1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7200],{47200:(e,t,n)=>{n.r(t),n.d(t,{AddPaymentMethodModalView:()=>R,EditPaymentMethodModalView:()=>$,MainPaymentMethodModalView:()=>L,PaymentMethodModal:()=>Y,ResetPaymentMethodModalView:()=>G});var a=n(77571),o=n(56149),i=n(24163),r=n(88695),d=n(73007),s=n(88768),l=n(72590),m=n(46567),c=n(66073),p=n(47719),u=n(35703),f=n(31892),h=n(73822),y=n(28402),b=n(30589),g=n(98805),v=n(10190),k=n(78109),x=n(48725),M=n(94350),I=n(71830),S=n.n(I),_=n(22824),w=n(98927),P=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&0>t.indexOf(a)&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,a=Object.getOwnPropertySymbols(e);o<a.length;o++)0>t.indexOf(a[o])&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(n[a[o]]=e[a[o]]);return n},j=n(14323),N=n(41496),O=n(68099),C=n(73487),A=n(37272),B=n(39818),U=n(38073),E=n(63338),D=n(21430),F=n(55575);let T={main:"flex-1 min-h-0 scrollbar-hide border-b-0",add:"flex-1 min-h-0 scrollbar-hide border-b-0 pb-0 gap-2",edit:"flex-1 min-h-0 scrollbar-hide border-b-0 gap-4",reset:"flex-1 min-h-0 scrollbar-hide border-b-0"},z={main:"shrink-0",mainWithBackup:"shrink-0 flex flex-row flex-wrap gap-2",add:"flex gap-3 shrink-0",edit:"flex gap-3 pt-5 shrink-0",reset:"shrink-0"};function L(e){let t,n,r,d,s,l,c,p,u,f,M,I,S,_,w,P,j,N,O,C,A,U,E,L,R,$,G,Y,q,W,K,H,J=(0,o.c)(118),{subscription:Q,selectedPaymentMethodId:X,onAddPayment:Z,onEditPayment:ee,onSave:et,isRenewalModal:en,filterInvalidMethods:ea,isStorefrontCCEnabled:eo,isBackupPaymentEnabled:ei}=e,er=void 0!==en&&en,ed=(0,m.d)(),[es,el]=(0,i.useState)(X),{t:em}=(0,y.B)(),{storefrontUserId:ec}=(0,b._)(),ep=ec??"",eu=!ec;J[0]!==eu?(t={skip:eu},J[0]=eu,J[1]=t):t=J[1],J[2]!==ep||J[3]!==t?(n={storefrontUserId:ep,options:t},J[2]=ep,J[3]=t,J[4]=n):n=J[4];let{paymentMethods:ef,isLoading:eh,refetch:ey}=(0,g.O)(n);e:{if(eh){r=void 0;break e}if(void 0!==ea&&ea){let e;J[5]!==ef?(e=ef?.filter(V),J[5]=ef,J[6]=e):e=J[6],r=e;break e}r=ef}let eb=r;J[7]!==eb||J[8]!==es?(s=eb?.find(e=>e.id===es),J[7]=eb,J[8]=es,J[9]=s):s=J[9],d=s;let eg=Q?.PaymentMethod?.id,ev=Q?.StorefrontUser?.backupPaymentMethodId;J[10]!==ev||J[11]!==eg||J[12]!==eb||J[13]!==es?(l=()=>{es&&eb?.length&&((0,B.bw)({paymentMethods:eb,currentPaymentMethodId:eg,backupPaymentMethodId:ev??void 0}).some(e=>e.isSelectable&&e.paymentMethod.id===es)||el(void 0))},c=[eb,es,eg,ev],J[10]=ev,J[11]=eg,J[12]=eb,J[13]=es,J[14]=l,J[15]=c):(l=J[14],c=J[15]),(0,i.useEffect)(l,c),J[16]!==et||J[17]!==d?.id||J[18]!==d?.platformId?(p=()=>{et?.(d?.id??"",d?.platformId??""),el(void 0)},J[16]=et,J[17]=d?.id,J[18]=d?.platformId,J[19]=p):p=J[19],J[20]!==em||J[21]!==ed?(u=()=>{ed.showToast({title:em("payment.setting_default.error"),type:"error"})},J[20]=em,J[21]=ed,J[22]=u):u=J[22],J[23]!==p||J[24]!==u?(f={onSuccess:p,onError:u},J[23]=p,J[24]=u,J[25]=f):f=J[25];let{mutate:ek,isPending:ex}=function(e){return(0,x.useMutation)(Object.assign(Object.assign({},e),{mutationFn:e=>{var t,n,a,o;return t=this,n=[e],a=void 0,o=function*({subscriptionId:e,newPaymentMethodPlatformId:t}){return{ok:(yield(0,k.U)({path:v.cW9,method:"POST",body:{subscriptionId:e,newPaymentMethodPlatformId:t,callSource:"customer portal"}})).ok}},new(a||(a=Promise))(function(e,i){function r(e){try{s(o.next(e))}catch(e){i(e)}}function d(e){try{s(o.throw(e))}catch(e){i(e)}}function s(t){var n;t.done?e(t.value):((n=t.value)instanceof a?n:new a(function(e){e(n)})).then(r,d)}s((o=o.apply(t,n||[])).next())})}}))}(f);J[26]!==et||J[27]!==d?.id||J[28]!==d?.platformId?(M=()=>{et?.(d?.id??"",d?.platformId??""),el(void 0)},J[26]=et,J[27]=d?.id,J[28]=d?.platformId,J[29]=M):M=J[29],J[30]!==em||J[31]!==ed?(I=()=>{ed.showToast({title:em("payment.change.modal.failure.toast"),type:"error"})},J[30]=em,J[31]=ed,J[32]=I):I=J[32],J[33]!==M||J[34]!==I?(S={onSuccess:M,onError:I},J[33]=M,J[34]=I,J[35]=S):S=J[35];let{mutate:eM,isPending:eI}=function(e){return(0,x.useMutation)(Object.assign(Object.assign({},e),{mutationFn:e=>{var t,n,a,o;return t=this,n=[e],a=void 0,o=function*({paymentMethodId:e,storefrontUserId:t}){let n=yield(0,k.U)({path:v.jHw,method:"POST",body:{paymentMethodId:e,storefrontUserId:t,callSource:"customer portal"}});return{ok:n.ok,storefrontUserId:n.storefrontUserId,paymentMethodId:n.paymentMethodId}},new(a||(a=Promise))(function(e,i){function r(e){try{s(o.next(e))}catch(e){i(e)}}function d(e){try{s(o.throw(e))}catch(e){i(e)}}function s(t){var n;t.done?e(t.value):((n=t.value)instanceof a?n:new a(function(e){e(n)})).then(r,d)}s((o=o.apply(t,n||[])).next())})}}))}(S),[eS,e_]=(0,i.useState)(null);J[36]!==ey||J[37]!==ec||J[38]!==em||J[39]!==ed?(_=()=>{ec&&ey({storefrontUserId:ec}),ed.showToast({title:em("common.success"),type:"success"})},J[36]=ey,J[37]=ec,J[38]=em,J[39]=ed,J[40]=_):_=J[40],J[41]!==em||J[42]!==ed?(w=()=>{ed.showToast({title:em("payment.revoke_method.error"),type:"error"})},J[41]=em,J[42]=ed,J[43]=w):w=J[43],J[44]===Symbol.for("react.memo_cache_sentinel")?(P=()=>{e_(null)},J[44]=P):P=J[44],J[45]!==_||J[46]!==w?(j={onSuccess:_,onError:w,onSettled:P},J[45]=_,J[46]=w,J[47]=j):j=J[47];let{mutate:ew}=function(e){return(0,x.useMutation)(Object.assign(Object.assign({},e),{mutationFn:e=>{var t,n,a,o;return t=this,n=[e],a=void 0,o=function*({paymentMethodId:e,storefrontUserId:t}){if(!(yield(0,k.U)({path:v.yF0,method:"POST",body:{paymentMethodId:e,storefrontUserId:t}})).ok)throw Error("Failed to revoke payment method");return{ok:!0}},new(a||(a=Promise))(function(e,i){function r(e){try{s(o.next(e))}catch(e){i(e)}}function d(e){try{s(o.throw(e))}catch(e){i(e)}}function s(t){var n;t.done?e(t.value):((n=t.value)instanceof a?n:new a(function(e){e(n)})).then(r,d)}s((o=o.apply(t,n||[])).next())})}}))}(j);J[48]!==ew||J[49]!==ec?(N=e=>{ec&&(e_(e),ew({paymentMethodId:e,storefrontUserId:ec}))},J[48]=ew,J[49]=ec,J[50]=N):N=J[50];let eP=N;J[51]!==em?(O=em("payment.manage.header"),J[51]=em,J[52]=O):O=J[52];let ej=O;J[53]!==em?(C=em("payment.set_as_primary.button"),J[53]=em,J[54]=C):C=J[54];let eN=C;J[55]!==em?(A=em("payment.add_card.button"),J[55]=em,J[56]=A):A=J[56];let eO=A;if(er){let e,t;
1J[57]!==em?(e=em("prepaid_gift.renew_modal.confirm_payment_method.title"),J[57]=em,J[58]=e):e=J[58],ej=e,J[59]!==em?(t=em("prepaid_gift.renew_modal.confirm_button"),J[59]=em,J[60]=t):t=J[60],eN=t}let eC=ex||eI,eA=void 0!==ei&&ei&&!er,eB=(0,B.oz)({selectedPaymentMethodId:es,subscriptionId:Q?.id,currentPaymentMethodId:eg,isRenewalModal:er}),eU=Q?.id,eE=ev??void 0,eD=eb?.length??0;J[61]!==eg||J[62]!==er||J[63]!==es||J[64]!==eU||J[65]!==eE||J[66]!==eD?(U=(0,B.uW)({selectedPaymentMethodId:es,subscriptionId:eU,currentPaymentMethodId:eg,backupPaymentMethodId:eE,paymentMethodCount:eD,isRenewalModal:er}),J[61]=eg,J[62]=er,J[63]=es,J[64]=eU,J[65]=eE,J[66]=eD,J[67]=U):U=J[67];let eF=U,eT=ej,ez=eA&&"basis-full",eL=!(void 0!==eo&&eo);J[68]!==ez||J[69]!==eL?(E=(0,h.cx)(ez,{hidden:eL}),J[68]=ez,J[69]=eL,J[70]=E):E=J[70],J[71]!==Z?(L=()=>{Z()},J[71]=Z,J[72]=L):L=J[72],J[73]!==eO||J[74]!==eC||J[75]!==E||J[76]!==L?(R={color:"support",className:E,text:eO,isDisabled:eC,onClick:L,dataSkioName:"payment-method-main-add-button"},J[73]=eO,J[74]=eC,J[75]=E,J[76]=L,J[77]=R):R=J[77];let eV=eA?"w-auto flex-1":void 0;J[78]!==et||J[79]!==d?.id||J[80]!==d?.platformId||J[81]!==ek||J[82]!==Q?($=()=>{if(!Q?.id)return void et?.(d?.id??"",d?.platformId??"");ek({subscriptionId:Q.id,newPaymentMethodPlatformId:d?.platformId??""})},J[78]=et,J[79]=d?.id,J[80]=d?.platformId,J[81]=ek,J[82]=Q,J[83]=$):$=J[83];let eR=!eB||eC;J[84]!==ex||J[85]!==eN||J[86]!==eV||J[87]!==$||J[88]!==eR?(G={className:eV,text:eN,onClick:$,isDisabled:eR,isLoading:ex,dataSkioName:"payment-method-main-set-default-button"},J[84]=ex,J[85]=eN,J[86]=eV,J[87]=$,J[88]=eR,J[89]=G):G=J[89],J[90]!==eF||J[91]!==eC||J[92]!==eI||J[93]!==es||J[94]!==eM||J[95]!==eA||J[96]!==ec||J[97]!==em?(Y=eA?[{color:"secondary",className:"w-auto flex-1",text:em("payment.set_as_backup.button"),onClick:()=>{eM({paymentMethodId:es??"",storefrontUserId:ec??""})},isDisabled:!eF||eC,isLoading:eI,dataSkioName:"payment-method-main-set-backup-button"}]:[],J[90]=eF,J[91]=eC,J[92]=eI,J[93]=es,J[94]=eM,J[95]=eA,J[96]=ec,J[97]=em,J[98]=Y):Y=J[98],J[99]!==R||J[100]!==G||J[101]!==Y?(q=[R,G,...Y],J[99]=R,J[100]=G,J[101]=Y,J[102]=q):q=J[102];let e$=eA?z.mainWithBackup:z.main;J[103]!==e$?(W={content:T.main,footer:e$},J[103]=e$,J[104]=W):W=J[104];let eG=ev??void 0;return J[105]!==eg||J[106]!==eS||J[107]!==eP||J[108]!==ee||J[109]!==eb||J[110]!==es||J[111]!==eG?(K=(0,a.jsx)(D.b,{currentPaymentMethodId:eg,backupPaymentMethodId:eG,paymentMethods:eb,selectedPaymentMethodId:es,onSelect:el,onEditPayment:ee,onDeletePayment:eP,deletingPaymentMethodId:eS}),J[105]=eg,J[106]=eS,J[107]=eP,J[108]=ee,J[109]=eb,J[110]=es,J[111]=eG,J[112]=K):K=J[112],J[113]!==q||J[114]!==W||J[115]!==K||J[116]!==ej?(H=(0,a.jsx)(F.V,{title:eT,buttons:q,classNames:W,children:K}),J[113]=q,J[114]=W,J[115]=K,J[116]=ej,J[117]=H):H=J[117],H}function V(e){return(0,l.MF)(e)}function R(e){let t,n,i,d,l,m,c,p,f,h,g,v,k,x,M,I,S,_,w=(0,o.c)(70),{subscription:P,setAsIntent:j,isRenewalModal:N,onGoBack:O,onSubmit:A}=e,B=void 0===j?"primary":j,D=void 0!==N&&N,{t:L}=(0,y.B)(),{storefrontUserId:V}=(0,b._)(),R=D?void 0:"backup"===B?"backup":"subscription",$=D?void 0:P?.id,G=V??"";w[0]!==A?(t=e=>{let{paymentMethodId:t,paymentMethodPlatformId:n}=e;A?.(t,n)},w[0]=A,w[1]=t):t=w[1],w[2]!==R||w[3]!==$||w[4]!==G||w[5]!==t?(n={subscriptionId:$,storefrontUserId:G,setAs:R,onCreated:t},w[2]=R,w[3]=$,w[4]=G,w[5]=t,w[6]=n):n=w[6];let{form:Y,formStep:q,setFormStep:W,submit:K,isSubmitting:H,canSubmit:J}=(0,C.I)(n);w[7]!==L?(i=L("payment.add.header"),w[7]=L,w[8]=i):i=w[8];let Q=i;if("add-address"===q){let e;w[9]!==L?(e=L("payment.input.billing_address.header"),w[9]=L,w[10]=e):e=w[10],Q=e}else if("backup"===B){let e;w[11]!==L?(e=L("payment.backup.header"),w[11]=L,w[12]=e):e=w[12],Q=e}else if(D){let e;w[13]!==L?(e=L("prepaid_gift.renew_modal.confirm_payment_method.title"),w[13]=L,w[14]=e):e=w[14],Q=e}if("add-address"===q){let e;w[15]!==L?(e=L("payment.input.billing_address"),w[15]=L,w[16]=e):e=w[16],d=e}else if(D){let e;w[17]!==L?(e=L("prepaid_gift.renew_modal.confirm_payment_method.subtitle"),w[17]=L,w[18]=e):e=w[18],d=e}w[19]!==Y||w[20]!==P?(l=()=>{if(!P?.ShippingAddress)return;let{setValue:e}=Y;e("firstName",P.ShippingAddress.firstName??""),e("lastName",P.ShippingAddress.lastName??""),e("address1",P.ShippingAddress.address1??""),e("address2",P.ShippingAddress.address2??""),e("city",P.ShippingAddress.city??""),e("zip",P.ShippingAddress.zip??""),e("country",P.ShippingAddress.country??""),e("province",P.ShippingAddress.province??"",{shouldValidate:!0,shouldDirty:!0})},w[19]=Y,w[20]=P,w[21]=l):l=w[21];let X=l;w[22]!==q||w[23]!==B||w[24]!==L?(m=L("add-card"===q?"payment.add_card.next.button":"backup"===B?"payment.add_card.submit.button.backup":"payment.add_card.submit.button"),w[22]=q,w[23]=B,w[24]=L,w[25]=m):m=w[25];let Z=m;w[26]!==q||w[27]!==L?(c=L("add-card"===q?"common.cancel":"common.back"),w[26]=q,w[27]=L,w[28]=c):c=w[28];let ee=c,et="add-card"!==q?Q:void 0,en=d;w[29]!==q||w[30]!==H||w[31]!==O||w[32]!==W?(p=()=>
1{if(!H){if("add-address"===q)return void W("add-card");O?.()}},w[29]=q,w[30]=H,w[31]=O,w[32]=W,w[33]=p):p=w[33],w[34]!==ee||w[35]!==H||w[36]!==p?(f={text:ee,color:"support",isDisabled:H,onClick:p,dataSkioName:"payment-method-add-back-button"},w[34]=ee,w[35]=H,w[36]=p,w[37]=f):f=w[37];let ea=!J;w[38]!==Z||w[39]!==H||w[40]!==K||w[41]!==ea?(h={text:Z,color:"primary",onClick:K,isDisabled:ea,isLoading:H,dataSkioName:"payment-method-add-submit-button"},w[38]=Z,w[39]=H,w[40]=K,w[41]=ea,w[42]=h):h=w[42],w[43]!==f||w[44]!==h?(g=[f,h],w[43]=f,w[44]=h,w[45]=g):g=w[45],w[46]===Symbol.for("react.memo_cache_sentinel")?(v={headerClassNames:{container:"gap-1",description:"text-sm leading-[20px]"},content:T.add,footer:z.add},w[46]=v):v=w[46],w[47]!==q||w[48]!==X||w[49]!==P||w[50]!==L?(k="add-address"===q&&P&&(0,a.jsx)(u.$,{"data-skio-name":"payment-method-add-use-sub-address-button",color:"link-color",onClick:()=>{X()},children:L("payment.form.use_sub_address.button")}),w[47]=q,w[48]=X,w[49]=P,w[50]=L,w[51]=k):k=w[51];let eo="add-card"!==q,ei=Q;w[52]!==L?(x=L("payment.input.card"),w[52]=L,w[53]=x):x=w[53],w[54]!==eo||w[55]!==x||w[56]!==Q?(M=(0,a.jsx)(U.f,{hide:eo,numberId:"skio-cc-number",cvvId:"skio-cvv",title:ei,description:x}),w[54]=eo,w[55]=x,w[56]=Q,w[57]=M):M=w[57];let er="add-address"!==q;return w[58]!==er?(I=(0,a.jsx)(E.G,{hide:er,formType:"billing"}),w[58]=er,w[59]=I):I=w[59],w[60]!==d||w[61]!==et||w[62]!==g||w[63]!==k||w[64]!==M||w[65]!==I?(S=(0,a.jsx)(r.l,{"data-skio-name":"payment-method-add-form",className:"flex flex-1 min-h-0 flex-col gap-5",children:(0,a.jsxs)(F.V,{title:et,subtitle:en,enableKeyboardFocusedFieldScroll:!0,buttons:g,classNames:v,children:[k,M,I]})}),w[60]=d,w[61]=et,w[62]=g,w[63]=k,w[64]=M,w[65]=I,w[66]=S):S=w[66],w[67]!==Y||w[68]!==S?(_=(0,a.jsx)(s.Op,{...Y,children:S}),w[67]=Y,w[68]=S,w[69]=_):_=w[69],_}function $({subscription:e,paymentMethod:t,isRenewalModal:n=!1,onGoBack:o,onSubmit:d}){let{showToast:c}=(0,m.d)(),{Spreedly:p,tokenizedPaymentLoading:u,validationProps:f}=(0,M.g)({attachMode:!0}),h=f?.validNumber&&f?.validCvv,[g,I]=(0,i.useState)(!1),{t:S,Copies:_}=(0,y.B)(),{storefrontUserId:w}=(0,b._)(),{mutate:P,isPending:j}=function(e){return(0,x.useMutation)(Object.assign(Object.assign({},void 0),{mutationFn:e=>{var t,n,a,o;return t=this,n=[e],a=void 0,o=function*({paymentMethod:e,paymentMethodId:t,paymentMethodPlatformId:n,subscriptionId:a,storefrontUserId:o,callSource:i,setAs:r}){let d=yield(0,k.U)({path:v.l99,method:"POST",body:{paymentMethod:e,paymentMethodId:t,paymentMethodPlatformId:n,subscriptionId:a,storefrontUserId:o,callSource:i,setAs:r}});return{ok:d.ok,id:d.id,platformId:d.platformId,message:d.message}},new(a||(a=Promise))(function(e,i){function r(e){try{s(o.next(e))}catch(e){i(e)}}function d(e){try{s(o.throw(e))}catch(e){i(e)}}function s(t){var n;t.done?e(t.value):((n=t.value)instanceof a?n:new a(function(e){e(n)})).then(r,d)}s((o=o.apply(t,n||[])).next())})}}))}(),N=t.BillingAddress?.firstName??t.StorefrontUser?.firstName,C=t.BillingAddress?.lastName??t.StorefrontUser?.lastName,A=N&&C?`${N}${C?" ":""}${C}`:"",B=(0,i.useMemo)(()=>({cardType:"",nameOnCard:A,expMonth:t.expiryMonth??new Date().getMonth()+1,expYear:t.expiryYear??new Date().getFullYear(),lastDigits:t.lastDigits,firstName:N??"",lastName:C??"",address1:t.BillingAddress?.address1??"",address2:t.BillingAddress?.address2??"",city:t.BillingAddress?.city??"",province:t.BillingAddress?.province??"",zip:t.BillingAddress?.zip??"",country:t.BillingAddress?.country??""}),[t]),D=(0,s.mN)({defaultValues:B,resolver:(0,O.u)(E.a.and(U.C)),mode:"onChange"}),{handleSubmit:L}=D;return(0,i.useEffect)(()=>{p&&(p.on("errors",e=>{let t=e?.map(e=>e.message).filter(Boolean).join(", ");c({title:S("common.error"),description:t||S("payment.unknown.error"),type:"error"})}),p.on("paymentMethod",(a,o)=>{let i;!n&&t?.id&&(t.id===e?.PaymentMethod?.id?i="subscription":t.id===e?.StorefrontUser?.backupPaymentMethodId&&(i="backup")),P({paymentMethod:o,subscriptionId:n?void 0:e?.id,storefrontUserId:w??"",paymentMethodId:t.id,paymentMethodPlatformId:t.platformId,callSource:"customer portal",setAs:i},{onSuccess:e=>{if(!e?.ok){let t=(0,l.kp)({error:e?.message,isStorefront:!0,Copies:_});c({title:S("common.error"),description:t??S("payment.unknown.error"),type:"error"});return}c({title:S("common.success"),type:"success"}),d?.(e.id,e.platformId)}})}))}
1,[p]),(0,a.jsx)(s.Op,{...D,children:(0,a.jsx)(r.l,{"data-skio-name":"payment-method-edit-form",className:"flex flex-1 min-h-0 flex-col gap-5",children:(0,a.jsxs)(F.V,{enableKeyboardFocusedFieldScroll:!0,buttons:[{text:S("common.cancel"),color:"support",isDisabled:j||u,onClick:o,dataSkioName:"payment-method-edit-cancel-button"},{text:S("payment.update.card.submit.button"),onClick:()=>{I(!0),h||c({title:S("common.error"),description:S("payment.update.card.reenter.error"),type:"error"}),L(e=>{h&&p&&p.tokenizeCreditCard({full_name:e.nameOnCard,month:e.expMonth.toString(),year:e.expYear.toString(),first_name:e.firstName,last_name:e.lastName,address1:e.address1,address2:e.address2,company:e.company,city:e.city,state:e.province,zip:e.zip,country:e.country,phone_number:e.phoneNumber})})()},isLoading:j||u,dataSkioName:"payment-method-edit-submit-button"}],classNames:{headerClassNames:{title:"mb-4"},content:T.edit,footer:z.edit},children:[(0,a.jsx)(U.f,{numberId:"skio-cc-number",cvvId:"skio-cvv",title:S("payment.update.card.header"),description:S("payment.update.card"),hasAttemptedSubmit:g}),(0,a.jsx)(E.G,{formType:"billing"})]})})})}function G(e){let t,n,i,r,s,l,c,p,u,b,g,v,k,x,M,I,j,N,O=(0,o.c)(46),{subscription:C,paymentMethod:A,onGoBack:B,onSubmit:U}=e,{t:E}=(0,y.B)(),{showToast:D}=(0,m.d)();O[0]!==U||O[1]!==D||O[2]!==E?(t=()=>{D({title:E("common.success"),description:E("payment.change.modal.please_check_email.toast"),type:"success"}),U?.()},O[0]=U,O[1]=D,O[2]=E,O[3]=t):t=O[3],O[4]!==D||O[5]!==E?(n=()=>{D({title:E("common.error"),description:E("payment.change.modal.failure.toast"),type:"error"})},O[4]=D,O[5]=E,O[6]=n):n=O[6],O[7]!==t||O[8]!==n?(i={options:{onCompleted:t,onError:n}},O[7]=t,O[8]=n,O[9]=i):i=O[9];let{updateSubscriptionPaymentMethod:L,isUpdatingPaymentMethod:V}=(({options:e}={})=>{let[t,n]=(0,_._N)(Object.assign({},e)),{loading:a}=n;return Object.assign({updateSubscriptionPaymentMethod:e=>{var n,a,o,i;return n=void 0,a=[e],o=void 0,i=function*({subscriptionId:e,paymentMethodPlatformId:n}){let{data:a}=yield t({variables:{input:{subscriptionId:e,paymentMethodPlatformId:n}},refetchQueries:[{query:w.hB,variables:{subscriptionId:e}}]});if(S().isNil(a)||S().isNil(a.subscriptionUpdatePaymentMethod))throw Error("No data returned from updateSubscriptionPaymentMethodMutation");return a.subscriptionUpdatePaymentMethod},new(o||(o=Promise))(function(e,t){function r(e){try{s(i.next(e))}catch(e){t(e)}}function d(e){try{s(i.throw(e))}catch(e){t(e)}}function s(t){var n;t.done?e(t.value):((n=t.value)instanceof o?n:new o(function(e){e(n)})).then(r,d)}s((i=i.apply(n,a||[])).next())})},isUpdatingPaymentMethod:a},P(n,["loading"]))})(i);return O[10]!==E?(r=E("common.cancel"),O[10]=E,O[11]=r):r=O[11],O[12]!==V||O[13]!==B||O[14]!==r?(s={text:r,color:"support",isDisabled:V,onClick:B,dataSkioName:"payment-method-reset-cancel-button"},O[12]=V,O[13]=B,O[14]=r,O[15]=s):s=O[15],O[16]!==E?(l=E("payment.change.popover.confirm"),O[16]=E,O[17]=l):l=O[17],O[18]!==A?.platformId||O[19]!==C?.id||O[20]!==L?(c=()=>{L({subscriptionId:C?.id??"",paymentMethodPlatformId:A?.platformId})},O[18]=A?.platformId,O[19]=C?.id,O[20]=L,O[21]=c):c=O[21],O[22]!==V||O[23]!==l||O[24]!==c?(p={text:l,color:"primary",isLoading:V,onClick:c,dataSkioName:"payment-method-reset-confirm-button"},O[22]=V,O[23]=l,O[24]=c,O[25]=p):p=O[25],O[26]!==s||O[27]!==p?(u=[s,p],O[26]=s,O[27]=p,O[28]=u):u=O[28],O[29]===Symbol.for("react.memo_cache_sentinel")?(b={content:T.reset,footer:z.reset},O[29]=b):b=O[29],O[30]===Symbol.for("react.memo_cache_sentinel")?(g=(0,a.jsx)(f.M,{icon:"Mail01",color:"brand",size:"xl","data-skio-name":"payment-method-reset-icon"}),O[30]=g):g=O[30],O[31]===Symbol.for("react.memo_cache_sentinel")?(v=(0,h.cx)("w-full text-text-heading font-semibold text-lg break-words"),O[31]=v):v=O[31],O[32]!==E?(k=E("payment.change.modal.title"),O[32]=E,O[33]=k):k=O[33],O[34]!==k?(x=(0,a.jsx)(d.D,{level:2,slot:"title","data-skio-name":"payment-method-reset-title",className:v,children:k}),O[34]=k,O[35]=x):x=O[35],O[36]!==E?(M=E("payment.change.modal.body"),O[36]=E,O[37]=M):M=O[37],O[38]!==M?(I=(0,a.jsx)("p",{className:"text-sm font-semibold","data-skio-name":"payment-method-reset-body",children:M}),O[38]=M,O[39]=I):I=O[39],O[40]!==x||O[41]!==I?(j=(0,a.jsxs)("div",{"data-skio-name":"payment-method-reset-content",className:"flex flex-col gap-2",children:[g,x,I]}),O[40]=x,O[41]=I,O[42]=j):j=O[42],O[43]!==j||O[44]!==u?(N=(0,a.jsx)(F.V,{buttons:u,classNames:b,children:j}),O[43]=j,O[44]=u,O[45]=N):N=O[45],N}function Y({subscription:e,open:t,onClose:n,initialStep:o="main",addPaymentIntent:r="primary"}){let[d,s]=(0,i.useState)(void 0),[m,u]=(0,i.useState)("initial-load"),[f,y]=(0,i.useState)(null),{siteSettings:v,isLoading:k}=(0,j.A)(),x=!!v?.enableStorefrontCC,I=!!v?.showAddBackupPaymentsInPortal,{isLoadingSpreedly:S}=(0,M.g)({skip:!t}),{storefrontUserId:_,isLoading:w}=(0,b._)(),{refetch:P,isLoading:O}=(0,N.R)({subscriptionId:e?.id??""}),{paymentMethods:C,isLoading:B,refetch:U}=(0,g.O)({storefrontUserId:_??"",options:{skip:!_}}),E=(0,i.useMemo)(()=>C?.filter(e=>(0,l.MF)(e)),[C]),D=(0,i.useMemo)(()=>E?.find(e=>e.id===d),[E,d]),F=(E?.length??0)>1,T=k||S||w||B||O;(0,i.useEffect)(()=>{t&&!T&&"initial-load"===m&&("add-payment"===o&&x?u("add-payment"):x||F?u("main"):(s(E?.at(0)?.id),u("reset-payment")))}
1,[t,T,m,o,x,E,F]);let z=()=>{s(void 0),u("main"),_&&U({storefrontUserId:_}),e?.id&&P()},V=()=>{s(void 0),y(null),u("initial-load"),n()};return(0,a.jsxs)(p.aF,{"data-skio-name":"payment-method-modal",className:"relative w-full max-h-full min-h-0 flex flex-col gap-5 p-6 sm:max-w-[600px] sm:min-h-[350px] sm:max-h-[95vh]",closeButtonClassName:(0,h.cx)("top-4 right-4",{hidden:"main"!==m}),isDismissable:!0,open:t,onOpenChange:()=>{V()},children:[(0,a.jsx)("link",{rel:"preload",href:(0,A.O)("/card-bg.jpg"),as:"image"}),T&&(0,a.jsx)("div",{"data-skio-name":"payment-method-modal-loading-indicator",className:"absolute inset-0 z-100 flex items-center justify-center bg-white/50 rounded-border-radius",children:(0,a.jsx)(c.I,{})}),"main"===m&&(0,a.jsx)(L,{subscription:e,selectedPaymentMethodId:d,filterInvalidMethods:!0,onAddPayment:()=>{y("primary"),u("add-payment")},onEditPayment:e=>{s(e),x?u("edit-payment"):u("reset-payment")},onSave:z,isStorefrontCCEnabled:x,isBackupPaymentEnabled:I}),"add-payment"===m&&(0,a.jsx)(R,{subscription:e,setAsIntent:f??r,onGoBack:()=>{u("main")},onSubmit:z}),"edit-payment"===m&&D&&(0,a.jsx)($,{subscription:e,paymentMethod:D,onGoBack:()=>{u("main")},onSubmit:z}),"reset-payment"===m&&(0,a.jsx)(G,{subscription:e,paymentMethod:D,onGoBack:()=>{F?u("main"):V()},onSubmit:()=>{F?u("main"):V()}})]})}},98805:(e,t,n)=>{n.d(t,{O:()=>l});var a=n(56149),o=n(91536),i=n(65245);let r={},d=(0,o.J1)` 2 query getPaymentMethodsForUser($storefrontUserId: uuid!) { 3 PaymentMethods( 4 where: {storefrontUserId: {_eq: $storefrontUserId}, revokedAt: {_is_null: true}, skioRevoke: {_eq: false}} 5 ) { 6 id 7 billingAddressId 8 brand 9 inactive 10 expiryMonth 11 expiryYear 12 instrumentType 13 lastDigits 14 paypalAccountEmail 15 platformId 16 revokedAt 17 skioRevoke 18 StorefrontUser { 19 id 20 firstName 21 lastName 22 } 23 BillingAddress { 24 id 25 firstName 26 lastName 27 address1 28 address2 29 city 30 company 31 province 32 zip 33 country 34 } 35 } 36} 37 `;var s=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&0>t.indexOf(a)&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,a=Object.getOwnPropertySymbols(e);o<a.length;o++)0>t.indexOf(a[o])&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(n[a[o]]=e[a[o]]);return n};let l=e=>{let t,n,o=(0,a.c)(7),{storefrontUserId:l,options:m}=e;o[0]!==m||o[1]!==l?(t=Object.assign({variables:{storefrontUserId:l}},m),o[0]=m,o[1]=l,o[2]=t):t=o[2];let c=function(e){let t=Object.assign(Object.assign({},r),e);return i.IT(d,t)}(t),{data:p,loading:u}=c;if(o[3]!==c||o[4]!==p||o[5]!==u){let e=s(c,["data","loading"]);n=Object.assign({paymentMethods:null==p?void 0:p.PaymentMethods,isLoading:u},e),o[3]=c,o[4]=p,o[5]=u,o[6]=n}else n=o[6];return n}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.