@zeniai/web-cockpit-ui 1.14.20-qa → 1.14.21-dev

package/dist/assets/CheckDepositDrawerPage-I3siSP2H-DOYShP5D.js

@@ -1,206 +0,0 @@
-import{e as Z,j as t,_ as $,h3 as pe,M as ee,a0 as M,k as Y,o,a4 as he,C as l,a3 as oe,L as ue,ao as me,c6 as te,d as ge,n as F,a2 as xe,a as fe,c9 as ke,c as w,F as De,fI as $e,cc as we,eS as J,cj as _,q as s,d0 as be,bN as ye,bu as je,cF as Pe,fc as Le,B as q,fe as Se}from"./index-b-ZazAq5.js";import{b as k,n as a}from"./vendor-rkTZJa59.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const ve="checkDepositDetailPage",g="checkDepositDetails",Fe="amount",Ce="depositTo",Te="source",ie="fileIds",R="selectDocument",E=e=>{const p=[];return e.checkFront!=null&&p.push(e.checkFront.fileId),e.checkBack!=null&&p.push(e.checkBack.fileId),{[g]:{[Fe]:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,[Te]:e.checkDepositLocalData.source,[Ce]:{allOptions:e.depositAccounts.depositAccounts.map(x=>({label:x.accountName,value:x.id})),selectedOption:e.checkDepositLocalData.depositTo?.id},[ie]:p,[R]:{front:e.checkFront,back:e.checkBack}}}},D=(e,p)=>`${e}.${p}`,Be=e=>`${e}_form`,u={largeLabelWidth:new l(160,160,160),rowContentPaddingLeft:new l(s[3],s[4]),checkPicRowContentPaddingXAxis:new l(s[3],s[4]),labeleMarginLeft:new l(s[0],s[0]),labeleMarginBottom:new l(s[2],s[0]),labelMarginRight:new l(s[3],s[3]),labeledFieldPaddingLeft:new l(s[3],s[0]),labeledFieldPaddingRight:new l(s[3],s[2]),labeledFieldPaddingTop:new l(s[3],s[3]),labeledFieldPaddingBottom:new l(s[3],s[2]),infoLabelPaddingRight:new l(s[0],s[3]),infoLabelMarginTop:new l(s[1],s[0])},{spendManagement:ze,common:V}=ee.getLocalizedStrings(),c=ze.zeniAccounts.zeniAccountList,Ae=V.documents;function Ie({checkDeposit:e,analytics:p,filesEndPoint:x,openPopup:b,authParams:y,onSaveChangesToLocalStore:C,updateFilesEntity:j,onDeleteFile:P,onEditFileName:L,onCheckDpositClick:T}){const r=Z(),n=e.fetchState,S=xe(n),[v,G]=k.useState(!1),[se,B]=k.useState(!1),z=u.largeLabelWidth.value(r),f=fe({mode:"all",reValidateMode:"onBlur",defaultValues:E(e),values:E(e)}),{isValid:re}=f.formState,X=i=>{const d={amount:{amount:i[g].amount??0,currencyCode:V.currency.currencyCode,currencySymbol:V.currency.currencySymbol},source:i[g].source,depositTo:e.depositAccounts.depositAccounts.find(h=>h.id===i[g].depositTo.selectedOption),fileIds:i[g][ie]};C(d)},ce=async(i,d)=>{if(i!=null){if(i.includes("source")||i.includes("amount"))return;const h=Object.assign({},d);X(h)}};k.useEffect(()=>{const i=f.watch((d,{name:h})=>{h!=null&&d!=null&&ke(()=>ce(h,d))});return()=>{i.unsubscribe()}}),k.useEffect(()=>{S==="Completed"&&n==="Not-Started"&&f.reset(E(e))},[S,n,f,e]),k.useEffect(()=>{e.error!=null?B(!0):B(!1)},[e.error]);const le=f.handleSubmit(()=>{if(re){p.trackAccountsDepositCheckFormClicked("Deposit",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null);const i=f.getValues();X(i),T?.()}}),ne=(i,d)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(I=>I.id===i),A=e.depositAccounts.depositAccounts.findIndex(I=>I.id===i);return h?t.jsx(Ve,{color:Le(A),isSelectedValue:d}):null},de=(i,d)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(A=>A.id===i);return h?d===!0?t.jsx(Re,{children:h?.maskedAccountNumber}):t.jsxs(Me,{children:[t.jsx(W,{children:h?.maskedAccountNumber}),t.jsx(to,{}),t.jsx(W,{children:M("0,0[.]00",h?.accountBalance?.available)})]}):null};return t.jsxs(t.Fragment,{children:[se?t.jsx(Oe,{children:t.jsxs(qe,{children:[t.jsxs(Ge,{children:[t.jsx(Ye,{}),t.jsxs(Je,{children:[t.jsx(_e,{children:e.error?.title}),t.jsx(We,{children:e.error?.message})]})]}),t.jsx(Xe,{children:t.jsx(ro,{"data-testid":$("check-deposit-form-close"),onClick:()=>{p.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),B(!1)},style:{width:o.sp3,height:o.sp3,color:w.heroLight}})})]})}):null,t.jsx(He,{children:M("0,0.[00]",e.checkDepositLocalData.amount)}),t.jsx(De,{...f,children:t.jsx("form",{id:Be(ve),onSubmit:le,children:t.jsxs(Qe,{children:[t.jsx($e,{showAdditionalInfoLabel:!1,label:{label:c.checkDepositDrawer.amountLabel,width:z},formattedTextField:{type:"number",name:D(g,"amount"),defaultValue:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,placeholder:c.checkDepositDrawer.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:i=>!!i&&i>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto"}}),t.jsx(N,{}),t.jsx(we,{label:{label:c.checkDepositDrawer.sourceLabel,width:z},style:{width:"100%"},text:{type:"text",name:D(g,"source"),defaultValue:e.checkDepositLocalData.source,placeholder:c.checkDepositDrawer.sourcePlaceholder,options:{required:!0,validate:i=>i!=null}}}),t.jsx(N,{}),t.jsx(ae,{size:r,children:t.jsx(eo,{size:r,children:t.jsx(Ke,{label:{label:c.checkDepositDrawer.depositToLabel,width:z,style:{marginLeft:u.labeleMarginLeft.valuePx(r),marginBottom:u.labeleMarginBottom.valuePx(r),marginRight:u.labelMarginRight.valuePx(r)}},style:{paddingTop:u.labeledFieldPaddingTop.valuePx(r),paddingBottom:u.labeledFieldPaddingBottom.valuePx(r),paddingLeft:u.labeledFieldPaddingLeft.valuePx(r),paddingRight:u.labeledFieldPaddingRight.valuePx(r),border:"none",width:"100%",outline:"none",padding:0,display:r==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:r==="small"?"left":"right",paddingRight:u.infoLabelPaddingRight.valuePx(r),marginTop:u.infoLabelMarginTop.valuePx(r)},singleSelectPickerField:{valueToLogo:(i,d)=>ne(i,d),valueToSubLabels:(i,d)=>de(i,d),name:D(g,"depositTo"),placeholder:c.checkDepositDrawer.depositToPlaceholder,style:{position:"relative"},defaultValue:{selectedOption:e.checkDepositLocalData.depositTo?.id,allOptions:e.depositAccounts.depositAccounts.map(i=>({label:i.accountName,value:i.id}))},textAlignment:"right",registerOptions:{required:!0,validate:i=>!!(i!=null&&i.selectedOption)}}})})}),t.jsx(N,{}),t.jsxs(Ue,{size:r,children:[t.jsxs(Ze,{size:r,children:[t.jsx(Ee,{children:c.checkDepositDrawer.checkPicLabel}),t.jsx(H,{isLast:!1,children:c.checkDepositDrawer.frontSide}),t.jsx(J,{name:`${D(g,R)}.front`,registerOptions:{required:!0},file:e.checkFront,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:x,authParams:y,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:_,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"front"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>G(i),onEditFileName:L,openPopup:b,showPhotoPicker:!0,errorInfoLabel:c.checkDepositDrawer.frontSideError,useMobileCam:!0,compressImage:!0}),t.jsx(H,{isLast:!0,children:c.checkDepositDrawer.backSide}),t.jsx(J,{name:`${D(g,R)}.back`,registerOptions:{required:!0},file:e.checkBack,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:x,authParams:y,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:_,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"back"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>G(i),onEditFileName:L,openPopup:b,showPhotoPicker:!0,errorInfoLabel:c.checkDepositDrawer.backSideError,useMobileCam:!0,compressImage:!0}),t.jsx(io,{children:c.checkDepositDrawer.picGuides.map(i=>t.jsxs(ao,{children:[t.jsx(oo,{}),t.jsx(Ne,{children:i})]},i))})]}),t.jsx(so,{windowSize:r,children:Ae.formatJPGText10MB})]})]})})})]})}const Ee=a(F)`
-  color: ${e=>e.theme.colors.hero};
-`,Ne=a(F)`
-  color: ${e=>e.theme.colors.hero};
-  margin-left: ${o.sp3};
-`,Me=a(q)`
-  color: ${e=>e.theme.colors.grey1};
-  display: flex;
-  align-items: center;
-  gap: ${o.sp2};
-`,W=a.div``,Re=a.span`
-  margin-left: ${o.sp2};
-`,Ve=a(Se)`
-  min-width: ${e=>e.isSelectedValue?o.sp4:o.sp5};
-  width: ${e=>e.isSelectedValue?o.sp4:o.sp5};
-  height: ${e=>e.isSelectedValue?o.sp4:o.sp5};
-  margin-right: ${o.sp2};
-`,Oe=a.div`
-  margin-top: ${o.sp3};
-  display: flex;
-  background-color: ${e=>e.theme.colors.grey5};
-  justify-content: space-between;
-  padding: ${o.sp3} ${o.sp4};
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  border-radius: ${o.sp2};
-  box-shadow: ${e=>`${o.sp0} 2px 2px ${e.theme.colors.dropShadowNormal}`};
-`,qe=a.div`
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-  padding: ${o.sp3} ${o.sp4};
-  background-color: ${w.importantLight};
-  border-radius: ${o.sp2};
-`,Ge=a.div`
-  display: flex;
-  align-items: flex-start;
-`,Xe=a.div``,Ye=a(be)`
-  width: ${o.sp4};
-  height: ${o.sp4};
-  color: ${w.important};
-`,Je=a.div`
-  display: flex;
-  flex-direction: column;
-  margin-left: ${o.sp2};
-`,_e=a(ye)`
-  color: ${w.important};
-`,We=a(F)`
-  color: ${w.important};
-`,He=a(je)`
-  color: ${e=>e.theme.colors.primary};
-  margin: ${o.sp5} ${o.sp0} ${o.sp3} ${o.sp0};
-`,Ke=a(Pe)`
-  border-radius: ${o.sp2};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-`,Qe=a.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${o.sp2};
-  margin-bottom: ${o.sp3};
-`,N=a.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,ae=a.div`
-  display: flex;
-  flex-direction: "row";
-  padding: ${o.sp2};
-  padding-left: ${e=>u.rowContentPaddingLeft.valuePx(e.size)};
-  justify-content: space-between;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    z-index: 1;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-    .select-control {
-      background-color: ${e=>e.theme.colors.background};
-    }
-  }
-  &:focus-within {
-    border-color: ${e=>e.theme.colors.primary};
-    color: ${e=>e.theme.colors.primary};
-    z-index: 2;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-  }
-  :last-of-type {
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-`,Ue=a(ae)`
-  flex-direction: column;
-  padding: ${o.sp0};
-`,Ze=a.div`
-  padding: ${e=>`${o.sp3} ${u.checkPicRowContentPaddingXAxis.valuePx(e.size)}`};
-`,eo=a.div`
-  width: 100%;
-  display: flex;
-  flex-grow: ${e=>e.size==="small"?1:0};
-  align-items: flex-start;
-`,H=a(q)`
-  color: ${e=>e.theme.colors.hero};
-  margin-bottom: ${o.sp2};
-  margin-top: ${e=>e.isLast?o.sp3:o.sp0};
-`,oo=a.div`
-  background-color: ${e=>e.theme.colors.hero};
-  border-radius: 50%;
-  border-style: solid;
-  width: 2px;
-  height: 2px;
-  position: absolute;
-  top: 10px;
-`,to=a.div`
-  width: ${o.sp1};
-  height: ${o.sp1};
-  min-width: ${o.sp1};
-  background-color: ${e=>e.theme.colors.grey1};
-  border-radius: 50%;
-`,io=a.div`
-  display: flex;
-  flex-direction: column;
-  margin: ${o.sp3} ${o.sp0};
-  margin-bottom: ${o.sp0};
-`,ao=a.div`
-  display: flex;
-  flex-direction: row;
-  position: relative;
-`,so=a(q)`
-  margin-top: ${o.sp2};
-  padding: ${o.sp1} ${o.sp4};
-  background: ${e=>e.theme.colors.grey4};
-  border-radius: ${o.sp0} ${o.sp0} ${o.sp2} ${o.sp2};
-  width: 100%;
-  box-sizing: border-box;
-  text-align: ${e=>e.windowSize==="small"?"initial":"right"};
-  color: ${e=>e.theme.colors.grey1};
-`,ro=a(oe)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${o.sp4};
-  height: ${o.sp4};
-  min-height: ${o.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,co="checkDepositDetailPage",lo={NavBarContainerPaddingYAxis:new l(10,s[3])},no=e=>`${e}_form`,O={containerPaddingLeft:new l(s[3],s[6],s[8]),containerPaddingRight:new l(s[3],s[6],s[8]),successContentMargin:new l(s[3],s[12])},{spendManagement:po}=ee.getLocalizedStrings(),m=po.zeniAccounts.zeniAccountList,Co=({checkDeposit:e,analytics:p,filesEndPoint:x,authParams:b,onSaveChangesToLocalStore:y,onAnotherTransferClick:C,updateFilesEntity:j,onDeleteFile:P,onEditFileName:L,onCheckDpositClick:T,onDismissClick:r})=>{const n=Z(),[S,v]=k.useState(!1);return t.jsx(go,{windowSize:n,children:e.fetchState==="Completed"?t.jsxs(K,{windowSize:n,children:[t.jsx(Q,{windowSize:n,children:t.jsx(U,{"data-testid":$("check-deposit-drawer-close"),onClick:()=>{p.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),r?.()}})}),t.jsxs(ko,{windowSize:n,children:[t.jsx(pe,{width:150,height:150,shouldDisplay:!0,animationInLoop:!0}),t.jsxs(xo,{children:[m.checkDepositDrawer.transferSuccessMsgPrefix,t.jsx(mo,{children:M("0,0.[00]",e.checkDepositLocalData.amount)}),m.checkDepositDrawer.transferSuccessMsgSuffix]}),t.jsxs(fo,{children:[t.jsx(Y,{variant:"secondary",label:m.checkDepositDrawer.makeAnotherTransferBtn,onClick:C,"data-testid":$("check-deposit-drawer-another-transfer")}),t.jsx(Y,{variant:"primary",label:m.checkDepositDrawer.goToAccountBtn,onClick:r,style:{marginLeft:n==="small"?o.sp3:o.sp5},"data-testid":$("check-deposit-drawer-go-to-account")})]})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(K,{windowSize:n,children:[t.jsx(Q,{windowSize:n,children:t.jsx(U,{"data-testid":$("check-deposit-drawer-close"),onClick:()=>{p.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),r?.()}})}),n==="small"?t.jsx(Do,{windowSize:n,children:m.checkDepositDrawer.title}):t.jsx($o,{children:m.checkDepositDrawer.title}),n==="small"?t.jsx(uo,{children:m.checkDepositDrawer.subTitle}):t.jsx(ho,{children:m.checkDepositDrawer.subTitle}),t.jsx(Ie,{analytics:p,authParams:b,checkDeposit:e,filesEndPoint:x,onSaveChangesToLocalStore:y,openPopup:v,onCheckDpositClick:T,onDeleteFile:P,onEditFileName:L,updateFilesEntity:j})]}),t.jsx(he,{formId:no(co),helperText:m.checkDepositDrawer.footNote,helperStyle:{paddingTop:o.sp0,paddingBottom:o.sp0},style:{zIndex:S?0:4,paddingTop:o.sp3,paddingBottom:o.sp3},primaryBtn:{label:m.checkDepositDrawer.depositBtn,isLoading:e.fetchState==="In-Progress"},cancelBtn:{label:m.checkDepositDrawer.cancelBtn,onClick:()=>{p.trackAccountsDepositCheckFormClicked("Cancel",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),r?.()}}})]})})},ho=a(F)`
-  color: ${e=>e.theme.colors.hero};
-`,uo=a(ge)`
-  color: ${e=>e.theme.colors.hero};
-`,mo=a(me)`
-  display: inline;
-`,go=a.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-  overflow-x: hidden;
-  height: 100%;
-  width: 100%;
-`,xo=a(ue)`
-  color: ${e=>e.theme.colors.primary};
-  text-align: center;
-`,K=a.div`
-  height: ${e=>e.windowSize==="small"?"auto":"100%"};
-  padding-left: ${e=>`${O.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${e=>`${O.containerPaddingRight.valuePx(e.windowSize)}`};
-`,fo=a.div`
-  display: flex;
-  justify-content: center;
-  margin-top: ${o.sp7};
-`,ko=a.div`
-  height: 80%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  margin: ${e=>`${o.sp0} ${O.successContentMargin.valuePx(e.windowSize)} `};
-  align-items: center;
-`,Q=a.div`
-  display: flex;
-  flex-direction: row-reverse;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  top: ${o.sp0};
-  padding: ${e=>`${lo.NavBarContainerPaddingYAxis.valuePx(e.windowSize)} ${o.sp0}`};
-  z-index: 2;
-  background-color: ${e=>e.theme.colors.grey4};
-`,U=a(oe)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${o.sp4};
-  height: ${o.sp4};
-  min-height: ${o.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Do=a(te)`
-  color: ${e=>e.theme.colors.primary};
-  margin-top: ${o.sp3};
-  margin-bottom: ${o.sp0};
-  margin-right: ${o.sp3};
-`,$o=a(te)`
-  color: ${e=>e.theme.colors.primary};
-  margin-top: ${o.sp3};
-`;export{Co as default,no as uniqueFormName};

package/dist/assets/CreditCardPaymentPlgSection-8NQI5gcx-CYgVnwi-.js

@@ -1,78 +0,0 @@
-import{e as j,u as M,M as L,ab as T,a1 as W,j as i,_ as b,k as U,bt as G,o as l,c as n,C as a,aS as H,bN as R,az as _,d as B,q as o}from"./index-b-ZazAq5.js";import{n as t}from"./vendor-rkTZJa59.js";const r={iconContainerMaxWidthHeight:new a(o[6],o[7]),iconContainerMarginRight:new a(o[3],o[3]),iconWidthHeight:new a(20,o[4]),iconPadding:new a(10,12),containerPaddingTopBottom:new a(o[4],o[4]),containerPaddingLeftRight:new a(o[3],o[4]),buttonLeftMargin:new a(o[8],o[0]),buttonTopMargin:new a(o[4],o[2]),bulletContainerGap:new a(12,o[3])};function Z({heading:e,buttonText:c,analytics:g,maxInsuredAmount:m,pageName:h,style:x,onSignUpClick:S,onSwitchClick:y,onMoveMoneyClick:f}){const d=j(),$=M(),{common:v,commonSetUp:C}=L.getLocalizedStrings(),s=C.setUp.accountsPlg,P=()=>{switch(c){case s.signUpButtonText:g?.trackPlgPromoClicked(h,"Sign Up for Free"),S?.();break;case s.switchButtonText:g?.trackPlgPromoClicked(h,"Switch Now"),y?.();break;default:g?.trackPlgPromoClicked(h,"Move Money"),f?.()}},k=T(W(m),m,v.currency.currencySymbol).toUpperCase();return i.jsxs(F,{windowSize:d,width:x?.width,style:x,"data-testid":b("credit-card-payment-plg-section"),children:[i.jsxs(D,{children:[i.jsx(E,{windowSize:d,isDarkMode:$.mode==="dark",children:i.jsx(q,{windowSize:d,children:i.jsx(A,{})})}),i.jsx(O,{children:i.jsxs(I,{children:[i.jsx(J,{windowSize:d,children:e}),i.jsxs(K,{windowSize:d,children:[i.jsxs(p,{children:[i.jsx(w,{}),i.jsx(u,{children:s.bulletPoints.two.replace("__amount__",k)})]}),i.jsxs(p,{children:[i.jsx(w,{}),i.jsx(u,{children:s.bulletPoints.three})]}),i.jsxs(p,{children:[i.jsx(w,{}),i.jsx(u,{children:s.bulletPoints.four})]})]})]})})]}),i.jsx(N,{windowSize:d,children:i.jsx(U,{label:c,"data-testid":b("accounts-plg-button",c),onClick:z=>{z.stopPropagation(),P()},buttonColors:{borderColor:{default:n.brandColorSapphire,hover:n.brandColorSapphire,disabled:n.brandColorSapphire},backgroundColor:{default:n.brandColorSapphire,hover:n.brandColorSapphire,disabled:n.brandColorSapphire},textColor:{default:n.neutralGrey5Light,hover:n.neutralGrey5Light,disabled:n.neutralGrey5Light}},size:"small",style:{padding:`6px ${l.sp3}`,borderRadius:"6px"},textStyle:{fontWeight:G.regular}})})]})}const D=t.div`
-  display: flex;
-  align-items: center;
-`,J=t(R)`
-  color: ${e=>e.theme.colors.primary};
-  width: 100%;
-`,N=t.div`
-  display: flex;
-  color: inherit;
-  margin-bottom: auto;
-  margin-left: ${e=>r.buttonLeftMargin.valuePx(e.windowSize)};
-  margin-top: ${e=>r.buttonTopMargin.valuePx(e.windowSize)};
-`,q=t.div`
-  width: ${e=>r.iconWidthHeight.valuePx(e.windowSize)};
-  height: ${e=>r.iconWidthHeight.valuePx(e.windowSize)};
-`,A=t(H)`
-  color: ${e=>e.theme.colors.primary};
-  width: inherit;
-  height: inherit;
-`,E=t.div`
-  display: flex;
-  margin-bottom: auto;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  align-self: ${e=>e.windowSize==="small"?"flex-start":"unset"};
-  padding: ${e=>r.iconPadding.valuePx(e.windowSize)};
-  background: ${e=>e.isDarkMode?e.theme.colors.brandColorJadeDark:e.theme.colors.brandColorJadeLight};
-  border-radius: ${l.sp11};
-  color: ${e=>e.isDarkMode?n.neutralGrey5Light:e.theme.colors.brandColorOnyx};
-  max-width: ${e=>r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  max-height: ${e=>r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  margin-right: ${e=>r.iconContainerMarginRight.valuePx(e.windowSize)};
-`,F=t.div`
-  display: flex;
-  align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  padding: ${e=>`${r.containerPaddingTopBottom.valuePx(e.windowSize)} ${r.containerPaddingLeftRight.valuePx(e.windowSize)}`};
-  background-color: ${e=>e.theme.colors.grey5};
-  fill: ${e=>e.theme.colors.grey1};
-  color: ${e=>e.theme.colors.grey1};
-  justify-content: space-between;
-  box-sizing: border-box;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-    fill: ${e=>e.theme.colors.primary};
-  }
-  background-color: ${e=>e.theme.colors.grey3};
-  background-image:
-    url(https://storage.googleapis.com/zeni-apis.appspot.com/images/cards-plg-background-lower.svg),
-    url(https://storage.googleapis.com/zeni-apis.appspot.com/images/cards-plg-background-upper.svg);
-  background-position:
-    100% 100%,
-    0% 0%;
-  background-repeat: no-repeat;
-`,O=t.div`
-  display: flex;
-  flex-direction: column;
-`,I=t.div``,K=t.div`
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  gap: ${e=>r.bulletContainerGap.valuePx(e.windowSize)};
-  justify-content: space-between;
-  margin: ${e=>e.windowSize==="small"?l.sp3:l.sp1}
-    auto 0 0;
-`,p=t.div`
-  display: flex;
-  align-items: center;
-`,w=t(_)`
-  width: ${l.sp3};
-  height: ${l.sp3};
-  vertical-align: middle;
-  margin-right: ${l.sp1};
-  color: ${n.success};
-`,u=t(B)`
-  color: ${e=>e.theme.colors.primary};
-  white-space: nowrap;
-`;export{Z};

package/dist/assets/CurrencySelectField-CVNn0XCq-id1wN7tu.js

@@ -1,139 +0,0 @@
-import{cm as M,u as P,cu as N,M as H,j as l,cv as L,_ as x,b2 as _,o,dj as z,bZ as Z,b3 as g,n as B,v as S,eY as Y,eZ as J,e_ as T,d as U,b0 as X,a3 as q,c as m}from"./index-b-ZazAq5.js";import{b as w,n}from"./vendor-rkTZJa59.js";const fe=({name:e,registerOptions:r,defaultValue:t,isDisabled:a,style:c,placeholder:d,isOptionRemovable:i=!0,menuItemHeight:u=40,controlStyle:p})=>{const{control:y,formState:{errors:f}}=M(),b=P(),[O,C]=w.useState(!1),k=N(f,e??""),D=H.getLocalizedStrings().common.currency,I=s=>{if(!(s==null||!s))return{value:s,label:t.allOptions.find(h=>h.value===s)?.label??s,countryCode:t.allOptions.find(h=>h.value===s)?.countryCode??D.countryCode}},V={container:s=>({...s,width:"100%",...c}),menu:s=>({...s,backgroundColor:b.colors.grey5,borderRadius:o.sp1,boxShadow:`${o.sp0} 2px ${o.sp2} ${b.colors.dropShadowHover}`,border:`1px solid ${b.colors.grey3}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:`1px ${o.sp0} ${o.sp0} ${o.sp0}`,overflow:"hidden"}),menuList:s=>({...s,borderRadius:o.sp1}),input:()=>({color:b.colors.primary,margin:0}),singleValue:s=>({...s,margin:0,position:"absolute"})},F={hasError:k,menuItemHeight:u,controlStyle:p,isOptionRemovable:i};return l.jsx(L,{name:e,control:y,defaultValue:t,rules:r,"data-testid":x("currency-select-field",e),render:({field:{onChange:s,onBlur:h,value:R,ref:E}})=>{const v=R;return w.createElement(_,{...F,ref:E,isMulti:!1,isSearchable:!0,isClearable:i,autoFocus:O===!0,openMenuOnClick:!0,controlShouldRenderValue:!0,placeholder:d,value:I(v.selectedOption),options:t.allOptions,"data-testid":x("currency-select",e),onChange:$=>{i&&$?.value!=null&&v?.selectedOption===$.value?s({selectedOption:void 0,allOptions:t.allOptions}):s({selectedOption:$?.value,allOptions:t.allOptions})},onMenuClose:()=>C(!1),key:z(),tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"currency-select-field",onBlur:h,menuPlacement:"auto",maxMenuHeight:240,menuShouldScrollIntoView:!1,closeMenuOnSelect:!0,components:{Control:A,Option:G,Input:W,SingleValue:ee,ValueContainer:Q,DropdownIndicator:he,IndicatorSeparator:me,Placeholder:oe,ClearIndicator:ge,MenuList:K},hideSelectedOptions:!1,styles:V,isDisabled:a!=null})}})},A=e=>{const{menuIsOpen:r,isFocused:t,isDisabled:a,selectProps:c}=e,{value:d,hasError:i,controlStyle:u}=c;return l.jsx(te,{controlStyle:u,menuIsOpen:r,isFocused:t,isDisabled:a,selectedValue:d,hasError:i,children:l.jsx(g.Control,{...e,className:"select-control",children:e.children})})},G=e=>{const{data:r,isSelected:t,isDisabled:a,isFocused:c,selectProps:d}=e,{isOptionRemovable:i}=d,u=r.countryCode,p=typeof r.label=="string"?r.label:r.value;return l.jsx(re,{isOptionRemovable:i,className:"select-option-wrapper",isFocused:c,isSelected:t,isDisabled:a,"data-testid":x("currency-select-field-option",p),children:l.jsx(g.Option,{...e,className:"select-option",children:l.jsxs(se,{children:[l.jsx(le,{countryCode:u}),l.jsx(ae,{isSelected:t,children:l.jsx(ne,{isSelected:t,isDisabled:a,children:r.label})}),t?l.jsxs(de,{children:[l.jsx(ue,{className:"right-tick-icon"}),l.jsx(pe,{className:"close-tick-icon"})]}):null]})})})},K=e=>{const{options:r,children:t,maxHeight:a,getValue:c,selectProps:d}=e,{menuItemHeight:i}=d,[u]=c(),p=r.indexOf(u)*i;return l.jsx(Z,{height:t.length>7?a:t.length*i,width:"100%",itemCount:t.length,itemSize:()=>i,initialScrollOffset:p,children:({index:y,style:f})=>l.jsx(ce,{style:f,children:t[y]})})},Q=e=>l.jsx(g.ValueContainer,{...e,className:"select-value-container",children:e.children}),W=e=>{const{selectProps:r}=e,{placeholder:t,value:a}=r;return l.jsx(j,{children:l.jsx(g.Input,{...e,autoComplete:"new-password",placeholder:a==null?t:void 0,children:e.children})})},ee=e=>{const{data:r}=e;return l.jsx(g.SingleValue,{...e,children:l.jsx(j,{children:r.label})})},j=n(B)`
-  color: ${e=>e.theme.colors.primary};
-`,oe=()=>null,le=({countryCode:e})=>{if(e!=null&&Y(e)===!1)return l.jsx(l.Fragment,{});{const r=J[`${T(e??"")}`];return l.jsx(ie,{children:l.jsx(r,{width:o.sp4,height:o.sp3})})}},te=n.span`
-  width: 100%;
-  background-color: ${e=>e.hasError?m.importantLight:e.menuIsOpen?e.theme.colors.background:e.controlStyle?.backgroundColor!=null?e.controlStyle?.backgroundColor:e.theme.colors.grey5};
-  border-radius: ${o.sp1};
-  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
-  .select-control {
-    border: none;
-    height: ${o.sp6};
-    background-color: inherit;
-    box-shadow: none;
-    &:hover {
-      fill: ${e=>e.theme.colors.primary};
-      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.hasError?m.importantLight:e.theme.colors.background};
-      border-color: none;
-    }
-    width: auto;
-    min-height: auto;
-    cursor: pointer;
-  }
-
-  .select-value-container {
-    width: 100%;
-    display: flex;
-    margin: ${o.sp0} ${o.sp3};
-    padding: 0;
-    max-width: 100%;
-    height: 100%;
-    min-width: auto;
-    align-items: center;
-    flex-wrap: nowrap;
-    cursor: pointer;
-    justify-content: ${e=>e.controlStyle?.justifyContent!=null?e.controlStyle?.justifyContent:e.menuIsOpen===!1?"flex-end":"flex-start"};
-
-    .currency-select-field__single-value {
-      display: flex;
-      margin: ${o.sp0};
-      color: ${e=>e.hasError?m.important:e.theme.colors.primary};
-      ${S.standardRegular.css};
-    }
-
-    .currency-select-field__input-container {
-      display: flex;
-      width: ${e=>e.menuIsOpen===!1&&e.selectedValue!=null?o.sp0:"100%"};
-      position: ${e=>e.isFocused===!1&&e.selectedValue==null?"initial":"absolute"};
-      ${S.standardRegular.css};
-      color: ${e=>e.hasError===!0?m.important:e.theme.colors.primary};
-      margin: ${o.sp0};
-      cursor: inherit;
-      top: ${o.sp2};
-
-      > input {
-        text-align: ${e=>e.isFocused===!1&&e.selectedValue==null?"right":"initial"};
-        text-align: ${e=>e.isFocused===!1?"right":"left"};
-        align-items: center;
-        overflow: hidden;
-        cursor: inherit;
-        :disabled {
-          visibility: visible;
-        }
-        ::placeholder {
-          color: ${e=>e.hasError?m.important:e.theme.colors.grey1};
-        }
-      }
-    }
-  }
-`,re=n.div`
-  border-radius: inherit;
-  .select-option {
-    ${S.smallRegular.css};
-    height: ${o.sp6};
-    padding: 9px ${o.sp3};
-    color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.champion};
-    opacity: ${e=>e.isDisabled?.32:1};
-    background-color: ${e=>e.isSelected?e.theme.colors.grey3:e.theme.colors.grey5};
-    ${e=>e.isFocused&&`background-color: ${e.theme.colors.background}`};
-    cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
-    border-top: none;
-    border-radius: inherit;
-    .close-tick-icon {
-      display: none;
-    }
-
-    &:hover {
-      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.theme.colors.background};
-      color: ${e=>e.isDisabled?e.theme.colors.champion:e.theme.colors.primary};
-      .right-tick-icon {
-        display: ${e=>e.isOptionRemovable?"none":"inline-block"};
-      }
-      .close-tick-icon {
-        display: ${e=>e.isOptionRemovable?"inline-block":"none"};
-      }
-    }
-  }
-`,se=n.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-`,ie=n.div`
-  padding-right: ${o.sp2};
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  fill: initial;
-  color: initial;
-`,ne=n(U)`
-  padding-right: 10px;
-  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
-  ${e=>e.isSelected&&"cursor: default"};
-`,ae=n.div`
-  width: ${e=>e.isSelected?`calc(100% - ${o.sp3})`:"100%"};
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-`,ce=n.div`
-  :first-of-type {
-    border-top-left-radius: ${o.sp1};
-    border-top-right-radius: ${o.sp1};
-  }
-
-  :last-of-type {
-    border-bottom-left-radius: ${o.sp1};
-    border-bottom-right-radius: ${o.sp1};
-  }
-`,de=n.div`
-  display: flex;
-`,ue=n(X)`
-  width: 12px;
-  height: 12px;
-  margin-right: 2px;
-  margin-left: ${o.sp1};
-  color: ${e=>e.theme.colors.primary};
-`,pe=n(q)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  color: ${e=>e.theme.colors.primary};
-`,he=()=>null,me=()=>null,ge=()=>null;export{fe as S};

package/dist/assets/CustomerOnboardingContainerPage-DoibuhLN-BAot3xFZ.js

@@ -1 +0,0 @@
-import{j as r}from"./index-b-ZazAq5.js";import o from"./CustomerOnboardingNoStepsPage-CD1QldcG-DOJTbsT8.js";import i from"./CustomerOnboardingPage-DB1gXgdD-CBPKCr70.js";import"./mui-C42whWwM.js";import"./vendor-rkTZJa59.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./HelpButton-D9ONg6cm-Be59SjbC.js";import"./MeetingCalenderPopup-B_KRQLwc-Dk4sRI3u.js";import"./PaymentAccountSetupBillingAddressSection-CGIC_vLw-DbAjNAQ-.js";import"./SetUpAccountSection-C1_QjMwF-D_Jc9DPP.js";import"./SetUpDefaultSection-B-ZEHQUb-wT4VB7Bz.js";import"./ChaseOverlay-ClcKUdpT-DsBdB3dn.js";import"./CustomerOnboardingDetailPageSkeleton-B7hkzgkV-BF5167bb.js";import"./CompanyOfficerDetailsSection-DLaAmVLG-BXyV3XUg.js";import"./LabeledAddressValueField-_35LG3OI-D_e5OIiQ.js";import"./LabeledCreatableSingleSelectField-DQwGH21a-DCo3yiXZ.js";import"./LabeledDocumentField-CfgzkjDY-pn3OcRy3.js";import"./QBOSetupSection-DSrxcrXI-CkvMDxrM.js";import"./QBOConnectionDialog-l3ThoJCI-ChlbOfD6.js";const v=t=>t.currentTenant?.productSettings.isOtherProductsEnabled===!0?r.jsx(o,{...t}):r.jsx(i,{...t});export{v as default};

package/dist/assets/CustomerOnboardingNoStepsPage-CD1QldcG-DOJTbsT8.js

@@ -1,66 +0,0 @@
-import{d5 as se,j as o,e as Ce,u as Pe,a as we,h6 as be,M as xe,a2 as ke,c9 as Ie,aW as $e,o as i,_ as Ae,F as Oe,a4 as ve,aJ as je,cC as Ve,cD as oe,O as Te,C as J,n as Le,q as $}from"./index-b-ZazAq5.js";import{n as c,b as A}from"./vendor-rkTZJa59.js";import{D as Ue}from"./HelpButton-D9ONg6cm-Be59SjbC.js";import{s as ze,o as Ee}from"./PaymentAccountSetupBillingAddressSection-CGIC_vLw-DbAjNAQ-.js";import{f as Be}from"./CustomerOnboardingDetailPageSkeleton-B7hkzgkV-BF5167bb.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./MeetingCalenderPopup-B_KRQLwc-Dk4sRI3u.js";import"./SetUpAccountSection-C1_QjMwF-D_Jc9DPP.js";import"./SetUpDefaultSection-B-ZEHQUb-wT4VB7Bz.js";import"./ChaseOverlay-ClcKUdpT-DsBdB3dn.js";const Q="onboardingPaymentAccountSetupSection",ie="customerOnboardingNoStepsDetailPage",n="onboardingSubscriptionBillingAddress",q={titleWidth:new J(343,580,726,826),subTitlePaddingTop:new J($[3],$[3]),subTitlePaddingBottom:new J($[3],$[3])},_e=e=>`${e}_form`,De=xe.getLocalizedStrings(),Fe=({onboardingCustomerView:e,connectedAccountProvider:C,cardPaymentView:y,stripeKey:v,googleAPIKey:j,signedInUser:P,currentTenant:V,onUpdateStep:T,handleCreateCardSetupIntent:L,handleConfirmCardSetupIntent:U,updateCardPaymentModalState:w,handleAddCardPaymentSource:z,resetCardPaymentViewState:E,handleResetCardPaymentErrorStatuses:B,redirectToProductSuitePage:b,onUpdateCustomerView:_,...D})=>{const u=Ce(),F=se(),{analytics:h}=F,{onFetchLinkTokenClick:K,onUpdatePaymentAccountStatus:M,onUpdatePaymentAccountLoginStatus:R,onEstablishConnectionClick:S,onEstablishConnectionSuccess:N,handleLogOutClick:G,onZeniLogoClick:W,onAddressEditHandler:x}=D,Z=Pe(),r=we({mode:"onSubmit",reValidateMode:"onSubmit",defaultValues:O(e),values:O(e),shouldFocusError:!0,resetOptions:{keepDirtyValues:!0}}),{companyOfficerLocalData:re,saveStatus:p,paymentAccount:k,paymentAccountStatus:de,plaidConnectionDetails:X,uiState:le,allNationalityCountries:Y,subscriptionBillingAddress:m}=e,{customerOnboardingPage:ce,common:g}=De,{footer:ue,steps:pe}=ce,{buttons:H}=ue,ee=pe.link_payment_account,I=ke(p.fetchState),te=Object.values(re).findIndex(t=>t?.isSelectedForVerification===!0)??0,me=`Officer_${te<0?1:te+1}`,ge=async(t,a)=>{if(t.includes(n)&&a[n]!=null){const s=r.getValues(`${n}`).country;let d=a[n];if(t.includes(`${n}.street`)&&a[n].street!=null){const{addressValue:l}=a[n].street,f=Ve(l?.country);d={street:a[n].street??g.strings.empty,city:l?.locality??g.strings.empty,state:l?.administrativeAreaLevel1??g.strings.empty,country:f,countryCode:l?.countryCode??g.strings.empty,postalCode:l?.postalCode??g.strings.empty,secondaryInfo:a[n].secondaryInfo,suite:a[n].suite},s.selectedOption!==f.selectedOption&&(d={...d,country:f})}else t===`${n}.country`&&s.selectedOption!=null?d={...d,countryCode:oe(s.selectedOption)}:s.selectedOption!=null&&t.includes(`${n}.street`)===!1&&(d={...d,countryCode:oe(s.selectedOption)});x(d)}};A.useEffect(()=>{const t=r.watch((a,{name:s})=>{s!=null&&a!=null&&Ie(()=>ge(s,a))});return()=>{t.unsubscribe()}}),A.useEffect(()=>{I==="In-Progress"&&p.fetchState==="Completed"&&r.reset(O(e),{keepDirtyValues:!1})},[r,e,I,p.fetchState,Y]);const ye=()=>{const t=r.getValues(n),a={street:t.street.addressString,suite:t.suite,city:t.city,state:t.state,postalCode:t.postalCode,country:t.country.selectedOption??g.strings.empty,secondaryInfo:t.secondaryInfo};h.trackOnboardingBillingAddressSave(a)},ne=()=>{const t=Object.values(X).some(l=>l.fetchStatus.fetchState==="Completed"),a=k?.providerVerificationStatus?.code?.includes("verified")??!1,s=y.cardsList.length>0,d=y.bankAccountsList[0]?.providerVerificationStatus?.code?.includes("verified")??!1;return t&&a||!a&&!k&&s||!s&&!k&&d};function he(){if(r.getFieldState(n).error)return!1;const t=r.getValues(n),a=m?.street.join("").trim(),s=m?.city,d=m?.state,l=m?.country,f=m?.postalCode!=null&&m.postalCode||t.postalCode||g.strings.empty;return!!a&&!!s&&!!d&&!!l&&!!f}const Se=async()=>{const t=await r.trigger(n),a=await r.trigger(Q);t&&a&&(ye(),T("link_payment_account"),_(me,!1,!0))};A.useEffect(()=>{I==="In-Progress"&&p.fetchState==="Completed"&&(r.reset(O(e),{keepDirtyValues:!1}),b())},[r,e,I,p.fetchState,Y,b]);const[ae,fe]=A.useState(!1);return o.jsxs(Ke,{children:[o.jsxs(Me,{windowSize:u,children:[o.jsx($e,{title:ee.sectionTitle,showBackButton:!1,backgroundColor:Z.colors.grey4,style:{zIndex:4},source:"CustomerOnboardingPaymentAddressDetailPage",showLeftSection:u!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:i.sp0,paddingBottom:i.sp0},leftSideComponent:o.jsx(We,{children:o.jsx(Ze,{"data-testid":Ae("zeni-logo-customer-onboarding-payment-address-detail-page"),onClick:W})})}),o.jsx(Oe,{...r,children:o.jsx(Ne,{id:_e(ie),children:o.jsxs(Re,{children:[o.jsx(He,{windowSize:u,children:ee.sectionSubTitle}),o.jsx(ze,{connectedAccountProvider:C,paymentAccount:k,accountStatus:de,plaidConnectionDetails:X,subscriptionBillingAddressSectionId:n,sectionId:Q,analytics:h,isValid:ne(),onFetchLinkTokenClick:K,onEstablishConnectionClick:S,onUpdatePaymentAccountStatus:M,onUpdatePaymentAccountLoginStatus:R,onEstablishConnectionSuccess:N,updateCardPaymentModalState:w,cardPaymentView:y,resetCardPaymentViewState:E,cardSetupInProgress:ae,googleAPIKey:j,subscriptionBillingAddress:m})]},"link_payment_account")})}),o.jsx(ve,{formId:`${ie}`,leftSideComponent:o.jsx(Ge,{windowSize:u,children:o.jsx(je,{signedInUser:P,currentTenant:V,onLogOutClick:G})}),style:{width:u==="small"?"auto":"100%",padding:i.sp0,rowGap:i.sp1},helperContainerStyle:{width:"100%",rowGap:i.sp1,marginTop:"12px",marginBottom:i.sp2},primaryBtn:{onClick:Se,label:H.submit,isLoading:p.fetchState==="In-Progress",isDisabled:p.fetchState==="In-Progress"||!(he()&&ne())},containerStyle:{width:"auto",justifyContent:"center"},helperText:H.submitText.replace("__action__",H.submit),helperStyle:{width:"auto",padding:i.sp0,rowGap:i.sp0,textAlign:"center"}})]}),o.jsx(Ee,{handleConfirmCardSetupIntent:U,updateCardPaymentModalState:w,handleCreateCardSetupIntent:L,handleAddCardPaymentSource:z,cardPaymentView:y,stripeKey:v,isCardPaymentOpen:le.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:B,cardSetupInProgress:ae,setCardSetupInProgress:fe})]})},Ke=c.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  min-width: 100% ${e=>e.theme.breakpoints.down("md")} {
-    width: 100%;
-    padding-left: ${i.sp0};
-  }
-`,Me=c.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  flex: 1;
-  width: 100%;
-  height: 100%;
-  background-image: ${e=>`url(https://storage.googleapis.com/zeni-apis.appspot.com/images/signin-background-${e.windowSize==="small"?"m":"w"}-${e.theme.mode==="dark"?"d":"l"}.svg)`};
-  background-color: ${e=>e.theme.colors.grey4};
-  background-size: inherit;
-  background-attachment: fixed;
-  background-position: ${e=>e.windowSize==="small"?"center center":"right center"};
-  background-repeat: no-repeat;
-
-  ${e=>e.theme.breakpoints.down("lg")} {
-    background-size: cover;
-  }
-`,Re=c.div`
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  padding-bottom: ${i.sp0};
-`,Ne=c.form`
-  padding-top: ${i.sp0};
-  flex: 1;
-`,Ge=c.div`
-  display: flex;
-  height: ${i.sp7};
-  left: ${i.sp4};
-  bottom: ${i.sp3};
-  position: fixed;
-  justify-content: center;
-  align-items: center;
-  cursor: default;
-`,We=c.div`
-  display: flex;
-`,Ze=c(Te)`
-  height: ${i.sp4};
-  width: 102px;
-  color: ${e=>e.theme.colors.primary};
-  cursor: pointer;
-  flex-shrink: 0;
-  margin-left: -${i.sp4};
-`,He=c(Le)`
-  color: ${e=>e.theme.colors.hero};
-  display: flex;
-  justify-content: center;
-  width: ${e=>q.titleWidth.valuePx(e.windowSize)};
-  padding-top: ${e=>q.subTitlePaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>q.subTitlePaddingBottom.valuePx(e.windowSize)};
-  text-align: ${e=>e.windowSize==="small"?"initial":"center"};
-  width: 100%;
-`,O=e=>({[Q]:{account:{allOptions:[],selectedOption:void 0}},[n]:be(n,e?.subscriptionBillingAddress)[n]}),pt=e=>{const{onboardingCustomerView:C,cardPaymentView:y,signedInUser:v,currentTenant:j,isOnAddressPage:P,stripeKey:V,googleAPIKey:T,meetingUrl:L,onUpdateStep:U,onZeniLogoClick:w,handleLogOutClick:z,handleCockpitClick:E,handleCreateCardSetupIntent:B,handleConfirmCardSetupIntent:b,handleFetchPaymentSources:_,updateCardPaymentModalState:D,resetCardPaymentViewState:u,handleResetCardPaymentErrorStatuses:F,redirectToProductSuitePage:h,...K}=e,{allSteps:M,currentStep:R,fetchStatus:S}=C,N=se(),{analytics:G}=N,W={allSteps:M,isOnAddressPage:P,currentStep:R,fetchStatus:S,signedInUser:v,currentTenant:j,onUpdateStep:Z=>{U(Z)},onZeniLogoClick:w,handleLogOutClick:z,handleCockpitClick:E,redirectToProductSuitePage:h},x=S.fetchState==="In-Progress"||S.fetchState==="Not-Started";return o.jsxs(Je,{isOnAddressPage:P,children:[x?o.jsx(Be,{isNoStepsPage:!0}):o.jsx(Fe,{...W,onboardingCustomerView:C,handleCreateCardSetupIntent:B,handleConfirmCardSetupIntent:b,updateCardPaymentModalState:D,handleFetchPaymentSources:_,cardPaymentView:y,resetCardPaymentViewState:u,stripeKey:V,googleAPIKey:T,handleResetCardPaymentErrorStatuses:F,redirectToProductSuitePage:h,...K}),x?null:o.jsx(Ue,{isFooterRendered:!0,meetingUrl:L,analytics:G,productType:"onboarding"})]})},Je=c.div`
-  display: flex;
-  flex-direction: column;
-  width: ${e=>e.isOnAddressPage?"fit-content":"100%"};
-  height: 100vh;
-`;export{pt as default};