https://voli.ai/_next/static/chunks/pages/dashboard/settings-490d7338312d8e8a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6130],{1719:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/dashboard/settings",function(){return t(34069)}])},34069:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return R}});var a=t(47568),i=t(97582),s=t(85893),o=t(4480),r=t(11163),c=t(93965),_=t(41217),l=t(85379),d=t(7926),u=t(38825),m=t(23067),h=t(30845),b=t(42985),g=t(14924),f=t(26042),p=t(69396),x=t(828),k=t(67294),y=t(41664),j=t.n(y),v=t(67648),N=t(63819),w=t(50375),C=t(90600),M=t(36993),Z=t(73935),E=t(35919),L=t.n(E),O=function(e){var n=e.isOpen,t=e.mode,a=e.onClose,i=e.onConfirm,o=e.closeOnOverlayClick,r=void 0===o||o,_=e.closeOnEsc,l=void 0===_||_,d=(0,c.$G)("user").t,u=d("editPage.countryRestrictionModal.".concat(t,".title"),{returnObjects:!0}),m=d("editPage.countryRestrictionModal.".concat(t,".description"),{returnObjects:!0});(0,k.useEffect)(function(){if(n&&l){var e=function(e){"Escape"===e.key&&a()};return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}}},[n,l,a]),(0,k.useEffect)(function(){if(n){var e=document.body.style.overflow;return document.body.style.overflow="hidden",function(){document.body.style.overflow=e}}},[n]);var h=function(){r&&a()},b=function(e){e.stopPropagation()},g=function(){if("blocked"===t){a();return}null==i||i()};return n?(0,Z.createPortal)((0,s.jsx)("div",{role:"dialog","aria-modal":"true","aria-labelledby":"country-restriction-modal-title",onMouseDown:h,className:L().modal_overlay,children:(0,s.jsxs)("div",{className:L().country_modal,onMouseDown:b,children:[(0,s.jsx)("h2",{id:"country-restriction-modal-title",className:L().country_modal_title,children:u}),(0,s.jsx)("p",{dangerouslySetInnerHTML:{__html:m},className:L().country_modal_description}),(0,s.jsxs)("div",{className:L().country_modal_btn_area,children:["confirm"===t&&(0,s.jsx)("button",{type:"button",className:L().country_modal_cancel_btn,onClick:a,children:d("editPage.countryRestrictionModal.confirm.cancel")}),(0,s.jsx)("button",{type:"button",className:L().country_modal_confirm_btn,onClick:g,children:d("editPage.countryRestrictionModal.".concat(t,".confirm"))})]})]})}),document.body):null},S=t(85578),P=function(e){return{nickname:e.nickname,isMarketing:e.isMarketing,language:e.language,country:e.country}},q=function(e,n){var t={};return e.nickname!==n.nickname&&(t.nickname=n.nickname),e.isMarketing!==n.isMarketing&&(t.isMarketing=n.isMarketing),e.language!==n.language&&(t.language=n.language),e.country!==n.country&&(t.country=n.country),t},F=function(){var e,n,t,r=(0,(0,c.$G)("user").t)("editPage",{returnObjects:!0}),_=(0,x.Z)((0,o.FV)(u.n5),2),l=_[0],m=_[1],h=(0,o.sJ)(u.Yw),b=(0,o.sJ)(N.$),y=(0,o.Zl)(N.$),Z=(0,o.Zl)(d.Hj),E=(0,k.useState)(!1),F=E[0],T=E[1],U=(0,k.useState)(!1),A=U[0],I=U[1],B=(0,k.useState)(null),R=B[0],D=B[1],G=(0,w.Io)(),V=null!==l.accessToken&&""===l.firstName,J=(0,w.GD)(V),K=(0,k.useState)(function(){return P(l)}),Y=K[0],z=K[1],Q=r.countrySelect.options,X=r.countrySelect.regions,W=(0,k.useMemo)(function(){return Q.reduce(function(e,n){return e[n.region]||(e[n.region]=[]),e[n.region].push(n),e},{})},[Q]),H=(0,k.useMemo)(function(){return Object.fromEntries(Q.map(function(e){return[e.code,e]}))},[Q]),$=(0,k.useMemo)(function(){return P(l)},[l]),ee=null!==(t=H[null!==(n=null!==(e=Y.country)&&void 0!==e?e:b)&&void 0!==n?n:"US"])&&void 0!==t?t:H.US,en=(0,k.useMemo)(function(){var e,n;return""!==Y.nickname&&($.nickname!==Y.nickname||$.isMarketing!==Y.isMarketing||$.language!==Y.language||$.country!==Y.country)},[$,Y]);(0,k.useEffect)(function(){z(P(l))},[l]),(0,k.useEffect)(function(){var e=Boolean(J.fail),n=Boolean(J.success);if(e||n){if(e){Z(!0);return}var t=J.success;if(!(null==t?void 0:t.success)){Z(!0);return}m(function(e){var n;return(0,f.Z)({},e,{email:(n=t.data).email,nickname:n.nickname,profileImageURL:n.profile_img,job:n.work?n.work.includes(",")?n.work.split(","):[n.work]:[],belong:n.belong,firstName:n.firstname,lastName:n.secondname,gender:n.gender,isMarketing:"Y"===n.marketing,language:"kr"===n.lang?"ko":n.lang,country:n.country})})}},[J.fail,J.success,Z,m]);var et=(0,k.useCallback)(function(e,n){z(function(t){return(0,p.Z)((0,f.Z)({},t),(0,g.Z)({},e,n))})},[]),ea=(0,k.useCallback)(function(e){et("nickname",e.target.value)},[et]),ei=(0,k.useCallback)(function(e){et("isMarketing",e.target.checked)},[et]),es=(0,k.useCallback)(function(e){if(!e){T(!1);return}if(A){T(!0);return}if("Free"!==h.planName){D("blocked");return}D("confirm")},[A,h.planName]),eo=(0,k.useCallback)(function(){D(null)},[]),er=(0,k.useCallback)(function(){if("blocked"===R){D(null);return}D(null),I(!0),T(!0)},[R]),ec=(0,k.useCallback)(function(e){et("country",e),T(!1)},[et]),e_=(0,k.useCallback)((0,a.Z)(function(){var e,n;return(0,i.__generator)(this,function(t){switch(t.label){case 0:if(""===Y.nickname||0===Object.keys(e=q($,Y)).length)return[2];t.label=1;case 1:return t.trys.push([1,3,,4]),[4,G.mutateAsync(e)];case 2:if(!(null==(n=t.sent())?void 0:n.success))throw n;return m(function(n){return(0,f.Z)({},n,e)}),void 0!==e.country&&y(e.country||"US"),I(!1),[3,4];case 3:return t.sent(),Z(!0),[3,4];case 4:return[2]}})}),[Y,$,y,Z,m,G]);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("form",{className:L().edit,children:[(0,s.jsx)("div",{className:L().account_area,children:(0,s.jsxs)("div",{className:L().input_area,children:[(0,s.jsx)("label",{className:L().label,children:r.emailLabel}),(0,s.jsx)("p",{className:L().email,children:l.email})]})}),(0,s.jsx)("div",{className:L().account_area,children:(0,s.jsxs)("div",{className:L().input_area,children:[(0,s.jsx)("p",{className:"".concat(L().label," ").concat(L().required),children:r.countryLabel}),(0,s.jsxs)(v.fC,{open:F,onOpenChange:es,children:[(0,s.jsx)(v.xz,{asChild:!0,children:(0,s.jsxs)("button",{type:"button",className:L().language_btn,children:["".concat(ee.flag," ").concat(ee.label),(0,s.jsx)(S.Z,{sx:{fontSize:24,color:"#797979"}})]})}),(0,s.jsx)(v.Uv,{children:(0,s.jsx)(v.VY,{className:L().select_list,sideOffset:6,align:"start",children:Object.entries(W).map(function(e){var n=(0,x.Z)(e,2),t=n[0],a=n[1];return(0,s.jsxs)("div",{className:L().section,children:["top"!==t&&(0,s.jsx)("div",{className:L().section_title,children:X[t]}),a.map(function(e){return(0,s.jsx)(v.ck,{asChild:!0,children:(0,s.jsx)("button",{type:"button",className:L().select_item,onClick:function(){return ec(e.code)},children:"".concat(e.flag," ").concat(e.label)})},e.code)})]},t)})})})]})]})}),(0,s.jsx)("div",{className:L().account_area,children:(0,s.jsxs)("div",{className:L().input_area,children:[(0,s.jsx)("p",{className:"".concat(L().label," ").concat(L().required),children:r.languageLabel}),(0,s.jsxs)(v.fC,{children:[(0,s.jsx)(v.xz,{asChild:!0,children:(0,s.jsxs)("button",{type:"button",className:L().language_btn,children:[r[Y.language],(0,s.jsx)(S.Z,{sx:{fontSize:24,color:"#797979"}})]})}),(0,s.jsx)(v.Uv,{children:(0,s.jsxs)(v.VY,{className:L().select_list,sideOffset:8,align:"start",children:[(0,s.jsx)(v.ck,{asChild:!0,children:(0,s.jsx)("button",{type:"button",className:L().select_item,onClick:function(){return et("language","ko")},children:"한국어"})}),(0,s.jsx)(v.ck,{asChild:!0,children:(0,s.jsx)("button",{type:"button",className:L().select_item,onClick:function(){return et("language","en")},children:"English"})}),(0,s.jsx)(v.ck,{asChild:!0,children:(0,s.jsx)("button",{type:"button",className:L().select_item,onClick:function(){return et("language","ja")},children:"日本語"})})]})})]})]})}),(0,s.jsx)(C.Z,{label:r.nicknameLabel,isRequired:!0,type:"text",id:"nickname",value:Y.nickname||"",onValueChange:ea}),(0,s.jsxs)("div",{className:L().input_area,children:[(0,s.jsx)("label",{className:L().label,children:r.marketingLabel}),(0,s.jsxs)("div",{className:L().marketing,children:[(0,s.jsx)("input",{type:"checkbox",id:"marketing",checked:Y.isMarketing||!1,onChange:ei}),(0,s.jsx)("label",{htmlFor:"marketing",children:r.marketingConsent}),(0,s.jsx)("span",{className:L().guide,children:r.marketingText})]})]}),(0,s.jsx)("div",{className:L().withdraw_btn,children:(0,s.jsx)(j(),{href:"/dashboard/settings/withdraw",children:r.withdraw})}),(0,s.jsx)(M.Z,{text:r.edit,isDisabled:!en,onClick:e_})]}),(0,s.jsx)(O,{isOpen:null!==R,mode:null!=R?R:"blocked",onClose:eo,onConfirm:er})]})},T=t(52968),U=t.n(T),A=t(9008),I=t.n(A),B=t(34155),R=function(){var e,n=(0,r.useRouter)(),t=(0,c.$G)("common").t,g=(0,o.sJ)(d.h_),f=(0,_.Z)(),p=f.isOpen,x=f.handleOpen,k=f.close,y=function(){(0,l.pQ)(),window.gtag&&B.env.NEXT_PUBLIC_GA_ID&&(window.gtag("config",B.env.NEXT_PUBLIC_GA_ID,{user_id:void 0}),window.gtag("set","user_properties",{})),x()},j=(e=(0,a.Z)(function(){return(0,i.__generator)(this,function(e){switch(e.label){case 0:return k(),[4,n.push("/login")];case 1:return e.sent(),[4,n.reload()];case 2:return e.sent(),[2]}})}),function(){return e.apply(this,arguments)}),v=(0,o.sJ)(u.n5);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(I(),{children:(0,s.jsx)("title",{children:t("settingsPageTitle")})}),(0,s.jsxs)("div",{id:"dashboard",children:[(0,s.jsx)(h.Z,{title:t("계정 설정"),element:g?(0,s.jsx)("button",{type:"button","aria-label":"Logout",onClick:y,children:t("menuBar.logout")}):void 0}),(0,s.jsx)(b.Z,{data:[{name:t("myAccount"),path:"/dashboard/settings"}]}),(0,s.jsx)("div",{className:U().settings,children:(0,s.jsx)(F,{})})]}),p&&(0,s.jsx)(m.Z,{isToast:!0,onClose:j,iconSrc:"/images/emoji/[email protected]",text:"".concat(v.nickname.length>13?"".concat(v.nickname.slice(0,13),"..."):v.nickname," ").concat(t("bye"))})]})}},42985:function(e,n,t){"use strict";var a=t(85893);t(67294);var i=t(41664),s=t.n(i),o=t(11163),r=t(92293),c=t.n(r),_=function(e){var n=e.data,t=e.element,i=e.dynamicWidth,r=(0,o.useRouter)().pathname;return(0,a.jsx)("div",{className:c().nav,children:(0,a.jsxs)("div",{className:c().inner,style:{width:i},children:[(0,a.jsx)("nav",{children:n.map(function(e){return"button"!==e.type?(0,a.jsx)(s(),{href:e.path,children:(0,a.jsx)("a",{className:e.path===r?c().active:"",children:e.name})},e.path):(0,a.jsx)("button",{type:"button",onClick:e.onClick,className:e.isActive?c().active:"",children:e.name},e.name)})}),t&&t]})})};n.Z=_},30845:function(e,n,t){"use strict";var a=t(85893),i=t(67294),s=t(4480),o=t(11163),r=t(7926),c=t(27620),_=t(92293),l=t.n(_),d=t(6236),u=function(e){var n=e.title,t=e.regularTitle,_=e.text,u=void 0===_?"":_,m=e.element,h=(0,o.useRouter)().pathname,b=(0,s.Zl)(r.ct);return(0,i.useEffect)(function(){b(!1)}

