https://www.bigc.im/_next/static/chunks/pages/promotion/bigclens-2c9955ebd942549f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1380],{76068:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/promotion/bigclens",function(){return n(62091)}])},69805:function(t,e,n){"use strict";var i=n(82729),r=n(71965);n(67294);var o=n(11163),l=n(15437),c=n(77354),a=n(5653),d=n(41374);function s(){let t=(0,i._)(["\n  position: relative;\n  width: 100%;\n  height: ",";\n  max-height: 528px;\n"]);return s=function(){return t},t}function p(){let t=(0,i._)(["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  display: flex;\n  width: 100%;\n  height: 100%;\n  padding: 40px;\n  gap: 24px;\n  border-radius: 8px;\n  background: #fff;\n"]);return p=function(){return t},t}e.Z=t=>{let{title:e,isAnimation:n}=t,i=(0,o.useRouter)(),{pathname:l}=i,a=l.split("/").length<3;return(0,r.tZ)(u,{isOneDepth:a,children:(0,r.BX)(h,{children:[n?(0,r.tZ)(d.Ei,{src:"".concat("https://cdn.bigc.im","/statics/web/animations/empty_hugi.webp"),alt:e,width:"160px",height:"160px"}):(0,r.tZ)(d.Ei,{src:"/icons/account/notice/svg/empty.svg",width:"40px",height:"40px"}),(0,r.tZ)(c.Zx,{typo:"b02_read_r",color:"black",children:e})]})})};let u=l.default.div(s(),t=>{let{isOneDepth:e}=t;return e?"165px":"100vh"}),h=(0,l.default)(a.SJ)(p())},63088:function(t,e,n){"use strict";var i=n(71965),r=n(5653),o=n(77354);e.Z=t=>{var e;let{type:n,textProps:l={text:"c01_m"},onClick:c,...a}=t;return(0,i.tZ)(r.SJ,{bg:"dark"===n?"grey_800":"white",border:"dark"===n?"none":"1px solid black",borderRadius:"dark"===n?"2px":"99px",padding:"5.5px 8px",onClick:()=>c&&c(),...a,children:(0,i.tZ)(o.Zx,{typo:null==l?void 0:l.typo,color:null!==(e=null==l?void 0:l.color)&&void 0!==e?e:"dark"===n?"white":"black",children:null==l?void 0:l.text})})}},40165:function(t,e,n){"use strict";var i=n(71965),r=n(85514),o=n(5653),l=n(41374),c=n(77354);e.Z=t=>{var e,n,a;let{size:d,type:s,shape:p,disabled:u,textProps:h,onClick:x,width:g,isLoading:f,iconProps:m,backgroundColor:w,...Z}=t,_=u||"solid"===s?"white":"black";return(0,i.tZ)(o.of,{bg:w||(u?"grey_300":"solid"==s?"black":"white"),border:(()=>{if(u)return"none";switch(s){case"solid":return"none";case"out_sec":return"1px solid black";case"out_pri":return"1px solid #DCDCDC"}})(),borderRadius:"round"===p?"99px":"8px",padding:(()=>{switch(d){case"xs":return"9.5px 12px";case"s":return"11px 16px";case"m":return"14px 20px";case"l":return"18.5px 16px"}})(),style:{cursor:u?"unset":"pointer"},width:g,onClick:()=>!u&&x(),color:null!==(e=null==h?void 0:h.color)&&void 0!==e?e:_,...Z,children:(0,i.BX)(l.zx,{disabled:u,style:{display:"flex",flexDirection:"row"},children:[f&&(0,i.tZ)(r.Z,{size:20,className:"mr-[8px]"}),(0,i.BX)(o.X2,{gridGap:"4px",children:[(0,i.tZ)(c.Zx,{typo:null!==(n=null==h?void 0:h.typo)&&void 0!==n?n:(()=>{switch(d){case"xs":return"c01_m";case"s":return"l01_m";case"m":return"b03_semi_b";case"l":return"b01_semi_b"}})(),color:null!==(a=null==h?void 0:h.color)&&void 0!==a?a:_,style:{whiteSpace:"nowrap"},children:null==h?void 0:h.text}),m&&(0,i.tZ)(l.Ei,{src:m.src,width:m.width,height:m.height})]})]})})}},67932:function(t,e,n){"use strict";n.d(e,{Z:function(){return B}});var i=n(71965),r=n(67294),o=n(5653),l=n(32832),c=n(35312),a=n(20463),d=n(82729),s=n(15437),p=n(11163),u=n(36997),h=n(41374),x=n(76751);function g(){let t=(0,d._)(["\n  grid-area: header;\n  z-index: 20;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  align-self: stretch;\n  background: #fff;\n  width: 100%;\n  min-width: 360px;\n"]);return g=function(){return t},t}function f(){let t=(0,d._)(["\n  width: 100%;\n  background: #fff;\n  max-width: 780px;\n  align-items: center;\n  align-self: stretch;\n  padding: 20px;\n\n  position: fixed;\n  top: 0px;\n"]);return f=function(){return t},t}function m(){let t=(0,d._)(["\n  height: 72.5px;\n"]);return m=function(){return t},t}function w(){let t=(0,d._)(["\n  display: flex;\n  height: 30px;\n  justify-content: space-between;\n  align-items: center;\n  align-self: stretch;\n"]);return w=function(){return t},t}function Z(){let t=(0,d._)(["\n  width: ",";\n  height: ",";\n  fill: #000;\n"]);return Z=function(){return t},t}function _(){let t=(0,d._)(["\n  display: flex;\n  height: 1.125rem;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n"]);return _=function(){return t},t}var b=()=>{let t=(0,p.useRouter)(),[e,n]=(0,r.useState)({url:"",width:"",height:"",link:""}),[l,c]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{n(u.KQ)},[]),(0,i.BX)(y,{id:"gnb_container",children:[(0,i.tZ)(E,{children:(0,i.BX)(T,{children:[(0,i.tZ)(o.sg,{justifyContent:"center",alignItems:"flex-start",gridGap:"10

