https://m.mrblue.com/_next/static/chunks/1384-5ca3d86f04f2ad8d.js?dpl=1789534523571

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1384],{53945:function(e,t,n){n.d(t,{Z:function(){return Z}});var r=n(11869),a=n(86499),l=n(20011),s=n(99463);let o=e=>{let t=e.indexOf("@");return -1!==t?e.slice(t+1):""},i=e=>{let t=e.indexOf("@");return -1!==t?e.slice(0,t):e},u=e=>e.indexOf("@")>0;var c=n(43237),d=n(21244),f=(0,a.forwardRef)(function(e,t){let{className:n,children:l,...s}=e,o=(0,a.useRef)(null);return(0,a.useEffect)(()=>{let e=o.current;if(!e)return;let t=0,n=e=>{t=e.touches[0].clientY},r=n=>{let r=n.touches[0].clientY;e.scrollTop+=t-r,t=r,n.cancelable&&n.preventDefault()};return e.addEventListener("touchstart",n,{passive:!0}),e.addEventListener("touchmove",r,{passive:!1}),()=>{e.removeEventListener("touchstart",n),e.removeEventListener("touchmove",r)}},[]),(0,r.jsx)("div",{ref:e=>{o.current=e,"function"==typeof t?t(e):t&&(t.current=e)},className:(0,d.cn)("overflow-y-auto overscroll-contain",n),...s,children:l})}),p=n(12018);function h(e){let{selectedIndex:t,filteredDomains:n,handleSelect:l,handleMouseEnter:s,email:o}=e,u=(0,a.useRef)(null);(0,a.useEffect)(()=>{if(t>=0&&t<n().length&&u.current){let e=u.current,n=e.querySelector('[data-index="'.concat(t,'"]'));if(n){let t=e.getBoundingClientRect(),r=n.getBoundingClientRect(),a=r.top<t.top,l=r.bottom>t.bottom;(a||l)&&n.scrollIntoView({behavior:"smooth",block:"nearest"})}}},[t,n().length]);let c={zIndex:p.cw};return(0,r.jsx)(f,{ref:u,className:"email-autocomplete-scrollbar absolute w-full h-37.5 flex flex-col gap-2 mt-1.5 py-3.5 pl-2.5 rounded-lg shadow-[0_1px_4px_2px_rgba(0,0,0,0.1)] bg-elevated-02",style:c,children:n().map((e,n)=>{let a=i(o);return(0,r.jsx)("button",{type:"button","data-index":n,className:"\n          flex items-center min-h-10 px-[6px] cursor-pointer whitespace-normal text-mono-01\n          ".concat(n===t&&"bg-bright-05 rounded-sm","\n        "),onMouseDown:e=>{e.preventDefault()},onMouseEnter:()=>{s(n)},onClick:()=>l(e),children:(0,r.jsxs)("div",{className:"flex items-center min-w-0 w-full py-1",children:[(0,r.jsx)("span",{className:"overflow-hidden text-ellipsis whitespace-nowrap",children:a}),(0,r.jsxs)("span",{className:"flex-shrink-0",children:["@",e]})]})},e)})})}let m=(0,a.forwardRef)((e,t)=>{let{status:n,onChange:d,onKeyDown:f,value:p,maxLength:m,...x}=e,g="string"==typeof p?p:"",{inputRef:b,showDropdown:v,selectedIndex:w,handleChange:y,handleSelect:j,handleKeyDown:N,handleBlur:_,filteredDomains:k,handleFocus:E,handleMouseEnter:Z}=function(e){let{value:t="",onChange:n,maxLength:r}=e,[l,c]=(0,a.useState)(!1),[d,f]=(0,a.useState)(-1),p=(0,a.useRef)(null),h=()=>{let e=o(t);return e?s.JB.filter(t=>t.startsWith(e)&&t!==e):s.JB};(0,a.useEffect)(()=>{u(t)||c(!1)},[t]);let m=e=>{let a=i(t),l="".concat(a,"@").concat(e).slice(0,r);null==n||n({target:{value:l}}),c(!1),f(-1),requestAnimationFrame(()=>{let e=p.current;if(!e)return;e.focus();let t=e.value.length;e.setSelectionRange(t,t),e.scrollLeft=e.scrollWidth})};return{inputRef:p,showDropdown:l,selectedIndex:d,handleChange:e=>{let t=e.target.value;null==n||n(e),u(t)?(c(!0),f(0)):c(!1)},handleSelect:m,handleKeyDown:e=>{if(!l)return;let t=h();switch(e.key){case"ArrowDown":e.preventDefault(),f(e=>e<t.length-1?e+1:0);break;case"ArrowUp":e.preventDefault(),f(e=>e>0?e-1:t.length-1);break;case"Enter":d>=0&&t[d]&&(e.preventDefault(),m(t[d]));break;case"Escape":c(!1),f(-1)}},filteredDomains:h,handleFocus:()=>{u(t)&&(c(!0),f(0))},handleMouseEnter:e=>{f(e)},handleBlur:()=>{c(!1)}}}({value:g,onChange:d,maxLength:m});return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(l.Z,{ref:b,...x,value:p,onChange:y,onKeyDown:e=>{N(e),e.defaultPrevented||null==f||f(e)},onFocus:E,onBlur:_,status:n,maxLength:m,type:"text",inputMode:"email"}),v&&(0,c.sZ)(g)&&k().length>0&&(0,r.jsx)(h,{selectedIndex:w,filteredDomains:k,handleSelect:j,handleMouseEnter:Z,email:g})]})});var x=n(32777);let g=/\D/g;function b(e){let{className:t,disabled:n,status:l,value:s,onChange:o,onComplete:i,suffix:u,maxLength:c=4,placeholder:f,...p}=e,h=(0,a.useRef)(null),m=String(null!=s?s:"");return(0,r.jsxs)("div",{..."error"===l&&{"data-error":"true"},..."success"===l&&{"data-success":"true"},className:(0,d.cn)("peer relative flex items-center h-13 w-full rounded-lg px-4","has-disabled:opacity-50 has-disabled:bg-bright-05","error"===l?"border-sub-red-01":"border-bright-01","success"===l?"border-blue-01":"",t),children:[(0,r.jsx)("input",{ref:h,type:"text",inputMode:"numeric",autoComplete:"one-time-code",pattern:"[0-9]*",value:m,onChange:e=>{let t=e.target.value.replace(g,"");if(t!==m&&(null==o||o(t),t.length===c)){var n;null===(n=h.current)||void 0===n||n.blur(),null==i||i(t)}},maxLength:c,disabled:n,"aria-invalid":"error"===l,className:(0,d.cn)("w-full bg-transparent outline-none","text-base tracking-[12px] text-transparent caret-mono-01","disabled:cursor-not-allowed"),...p}

1),(0,r.jsx)("div",{"aria-hidden":!0,className:"pointer-events-none absolute left-4 top-1/2 -translate-y-1/2 flex items-center text-base leading-5 text-mono-01 select-none",children:Array.from({length:c}).map((e,t)=>{let n=t<m.length;return(0,r.jsx)("span",{className:(0,d.cn)("inline-flex items-center justify-center w-[1ch]",t>0&&"ml-3",!n&&"before:block before:w-2 before:h-2 before:rounded-full before:bg-bright-01"),children:n&&m[t]},t)})}),u&&(0,r.jsx)("span",{className:"absolute right-4 top-1/2 -translate-y-1/2 whitespace-nowrap text-sm text-sub-red-01",children:u})]})}var v=n(63300);function w(e){let{children:t}=e;return(0,r.jsx)("div",{className:"flex gap-[10px]",children:t})}var y=n(68346);let j=(0,y.j)("inset-0 absolute border rounded-[8px] pointer-events-none mt-[-9px] ",{variants:{state:{placeholder:"invisible group-has-placeholder-shown:visible",filled:"visible group-has-placeholder-shown:invisible"},border:{error:"border-sub-red-01 group-focus-within:border-sub-red-01!",success:"border-blue-01 group-focus-within:border-blue-01!",default:"border-bright-01 group-focus-within:border-bright-01!"}},defaultVariants:{state:"placeholder",border:"default"}}),N=(0,y.j)("ml-2 text-[13px] transition-all invisible whitespace-nowrap",{variants:{state:{placeholder:"px-0 max-w-[0.01px] group-focus-within:max-w-full group-focus-within:px-1",filled:"px-1 max-w-full truncate"}},defaultVariants:{state:"placeholder"}});function _(e){let{label:t,status:n}=e,a=null!=n?n:"default";return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("fieldset",{className:j({state:"placeholder",border:a}),children:(0,r.jsx)("legend",{className:N({state:"placeholder"}),children:t})}),(0,r.jsx)("fieldset",{className:j({state:"filled",border:a}),children:(0,r.jsx)("legend",{className:N({state:"filled"}),children:t})})]})}var k=n(40694);function E(e){let{htmlFor:t,status:n,label:a,variant:l,...s}=e;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(k.Z,{className:(0,d.cn)("absolute left-[9px] top-px text-[13px] px-1 font-normal pointer-events-none\n          transition-[top,transform,font-size] duration-300 transform -translate-y-1/2\n          group-has-placeholder-shown:top-1/2 group-has-placeholder-shown:text-base\n          group-has-focus:top-px group-has-focus:text-[13px]\n          group-has-disabled:text-grey-02 group-has-disabled:opacity-100\n          group-has-[[data-error=true]:not(:placeholder-shown)]:text-sub-red-01!\n          group-has-[[data-error=true]:focus]:text-sub-red-01!\n          group-has-data-[success=true]:text-blue-01\n          max-w-[calc(100%-16px)] truncate","otp"===l?"text-grey-02":"text-grey-05 group-has-focus:text-grey-02"),htmlFor:t,...s,children:a}),(0,r.jsx)(_,{label:a,status:n})]})}var Z=(0,a.forwardRef)(function(e,t){var n,s;let{message:o,onKeyDown:i,...u}=e,{id:c,label:f,status:p,variant:h,value:g,disabled:y}=u,j=(0,a.useId)(),N=null!==(s=null===(n=u.className)||void 0===n?void 0:n.split(/\s+/).some(e=>e.startsWith("w-")))&&void 0!==s&&s,_=e=>{i&&"Enter"===e.key&&(e.preventDefault(),i(e))},k="otp"!==h&&!y,Z=k&&String(null!=g?g:"").length>0&&(0,r.jsx)(x.Z,{onClear:()=>{let{onChange:e}=u;null==e||e({target:{value:""}})}}),C=(0,d.cn)(u.className,k&&("password"===h?"pe-18":"pe-10"));return(0,r.jsxs)("div",{className:"flex flex-col gap-1 w-full",children:[(0,r.jsxs)("div",{className:(0,d.cn)("relative group",N?"":"w-full",u.className),children:[(()=>{switch(h){case"email":return(0,r.jsx)(m,{ref:t,id:j,placeholder:" ",...u,className:C,onKeyDown:_});case"password":return(0,r.jsx)(v.Z,{ref:t,id:j,placeholder:" ",...u,className:C,onKeyDown:_,clearButton:Z});case"otp":return(0,r.jsx)(b,{id:j,placeholder:" ",...u,onKeyDown:_});case"text":return(0,r.jsx)(l.Z,{ref:t,id:j,placeholder:" ",...u,className:C,onKeyDown:_});default:throw Error("Unhandled variant: ".concat(h))}})(),"password"!==h&&Z&&(0,r.jsx)("div",{className:"absolute end-4 top-1/2 flex -translate-y-1/2 items-center",children:Z}),f&&(0,r.jsx)(E,{htmlFor:null!=c?c:j,label:f,status:p,variant:h})]}),o&&(0,r.jsx)(w,{children:o})]})})},20011:function(e,t,n){var r=n(11869),a=n(86499),l=n(21244);t.Z=(0,a.forwardRef)(function(e,t){let{className:n,status:a,type:s,...o}=e;return(0,r.jsx)("input",{type:s,"data-slot":"input",ref:t,"aria-invalid":"error"===a,"data-error":"error"===a?"true":void 0,"data-success":"success"===a?"true":void 0,className:(0,l.cn)("flex h-13 w-full rounded-[8px] p-4 outline-none bg-mono-04\n        overflow-hidden whitespace-nowrap\n        text-mono-01 text-base placeholder:text-muted-foreground \n        disabled:cursor-not-allowed disabled:bg-bright-05 disabled:opacity-100 disabled:text-mono-03\n        peer border-0","error"===a?"data-[error=true]:placeholder:text-grey-05 data-[error=true]:focus:placeholder:opacity-0":"",n),...o})})},32777:function(e,t,n){n.d(t,{Z:function(){return l}});var r=n(11869),a=n(79574);function l(e){let{onClear:t}=e;return(0,r.jsx)("button",{type:"button","aria-label":"입력 삭제",onClick:t,onMouseDown:e=>

1e.preventDefault(),tabIndex:-1,children:(0,r.jsx)(a.Z,{type:"IcoCircleDelBbb16",pAlt:"입력 삭제",size:"16"})})}},63300:function(e,t,n){n.d(t,{Z:function(){return u}});var r=n(11869),a=n(86499),l=n(20011),s=n(79574);function o(e){let{isVisible:t,handleClickVisible:n}=e;return(0,r.jsx)("button",{type:"button",onClick:n,onMouseDown:e=>e.preventDefault(),tabIndex:-1,children:(0,r.jsx)(s.Z,{type:t?"EyeOff":"EyeOn"})})}let i=(0,a.forwardRef)((e,t)=>{let{status:n,onChange:s,maxLength:i=20,clearButton:u,value:c,...d}=e,[f,p]=(0,a.useState)(!1),h=String(null!=c?c:"").length>0;!h&&f&&p(!1);let m=(0,a.useRef)(null),x=(0,a.useCallback)(e=>{m.current=e,"function"==typeof t?t(e):t&&(t.current=e)},[t]),g=(0,a.useRef)({start:null,end:null});return(0,a.useEffect)(()=>{let e=m.current,{start:t,end:n}=g.current;if(!e||null===t||null===n)return;let r=requestAnimationFrame(()=>e.setSelectionRange(t,n));return()=>cancelAnimationFrame(r)},[f]),(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)(l.Z,{ref:x,...d,value:c,type:f?"text":"password",status:n,maxLength:i,onChange:s,onContextMenu:()=>!1,onPaste:()=>!1,onCopy:()=>!1}),h&&(0,r.jsxs)("div",{className:"absolute end-4 top-1/2 flex -translate-y-1/2 items-center gap-3",children:[(0,r.jsx)(o,{isVisible:f,handleClickVisible:()=>{let e=m.current;e&&(g.current={start:e.selectionStart,end:e.selectionEnd}),p(e=>!e)}}),u]})]})});i.displayName="PasswordInput";var u=i},40694:function(e,t,n){n.d(t,{Z:function(){return i}});var r=n(11869),a=n(78587),l=n(68346),s=n(21244);let o=(0,l.j)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");function i(e){let{className:t,...n}=e;return(0,r.jsx)(a.f,{className:(0,s.cn)(o(),t),...n})}},34372:function(e,t,n){n.d(t,{Z:function(){return d}});var r=n(11869),a=n(68346),l=n(86499),s=n(42198),o=n(21244);let i=(0,a.j)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),u=l.forwardRef((e,t)=>{let{className:n,variant:a,size:l,asChild:u=!1,...c}=e,d=u?s.g7:"button";return(0,r.jsx)(d,{className:(0,o.cn)(i({variant:a,size:l,className:n})),ref:t,...c})});u.displayName="Button";let c=(0,a.j)("font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-grey-05 disabled:pointer-events-none disabled:opacity-100 disabled:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0",{variants:{size:{l18:"h-[52px] min-h-[52px] rounded-[8px] px-5 text-[18px]",m18:"h-12 min-h-12 rounded-[8px] px-5 text-[18px]",m16:"h-12 min-h-12 rounded-[8px] px-5 text-base",s14:"h-10 min-h-10 rounded-[6px] px-4 text-[14px]",s13:"h-10 min-h-10 rounded-[6px] px-4 text-[13px]",xs13:"h-9 min-h-9 rounded-[6px] px-3 text-[13px]"},variant:{primary:"bg-blue-01 text-fixed-white disabled:bg-bright-01 disabled:text-mono-04",secondary:"bg-blue-04 text-blue-01 disabled:bg-bright-01 disabled:text-mono-04",outline:"border border-bright-01 bg-mono-04 text-mono-03 disabled:bg-bright-01 disabled:text-mono-04",outlineBlue:"bg-mono-04 text-blue-01 border border-blue-01",custom:"text-mono-01",link:"text-blue-01 underline-offset-4 underline"}},defaultVariants:{size:"m16",variant:"primary"}});var d=l.forwardRef((e,t)=>{let{className:n,size:a="m16",variant:l="primary",asChild:s=!1,...i}=e;return(0,r.jsx)(u,{ref:t,asChild:s,className:(0,o.cn)("shadow-none",c({size:a,variant:l}),n),...i})})},99463:function(e,t,n){n.d(t,{JB:function(){return a},S1:function(){return u},SM:function(){return i},_l:function(){return r},bw:function(){return p},eU:function(){return s},gj:function(){return c},n1:function(){return f},ry:function(){return o},ss:function(){return l},vq:function(){return d}});let r=[{type:"eng",text:"영문"},{type:"num",text:"숫자"},{type:"special",text:"특수문자"},{type:"minMax",text:"8~20자"}

1],a=["naver.com","daum.net","gmail.com","nate.com","kakao.com"],l={email:"아이디로 사용할\n본인의 이메일을 입력해 주세요.",idChange:"변경을 원하시는\n새로운 아이디(이메일)를 입력해 주세요.",emailChange:"변경을 원하시는\n새로운 이메일을 입력해 주세요.",otp:"이메일로 보내드린\n인증번호를 입력해 주세요.",password:"비밀번호는\n8~20자, 영문, 숫자, 특수문자\n모두 입력해 주세요.",passwordChange:"새로운 비밀번호를 설정해 주세요.",agreement:"약관 확인 후\n동의해 주세요."},s="[email protected]",o={email:{invalid:"이메일 형식으로 입력해 주세요.",valid:"인증요청을 진행해 주세요.",different:"현재 아이디와 다르게 입력해 주세요.",differentEmail:"현재 이메일과 다르게 입력해 주세요."},password:{invalid:"현재 비밀번호가 일치하지 않습니다."},confirmPassword:{invalid:"비밀번호와 일치하지 않습니다.",valid:"비밀번호와 일치합니다."},confirmNewPassword:{invalid:"새 비밀번호와 일치하지 않습니다.",valid:"새 비밀번호와 일치합니다."},otp:{incomplete:"4자리 모두 입력해 주세요.",invalid:"인증번호가 일치하지 않습니다.",expired:"유효시간이 만료되었습니다. 인증번호를\xa0재요청해\xa0주세요.",valid:"인증번호 확인을 진행해 주세요."},emailForfindPassword:{valid:"아이디를 모두 입력하였으면 인증을 진행해 주세요.",invalid:"존재하지 않는 아이디입니다."}},i=["KAKAO","NAVER","GOOGLE","FACEBOOK"],u={유효시간_경과:"유효시간이 경과하였습니다. \n 처음부터 다시 진행해 주세요.",인증번호_재발송:"이메일로 새로운 인증번호를 \n 보내 드렸습니다.",인증번호_재발송_연속불일치:"인증번호가 10회 연속 불일치하여, \n 이메일로 새로운 인증번호를 \n보내 드렸습니다.",이미_가입된_아이디:"이미 가입되어 있는 아이디입니다.\n로그인 후 이용해 주세요.",이미_사용중인_이메일:"이미 아이디로 사용중인 \n 이메일입니다.",현재_비밀번호와_동일:"새 비밀번호는 현재 비밀번호와 \n 다르게 입력해 주세요.",비밀번호_재설정_완료:"비밀번호 재설정 및 \n 로그인 완료 되었습니다.",인증요청_초과:"너무 많은 인증 요청이 발생하였습니다.\n잠시 후 다시 시도해 주세요."},c="FOUND_LOGIN_ID",d="isMarketingAgree",f=[{label:"이용약관",required:!0,value:"termsOfService"},{label:"개인정보 수집 및 이용에 대한 안내",required:!0,value:"privacyPolicy"},{label:"블루머니 이용약관",required:!0,value:"blueMoneyTermsOfService"},{label:"이벤트 및 마케팅 활용 동의",value:d,required:!1}],p={label:"만 14세 이상입니다",required:!0,value:"over14YearsOld"}},43237:function(e,t,n){n.d(t,{GP:function(){return l},Ok:function(){return i},sZ:function(){return u}});let r=/[^a-zA-Z0-9._\-+!#$%&'*/=?^{|}~]/g,a=/[^a-zA-Z0-9.-]/g,l=/^(?!\.)(?!.*\.\.)([A-Za-z0-9_'+\-.!#$%&*/=?^{|}~]*)[A-Za-z0-9_+\-!#$%&*/=?^{|}~]@([A-Za-z0-9][A-Za-z0-9-]*\.)+[A-Za-z]{2,}$/,s=(e,t)=>e.replace(t,"").replace(/^\.+/,"").replace(/\.{2,}/g,"."),o=e=>e.replace(/\.+$/,""),i=e=>{let[t,...n]=e.split("@"),l=s(t,r);if(0===n.length)return l;let i=s(n.join(""),a);return"".concat(o(l),"@").concat(i)},u=e=>"@"!==e&&i(e)===e},2602:function(e,t,n){n.d(t,{BB:function(){return u},jl:function(){return o},mP:function(){return i}});var r=n(39010);function a(){let e=(0,r._)(["!@#$%^&*()-_=+[]{}\\|;:'\"`~,.<>/?₩￦"],["!@#$%^&*()\\-_=+[\\]{}\\\\|;:'\"\\`~,.<>/?₩￦"]);return a=function(){return e},e}let l=String.raw(a()),s=RegExp("[^A-Za-z0-9".concat(l,"]"),"g"),o=new RegExp("[".concat(l,"]")),i=e=>e.replace(s,""),u=e=>i(e)===e},34751:function(e,t,n){n.d(t,{Io:function(){return d},Zp:function(){return o},_A:function(){return p},aq:function(){return u},ic:function(){return c},tW:function(){return f}});var r=n(43898),a=n(99463),l=n(43237),s=n(2602);let o=r.string().min(1,{message:""}),i=r.string().refine(e=>e.length>=8&&e.length<=20,{message:"",path:["minMax"]}).refine(e=>/[a-zA-Z]/.test(e),{message:"",path:["eng"]}).refine(e=>/[0-9]/.test(e),{message:"",path:["num"]}).refine(e=>s.jl.test(e),{message:"",path:["special"]}).refine(e=>(0,s.BB)(e),{message:"",path:["special"]}),u=r.object({password:i,confirmPassword:r.string().min(1,{message:""})}).refine(e=>e.password===e.confirmPassword,{message:a.ry.confirmPassword.invalid,path:["confirmPassword"]}),c=r.string().refine(e=>0===e.length||e.length>=4,{message:a.ry.otp.incomplete}),d=r.string().min(1,{message:""}).regex(l.GP,{message:a.ry.email.invalid}),f=r.string().min(1,{message:""}

1),p=r.string().min(1,{message:""})}}]);