https://joysamconnect.com/_next/static/chunks/7989-5cfb6bcfc3ea75a3.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7989],{86443:function(e,t,n){var i=n(57437);n(2265);var r=n(31691),o=n(5002),l=n(75140);t.Z=e=>{let{content:t,sx:n={},...a}=e,s=(0,r.Z)();return(0,i.jsx)(l.Z,{sx:{padding:"30px 10px",flexDirection:"column",borderRadius:"16px",background:s.palette.background.paper,lineHeight:"100%",...n},children:(0,i.jsx)(o.Z,{variant:"h2_12Regular",textAlign:"center",sx:{"& ul":{paddingInlineStart:"0px",listStylePosition:"inside",margin:0},"& li":{paddingInlineStart:"0px",margin:0,"&::marker":{fontSize:"0.6em"}},"& span":{paddingInlineStart:"0px"}},dangerouslySetInnerHTML:{__html:null!=t?t:"\n    안녕하세요, 조이쌤입니다. <br /> \n    설 연휴로 인해 배송 일정이 조정되어 사전 안내해 드립니다.\n    <br /> <br />\n    <strong>배송중단 기간</strong><br />\n    2024년 02월 09일(금) ~ 2024년 02월 12일(월)\n    <br /> <br />\n    <strong>세부 배송일정</strong><br />\n    <ul>\n      <li>2024년 02월 06일(화) 오후 12시 이전 결제: 02월 09일(금) 이전 출고</li>\n      <li>2024년 02월 06일(화) 오후 12시 이전 결제: 02월 09일(금) 이전 출고</li>\n    </ul>\n    <br />\n    연휴 이후 안전하고 빠르게 배송 예정이오니, 참고하여 이용 부탁드립니다. 궁금하신 부분은 언제든지 고객센터로 접수해 주세요.\n    <br /> <br />\n    즐겁고 행복한 명절 보내시고 새해 복 많이 받으세요. 감사합니다.\n  "},...a})})}},87229:function(e,t,n){n.r(t);var i=n(57437),r=n(2265),o=n(59090),l=n(1899),a=n(5002),s=n(9026),c=n(31790),u=n(75140),d=n(86443),p=n(72509),h=n(21315);t.default=e=>{let{open:t,icon:n,title:x,description:g,showCancel:f,showAccept:m,onCancel:y,onAccept:b,cancelText:v="Cancel",acceptText:w="Accept",showBaseCardNotice:F=!1,baseCardContent:j,lineHeight:k,...S}=e;

