@zeniai/web-cockpit-ui 1.14.19-dev → 1.14.19-dev-betaSK01

package/dist/assets/PandLWithForecastPage-3h8Q4kZg-CZgSqzQW.js

@@ -0,0 +1,107 @@
+import{j as o,H as M,u as T,K as v,Z as A,aW as ne,F as c,r as ie,i as ae,x as D,y as ce,o as s,I as le,a8 as de,b$ as ge,c0 as me,m as pe,n as P,l as G,a$ as he,c1 as ue,a6 as fe,a7 as xe,ap as we}from"./index-D9zAXs3-.js";import{n,b as F}from"./vendor-Bs1fkIUX.js";import{M as je}from"./NavBarWithPicker-CBOGjIl3-ajX8qLcM.js";import{m as Se}from"./analyticsHelper-B3JHS_Qr-D08xKZsr.js";import{M as $e}from"./TimeframeSwitcherWithToggle-DMblyoo8-ize9yIra.js";import{T as be,R as Pe}from"./CollapsableReportTable-CDe76ha7-3Q7qsS_e.js";import{M as E}from"./usp-line-BBd1wKwW-ZlUrfnG1.js";import{T as ke,I as ye,L as Ce}from"./mapSectionWithAcOnlyToTreeNode-BujdmE12-MD1XTXUW.js";import{s as H}from"./mapTimeframeBalancesToTreeNode-DLd8jhti-Bxl7AnhE.js";import"./mui-Ty75qFQF.js";import"./analytics-CBL_L82S.js";import"./routing-lj7oVq6C.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-C2xecagE.js";import"./crypto-DPjkCRYF.js";import"./TimeframeSwitcher-DABwUJSm-DPkuAUy9.js";import"./AccountRow-COaolUm5-Bsrm5YYV.js";import"./clock-CJkylEKt-CJ3FIZ_o.js";import"./Loader-Cqmoylhp-CKPikayq.js";import"./sectionColor-euXcOIkp-Cmmp8esL.js";const K="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual.png",Y="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual-dark.png",ze=n.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+`,ve=n.div`
+  padding: ${e=>e.windowSize==="small"?`${s.sp0} ${s.sp3}`:`${s.sp0} ${s.sp8}`};
+  text-align: center;
+`,Le=n(me)`
+  max-width: 600px;
+  margin: auto;
+  padding: ${s.sp7} ${s.sp0};
+  color: ${e=>e.theme.colors.primary};
+`,Te=n(ge)`
+  max-width: 600px;
+  margin: auto;
+  padding: ${s.sp5} ${s.sp0};
+  color: ${e=>e.theme.colors.primary};
+`,J=n.div`
+  display: flex;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-items: center;
+  justify-content: center;
+  margin-bottom: ${e=>e.windowSize==="small"?s.sp3:s.sp4};
+`,Ie=n.div``,Q=n.div`
+  width: ${e=>e.windowSize==="small"?"auto":"408px"};
+  display: flex;
+  flex-direction: column;
+`,Z=n.div`
+  width: ${e=>e.windowSize==="small"?"100%":"calc(100% - 408px)"};
+  overflow: hidden;
+  max-width: 712px;
+  display: flex;
+`,X=n.div`
+  margin-left: ${e=>e.windowSize==="small"?s.sp0:s.sp6};
+  margin-bottom: ${e=>e.windowSize==="small"?s.sp4:s.sp0};
+  background: ${e=>e.theme.colors.background};
+  border-radius: 12px;
+  border: ${e=>`1px solid ${e.theme.colors.grey5}`};
+  padding: 15px;
+`,k=n.div`
+  border-radius: ${s.sp12};
+  border: ${e=>`1px solid ${e.theme.colors.grey2}`};
+  padding: ${e=>e.windowSize==="small"?`${s.sp2} ${s.sp4} ${s.sp2} ${s.sp0}`:`${s.sp3} ${s.sp5} ${s.sp3} ${s.sp0}`};
+  background: ${e=>e.theme.colors.grey5};
+  position: relative;
+  margin-bottom: ${s.sp3};
+  display: flex;
+  align-items: center;
+  text-align: start;
+  box-sizing: border-box;
+`,B=n(we)`
+  color: ${e=>e.theme.colors.champion};
+`,N=n(xe)`
+  color: ${e=>e.theme.colors.champion};
+`,O=n(fe)`
+  color: ${e=>e.theme.colors.champion};
+`,_=n(ue)`
+  color: ${e=>e.theme.colors.champion};
+`,y=n.div``,C=n.div`
+  padding-left: ${s.sp3};
+`,ee=n(E)`
+  color: ${e=>e.theme.colors.graphColor18};
+`,oe=n(E)`
+  color: ${e=>e.theme.colors.graphColor25};
+`,te=n(E)`
+  color: ${e=>e.theme.colors.graphColor04};
+`,Me=n(pe)`
+  margin: ${s.sp3} auto;
+  max-width: 422px;
+  color: ${e=>e.theme.colors.hero};
+`,Ae=()=>{const e=T(),t=v();return o.jsxs(J,{windowSize:t,children:[o.jsx(Z,{windowSize:t,children:o.jsx(X,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:Y,alt:"forecast-promo",style:{width:"100%",height:"auto"}}):o.jsx("img",{src:K,alt:"forecast-promo",style:{width:"100%",height:"auto"}})})}),o.jsxs(Q,{windowSize:t,children:[o.jsxs(k,{windowSize:t,children:[o.jsx(y,{children:o.jsx(ee,{})}),o.jsxs(C,{children:[o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(k,{windowSize:t,children:[o.jsx(y,{children:o.jsx(oe,{})}),o.jsxs(C,{children:[o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(k,{windowSize:t,children:[o.jsx(y,{children:o.jsx(te,{})}),o.jsxs(C,{children:[o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]})]})},Fe=()=>{const e=T(),t=v();return o.jsxs(J,{windowSize:t,children:[o.jsxs(Q,{windowSize:t,children:[o.jsxs(k,{windowSize:t,style:{width:"408px"},children:[o.jsx(y,{children:o.jsx(ee,{})}),o.jsxs(C,{children:[o.jsx(N,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(k,{windowSize:t,style:{width:"275px",alignSelf:"end"},children:[o.jsx(y,{children:o.jsx(oe,{})}),o.jsxs(C,{children:[o.jsx(N,{children:c.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(k,{windowSize:t,style:{width:"408px"},children:[o.jsx(y,{children:o.jsx(te,{})}),o.jsxs(C,{children:[o.jsx(N,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]}),o.jsx(Z,{windowSize:t,children:o.jsx(X,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:Y,alt:"forecast-promo",style:{width:"640px",height:"402px"}}):o.jsx("img",{src:K,alt:"forecast-promo",style:{width:"640px",height:"402px"}})})})]})},Be=({meetingUrl:e,onBackClick:t,onClickMenuIcon:r})=>{const a=T(),l=v(),d=()=>{window.open(e.toString(),"_blank")};return o.jsxs(ze,{"data-testid":A("forecast-promo-page"),children:[o.jsx(ne,{title:c.getLocalizedStrings().forecastPromoPage.title,backgroundColor:a.colors.grey4,onBackClick:t,showMenuIcon:l==="medium-compact"||l==="small",onClickMenuIcon:r,source:"ForecastPromoPage"}),o.jsxs(ve,{"data-testid":A("forecast-promo-container"),windowSize:l,children:[l==="small"?o.jsx(Te,{children:c.getLocalizedStrings().forecastPromoPage.promoText}):o.jsx(Le,{children:c.getLocalizedStrings().forecastPromoPage.promoText}),l==="small"?o.jsx(Ae,{}):o.jsx(Fe,{}),o.jsxs(Ie,{"data-testid":A("forecast-promo-bottom-container"),children:[o.jsx(ie,{variant:"primary",label:c.getLocalizedStrings().forecastPromoPage.meetingButton,onClick:d}),o.jsx(Me,{children:c.getLocalizedStrings().forecastPromoPage.forecastUpload})]})]})]})};function Ne(e,t,r=!0){const a=c.getLocalizedStrings().reports,l=e.filter.balancesRange.numberOfPeriods,d=e.sections.expenses!=null&&e.sections.expenses.balances.length>0?e.sections.expenses.balances:e.sections.income!=null?e.sections.income.balances:[],p=H({balances:d,config:t}),m=[];return m.push(p),e.idsInOrder.forEach(i=>{if(G.isPandLReportViewSectionID(i)===!0){const f=e.sections[i];if(f==null)return;f.accountGroups.length>0?m.push(ke({section:e.sections[i],sectionType:i,numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t})):m.push(ye({sectionWithAcOnly:e.sections[i],sectionType:i,numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t}))}else G.isPandLReportViewCalculatedSectionID(i)===!0&&m.push(Ce({calculatedSection:e.calculatedSections[i],numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t}))}),{config:t,headerNodes:r?[p]:[],contentNodes:m}}function Oe(e,t,r,a=!0){Object.assign(e.config,t);const l=r.sections.expenses.balances.length>0?[...r.sections.expenses.balances,...r.sections.expenses.additionalBalances]:[...r.sections.income.balances,...r.sections.income.additionalBalances],d=H({balances:l,config:t,nodeId:e.contentNodes[0].id}),p=e.contentNodes.slice(1);return p.forEach(m=>se(m,t)),{config:t,headerNodes:a?[d]:[],contentNodes:[d,...p]}}function se(e,t){Object.assign(e.reportElementData.config,t),e.children.forEach(r=>se(r,t))}const L={contentPaddingLeft:new D(P[3],P[3],P[8]),contentPaddingRight:new D(P[3],P[3],P[8])},_e=n.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Ee=n.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  width: 99.9%;
+  margin-top: ${s.sp2};
+  background-color: ${e=>e.theme.colors.grey4};
+`,Re=n.div`
+  display: flex;
+  width: 100%;
+  flex: 1;
+  height: 100%;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey4};
+`,U=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?o.jsx(Re,{children:o.jsx(ae,{size:"ExtraLarge",start:!0})}):null,Ve=n.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  padding-left: ${e=>e.paddingLeft}px;
+  padding-right: ${e=>e.paddingRight}px;
+`,We=n.div`
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: ${s.sp3};
+`,De=({forecastList:e,selectedForecastIndex:t,onForecastSelectionChanged:r,vsActualOn:a,onVsActualChanged:l,selectedTimeframe:d,onTimeframeChanged:p,onBackClick:m,isPandLReportFetching:i,onClickMenuIcon:f})=>{const h=v(),u=[];for(let g=0;g<e.length;++g)u.push(`${g}`);const x={backgroundColor:"transparent",picker:{backgroundColor:"transparent",pickerValues:u,valueToLabel:g=>e[parseInt(g)]?.name??"",selectedValue:`${t}`,titleTextStyle:ce.largeMedium,onPickerSelectionChanged:g=>{if(g!=null){const z=e[parseInt(g)];r?.(z.id,parseInt(g))}},styles:{justifyContent:h==="small"?"left":"center"},isPickerDisabled:i},onBackClick:m,showMenuIcon:h==="medium-compact"||h==="small",onClickMenuIcon:f},$={toggle:{label:c.getLocalizedStrings().reports.forecast.vsActual,isOn:a,onValueChanged:l},timeframe:{allowedTimeframes:["month","quarter","year"],selectedTimeframe:d,onTimeframeSelectionChanged:g=>p?.(g)}};return o.jsxs(Ve,{paddingLeft:L.contentPaddingLeft.value(h),paddingRight:L.contentPaddingRight.value(h),children:[o.jsx(je,{...x}),i?"":o.jsx(We,{children:o.jsx($e,{...$})})]})},Ge=({report:e,type:t,isActualVsForecastOn:r,compareMode:a,onAccountBalanceClick:l,onCompareModeChanged:d,scrollPosition:p,onTableScroll:m,nodeOpenStatus:i,onNodeCollapseToggled:f})=>{const h=T(),u=v(),[x,$]=F.useState(void 0),[g,z]=F.useState(void 0),b=!(u==="small"||u==="medium-compact"),I=r===!0?"actual_vs_forecast":"none";return F.useEffect(()=>{const j={reportId:`${e.reportId}+${e.forecast?.id}`,displayOrder:"ascending_date",reportFormat:"more_detailed",mode:I,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:Pe(t)===!0&&r===!1?"filter_forecast_nil_balances":"filter_actual_forecast_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",dataAvailable:e.dataAvailable,showNegativeAmountInParenthesis:he()};if(x==null||!le(g,e)){const w=Ne(e,j,b);z(e),$(w)}else{const w=Oe(x,j,e,b);$(w)}},[t,r,e]),x!=null?o.jsx(be,{backgroundColor:new de(h.colors.grey4),rootNodes:x,type:t,compareMode:a,isSticky:{isStickyHeader:b,isStickyName:b},treeNodePadding:{left:L.contentPaddingLeft.value(u),right:L.contentPaddingRight.value(u)},onAccountClick:l==null?void 0:(j,w)=>{l(j,w)},onCompareModeChanged:d,scrollPosition:p,onScroll:m,nodeOpenStatus:i,onNodeCollapseToggled:f}):null};function uo({selectedTimeframe:e,isForecastVsActualOn:t,compareMode:r,forecastList:a,selectedForecast:l,pandLreport:d,type:p,meetingUrl:m,analytics:i,onForecastSelectionChanged:f,onTimeframeChanged:h,onForecastVsActualsCompareToggle:u,onAccountBalanceClick:x,onCompareModeChanged:$,scrollPosition:g,onTableScroll:z,nodeOpenStatus:b,onNodeCollapseToggled:I,onBackClick:j,onClickMenuIcon:w}){const R=[a.fetchState,d.fetchState],V=l?.index??-1;return re(R)===!0||a.fetchState==="Completed"&&a.forecasts.length===0?o.jsx(Be,{meetingUrl:m,onBackClick:j,onClickMenuIcon:w}):q([a.fetchState])===!0?o.jsx(U,{fetchState:qe(R)}):o.jsxs(_e,{children:[o.jsx(De,{forecastList:a.forecasts,selectedForecastIndex:V,onForecastSelectionChanged:(S,W)=>{i?.trackForecastSwitch(M.Event.profitAndLossWithForecast,a.forecasts[W].name),f?.(S,W)},vsActualOn:t,onVsActualChanged:S=>{i?.trackForecastVsActualMode(M.Event.profitAndLossWithForecast,a.forecasts[V].name,S),u?.(S)},selectedTimeframe:e,onTimeframeChanged:S=>{i?.trackTimeframeSwitch(Se(S),M.Event.profitAndLossWithForecast),h?.(S)},onBackClick:j,isPandLReportFetching:q([d.fetchState]),onClickMenuIcon:w}),d.fetchState==="In-Progress"?o.jsx(U,{fetchState:"In-Progress"}):o.jsx(Ee,{children:o.jsx(Ge,{report:d,type:p,isActualVsForecastOn:t,compareMode:r,onAccountBalanceClick:x,onCompareModeChanged:$,scrollPosition:g,onTableScroll:z,nodeOpenStatus:b,onNodeCollapseToggled:I})})]})}const Ue=e=>e.reduce((t,r)=>t===!0&&r==="Completed",!0),re=e=>e.reduce((t,r)=>t===!0||r==="Error",!1),q=e=>e.reduce((t,r)=>t===!0||r==="Not-Started"||r==="In-Progress",!1),qe=e=>Ue(e)===!0?"Completed":re(e)===!0?"Error":"In-Progress";export{uo as default,q as isAnyInProgress};

package/dist/assets/{PaymentAccountSetupBillingAddressSection-D6cW0hFS-DO3Osr4s.js → PaymentAccountSetupBillingAddressSection-YLuS3VUf-CaBoPPAw.js}

@@ -1,5 +1,5 @@
-import{eQ as pe,M as le,a2 as Me,v as te,o as u,c as H,e as ue,j as i,bn as De,u as ke,ck as Ve,a8 as ae,C as oe,aS as qe,bq as Fe,n as Re,a4 as He,g as me,q as Ke,gj as Je,B as Ge,b as Ye}from"./index-CyJdCOlu.js";import{f as l,b as O,n as y}from"./vendor-CnQcJ2Lu.js";import{P as p}from"./mui-Bi8r7UDG.js";import{O as Qe}from"./SetUpAccountSection-CaLxl4l3-BRnWdFeV.js";function fe(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(t,a).enumerable})),r.push.apply(r,n)}return r}function ge(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?fe(Object(r),!0).forEach(function(n){$e(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):fe(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function re(t){"@babel/helpers - typeof";return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?re=function(e){return typeof e}:re=function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},re(t)}function $e(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function Ae(t,e){return Ze(t)||Xe(t,e)||et(t,e)||tt()}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=[],a=!0,s=!1,c,m;try{for(r=r.call(t);!(a=(c=r.next()).done)&&(n.push(c.value),!(e&&n.length===e));a=!0);}catch(o){s=!0,m=o}finally{try{!a&&r.return!=null&&r.return()}finally{if(s)throw m}}return n}}function et(t,e){if(t){if(typeof t=="string")return he(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 he(t,e)}}function he(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 tt(){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 a=!!n,s=l.useRef(n);l.useEffect(function(){s.current=n},[n]),l.useEffect(function(){if(!a||!e)return function(){};var c=function(){s.current&&s.current.apply(s,arguments)};return e.on(r,c),function(){e.off(r,c)}},[a,r,e,s])},se=function(e){var r=l.useRef(e);return l.useEffect(function(){r.current=e},[e]),r.current},K=function(e){return e!==null&&re(e)==="object"},rt=function(e){return K(e)&&typeof e.then=="function"},nt=function(e){return K(e)&&typeof e.elements=="function"&&typeof e.createToken=="function"&&typeof e.createPaymentMethod=="function"&&typeof e.confirmCardPayment=="function"},ve="[object Object]",at=function t(e,r){if(!K(e)||!K(r))return e===r;var n=Array.isArray(e),a=Array.isArray(r);if(n!==a)return!1;var s=Object.prototype.toString.call(e)===ve,c=Object.prototype.toString.call(r)===ve;if(s!==c)return!1;if(!s&&!n)return e===r;var m=Object.keys(e),o=Object.keys(r);if(m.length!==o.length)return!1;for(var h={},f=0;f<m.length;f+=1)h[m[f]]=!0;for(var x=0;x<o.length;x+=1)h[o[x]]=!0;var g=Object.keys(h);if(g.length!==m.length)return!1;var w=e,P=r,S=function($){return t(w[$],P[$])};return g.every(S)},Ie=function(e,r,n){return K(e)?Object.keys(e).reduce(function(a,s){var c=!K(r)||!at(e[s],r[s]);return n.includes(s)?(c&&console.warn("Unsupported prop change: options.".concat(s," is not a mutable property.")),a):c?ge(ge({},a||{}),{},$e({},s,e[s])):a},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.",ye=function(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:Oe;if(e===null||nt(e))return e;throw new Error(r)},ot=function(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:Oe;if(rt(e))return{tag:"async",stripePromise:Promise.resolve(e).then(function(a){return ye(a,r)})};var n=ye(e,r);return n===null?{tag:"empty"}:{tag:"sync",stripe:n}},st=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"}))},ne=l.createContext(null);ne.displayName="ElementsContext";var Ue=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},ze=function(e){var r=e.stripe,n=e.options,a=e.children,s=l.useMemo(function(){return ot(r)},[r]),c=l.useState(function(){return{stripe:s.tag==="sync"?s.stripe:null,elements:s.tag==="sync"?s.stripe.elements(n):null}}),m=Ae(c,2),o=m[0],h=m[1];l.useEffect(function(){var g=!0,w=function(S){h(function(j){return j.stripe?j:{stripe:S,elements:S.elements(n)}})};return s.tag==="async"&&!o.stripe?s.stripePromise.then(function(P){P&&g&&w(P)}):s.tag==="sync"&&!o.stripe&&w(s.stripe),function(){g=!1}},[s,o,n]);var f=se(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=se(n);return l.useEffect(function(){if(o.elements){var g=Ie(n,x,["clientSecret","fonts"]);g&&o.elements.update(g)}},[n,x,o.elements]),l.useEffect(function(){st(o.stripe)},[o.stripe]),l.createElement(ne.Provider,{value:o},a)};ze.propTypes={stripe:p.any,options:p.object};var it=function(e){var r=l.useContext(ne);return Ue(r,e)},ct=function(){var e=it("calls useElements()"),r=e.elements;return r};p.func.isRequired;var Te=l.createContext(null);Te.displayName="CustomCheckoutSdkContext";var lt=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},ut=l.createContext(null);ut.displayName="CustomCheckoutContext";p.any,p.shape({clientSecret:p.string.isRequired,elementsOptions:p.object}).isRequired;var ie=function(e){var r=l.useContext(Te),n=l.useContext(ne);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?lt(r,e):Ue(n,e)},dt=function(e){return e.charAt(0).toUpperCase()+e.slice(1)},C=function(e,r){var n="".concat(dt(e),"Element"),a=function(o){var h=o.id,f=o.className,x=o.options,g=x===void 0?{}:x,w=o.onBlur,P=o.onFocus,S=o.onReady,j=o.onChange,$=o.onEscape,D=o.onClick,V=o.onLoadError,q=o.onLoaderStart,B=o.onNetworksChange,A=o.onConfirm,J=o.onCancel,N=o.onShippingAddressChange,M=o.onShippingRateChange,U=ie("mounts <".concat(n,">")),T="elements"in U?U.elements:null,E="customCheckoutSdk"in U?U.customCheckoutSdk:null,z=l.useState(null),_=Ae(z,2),v=_[0],W=_[1],L=l.useRef(null),F=l.useRef(null);k(v,"blur",w),k(v,"focus",P),k(v,"escape",$),k(v,"click",D),k(v,"loaderror",V),k(v,"loaderstart",q),k(v,"networkschange",B),k(v,"confirm",A),k(v,"cancel",J),k(v,"shippingaddresschange",N),k(v,"shippingratechange",M),k(v,"change",j);var G;S&&(e==="expressCheckout"?G=S:G=function(){S(v)}),k(v,"ready",G),l.useLayoutEffect(function(){if(L.current===null&&F.current!==null&&(T||E)){var I=null;E?I=E.createElement(e,g):T&&(I=T.create(e,g)),L.current=I,W(I),I&&I.mount(F.current)}},[T,E,g]);var de=se(g);return l.useEffect(function(){if(L.current){var I=Ie(g,de,["paymentRequest"]);I&&L.current.update(I)}},[g,de]),l.useLayoutEffect(function(){return function(){if(L.current&&typeof L.current.destroy=="function")try{L.current.destroy(),L.current=null}catch{}}},[]),l.createElement("div",{id:h,className:f,ref:F})},s=function(o){ie("mounts <".concat(n,">"));var h=o.id,f=o.className;return l.createElement("div",{id:h,className:f})},c=r?s:a;return c.propTypes={id:p.string,className:p.string,onChange:p.func,onBlur:p.func,onFocus:p.func,onReady:p.func,onEscape:p.func,onClick:p.func,onLoadError:p.func,onLoaderStart:p.func,onNetworksChange:p.func,onConfirm:p.func,onCancel:p.func,onShippingAddressChange:p.func,onShippingRateChange:p.func,options:p.object},c.displayName=n,c.__elementType=e,c},b=typeof window>"u",pt=l.createContext(null);pt.displayName="EmbeddedCheckoutProviderContext";var mt=function(){var e=ie("calls useStripe()"),r=e.stripe;return r};C("auBankAccount",b);C("card",b);var Se=C("cardNumber",b),Ce=C("cardExpiry",b),be=C("cardCvc",b);C("fpxBank",b);C("iban",b);C("idealBank",b);C("p24Bank",b);C("epsBank",b);C("payment",b);C("expressCheckout",b);C("paymentRequestButton",b);C("linkAuthentication",b);C("address",b);C("shippingAddress",b);C("paymentMethodMessaging",b);C("affirmMessage",b);C("afterpayClearpayMessage",b);var _e="https://js.stripe.com/v3",ft=/^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/;var gt=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},xe=function(e){var r="",n=document.createElement("script");n.src="".concat(_e).concat(r);var a=document.head||document.body;if(!a)throw new Error("Expected document.body not to be null. Stripe.js requires a <body> element.");return a.appendChild(n),n},ht=function(e,r){!e||!e._registerWrapper||e._registerWrapper({name:"stripe-js",version:"4.3.0",startTime:r})},Y=null,X=null,ee=null,vt=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 Y!==null?Y:(Y=new Promise(function(r,n){if(typeof window>"u"||typeof document>"u"){r(null);return}if(window.Stripe){r(window.Stripe);return}try{var a=gt();if(!(a&&e)){if(!a)a=xe(e);else if(a&&ee!==null&&X!==null){var s;a.removeEventListener("load",ee),a.removeEventListener("error",X),(s=a.parentNode)===null||s===void 0||s.removeChild(a),a=xe(e)}}ee=yt(r,n),X=vt(n),a.addEventListener("load",ee),a.addEventListener("error",X)}catch(c){n(c);return}}),Y.catch(function(r){return Y=null,Promise.reject(r)}))},Ct=function(e,r,n){if(e===null)return null;var a=e.apply(void 0,r);return ht(a,n),a},Q,We=!1,Be=function(){return Q||(Q=St(null).catch(function(e){return Q=null,Promise.reject(e)}),Q)};Promise.resolve().then(function(){return Be()}).catch(function(t){We||console.warn(t)});var bt=function(){for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];We=!0;var a=Date.now();return Be().then(function(s){return Ct(s,r,a)})};const xt={containerHeight:new oe(656,720)},Pt=y.div`
+import{ev as pe,F as le,a2 as Me,y as te,o as u,h as H,K as ue,j as i,bn as De,u as ke,cd as Ve,a8 as ae,x as oe,aS as Fe,bq as qe,k as Re,a4 as He,Y as me,n as Ke,gI as Je,O as Ge,V as Ye}from"./index-D9zAXs3-.js";import{w as l,b as O,n as y}from"./vendor-Bs1fkIUX.js";import{P as p}from"./mui-Ty75qFQF.js";import{G as Ze}from"./SetUpAccountSection-2UGQI7fx-D_tNKXyG.js";function fe(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(t,a).enumerable})),r.push.apply(r,n)}return r}function ge(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?fe(Object(r),!0).forEach(function(n){$e(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):fe(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function re(t){"@babel/helpers - typeof";return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?re=function(e){return typeof e}:re=function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},re(t)}function $e(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function Ae(t,e){return Xe(t)||Qe(t,e)||et(t,e)||tt()}function Xe(t){if(Array.isArray(t))return t}function Qe(t,e){var r=t&&(typeof Symbol<"u"&&t[Symbol.iterator]||t["@@iterator"]);if(r!=null){var n=[],a=!0,s=!1,c,m;try{for(r=r.call(t);!(a=(c=r.next()).done)&&(n.push(c.value),!(e&&n.length===e));a=!0);}catch(o){s=!0,m=o}finally{try{!a&&r.return!=null&&r.return()}finally{if(s)throw m}}return n}}function et(t,e){if(t){if(typeof t=="string")return he(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 he(t,e)}}function he(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 tt(){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 a=!!n,s=l.useRef(n);l.useEffect(function(){s.current=n},[n]),l.useEffect(function(){if(!a||!e)return function(){};var c=function(){s.current&&s.current.apply(s,arguments)};return e.on(r,c),function(){e.off(r,c)}},[a,r,e,s])},se=function(e){var r=l.useRef(e);return l.useEffect(function(){r.current=e},[e]),r.current},K=function(e){return e!==null&&re(e)==="object"},rt=function(e){return K(e)&&typeof e.then=="function"},nt=function(e){return K(e)&&typeof e.elements=="function"&&typeof e.createToken=="function"&&typeof e.createPaymentMethod=="function"&&typeof e.confirmCardPayment=="function"},ve="[object Object]",at=function t(e,r){if(!K(e)||!K(r))return e===r;var n=Array.isArray(e),a=Array.isArray(r);if(n!==a)return!1;var s=Object.prototype.toString.call(e)===ve,c=Object.prototype.toString.call(r)===ve;if(s!==c)return!1;if(!s&&!n)return e===r;var m=Object.keys(e),o=Object.keys(r);if(m.length!==o.length)return!1;for(var h={},f=0;f<m.length;f+=1)h[m[f]]=!0;for(var x=0;x<o.length;x+=1)h[o[x]]=!0;var g=Object.keys(h);if(g.length!==m.length)return!1;var P=e,w=r,S=function($){return t(P[$],w[$])};return g.every(S)},Ie=function(e,r,n){return K(e)?Object.keys(e).reduce(function(a,s){var c=!K(r)||!at(e[s],r[s]);return n.includes(s)?(c&&console.warn("Unsupported prop change: options.".concat(s," is not a mutable property.")),a):c?ge(ge({},a||{}),{},$e({},s,e[s])):a},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.",ye=function(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:Oe;if(e===null||nt(e))return e;throw new Error(r)},ot=function(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:Oe;if(rt(e))return{tag:"async",stripePromise:Promise.resolve(e).then(function(a){return ye(a,r)})};var n=ye(e,r);return n===null?{tag:"empty"}:{tag:"sync",stripe:n}},st=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"}))},ne=l.createContext(null);ne.displayName="ElementsContext";var Ue=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},ze=function(e){var r=e.stripe,n=e.options,a=e.children,s=l.useMemo(function(){return ot(r)},[r]),c=l.useState(function(){return{stripe:s.tag==="sync"?s.stripe:null,elements:s.tag==="sync"?s.stripe.elements(n):null}}),m=Ae(c,2),o=m[0],h=m[1];l.useEffect(function(){var g=!0,P=function(S){h(function(j){return j.stripe?j:{stripe:S,elements:S.elements(n)}})};return s.tag==="async"&&!o.stripe?s.stripePromise.then(function(w){w&&g&&P(w)}):s.tag==="sync"&&!o.stripe&&P(s.stripe),function(){g=!1}},[s,o,n]);var f=se(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=se(n);return l.useEffect(function(){if(o.elements){var g=Ie(n,x,["clientSecret","fonts"]);g&&o.elements.update(g)}},[n,x,o.elements]),l.useEffect(function(){st(o.stripe)},[o.stripe]),l.createElement(ne.Provider,{value:o},a)};ze.propTypes={stripe:p.any,options:p.object};var it=function(e){var r=l.useContext(ne);return Ue(r,e)},ct=function(){var e=it("calls useElements()"),r=e.elements;return r};p.func.isRequired;var Te=l.createContext(null);Te.displayName="CustomCheckoutSdkContext";var lt=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},ut=l.createContext(null);ut.displayName="CustomCheckoutContext";p.any,p.shape({clientSecret:p.string.isRequired,elementsOptions:p.object}).isRequired;var ie=function(e){var r=l.useContext(Te),n=l.useContext(ne);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?lt(r,e):Ue(n,e)},dt=function(e){return e.charAt(0).toUpperCase()+e.slice(1)},C=function(e,r){var n="".concat(dt(e),"Element"),a=function(o){var h=o.id,f=o.className,x=o.options,g=x===void 0?{}:x,P=o.onBlur,w=o.onFocus,S=o.onReady,j=o.onChange,$=o.onEscape,D=o.onClick,V=o.onLoadError,F=o.onLoaderStart,B=o.onNetworksChange,A=o.onConfirm,J=o.onCancel,N=o.onShippingAddressChange,M=o.onShippingRateChange,U=ie("mounts <".concat(n,">")),T="elements"in U?U.elements:null,E="customCheckoutSdk"in U?U.customCheckoutSdk:null,z=l.useState(null),_=Ae(z,2),v=_[0],W=_[1],L=l.useRef(null),q=l.useRef(null);k(v,"blur",P),k(v,"focus",w),k(v,"escape",$),k(v,"click",D),k(v,"loaderror",V),k(v,"loaderstart",F),k(v,"networkschange",B),k(v,"confirm",A),k(v,"cancel",J),k(v,"shippingaddresschange",N),k(v,"shippingratechange",M),k(v,"change",j);var G;S&&(e==="expressCheckout"?G=S:G=function(){S(v)}),k(v,"ready",G),l.useLayoutEffect(function(){if(L.current===null&&q.current!==null&&(T||E)){var I=null;E?I=E.createElement(e,g):T&&(I=T.create(e,g)),L.current=I,W(I),I&&I.mount(q.current)}},[T,E,g]);var de=se(g);return l.useEffect(function(){if(L.current){var I=Ie(g,de,["paymentRequest"]);I&&L.current.update(I)}},[g,de]),l.useLayoutEffect(function(){return function(){if(L.current&&typeof L.current.destroy=="function")try{L.current.destroy(),L.current=null}catch{}}},[]),l.createElement("div",{id:h,className:f,ref:q})},s=function(o){ie("mounts <".concat(n,">"));var h=o.id,f=o.className;return l.createElement("div",{id:h,className:f})},c=r?s:a;return c.propTypes={id:p.string,className:p.string,onChange:p.func,onBlur:p.func,onFocus:p.func,onReady:p.func,onEscape:p.func,onClick:p.func,onLoadError:p.func,onLoaderStart:p.func,onNetworksChange:p.func,onConfirm:p.func,onCancel:p.func,onShippingAddressChange:p.func,onShippingRateChange:p.func,options:p.object},c.displayName=n,c.__elementType=e,c},b=typeof window>"u",pt=l.createContext(null);pt.displayName="EmbeddedCheckoutProviderContext";var mt=function(){var e=ie("calls useStripe()"),r=e.stripe;return r};C("auBankAccount",b);C("card",b);var Se=C("cardNumber",b),Ce=C("cardExpiry",b),be=C("cardCvc",b);C("fpxBank",b);C("iban",b);C("idealBank",b);C("p24Bank",b);C("epsBank",b);C("payment",b);C("expressCheckout",b);C("paymentRequestButton",b);C("linkAuthentication",b);C("address",b);C("shippingAddress",b);C("paymentMethodMessaging",b);C("affirmMessage",b);C("afterpayClearpayMessage",b);var _e="https://js.stripe.com/v3",ft=/^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/;var gt=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},xe=function(e){var r="",n=document.createElement("script");n.src="".concat(_e).concat(r);var a=document.head||document.body;if(!a)throw new Error("Expected document.body not to be null. Stripe.js requires a <body> element.");return a.appendChild(n),n},ht=function(e,r){!e||!e._registerWrapper||e._registerWrapper({name:"stripe-js",version:"4.3.0",startTime:r})},Y=null,Q=null,ee=null,vt=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 Y!==null?Y:(Y=new Promise(function(r,n){if(typeof window>"u"||typeof document>"u"){r(null);return}if(window.Stripe){r(window.Stripe);return}try{var a=gt();if(!(a&&e)){if(!a)a=xe(e);else if(a&&ee!==null&&Q!==null){var s;a.removeEventListener("load",ee),a.removeEventListener("error",Q),(s=a.parentNode)===null||s===void 0||s.removeChild(a),a=xe(e)}}ee=yt(r,n),Q=vt(n),a.addEventListener("load",ee),a.addEventListener("error",Q)}catch(c){n(c);return}}),Y.catch(function(r){return Y=null,Promise.reject(r)}))},Ct=function(e,r,n){if(e===null)return null;var a=e.apply(void 0,r);return ht(a,n),a},Z,We=!1,Be=function(){return Z||(Z=St(null).catch(function(e){return Z=null,Promise.reject(e)}),Z)};Promise.resolve().then(function(){return Be()}).catch(function(t){We||console.warn(t)});var bt=function(){for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];We=!0;var a=Date.now();return Be().then(function(s){return Ct(s,r,a)})};const xt={containerHeight:new oe(656,720)},wt=y.div`
   display: flex;
   flex-direction: column;
   gap: 20px;
@@ -8,11 +8,11 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   justify-content: center;
   box-shadow: ${H.Elevation2Dark};
   border-radius: ${u.sp2};
-`,wt=y.form`
+`,Pt=y.form`
   display: flex;
   flex-direction: column;
   margin-bottom: ${u.sp2};
-`,Et=y(Fe)`
+`,Et=y(qe)`
   padding-top: ${u.sp4};
   text-align: center;
   color: ${t=>t.theme.colors.primary};
@@ -71,7 +71,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   flex-direction: column;
   align-items: flex-start;
   height: ${u.sp8};
-`,Pe=y.span`
+`,we=y.span`
   height: ${u.sp8};
   display: none;
 `,Ne=y(Re)`
@@ -82,17 +82,17 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   color: ${H.important};
   width: 434px;
   text-align: center;
-`,{cardPayment:R,common:{footer:we}}=le.getLocalizedStrings(),zt=y(Ge)`
+`,{cardPayment:R,common:{footer:Pe}}=le.getLocalizedStrings(),zt=y(Ge)`
   color: ${t=>t.theme.colors.hero};
   text-align: center;
   margin-top: ${u.sp2};
-`,Ee=t=>`${t}_form`,je="CardPaymentPaymentForm",Tt=({cardPaymentView:t,clientSecret:e,cardSetupInProgress:r,handleConfirmCardSetupIntent:n,updateCardPaymentModalState:a,handleAddCardPaymentSource:s,setCardSetupInProgress:c})=>{const m=mt(),o=ct(),[h,f]=O.useState(!1),[x,g]=O.useState(!1),[w,P]=O.useState(!1),[S,j]=O.useState(!1),$=ue(),D=t.cardSetupConfirmStatus.fetchState,V=t.addCardPaymentSourceStatus.fetchState,q=t.cardSetupIntentStatus.fetchState,[B,A]=O.useState(!1),J=async E=>{if(E.preventDefault(),!m||!o)return;const z=o.getElement(Se),_=o.getElement(Ce),v=o.getElement(be);(!z||!_||!v)&&A(!0),j(!0),c(!0),z!=null&&_!=null&&v!=null&&m.confirmCardSetup(e,{payment_method:{card:z}}).then(W=>{j(!1),n(W),W.setupIntent?.id!=null&&s("card","payment_intent",W.setupIntent?.id)}).catch(()=>{j(!1),setTimeout(()=>{c(!1)},2e3)})},N=ke(),M={showIcon:!0,style:{base:{...te.standardRegular.cssObject,color:N.colors.primary,"::placeholder":{color:N.colors.grey2}},invalid:{color:H.important,iconColor:H.important}}},U=D==="In-Progress"||V==="In-Progress"||q==="In-Progress"||S===!0||r===!0,T=h||x||w||D==="In-Progress"||V==="In-Progress"||q==="In-Progress"||S===!0||r===!0;return i.jsx(Lt,{windowSize:$,children:i.jsxs(wt,{onSubmit:J,id:Ee(je),children:[i.jsxs($t,{children:[i.jsx(At,{children:i.jsx(It,{children:i.jsx(Se,{options:M,onChange:E=>f(!!E.error)})})}),i.jsx(Ot,{children:i.jsxs(kt,{children:[i.jsx(Pe,{children:R.cardNumber}),i.jsx(Ce,{options:M,onChange:E=>g(!!E.error)})]})}),i.jsx(Ut,{children:i.jsxs(Rt,{children:[i.jsx(Pe,{children:R.CVC}),i.jsx(be,{options:M,onChange:E=>P(!!E.error)})]})})]}),t.cardSetupConfirmStatus.error||B?i.jsx(Ne,{children:R.errorMsg}):null,i.jsx(He,{style:{width:"100%",padding:`${u.sp3} 0 0 0`,borderTop:"none",position:"inherit"},formId:Ee(je),primaryBtn:{label:we.linkCard,style:{width:"104px",height:u.sp6},isLoading:U,isDisabled:T,type:"submit"},cancelBtn:{label:we.cancel,style:{width:"104px",height:u.sp6},onClick:()=>{a(!1)}}}),i.jsxs(zt,{windowSize:$,children:[R.terms.term1,i.jsx(me,{href:R.terms.term2Link,linkText:R.terms.term2}),R.terms.term3,i.jsx(me,{href:R.terms.term4Link,linkText:R.terms.term4})]})]})})},Gt=({isCardPaymentOpen:t,cardPaymentView:e,stripeKey:r,cardSetupInProgress:n,handleConfirmCardSetupIntent:a,updateCardPaymentModalState:s,handleCreateCardSetupIntent:c,handleAddCardPaymentSource:m,handleResetCardPaymentErrorStatuses:o,setCardSetupInProgress:h})=>{const[f,x]=O.useState(""),g=bt(r),w=Me(e.addCardPaymentSourceStatus.fetchState),P=e.addCardPaymentSourceStatus.fetchState;O.useEffect(()=>(c(["card"]),()=>{s(!1),x(""),o()}),[]),O.useEffect(()=>{o()},[t]),O.useEffect(()=>{w==="In-Progress"&&P==="Error"?(h(!1),setTimeout(()=>{s(!1)},2e3)):w==="In-Progress"&&P==="Completed"&&(c(["card"]),setTimeout(()=>{s(!1),h(!1)},2e3))},[w,P]),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:te.standardRegular.fontSize,fontFamily:te.standardRegular.fontFamily},rules:{".Input":{border:`1px solid ${H.neutralGrey3Light}`,borderRadius:u.sp1,padding:"10px",fontSize:te.standardRegular.fontSize}}},j={clientSecret:f,appearance:S},$=ue();return i.jsx(De,{open:t,children:i.jsxs(Pt,{windowSize:$,isError:!!e.cardSetupConfirmStatus.error,children:[i.jsx(Et,{children:R.title}),i.jsx(jt,{children:R.subtitle}),f&&g!=null?i.jsx(ze,{options:j,stripe:g,children:i.jsx(Tt,{clientSecret:f,handleConfirmCardSetupIntent:a,updateCardPaymentModalState:s,handleAddCardPaymentSource:m,cardPaymentView:e,cardSetupInProgress:n,setCardSetupInProgress:h})}):i.jsx(Ne,{children:R.errorMsg})]})})},{cardBrands:d}=le.getLocalizedStrings().cardPayment,ce={visa:{name:d.visa,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/visa.svg"},mastercard:{name:d.mastercard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/mastercard.svg"},american_express:{name:d.american_express,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/amex.svg"},discover:{name:d.discover,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/discover-global.svg"},jcb:{name:d.jcb,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/jcb-card.svg"},diners_club:{name:d.diners_club,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/dinersclub.svg"},unionpay:{name:d.unionpay,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},rupay:{name:d.rupay,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/rupay-card.svg"},bancontact:{name:d.bancontact,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cmr_falabella:{name:d.cmr_falabella,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},tarjeta_naranja:{name:d.tarjeta_naranja,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},nativa:{name:d.nativa,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cencosud:{name:d.cencosud,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cabal:{name:d.cabal,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},argencard:{name:d.argencard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},elo:{name:d.elo,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/elo-card.svg"},hipercard:{name:d.hipercard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/hipercard.svg"},carnet:{name:d.carnet,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/carnet.svg"},maestro:{name:d.maestro,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/maestro.svg"},not_applicable:{name:d.not_applicable,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},eftpos_australia:{name:d.eftpos_australia,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},girocard:{name:d.girocard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},other:{name:d.other,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},unknown:{name:d.unknown,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"}},Z={sectionWidth:new oe(343,580,726),iconWidthHeight:new oe(20,Ke[4])},_t={title:new Ye("standardSemiBold","largeSemiBold")},Le=t=>t?ce[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"},Wt=(t,e,r,n)=>({header:t,title:`${pe(ce[n.cardsList[0]?.brand]?.name??"")} ${e}`,subtitle:`${pe(ce[n.cardsList[0]?.brand]?.name??"")} ${r} ${n.cardsList[0]?.last4}`,status:n.cardsList[0]?.status}),Bt=y.img`
+`,Ee=t=>`${t}_form`,je="CardPaymentPaymentForm",Tt=({cardPaymentView:t,clientSecret:e,cardSetupInProgress:r,handleConfirmCardSetupIntent:n,updateCardPaymentModalState:a,handleAddCardPaymentSource:s,setCardSetupInProgress:c})=>{const m=mt(),o=ct(),[h,f]=O.useState(!1),[x,g]=O.useState(!1),[P,w]=O.useState(!1),[S,j]=O.useState(!1),$=ue(),D=t.cardSetupConfirmStatus.fetchState,V=t.addCardPaymentSourceStatus.fetchState,F=t.cardSetupIntentStatus.fetchState,[B,A]=O.useState(!1),J=async E=>{if(E.preventDefault(),!m||!o)return;const z=o.getElement(Se),_=o.getElement(Ce),v=o.getElement(be);(!z||!_||!v)&&A(!0),j(!0),c(!0),z!=null&&_!=null&&v!=null&&m.confirmCardSetup(e,{payment_method:{card:z}}).then(W=>{j(!1),n(W),W.setupIntent?.id!=null&&s("card","payment_intent",W.setupIntent?.id)}).catch(()=>{j(!1),setTimeout(()=>{c(!1)},2e3)})},N=ke(),M={showIcon:!0,style:{base:{...te.standardRegular.cssObject,color:N.colors.primary,"::placeholder":{color:N.colors.grey2}},invalid:{color:H.important,iconColor:H.important}}},U=D==="In-Progress"||V==="In-Progress"||F==="In-Progress"||S===!0||r===!0,T=h||x||P||D==="In-Progress"||V==="In-Progress"||F==="In-Progress"||S===!0||r===!0;return i.jsx(Lt,{windowSize:$,children:i.jsxs(Pt,{onSubmit:J,id:Ee(je),children:[i.jsxs($t,{children:[i.jsx(At,{children:i.jsx(It,{children:i.jsx(Se,{options:M,onChange:E=>f(!!E.error)})})}),i.jsx(Ot,{children:i.jsxs(kt,{children:[i.jsx(we,{children:R.cardNumber}),i.jsx(Ce,{options:M,onChange:E=>g(!!E.error)})]})}),i.jsx(Ut,{children:i.jsxs(Rt,{children:[i.jsx(we,{children:R.CVC}),i.jsx(be,{options:M,onChange:E=>w(!!E.error)})]})})]}),t.cardSetupConfirmStatus.error||B?i.jsx(Ne,{children:R.errorMsg}):null,i.jsx(He,{style:{width:"100%",padding:`${u.sp3} 0 0 0`,borderTop:"none",position:"inherit"},formId:Ee(je),primaryBtn:{label:Pe.linkCard,style:{width:"104px",height:u.sp6},isLoading:U,isDisabled:T,type:"submit"},cancelBtn:{label:Pe.cancel,style:{width:"104px",height:u.sp6},onClick:()=>{a(!1)}}}),i.jsxs(zt,{windowSize:$,children:[R.terms.term1,i.jsx(me,{href:R.terms.term2Link,linkText:R.terms.term2}),R.terms.term3,i.jsx(me,{href:R.terms.term4Link,linkText:R.terms.term4})]})]})})},Gt=({isCardPaymentOpen:t,cardPaymentView:e,stripeKey:r,cardSetupInProgress:n,handleConfirmCardSetupIntent:a,updateCardPaymentModalState:s,handleCreateCardSetupIntent:c,handleAddCardPaymentSource:m,handleResetCardPaymentErrorStatuses:o,setCardSetupInProgress:h})=>{const[f,x]=O.useState(""),g=bt(r),P=Me(e.addCardPaymentSourceStatus.fetchState),w=e.addCardPaymentSourceStatus.fetchState;O.useEffect(()=>(c(["card"]),()=>{s(!1),x(""),o()}),[]),O.useEffect(()=>{o()},[t]),O.useEffect(()=>{P==="In-Progress"&&w==="Error"?(h(!1),setTimeout(()=>{s(!1)},2e3)):P==="In-Progress"&&w==="Completed"&&(c(["card"]),setTimeout(()=>{s(!1),h(!1)},2e3))},[P,w]),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:te.standardRegular.fontSize,fontFamily:te.standardRegular.fontFamily},rules:{".Input":{border:`1px solid ${H.neutralGrey3Light}`,borderRadius:u.sp1,padding:"10px",fontSize:te.standardRegular.fontSize}}},j={clientSecret:f,appearance:S},$=ue();return i.jsx(De,{open:t,children:i.jsxs(wt,{windowSize:$,isError:!!e.cardSetupConfirmStatus.error,children:[i.jsx(Et,{children:R.title}),i.jsx(jt,{children:R.subtitle}),f&&g!=null?i.jsx(ze,{options:j,stripe:g,children:i.jsx(Tt,{clientSecret:f,handleConfirmCardSetupIntent:a,updateCardPaymentModalState:s,handleAddCardPaymentSource:m,cardPaymentView:e,cardSetupInProgress:n,setCardSetupInProgress:h})}):i.jsx(Ne,{children:R.errorMsg})]})})},{cardBrands:d}=le.getLocalizedStrings().cardPayment,ce={visa:{name:d.visa,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/visa.svg"},mastercard:{name:d.mastercard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/mastercard.svg"},american_express:{name:d.american_express,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/amex.svg"},discover:{name:d.discover,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/discover-global.svg"},jcb:{name:d.jcb,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/jcb-card.svg"},diners_club:{name:d.diners_club,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/dinersclub.svg"},unionpay:{name:d.unionpay,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},rupay:{name:d.rupay,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/rupay-card.svg"},bancontact:{name:d.bancontact,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cmr_falabella:{name:d.cmr_falabella,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},tarjeta_naranja:{name:d.tarjeta_naranja,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},nativa:{name:d.nativa,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cencosud:{name:d.cencosud,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cabal:{name:d.cabal,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},argencard:{name:d.argencard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},elo:{name:d.elo,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/elo-card.svg"},hipercard:{name:d.hipercard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/hipercard.svg"},carnet:{name:d.carnet,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/carnet.svg"},maestro:{name:d.maestro,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/maestro.svg"},not_applicable:{name:d.not_applicable,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},eftpos_australia:{name:d.eftpos_australia,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},girocard:{name:d.girocard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},other:{name:d.other,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},unknown:{name:d.unknown,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"}},X={sectionWidth:new oe(343,580,726),iconWidthHeight:new oe(20,Ke[4])},_t={title:new Ye("standardSemiBold","largeSemiBold")},Le=t=>t?ce[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"},Wt=(t,e,r,n)=>({header:t,title:`${pe(ce[n.cardsList[0]?.brand]?.name??"")} ${e}`,subtitle:`${pe(ce[n.cardsList[0]?.brand]?.name??"")} ${r} ${n.cardsList[0]?.last4}`,status:n.cardsList[0]?.status}),Bt=y.img`
   width: ${t=>t.width}px;
   height: ${t=>t.height}px;
-`,Yt=({paymentAccount:t,plaidConnectionDetails:e,connectedAccountProvider:r,sectionId:n,isDisabled:a,hasError:s=!1,isValid:c,style:m,analytics:o,onFetchLinkTokenClick:h,onEstablishConnectionClick:f,onUpdatePaymentAccountStatus:x,onUpdatePaymentAccountLoginStatus:g,onEstablishConnectionSuccess:w,updateCardPaymentModalState:P,cardPaymentView:S,resetCardPaymentViewState:j,cardSetupInProgress:$=!1,googleAPIKey:D,subscriptionBillingAddress:V,subscriptionBillingAddressSectionId:q})=>{const B=ke(),A=ue(),{register:J}=Ve(),N=B.mode==="light"?new ae(B.colors.brandColorJadeLight):new ae(B.colors.brandColorJadeDark),{common:M,customerOnboardingPage:{sections:{link_payment_account:{title:U,text:T,subText:E},card_payment_method:z}}}=le.getLocalizedStrings(),_=S.cardsList.length>0,v=S.cardsList[0]?.brand??"other",W=S.addCardPaymentSourceStatus.fetchState,L=Wt(z.header,z.titleText,z.protectedCardNo,S);let F;return _&&(F={header:L.header,title:L.title,subtitle:L.subtitle,status:L.status==="valid"?{name:"Verified",code:"verified"}:{name:"Pending",code:"pending"},showAddPaymentMethodDropDown:_===!0,icon:{element:i.jsx(Bt,{src:Le(v).iconURL,width:Z.iconWidthHeight.valuePx(A),height:Z.iconWidthHeight.valuePx(A),alt:Le(v).name,loading:"lazy"}),color:new ae(N)},showCompletedIcon:!1,isError:W==="Error",isLoading:W==="In-Progress",isCompleted:!0,showRightArrow:!1}),i.jsxs(Mt,{windowSize:A,children:[i.jsx(Dt,{type:"hidden",...J(`${n}.connected`,{validate:G=>s?G==="true":!0}),value:c?"true":"false"}),i.jsx(Qe,{connectedAccountProvider:r,paymentAccount:t,plaidConnectionDetails:e,allBankAccounts:[],header:U,sectionTitle:U,defaultSectionTitle:T,defaultSectionSubTitle:E,sectionId:n,isDisabled:a,hasError:s,showZeniAccountSection:!1,isCompleted:t?.providerVerificationStatus?.code?.includes("verified")===!0&&t?.isLoginRequired===!1,showCompletedIcon:A==="small",onFetchLinkTokenClick:h,onEstablishConnectionClick:f,onUpdatePaymentAccountStatus:x,onUpdatePaymentAccountLoginStatus:g,onEstablishConnectionSuccess:w,style:m,icon:{element:i.jsx(qe,{width:Z.iconWidthHeight.valuePx(A),height:Z.iconWidthHeight.valuePx(A)}),color:N},analytics:o,productType:"onboarding",resetCardPaymentViewState:j,cardPaymentSectionValues:F,cardPaymentView:S,updateCardPaymentModalState:P,referrer:"Onboarding",cardSetupInProgress:$}),Nt(A,M.headers.billingAddress,q,o,V,D,a)]})},Nt=(t,e,r,n,a,s,c)=>{const m={"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 i.jsxs(qt,{children:[i.jsx(Vt,{windowSize:t,isDisabled:c==="disabled",children:e}),i.jsx(Je,{googleAPIKey:s??"",addressToEdit:a,sectionId:`${r}`,style:{marginLeft:"0px"},elementsStyle:{paddingRight:"0px"},onFormFieldClick:o=>{if(o.target instanceof HTMLInputElement){const{placeholder:h}=o.target;if(h){const f=m[h];f&&n.trackOnboardingBillingAddress(f)}}}})]})},Mt=y.div`
+`,Yt=({paymentAccount:t,plaidConnectionDetails:e,connectedAccountProvider:r,sectionId:n,isDisabled:a,hasError:s=!1,isValid:c,style:m,analytics:o,onFetchLinkTokenClick:h,onEstablishConnectionClick:f,onUpdatePaymentAccountStatus:x,onUpdatePaymentAccountLoginStatus:g,onEstablishConnectionSuccess:P,updateCardPaymentModalState:w,cardPaymentView:S,resetCardPaymentViewState:j,cardSetupInProgress:$=!1,googleAPIKey:D,subscriptionBillingAddress:V,subscriptionBillingAddressSectionId:F})=>{const B=ke(),A=ue(),{register:J}=Ve(),N=B.mode==="light"?new ae(B.colors.brandColorJadeLight):new ae(B.colors.brandColorJadeDark),{common:M,customerOnboardingPage:{sections:{link_payment_account:{title:U,text:T,subText:E},card_payment_method:z}}}=le.getLocalizedStrings(),_=S.cardsList.length>0,v=S.cardsList[0]?.brand??"other",W=S.addCardPaymentSourceStatus.fetchState,L=Wt(z.header,z.titleText,z.protectedCardNo,S);let q;return _&&(q={header:L.header,title:L.title,subtitle:L.subtitle,status:L.status==="valid"?{name:"Verified",code:"verified"}:{name:"Pending",code:"pending"},showAddPaymentMethodDropDown:_===!0,icon:{element:i.jsx(Bt,{src:Le(v).iconURL,width:X.iconWidthHeight.valuePx(A),height:X.iconWidthHeight.valuePx(A),alt:Le(v).name,loading:"lazy"}),color:new ae(N)},showCompletedIcon:!1,isError:W==="Error",isLoading:W==="In-Progress",isCompleted:!0,showRightArrow:!1}),i.jsxs(Mt,{windowSize:A,children:[i.jsx(Dt,{type:"hidden",...J(`${n}.connected`,{validate:G=>s?G==="true":!0}),value:c?"true":"false"}),i.jsx(Ze,{connectedAccountProvider:r,paymentAccount:t,plaidConnectionDetails:e,allBankAccounts:[],header:U,sectionTitle:U,defaultSectionTitle:T,defaultSectionSubTitle:E,sectionId:n,isDisabled:a,hasError:s,showZeniAccountSection:!1,isCompleted:t?.providerVerificationStatus?.code?.includes("verified")===!0&&t?.isLoginRequired===!1,showCompletedIcon:A==="small",onFetchLinkTokenClick:h,onEstablishConnectionClick:f,onUpdatePaymentAccountStatus:x,onUpdatePaymentAccountLoginStatus:g,onEstablishConnectionSuccess:P,style:m,icon:{element:i.jsx(Fe,{width:X.iconWidthHeight.valuePx(A),height:X.iconWidthHeight.valuePx(A)}),color:N},analytics:o,productType:"onboarding",resetCardPaymentViewState:j,cardPaymentSectionValues:q,cardPaymentView:S,updateCardPaymentModalState:w,referrer:"Onboarding",cardSetupInProgress:$}),Nt(A,M.headers.billingAddress,F,o,V,D,a)]})},Nt=(t,e,r,n,a,s,c)=>{const m={"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 i.jsxs(Ft,{children:[i.jsx(Vt,{windowSize:t,isDisabled:c==="disabled",children:e}),i.jsx(Je,{googleAPIKey:s??"",addressToEdit:a,sectionId:`${r}`,style:{marginLeft:"0px"},elementsStyle:{paddingRight:"0px"},onFormFieldClick:o=>{if(o.target instanceof HTMLInputElement){const{placeholder:h}=o.target;if(h){const f=m[h];f&&n.trackOnboardingBillingAddress(f)}}}})]})},Mt=y.div`
   display: flex;
   flex-direction: column;
-  width: ${t=>Z.sectionWidth.valuePx(t.windowSize)};
+  width: ${t=>X.sectionWidth.valuePx(t.windowSize)};
   padding-bottom: ${u.sp3};
 `,Dt=y.input`
   display: none;
@@ -101,7 +101,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   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};
-`,qt=y.div`
+`,Ft=y.div`
   margin-top: ${u.sp5};
   margin-bottom: ${u.sp4};
 `;export{Wt as M,Gt as o,Le as r,Yt as s};