https://jaranda.kr/_next/static/chunks/pages/parent/icecream-d5fccd07017bbde8.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[33206],{27067:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/parent/icecream",function(){return r(78926)}])},2010:function(e,t,r){"use strict";var n=r(97458),o=r(6557),i=r(45051),a=r(49740);t.Z=e=>{var t;return(0,n.jsxs)(i.Li,{normalStyle:t=>{let{theme:r}=t;return{backgroundColor:e.selected?r.colors["Gray-100"]:r.colors.White,borderRadius:r.rem(8)}},className:"flex items-center gap-ds-8 px-ds-16 py-ds-8 hover:bg-ds-gray-100 transition-all ".concat(null!==(t=e.className)&&void 0!==t?t:""),onClick:e.onClick,children:[e.leftIcon?(0,n.jsx)(a.A,{icon:e.leftIcon,size:16,color:"Gray-900"}):null,(0,n.jsx)(o.D,{typography:"Body2/Regular 150",normalColor:"Gray-900",children:e.children}),e.rightIcon?(0,n.jsx)(a.A,{icon:e.rightIcon,size:16,color:"Gray-900"}):null]})}},2242:function(e,t,r){"use strict";var n=r(97458),o=r(52983),i=r(1136),a=r(47513),l=r(47764),s=r(95211),d=r(96572),c=r(18725),u=r(23871),p=r(26200);let h=(0,o.forwardRef)((e,t)=>{let{children:r,placeholder:i,selectedValue:s,isOpen:c=!1,size:u="md",...h}=e,[g,{set:y,toggle:v}]=(0,p.k)(!1,"all"),x=(0,o.useRef)(null);return(0,o.useEffect)(()=>{if(!x.current)return;let e=e=>{var t;(null===(t=x.current)||void 0===t?void 0:t.contains(e.target))||y(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]),(0,n.jsxs)(f,{className:"".concat(h.className," ").concat(r?"relative":""),size:u,...h,ref:e=>{"function"==typeof t?t(e):t&&(t.current=e),x.current=e},onClick:e=>{var t;r&&v(),null===(t=h.onClick)||void 0===t||t.call(h,e)},children:[(0,n.jsx)(a.P,{typography:"Body2/Medium 150",normalColor:s?"Gray-900":"Gray-400",className:"flex-1",children:s||i}),(0,n.jsx)(l.AsB,{icon:c?"ArrowUpIcon":"ArrowDownIcon",size:"sm"===u?16:20,color:"Gray-700"}),(0,n.jsx)(d.M,{children:g?(0,n.jsx)(m,{normalStyle:e=>{let{theme:t}=e;return{boxShadow:"4px 4px 16px 0px rgba(0, 0, 0, 0.10)",borderRadius:t.rem(8)}},className:"top-[5.2rem] bg-ds-white p-ds-4 gap-ds-2 absolute z-40 left-0 w-full",initial:{opacity:0,y:-8},animate:{opacity:1,y:0},exit:{opacity:0,y:-8},transition:{duration:.15},children:r}):null})]})});h.displayName="OutlineDropdown",t.Z=h;let f=(0,s.ZP)(i.Z).withConfig({componentId:"sc-9642a6bb-0"})(["display:flex;align-items:center;border-radius:0.8rem;background-color:",";border:0.1rem solid ",";",""],e=>{let{theme:t}=e;return t.colors.White},e=>{let{theme:t}=e;return t.colors["Gray-200"]},e=>{let{size:t,theme:r}=e;return"sm"===t?(0,s.iv)(["padding:",";gap:",";",";"],r.padding(8,12),r.rem(4),r.typography("Body3/Medium 150")):(0,s.iv)(["padding:",";gap:",";",";"],r.padding(12,16),r.rem(8),r.typography("Body1/Medium 150"))}),m=(0,c.E)(u.Ul)},26200:function(e,t,r){"use strict";r.d(t,{k:function(){return n.k}});var n=r(95442)},95442:function(e,t,r){"use strict";r.d(t,{k:function(){return o}});var n=r(52983);function o(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"set",[r,o]=(0,n.useState)(e);switch(t){case"set":return[r,e=>o(e)];case"toggle":return[r,()=>{let e=!r;return o(e),e}];case"all":return[r,{set:e=>o(e),toggle:()=>{let e=!r;return o(e),e}}]}}},78926:function(e,t,r){"use strict";r.r(t);var n=r(97458),o=r(35890),i=r(17623),a=r(18050),l=r(85545),s=r(7429),d=r(2010),c=r(2242),u=r(49740),p=r(32531),h=r(65054),f=r(87704),m=r(1136),g=r(47513),y=r(6557),v=r(15603),x=r(75005),C=r(53306),j=r(52983),k=r(55047),w=r(70544),P=r(61862),b=r(52300),R=r(58087),E=r(97271),A=r(19118);let N=(0,f.ZP)(),S=(0,w.Z)(),T=(0,P.z)(),G=(0,k.Z)(),I=e=>{let t=new Date,r=new Date(e),n=(t.getFullYear()-r.getFullYear())*12;return n-=r.getMonth(),n+=t.getMonth()},_=e=>{let{title:t,description:r,selectedValue:o,placeholder:i,options:a,onClick:l,onSelect:s}=e;return(0,n.jsxs)(m.Z,{className:"flex flex-col gap-ds-16 py-ds-24 px-ds-20",children:[(0,n.jsxs)(m.Z,{className:"flex flex-col gap-ds-4",children:[(0,n.jsx)(g.P,{typography:"Title2/Bold 150",normalColor:"Gray-900",children:t}),(0,n.jsxs)(g.P,{className:"flex items-start",typography:"Body3/Regular 150",normalColor:"Gray-700",children:[(0,n.jsx)(u.A,{className:"mt-ds-1",icon:"DotIcon",size:20,color:"Gray-400"}),(0,n.jsx)(m.Z,{children:(0,R.p)(r)})]})]}),(0,n.jsx)(c.Z,{size:"md",placeholder:i,selectedValue:o,onClick:l,children:a.map(e=>(0,n.jsx)(d.Z,{onClick:()=>{s(e.id)},children:e.name},e.id))})]})};t.default=(0,x.X)(()=>{var e,t,r,d,c;

