{"version":3,"file":"static/chunks/pages/member/signup-429e9a57b56033e8.js","mappings":"AACA","sources":["webpack://_N_E/?59a6","webpack://_N_E/./src/api/nice.ts","webpack://_N_E/./src/components/Member/SignUpBenefit.tsx","webpack://_N_E/./src/pages/member/signup/index.tsx","webpack://_N_E/<anon>"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/member/signup\",\n      function () {\n        return require(\"private-next-pages/member/signup/index.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/member/signup\"])\n      });\n    }\n  ","import { toQueryString } from \"src/utils/misc\";\nimport { api } from \".\";\nexport const getNiceToken = async (param)=>{\n    let { returnUrl  } = param;\n    const { data  } = await api.get(\"/nice/token/\".concat(toQueryString({\n        returnUrl\n    })));\n    return data;\n};\n","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Typography, styled as muiStyled } from \"@mui/material\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport Image from \"next/image\";\nimport { getSignUpBenefit } from \"src/api/member\";\nconst SignUpBenefit = ()=>{\n    var _signUpBenefit_title1, _signUpBenefit_title11, _signUpBenefit_title2, _signUpBenefit_title21;\n    const { data: signUpBenefit  } = useQuery([\n        \"signUpBenefit\"\n    ], ()=>getSignUpBenefit(), {\n        staleTime: Infinity\n    });\n    return /*#__PURE__*/ _jsxs(InfoBox, {\n        children: [\n            /*#__PURE__*/ _jsx(Typography, {\n                variant: \"bold28\",\n                sx: {\n                    textAlign: \"center\",\n                    color: signUpBenefit === null || signUpBenefit === void 0 ? void 0 : (_signUpBenefit_title1 = signUpBenefit.title1) === null || _signUpBenefit_title1 === void 0 ? void 0 : _signUpBenefit_title1.color\n                },\n                children: (signUpBenefit === null || signUpBenefit === void 0 ? void 0 : (_signUpBenefit_title11 = signUpBenefit.title1) === null || _signUpBenefit_title11 === void 0 ? void 0 : _signUpBenefit_title11.text) || \"지금 가입하면\"\n            }),\n            /*#__PURE__*/ _jsx(Typography, {\n                variant: \"bold28\",\n                sx: {\n                    textAlign: \"center\",\n                    color: signUpBenefit === null || signUpBenefit === void 0 ? void 0 : (_signUpBenefit_title2 = signUpBenefit.title2) === null || _signUpBenefit_title2 === void 0 ? void 0 : _signUpBenefit_title2.color\n                },\n                children: (signUpBenefit === null || signUpBenefit === void 0 ? void 0 : (_signUpBenefit_title21 = signUpBenefit.title2) === null || _signUpBenefit_title21 === void 0 ? void 0 : _signUpBenefit_title21.text) || \"아주 좋아요!\"\n            }),\n            /*#__PURE__*/ _jsx(\"div\", {\n                children: /*#__PURE__*/ _jsx(Image, {\n                    src: signUpBenefit === null || signUpBenefit === void 0 ? void 0 : signUpBenefit.imageUrl,\n                    fill: true,\n                    alt: \"sign up benefit image\"\n                })\n            })\n        ]\n    });\n};\nconst InfoBox = muiStyled(\"section\")((param)=>{\n    let { theme  } = param;\n    return {\n        width: \"100%\",\n        maxWidth: \"440px\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        alignItems: \"center\",\n        padding: \"60px 0\",\n        margin: \"40px 0\",\n        div: {\n            position: \"relative\",\n            width: \"312px\",\n            height: \"312px\",\n            textAlign: \"center\",\n            margin: \"32px 0\",\n            img: {\n                objectFit: \"contain\"\n            }\n        },\n        \"@media (max-width: 1200px)\": {\n            padding: \"0\",\n            margin: \"0\",\n            div: {\n                margin: \"32px 0 0 0\"\n            }\n        },\n        \"@media (max-width: 768px)\": {\n            div: {\n                width: \"240px\",\n                height: \"240px\"\n            }\n        }\n    };\n});\nexport default SignUpBenefit;\n","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { MemberPageHeader } from \"@/components/Member/MemberPageHeader\";\nimport { MemberPageLayout } from \"@/components/Member/MemberPageLayout\";\nimport SignUpBenefit from \"@/components/Member/SignUpBenefit\";\nimport useKakaoSignInUp from \"@/components/Member/hooks/useKakaoSignInUp\";\nimport Icon from \"@/components/icon/Icon\";\nimport { ArrowRight, Sizes, ThunderboltIcon } from \"@/components/icon/IconList\";\nimport { SignIn } from \"@/components/signIn/SignInComponents\";\nimport useRedirect from \"@/hooks/useRedirect\";\nimport { useApiService } from \"@/lib/apiService\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport useWindowDimensions from \"@/lib/web-ui/useWindowDimensions\";\nimport { LOGIN_PAGE } from \"@/settings/constant\";\nimport { Button, ConfirmDialog } from \"@bookips/solvook-ui-library\";\nimport { Typography, styled as muiStyled, useTheme } from \"@mui/material\";\nimport * as Sentry from \"@sentry/react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useRouter } from \"next/router\";\nimport { useEffect } from \"react\";\nimport LoginDialog from \"src/store/loginDialog\";\nimport { getNiceToken } from \"../../../api/nice\";\nimport { getParams, toQueryString } from \"../../../utils/misc\";\nimport { ButtonInTypography, InnerBox } from \"../login\";\nimport { FooterButtonBox } from \"./form\";\nconst SignUpNextPage = ()=>{\n    const router = useRouter();\n    const theme = useTheme();\n    const { isTablet  } = useWindowDimensions();\n    const apiService = useApiService();\n    const { redirectAgain  } = useRedirect();\n    const { onKakao  } = useKakaoSignInUp();\n    const { isOpenSignUpDialog , openSignUpDialogContents  } = LoginDialog((state)=>({\n            isOpenSignUpDialog: state.isOpenSignUpDialog,\n            openSignUpDialogContents: state.openSignUpDialogContents\n        })) //회원가입, 로그인시 다이얼로그 store\n    ;\n    const { data: niceQuery  } = useQuery([\n        \"niceQuery\"\n    ], ()=>getNiceToken({\n            returnUrl: \"\".concat(window.location.origin, \"/signup/\")\n        }), {\n        staleTime: Infinity\n    });\n    const onPhone = async ()=>{\n        localStorage.setItem(\"reqKey\", niceQuery.reqKey);\n        const nicePopup = window.open(undefined, \"nicePopup\", \"width=430, height=700, scrollbars=no, resizable=no\");\n        if (!apiService) {\n            return;\n        }\n        try {\n            nicePopup === null || nicePopup === void 0 ? void 0 : nicePopup.document.write('\\n\t\t\t\t\t<html>\\n\t\t\t\t\t\t<body>\\n\t\t\t\t\t\t\t<form name=\"form\" id=\"form\" action=\"https://nice.checkplus.co.kr/CheckPlusSafeModel/checkplus.cb\">\\n\t\t\t\t\t\t\t\t<input type=\"hidden\" id=\"m\" name=\"m\" value=\"service\" />\\n\t\t\t\t\t\t\t\t<input type=\"hidden\" id=\"token_version_id\" name=\"token_version_id\" value=\"'.concat(niceQuery.tokenVersionId, '\" />\\n\t\t\t\t\t\t\t\t<input type=\"hidden\" id=\"enc_data\" name=\"enc_data\" value=\"').concat(niceQuery.encrypted, '\"/>\\n\t\t\t\t\t\t\t\t<input type=\"hidden\" id=\"integrity_value\" name=\"integrity_value\" value=\"').concat(niceQuery.integrityCheck, '\" />\\n\t\t\t\t\t\t\t</form>\\n\t\t\t\t\t\t</body>\\n\t\t\t\t\t\t<script>\\n\t\t\t\t\t\t\tdocument.form.submit();\\n\t\t\t\t\t\t</script>\\n\t\t\t\t\t</html>\\n\t\t\t\t\t'));\n        } catch (error) {\n            Sentry.withScope(function(scope) {\n                scope.setTag(\"type\", \"nice\");\n                scope.setLevel(\"fatal\");\n                Sentry.captureException(error);\n            });\n            ;\n        }\n        //mix-119\n        mixpanelEvent(\"Sign Up Started\", {\n            \"Button Name\": \"휴대폰 번호로 가입하기\"\n        });\n    };\n    useEffect(()=>{\n        if (!router.query.enc_data) return;\n        const id = router.query.token_version_id;\n        const data = router.query.enc_data;\n        self.close();\n        const params = getParams(window.opener.location.search);\n        const query = toQueryString({\n            ...params,\n            tokenVersionId: id,\n            encData: data,\n            next: router.query.next\n        });\n        window.opener.location.href = \"\".concat(window.location.origin, \"/signup/form/\").concat(query);\n    }, [\n        router.query\n    ]);\n    return /*#__PURE__*/ _jsxs(SignUpNextPageWrapper, {\n        children: [\n            isTablet ? /*#__PURE__*/ _jsx(MemberPageHeader, {\n                pageTitle: \"회원가입\",\n                showBackButton: true\n            }) : /*#__PURE__*/ _jsx(MemberPageHeader, {\n                showLogo: true\n            }),\n            /*#__PURE__*/ _jsxs(SignUpContent, {\n                children: [\n                    !isTablet && /*#__PURE__*/ _jsx(SignUpBenefit, {}),\n                    /*#__PURE__*/ _jsxs(SignIn, {\n                        children: [\n                            isTablet ? /*#__PURE__*/ _jsx(SignUpBenefit, {}) : /*#__PURE__*/ _jsx(Typography, {\n                                variant: \"bold28\",\n                                sx: {\n                                    textAlign: \"center\"\n                                },\n                                children: \"회원가입\"\n                            }),\n                            /*#__PURE__*/ _jsxs(InnerBox, {\n                                children: [\n                                    /*#__PURE__*/ _jsxs(\"div\", {\n                                        className: \"sing-in-btn-box\",\n                                        children: [\n                                            /*#__PURE__*/ _jsxs(Tooltip, {\n                                                children: [\n                                                    /*#__PURE__*/ _jsx(Icon, {\n                                                        icon: ThunderboltIcon,\n                                                        size: Sizes.small\n                                                    }),\n                                                    /*#__PURE__*/ _jsx(Typography, {\n                                                        variant: \"bold12\",\n                                                        sx: {\n                                                            display: \"block\"\n                                                        },\n                                                        children: \"3초만에 가입 가능!\"\n                                                    })\n                                                ]\n                                            }),\n                                            /*#__PURE__*/ _jsx(SignIn.KakaoButton, {\n                                                type: \"SIGNUP\",\n                                                onKakao: onKakao\n                                            }),\n                                            /*#__PURE__*/ _jsx(SignIn.PhoneButton, {\n                                                type: \"SIGNUP\",\n                                                onPhone: onPhone\n                                            })\n                                        ]\n                                    }),\n                                    /*#__PURE__*/ _jsxs(ButtonInTypography, {\n                                        variant: \"regular14\",\n                                        color: theme.palette.text.secondary,\n                                        sx: {\n                                            gap: \"8px\"\n                                        },\n                                        children: [\n                                            \"이미 쏠북 회원이신가요?\",\n                                            /*#__PURE__*/ _jsx(Button, {\n                                                variant: \"strokeSecondary\",\n                                                className: \"sign-up-btn\",\n                                                label: /*#__PURE__*/ _jsxs(ButtonInTypography, {\n                                                    variant: \"semibold14\",\n                                                    color: theme.palette.text.secondary,\n                                                    sx: {\n                                                        gap: \"4px\"\n                                                    },\n                                                    onClick: ()=>{\n                                                        //mix-120 회원가입 페이지에서 로그인 버튼 클릭시\n                                                        mixpanelEvent(\"Login Button Clicked\");\n                                                        redirectAgain(\"\".concat(LOGIN_PAGE));\n                                                    },\n                                                    children: [\n                                                        \"로그인\",\n                                                        /*#__PURE__*/ _jsx(Icon, {\n                                                            icon: ArrowRight,\n                                                            size: Sizes.smallHalf,\n                                                            color: theme.palette.text.secondary\n                                                        })\n                                                    ]\n                                                })\n                                            })\n                                        ]\n                                    })\n                                ]\n                            })\n                        ]\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsx(ConfirmDialog, {\n                open: isOpenSignUpDialog,\n                severity: openSignUpDialogContents.severity || \"caution\",\n                onClose: ()=>{},\n                title: openSignUpDialogContents.title,\n                content: openSignUpDialogContents.content,\n                footer: /*#__PURE__*/ _jsx(FooterButtonBox, {\n                    children: /*#__PURE__*/ _jsx(Button, {\n                        variant: \"solid\",\n                        label: openSignUpDialogContents.btnLabel,\n                        onClick: ()=>{\n                            openSignUpDialogContents.onOk();\n                        }\n                    })\n                })\n            })\n        ]\n    });\n};\nSignUpNextPage.getLayout = (page)=>{\n    return /*#__PURE__*/ _jsx(MemberPageLayout, {\n        children: page\n    });\n};\nconst SignUpNextPageWrapper = muiStyled(\"div\")(()=>({\n        width: \"100%\",\n        height: \"100%\",\n        minHeight: \"752px\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        alignItems: \"center\"\n    }));\nconst SignUpContent = muiStyled(\"article\")(()=>({\n        width: \"100%\",\n        height: \"100%\",\n        display: \"flex\",\n        justifyContent: \"center\",\n        gap: \"40px\",\n        div: {\n            height: \"auto\"\n        }\n    }));\n// 회원가입 완료 페이지에서 사용될 수 있는 tooltip\nexport const Tooltip = muiStyled(\"p\")((param)=>{\n    let { theme  } = param;\n    return {\n        position: \"absolute\",\n        display: \"flex\",\n        top: \"-14px\",\n        left: \"12px\",\n        backgroundColor: theme.palette.text.title,\n        color: theme.palette.blackAndWhite.white,\n        zIndex: 1,\n        borderRadius: \"4px\",\n        padding: \"4px 10px 4px 8px\",\n        \"&::after\": {\n            content: '\"\"',\n            position: \"absolute\",\n            top: \"26px\",\n            left: \"12px\",\n            borderTop: \"6px solid \".concat(theme.palette.text.title),\n            borderLeft: \"6px solid transparent\",\n            borderRight: \"6px solid transparent\",\n            borderBottom: \"0px solid transparent\"\n        }\n    };\n});\nexport default SignUpNextPage;\n"],"names":[],"sourceRoot":""}