https://marketplace.elgato.com/_next/static/chunks/1527-d3bcb0c0d4b42ae7.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1527],{8835:(e,t,r)=>{r.d(t,{p:()=>l});var n=r(54568),a=r(8910),o=r(51376),s=r(7620),i=r(29789);let l=e=>{let{isFree:t,isSubscription:r,subscriptionDate:l}=e,u=(0,s.useMemo)(()=>new Intl.DateTimeFormat("en",{dateStyle:"medium"}).format(l||new Date),[l]);return(0,n.jsxs)("div",{className:"flex flex-col gap-xs",children:[r&&(0,n.jsxs)(a.E,{size:"s",color:"secondary",children:["".concat("monthly"===r?"Monthly":"Annually"," recurring charges start on ").concat(u,". Cancel anytime on your "),(0,n.jsx)(o.N,{href:"/account/subscriptions",quiet:!0,target:"_blank",variant:"accent",children:(0,n.jsx)(a.E,{size:"s",tag:"span",color:"accent",children:"Subscriptions page"})}),". Your saved payment method will be used for recurring subscription payments."]}),(0,n.jsxs)(a.E,{size:"s",color:"secondary",children:[t?i.A.disclaimerFree:i.A.disclaimer," ",(0,n.jsx)(o.N,{href:"https://elgato.com/terms-of-sale",quiet:!0,target:"_blank",children:(0,n.jsx)(a.E,{size:"s",tag:"span",color:"accent",children:i.A.tos})}),r&&(0,n.jsxs)(n.Fragment,{children:[" and ",(0,n.jsx)(o.N,{href:"https://elgato.com/s/marketplace-subscription-policy",quiet:!0,target:"_blank",children:(0,n.jsx)(a.E,{size:"s",tag:"span",color:"accent",children:i.A.subscriptionPolicy})})]}),"."]}),(0,n.jsxs)(a.E,{size:"s",color:"secondary",children:[i.A.nonRefundable,(0,n.jsx)(o.N,{href:"https://elgato.com/s/refund-policy-marketplace",quiet:!0,target:"_blank",children:(0,n.jsx)(a.E,{size:"s",tag:"span",color:"accent",children:"Returns & Refunds"})}),i.A.nonRefundableEnd,"."]})]})}},21108:(e,t,r)=>{r.d(t,{dZ:()=>c,kR:()=>d,mu:()=>u});var n=r(27736),a=r(81562),o=r(4869),s=r(7620),i=r(78476),l=r(80803);let u=e=>{let{userId:t,enabled:r=!0}=e,[o,u]=(0,s.useState)(),{data:c,isLoading:d,isSuccess:m}=(0,n.useQuery)({queryKey:["paymentMethods",t],queryFn:async()=>(0,i.J5)().then(e=>(null==e?void 0:e.data)||[]),enabled:r,gcTime:0});(0,s.useEffect)(()=>{r&&m&&c&&u(c[0])},[r,m,c]);let{setPaymentState:f}=(0,l.Vn)();return{paymentMethods:c,isPaymentMethodsLoading:d,isPaymentMethodsSuccess:m,selectedPaymentMethod:o,setSelectedPaymentMethod:u,addPaymentMethod:(0,a.useMutation)({mutationFn:async()=>(0,i.oX)(),onSuccess:e=>{let t=(null==e?void 0:e.client_secret)||"";return f(e=>({...e,view:"addPaymentMethod",showElements:!0,clientSecret:t})),t}})}},c=e=>{let t=(0,o.useQueryClient)();return(0,a.useMutation)({mutationFn:async e=>(0,i.PF)(e),onSuccess:(r,n)=>{let a=t.getQueryData(["paymentMethods",e]);t.setQueryData(["paymentMethods",e],a.filter(e=>e.id!==n))}})},d=e=>{let t=(0,o.useQueryClient)();return(0,a.useMutation)({mutationFn:async e=>{let{paymentMethodId:t,paymentMethodData:r}=e;return(0,i.xm)(t,r)},onSuccess:(r,n)=>{let{paymentMethodId:a,paymentMethodData:o}=n,s=t.getQueryData(["paymentMethods",e]);t.setQueryData(["paymentMethods",e],s.map(e=>e.id===a?{...e,...o,card:{...e.card,...o.card}}:e))}})}},25963:(e,t,r)=>{r.d(t,{I:()=>d});var n=r(54568),a=r(83631),o=r(8910),s=r(75376),i=r(73036),l=r(73886),u=r(75192),c=r(58379);function d(e){let{discount:t,loading:r,error:d,onApply:m,onRemove:f,label:p="Discount code"}=e,{handleSubmit:y,resetField:v,control:h,formState:{isDirty:x}}=(0,a.mN)({defaultValues:{discountCode:""}}),{formatCurrency:g}=(0,c.H2)(),w=!!(null==t?void 0:t.amount)||!!(null==t?void 0:t.percentage_off);return(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{htmlFor:"discountCode",children:(0,n.jsx)(o.E,{className:"mb-3xs",children:p})}),(0,n.jsx)("form",{className:"flex items-start gap-xs",onSubmit:y(e=>{let{discountCode:t}=e;m(t)}),children:w&&(null==t?void 0:t.code)?(0,n.jsxs)("div",{className:"flex w-full flex-col gap-xs",children:[(0,n.jsx)(s.Chip,{label:null==t?void 0:t.code,size:"m",removable:!0,onRemove:()=>{v("discountCode"),null==f||f()}}),(0,n.jsx)(i.Banner,{title:"Discount applied",body:(null==t?void 0:t.amount)!=null?"Get up to ".concat(g({amount:t.amount})," off eligible products. Unused\n              amount won’t carry over to future orders."):(null==t?void 0:t.percentage_off)!=null?"Get ".concat(t.percentage_off,"% off eligible products."):"",variant:"positive",size:"m",compact:!1})]}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(a.xI,{name:"discountCode",control:h,render:e=>{let{field:t}=e;return(0,n.jsx)(l.TextField,{...t,id:"discountCode",validation:d?"error":void 0,description:null==d?void 0:d.message})}}),(0,n.jsx)(u.Button,{type:"submit",loading:r,disabled:!x,children:"Apply"})]})})]})}},34575:(e,t,r)=>{r.d(t,{T3:()=>f,o2:()=>p});var n=r(4869),a=r(81562),o=r(27736),s=r(7620),i=r(88106),l=r(66484),u=r(79138),c=r(80803);let d=e=>{let{mutationFn:t,queryKey:r,onMutate:o,onSuccess:s}=e,i=(0,n.useQueryClient)();return(0,a.useMutation)({mutationFn:async e=>{var r;let n;try{n=await t(e)}catch(e){if(e instanceof l.j$)throw Error((0,l.CK)(e.status,e.data,"Failed to apply discount. Please try again."));throw e}if(!n)throw Error("Failed to apply discount. Please try again.");let a=null==n||null==(r=n.discount)?void 0:r.rejection_reasons;