1,[h]),(0,a.jsxs)("div",{className:l().title_area,children:[(0,a.jsx)(c.i,{children:(0,a.jsx)("button",{type:"button",onClick:function(){return b(!0)},className:l().menu_btn,children:(0,a.jsx)(d.Z,{sx:{fontSize:20,color:"#2F3237"}})})}),(0,a.jsxs)("h3",{className:l().title,children:[(0,a.jsx)("strong",{children:n}),t&&t,m&&(0,a.jsx)(c.PC,{children:m})]}),u&&(0,a.jsx)("span",{className:l().text,children:u}),m&&(0,a.jsx)(c.i,{children:(0,a.jsx)("div",{className:l().btn_area,children:m})})]})};n.Z=u},36993:function(e,n,t){"use strict";var a=t(85893),i=t(18654),s=t.n(i),o=t(93965),r=function(e){var n=e.text,t=e.isDisabled,i=e.onClick,r=(0,o.$G)("join").t;return(0,a.jsx)("button",{type:"button",name:"continue",disabled:t,onClick:i,className:s().continue_btn,children:n||r("continue")})};n.Z=r},90600:function(e,n,t){"use strict";var a=t(85893),i=t(18654),s=t.n(i);t(67294);var o=function(e){var n=e.label,t=e.isRequired,i=e.type,o=e.id,r=e.placeholder,c=e.disabled,_=e.autoFocus,l=e.value,d=e.guideMsg,u=e.errorMsg,m=e.onValueChange,h=e.onKeyDown,b=e.isButton;return(0,a.jsxs)("div",{className:s().input_area,children:[d&&(0,a.jsx)("span",{className:s().guide,children:d}),u&&(0,a.jsx)("span",{className:s().error,children:u}),(0,a.jsx)("label",{htmlFor:o,className:t?s().required:"",children:n}),(0,a.jsxs)("div",{className:s().input,children:[(0,a.jsx)("input",{type:i,id:o,value:l,onChange:m,onKeyDown:h,placeholder:r,disabled:c,autoFocus:_,autoComplete:"password"===i?"off":""}),b&&(0,a.jsx)("button",{type:"button",disabled:!b.isActive,onClick:b.onButtonClick,children:b.text})]})]})};n.Z=o},35919:function(e){e.exports={pc:"settings_pc__ml06Z",mobile:"settings_mobile__d78KO",hide:"settings_hide__uNE2V",sr_only:"settings_sr_only__SdIkL",edit:"settings_edit__bMmp_",account_area:"settings_account_area__UKPgE",input_area:"settings_input_area__B6mor",logout:"settings_logout___L7yK",label:"settings_label__o3ZIe",required:"settings_required__Q_Jhr",email:"settings_email__Tneng",language_btn:"settings_language_btn__pGYi4",select_list:"settings_select_list__LfM9f",languageFadeIn:"settings_languageFadeIn__3kQtu",languageFadeOut:"settings_languageFadeOut__zMfIw",section_title:"settings_section_title__7t5TK",select_item:"settings_select_item__c3RqK",marketing:"settings_marketing__VuSsf",guide:"settings_guide__e2Ksp",withdraw_btn:"settings_withdraw_btn__rtITJ",modal_overlay:"settings_modal_overlay__zd29_",country_modal:"settings_country_modal__ZdfcA",country_modal_title:"settings_country_modal_title__M762T",country_modal_description:"settings_country_modal_description__E5hh_",country_modal_btn_area:"settings_country_modal_btn_area__lshUh",country_modal_cancel_btn:"settings_country_modal_cancel_btn__GAffh",country_modal_confirm_btn:"settings_country_modal_confirm_btn__hiSrf"}},52968:function(e){e.exports={pc:"dashboard_pc__FOCA7",mobile:"dashboard_mobile__GN9a3",hide:"dashboard_hide__uPXgY",sr_only:"dashboard_sr_only__n5_wQ",container:"dashboard_container__DnVWM",custom:"dashboard_custom__uvn8c",back_btn:"dashboard_back_btn__6ek2t",studio:"dashboard_studio__GBh_E",studio_modal:"dashboard_studio_modal__osyam",library:"dashboard_library__eBn6B",guide:"dashboard_guide__10PYW",history:"dashboard_history__aLX_1",setting_slots:"dashboard_setting_slots__Az4Tr",voice_order:"dashboard_voice_order__Sikrx",image:"dashboard_image__4ao7g",contents:"dashboard_contents__qcX3L",terms:"dashboard_terms__PY3QM",title:"dashboard_title__ueUu5",text:"dashboard_text__HHqdn",submit_btn:"dashboard_submit_btn__5sB_w",guide_area:"dashboard_guide_area__q6pGE",tab_list:"dashboard_tab_list__D_5Lp",tab_item:"dashboard_tab_item__dib6Q",active:"dashboard_active__Rk_Ny",consent_modal_title:"dashboard_consent_modal_title__cSX5b",consent_modal_body:"dashboard_consent_modal_body__EV7q9",guide_title_area:"dashboard_guide_title_area__o6SQ0",plan_title_area:"dashboard_plan_title_area__A9UJo",more_plan_btn:"dashboard_more_plan_btn__vhyFK",plan:"dashboard_plan__nrup0",category_list:"dashboard_category_list__P49y6",back:"dashboard_back__3hWPM",inner:"dashboard_inner__wmQLR",upgrade_link:"dashboard_upgrade_link__hJYrE",purchase:"dashboard_purchase__A5MEb",purchase_title_area:"dashboard_purchase_title_area__WA8WC",guide_text:"dashboard_guide_text__oV6WS",settings:"dashboard_settings__6J_26",background_modal:"dashboard_background_modal__J9U_1",withdraw_warning_modal:"dashboard_withdraw_warning_modal__UsT6K",remaining:"dashboard_remaining__nAeKl",create_btn_area:"dashboard_create_btn_area__SVuz3",create_btn:"dashboard_create_btn__abHVB"}},18654:function(e){e.exports={pc:"common_pc__FFgu5",mobile:"common_mobile__cEH_d",hide:"common_hide__Yh0si",sr_only:"common_sr_only__6X_sV",wrap:"common_wrap__f41JY",container:"common_container__Aq3F8",content_area:"common_content_area__1PgFh",title_area:"common_title_area__nkqCK",title:"common_title__Fx4

1CB",question:"common_question__UoUGP",input_area:"common_input_area__8JvCL",guide:"common_guide__W2MrD",error:"common_error__DyO_q",required:"common_required__jCMIT",input_error:"common_input_error__knaAE",input:"common_input__CzYRL",email_area:"common_email_area__vLzpb",disabled:"common_disabled__fQLNr",timer:"common_timer__Idjdg",continue_btn:"common_continue_btn__OT27g",background_modal:"common_background_modal__tUqou",modal:"common_modal__jvT2l",btn_confirm:"common_btn_confirm__lfLZ_"}}},function(e){e.O(0,[1371,8281,9774,2888,179],function(){return e(e.s=1719)}),_N_E=e.O()}]);