https://www.cardsnacks.com/_next/static/chunks/1114-5eb7f1c292bf69c1.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{},r=(new e.Error).stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="7d2bb0d7-3dd2-490e-a5f7-966a0847627d",e._sentryDebugIdIdentifier="sentry-dbid-7d2bb0d7-3dd2-490e-a5f7-966a0847627d")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1114],{11546:(e,r,a)=>{a.d(r,{A:()=>o});var t=a(37876),l=a(14232),s=a(45600),n=a(1773),i=a(28870);let o=(0,l.memo)(e=>{let{isApplied:r,isProcess:a,error:s,onApply:o,onChange:d,...c}=e,[u,m]=(0,l.useState)(e?.isEnabled||!1),[p,x]=(0,l.useState)(e?.defaultValue||""),h=(0,l.useCallback)(()=>{m(!u)},[u]),g=(0,l.useCallback)(e=>{let r=e.target.value;x(r),d?.(r)},[d]),f=(0,l.useCallback)(()=>{o?.(p)},[o,p]),b=(0,l.useCallback)(e=>{"Enter"!==e.key||(e.preventDefault(),!a&&p&&f())},[f,a,p]);return(0,t.jsxs)("div",{...c,children:[!r&&(0,t.jsxs)(t.Fragment,{children:[!u&&(0,t.jsx)("div",{className:"flex items-center",style:{height:46},children:(0,t.jsx)("span",{onClick:h,className:"cursor-pointer font-semibold text-lg text-(--color-ring)",children:"Enter promo code"})}),u&&(0,t.jsxs)("div",{className:"flex gap-2",children:[(0,t.jsx)("div",{className:"flex-1",children:(0,t.jsx)("input",{value:p,onChange:g,placeholder:"Enter promo code",disabled:a,autoFocus:!0,maxLength:15,inputMode:"text",pattern:"[A-Za-z0-9]*",onKeyDown:b,className:(0,n.cn)("w-full rounded-[12px] border px-3.5 text-base outline-none transition-colors","focus:border-(--color-ring) focus:ring-1 focus:ring-(--color-ring)","disabled:cursor-not-allowed disabled:opacity-50",s?"border-[#d74e45]":"border-(--color-input) hover:border-(--color-secondary)"),style:{height:46,boxSizing:"border-box"}})}),(0,t.jsxs)(i.A,{variant:"contained",onClick:f,disabled:a||!p,sx:{position:"relative",width:100},children:[(0,t.jsx)("div",{style:{transition:"opacity 200ms ease",opacity:a?.5:1},children:"Apply"}),(0,t.jsx)("div",{className:"animate-spin rounded-full border-2 border-white border-t-transparent absolute pointer-events-none",style:{width:24,height:24,transition:"opacity 200ms ease",opacity:+!!a}})]})]}),s&&(0,t.jsx)("div",{className:"relative",children:(0,t.jsx)("span",{className:"absolute pl-[18px] pt-0.5 text-[13px] text-[#e47474]",children:s})})]}),r&&(0,t.jsxs)("div",{className:"flex items-center",style:{height:50},children:[(0,t.jsx)("img",{className:"mr-2",src:"/assets/legacy/icons/check_box_green.svg",alt:"Success"}),(0,t.jsx)("span",{className:"font-semibold text-[13px] text-(--color-ring)",children:"Promo code successfully applied"})]})]})},s.isEqual)},23353:(e,r,a)=>{a.d(r,{A:()=>l});var t=a(37876);function l({children:e,backgroundColor:r="#feeae6",color:a="black"}){return(0,t.jsx)("div",{className:"px-2 py-1  rounded font-semibold text-[12px] lg:text-[18px]",style:{backgroundColor:r,color:a},children:(0,t.jsx)("span",{className:"hint",children:e})})}},28870:(e,r,a)=>{a.d(r,{A:()=>g});var t=a(37876),l=a(14232),s=a(66810),n=a(72895),i=a(1773);let o={contained:"default",outlined:"outline",text:"ghost"},d={small:"sm",medium:"lg",large:"xl",largest:"xl"},c={small:"h-10 px-5 text-sm",medium:"h-[46px] px-6 text-base",large:"h-[52px] px-7 text-lg",largest:"h-[56px] px-8 py-[18px] text-[18px]"},u={primary:"",secondary:"bg-(--color-mui-secondary-main) text-white hover:bg-(--color-mui-secondary-dark)",error:"bg-(--color-mui-warning-main) text-white hover:bg-(--color-mui-warning-dark)",warning:"bg-(--color-mui-warning-main) text-white hover:bg-(--color-mui-warning-dark)",inherit:"text-current"},m={primary:"",secondary:"border-(--color-mui-secondary-main)/50 text-(--color-foreground) hover:bg-(--color-mui-secondary-main)/5 hover:border-(--color-mui-secondary-dark)",error:"border-(--color-mui-warning-main) text-(--color-mui-warning-main) hover:bg-(--color-mui-warning-main)/10",warning:"border-(--color-mui-warning-main) text-(--color-mui-warning-main) hover:bg-(--color-mui-warning-main)/10",inherit:"text-current"},p={primary:"",secondary:"text-(--color-mui-secondary-main) hover:bg-(--color-mui-secondary-main)/10",error:"text-(--color-mui-warning-main) hover:bg-(--color-mui-warning-main)/10",warning:"text-(--color-mui-warning-main) hover:bg-(--color-mui-warning-main)/10",inherit:"text-current"},x=new Set(["#fff","#ffffff","#FFFFFF","#FFF","white"]),h=(0,l.forwardRef)((e,r)=>{let{variant:a="contained",size:l="medium",radius:h="full",loading:g=!1,startIcon:f,endIcon:b,fullWidth:y=!1,color:v="primary",disabled:w=!1,sx:j,className:_,children:N,href:k,...C}=e,S=o[a],A=d[l],P=c[l],$="outlined"===a?m[v]:"text"===a?p[v]:u[v],E=function(e){if(!e)return"";let r=[];return"string"==typeof e.color&&x.has(e.color)&&r.push("text-white"),(1===e.flex||"1"===e.flex)&&r.push("flex-1"),r.join(" ")}(j),F=(0,i.cn)("relative normal-case no-underline hover:no-underline","rounded"===h?"rounded-[12px]":"rounded-full",P,$,E,y&&"w-full",g&&"pointer-events-none",_),M=(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("span",{className:(0,i.cn)("inline-flex items-center gap-2 transition-opacity duration-300",g&&"opacity-15"),children:[f,N,b]}),g?(0,t.jsx)("span",{"aria-hidden":"true",className:"absolute inset-0 flex items-center justify-center pointer-events-none transition-opacity duration-300",children:(0,t.jsx)(n.A,{className:"h-4 w-4 animate-spin"})}):null]});return"string"==typeof k?(0,t.jsx)(s.$,{asChild:!0,loading:!1,variant:S,size:A,"aria-busy":g||void 0,"aria-disabled":w||g||void 0,className:F,children:(0,t.jsx)("a",{ref:r,href:k,...C,children:M})}):(0,t.jsx)(s.$,{ref:r,loading:!1,variant:S,size:A,disabled:w||g,"aria-busy":g||void 0,className:F,...C,children:M})});h.displayName="Button";let g=(0,l.memo)(h)},41114:(e,r,a)=>{a.d(r,{A:()=>L});var t=a(37876),l=a(14232),s=a(14534),n=a(43954),i=a(78852),o=a(96781),d=a(11546),c=a(86401);let u=(0,l.createContext)(null),m=()=>{let e=(0,l.useContext)(u);if(!e)throw Error("useSubscriptionContext must be used within SubscriptionContext.Provider");return e},p=(e,r,a)=>e&&"monthly"===r||!e&&"monthly"===a?0:1;var x=a(21867),h=a(34394),g=a(63731);let f=e=>e instanceof Error?e:e&&"object"==typeof e&&"message"in e?Error(String(e.message||"Unknown error")):Error(String(e||"Unknown error")),b=e=>e?Array.isArray(e)?0===e.length?null:e.map(f):[f(e)]:null,y=e=>

