{"version":3,"file":"121.BBh4eMHj.js","sources":["../../../../../../src/routes/[[lang=locale]]/(need-unauth)/sign-up/direct/email-input/+page.svelte"],"sourcesContent":["<script lang=\"ts\">\n    import { MtmService } from '$lib/api';\n    import { goto } from '$app/navigation';\n    import { toastDanger } from '$lib/utils';\n    import { validateEmail } from '@allibee/utils';\n    import { Button, IconButton, Input, Label, Tooltip } from '@allibee/components/basic';\n    import { SignUpLayout } from '$lib/service';\n    import { _ } from 'svelte-i18n';\n    import { get, debounce } from 'lodash-es';\n\n    export let data;\n    const { transformUrl } = data.master;\n    const { configurations } = data;\n    const restrictedDomains =\n        configurations\n            .find(c => c.configKey === 'REGISTRATION_RESTRICTED_DOMAINS')\n            ?.configValue?.split(',')\n            .map(d => d.trim().toLowerCase()) || [];\n\n    let email = '';\n    let isLoading = false;\n    let isEmailTouched = false;\n    let emailError = '';\n    let emailDomainError = '';\n\n    $: isEmailValid = validateEmail(email.trim());\n    $: isFormValid = !isLoading && isEmailValid && !emailDomainError && !emailError;\n    $: showEmailError = isEmailTouched && (!isEmailValid || emailError || emailDomainError) && email.trim() !== '';\n\n    const validateEmailDomain = (email: string) => {\n        if (!restrictedDomains.length) return true;\n        const domain = email.split('@')[1]?.toLowerCase();\n        return !restrictedDomains.includes(domain);\n    };\n\n    const handleEmailInput = debounce(() => {\n        isEmailTouched = true;\n        emailError = '';\n        emailDomainError = '';\n\n        if (email.trim() !== '' && isEmailValid) {\n            const isValidDomain = validateEmailDomain(email);\n            if (!isValidDomain) {\n                emailDomainError = $_('apps.contract.routes.sign-up.direct.email-input.page.restrictedEmailDomainError');\n            }\n        }\n    }, 100);\n\n    const handleSubmit = async () => {\n        if (!isFormValid) return;\n\n        try {\n            isLoading = true;\n            const trimmedEmail = email.trim();\n\n            // 이메일 중복 체크\n            const isAvailable = await MtmService.checkLoginIdAvailable({\n                loginId: trimmedEmail,\n            }).then(res => res.data.data);\n\n            if (!isAvailable) {\n                emailError = $_('apps.contract.routes.sign-up.direct.email-input.page.emailAlreadyInUse');\n                return;\n            }\n\n            // 이메일 인증 코드 발송\n            const { status, data: responseData } = await MtmService.sendOtpV1({\n                requestBody: { email: trimmedEmail },\n            });\n\n            if (status !== 200) {\n                throw new Error($_('apps.contract.routes.sign-up.direct.email-input.page.emailVerificationFailedError'));\n            }\n\n            const token = get(responseData, 'data.token');\n            await goto(transformUrl('/sign-up/direct/verify-code'), {\n                state: { email: trimmedEmail, token },\n            });\n        } catch (error) {\n            toastDanger($_('apps.contract.routes.sign-up.direct.email-input.page.emailVerificationFailedToast'));\n            throw error;\n        } finally {\n            isLoading = false;\n        }\n    };\n</script>\n\n<SignUpLayout>\n    <div class=\"flex w-[27.5rem] flex-col items-center gap-[3.75rem]\">\n        <div class=\"flex w-full flex-col items-center gap-2\">\n            <h1 class=\"whitespace-nowrap text-4xl font-bold text-gray-900\">\n                {$_('apps.contract.routes.sign-up.direct.email-input.page.enterEmailForSignUp')}\n            </h1>\n            <div class=\"flex w-full flex-col gap-8\">\n                <div>\n                    <p class=\"text-center text-lg text-gray-500\">\n                        {$_('apps.contract.routes.sign-up.direct.email-input.page.recommendWorkEmail')}\n                    </p>\n                    <div class=\"flex items-center justify-center\">\n                        <p class=\"text-center text-lg text-gray-500\">{$_('apps.contract.routes.sign-up.direct.email-input.page.personalEmailRestriction')}</p>\n                        <div class=\"ml-1 flex items-center\">\n                            <IconButton size=\"xxs\">\n                                <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                                    <path\n                                        fill-rule=\"evenodd\"\n                                        clip-rule=\"evenodd\"\n                                        d=\"M16.2008 9.00078C16.2008 10.9103 15.4422 12.7417 14.092 14.092C12.7417 15.4422 10.9103 16.2008 9.00078 16.2008C7.09122 16.2008 5.25987 15.4422 3.90961 14.092C2.55935 12.7417 1.80078 10.9103 1.80078 9.00078C1.80078 7.09122 2.55935 5.25987 3.90961 3.90961C5.25987 2.55935 7.09122 1.80078 9.00078 1.80078C10.9103 1.80078 12.7417 2.55935 14.092 3.90961C15.4422 5.25987 16.2008 7.09122 16.2008 9.00078ZM9.90078 5.40078C9.90078 5.63948 9.80596 5.86839 9.63718 6.03718C9.46839 6.20596 9.23948 6.30078 9.00078 6.30078C8.76209 6.30078 8.53317 6.20596 8.36439 6.03718C8.1956 5.86839 8.10078 5.63948 8.10078 5.40078C8.10078 5.16209 8.1956 4.93317 8.36439 4.76439C8.53317 4.5956 8.76209 4.50078 9.00078 4.50078C9.23948 4.50078 9.46839 4.5956 9.63718 4.76439C9.80596 4.93317 9.90078 5.16209 9.90078 5.40078ZM8.10078 8.10078C7.86209 8.10078 7.63317 8.1956 7.46439 8.36439C7.2956 8.53317 7.20078 8.76209 7.20078 9.00078C7.20078 9.23948 7.2956 9.46839 7.46439 9.63718C7.63317 9.80596 7.86209 9.90078 8.10078 9.90078V12.6008C8.10078 12.8395 8.1956 13.0684 8.36439 13.2372C8.53317 13.406 8.76209 13.5008 9.00078 13.5008H9.90078C10.1395 13.5008 10.3684 13.406 10.5372 13.2372C10.706 13.0684 10.8008 12.8395 10.8008 12.6008C10.8008 12.3621 10.706 12.1332 10.5372 11.9644C10.3684 11.7956 10.1395 11.7008 9.90078 11.7008V9.00078C9.90078 8.76209 9.80596 8.53317 9.63718 8.36439C9.46839 8.1956 9.23948 8.10078 9.00078 8.10078H8.10078Z\"\n                                        fill=\"#9CA3AF\"\n                                    />\n                                </svg>\n                            </IconButton>\n                            <Tooltip class=\"max-w-[19.5rem]\"\n                                >{$_('apps.contract.routes.sign-up.direct.email-input.page.restrictedDomains', { values: { domains: restrictedDomains.join(', ') } })}</Tooltip\n                            >\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"flex w-max items-center gap-2 self-center rounded-lg border border-blue-200 bg-blue-50 p-4\">\n                    <svg width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                        <path\n                            d=\"M13 16.0869H12V12.0869H11M12 8.08691H12.01M21 12.0869C21 13.2688 20.7672 14.4391 20.3149 15.5311C19.8626 16.623 19.1997 17.6151 18.364 18.4509C17.5282 19.2866 16.5361 19.9495 15.4442 20.4018C14.3522 20.8541 13.1819 21.0869 12 21.0869C10.8181 21.0869 9.64778 20.8541 8.55585 20.4018C7.46392 19.9495 6.47177 19.2866 5.63604 18.4509C4.80031 17.6151 4.13738 16.623 3.68508 15.5311C3.23279 14.4391 3 13.2688 3 12.0869C3 9.69997 3.94821 7.41078 5.63604 5.72295C7.32387 4.03513 9.61305 3.08691 12 3.08691C14.3869 3.08691 16.6761 4.03513 18.364 5.72295C20.0518 7.41078 21 9.69997 21 12.0869Z\"\n                            stroke=\"#1A56DB\"\n                            stroke-width=\"1.4\"\n                            stroke-linecap=\"round\"\n                            stroke-linejoin=\"round\"\n                        />\n                    </svg>\n\n                    <div class=\"whitespace-pre text-sm font-medium text-blue-700\">\n                        {$_('apps.contract.routes.sign-up.direct.email-input.page.nonAdminUserInfo')}\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"flex w-full flex-col gap-8\">\n            <form class=\"flex w-full flex-col {showEmailError ? 'gap-[2.8125rem]' : 'gap-4'}\" on:submit|preventDefault={handleSubmit}>\n                <div class=\"relative flex w-full flex-col space-y-2\">\n                    <Label color=\"gray\" for=\"email\">\n                        {$_('apps.contract.routes.sign-up.direct.email-input.page.workEmailLabel')}\n                    </Label>\n                    <Input id=\"email\" type=\"email\" color={showEmailError ? 'red' : 'base'} placeholder=\"name@work-email.com\" bind:value={email} on:input={handleEmailInput} />\n                    {#if showEmailError}\n                        <p class=\"pointer-events-none absolute left-0 top-full text-sm text-red-500\">\n                            {emailError || emailDomainError || $_('apps.contract.routes.sign-up.direct.email-input.page.invalidEmailFormatError')}\n                        </p>\n                    {/if}\n                </div>\n                <Button type=\"submit\" disabled={!isFormValid} loading={isLoading}>\n                    {$_('apps.contract.routes.sign-up.direct.email-input.page.continueButton')}\n                </Button>\n            </form>\n\n            <div class=\"flex w-full flex-col items-center gap-2\">\n                <p class=\"text-gray-500\">\n                    {$_('apps.contract.routes.sign-up.direct.email-input.page.alreadyUsingAllevi')}\n                </p>\n                <a href={transformUrl('/sign-in')} class=\"font-medium text-blue-500 underline\">\n                    {$_('apps.contract.routes.sign-up.direct.email-input.page.loginLink')}\n                </a>\n            </div>\n        </div>\n    </div>\n</SignUpLayout>\n"],"names":["insert_hydration","target","svg","anchor","append_hydration","path","t_value","ctx","dirty","set_data","p","t","t0_value","t2_value","t4_value","t9_value","t15_value","t17_value","create_if_block","attr","a","div10","div6","h1","div5","div2","p0","div1","p1","div0","div4","div3","div9","form","div7","div8","p2","current","t0","t2","t4","t9","t15","t17","data","$$props","transformUrl","configurations","restrictedDomains","_b","_a","c","d","email","isLoading","isEmailTouched","emailError","emailDomainError","validateEmailDomain","domain","handleEmailInput","debounce","isEmailValid","$$invalidate","$_","handleSubmit","isFormValid","trimmedEmail","MtmService.checkLoginIdAvailable","res","status","responseData","MtmService.sendOtpV1","token","get","goto","error","toastDanger","value","validateEmail","showEmailError"],"mappings":"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"}