1let f=(0,C.j)(),x=(0,v.VY)(),[k,w]=(0,j.useState)(""),[P,R]=(0,j.useState)(null),[B,L]=(0,j.useState)(!0),z=(0,a.a)({queryKey:["children"],queryFn:()=>S.getChildren(f.token),select:e=>e.map(e=>({...e,koreanAge:e.korean_age})),enabled:!!f.isLogin}),M=(0,a.a)({queryKey:["user-address"],queryFn:()=>T.getAddresses(null==f?void 0:f.token),enabled:!!(null==f?void 0:f.isLogin),refetchOnWindowFocus:!1}),Z=null===(e=z.data)||void 0===e?void 0:e.find(e=>e.sid===k),O=(0,a.a)({queryKey:["landing-lead",i.Pi6.ICECREAM],queryFn:()=>G.getLandingLead(i.Pi6.ICECREAM,f.token),enabled:!!f.isLogin}),H=(0,b.qB)(async()=>{var e,t,r,n,o,a,l;if(!Z)return;let s=null===(e=O.data)||void 0===e?void 0:e.benefits_summary,d=null!==(l=null===(t=O.data)||void 0===t?void 0:t.additional_benefits)&&void 0!==l?l:[],{refused:c}=await (0,A.Yp)({leadBenefits:[{iconUrl:"",title:"아이스크림홈런 학습기 무료 체험 7일",description:null}],leadBenefitsSummary:s,leadAdditionalBenefits:d,applyFn:async()=>{let{lead_instance_ids:e}=await G.postLandingLead({lead_name:i.Pi6.ICECREAM,delivery_address:"".concat(null==P?void 0:P.location," ").concat(null==P?void 0:P.detail),child_id:k,source:i.yFF.BANNER},f.token);return{lead_instance_ids:e}}});c||(await x.replace(h.U8.menus.parent.subMenu.home.url),null===(o=(a=(0,E.ZP)()).toast)||void 0===o||o.call(a,{title:"무료 체험 신청이 완료되었어요!\n".concat(null===(n=z.data)||void 0===n?void 0:null===(r=n.find(e=>e.sid===k))||void 0===r?void 0:r.name," 부모님과 홈런 선생님 상담 후\n무료체험 학습기를 보내드려요.")}).open())}),U=(0,j.useMemo)(()=>{var e;return null===(e=z.data)||void 0===e?void 0:e.filter(e=>{if(!e.birthday)return!1;let t=I(e.birthday);return t>=40&&t<=156})},[z.data]);return(0,j.useEffect)(()=>{M.data&&R(M.data[0])},[M.data]),(0,j.useEffect)(()=>{(null==U?void 0:U.length)?w(U[0].sid):w("")},[U]),(0,n.jsxs)(p.o,{title:"아이스크림홈런 무료체험 혜택",showBackButton:!0,hideMenu:!0,signInRequired:!0,children:[(0,n.jsxs)(m.Z,{className:"flex flex-col gap-ds-12 pt-ds-32 px-ds-20",children:[(0,n.jsxs)(g.P,{typography:"Headline3/Bold 130",normalColor:"Gray-900",children:["매일 두과목 추천하여",(0,n.jsx)("br",{}),"스스로 학교 공부 습관 형성!"]}),(0,n.jsx)(g.P,{typography:"Body2/Regular 150",normalColor:"Gray-700",children:"무료체험하고 전원증정 혜택까지"})]}),(0,n.jsx)(m.Z,{className:"mt-ds-32",children:(0,n.jsx)(m.Z,{className:"flex flex-col gap-ds-12",children:(0,n.jsx)("img",{src:"https://storage.googleapis.com/content-prod-jaranda-kr/jaranda.kr/parent/lead/icecream.webp",className:"w-full object-cover"})})}),(0,n.jsx)(_,{title:"체험할 아이를 선택해주세요",description:"4세 ~ 초등 전 과정 학습",selectedValue:Z?"".concat(null==Z?void 0:Z.name," (만 ").concat(null==Z?void 0:Z.age,"세)"):"",placeholder:"체험 가능한 연령의 아이를 등록해주세요",options:null!==(d=null==U?void 0:U.map(e=>({name:"".concat(e.name," (만 ").concat(e.age,"세)"),id:e.sid})))&&void 0!==d?d:[],onClick:()=>{(null==U?void 0:U.length)||x.push("/parent/mypage/child")},onSelect:e=>{w(e)}}),(0,n.jsx)(_,{title:"학습 키트를 받을 주소를 입력해주세요",description:"신청 후에는 주소 변경이 어려우니\n꼭 다시 한 번 확인해주세요.",selectedValue:P?P.location:"",placeholder:"주소를 앱에 먼저 등록해주세요",options:null!==(c=null===(t=M.data)||void 0===t?void 0:t.map(e=>({name:"".concat(e.location),id:e.sid})))&&void 0!==c?c:[],onClick:()=>{var e;(null===(e=M.data)||void 0===e?void 0:e.length)||x.push("/parent/mypage/account/address")},onSelect:e=>{var t,r;R(null!==(r=null===(t=M.data)||void 0===t?void 0:t.find(t=>t.sid===e))&&void 0!==r?r:null)}}),(0,n.jsxs)(m.Z,{className:"flex items-center px-ds-20 py-ds-8 gap-ds-8",children:[(0,n.jsx)(u.A,{icon:"IllustGiftIcon",size:30,color:"Gray-400"}),(0,n.jsxs)(g.P,{typography:"Body2/Semibold 150",normalColor:"Gray-900",children:["[오직, 자란다에서만] 무료 체험 신청 시",(0,n.jsx)("br",{}),(0,n.jsx)(y.D,{normalColor:"J-Pink-500",children:"자란다 30,000P"}),"를 드려요!"]})]}),(0,n.jsxs)(m.Z,{className:"flex flex-col gap-ds-20 py-ds-24 px-ds-20",children:[(0,n.jsx)(l.n5,{scope:o.sX.PARENT,checked:B,onChange:L,children:(0,n.jsx)(g.P,{typography:"Body1/Semibold 150",normalColor:"Gray-900",children:"아래 내용을 모두 확인 후, 동의합니다."})}),(0,n.jsxs)(m.Z,{className:"flex flex-col gap-ds-16 px-ds-12",children:[(0,n.jsx)(g.P,{typography:"Body3/Medium 150",normalColor:"Gray-900",children:"[필수] 아이스크림홈런을 체험한 적이 없습니다."}),(0,n.jsx)(g.P,{typography:"Body3/Medium 150",normalColor:"Gray-900",children:"[필수] 상품권은 아이스크림홈런 신규 체험자에 한해 지급되며, 익월 20일 발송됩니다."}),(0,n.jsxs)(m.Z,{className:"flex justify-between items-center",onClick:()=>{N.callSystemLink("https://docs.google.com/document/d/e/2PACX-1vTC_tRLTiO76PDjS_DE04wyR8fWvfcQ5nZsuhzPf5hdp989lcAwhYFkvKGHYddQik28GB-YtpNnAaTu/pub")},children:[(0,n.jsx)(g.P,{typography:"Body3/Medium 150",normalColor:"Gray-900",children:"[필수] 개인정보 제 3자 제공 동의"}),(0,n.jsx)(u.A,{icon:"ArrowRightIcon",size:16,color:"Gray-400"})]})]})]}),(0,n.jsxs)(m.Z,{className:"flex flex-col gap-ds-8 py-ds-32 px-ds-20",normalBackgroun

1dColor:"Gray-50",children:[(0,n.jsx)(g.P,{typography:"Body2/Semibold 150",normalColor:"Gray-700",children:"읽어주세요"}),(0,n.jsxs)(g.P,{className:"flex items-start",typography:"Body4/Regular 150",normalColor:"Gray-700",children:[(0,n.jsx)(u.A,{icon:"DotIcon",size:20,color:"Gray-700"})," 위 혜택은 조건에 충족하는 부모님 대상으로 운영되고 있어서 일부 사용자는 혜택을 받을 수 없어요"]}),(0,n.jsxs)(g.P,{className:"flex items-start",typography:"Body4/Regular 150",normalColor:"Gray-700",children:[(0,n.jsx)(u.A,{icon:"DotIcon",size:20,color:"Gray-700"})," 혜택 동의 이후의 내용에 대해서는 자란다가 관여하지 않으므로 관련 문의는 제휴사에 문의해 주세요."]}),(0,n.jsxs)(g.P,{className:"flex items-start",typography:"Body4/Regular 150",normalColor:"Gray-700",children:[(0,n.jsx)(u.A,{icon:"DotIcon",size:20,color:"Gray-700"})," 회사의 사정에 따라 사전 공지없이 변경되거나 종료될 수 있어요."]})]}),k&&(null===(r=O.data)||void 0===r?void 0:r.child_response.find(e=>e.child_id===k))?(0,n.jsx)(s.Z,{scope:o.sX.PARENT,disabled:!0,buttonTitle:"배송 신청 완료",subText:"홈런에서 곧 연락드리고, 배송을 진행할게요."}):(0,n.jsx)(s.Z,{scope:o.sX.PARENT,disabled:!B||!k||!P,buttonTitle:"3일만에 무료 배송받기",subText:"자란다 부모님만을 위한 특별 혜택!\n무료로 직접 체험해보세요",onClick:H})]})})},70544:function(e,t,r){"use strict";r.d(t,{H:function(){return c},Z:function(){return u}});var n=r(43112),o=r(23231),i=r(63769),a=r(55138),l=r(63813);class s{getChildren(e){return this.apiService.get({target:{url:new URL("/parent-app/v2/children",this.JAPI_HOST)},config:{fetch:{headers:l.Cn.makeAuthorizationHeader(e.token)},config:e.apiConfig}})}getChild(e,t){return this.apiService.get({target:{url:new URL("/parent-app/v2/children/".concat(e),this.JAPI_HOST)},config:{fetch:{headers:l.Cn.makeAuthorizationHeader(t.token)},config:t.apiConfig}})}getNeedsToUpdateChildren(e,t){return this.apiService.get({target:{url:new URL("/parent-app/v2/children/need-updates",this.JAPI_HOST)},config:{fetch:{headers:l.Cn.makeAuthorizationHeader(e.token),signal:t},config:e.apiConfig}})}postChild(e,t){return this.apiService.postJson({target:{url:new URL("/parent-app/v2/children",this.JAPI_HOST)},config:{fetch:{body:e,headers:l.Cn.makeAuthorizationHeader(t.token)},bypassTransform:!0,config:t.apiConfig}})}putChild(e,t,r){return this.apiService.putJson({target:{url:new URL("/parent-app/v2/children/".concat(e),this.JAPI_HOST)},config:{fetch:{body:t,headers:l.Cn.makeAuthorizationHeader(r.token)},bypassTransform:!0}})}deleteChild(e,t){return this.apiService.delete({target:{url:new URL("/parent-app/v2/children/".concat(e),this.JAPI_HOST)},config:{fetch:{headers:l.Cn.makeAuthorizationHeader(t.token)},bypassTransform:!0,config:t.apiConfig}})}constructor(e){this.apiService=e,this.JAPI_HOST=i.vc.getConfig(i.AY.JAPI_HOST)}}s=(0,n.gn)([(0,o.ri)(),(0,n.fM)(0,(0,o.f3)(a.sM.SERVICE_TOKEN)),(0,n.w6)("design:type",Function),(0,n.w6)("design:paramtypes",[void 0===a.sM?Object:a.sM])],s);var d=r(17623);class c{getChildren(e){return this.childRepository.getChildren({token:e,apiConfig:{showProgress:!0}})}getChild(e,t){return this.childRepository.getChild(e,{token:t})}getNeedsToUpdateChildren(e,t){return this.childRepository.getNeedsToUpdateChildren({token:e},null==t?void 0:t.abort)}createChild(e,t){return this.childRepository.postChild(this.convertChildToSavePayLoad(e),{token:t,apiConfig:{showProgress:!0}})}updateChild(e,t){return this.childRepository.putChild(e.sid,this.convertChildToSavePayLoad(e),{token:t,apiConfig:{showProgress:!0}})}deleteChild(e,t){return this.childRepository.deleteChild(e,{token:t,apiConfig:{showProgress:!0}})}convertChildToSavePayLoad(e){var t,r;return{birthday:null!==(t=e.birthday)&&void 0!==t?t:"",name:e.name,gender:null!==(r=e.gender)&&void 0!==r?r:d.CVj.BOTH,introduction:e.introduction}}constructor(e){this.childRepository=e}}c=(0,n.gn)([(0,o.ri)(),(0,n.fM)(0,(0,o.f3)(s)),(0,n.w6)("design:type",Function),(0,n.w6)("design:paramtypes",[void 0===s?Object:s])],c

1);var u=()=>o.nC.resolve(c)},96572:function(e,t,r){"use strict";r.d(t,{M:function(){return g}});var n=r(52983),o=r(16126);function i(){let e=(0,n.useRef)(!1);return(0,o.L)(()=>(e.current=!0,()=>{e.current=!1}),[]),e}var a=r(34537),l=r(81484),s=r(28729);class d extends n.Component{getSnapshotBeforeUpdate(e){let t=this.props.childRef.current;if(t&&e.isPresent&&!this.props.isPresent){let e=this.props.sizeRef.current;e.height=t.offsetHeight||0,e.width=t.offsetWidth||0,e.top=t.offsetTop,e.left=t.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}}function c({children:e,isPresent:t}){let r=(0,n.useId)(),o=(0,n.useRef)(null),i=(0,n.useRef)({width:0,height:0,top:0,left:0});return(0,n.useInsertionEffect)(()=>{let{width:e,height:n,top:a,left:l}=i.current;if(t||!o.current||!e||!n)return;o.current.dataset.motionPopId=r;let s=document.createElement("style");return document.head.appendChild(s),s.sheet&&s.sheet.insertRule(`
2          [data-motion-pop-id="${r}"] {
3            position: absolute !important;
4            width: ${e}px !important;
5            height: ${n}px !important;
6            top: ${a}px !important;
7            left: ${l}px !important;
8          }
9        `),()=>{document.head.removeChild(s)}},[t]),n.createElement(d,{isPresent:t,childRef:o,sizeRef:i},n.cloneElement(e,{ref:o}))}let u=({children:e,initial:t,isPresent:r,onExitComplete:o,custom:i,presenceAffectsLayout:a,mode:d})=>{let u=(0,s.h)(p),h=(0,n.useId)(),f=(0,n.useMemo)(()=>({id:h,initial:t,isPresent:r,custom:i,onExitComplete:e=>

9{for(let t of(u.set(e,!0),u.values()))if(!t)return;o&&o()},register:e=>(u.set(e,!1),()=>u.delete(e))}),a?void 0:[r]);return(0,n.useMemo)(()=>{u.forEach((e,t)=>u.set(t,!1))},[r]),n.useEffect(()=>{r||u.size||!o||o()},[r]),"popLayout"===d&&(e=n.createElement(c,{isPresent:r},e)),n.createElement(l.O.Provider,{value:f},e)};function p(){return new Map}var h=r(14082),f=r(56711);let m=e=>e.key||"",g=({children:e,custom:t,initial:r=!0,onExitComplete:l,exitBeforeEnter:s,presenceAffectsLayout:d=!0,mode:c="sync"})=>{var p;(0,f.k)(!s,"Replace exitBeforeEnter with mode='wait'");let g=(0,n.useContext)(h.p).forceRender||function(){let e=i(),[t,r]=(0,n.useState)(0),o=(0,n.useCallback)(()=>{e.current&&r(t+1)},[t]);return[(0,n.useCallback)(()=>a.Wi.postRender(o),[o]),t]}()[0],y=i(),v=function(e){let t=[];return n.Children.forEach(e,e=>{(0,n.isValidElement)(e)&&t.push(e)}),t}(e),x=v,C=(0,n.useRef)(new Map).current,j=(0,n.useRef)(x),k=(0,n.useRef)(new Map).current,w=(0,n.useRef)(!0);if((0,o.L)(()=>{w.current=!1,function(e,t){e.forEach(e=>{let r=m(e);t.set(r,e)})}(v,k),j.current=x}),p=()=>

9{w.current=!0,k.clear(),C.clear()},(0,n.useEffect)(()=>()=>p(),[]),w.current)return n.createElement(n.Fragment,null,x.map(e=>n.createElement(u,{key:m(e),isPresent:!0,initial:!!r&&void 0,presenceAffectsLayout:d,mode:c},e)));x=[...x];let P=j.current.map(m),b=v.map(m),R=P.length;for(let e=0;e<R;e++){let t=P[e];-1!==b.indexOf(t)||C.has(t)||C.set(t,void 0)}return"wait"===c&&C.size&&(x=[]),C.forEach((e,r)=>{if(-1!==b.indexOf(r))return;let o=k.get(r);if(!o)return;let i=P.indexOf(r),a=e;a||(a=n.createElement(u,{key:m(o),isPresent:!1,onExitComplete:()=>{C.delete(r);let e=Array.from(k.keys()).filter(e=>!b.includes(e));if(e.forEach(e=>k.delete(e)),j.current=v.filter(t=>{let n=m(t);return n===r||e.includes(n)}),!C.size){if(!1===y.current)return;g(),l&&l()}},custom:t,presenceAffectsLayout:d,mode:c},o),C.set(r,a)),x.splice(i,0,a)}),x=x.map(e=>{let t=e.key;return C.has(t)?e:n.createElement(u,{key:m(e),isPresent:!0,presenceAffectsLayout:d,mode:c},e)}),n.createElement(n.Fragment,null,C.size?x:x.map(e=>(0,n.cloneElement)(e)))}}},function(e){e.O(0,[59573,19143,64758,92888,49774,40179],function(){return e(e.s=27067)}),_N_E=e.O()}]);