1{let r=b(e?.errors);if(r)return r;let a=e?.data,t=b(a?.errors);return t||b(e?.error)},v=async e=>{let{url:r,token:a,query:t,body:l}=e,s=(0,g.Y)().url(r);a&&s.token(a),t&&s.query(t),l&&s.body(l);let n=await s.post();if(n.error){let e=y(n.error.response);return e?{data:null,errors:e}:{data:null,errors:[n.error]}}let i=n.data,o=y(i);return o?{data:null,errors:o}:{data:i?.data??i??null,errors:null}},w={subtotal:0,tax:0,total:0,success:!1};var j=a(31777),_=a(18334),N=a(39742),k=a(45810),C=a(74757);let S={"Small Business":{url:"create_new_platinum_subscription",track:C.JJ},Professional:{url:"create_new_professional_subscription",track:C.JJ},Enterprise:{url:"create_new_enterprise_subscription",track:C.Vl},Gold:{url:"create_new_gold_subscription",track:C.JJ}};var A=a(31468),P=a(16987),$=a(1773),E=a(23353),F=a(69096);let M=(0,l.memo)(e=>{let{onClick:r,period:a,subscriptionId:s,current:n,plan:i,perUser:o}=e,d=i.subscriptions[s],{name:c,price:u,discount:m}=d,p=n===s,x=!a||d.id.endsWith("yearly"===a?"12":"1"),h=(0,l.useCallback)(()=>{r(s)},[r,s]);return x?(0,t.jsx)("div",{className:"w-full min-w-0",children:(0,t.jsxs)("div",{onClick:h,className:(0,$.cn)("box-border h-full rounded-small px-3 py-4 sm:px-6 cursor-pointer",p?"border-2 border-main-green":"border border-pale-green m-px"),children:[(0,t.jsxs)("div",{className:"flex w-full items-start justify-between gap-2",children:[(0,t.jsxs)("span",{className:"my-1 text-[14px] leading-5 sm:text-[18px] sm:leading-[25px]",children:[(0,t.jsx)("span",{className:"block sm:inline",children:c})," ",(0,t.jsx)("span",{className:"block sm:inline",children:"billing"})]}),!!m&&(0,t.jsx)("div",{className:"shrink-0 [&>div]:px-1 [&>div]:py-0.5 [&>div]:text-[10px] [&>div]:leading-4 sm:[&>div]:px-2 sm:[&>div]:py-1 sm:[&>div]:text-[12px] lg:[&>div]:text-[18px]",children:(0,t.jsx)(E.A,{backgroundColor:"#20B2A4",color:"white",children:`Save ${m}%`})})]}),(0,t.jsx)(F.A,{price:u,period:"/month",perUser:o})]})}):null}),U=(0,l.memo)(()=>{let{plan:e,subscriptionIndex:r,onSubscriptionChange:a,hasActiveSubscription:l,currentPeriod:s}=m(),n=l?s:null,i=e.number===c.TV;return(0,t.jsxs)("div",{className:"mt-8 grid grid-cols-2 gap-4",children:[(0,t.jsx)(M,{plan:e,period:n,subscriptionId:0,current:r,onClick:a,perUser:i}),(0,t.jsx)(M,{plan:e,period:n,subscriptionId:1,current:r,onClick:a,perUser:i})]})}),V=(0,l.memo)(()=>{let{taxCalculated:e,taxError:r,selectedSubscription:a,finalAmount:l,formattedTax:s}=m();return r?(0,t.jsx)("div",{children:(0,t.jsx)("div",{className:"flex flex-col flex-1",children:(0,t.jsx)("p",{className:"text-destructive",children:r})})}):e?(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{children:`${a.name} total`}),(0,t.jsxs)("div",{children:[(0,t.jsx)("span",{className:"heading-main",children:`$${l.toFixed(2)}`}),(0,t.jsx)("span",{children:` /${a.period}`}),(0,t.jsx)("div",{style:{fontSize:14,marginTop:-8,marginBottom:-8},children:`*including $${s} in sales tax`})]})]}):(0,t.jsx)("div",{children:(0,t.jsx)("div",{className:"flex flex-col flex-1 max-w-[180px] lg:max-w-[420px] ",children:(0,t.jsx)("p",{children:"Please complete your card and billing address to calculate tax and price."})})})});var D=a(66810);let I=(0,l.memo)(()=>{let{buttonLabel:e,isButtonDisabled:r,processing:a,handlePurchaseClick:l}=m();return(0,t.jsx)("div",{className:"flex justify-end min-w-none sm:min-w-[180px]",children:(0,t.jsx)(D.$,{loading:a,disabled:r,onClick:l,children:e})})}),J=e=>{var r,a;let o,m,g,{onRequestClose:f,data:b,isForTeam:y,period:$,event:E,isOpen:F}=e,M=c.vw[b.futurePlanNumber],D=(0,n.A)(),J=!!D?.activeCsSubscription?.isActive,L=(0,c.U7)(D),O=L.number,z=L.currentPeriod||null,B=D?.activeCsSubscription?.paymentSource,T=(0,c.t)(D),[K,q]=(0,l.useState)(!1),[X,W]=(0,l.useState)(""),G=!!(J&&"stripe"===B),H=["stripe"].includes(B||""),R="stripe"===D?.subscriptionSource,{promo:Y,change:Z,applied:Q}=(()=>{let[e,r]=(0,l.useState)({isLoading:!1,isApplied:!1,value:null,error:null,response:null}),a=(0,l.useCallback)(async e=>{r(r=>({...r,response:null,value:e,error:null}))},[]),t=(0,l.useCallback)(async()=>{let a,t;r(e=>({...e,isLoading:!0}));let l=!1;try{a=await (0,A.bE)(`${x.ue}`,{promo_code:e.value}).then(e=>e.json())}catch{t="Something went wrong, please try again later."}a?(a.error?t=({promo_code_does_not_exist:"Promo code invalid"})[a.error]||"Something went wrong, please try again later.":l=!0,r(e=>({...e,isLoading:!1,isApplied:l,response:a,error:t}))):r(e=>({...e,isLoading:!1,isApplied:!1,error:t}))},[e.value]);return(0,l.useMemo)(()=>({promo:e,change:a,applied:t}),[t,a,e])})(),{subscriptionIndex:ee,selectedSubscription:er,isYearlySubscription:ea,trialLabel:et,onSubscriptionChange:el}=(e=>{let{plan:r,hasActiveSubscription:a,currentPeriod:t,period:s,canTrial:n,futurePlanNumber:i}=e,[o,d]=(0,l.useState)(()=>p(a,t,s));(0,l.useEffect)(()=>{d(p(a,t,s))},[t,s,a]);let u=(0,l.useCallback)(e=>{d(e)},[]),m=r.subscriptions[o],x="year"===m.period,h=(0,l.useMemo)(()=>n&&x&&i!==c.Tz?"_free_trial":"",[n,x,i]);return(0,l.useMemo)(()=>({subscriptionIndex:o,selectedSubscription:m,isYearlySubscription:x,trialLabel:h,onSubscriptionChange:u}),[o,m,x,h,u])})({plan:M,hasActiveSubscription:J,currentPeriod:z,period:$,canTrial:T,futurePlanNumber:b.futurePlanNumber});(0,l.useEffect)(()=>{K&&(q(!1),q(!0))},[z]);let{estimateTax:es,taxCalculated:en,taxError:ei,handleAddressComplete:eo}=(e=>{let{isForTeam:r,selectedSubscription:a,isValidStripeCard:t}=e,s=(0,h.A)(),[n,i]=(0,l.useState)(w),[o,d]=(0,l.useState)(!1),[c,u]=(0,l.useState)(null),[m,p]=(0,l.useState)(null),g=(0,l.useCallback)(async e=>{p(e),u(null);try{await v({url:`${x.co}`,token:s,body:{address:e}});let t=await v({url:`${x.OM}`,token:s,query:{is_for_team:r},body:{interval:a.period,subscription_type:a.id.replace(/_.*/,"")}});i(t.data),d(!0)}catch{u("Failed to calculate tax. Please try again."),d(!1),i(w)}}

1,[r,a.id,a.period]);return(0,l.useEffect)(()=>{m&&g(m)},[m,g,a.period]),(0,l.useEffect)(()=>{t||(d(!1),i(w))},[t]),(0,l.useMemo)(()=>({estimateTax:n,taxCalculated:o,taxError:c,handleAddressComplete:g}),[n,o,c,g])})({isForTeam:y,selectedSubscription:er,isValidStripeCard:K}),{discountAmount:ed,formattedTax:ec,finalAmount:eu}=(e=>{let{promo:r,selectedSubscription:a,estimateTax:t}=e;return(0,l.useMemo)(()=>{let e=0;if(r.isApplied){let t=r.response?.promo_code?.discount_type,l=r.response?.promo_code?.discount_amount||0;e="percentage"===t?a.total*l/100:l}let l=((t?.tax||0)/100).toFixed(2),s=a.total-e+Number(l);return{discountAmount:e,formattedTax:l,finalAmount:s}},[r.isApplied,r.response,a.total,t?.tax])})({promo:Y,selectedSubscription:er,estimateTax:es}),em=(e=>{let{trialLabel:r,canTrial:a}=e;return(0,l.useMemo)(()=>r?"Start free trial":a?"Try now":"Choose plan",[r,a])})({trialLabel:et,canTrial:T}),ep=(o=M.name,(0,l.useMemo)(()=>S[o],[o])),ex=(m=b.futurePlanNumber,(0,l.useMemo)(()=>{let e=c.XF.indexOf(O),r=c.XF.indexOf(m);return({"1->2":{url:"upgrade_from_gold_to_platinum",track:C.JJ},"1->4":{url:"upgrade_from_gold_to_enterprise",track:C.Vl},"2->4":{url:"upgrade_from_platinum_to_enterprise",track:C.Vl},"1->3":{url:"upgrade_from_gold_to_professional",track:C.Vl},"2->3":{url:"upgrade_from_platinum_to_professional",track:C.Vl},"3->4":{url:"upgrade_from_professional_to_enterprise",track:C.Vl}})[`${e}->${r}`]},[O,m])),{processPurchase:eh}=(r=b.futurePlanNumber,a=er.total,g=(0,l.useCallback)(()=>{if(!y){let e=c.XF.indexOf(O);c.XF.indexOf(r)<e?C.u4(c.vw?.[r]?.eventDowngraded):C.u4(c.vw?.[r]?.eventUpgraded)}P.l2(P.Ui.CardSnacksBusiness_Purchase_DynamicValues,{value:a,currency:"USD"})},[O,r,y,a]),(0,l.useMemo)(()=>({processPurchase:g}),[g])),{processing:eg,handlePurchaseClick:ef}=(e=>{let{isForTeam:r,event:a,subscriptionIndex:t,futurePlanNumber:s,selectedSubscription:o,trialLabel:d,stripeCardId:c,promoValue:u,hasStripeSubscription:m,onlyStripe:p,hasActiveSubscription:g,hasWebSubscription:f,upgrade:b,create:y,trackProcessPurchase:w,onRequestClose:S}=e,A=(0,j.wA)(),P=(0,n.A)(),$=(0,h.A)(),E=(0,N.t2)(),F=(0,N.HH)(),[M,U]=(0,l.useState)(!1),V=(0,l.useCallback)(async()=>{U(!0),r&&C.u4(a,{Period:t?"annual":"monthly"});let e=async(e,r)=>{w(),A(k.actions.loadUser({refresh:!0})),S?.({success:e,message:r,planNumber:s})};try{let a;if(m)C.Kb(b?.track),a=await v({url:`${x.Wf}/${b?.url}`,token:$,body:{plan_id:`${o.id}${d}`}});else if(p&&(!g||!f)){let t=`${P?.firstName||""} ${P?.lastName||""}`.trim(),l=c||F?.getElement(N.hA);if(!E||!l)return void await e(!1,"Payment method is not ready. Please try again.");let s=await (0,i.K6)(E,l,t,u);s?.error&&(a={errors:[Error(s.error.message)]}),s?.id&&(C.Kb(y?.track),a=await v({url:`${x.Wf}/${y?.url}`,token:$,query:{is_for_team:r},body:{interval:o.period,setup_intent_id:s.id}}))}if(!a)return void await e(!1,"Unexpected error, please try again later.");let{errors:t}=a,[l]=t||[];l?(await e(!1,l?.message||"Unexpected error, please try again later."),_.Cp(l)):await e(!0)}catch(e){_.Cp(e),S?.({success:!1,message:e instanceof Error?e.message:"Unexpected error, please try again later.",planNumber:s})}finally{U(!1)}},[r,m,p,g,f,a,t,w,A,P?.firstName,P?.lastName,S,s,b?.track,b?.url,$,o.id,o.period,d,c,F,E,u,y?.track,y?.url]),D=(0,l.useCallback)(()=>{V()},[V]);return(0,l.useMemo)(()=>({processing:M,handlePurchaseClick:D}),[M,D])})({isForTeam:y,event:E,subscriptionIndex:ee,futurePlanNumber:b.futurePlanNumber,selectedSubscription:er,trialLabel:et,stripeCardId:X,promoValue:Y.value,hasStripeSubscription:G,onlyStripe:R,hasActiveSubscription:J,hasWebSubscription:H,upgrade:ex,create:ep,trackProcessPurchase:eh,onRequestClose:f}),eb=!K||!en,ey=(0,l.useCallback)(e=>{e||eg||f({success:!1,planNumber:b.futurePlanNumber})}

1,[f,eg,b.futurePlanNumber]),ev=J?"Change your plan":"Choose your plan",ew=(0,l.useMemo)(()=>({plan:M,subscriptionIndex:ee,selectedSubscription:er,isYearlySubscription:ea,trialLabel:et,canTrial:T,onSubscriptionChange:el,estimateTax:es,taxCalculated:en,taxError:ei,handleAddressComplete:eo,isValidStripeCard:K,setValidStripeCard:q,stripeCardId:X,setStripeCardId:W,promo:Y,handlePromoChange:Z,handlePromoApplied:Q,processing:eg,handlePurchaseClick:ef,discountAmount:ed,formattedTax:ec,finalAmount:eu,buttonLabel:em,isButtonDisabled:eb,hasActiveSubscription:J,onlyStripe:R,currentPeriod:z}),[M,ee,er,ea,et,T,el,es,en,ei,eo,K,X,Y,Z,Q,eg,ef,ed,ec,eu,em,eb,J,R,z]);return(0,t.jsx)(s.lG,{open:F??!0,onOpenChange:ey,children:(0,t.jsxs)(s.Cf,{className:"max-w-[calc(100%-1rem)] max-md:my-4 max-md:max-h-[calc(100dvh-2rem)] max-md:overflow-y-auto sm:max-w-[680px]",showCloseButton:!eg,onInteractOutside:e=>{eg&&e.preventDefault()},onEscapeKeyDown:e=>{eg&&e.preventDefault()},children:[(0,t.jsx)(s.c7,{children:(0,t.jsx)(s.L3,{className:"text-left text-3xl",children:ev})}),(0,t.jsx)(u.Provider,{value:ew,children:(0,t.jsxs)("div",{className:"w-full body-regular",children:[!J&&(0,t.jsx)("div",{className:"mt-8 w-full body-large",children:"Compare and choose billing plan"}),(0,t.jsx)(U,{}),!!R&&(0,t.jsx)(i.Ay,{isValidStripeCard:K,setValidStripeCard:q,stripeCardId:X,setStripeCardId:W,onAddressComplete:eo}),!J&&(0,t.jsx)(d.A,{isApplied:Y.isApplied,isProcess:Y.isLoading,error:Y.error,defaultValue:"",onChange:Z,onApply:Q,className:"mt-8"}),(0,t.jsxs)("div",{className:"mt-8 w-full flex flex-row justify-between items-end flex-1",children:[(0,t.jsx)(V,{}),(0,t.jsx)(I,{})]})]})})]})})},L=(0,l.memo)(e=>(0,t.jsx)(o.A,{children:(0,t.jsx)(J,{...e})}))},69096:(e,r,a)=>{a.d(r,{A:()=>l});var t=a(37876);function l({price:e,period:r,currency:a="$",perUser:s=!1}){return(0,t.jsxs)("div",{children:[(0,t.jsx)("span",{className:"pr-1",children:a}),(0,t.jsx)("span",{className:"text-[24px] lg:text-[30px] font-semibold leading-8 lg:leading-10",children:e}),(0,t.jsxs)("span",{className:"text-[12px] lg:text-[18px]",children:[s&&" user",r]})]})}}}]);