1if(null==a?void 0:a.length)throw Error((0,u.v$)(a,!0));return n},onMutate:async()=>{null==o||o()},onSuccess:(e,t)=>{r&&i.setQueryData(r,e),i.setQueryData(["discount"],t),null==s||s(e)},onError:e=>{console.error("Discount mutation failed:",e)}})};function m(e){var t;let{hasReappliedRef:r,item:n,persistedDiscountCode:a,applyDiscount:o}=e,i=(0,s.useMemo)(()=>{var e;return null==n||null==(e=n.discount)?void 0:e.code},[null==n||null==(t=n.discount)?void 0:t.code]);(0,s.useEffect)(()=>{if(r.current||!a||!n||i||o.isPending)return()=>{};r.current=!0;let e=setTimeout(()=>{o.mutate(a),r.current=!1},200);return()=>clearTimeout(e)},[a,i,o.isPending]),(0,s.useEffect)(()=>()=>{r.current=!1},[r])}let f=e=>{var t;let{userId:r}=e,a=(0,n.useQueryClient)(),l=(0,s.useRef)(null),u=(0,s.useRef)(!1),c=d({queryKey:["cart-tax",r],onMutate:()=>{var e;l.current=null!=(e=a.getQueryData(["cart-tax",r]))?e:null},mutationFn:async e=>{let t=a.getQueryData(["cart",r]);if(!t)throw Error("Cart not found.");return(0,i.yt)({items:t.items,discount:e})},onSuccess:e=>{a.setQueryData(["cart-tax",r],e)}}),{data:f}=(0,o.useQuery)({queryKey:["cart-tax",r],queryFn:()=>null,enabled:!1,staleTime:1/0}),{data:p}=(0,o.useQuery)({queryKey:["discount"],queryFn:()=>void 0,enabled:!1,staleTime:1/0});m({hasReappliedRef:u,item:f,persistedDiscountCode:p,applyDiscount:c});let y=null==f?void 0:f.discount;return{discount:y,discountCode:p,applyDiscount:c.mutate,discountLoading:c.isPending,discountError:null!=(t=c.error)?t:null,isDiscountValid:!!(null==y?void 0:y.amount)||!!(null==y?void 0:y.percentage_off),removeDiscount:()=>{if(l.current)a.setQueryData(["cart-tax",r],l.current);else{let e=a.getQueryData(["cart-tax",r]);if(e){let{discount:t,...n}=e;a.setQueryData(["cart-tax",r],n)}}a.removeQueries({queryKey:["discount"]})}}},p=function(e){var t;let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"once",a=(0,n.useQueryClient)(),o=(0,s.useRef)(null),l=(0,s.useRef)(!1),{instabuyTax:u}=(0,c.GX)({variantId:e,enabled:!!e&&"once"===r,plan:r}),f=d({queryKey:["instabuy-tax",e,r],onMutate:()=>{var t;o.current=null!=(t=a.getQueryData(["instabuy-tax",e,r]))?t:null},mutationFn:async t=>(0,i.yt)({items:[{variant_id:e,plan:r}],discount:t}),onSuccess:t=>{t&&a.setQueryData(["instabuy-tax",e,r],e=>{var r,n,a;return e?{...e,discount:null!=(r=t.discount)?r:null,total_price_with_tax:null!=(n=t.total_price_with_tax)?n:e.total_price_with_tax,total_tax:null!=(a=t.total_tax)?a:e.total_tax,price_before_discount:e.subtotal}:t})}});return m({hasReappliedRef:l,persistedDiscountCode:a.getQueryData(["discount"]),item:u,applyDiscount:f}),{discount:null==u?void 0:u.discount,applyDiscount:f.mutate,discountLoading:f.isPending,discountError:null!=(t=f.error)?t:null,removeDiscount:()=>{if(o.current)a.setQueryData(["instabuy-tax",e,r],o.current);else{let t=a.getQueryData(["instabuy-tax",e,r]);if(t){let{discount:n,...o}=t;a.setQueryData(["instabuy-tax",e,r],o)}}a.removeQueries({queryKey:["discount"]}),f.reset()}}}},37786:(e,t,r)=>{r.d(t,{Ay:()=>p,T4:()=>f});var n=r(54568),a=r(94639),o=r(94474),s=r(55599),i=r(25890),l=r(39947),u=r(25952),c=r(79058),d=r

1(58447);let m={amex:(0,n.jsx)(a.A,{}),diners:(0,n.jsx)(o.A,{}),discover:(0,n.jsx)(s.A,{}),jcb:(0,n.jsx)(i.A,{}),mastercard:(0,n.jsx)(l.A,{}),unionpay:(0,n.jsx)(u.A,{}),visa:(0,n.jsx)(c.A,{}),unknown:(0,n.jsx)(d.A,{})};a.A,o.A,s.A,i.A,l.A,u.A,c.A,d.A;let f=e=>{let{badge:t,size:r="m"}=e;switch(t){case"amex":return(0,n.jsx)(a.A,{size:r});case"diners":return(0,n.jsx)(o.A,{size:r});case"discover":return(0,n.jsx)(s.A,{size:r});case"jcb":return(0,n.jsx)(i.A,{size:r});case"mastercard":return(0,n.jsx)(l.A,{size:r});case"unionpay":return(0,n.jsx)(u.A,{size:r});case"visa":return(0,n.jsx)(c.A,{size:r});default:return(0,n.jsx)(d.A,{size:r})}},p=m},37834:(e,t,r)=>{r.d(t,{I:()=>a});var n=r(88167);let a=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:3,{matchesL:t,matchesM:r,matchesS:a}=(0,n.dv)(),o=1===e?"2/3":"auto";return t?{columns:e,columnWidth:o,touchSnapping:!0}:r?{columnWidth:o,columns:e>3?3:e,touchSnapping:!0}:a?{columnWidth:o,columns:e>2?2:e,touchSnapping:!1}:{columnWidth:"2/3",columns:1,touchSnapping:!1}}},66484:(e,t,r)=>{r.d(t,{CK:()=>u,J5:()=>l,j$:()=>o,px:()=>s,t7:()=>a});let n={json:"application/json",text:"text/plain",html:"text/html",xml:"application/xml",form:"application/x-www-form-urlencoded",multipart:"multipart/form-data",octetStream:"application/octet-stream"};async function a(e,t){let r,a,o="".concat("/api/proxy").concat(e),s={credentials:"include",...t,headers:{"Content-Type":n.json,...null==t?void 0:t.headers}};try{r=await fetch(o,s)}catch(e){return{ok:!1,value:void 0,error:e}}try{switch(r.headers.get("content-type")){case n.json:a=await r.json();break;case n.text:case n.html:case n.xml:a=await r.text();break;case n.form:case n.multipart:a=await r.formData();break;case n.octetStream:a=await r.arrayBuffer();break;default:a=void 0}}catch(e){console.error(e)}return r.ok?{ok:!0,value:a||void 0,status:r.status}:{ok:!1,value:a||void 0,status:r.status}}class o extends Error{constructor(e,t,r){super(t),this.status=e,this.data=r,this.name="HttpError"}}async function s(e){let{url:t="",body:r,method:n="GET",contentType:a="application/json",credentials:s=!0,...i}=e,l={headers:{...!(r&&r instanceof FormData)&&a&&{"Content-Type":a}},...s&&{credentials:"include"},method:n,...r&&{body:r},...i};try{let e=await fetch(t,l);if(!e.ok){let t;try{t=await e.json()}catch(e){}throw new o(e.status,e.statusText,t)}if(204===e.status)return null;let r=await e.json();if(r.error_Ledger&&204!==r.error_Ledger.http_status_code)throw r;if(r.error_Profile&&204===r.error_Profile.http_status_code)return null;return r}catch(e){if(e instanceof o)throw e;throw console.error(e),Error(e.statusText)}}function i(e){return new Promise(t=>{setTimeout(t,e)})}async function l(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},{retries:r=3,retryDelay:n=2e3,retryOn:a=[429,500,502,503,504],...s}=t;for(;;)try{let t=await fetch(e,s);if(!t.ok){if(r>0&&a.includes(t.status)){let o=n,u=t.headers.get("Retry-After");if(u){let e=parseInt(u,10);Number.isNaN(e)||(o=1e3*e)}return console.warn("Retrying ".concat(e," after ").concat(o,"ms due to status ").concat(t.status," (").concat(r-1," attempts left)...")),await i(o),await l(e,{...s,retries:r-1,retryDelay:2*n,retryOn:a})}throw new o(t.status,"HTTP error: ".concat(t.status," ").concat(t.statusText))}return await t.json()}catch(t){if(t instanceof o)throw t;if(console.error("Fetch failed with:",t),r>0)console.warn("Network error retrying ".concat(e," (").concat(r-1," attempts left)...")),await i(n),r-=1,n*=2;else throw Error("Failed to fetch ".concat(e," after multiple retries: ").concat(t instanceof Error?t.message:String(t)))}}function u(e,t,r,n){var a,o,s,i,l,u;if(401===e)return"Session expired. Please sign in again.";if(403===e)return"Permission denied.";if(404===e)return"Not found.";if(429===e)return"Too many requests. Please try again later.";if((null==n?void 0:n.fields)&&t){for(let[e,r]of Object.entries(n.fields))if(null!=t[e])return r}let{codes:c}=null!=n?n:{},d=null==t?void 0:t.detail,m=null==t||null==(a=t.non_field_errors)?void 0:a[0];return null!=(u=null!=(l=null!=(i=void 0!==m?null!=(o=null==c?void 0:c[m])?o:m:void 0)?i:void 0!==d?null!=(s=null==c?void 0:c[d])?s:d:void 0)?l:null==t?void 0:t.error)?u:r}},69641:(e,t,r)=>{r.d(t,{l:()=>o});var n=r(7620),a=r(13508);let o=e=>{let{clientSecret:t,onFail:r}

1=e,[o,s]=(0,n.useState)({show:!1,done:!1}),i=(0,n.useCallback)(()=>{s({show:!1,done:!1}),r()},[r]);return{state3DS:o,open3DS:(0,n.useCallback)(async()=>{s({show:!0,done:!1});let e=await (0,a.c)("pk_live_51LI9sgJ091CwhHnmde77OcQQtCDnJBzUuq6RmwStfWtU7LKwYcFVD8tu19NMcVBejjvbop752PLhmTKota94RSTU00MlAeaJ0e");null==e||e.confirmPayment({clientSecret:t,redirect:"if_required"}).then(e=>{if(e.error)throw Error();s({show:!1,done:!0})}).catch(i)},[t,i])}}},79138:(e,t,r)=>{r.d(t,{WM:()=>o,v$:()=>a});let n=[{reason:"discount_code_invalid",message:"Enter a valid discount code"},{reason:"invalid-date",message:"This discount code has expired"},{reason:"max-uses-exceeded",message:"This discount code has been fully used"},{reason:"already-used-by-user",message:"This discount code has already been used"},{reason:"not-applicable-to-cart",message:"This discount code doesn’t apply to products in your cart",messageSingle:"This discount code doesn’t apply to this product"}];function a(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=n.find(t=>{let{reason:r}=t;return e.includes(r)});return r?t&&r.messageSingle?r.messageSingle:r.message:"Enter a valid discount code"}function o(e){let{discount:t,total:r,items:n}=e;if(null==t?void 0:t.percentage_off){let e=(null==n?void 0:n.length)?null==n?void 0:n.filter(e=>!0===e.discounted).reduce((e,t)=>{var r;return e+(null!=(r=t.unit_price)?r:0)},0):r,a=Math.min(t.percentage_off,100);return Number.isNaN(e)||Number.isNaN(a)?0:e*a/100}return(null==t?void 0:t.amount)?n?function(e){let{products:t,discount:r}=e,n=0;for(let e of t)if(e.discounted){var a,o;let t=r-n;if((null!=(a=e.unit_price)?a:0)<=t)n+=null!=(o=e.unit_price)?o:0;else{n+=t;break}}return n}({products:n,discount:(null==t?void 0:t.amount)||0})||0:Math.min(t.amount,r):0}},96058:(e,t,r)=>{r.d(t,{D:()=>c,n:()=>x});var n=r(54568),a=r(17333),o=r(13508),s=r(7620),i=r(24560);let l=(0,o.c)("pk_live_51LI9sgJ091CwhHnmde77OcQQtCDnJBzUuq6RmwStfWtU7LKwYcFVD8tu19NMcVBejjvbop752PLhmTKota94RSTU00MlAeaJ0e"),u=[{family:"Univers Next Pro",src:"url(/fonts/UniversNextPro/UniversNextPro-Regular.ttf)",weight:"normal",style:"normal"},{family:"Univers Next Pro",src:"url(/fonts/UniversNextPro/UniversNextPro-Regular.woff)",weight:"normal",style:"normal"},{family:"Univers Next Pro",src:"url(/fonts/UniversNextPro/UniversNextPro-Italic.ttf)",weight:"normal",style:"italic"},{family:"Univers Next Pro",src:"url(/fonts/UniversNextPro/UniversNextPro-Italic.woff)",weight:"normal",style:"italic"},{family:"Univers Next Pro",src:"url(/fonts/UniversNextPro/UniversNextPro-Medium.ttf)",weight:"bold",style:"normal"},{family:"Univers Next Pro",src:"url(/fonts/UniversNextPro/UniversNextPro-Medium.woff)",weight:"bold",style:"normal"},{family:"Univers Next Pro",src:"url(/fonts/UniversNextPro/UniversNextPro-MediumItalic.ttf)",weight:"bold",style:"italic"},{family:"Univers Next Pro",src:"url(/fonts/UniversNextPro/UniversNextPro-MediumItalic.woff)",weight:"bold",style:"italic"}];function c(e){let{clientSecret:t,children:r}=e,o=(()=>{let{theme:e}=(0,i.D)(),t=(0,s.useMemo)(()=>window.getComputedStyle(document.documentElement),[]),r=e=>(null==t?void 0:t.getPropertyValue(e))||"0",[n,a]=(0,s.useState)({}),o=(0,s.useCallback)(()=>Object.entries({colorBackground:"var(--surface-overlay)",colorText:"var(--content-primary)",colorPrimary:"var(--content-primary)",colorPrimaryText:"var(--content-primary)",colorDanger:"var(--content-negative)",colorDangerText:"var(--content-negative)",colorSuccess:"var(--background-positive)",colorSuccessText:"var(--content-positive)",fontFamily:"Univers Next Pro, Arial",fontSizeSm:"var(--font-size-m)",borderRadius:"var(--rounding-control-m)",gridRowSpacing:"var(--space-m)",gridColumnSpacing:"var(--space-m)"}).reduce((e,t)=>{let[r,n]=t;return{...e,[r]:n.startsWith("var(--")?getComputedStyle(document.body).getPropertyValue(n.slice(4,n.length-1)):n}},{}),[e]);return(0,s.useEffect)(()=>{setTimeout(()=>a(o()),0)},[o,e]),{variables:n,rules:{".Input":{transition:"none",backgroundColor:r("--surface-overlay"),color:r("--content-primary"),padding:r("--space-control-m-padding"),height:r("--size-control-m"),fontSize:r("--font-size-m"),lineHeight:r("--font-line-height-m"),boxShadow:"none"},".Input::placeholder":{color:r("--content-secondary")}

1,".Input:focus-within":{outline:"2px solid ".concat(r("--focus")),outlineOffset:"2px",boxShadow:"none"},".Input:focus":{outline:"2px solid ".concat(r("--focus")),outlineOffset:"2px",boxShadow:"none"},".Input--invalid":{outline:"none",boxShadow:"none"},".Label":{color:r("--content-primary"),marginBottom:"0.5rem"},".Error":{marginTop:r("--space-control-m-gap"),fontSize:r("--font-size-s")},".AccordionButton":{paddingLeft:r("--space-xs"),paddingRight:r("--space-xs"),paddingTop:r("--space-3xs"),paddingBottom:r("--space-3xs"),borderRadius:r("--rounding-control-m")},".TermsText":{fontSize:r("--font-size-s")}}}})();return(0,n.jsx)(a.Elements,{options:{clientSecret:t,appearance:o,fonts:u,loader:"never"},stripe:l,children:r})}var d=r(4869),m=r(83982),f=r(73886),p=r(73036),y=r(75192),v=r(72902),h=r(95820);function x(e){var t;let{handleCancel:r,handleSuccess:o,redirectUrl:i="/account/payments"}=e,l=(0,a.useStripe)(),u=(0,a.useElements)(),[c,x]=(0,s.useState)(null),{data:g}=(0,h.wV)(),[w,b]=(0,s.useState)(!0),[j,_]=(0,s.useState)(!1),[N,P]=(0,s.useState)({error:"",value:""}),S=(0,d.useQueryClient)();return(0,n.jsxs)("form",{id:"payment-form",onSubmit:e=>{if(e.preventDefault(),l&&u&&(null==g?void 0:g.user)){if(!N.value||0===N.value.trim().length)return void P(e=>({...e,error:"This field is required"}));_(!0),x(null),(async()=>{let{error:e}=await l.confirmSetup({elements:u,confirmParams:{return_url:"".concat("https://marketplace.elgato.com").concat(i),payment_method_data:{billing_details:{name:N.value}}},redirect:"if_required"});e?x(e):(S.invalidateQueries({queryKey:["paymentMethods"]}).catch(e=>console.error(e)),o&&o()),_(!1)})().catch(e=>console.error(e))}},className:(0,v.A)("relative flex w-full flex-col gap-m",w&&"items-center justify-center"),children:[w&&(0,n.jsx)("div",{className:"size-full absolute flex items-center justify-center",children:(0,n.jsx)(m.a,{indeterminate:!0})}),!w&&(0,n.jsx)("div",{className:"gap-m",children:(0,n.jsx)(f.TextField,{label:"Name on card",name:"name",onChange:e=>P({error:"",value:e.target.value}),...(null==N||null==(t=N.error)?void 0:t.length)>0&&{validation:"error"},description:N.error})}),(0,n.jsx)(a.PaymentElement,{id:"payment-element",onReady:()=>b(!1),options:{readOnly:j},className:"min-h-9xl"}),(null==c?void 0:c.code)==="processing_error"&&c.message&&(0,n.jsx)(p.Banner,{title:c.message,compact:!0,variant:"negative"}),!w&&l&&u&&(0,n.jsxs)("div",{className:"flex justify-end gap-xs",children:[(0,n.jsx)(y.Button,{disabled:j||!l||!u,id:"submit",size:"m",onClick:r,children:"Cancel"}),(0,n.jsx)(y.Button,{disabled:j||!l||!u,id:"submit",variant:"accent",type:"submit",size:"m",children:"Add card"})]})]})}}}]);