https://app.growthday.com/_next/static/chunks/3620-98c324a59e094baf.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3620],{73576:function(e,t,n){n.d(t,{s:function(){return p}});var i=n(73411);n(86659);var a=n(92538),l=n(22614),r=n(21628),o=n(17055);let d=(0,r.forwardRef)((e,t)=>{let{fieldState:{error:n}}=(0,o.bc)({name:e.name});return(0,i.jsx)(a.Z,{error:!!n,helperText:n?n.message:e.helperText,inputRef:t,...e,InputProps:{startAdornment:(0,i.jsx)(l.Z,{sx:{width:36},position:"start"}),...e.InputProps}})});var s=n(91270),u=n(52372);n(92056);let c=(0,s.ZP)(u.Z)(e=>{let{size:t}=e;return{"& .PhoneInputCountry":{width:56,height:"small"===t?40:56,marginRight:-56,paddingLeft:12,zIndex:1,color:"var(--mui-palette-text-primary)"},"& .PhoneInputCountry:has(+ .PhoneInputInput > .MuiFormLabel-root)":{top:22}}});function p(e){return(0,i.jsx)(c,{defaultCountry:"US",inputComponent:d,...e})}},92056:function(e,t,n){var i=n(54942),a=n(3966);a.kM(a.Z_,"phone",function(e){return this.test("test-phone-number",e,e=>{try{return(0,i.yf)(e||"")}catch(e){return!1}})})},1656:function(e,t,n){n.d(t,{pu:function(){return z},Zk:function(){return V},F$:function(){return O}});var i=n(73411),a=n(67319),l=n(40195),r=n(10613),o=n(49348),d=n(88247),s=n(51450),u=n(83841),c=n(98841),p=n(12746),m=n(73576),h=n(21649),v=n(49096),y=n(57971),f=n(36628),g=n(46642),x=n.n(g),b=n(48608),_=n(21628),k=n(21574),C=n(26845),j=n(4530),M=n(13576),T=n(92794),S=n(74420),P=n(30238);function Z(e){let{readOnly:t,onConfirm:n,lineItems:a}=e,r=(0,S.useStripe)(),[o,u]=(0,_.useState)(),{value:p,setTrue:m}=(0,P.kt)(),g=function(e){let{mutateAsync:t}=function(){let e=(0,l.useGraphqlClient)();return(0,c.useMutation)({mutationFn:async t=>{let{errors:n,data:i}=await e.mutations.calculateStripeTax(t);return(0,d.S)(n),i}})}(),n=(0,v.n)(),i=(0,_.useMemo)(()=>{var t,n;return null!==(n=null==e?void 0:null===(t=e.filter(e=>e.priceId))||void 0===t?void 0:t.map(e=>e.priceId))&&void 0!==n?n:[]},[e]),a=(0,h.mL)(i),r=(0,_.useCallback)(()=>(0,f.Z)(null==e?void 0:e.map(e=>{var t,i,l,r;let o=null===(t=a[e.priceId])||void 0===t?void 0:t.data;if(!o)return null;let d=(null===(i=e.overrides)||void 0===i?void 0:i.skipCreditCard)||(null===(l=e.overrides)||void 0===l?void 0:l.trialDuration)||(null===(r=e.overrides)||void 0===r?void 0:r.trialFrequency)?0:o.amount*e.quantity||1,s=function(e,t,n){let{skipCreditCard:i,trialFrequency:a,trialDuration:l}=e.overrides||{},r=n.interval&&"one_time"!==n.interval;if(i){if(!l||!a)return"(Free access for lifetime)";{let e=x()((0,y.Z)(a),l);return"(Free access for ".concat(l," ").concat(e,")")}}if(r){if(!l||!a)return"(".concat(t(n.amount/100),"/").concat(n.interval,")");{let e=x()((0,y.Z)(a),l);return"(Free trial for ".concat(l," ").concat(e,", after that you'll be charged ").concat(t(n.amount/100),"/").concat(n.interval,")")}}return"(One Time Payment)"}(e,n,o);return{lineItem:{label:s?"".concat(o.name," ").concat(s):o.name,amount:d},stripePrice:o,item:e}})),[n,e,a]);return(0,_.useCallback)(async e=>{var n;let i=r(),a={amounts:i.map(e=>e.lineItem.amount),products:i.map(e=>e.stripePrice.productId),references:i.map(e=>e.stripePrice.name),country:null!==(n=e.shippingAddress.country)&&void 0!==n?n:"US",postalCode:e.shippingAddress.postalCode},l=await t(a),o=i.flatMap(e=>{var t,n;let{lineItem:i,stripePrice:a}=e,r=l.lineItems.find(e=>e.product===a.productId);return[i,...(null!==(t=null==r?void 0:r.amountTax)&&void 0!==t?t:0)>0?[{label:"Tax - ".concat(a.name),amount:null!==(n=null==r?void 0:r.amountTax)&&void 0!==n?n:0}]:[]]});return{totalAmount:(0,b.Z)(o,"amount")||0,displayItems:o}},[r,t])}(a),Z=(0,k.Z)(n),[N,w]=(0,_.useState)([]);return(0,_.useEffect)(()=>{if(r){let e=r.paymentRequest({disableWallets:["link","browserCard"],country:"US",currency:"usd",total:{label:"Total",amount:0,pending:!0},requestShipping:!0,shippingOptions:[{id:"shipping",label:"Digital Products",detail:"",amount:0}]});e.canMakePayment().then(t=>{if(t){let n=Object.keys(t).filter(e=>t[e]);

