https://potoo.ai/_next/static/chunks/pages/[language]/credit-d02c68d6703740fc.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[470],{2352:(e,t,i)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/[language]/credit",function(){return i(5396)}])},5396:(e,t,i)=>{"use strict";i.r(t),i.d(t,{__N_SSP:()=>f,default:()=>N});var r=i(6029),n=i(2225),s=i(1852),a=i(790),c=i(7264),d=i(5041),l=i(5729),o=i(679),u=i(1441),h=i(8772);let m=(0,l.forwardRef)((e,t)=>{let{item:i,isSelected:n,isUserSelected:s,onClick:a,showLabel:c,text:d,discountRate:o=0}=e,[m,p]=(0,l.useState)(window.innerWidth),x="Enterprise"===i.name,g="ko"===d.language?i.priceKRW:i.priceUSD,w="ko"===d.language?i.originalPriceKRW:i.originalPriceUSD,j=100*i.bonusRate+(o>0?o:0),f=Math.round(i.paidCredit*(j/100)),N=i.paidCredit+f,b=Math.round(N*(i.priceKRW/i.paidCredit)),v=Math.round(N*(i.priceUSD/i.paidCredit)),C="ko"===d.language?b>w?b:w:v>w?v:w;(0,l.useEffect)(()=>{let e=()=>{p(window.innerWidth)};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);let y=e=>"ko"===d.language?"".concat(e.toLocaleString()).concat(d.creditCard.currency):"".concat(d.creditCard.currency).concat(e.toLocaleString());return(0,r.jsxs)("div",{ref:t,className:"credit-card ".concat(n?"selected":""," ").concat(s?"user-selected":""),onClick:a,children:[(0,r.jsxs)("div",{className:"credit-card__info",children:[c&&(0,r.jsx)(u.J,{size:u.I.small,title:d.creditCard.recommendedCredit,baseColor:"#640CE8",highlightColor:"white"}),(0,r.jsxs)("div",{className:"credit-number-container",children:[(0,r.jsx)(h.A,{name:"icon-credit-gradient",size:m<=1199?24:32,preserveGradient:!0}),x?(0,r.jsx)("div",{className:"credit-number",children:i.name}):(0,r.jsx)("div",{className:"credit-number",children:N.toLocaleString()})]}),!x&&(f>0||i.bonusCredit>0)&&(0,r.jsxs)("div",{className:"credit-bonus row",children:[(0,r.jsxs)("span",{children:[i.paidCredit," ",d.creditCard.creditText," "]}),(0,r.jsx)("span",{children:"\xa0+\xa0"}),(0,r.jsxs)("span",{className:"credit-bonus__highlight",children:[f," (+",j,"%) ",d.creditCard.bonus]})]}),x&&(0,r.jsx)("div",{className:"credit-bonus row",children:(0,r.jsxs)("span",{children:[d.creditCard.enterprise.description," "]})})]}),(0,r.jsx)("div",{className:"credit-card__price",children:x?(0,r.jsx)("span",{className:"total-price",children:d.creditCard.enterprise.cost}):(0,r.jsxs)(r.Fragment,{children:[f>0&&C>g&&(0,r.jsx)("span",{className:"original-price",children:y(C)}),(0,r.jsx)("span",{className:"total-price",children:y(g)})]})})]})});m.displayName="CreditCard";var p=i(2796);let x=e=>{let{iconName:t,text:i,coloredText:n,boldText:s,size:a="medium",type:c="default",textStyle:d,iconColor:l}=e,{iconClassName:o,iconSize:u}=(e=>{let t=34;switch(e){case"xsmall":t=18;break;case"small":t=24;break;case"medium":t=28;break;case"large":t=34;break;case"xlarge":t=36}return{iconClassName:"",iconSize:t}})(a);return(0,r.jsxs)("div",{className:"row text-with-icon",children:[(0,r.jsxs)("div",{style:{flexShrink:0,display:"flex",alignItems:"flex-start"},children:[!(0,p.Q)(t)&&(0,r.jsx)("i",{className:"".concat(t," ").concat(o)}),(0,p.Q)(t)&&(0,r.jsx)(h.A,{name:t,color:l,className:o,preserveGradient:!0,size:u})]}),(0,r.jsx)("div",{className:"text ".concat(d||""),children:(0,r.jsx)("p",{className:d,style:{width:"100%"},children:(()=>{if(!n&&!s)return i;if(s&&i){let e=i.split(s);return(0,r.jsxs)(r.Fragment,{children:[e[0],(0,r.jsx)("span",{className:"bold-text",children:s}),e[1]]})}if(n&&i){let e=i.split(n);return(0,r.jsxs)(r.Fragment,{children:[e[0],(0,r.jsx)("span",{className:"colored-text",children:n}),e[1]]})}})()})})]})},g=e=>{let{creditGuide:t}=e,i=Object.entries(t).filter(e=>{let[t]=e;return"title"!==t});return(0,r.jsxs)("div",{className:"credit-guide-inner-container",children:[(0,r.jsx)(x,{iconName:"icon-caution-stroke-circled",text:t.title,size:"xsmall",textStyle:"body1-700 gray-600"}),(0,r.jsx)("div",{className:"guide-items",children:i.map(e=>{let[t,i]=e;return(0,r.jsxs)("div",{className:"guide-item",children:[(0,r.jsx)("h3",{className:"guide-title",children:i.title}),(0,r.jsx)("p",{className:"guide-description",children:i.description}),"refundPolicy"===t&&(0,r.jsxs)("div",{className:"",children:[(0,r.jsx)("p",{children:i.refundable}),(0,r.jsx)("p",{children:i.within7Days}

