@zeniai/web-cockpit-ui 1.15.25-dev → 1.15.26-dev

package/dist/assets/PaymentAccountSetupBillingAddressSection-C026Xg59-Du1LULBI.js

@@ -1,107 +0,0 @@
-import{B as ue,aR as Ne,b as ee,o as u,p as H,J as ce,V as s,bT as Ue,d as je,cL as Me,aW as ne,F as ke,y as oe,bx as Ve,bW as Fe,am as Ae,aS as He,af as de,u as qe,gY as Je,an as Ke,H as Ge}from"./index-BIYLqgct.js";import{P as l,a as O}from"./sentry-DhNwX3jk.js";import{n as y}from"./mui-rLvQ8A4a.js";import{P as d}from"./core-DQ8U4CJb.js";import{n as ae}from"./commonTypes-DP3nDhtI-D-fLD29s.js";import{F as Ye}from"./SetUpAccountSection-DiEFZwFL-DC1aQ-pj.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},e=new t.Error().stack;e&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[e]="338e53e2-7931-448d-82be-a6297649fd14",t._sentryDebugIdIdentifier="sentry-dbid-338e53e2-7931-448d-82be-a6297649fd14")}catch{}})();function pe(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),r.push.apply(r,n)}return r}function fe(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?pe(Object(r),!0).forEach(function(n){Ie(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):pe(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function te(t){"@babel/helpers - typeof";return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?te=function(e){return typeof e}:te=function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},te(t)}function Ie(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function $e(t,e){return Ze(t)||Xe(t,e)||Qe(t,e)||et()}function Ze(t){if(Array.isArray(t))return t}function Xe(t,e){var r=t&&(typeof Symbol<"u"&&t[Symbol.iterator]||t["@@iterator"]);if(r!=null){var n=[],o=!0,i=!1,c,p;try{for(r=r.call(t);!(o=(c=r.next()).done)&&(n.push(c.value),!(e&&n.length===e));o=!0);}catch(a){i=!0,p=a}finally{try{!o&&r.return!=null&&r.return()}finally{if(i)throw p}}return n}}function Qe(t,e){if(t){if(typeof t=="string")return me(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);if(r==="Object"&&t.constructor&&(r=t.constructor.name),r==="Map"||r==="Set")return Array.from(t);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return me(t,e)}}function me(t,e){(e==null||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function et(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var k=function(e,r,n){var o=!!n,i=l.useRef(n);l.useEffect(function(){i.current=n},[n]),l.useEffect(function(){if(!o||!e)return function(){};var c=function(){i.current&&i.current.apply(i,arguments)};return e.on(r,c),function(){e.off(r,c)}},[o,r,e,i])},ie=function(e){var r=l.useRef(e);return l.useEffect(function(){r.current=e},[e]),r.current},q=function(e){return e!==null&&te(e)==="object"},tt=function(e){return q(e)&&typeof e.then=="function"},rt=function(e){return q(e)&&typeof e.elements=="function"&&typeof e.createToken=="function"&&typeof e.createPaymentMethod=="function"&&typeof e.confirmCardPayment=="function"},he="[object Object]",nt=function t(e,r){if(!q(e)||!q(r))return e===r;var n=Array.isArray(e),o=Array.isArray(r);if(n!==o)return!1;var i=Object.prototype.toString.call(e)===he,c=Object.prototype.toString.call(r)===he;if(i!==c)return!1;if(!i&&!n)return e===r;var p=Object.keys(e),a=Object.keys(r);if(p.length!==a.length)return!1;for(var h={},f=0;f<p.length;f+=1)h[p[f]]=!0;for(var x=0;x<a.length;x+=1)h[a[x]]=!0;var m=Object.keys(h);if(m.length!==p.length)return!1;var w=e,b=r,S=function(I){return t(w[I],b[I])};return m.every(S)},Le=function(e,r,n){return q(e)?Object.keys(e).reduce(function(o,i){var c=!q(r)||!nt(e[i],r[i]);return n.includes(i)?(c&&console.warn("Unsupported prop change: options.".concat(i," is not a mutable property.")),o):c?fe(fe({},o||{}),{},Ie({},i,e[i])):o},null):null},Oe="Invalid prop `stripe` supplied to `Elements`. We recommend using the `loadStripe` utility from `@stripe/stripe-js`. See https://stripe.com/docs/stripe-js/react#elements-props-stripe for details.",ge=function(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:Oe;if(e===null||rt(e))return e;throw new Error(r)},ot=function(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:Oe;if(tt(e))return{tag:"async",stripePromise:Promise.resolve(e).then(function(o){return ge(o,r)})};var n=ge(e,r);return n===null?{tag:"empty"}:{tag:"sync",stripe:n}},at=function(e){!e||!e._registerWrapper||!e.registerAppInfo||(e._registerWrapper({name:"react-stripe-js",version:"2.7.3"}),e.registerAppInfo({name:"react-stripe-js",version:"2.7.3",url:"https://stripe.com/docs/stripe-js/react"}))},re=l.createContext(null);re.displayName="ElementsContext";var Re=function(e,r){if(!e)throw new Error("Could not find Elements context; You need to wrap the part of your app that ".concat(r," in an <Elements> provider."));return e},Te=function(e){var r=e.stripe,n=e.options,o=e.children,i=l.useMemo(function(){return ot(r)},[r]),c=l.useState(function(){return{stripe:i.tag==="sync"?i.stripe:null,elements:i.tag==="sync"?i.stripe.elements(n):null}}),p=$e(c,2),a=p[0],h=p[1];l.useEffect(function(){var m=!0,w=function(S){h(function(E){return E.stripe?E:{stripe:S,elements:S.elements(n)}})};return i.tag==="async"&&!a.stripe?i.stripePromise.then(function(b){b&&m&&w(b)}):i.tag==="sync"&&!a.stripe&&w(i.stripe),function(){m=!1}},[i,a,n]);var f=ie(r);l.useEffect(function(){f!==null&&f!==r&&console.warn("Unsupported prop change on Elements: You cannot change the `stripe` prop after setting it.")},[f,r]);var x=ie(n);return l.useEffect(function(){if(a.elements){var m=Le(n,x,["clientSecret","fonts"]);m&&a.elements.update(m)}},[n,x,a.elements]),l.useEffect(function(){at(a.stripe)},[a.stripe]),l.createElement(re.Provider,{value:a},o)};Te.propTypes={stripe:d.any,options:d.object};var it=function(e){var r=l.useContext(re);return Re(r,e)},st=function(){var e=it("calls useElements()"),r=e.elements;return r};d.func.isRequired;var We=l.createContext(null);We.displayName="CustomCheckoutSdkContext";var ct=function(e,r){if(!e)throw new Error("Could not find CustomCheckoutProvider context; You need to wrap the part of your app that ".concat(r," in an <CustomCheckoutProvider> provider."));return e},lt=l.createContext(null);lt.displayName="CustomCheckoutContext";d.any,d.shape({clientSecret:d.string.isRequired,elementsOptions:d.object}).isRequired;var se=function(e){var r=l.useContext(We),n=l.useContext(re);if(r&&n)throw new Error("You cannot wrap the part of your app that ".concat(e," in both <CustomCheckoutProvider> and <Elements> providers."));return r?ct(r,e):Re(n,e)},ut=function(e){return e.charAt(0).toUpperCase()+e.slice(1)},v=function(e,r){var n="".concat(ut(e),"Element"),o=function(a){var h=a.id,f=a.className,x=a.options,m=x===void 0?{}:x,w=a.onBlur,b=a.onFocus,S=a.onReady,E=a.onChange,I=a.onEscape,U=a.onClick,M=a.onLoadError,V=a.onLoaderStart,D=a.onNetworksChange,$=a.onConfirm,J=a.onCancel,B=a.onShippingAddressChange,N=a.onShippingRateChange,R=se("mounts <".concat(n,">")),W="elements"in R?R.elements:null,P="customCheckoutSdk"in R?R.customCheckoutSdk:null,T=l.useState(null),_=$e(T,2),g=_[0],z=_[1],j=l.useRef(null),F=l.useRef(null);k(g,"blur",w),k(g,"focus",b),k(g,"escape",I),k(g,"click",U),k(g,"loaderror",M),k(g,"loaderstart",V),k(g,"networkschange",D),k(g,"confirm",$),k(g,"cancel",J),k(g,"shippingaddresschange",B),k(g,"shippingratechange",N),k(g,"change",E);var K;S&&(e==="expressCheckout"?K=S:K=function(){S(g)}),k(g,"ready",K),l.useLayoutEffect(function(){if(j.current===null&&F.current!==null&&(W||P)){var L=null;P?L=P.createElement(e,m):W&&(L=W.create(e,m)),j.current=L,z(L),L&&L.mount(F.current)}},[W,P,m]);var le=ie(m);return l.useEffect(function(){if(j.current){var L=Le(m,le,["paymentRequest"]);L&&j.current.update(L)}},[m,le]),l.useLayoutEffect(function(){return function(){if(j.current&&typeof j.current.destroy=="function")try{j.current.destroy(),j.current=null}catch{}}},[]),l.createElement("div",{id:h,className:f,ref:F})},i=function(a){se("mounts <".concat(n,">"));var h=a.id,f=a.className;return l.createElement("div",{id:h,className:f})},c=r?i:o;return c.propTypes={id:d.string,className:d.string,onChange:d.func,onBlur:d.func,onFocus:d.func,onReady:d.func,onEscape:d.func,onClick:d.func,onLoadError:d.func,onLoaderStart:d.func,onNetworksChange:d.func,onConfirm:d.func,onCancel:d.func,onShippingAddressChange:d.func,onShippingRateChange:d.func,options:d.object},c.displayName=n,c.__elementType=e,c},C=typeof window>"u",dt=l.createContext(null);dt.displayName="EmbeddedCheckoutProviderContext";var pt=function(){var e=se("calls useStripe()"),r=e.stripe;return r};v("auBankAccount",C);v("card",C);var ye=v("cardNumber",C),Se=v("cardExpiry",C),ve=v("cardCvc",C);v("fpxBank",C);v("iban",C);v("idealBank",C);v("p24Bank",C);v("epsBank",C);v("payment",C);v("expressCheckout",C);v("paymentRequestButton",C);v("linkAuthentication",C);v("address",C);v("shippingAddress",C);v("paymentMethodMessaging",C);v("affirmMessage",C);v("afterpayClearpayMessage",C);var _e="https://js.stripe.com/v3",ft=/^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/;var mt=function(){for(var e=document.querySelectorAll('script[src^="'.concat(_e,'"]')),r=0;r<e.length;r++){var n=e[r];if(ft.test(n.src))return n}return null},Ce=function(e){var r="",n=document.createElement("script");n.src="".concat(_e).concat(r);var o=document.head||document.body;if(!o)throw new Error("Expected document.body not to be null. Stripe.js requires a <body> element.");return o.appendChild(n),n},ht=function(e,r){!e||!e._registerWrapper||e._registerWrapper({name:"stripe-js",version:"4.3.0",startTime:r})},G=null,X=null,Q=null,gt=function(e){return function(){e(new Error("Failed to load Stripe.js"))}},yt=function(e,r){return function(){window.Stripe?e(window.Stripe):r(new Error("Stripe.js not available"))}},St=function(e){return G!==null?G:(G=new Promise(function(r,n){if(typeof window>"u"||typeof document>"u"){r(null);return}if(window.Stripe){r(window.Stripe);return}try{var o=mt();if(!(o&&e)){if(!o)o=Ce(e);else if(o&&Q!==null&&X!==null){var i;o.removeEventListener("load",Q),o.removeEventListener("error",X),(i=o.parentNode)===null||i===void 0||i.removeChild(o),o=Ce(e)}}Q=yt(r,n),X=gt(n),o.addEventListener("load",Q),o.addEventListener("error",X)}catch(c){n(c);return}}),G.catch(function(r){return G=null,Promise.reject(r)}))},vt=function(e,r,n){if(e===null)return null;var o=e.apply(void 0,r);return ht(o,n),o},Y,ze=!1,De=function(){return Y||(Y=St(null).catch(function(e){return Y=null,Promise.reject(e)}),Y)};Promise.resolve().then(function(){return De()}).catch(function(t){ze||console.warn(t)});var Ct=function(){for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];ze=!0;var o=Date.now();return De().then(function(i){return vt(i,r,o)})};const xt={containerHeight:new oe(656,720)},bt=y.div`
-  display: flex;
-  flex-direction: column;
-  gap: 20px;
-  width: ${t=>t.windowSize==="small"?"90%":"544px"};
-  margin: 0 auto;
-  justify-content: center;
-  box-shadow: ${H.Elevation2Dark};
-  border-radius: ${u.sp2};
-`,wt=y.form`
-  display: flex;
-  flex-direction: column;
-  margin-bottom: ${u.sp2};
-`,Pt=y(Fe)`
-  padding-top: ${u.sp4};
-  text-align: center;
-  color: ${t=>t.theme.colors.primary};
-`,Et=y(Ae)`
-  color: ${t=>t.theme.colors.hero};
-  text-align: center;
-`,jt=y.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  justify-content: center;
-  max-height: ${t=>xt.containerHeight.valuePx(t.windowSize)};
-  width: ${t=>t.windowSize==="small"?"90%":"544px"};
-
-  .InputContainer input {
-    margin-left: ${u.sp1};
-  }
-`,kt=y.label`
-  width: 71px;
-  margin: auto;
-  margin-left: ${u.sp2};
-`,At=y.label`
-  width: 38px;
-  margin: auto;
-  margin-left: ${u.sp4};
-`,It=y.div`
-  width: 432px;
-  height: ${u.sp8};
-  border: 1px solid ${t=>t.theme.colors.grey3};
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  background-color: ${t=>t.theme.colors.grey5};
-  margin-top: ${u.sp3};
-  margin-bottom: ${u.sp6};
-  border-radius: ${u.sp2};
-`,$t=y.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  height: ${u.sp8};
-  border-right: 1px solid ${t=>t.theme.colors.grey3};
-`,Lt=y.label`
-  width: 257px;
-  margin: auto;
-`,Ot=y.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  color: ${t=>t.theme.colors.grey1};
-  height: ${u.sp8};
-  border-right: 1px solid ${t=>t.theme.colors.grey3};
-`,Rt=y.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  height: ${u.sp8};
-`,xe=y.span`
-  height: ${u.sp8};
-  display: none;
-`,Be=y(Ae)`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  color: ${H.important};
-  width: 434px;
-  text-align: center;
-`,{cardPayment:A,common:{footer:be}}=ke.getLocalizedStrings(),Tt=y(Ke)`
-  color: ${t=>t.theme.colors.hero};
-  text-align: center;
-  margin-top: ${u.sp2};
-`,we=t=>`${t}_form`,Pe="CardPaymentPaymentForm",Wt=({cardPaymentView:t,clientSecret:e,cardSetupInProgress:r,handleConfirmCardSetupIntent:n,updateCardPaymentModalState:o,handleAddCardPaymentSource:i,setCardSetupInProgress:c})=>{const p=pt(),a=st(),[h,f]=O.useState(!1),[x,m]=O.useState(!1),[w,b]=O.useState(!1),[S,E]=O.useState(!1),I=ce(),U=t.cardSetupConfirmStatus.fetchState,M=t.addCardPaymentSourceStatus.fetchState,V=t.cardSetupIntentStatus.fetchState,[D,$]=O.useState(!1),J=async P=>{if(P.preventDefault(),!p||!a)return;const T=a.getElement(ye),_=a.getElement(Se),g=a.getElement(ve);(!T||!_||!g)&&$(!0),E(!0),c(!0),T!=null&&_!=null&&g!=null&&p.confirmCardSetup(e,{payment_method:{card:T}}).then(z=>{E(!1),n(z),z.setupIntent?.id!=null&&i("card","payment_intent",z.setupIntent?.id)}).catch(()=>{E(!1),setTimeout(()=>{c(!1)},2e3)})},B=je(),N={showIcon:!0,style:{base:{...ee.standardRegular.cssObject,color:B.colors.primary,"::placeholder":{color:B.colors.grey2}},invalid:{color:H.important,iconColor:H.important}}},R=U==="In-Progress"||M==="In-Progress"||V==="In-Progress"||S===!0||r===!0,W=h||x||w||U==="In-Progress"||M==="In-Progress"||V==="In-Progress"||S===!0||r===!0;return s.jsx(jt,{windowSize:I,children:s.jsxs(wt,{onSubmit:J,id:we(Pe),children:[s.jsxs(It,{children:[s.jsx($t,{children:s.jsx(Lt,{children:s.jsx(ye,{options:N,onChange:P=>f(!!P.error)})})}),s.jsx(Ot,{children:s.jsxs(kt,{children:[s.jsx(xe,{children:A.cardNumber}),s.jsx(Se,{options:N,onChange:P=>m(!!P.error)})]})}),s.jsx(Rt,{children:s.jsxs(At,{children:[s.jsx(xe,{children:A.CVC}),s.jsx(ve,{options:N,onChange:P=>b(!!P.error)})]})})]}),t.cardSetupConfirmStatus.error||D?s.jsx(Be,{children:A.errorMsg}):null,s.jsx(He,{style:{width:"100%",padding:`${u.sp3} 0 0 0`,borderTop:"none",position:"inherit"},formId:we(Pe),primaryBtn:{label:be.linkCard,style:{width:"104px",height:u.sp6},isLoading:R,isDisabled:W,type:"submit"},cancelBtn:{label:be.cancel,style:{width:"104px",height:u.sp6},onClick:()=>{o(!1)}}}),s.jsxs(Tt,{windowSize:I,children:[A.terms.term1,s.jsx(de,{href:A.terms.term2Link,linkText:A.terms.term2}),A.terms.term3,s.jsx(de,{href:A.terms.term4Link,linkText:A.terms.term4})]})]})})},Yt=({isCardPaymentOpen:t,cardPaymentView:e,stripeKey:r,cardSetupInProgress:n,handleConfirmCardSetupIntent:o,updateCardPaymentModalState:i,handleCreateCardSetupIntent:c,handleAddCardPaymentSource:p,handleResetCardPaymentErrorStatuses:a,setCardSetupInProgress:h})=>{const[f,x]=O.useState(""),m=Ct(r),w=Ne(e.addCardPaymentSourceStatus.fetchState),b=e.addCardPaymentSourceStatus.fetchState;O.useEffect(()=>(c(["card"]),()=>{i(!1),x(""),a()}),[]),O.useEffect(()=>{a()},[t]),O.useEffect(()=>{w==="In-Progress"&&b==="Error"?(h(!1),setTimeout(()=>{i(!1)},2e3)):w==="In-Progress"&&b==="Completed"&&(c(["card"]),setTimeout(()=>{i(!1),h(!1)},2e3))},[w,b]),O.useEffect(()=>{(e.cardSetupConfirmStatus.error||e.addCardPaymentSourceStatus.error)&&(c(["card"]),setTimeout(()=>{h(!1)},2e3))},[e.cardSetupConfirmStatus.error,e.addCardPaymentSourceStatus.error]),O.useEffect(()=>{e.clientSecret!=null&&x(e.clientSecret)},[e.clientSecret]);const S={theme:"stripe",variables:{borderRadius:u.sp1,fontSizeBase:ee.standardRegular.fontSize,fontFamily:ee.standardRegular.fontFamily},rules:{".Input":{border:`1px solid ${H.neutralGrey3Light}`,borderRadius:u.sp1,padding:"10px",fontSize:ee.standardRegular.fontSize}}},E={clientSecret:f,appearance:S},I=ce();return s.jsx(Ue,{open:t,children:s.jsxs(bt,{windowSize:I,isError:!!e.cardSetupConfirmStatus.error,children:[s.jsx(Pt,{children:A.title}),s.jsx(Et,{children:A.subtitle}),f&&m!=null?s.jsx(Te,{options:E,stripe:m,children:s.jsx(Wt,{clientSecret:f,handleConfirmCardSetupIntent:o,updateCardPaymentModalState:i,handleAddCardPaymentSource:p,cardPaymentView:e,cardSetupInProgress:n,setCardSetupInProgress:h})}):s.jsx(Be,{children:A.errorMsg})]})})},Z={sectionWidth:new oe(343,580,726),iconWidthHeight:new oe(20,qe[4])},_t={title:new Ge("standardSemiBold","largeSemiBold")},Ee=t=>t?ae[t]??{name:"Other",iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"}:{name:"Other",iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},zt=(t,e,r,n)=>({header:t,title:`${ue(ae[n.cardsList[0]?.brand]?.name??"")} ${e}`,subtitle:`${ue(ae[n.cardsList[0]?.brand]?.name??"")} ${r} ${n.cardsList[0]?.last4}`,status:n.cardsList[0]?.status}),Dt=y.img`
-  width: ${t=>t.width}px;
-  height: ${t=>t.height}px;
-`,Zt=({paymentAccount:t,plaidConnectionDetails:e,connectedAccountProvider:r,sectionId:n,isDisabled:o,hasError:i=!1,isValid:c,style:p,analytics:a,onFetchLinkTokenClick:h,onEstablishConnectionClick:f,onUpdatePaymentAccountStatus:x,onUpdatePaymentAccountLoginStatus:m,onEstablishConnectionSuccess:w,updateCardPaymentModalState:b,cardPaymentView:S,resetCardPaymentViewState:E,cardSetupInProgress:I=!1,googleAPIKey:U,subscriptionBillingAddress:M,subscriptionBillingAddressSectionId:V})=>{const D=je(),$=ce(),{register:J}=Me(),B=D.mode==="light"?new ne(D.colors.brandColorJadeLight):new ne(D.colors.brandColorJadeDark),{common:N,customerOnboardingPage:{sections:{link_payment_account:{title:R,text:W,subText:P},card_payment_method:T}}}=ke.getLocalizedStrings(),_=S.cardsList.length>0,g=S.cardsList[0]?.brand??"other",z=S.addCardPaymentSourceStatus.fetchState,j=zt(T.header,T.titleText,T.protectedCardNo,S);let F;return _&&(F={header:j.header,title:j.title,subtitle:j.subtitle,status:j.status==="valid"?{name:"Verified",code:"verified"}:{name:"Pending",code:"pending"},showAddPaymentMethodDropDown:_===!0,icon:{element:s.jsx(Dt,{src:Ee(g).iconURL,width:Z.iconWidthHeight.valuePx($),height:Z.iconWidthHeight.valuePx($),alt:Ee(g).name,loading:"lazy"}),color:new ne(B)},showCompletedIcon:!1,isError:z==="Error",isLoading:z==="In-Progress",isCompleted:!0,showRightArrow:!1}),s.jsxs(Nt,{windowSize:$,children:[s.jsx(Ut,{type:"hidden",...J(`${n}.connected`,{validate:K=>i?K==="true":!0}),value:c?"true":"false"}),s.jsx(Ye,{connectedAccountProvider:r,paymentAccount:t,plaidConnectionDetails:e,allBankAccounts:[],header:R,sectionTitle:R,defaultSectionTitle:W,defaultSectionSubTitle:P,sectionId:n,isDisabled:o,hasError:i,showZeniAccountSection:!1,isCompleted:t?.providerVerificationStatus?.code?.includes("verified")===!0&&t?.isLoginRequired===!1,showCompletedIcon:$==="small",onFetchLinkTokenClick:h,onEstablishConnectionClick:f,onUpdatePaymentAccountStatus:x,onUpdatePaymentAccountLoginStatus:m,onEstablishConnectionSuccess:w,style:p,icon:{element:s.jsx(Ve,{width:Z.iconWidthHeight.valuePx($),height:Z.iconWidthHeight.valuePx($)}),color:B},analytics:a,productType:"onboarding",resetCardPaymentViewState:E,cardPaymentSectionValues:F,cardPaymentView:S,updateCardPaymentModalState:b,referrer:"Onboarding",cardSetupInProgress:I}),Bt($,N.headers.billingAddress,V,a,M,U,o)]})},Bt=(t,e,r,n,o,i,c)=>{const p={"Add street address":"street_address","Add suite":"suite","Add city":"city","Add state":"state","Select country":"country","Add ZIP code":"zip_code","Add secondary info":"secondary_info"};return s.jsxs(Vt,{children:[s.jsx(Mt,{windowSize:t,isDisabled:c==="disabled",children:e}),s.jsx(Je,{googleAPIKey:i??"",addressToEdit:o,sectionId:`${r}`,style:{marginLeft:"0px"},elementsStyle:{paddingRight:"0px"},onFormFieldClick:a=>{if(a.target instanceof HTMLInputElement){const{placeholder:h}=a.target;if(h){const f=p[h];f&&n.trackOnboardingBillingAddress(f)}}}})]})},Nt=y.div`
-  display: flex;
-  flex-direction: column;
-  width: ${t=>Z.sectionWidth.valuePx(t.windowSize)};
-  padding-bottom: ${u.sp3};
-`,Ut=y.input`
-  display: none;
-`,Mt=y.div`
-  ${t=>`${_t.title.style(t.windowSize)}`};
-  margin-bottom: ${u.sp3};
-  margin-top: ${u.sp3};
-  color: ${t=>t.isError===!0?H.important:t.isDisabled===!0?t.theme.colors.grey1:t.theme.colors.primary};
-`,Vt=y.div`
-  margin-top: ${u.sp5};
-  margin-bottom: ${u.sp4};
-`;export{zt as M,Ee as o,Zt as r,Yt as t};