1px",flex:"1 0 0",alignSelf:"stretch",children:(0,i.tZ)(v,{src:e.url,width:e.width,height:e.height,onClick:()=>t.push(e.link),style:{cursor:"pointer"}})}),(0,i.BX)(o.of,{gridGap:"2px",onClick:()=>c(!l),children:[(0,i.tZ)(h.Ei,{src:"/images/promotion/invite/ic_global.svg",width:"24px",height:"24px"}),(0,i.tZ)(h.Ei,{src:"/images/promotion/invite/ic_arrow_down.svg",width:"18px",height:"18px"})]}),l&&(0,i.tZ)(x.Z,{togglePosition:{top:"58px",right:"16px"},buttonWidth:"93px",setIsToggle:c})]})}),(0,i.tZ)(I,{})]})};let y=s.default.div(g()),E=(0,s.default)(o.sg)(f()),I=(0,s.default)(h.ZC)(m()),T=s.default.header(w()),v=s.default.img(Z(),t=>t.width,t=>t.height);s.default.img(_());var B=t=>{let{children:e,hideHeader:n=!1,bigcLayout:r=!1}=t,{code:d}=(0,c.e)(),{isApp:s}=(0,a.qD)();return(0,i.tZ)(o.SJ,{height:r?"100%":"100vh",width:"100%",children:(0,i.BX)(o.sg,{bg:"white",width:"100%",minWidth:"360px",maxWidth:"780px",height:"100%",children:[!n&&!s&&(0,i.tZ)(b,{}),(d||s&&!r)&&(0,i.tZ)(l.Z,{}),e]})})}},35312:function(t,e,n){"use strict";n.d(e,{e:function(){return p}});var i=n(20463),r=n(1786),o=n(22717),l=n(11163),c=n(61658),a=n(6154);let d=async t=>{let{data:e}=await a.default.get("https://api-ssl.bitly.com/v4/bitlinks/".concat(t),{headers:{Authorization:"Bearer ".concat("ef9e2991dcc635d2bbf2e0c02b53a40a82a106ca"),"Content-Type":"application/json"}});return e?e.long_url:void 0};var s=n(13192);function p(){let{isApp:t}=(0,i.qD)(),{t:e}=(0,c.Z)(),n=(0,o.bN)(t=>t.setAlertModal),{openAppdownloadModal:a,openDeeplink:p,closeAppdownloadModal:u}=(0,s.Z)(),{postAppMessageReturn:h}=(0,r.Z)(),x=(0,l.useRouter)(),{lensType:g,code:f}=x.query,m=()=>{n({open:!1,buttonSecondary:!1,description:"",primaryButtonText:"",primaryOnClick:()=>{}})},w=async i=>{if(!f&&t||i&&t){let t=await h("showBIGCLens",{lensType:g||"SnapTag"});if(t&&t.success){if(t.code){let e=t.code.replace("BIGC:",""),n={...x.query};n.code=e.toString(),x.push({pathname:x.pathname,query:n})}else if(t.link){if(t.link.includes("go.bigc.im")){let e=t.link.replace(/^https?:\/\//,""),n=await d(e),i=n.match(/long_link=(.+)/);i&&x.push(decodeURIComponent(i[1]))}else t.link.includes("bigc.im")||t.link.includes("meec.dev")?x.push(t.link):n({open:!0,buttonSecondary:!1,title:e("BIGC_LENS.RETRY.TITLE"),description:e("BIGC_LENS.RETRY.BTN_DESCRIPTION"),primaryButtonText:e("COMMON.BTN.CONFIRM"),primaryOnClick:m})}}}},Z=()=>{a({qrUrl:"https://cdn.bigc.im/statics/web/images/bigc_lens_qr_prd.webp",description:e("BIGC_LENS.MODAL.APP.DESCRIPTION"),primaryOnClick:u,secondaryOnClick:()=>p("https://go.bigc.im/3J6uwY7")})};return{code:f,lensType:g,closeModal:m,showBigcLens:w,showWebAlert:Z,handleLensAction:function(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return t?w(e):Z()}}}},62091:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return J}});var i=n(71965),r=n(82729),o=n(67294),l=n(15437),c=n(40165),a=n(35312),d=n(61658),s=n(5653),p=n(41374),u=n(77354);function h(){let t=(0,r._)(["\n  @media (max-width: 360px) {\n    .container {\n      overflow: scroll;\n    }\n  }\n"]);return h=function(){return t},t}function x(){let{t}=(0,d.Z)(),{code:e,showBigcLens:n,handleLensAction:r}=(0,a.e)();return(0,o.useEffect)(()=>{n(!1)},[e]),(0,i.BX)(g,{width:"100%",height:"100%",children:[(0,i.BX)(s.SJ,{width:"100%",padding:"40px",gridGap:"24px",mt:"195px",children:[(0,i.tZ)(p.Ei,{src:"/images/logo/bigc_pages_logo.svg",width:"90px",height:"24px"}),(0,i.tZ)(u.Zx,{typo:"b02_read_semi_b",textAlign:"center",children:t("BIGC_LENS.INTER.TITLE")})]}),(0,i.tZ)(s.SJ,{position:"fixed",width:"100%",alignItems:"center",bottom:"0px",left:"0px",children:(0,i.tZ)(s.sg,{width:"100%",bg:"white",padding:"12px 20px 8px 20px",maxWidth:"780px",children:(0,i.tZ)(c.Z,{size:"l",type:"solid",shape:"round",width:"100%",textProps:{text:t("BIGC_LENS.INTER.FILM_BTN"),typo:"b01_semi_b",color:"white !important"},onClick:()=>r(!1)})})})]})}let g=(0,l.default)(s.sg)(h());var f=n(72157),m=n(83688);let w=async t=>{try{let e=await m.Z.get("/common/lenses?code=".concat(t));return e.data}catch(t){if(t instanceof Error)throw Error(t.message);throw Error("An unknown error occurred")}},Z=async t=>{try{let e=await m.Z.post("/common/lenses/register",{code:t});return e.data}catch(t){if(t instanceof Error)throw Error(t.message);throw Error("An unknown error occurred")}};var _=n(78551),b=n(24139);let y=t=>(0,_.a)({queryKey:["lensItems"],queryFn:()=>w(t),placeholderData:b.Wk,staleTime:6e4,select:t=>{if(t)return t}});var E=n(63088),I=n(94987),T=n(20463),v=n(22717),B=n(98029),C=n(11163),S=()=>{let t=(0,v.bN)(t=>t.setAlertModal),{t:e}=(0,d.Z)(),{isApp:n,closeModal:i}=(0,T.qD)(),r=(0,C.useRouter)(),o=()=>{t({open:!1,buttonSecondary:!1,description:"",primaryButtonText:"",primaryOnClick:()=>{}}),n&&i?i({goMyPage:!0}):r.push("/account")};return(0,B.D)({mutationFn:t=>Z(t),onSuccess:n=>{n.success?t({open:!0,buttonSecondary:!1,title:e("BIGC_LENS.MODAL.BENEFIT.TITLE"),description:n.message,primaryButtonText:e("COMMON.BTN.CONFIRM"),primaryOnClick:o}):t({open:!0,buttonSecondary:!1,title:e("BIGC_LENS.MODAL.ALREAY.TITLE"),description:n.message,primaryButtonText:e("COMMON.BTN.CONFIRM"),primaryOnClick:o})}})},N=n(59442);