1),(0,r.jsx)("p",{children:i.after7Days}),(0,r.jsx)("p",{children:i.refundMethod})]}),"deductionOrder"===t&&i.example&&(0,r.jsxs)("div",{className:"",children:[(0,r.jsx)("p",{className:"example-title",children:i.example.title}),"                                 ",(0,r.jsx)("p",{children:i.example.paid1}),(0,r.jsx)("p",{children:i.example.bonus1}),(0,r.jsx)("p",{children:i.example.paid2}),(0,r.jsx)("p",{children:i.example.bonus2}),(0,r.jsx)("p",{className:"example-order",children:i.example.order})]})]},t)})})]})};var w=i(3240),j=i(2503),f=!0;let N=function(e){let{creditInfo:t}=e,{language:i,contents:{creditSection:u,creditRecharge:p,creditPriceGuide:x}}=(0,c.D)(),[f,N]=(0,l.useState)("/images/guidetest2.png"),[b,v]=(0,l.useState)({width:600,height:456}),C=(0,l.useRef)([]),[y,_]=(0,l.useState)(3),[k,S]=(0,l.useState)(!1),[E,L]=(0,l.useState)(window.innerWidth),{showBanner:T}=(0,w.W)();(0,l.useEffect)(()=>{let e=()=>{L(window.innerWidth),window.innerWidth<=1199?(N("https://d26q145bp2mup8.cloudfront.net/pricing_guide_mobile.png"),v({width:328,height:468})):(N("https://d26q145bp2mup8.cloudfront.net/pricing_guide_desktop.png"),v({width:600,height:456}))};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),(0,l.useEffect)(()=>{let e=setTimeout(()=>{let e=document.querySelector('[class*="footer-box"]'),t=document.querySelector(".floating-bottom-container");if(e&&t){let i=t.offsetHeight;e.style.marginBottom="".concat(i,"px")}},100);return()=>{clearTimeout(e);let t=document.querySelector('[class*="footer-box"]');t&&(t.style.marginBottom="0")}},[i,E]);let z=(0,l.useRef)(void 0);return(0,l.useEffect)(()=>()=>{z.current&&clearTimeout(z.current)},[]),(0,l.useEffect)(()=>{let e=()=>{L(window.innerWidth)};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),(0,r.jsxs)("div",{className:"plan",style:{background:"linear-gradient(0deg, #F3F4F6 0%, #FFFFFF 100%)"},children:[(0,r.jsxs)(o.A,{className:T?"pricing-section with-banner":"pricing-section",isFirst:!0,children:[(0,r.jsxs)("div",{className:"text-info-box",children:[(0,r.jsxs)("div",{className:"headline",children:[(0,r.jsx)("div",{className:"title gray-950",children:(0,r.jsx)("span",{children:u.title})}),(0,r.jsx)("div",{className:"subtitle gray-500",children:(0,r.jsx)("span",{children:u.subtitle})})]}),(0,r.jsxs)("div",{className:"button-area ".concat("ko"===i?"ko-buttons":"en-buttons"),children:[(0,r.jsx)(d.$n,{otherClassName:"to-contact",type:"white",size:"large",icon:"right",iconName:"icon-chat",label:u.contactUsButton,onClick:()=>{window.dataLayer&&window.dataLayer.push({event:"click_contactus"}),setTimeout(()=>{window.ChannelIO("openChat")},300)}}),(0,r.jsx)(d.$n,{otherClassName:"to-signup-button",type:"primary2",size:"large",icon:"right",iconName:"icon-icon-arrow_right",label:u.freeTrialButton,onClick:()=>{window.dataLayer&&window.dataLayer.push({event:"click_productlanding_credit"}),setTimeout(()=>{"ko"===i?window.location.href="https://app.potoo.ai/":window.location.href="https://app.potoo.ai/en/gallery"},300)}})]})]}),(0,r.jsxs)("div",{className:"credit-guide-image-container",children:[(0,r.jsxs)("div",{className:"credit-guide-image-header",children:[(0,r.jsx)(h.A,{name:"icon-credit-gradient",size:30,viewBox:24,preserveGradient:!0}),(0,r.jsx)("span",{className:"title",children:u.creditGuideTitle})]}),(0,r.jsx)(j.D,{singleOutfit:x.singleOutfit,multipleOutfit:x.multipleOutfit,modelCut:x.modelCut,credit:x.credits,singleCredit:Number("4"),multipleCredit:Number("6"),subTextSingleOutfit:x.subTextSingleOutfit,subTextMultipleOutfit:x.subTextMultipleOutfit,isCreditPage:!0,language:i})]}),(0,r.jsxs)("div",{className:"credit-container landing-page",children:[(0,r.jsx)("div",{className:"credit-card-container",children:null==t?void 0:t.map((e,n)=>(0,r.jsx)(m,{isSelected:n===y,item:e,ref:e=>{C.current[n]=e},text:{language:i,creditCard:p.creditCard},showLabel:n===y&&!k,onClick:()=>(e=>{if(S(!0),_(e),t&&t[e]&&C.current[e]){var i;null==(i=C.current[e])||i.scrollIntoView({behavior:"smooth",block:"center"})}})(n)},n))}),(0,r.jsx)("div",{className:"credit-guide-container",children:(0,r.jsx)(g,{creditGuide:p.creditGuide})})]})]}),(0,r.jsx)(s.A,{faqList:a.E[i],type:"credit"}),(0,r.jsx)(n.A,{title:[u.ctaTitle,u.ctaSubtitle],backgroundImage:"/images/gradation-background.png",buttonType:"white",signUpButtonText:u.ctaButton,width:"100%",pageType:"credit"}),(0,r.jsx)("div",{className:"floating-bottom-container",children:(0,r.jsx)("div",{className:"floating-bottom-content",children:(0,r.jsx)("div",{className:"route-to-detail-btn",children:(0,r.jsx)(d.$n,{type:"primary2",size:E<=500?"small":"large",icon:"none",otherClassName:"route-to-detail-btn",label:y===t.length-1?p.enterpriseButton:p.rechargeButton,onClick:()=>{y===t.length-1?(window.dataLayer&&window.dataLayer.push({event:"click_enterprise_landingpage"}),window.ChannelIO("showMessenger")):(window.dataLayer&&window.dataLayer.push({event:"click_productlanding_credit_bottom"}),setTimeout(()=>{"ko"===i?window.location.href="https://app.potoo.ai/":window.location.href="https://app.potoo.ai/en/gallery"},300))}})})})})]})}}},e=>{e.O(0,[588,453,669,636,593,792],()=>e(e.s=2352)),_N_E=e.O()}]);
2//# sourceMappingURL=credit-d02c68d6703740fc.js.map