1w(n),n.forEach(e=>{rudderanalytics.track("Element Visible",{element_id:"payment-option-".concat(e),type:"BUTTON",element_type:"paymentRequestButton"})}),u(e)}})}},[r]),(0,_.useEffect)(()=>{if(o&&N.length){let e=()=>{rudderanalytics.track("Express Checkout Cancel",{element_id:"express-checkout-cancel-button",type:"BUTTON",available_payment_methods:N,element_type:"paymentRequestButton"})};return o.on("cancel",e),()=>{o.off("cancel",e)}}},[N,Z,o]),(0,_.useEffect)(()=>{if(o&&N.length){let e=e=>{var t;rudderanalytics.track("Express Checkout Payment Method Confirmed",{element_id:"express-checkout-button",type:"BUTTON",available_payment_methods:N,payment_method_type:e.paymentMethod.type,payment_method_brand:null===(t=e.paymentMethod.card)||void 0===t?void 0:t.brand,wallet_name:e.walletName,element_type:"paymentRequestButton"}),Z(e),e.complete("success")};return o.on("paymentmethod",e),()=>{o.off("paymentmethod",e)}}},[N,Z,o]),(0,_.useEffect)(()=>{if(o&&N.length){let e=async e=>{if(rudderanalytics.track("Express Checkout Shipping Address Changed",{element_id:"shipping-address-change-button",type:"BUTTON",available_payment_methods:N,country:e.shippingAddress.country,postal_code:e.shippingAddress.postalCode,state:e.shippingAddress.region,element_type:"paymentRequestButton"}),!e.shippingAddress.country||"US"===e.shippingAddress.country&&!e.shippingAddress.postalCode){rudderanalytics.track("Express Checkout Invalid Shipping Address",{element_id:"shipping-address-change-button",type:"BUTTON",available_payment_methods:N,country:e.shippingAddress.country,postal_code:e.shippingAddress.postalCode,state:e.shippingAddress.region,element_type:"paymentRequestButton"}),e.updateWith({status:"invalid_shipping_address"});return}let{totalAmount:t,displayItems:n}=await g(e);e.updateWith({status:"success",total:{label:"Total",amount:t,pending:!1},displayItems:n})};return o.on("shippingaddresschange",e),()=>{o.off("shippingaddresschange",e)}}},[g,N,o]),o&&(0,i.jsx)(C.Z,{className:"express-checkout-payment-request",in:p,children:(0,i.jsxs)(j.Z,{className:"express-checkout-payment-request-container",display:"flex",flexDirection:"column",gap:1,children:[(0,i.jsx)(S.PaymentRequestButtonElement,{className:"express-checkout-payment-request-button",onReady:m,onClick:e=>{t?e.preventDefault():rudderanalytics.track("Express Checkout Button Click",{element_id:"express-checkout-button",type:"BUTTON",available_payment_methods:N,element_type:"paymentRequestButton"})},options:{paymentRequest:o,style:{paymentRequestButton:{buttonSpacing:"16px",theme:"dark"}}}}),(0,i.jsx)(M.Z,{className:"express-checkout-payment-request-divider",children:(0,i.jsx)(T.Z,{className:"express-checkout-payment-request-divider-text",color:"text.secondary",children:(0,i.jsx)(s.cC,{id:"paymentMethod.express-checkout.or"})})})]})})}function N(e){let{data:t,isLoading:n}=(0,h.Vc)();return!n&&!t&&(0,i.jsx)(Z,{...e})}var w=n(26861),E=n(72221),I=n(17055),q=n(3966),B=n(20572),A=n(9458),R=n(16090),F=n(19121),U=n(72702);function D(e){let{error:t,isLoading:n,readOnly:a,...l}=e,r=(0,_.useRef)(null),[o,d]=(0,_.useState)(!1),{palette:s}=(0,F.Z)(),u=(0,S.useElements)(),c=null==u?void 0:u.getElement(S.CardElement);return(0,i.jsxs)(A.Z,{onClick:()=>!a&&(null==c?void 0:c.focus()),error:!!t,variant:"outlined",children:[(0,i.jsxs)(j.Z,{ref:r,sx:{display:"flex",alignItems:"center",gap:1,padding:"0 14px",borderRadius:1,minHeight:56,cursor:"text",boxShadow:"0 0 0 1px rgba(".concat(s.common.onBackgroundChannel," / 0.23) inset"),"&:hover":{boxShadow:"0 0 0 1px ".concat(s.text.primary," inset")},...o?{"&, &:hover":{boxShadow:"0 0 0 2px ".concat(s.primary.main," inset")}}:{},...t?{"&, &:hover":{boxShadow:"0 0 0 2px ".concat(s.error.main," inset")}}:{},...a?{"&, & *":{pointerEvents:"none"}}:{}},children:[(0,i.jsx)(j.Z,{flex:1,children:(0,i.jsx)(S.CardElement,{...l,onFocus:e=>{var t;d(!0),null===(t=l.onFocus)||void 0===t||t.call(l,e);let n=r.current;n&&!(0,U.j)(n)&&n.scrollIntoView({block:"center",inline:"center"})},onBlur:e=>{var t;d(!1),null===(t=l.onBlur)||void 0===t||t.call(l,e)}

1,options:{...l.options,disabled:a,style:{base:{lineHeight:"56px",fontFamily:"Inter",fontSize:"16px",color:s.text.primary,"::placeholder":{color:s.text.disabled}},invalid:{color:s.text.primary}}}})}),n&&(0,i.jsx)(C.Z,{in:n,orientation:"horizontal",children:(0,i.jsx)(B.Loading,{size:19.2})})]}),(null==t?void 0:t.message)&&(0,i.jsx)(R.Z,{children:t.message})]})}function O(e){return q.Ry().shape({name:q.Z_().required(e.t("validations.required")),phoneNumber:q.Z_().required(e.t("validations.required")).phone(e.t("validations.invalid-phone-number"))})}function V(e){return"expressPaymentType"in e}function z(e){var t;let{paymentMethodRef:n,showOnlyCard:h,isLoading:v,readOnly:y,existingPaymentMethod:f,analyticsContext:g={},analyticsParentId:x="Payment Method",onExpressCheckout:b,label:C,enableExpressCheckout:M,lineItems:T}=e,P=(0,r.useAuthStore)(),{i18n:Z}=(0,s.mV)(),{mutateAsync:q}=function(){var e;let t=(0,r.useAuthStore)(),{i18n:n}=(0,s.mV)(),i=(0,u.useQueryClient)(),m=(0,l.useGraphqlClient)(),h=null!==(e=t.useTracked.userId())&&void 0!==e?e:"";return(0,c.useMutation)({mutationFn:async e=>{let{errors:t,data:n}=await m.mutations.updatePaymentMethod(e);return(0,d.S)(t),n},onError:e=>{let t=(0,a.K)({error:e,i18n:n,defaultMessage:n.t("error.something-went-wrong")});o.snackbarStore.set.create("error",t)},onSuccess:async e=>{e&&i.setQueryData((0,p.i2)(h),e)}})}(),B=P.useTracked.user(),A=(0,S.useStripe)(),R=(0,S.useElements)(),[F,U]=(0,_.useState)(),[O,z]=(0,_.useState)(!1),[L,W]=(0,_.useState)(!1),H=(0,I.Gc)(),X=(0,_.useMemo)(()=>{var e,t;return(0,w.D)(null!==(t=null==B?void 0:null===(e=B.address)||void 0===e?void 0:e.formatted)&&void 0!==t?t:"")},[B]),G=(0,k.Z)(function(){let{skipUserCheck:e,skipCardCheck:t}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=P.get.user();if(!e&&!n||!A||!R)return!1;if(t)return!0;let i=R.getElement("card");return!!i&&!F&&!!O||(null==i||i.focus(),U(Error(Z.t("payment-method.errors.enter-card-details"))),!1)}),Q=(0,k.Z)(async function(){var e,t,n,i,a,l,r,o,d,s,u,c,p,m,h,v,y,b,_,k,C,j,M,T,S,Z,N,w,E,I,B,F,D,O,z,X,Q,Y,$,K,J,ee,et,en,ei,ea,el;let er,eo,ed,{skipAddUpdateInBackend:es,skipUserCheck:eu,skipCardCheck:ec,expressCheckout:ep,email:em}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!G({skipUserCheck:eu,skipCardCheck:ec}))return;let eh=P.get.user(),ev=(null==eh?void 0:eh.email)||em;if(!A||!R||L||!eu&&!eh)return;W(!0);let ey=ep?{is_express_checkout:!0,express_checkout_type:V(ep)?ep.expressPaymentType:ep.walletName}:{};if(rudderanalytics.track("Click",{element_id:"payment-method-submit",type:"BUTTON",parent_id:x,campaign_id:g.campaign_id,context:{...g,is_update:!!f,...ey}},g.campaign_data),ep){if(V(ep)){let r=await R.submit();if(r.error){W(!1),U(r.error);return}let o=await A.createPaymentMethod({elements:R,params:{billing_details:{...ep.billingDetails,email:ev,name:H.getValues("name")||(null===(e=ep.billingDetails)||void 0===e?void 0:e.name)||"",phone:H.getValues("phoneNumber")||(null===(t=ep.billingDetails)||void 0===t?void 0:t.phone)||""}}});if(o.error){W(!1),U(o.error);return}er=o.paymentMethod,eo=null===(i=ep.billingDetails)||void 0===i?void 0:null===(n=i.address)||void 0===n?void 0:n.country,ed=null===(l=ep.billingDetails)||void 0===l?void 0:null===(a=l.address)||void 0===a?void 0:a.postal_code}else er=ep.paymentMethod,eo=null===(r=ep.shippingAddress)||void 0===r?void 0:r.country,ed=null===(o=ep.shippingAddress)||void 0===o?void 0:o.postalCode}else{let e=await A.createPaymentMethod({type:"card",card:R.getElement("card"),billing_details:{email:ev,name:null!==(m=H.getValues("name"))&&void 0!==m?m:"",phone:null!==(h=H.getValues("phoneNumber"))&&void 0!==h?h:""}});if(e.error){W(!1),U(e.error);return}eo=(null===(s=(er=e.paymentMethod).billing_details)||void 0===s?void 0:null===(d=s.address)||void 0===d?void 0:d.country)||(null===(u=er.card)||void 0===u?void 0:u.country),ed=null===(p=er.billing_details)||void 0===p?void 0:null===(c=p.address)||void 0===c?void 0:c.postal_code}if(W(!1),er)return!es&&ev&&await q({paymentMethodId:er.id,email:ev,country:eo,postalCode:ed}),rudderanalytics.track(f?"Payment Method Updated":"Payment Method Created",{element_id:"payment-method-form",type:"FORM",parent_id:x,campaign_id:g.campaign_id,context:{...g,brand:null===(v=er.card)||void 0===v?void 0:v.brand,...ey}},g.campaign_data),{paymentMethodId:er.id,country:eo,postalCode:ed,apiPaymentMethod:(y=er,b=eo,_=ed,{address:{city:null!==(Q=null===(C=y.billing_details)||void 0===C?void 0:null===(k=C.address)||void 0===k?void 0:k.city)&&void 0!==Q?Q:"",country:null!==(Y=null!=b?b:null===(M=y.billing_details)||void 0===M?void 0:null===(j=M.address)||void 0===j?void 0:j.country)&&void 0!==Y?Y:"",line1:null!==($=null===(S=y.billing_details)||void 0===S?void 0:null===(T=S.address)||void 0===T?void 0:T.line1)&&void 0!==$?$:"",line2:null!==(K=null===(N=y.billing_details)||void 0===N?void 0:null===(Z=N.address)||void 0===Z?void 0:Z.line2)&&void 0!==K?K:"",state:null!==(J=null===(E=y.billing_details)||void 0===E?void 0:null===(w=E.address)||void 0===w?void 0:w.state)&&void 0!==J?J:"",zip:null!==(ee=null!=_?_:null===(B=y.billing_details)||void 0===B?void 0:null===(I=B.address)||void 0===I?void 0:I.postal_code)&&void 0!==ee?ee:""},brand:null!==(et=null===(F=y.card)||void 0===F?void 0:F.brand)&&void 0!==et?et:"",expMonth:null!==(en=null===(D=y.card)||void 0===D?void 0:D.exp_month)&&void 0!==en?en:0,expYear:null!==(ei=null===(O=y.card)||void 0===O?void 0:O.exp_year)&&void 0!==ei?ei:0,id:y.id,last4:null!==(ea=null===(z=y.card)||void 0===z?void 0:z.last4)&&void 0!==ea?ea:"",name:null!==(el=null===(X=y.billing_details)||void 0===X?void 0:X.name)&&void 0!==el?el:""})}});return(0,_.useImperativeHandle)(n,()=>({submit:Q,validate:G}),[G,Q]),(0,i.jsxs)(E.Z,{className:"payment-method-form",direction:"column",spacing:2,children:[!h&&(0,i.jsx)(I.SF,{className:"payment-method-form-name-input",InputProps:{readOnly:y},placeholder:Z.t({id:"paymentMethod.namePlaceholder",message:"Name"}),name:"name",onClick:()=>{rudderanalytics.track("Click",{element_id:"payment-name-input",type:"INPUT",parent_id:x,campaign_id:g.campaign_id,context:g})}}),(0,i.jsxs)(j.Z,{className:"payment-method-form-card-section",display:"flex",flexDirection:"column",children:[M&&b&&(0,i.jsx)(N,{onConfirm:b,readOnly:y,lineItems:T}),C,(0,i.jsx)(D,{className:"payment-method-form-card-element",readOnly:y,options:{value:{postalCode:null!==(t=null==X?void 0:X.zipcode)&&void 0!==t?t:""}},error:F,onChange:e=>{U(e.error),z(e.complete)},onReady:()=>{rudderanalytics.track("Element Visible",{element_id:"card-element-input",type:"TEXT"})},isLoading:v||L,onFocus:()=>{rudderanalytics.track("Click",{element_id:"card-element-input",type:"TEXT",parent_id:x,campaign_id:g.campaign_id,context:g})}})]}

1),!h&&(0,i.jsx)(m.s,{className:"payment-method-form-phone-input",InputProps:{readOnly:y},placeholder:Z.t({id:"paymentMethod.phoneNumberPlaceholder",message:"Phone Number"}),name:"phoneNumber",onClick:()=>{rudderanalytics.track("Click",{element_id:"payment-phone-input",type:"TEXT",parent_id:x,campaign_id:g.campaign_id,context:g})}})]})}},63620:function(e,t,n){n.r(t),n.d(t,{PaymentMethodUpdateDialog:function(){return b}});var i=n(73411),a=n(10613),l=n(59894),r=n(51450),o=n(17055),d=n(1656),s=n(21628),u=n(3510),c=n(13336),p=n(94110),m=n(40717),h=n(54463),v=n(86814),y=n(4530),f=n(28431),g=n(93917);let x="payment-method-form-update";function b(e){var t;let{paymentMethod:n,onComplete:b,skipAddUpdateInBackend:_,analyticsParentId:k,analyticsContext:C,headerContent:j,...M}=e,T=(0,a.useAuthStore)(),{i18n:S}=(0,r.mV)(),P=(0,s.useRef)(null),Z=T.useTracked.user(),N=(0,o.cI)({defaultValues:{name:null==Z?void 0:Z.name,phoneNumber:null!==(t=null==Z?void 0:Z.phone_number)&&void 0!==t?t:""},resolver:(0,l.X)((0,d.F$)(S))}),w=e=>{var t;null===(t=M.onClose)||void 0===t||t.call(M,e,"backdropClick")},E=async()=>{var e;let t=await (null===(e=P.current)||void 0===e?void 0:e.submit({skipAddUpdateInBackend:_}));t&&(null==b||b(t),w({}))};return(0,i.jsxs)(u.Z,{maxWidth:"xs",fullWidth:!0,...M,children:[j&&(0,i.jsx)(y.Z,{sx:{mb:2},children:j}),(0,i.jsxs)(c.Z,{children:[n?(0,i.jsx)(r.cC,{id:"paymentMethod.updateTitle"}):(0,i.jsx)(r.cC,{id:"paymentMethod.addTitle"}),(0,i.jsx)(p.P,{onClick:w})]}),(0,i.jsx)(v.Z,{children:(0,i.jsx)(o.Yb,{FormProps:{id:x},formContext:N,handleSubmit:e=>{e.stopPropagation(),e.preventDefault(),N.handleSubmit(E)(e)},children:(0,i.jsx)(g.v,{mode:"setup",currency:"usd",amount:0,setupFutureUsage:"off_session",paymentMethodCreation:"manual",children:(0,i.jsx)(d.pu,{analyticsParentId:k,analyticsContext:C,paymentMethodRef:P,existingPaymentMethod:n})})})}),(0,i.jsxs)(m.Z,{children:[(0,i.jsx)(h.Z,{variant:"text",size:"small",onClick:w,children:(0,i.jsx)(r.cC,{id:"paymentMethod.cancelButton"})}),(0,i.jsx)(f.Z,{loading:N.formState.isSubmitting,form:x,type:"submit",children:n?(0,i.jsx)(r.cC,{id:"paymentMethod.updateButton"}):(0,i.jsx)(r.cC,{id:"paymentMethod.saveButton"})})]})]})}},49096:function(e,t,n){n.d(t,{n:function(){return l}});var i=n(66448),a=n(21628);function l(){let e=(0,i.eV)();return(0,a.useCallback)(function(t){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"USD";return new Intl.NumberFormat(e,{style:"currency",currency:n}).format(t||0)},[e])}},72702:function(e,t,n){n.d(t,{j:function(){return i}});let i=e=>{let t=e.getBoundingClientRect();return t.top>=0&&t.left>=0&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&t.right<=(window.innerWidth||document.documentElement.clientWidth)}}}]);