1function k(t){let{benefitData:e}=t,{t:n}=(0,d.Z)(),{mutate:r}=S(),{code:o}=(0,a.e)();return(0,i.BX)(s.SJ,{children:[(0,i.BX)(s.sg,{width:"100vw",maxWidth:"780px",alignItems:"flex-start",gridGap:"36px",minHeight:"100vh",p:"78px 20px 116px",children:[(0,i.BX)(s.sg,{width:"100%",alignItems:"flex-start",gridGap:"8px",children:[(0,i.tZ)(u.Zx,{typo:"t02_semi_b",children:n("BIGC_LENS.BENEFIT.TITLE")}),(0,i.tZ)(u.Zx,{typo:"b03_r",color:"grey_600",children:n("BIGC_LENS.BENEFIT.DESCRIPTION")})]}),(0,i.tZ)(s.sg,{width:"100%",alignItems:"flex-start",gridGap:"16px",flexGrow:1,overflow:"auto",children:e.map((t,e)=>(0,i.BX)(s.SJ,{width:"100%",padding:"8px 20px 20px 20px",alignItems:"flex-start",gridGap:"12px",borderRadius:"8px",border:"1px solid #DCDCDC",children:[(0,i.tZ)(s.sg,{padding:"8px 0px",alignItems:"center",gridGap:"10px",borderBottom:"1px solid #F3F3F3",width:"100%",children:(0,i.tZ)(u.Zx,{typo:"b01_read_semi_b",width:"100%",children:t.title})}),t.featuredImage&&(0,i.tZ)(s.sg,{maxWidth:"424px",alignItems:"flex-start",alignSelf:"stretch",borderRadius:"12px",border:"1px solid #EBEBEB",overflow:"hidden",children:(0,i.tZ)(p.Ei,{src:t.featuredImage,width:"100%",height:"auto",style:{objectFit:"cover"}})}),(0,i.BX)(s.X2,{alignItems:"center",gridGap:"8px",alignSelf:"stretch",children:[(0,i.tZ)(E.Z,{type:"dark",textProps:{text:n("BIGC_LENS.BENEFIT.USE_BTN"),typo:"c01_m"}}),(0,i.tZ)(u.Zx,{typo:"l01_m",color:"grey_600",children:(0,i.tZ)(I.Z,{code:"BIGC_LENS.BENEFIT.END_DATE",values:{date:(0,N.c)(t.expiresAt,"KST","yyyy.MM.dd HH:mm'(KST)'")}})})]})]},e))})]}),(0,i.tZ)(s.SJ,{position:"fixed",width:"100%",bg:"white",alignItems:"center",bottom:"0px",left:"0px",children:(0,i.tZ)(s.SJ,{width:"100%",maxWidth:"780px",borderTop:"1px solid #DCDCDC",children:(0,i.tZ)(s.sg,{width:"100%",bg:"white",padding:"12px 20px 8px 20px",maxWidth:"780px",children:(0,i.tZ)(c.Z,{size:"l",type:"solid",shape:"round",width:"100%",textProps:{text:n("BIGC_LENS.BENEFIT.BTN"),typo:"b01_semi_b",color:"white !important"},onClick:()=>o&&r(o)})})})})]})}var R=n(69805);function D(t){let{errorMsg:e}=t,{t:n}=(0,d.Z)(),{handleLensAction:r}=(0,a.e)();return(0,i.BX)(s.SJ,{width:"100%",height:"100%",children:[(0,i.tZ)(R.Z,{title:e}),(0,i.tZ)(s.SJ,{position:"fixed",width:"100%",alignItems:"center",bottom:"0px",left:"0px",children:(0,i.tZ)(s.sg,{width:"100%",bg:"white",padding:"12px 20px 8px 20px",maxWidth:"780px",children:(0,i.tZ)(c.Z,{size:"l",type:"solid",shape:"round",width:"100%",textProps:{text:n("BIGC_LENS.RETRY.BTN"),typo:"b01_semi_b",color:"white !important"},onClick:()=>r(!0)})})})]})}function G(){let t=(0,r._)(["\n  @media (max-width: 360px) {\n    .container {\n      overflow: scroll;\n    }\n  }\n"]);return G=function(){return t},t}function L(){let{code:t}=(0,a.e)(),{t:e}=(0,d.Z)(),{data:n,isLoading:r,refetch:l}=y(t);return((0,o.useEffect)(()=>

1{l()},[t]),r)?(0,i.tZ)(f.Z,{}):(0,i.tZ)(O,{children:(null==n?void 0:n.success)?(0,i.tZ)(k,{benefitData:n.data}):(0,i.tZ)(D,{errorMsg:(null==n?void 0:n.message)||e("BIGC_LENS.RETRY.DESCRIPTION")})})}let O=(0,l.default)(s.SJ)(G());var M=n(67932),A=n(21194),X=n(33725);function F(){let t=(0,C.useRouter)(),{code:e}=t.query,{isLogin:n}=(0,A.f0)();return(0,o.useEffect)(()=>{n||(0,X.jp)()},[n]),(0,i.tZ)(M.Z,{hideHeader:!0,children:e?(0,i.tZ)(L,{}):(0,i.tZ)(x,{})})}function J(){return(0,i.tZ)(F,{})}},59442:function(t,e,n){"use strict";n.d(e,{c:function(){return r}});var i=n(7230);let r=(t,e,n)=>{let r={KST:"Asia/Seoul",JST:"Asia/Tokyo",ICT:"Asia/Bangkok",TST:"Asia/Taipei",HKT:"Asia/Hong_Kong"}[e];if(!r)throw Error("Unsupported timezone: ".concat(e));let o=new Date(t),l=(0,i.zW)(o,r);return(0,i.WU)(l,n||"yyyy-MM-dd HH:mm",{timeZone:r})}}},function(t){t.O(0,[7230,9774,2888,179],function(){return t(t.s=76068)}),_N_E=t.O()}]);