1return[f,m].filter(Boolean).length,(0,r.useEffect)(()=>{let e=document.body;return t?e&&setTimeout(()=>{e.style.overflow="hidden"},1):e&&(e.style.overflow="auto"),()=>{let e=document.body;e&&(e.style.overflow="")}},[t]),(0,i.jsxs)(o.Z,{"aria-modal":!0,"aria-hidden":!1,open:t,disableScrollLock:!0,TransitionComponent:h.x2,sx:{"& .MuiPaper-root":{bgcolor:"",maxWidth:"335px",width:"100%"}},PaperProps:{sx:{minWidth:"335px",display:"flex",flexDirection:"column",alignItems:"center",backgroundColor:"background.default",borderRadius:"20px",padding:"40px 20px",gap:"30px"}},...S,children:[(0,i.jsxs)(u.Z,{sx:{flexDirection:"column",maxWidth:"100%",mx:"auto",lineHeight:null!=k?k:"100%",gap:5},children:[(0,i.jsx)(i.Fragment,{children:n&&(0,i.jsx)(l.Z,{sx:{textAlign:"center"},children:n})}),(0,i.jsxs)(l.Z,{sx:{textAlign:"center"},children:[x&&(0,i.jsx)(a.Z,{variant:"h2_14Medium",textAlign:"center",dangerouslySetInnerHTML:{__html:x}}),g&&(0,i.jsx)(u.Z,{sx:{pt:"10px"},children:(0,i.jsx)(a.Z,{variant:"h2_12Medium",textAlign:"center",dangerouslySetInnerHTML:{__html:g}})})]})]}),F&&(0,i.jsxs)(u.Z,{sx:{flexDirection:"column",maxWidth:"100%",mx:"auto"},children:["string"==typeof j&&(0,i.jsx)(l.Z,{sx:{width:"100%"},children:(0,i.jsx)(d.Z,{content:j,sx:{padding:5}})}),"object"==typeof j&&j]}),(0,i.jsx)(s.Z,{sx:{p:"0px 4px 0 4px",width:"100%"},children:(0,i.jsxs)(u.Z,{sx:{justifyContent:"center",width:"100%",gap:3},children:[f&&(0,i.jsx)(c.Z,{sx:{backgroundColor:"background.default",color:"grayscale.gray07",width:"137.5px",borderRadius:"20px",textTransform:"unset",minHeight:36,border:"1px solid var(--text-gray-07000, #000)","&:hover":{backgroundColor:"background.default",opacity:.9}},onClick:y,children:(0,i.jsx)(p.Z,{lineNumber:1,variant:"h2_12Medium",lineHeight:"100%",children:v})}),m&&(0,i.jsx)(c.Z,{sx:{backgroundColor:"secondary.main",color:"grayscale.gray07",width:"137.5px",borderRadius:"20px",textTransform:"unset",minHeight:36,border:"1px solid var(--text-gray-07000, #000)","&:hover":{backgroundColor:"secondary.main",opacity:.9}},onClick:b,children:(0,i.jsx)(p.Z,{lineNumber:1,variant:"h2_12Medium",lineHeight:"100%",children:w})})]})})]})}},72509:function(e,t,n){var i=n(57437);n(2265);var r=n(5002);t.Z=e=>{let{children:t,iconBehind:n,variant:o="h2_14Bold",color:l="grayscale.gray07",maxWidth:a="90%",lineNumber:s=2,stringBehind:c,sx:u={},...d}=e;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(r.Z,{variant:o,color:l,sx:{overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:s,WebkitBoxOrient:"vertical",maxWidth:a,whiteSpace:"pre-wrap",...u},...d,children:[t,n&&(0,i.jsx)("span",{style:{marginLeft:2,position:"absolute",bottom:"-2px"},children:n})]}),null!=c?c:null]})}},46408:function(e,t,n){n.d(t,{Z:function(){return C}});var i=n(57437),r=n(2265),o=n(53410),l=n(99376),a=n(59258),s=n(27648),c=n(71821),u=n(5002),d=n(85929);let p={home:d.SK8,community:d.S19,store:d.VtM,writing:d.cZI,mychannel:d.UI,homeActive:d.EMG,communityActive:d.DKv,storeActive:d.U4g,writingActive:d.yVj,mychannelActive:d.Czc};var h=n(51758),x=n(87229),g=n(94662);function f(e){let{items:t=[],pathname:n}=e,[o,s]=(0,r.useState)(!1),[c,u]=(0,r.useState)({title:"",description:""}),{user:d}=(0,g.a)(),p=(0,l.useRouter)(),f=(e,t)=>{if(["writing"].includes(e)){if(t.preventDefault(),null==d?void 0:d.id)p.push("/writing",{scroll:!1});else{p.push("/login");return}}if(["mychannel"].includes(e)){if(t.preventDefault(),null==d?void 0:d.id)p.push("/mychannel/profile",{scroll:!1});else{p.push("/login");return}}},y=null==t?void 0:t.map(e=>{let{key:t,label:r,...o}=e;return(0,i.jsx)(m,{itemKey:t,pathname:n,label:r,onClick:e=>f(t,e),...o},t)});return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{showLabels:!0,sx:{width:"100%",backgroundColor:h.default.palette.background.default},children:y}),o&&(0,i.jsx)(x.default,{open:o,onClose:()=>s(!1),title:c.title,description:c.description,showAccept:!0,showCancel:!1,onCancel:()=>s(!1),onAccept:()=>s(!1),acceptText:"확인"})]})}function m(e){let{disabled:t,external:n,href:r,icon:o,matcher:l,pathname:a,title:d,itemKey:h,label:x,onClick:g,...f}=e,m=function(e){let{disabled:t,external:n,href:i,matcher:r,pathname:o}=e;return!t&&!!i&&!n&&(!!(["/community/challenges","/community/points","/community/posts","/community/products","/community/newsletter","/community/pointexchange"].includes(o)&&i.startsWith("/community"))||(r?"startsWith"===r.type?o.startsWith(r.href):"equals"===r.type&&o===r.href:i.startsWith("/mychannel")?RegExp("^/mychannel(/[^/]+)?(/edit)?$").test(o):o===i))}({disabled:t,external:n,href:r,matcher:l,pathname:a}),y=o?m?p["".concat(o,"Active")]:p[o]:null;return(0,i.jsx)(c.Z,{showLabel:"writing"!==h,component:s.default,href:r,label:"writing"===h?"":(0,i.jsx)(u.Z,{variant:"h2_10Medium",color:m?"#2073F6":"grayscale.gray07",sx:{mt:1,lineHeight:"100%"},children:x}),value:h,icon:y?(0,i.jsx)(y,{}):null,onClick:g,sx:{...m&&{bgcolor:""}

1,px:0,minWidth:"calc(360px / 8)","& .MuiBottomNavigationAction-root":{padding:0},"& .MuiBottomNavigationAction-label":{marginTop:"5px",lineHeight:"100%"},..."writing"===h&&{"& svg":{transform:"scale(1.2)",transformOrigin:"center"}}}})}var y=n(27323),b=n(62867);let v=()=>{let{t:e}=(0,y.$)();return[{key:"home",label:e("home"),title:e("home"),href:b.H.home,icon:"home"},{key:"community",label:e("community"),title:e("community"),href:b.H.community.challenges,icon:"community"},{key:"writing",label:e("writing"),title:e("writing"),href:b.H.writing,icon:"writing"},{key:"store",label:e("store"),title:e("store"),href:b.H.store,icon:"store"},{key:"mychannel",label:e("my_channel"),title:e("my_channel"),href:b.H.mychannel.profile,icon:"mychannel"}]};var w=n(62450),F=n(31691),j=n(15608),k=n(99587);let S=()=>{var e;let[t,n]=(0,r.useState)("0 16px 8px"),i=(0,r.useContext)(j.S);return(0,r.useEffect)(()=>{let e=()=>{var e,t;if((0,k.R)()){n("0 16px 8px");return}let i=/Android/i.test(navigator.userAgent),r=/SM-/.test(navigator.userAgent),o=window.devicePixelRatio>=2.625,l=(null===(t=window.screen)||void 0===t?void 0:null===(e=t.orientation)||void 0===e?void 0:e.type)||"unknown",a="0 16px 8px";i&&r&&o&&"portrait-secondary"===l&&(a="34px 16px 84px"),n(a)};return e(),window.addEventListener("orientationchange",e),window.addEventListener("resize",e),()=>{window.removeEventListener("orientationchange",e),window.removeEventListener("resize",e)}},[null==i?void 0:null===(e=i.user)||void 0===e?void 0:e.id]),t},_={Paper:{boxShadow:"1px 0px 4px 0px rgba(0, 0, 0, 0.04)",borderRadius:"0px",position:"fixed",bottom:0,margin:"0 auto",width:"100%",maxWidth:w.Tl,left:0,justifyContent:"space-between",alignItems:"center",display:"flex",right:0,height:"78px",zIndex:99}};var C=()=>{let e=(0,l.usePathname)(),t=(0,F.Z)(),n=v(),r=S();return(0,i.jsx)(o.Z,{sx:{..._.Paper,background:t.palette.background.default,alignItems:"center",padding:r},elevation:5,children:(0,i.jsx)(f,{pathname:e,items:n})})}},69959:function(e,t,n){var i=n(57437),r=n(2265),o=n(5002),l=n(51567),a=n.n(l);t.Z=e=>{let{text:t,lineNumber:n=1,endIcon:l,besideEndIcon:s,onTruncated:c,sx:u={},...d}=e,[p,h]=(0,r.useState)(!1),x=(0,r.useRef)(null),[g,f]=(0,r.useState)(0),[m,y]=(0,r.useState)(0),b=(0,r.useRef)(null);(0,r.useEffect)(()=>{null==c||c(p)},[p]),(0,r.useEffect)(()=>{let e=()=>{x.current&&(x.current,f(x.current.clientHeight),h(x.current.scrollHeight>x.current.clientHeight))},t=new ResizeObserver(()=>e());return x.current&&t.observe(x.current),e(),()=>{x.current&&t.unobserve(x.current)}},[]);let v=r.useMemo(()=>({"--line-clamp":n,display:"-webkit-box",WebkitLineClamp:"var(--line-clamp)",WebkitBoxOrient:"vertical",overflow:"hidden",position:"relative","&::before":{content:'""',float:"right",height:"calc((var(--line-clamp) - 1) * 1lh)"},"& .icon:first-of-type":{clear:"both",float:"right"},"&:not(.truncated) .icon:first-of-type":{display:"none"}}),[g,p,m]);return(0,r.useEffect)(()=>{b.current&&y(b.current.getBoundingClientRect().height)},[l,g,p]),(0,i.jsxs)(o.Z,{ref:x,component:"div",sx:a()({...v,color:"grayscale.gray07"},u),className:p?"truncated":"",...d,children:[l&&(0,i.jsx)("span",{ref:b,className:"icon",style:{clear:"both",float:"right"},children:l}),t,s&&(0,i.jsx)("span",{style:{lineHeight:"normal"},children:s}),l&&(0,i.jsx)("span",{className:"icon",style:{marginLeft:4},children:l})]})}},61973:function(e,t,n){var i=n(57437);n(2265);var r=n(31691),o=n(71495),l=n(1899),a=n(59832),s=n(62450),c=n(75140),u=n(69959),d=n(51567),p=n.n(d),h=n(85929);let x={appBar:{top:0,left:0,right:0,margin:"0 auto",maxWidth:s.Tl,position:"fixed",width:"100%",fontSize:"20px",display:"flex",alignItems:"center",flexDirection:"row",backgroundColor:"#FFFFFF",zIndex:1e3,height:"48px",boxShadow:"0px 1px 4px 0px rgba(0, 0, 0, 0.04)"},leftContainer:{display:"flex",alignItems:"center",flex:1,gap:"10px"},titleContainer:{justifyContent:"space-between",width:"100%",height:"48px",borderRadius:8},rightContainer:{display:"flex",alignItems:"center",color:""}};t.Z=e=>{let{onClose:t,title:n="커뮤니티",rightContent:s,icon:d,sx:g={}}=e,f=(0,r.Z)();return(0,i.jsxs)(o.Z,{sx:p()({...x.appBar,padding:{mobile:"14px 20px",tablet:"14px 50px"}},g),children:[(0,i.jsxs)(l.Z,{sx:x.leftContainer,children:[t&&(0,i.jsx)(a.Z,{onClick:t,sx:{m:-2,cursor:"pointer"},children:null!=d?d:(0,i.jsx)(h.xCe,{color:f.palette.grayscale.gray07})}),(0,i.jsx)(c.Z,{sx:x.titleContainer,children:"string"==typeof n?(0,i.jsx)(u.Z,{variant:"h2_18Medium",color:"grayscale.gray07",text:n}):n})]}),(0,i.jsx)(l.Z,{sx:x.rightContainer,children:s})]})}},21315:function(e,t,n){n.d(t,{AG:function(){return h},nd:function(){return d},uT:function(){return u},x2:function(){return c}});var i=n(57437),r=n(397),o=n(58414),l=n(2265),a=n(5095),s=n(9432);let c=l.forwardRef(function(e,t){return(0,i.jsx)(r.Z,{ref:t,...e})}),u=l.forwardRef(function(e,t){let{direction:n,...r}=e;return(0,i.jsx)(o.Z,{direction:null!=n?n:"up",ref:t,...r})});function d(e,t){return l.forwardRef((n,r)=>(0,i.jsx)(e,{...n,...t,ref:r}))}let p={fromRight:{initial:{opacity:0,x:100}

1,animate:{opacity:1,x:0},exit:{opacity:0,x:-100}},fromLeft:{initial:{opacity:0,x:-100},animate:{opacity:1,x:0},exit:{opacity:0,x:100}},fromTop:{initial:{opacity:0,y:-100},animate:{opacity:1,y:0},exit:{opacity:0,y:100}},fromBottom:{initial:{opacity:0,y:100},animate:{opacity:1,y:0},exit:{opacity:0,y:-100}}},h=e=>{let{children:t,keyComponent:n,direction:r}=e,o=p[r];return(0,i.jsx)(a.M,{mode:"wait",children:(0,i.jsx)(s.E.div,{initial:o.initial,animate:o.animate,exit:o.exit,transition:{duration:.3},style:{width:"100%",overflow:"hidden"},children:t},n)})}},62450:function(e,t,n){n.d(t,{FL:function(){return u},Iw:function(){return c},M8:function(){return o},Tl:function(){return i},kt:function(){return r},rB:function(){return a},u1:function(){return l},yy:function(){return s}});let i=768,r=468,o=255,l=375,a=751,s=750,c=230,u=360},62867:function(e,t,n){n.d(t,{H:function(){return i}});let i={home:"/",community:{challenges:"/community/posts"},auth:{signIn:"/login",signUp:"/sign-up",signOut:"/sign-out"},store:"/store",writing:"/writing",search:"/search",mychannel:{default:"/mychannel",profile:"/mychannel/profile",settings:"/mychannel/settings",faq:"/mychannel/faq",announcements:"/mychannel/announcements"}}},99587:function(e,t,n){n.d(t,{R:function(){return r}});let i=()=>{let e=window.__JOYSAM_APP_INSETS__;return e&&"number"==typeof e.bottom?e:null},r=()=>null!==i()},51758:function(e,t,n){n.d(t,{default:function(){return o}});var i=n(60931),r=n(62450),o=(0,i.Z)({typography:{fontFamily:"var(--font-noto-sans-cjk-kr),sans-serif",h1:{fontSize:"24px",fontWeight:700},allVariants:{color:"#000000"},h1Medium:{fontSize:"24px",fontWeight:500},h1Regular:{fontSize:"24px",fontWeight:400},h2_20Bold:{fontSize:"20px",fontWeight:700},h2_20Medium:{fontSize:"20px",fontWeight:500},h2_20Regular:{fontSize:"20px",fontWeight:400},h2_18Bold:{fontSize:"18px",fontWeight:700},h2_18Medium:{fontSize:"18px",fontWeight:500},h2_18Regular:{fontSize:"18px",fontWeight:400},h2_16Bold:{fontSize:"16px",fontWeight:700},h2_16Medium:{fontSize:"16px",fontWeight:500},h2_16Regular:{fontSize:"16px",fontWeight:400},h2_15Bold:{fontSize:"15px",fontWeight:700},h2_15Medium:{fontSize:"15px",fontWeight:500},h2_15Regular:{fontSize:"15px",fontWeight:400},h2_14Bold:{fontSize:"14px",fontWeight:700},h2_14Medium:{fontSize:"14px",fontWeight:500},h2_14Regular:{fontSize:"14px",fontWeight:400},h2_12Bold:{fontSize:"12px",fontWeight:700},h2_12Medium:{fontSize:"12px",fontWeight:500},h2_12Regular:{fontSize:"12px",fontWeight:400},h2_10Bold:{fontSize:"10px",fontWeight:700},h2_10Medium:{fontSize:"10px",fontWeight:500},h2_10Regular:{fontSize:"10px",fontWeight:400}},palette:{primary:{main:"#2073F6",contrastText:"#FFFFFF"},secondary:{main:"#FDD000"},secondary2:{main:"#FF2164"},secondary3:{main:"#FF9241"},error:{main:"#FF4A4D"},background:{default:"#FFFFFF",paper:"#F9F9F9"},text:{primary:"#222222",secondary:"#666666"},grayscale:{gray01:"#FFFFFF",gray02:"#F9F9F9",gray03:"#EEEEEE",gray04:"#BBBBBB",gray05:"#999999",gray06:"#666666",gray07:"#000000"}},breakpoints:{values:{mobile:0,tablet:751,laptop:1024}},spacing:4,components:{MuiCssBaseline:{styleOverrides:{body:{}}},MuiTypography:{styleOverrides:{}},MuiDialog:{styleOverrides:{paper:{maxWidth:r.Tl},container:{}}},MuiButton:{variants:[{props:{color:"fixedButtonDisable"},style:{backgroundColor:"#BBBBBB",color:"#FFFFFF","&:hover":{backgroundColor:"#AAAAAA"}}},{props:{color:"fixedButtonActive"},style:{backgroundColor:"#2073F6",color:"#FFFFFF","&:hover":{backgroundColor:"#1A5BCC"}}},{props:{color:"basicButtonActive"},style:{backgroundColor:"#FDD000",color:"#000000","&:hover":{backgroundColor:"#E6C200"}}},{props:{color:"basicButtonDisable"},style:{backgroundColor:"#EEEEEE",color:"#666666","&:hover":{backgroundColor:"#DDDDDD"}}}]},MuiButtonBase:{defaultProps:{sx:{color:"#000000"}}},MuiInputBase:{styleOverrides:{root:{"&::placeholder":{color:"#666666"}}}},MuiTabs:{styleOverrides:{root:{"& .MuiTabs-indicator":{height:"3px"}}}},MuiTab:{styleOverrides:{root:{"&.Mui-selected":{color:"#000000"}}}},MuiAlert:{styleOverrides:{root:e=>{let{ownerState:t}=e;return{..."info"===t.severity&&{}}}}}}})}}]);
2//# sourceMappingURL=7989-5cfb6bcfc3ea75a3.js.map