@zeniai/web-cockpit-ui 1.14.82-dev → 1.14.83-dev

package/dist/assets/VendorInternationalWireDetailsPage-X2xViJmq-BLoiZ84q.js

@@ -0,0 +1,152 @@
+import{j as t,u as K,a8 as ye,a as G,dt as be,b3 as fe,dc as xe,dd as ve,de as Ce,aa as we,bC as $e,R as d,gi as ne,gj as De,b as g,bJ as je,dF as re,i as se,gk as Te,gl as Y,dL as J,bK as H,dv as Se,fF as Fe,s as a,dN as Le,bm as ke,A as Oe,C as _,d as Ae,cH as ze,af as Ie,cq as Re}from"./index-2CdI-B2B.js";import{a as R}from"./core-tlHkQPPu.js";import{n as y}from"./mui-kiGMfX4-.js";import{bi as Z}from"./zeni-epic-state-Bo1aGezX.js";import{u as We,j as Pe}from"./BankAccountWarningSection-DGSw5Uvq-4-yHVJQf.js";import{g as Be}from"./MailingDetailsSection-C_TtoLpj-DODfBmzp.js";import{O as Ee}from"./CurrencySelectField-DR8cDrIS-TTiuldkA.js";import"./sentry-Dhk5jNhq.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";import"./LabeledAddressValueField-C74ZzWQ3-j8ky07qz.js";const k={width:new d(343,580,726),height:new d(a[6],a[6]),controlHeight:new d(a[6],a[6]),paddingTopBottom:new d(a[2],a[2]),marginRight:new d(a[2],a[2]),labelMarginLeft:new d(a[3],a[4]),labelMarginRight:new d(a[3],a[4]),labelMarginTop:new d(a[2],a[2])},de={infoLabel:new Ae("extraSmallRegular","smallRegular")};function _e({isDisabled:e,label:l,currencySelectField:i,style:f,errorInfoLabel:c,isAdditionalInfoLabelLoading:n=!1,showAdditionalLabelTooltip:o=!1,additionalLabelTooltip:j,additionalInfoLabel:C,showAdditionalInfoLabel:F=!0}){const w=K(),{formState:{errors:b}}=re(),$=se(),D=Le(b,i.name);return t.jsxs(Me,{size:w,style:f,isDisabled:e!=null,isError:D,"data-testid":ke("labeled-currency-field",i.name),children:[t.jsx(J,{isDisabled:e,label:l.label,htmlFor:i.name,style:{marginLeft:k.labelMarginLeft.value(w),marginRight:k.labelMarginRight.value(w),marginTop:k.labelMarginTop.value(w),width:l.width??"auto",color:e==="disabled"?$.colors.grey2:$.colors.hero}}),t.jsxs(He,{labelWidth:l.width,children:[t.jsx(Ee,{...i,isDisabled:e,style:{display:"flex",flexGrow:1,height:k.controlHeight.value(w)}}),D?t.jsx(Ve,{windowSize:w,hasError:D,children:c}):null,(()=>{if(n===!0)return t.jsx(Ue,{children:t.jsx(Oe,{size:"Small",start:!0})});if(F&&C||D){let p=null;return o===!0&&F&&j&&(p=t.jsx(ze,{placement:w==="small"?"bottom":"right",maxWidth:"364px",title:t.jsx(qe,{children:j}),children:t.jsx(Ge,{children:t.jsx(Je,{})})})),t.jsxs(Ne,{size:w,isError:D,hasToolTip:o,isDisabled:e!=null,children:[p,C]})}})()]})]})}const Me=y.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>k.width.valuePx(e.size)};
+  min-height: ${e=>k.height.valuePx(e.size)};
+  padding-right: ${e=>k.marginRight.valuePx(e.size)};
+  padding-top: ${e=>k.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>k.paddingTopBottom.valuePx(e.size)};
+  :first-of-type {
+    border-top-left-radius: inherit;
+    border-top-right-radius: inherit;
+  }
+
+  :last-of-type {
+    border-bottom-left-radius: inherit;
+    border-bottom-right-radius: inherit;
+  }
+
+  :first-of-type {
+    border-top-left-radius: inherit;
+    border-top-right-radius: inherit;
+  }
+
+  :last-of-type {
+    border-bottom-left-radius: inherit;
+    border-bottom-right-radius: inherit;
+  }
+
+  &:focus-within {
+    z-index: 2;
+    outline: 1px solid ${e=>e.theme.colors.primary};
+    .select-control {
+      background-color: ${e=>e.isError?_.importantLight:e.theme.colors.background};
+    }
+  }
+
+  .select-control {
+    background-color: ${e=>e.isError?_.importantLight:e.theme.colors.grey5};
+  }
+
+  &:hover {
+    z-index: 1;
+    outline: ${e=>e.isDisabled===!0?"none":`1px solid ${e.theme.colors.primary}`};
+    .select-control {
+      background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?_.importantLight:e.theme.colors.background};
+    }
+  }
+`,Ve=y.label`
+  color: ${e=>e.hasError===!0?_.important:e.additionalInfoTextColor??e.theme.colors.grey1};
+  width: auto;
+  ${e=>`${de.infoLabel.style(e.windowSize)}`};
+  padding-right: ${g.sp3};
+  text-align: right;
+`,He=y.div`
+  display: flex;
+  width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
+  justify-content: flex-end;
+  flex-direction: column;
+  position: relative;
+`,qe=y(Ie)`
+  padding: 12px;
+  color: ${e=>e.theme.colors.grey1};
+  background: ${e=>e.theme.colors.overlayColor};
+  border-radius: ${g.sp1};
+`,Ue=y.div`
+  padding-right: ${g.sp3};
+  padding-top: ${g.sp1};
+  display: flex;
+  justify-content: flex-end;
+`,Ne=y.label`
+  display: flex;
+  justify-content: flex-end;
+  color: ${e=>e.isDisabled?e.theme.colors.grey2:e.isError?_.important:e.theme.colors.hero};
+  ${e=>`${de.infoLabel.style(e.size)}`};
+  padding-right: ${g.sp3};
+  text-align: right;
+  margin-top: ${e=>e.hasToolTip===!0?g.sp1:g.sp0};
+`,Ge=y.div`
+  display: flex;
+  margin-right: ${g.sp2};
+  margin-top: 2px;
+  align-items: center;
+`,Je=y(Re)`
+  width: ${g.sp3};
+  height: ${g.sp3};
+  color: inherit;
+`,S={largeLabelWidth:new d(120,140,220),paddingTopBottom:new d(a[3],a[3]),labelHeight:new d(a[6],a[6]),labelMarginLeft:new d(a[3],a[4]),labelMarginRight:new d(a[3],a[4]),labelMarginTop:new d(a[2],a[2]),controlHeight:new d(a[6],a[6]),toolTipWidth:new d(60,150)},Ke=({dynamicFormFetchState:e,dynamicFormConfig:l,supportedAccountTypes:i,supportedCountries:f,supportedCurrencies:c,wireAccountToCreate:n,sectionId:o,isCountryDropdownReadonly:j,isCurrencyDropdownReadonly:C,isDisabled:F,style:w})=>{const b=K(),{getValues:$}=re(),D=se(),p=G.getLocalizedStrings().spendManagement.billPay.vendorCreation.wireDetails,{international:u}=p,x=S.largeLabelWidth.value(b),A=n?.accountType?.type,T=n?.countryCode==null,B=n?.currencyCode==null,L=["phone","email","other"];return t.jsx(Qe,{style:w,children:t.jsxs(Xe,{children:[t.jsx(Te,{isDisabled:j===!0?"readonly":void 0,label:{label:u.country,width:x},style:{width:"auto"},countrySelectField:{name:O(o,"vendorCountry"),placeholder:u.countryPlaceholder,defaultValue:ne(n?.countryCode,f.map(s=>s.countryCode)),registerOptions:{validate:s=>s!=null&&!!s.selectedOption}},additionalInfoLabel:p.international.countryAdditionalInfo}),t.jsx(I,{}),t.jsx(_e,{isDisabled:T===!0?"disabled":C===!0?"readonly":void 0,label:{label:u.currency,width:x},style:{width:"auto"},currencySelectField:{name:O(o,"vendorCurrency"),placeholder:u.currencyPlaceholder,defaultValue:{allOptions:c.map(s=>({label:`${s.currencySymbol} - ${s.currencyName}`,value:s.currencyCode,countryCode:s.countryCode,currency:s.currencyName})),selectedOption:n?.currencyCode},registerOptions:{validate:s=>s!=null&&!!s.selectedOption}},additionalInfoLabel:p.international.currencyAdditionalInfo}),t.jsx(I,{}),B!==!0&&e==="Completed"?t.jsxs(t.Fragment,{children:[t.jsx(Y,{isDisabled:void 0,label:{label:u.typeOfAccount,width:x},style:{width:"auto"},singleSelectPickerField:{name:O(o,"typeOfAccount"),placeholder:u.typeOfAccountPlaceholder,defaultValue:{selectedOption:n?.accountType?.type,allOptions:i.map(s=>({label:s.title,value:s.type}))},registerOptions:{validate:s=>s!=null&&!!s.selectedOption}}}),t.jsx(I,{})]}):null,n!=null&&A!=null&&n.dynamicForm[A]!=null&&l.length>0?Object.keys(n.dynamicForm[A]).map(s=>{const r=l.filter(P=>P.name===s)[0],h=n.accountType?.type;if(h==null||r==null)return null;{const P=n.dynamicForm[h][s];switch(r.fieldType){case"text":return t.jsxs(t.Fragment,{children:[t.jsx(Se,{label:{label:r.label+u.colon,width:x},text:{type:"text",name:z(o,"dynamicForm",h,r.name),placeholder:r.placeholder,defaultValue:P,options:{required:r.required,pattern:r.validationRegex!=null?new RegExp(r.validationRegex):void 0,maxLength:r.maxLength,minLength:r.minLength}},isDisabled:F,style:{width:"auto"},showAdditionalInfoLabel:!1},z(o,"dynamicForm",h,r.name)),t.jsx(I,{})]});case"select":return t.jsxs(t.Fragment,{children:[t.jsx(Y,{isDisabled:void 0,label:{label:r.label+u.colon,width:x},style:{width:"auto"},singleSelectPickerField:{name:z(o,"dynamicForm",h,r.name),placeholder:r.placeholder,defaultValue:{selectedOption:P,allOptions:r.valuesAllowed??[]}}},z(o,"dynamicForm",h,r.name)),t.jsx(I,{})]});case"radio":return t.jsxs(t.Fragment,{children:[t.jsxs(ee,{size:b,children:[t.jsx(J,{label:r.label+u.colon,htmlFor:z(o,"dynamicForm",h,r.name),style:{marginLeft:S.labelMarginLeft.value(b),marginRight:S.labelMarginRight.value(b),width:x}}),t.jsx(te,{labelWidth:x,size:b,children:r.valuesAllowed?.map(E=>t.jsx(H,{label:{label:E.label},style:{paddingRight:`${g.sp4}`,width:"auto"},radioField:{name:z(o,"dynamicForm",h,r.name),id:r.name,value:E.value,registerOptions:{required:!0}}},E.value))})]},z(o,"dynamicForm",h,r.name)),t.jsx(I,{})]});default:return null}}}):null,t.jsxs(Ye,{size:b,children:[t.jsxs(ee,{size:b,children:[t.jsx(J,{label:u.addSource,htmlFor:O(o,"source"),style:{marginLeft:S.labelMarginLeft.value(b),marginRight:S.labelMarginRight.value(b),width:x},showTooltip:!0,tooltipTitle:u.sourceTooltip,toolTipWidth:S.toolTipWidth.valuePx(b)}),t.jsxs(te,{labelWidth:x,size:b,children:[t.jsx(H,{label:{label:u.phone},style:{paddingRight:`${g.sp4}`,width:"auto"},isContainerClickable:!0,radioField:{name:O(o,"source"),id:L[0],value:L[0],registerOptions:{required:!0},radioSize:"small"}}),t.jsx(H,{label:{label:u.email},style:{paddingRight:`${g.sp4}`,width:"auto"},isContainerClickable:!0,radioField:{name:O(o,"source"),id:L[1],value:L[1],registerOptions:{required:!0},radioSize:"small"}}),t.jsx(H,{label:{label:u.other},style:{width:"auto"},isContainerClickable:!0,radioField:{name:O(o,"source"),id:L[2],value:L[2],registerOptions:{required:!0},radioSize:"small"}})]})]}),$(`${o}.source`)==="other"?t.jsx(Fe,{type:"text",name:O(o,"otherSource"),placeholder:u.sourcePlaceholder,style:{display:"flex",flexGrow:1,cursor:"inherit",height:g.sp7,width:"calc(100% - largeLabelWidth)",background:D.colors.background,border:`1px solid ${D.colors.background}`,marginLeft:x},registerOptions:{required:!0,validate:s=>$(`${o}.source`)==="other"&&!!s}}):null]}),t.jsx(I,{})]})})},O=(e,l)=>`${e}.${l}`,z=(e,l,i,f)=>`${e}.${l}.${i}.${f}`,Qe=y.div`
+  display: flex;
+  flex-direction: column;
+`,Xe=y.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${g.sp0} 2px ${g.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${g.sp2};
+`,I=y.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,Ye=y.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding-right: ${e=>S.labelMarginRight.valuePx(e.size)};
+  padding-top: ${e=>S.labelMarginTop.valuePx(e.size)};
+  padding-bottom: ${e=>S.paddingTopBottom.valuePx(e.size)};
+  &:hover {
+    z-index: 1;
+    outline: 1px solid ${e=>e.theme.colors.primary};
+  }
+`,ee=y.div`
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  min-height: ${e=>S.labelHeight.valuePx(e.size)};
+  align-items: center;
+`,te=y.div`
+  display: flex;
+  flex-direction: row;
+  width: ${e=>`calc(100% - ${e.labelWidth}px)`};
+  align-items: flex-end;
+  justify-content: flex-end;
+  flex-grow: 1;
+  height: ${e=>S.controlHeight.valuePx(e.size)};
+  align-items: center;
+`,W={paddingTopBottomContainer:new d(a[3],a[3]),paddingLeftContainer:new d(a[3],a[6]),paddingRightContainer:new d(a[3],a[8]),marginLeft:new d(a[4],a[6]),buttonWidth:new d(140,140)},le="internationalDetailsPage",v="internationalWireSection",ie=e=>`${e}_form`,Ze=({internationalWireView:e,vendorType:l,isCountryDropdownReadonly:i=!1,isCurrencyDropdownReadonly:f=!1,isDisabled:c,addressType:n,addressToEdit:o,mailingAddress:j,billAmount:C,onAccountDetailsUpdated:F,onCurrencyUpdated:w,onSaveHandler:b,onBackClick:$,onAddressClick:D})=>{const p=K(),u=e.createInternationalWireDetails.localData,x=e.createInternationalWireDetails.createStatus,A=e.fetchState,T=ye({mode:"all",reValidateMode:"onChange",defaultValues:R.useMemo(()=>oe(e),[e]),values:oe(e)}),[B,L]=R.useState(!1),[s,r]=R.useState(!1),h=G.getLocalizedStrings().spendManagement.billPay.vendorCreation,P=G.getLocalizedStrings().common.footer,{international:E}=h.wireDetails,ce={onOkClick:()=>{r(!1),T.reset(),$()},onCancelClick:()=>{r(!1)}};R.useEffect(()=>{const M=T.watch((V,{name:Q})=>{Q!=null&&V!=null&&be(()=>((m,U)=>{if(m.includes("account_holder_name")||m.includes("bank_account_iban")||m.includes("bank_swift_code")||m.includes("account_number")||m.includes("sort_code")||m.includes("ifsc_code")||m.includes("upi_id")||m.includes("contact_no")||m.includes("bank_code")||m.includes("institution_number")||m.includes("transit_number")||m.includes("identification_value")||m.includes("branch_code")||m.includes("clabe")||m.includes("bsb_code")||m.includes("proxy_value")||m.includes("php_e_wallet_no"))return void L(!0);const X=m===`${v}.vendorCountry`,N=m===`${v}.vendorCurrency`;N&&U[v].vendorCurrency.selectedOption!=null&&w(U[v].vendorCurrency.selectedOption,C,l);const he={...U},ge=ae(he,e,X,N,f);F(ge,C,l,N||X)})(Q,V))});return()=>{M.unsubscribe()}});const q=R.useCallback(()=>{const M=T.getValues(),V=ae(M,e,!1,!1,f);F(V,C,l,!1),L(!1)},[T,e,f,F,C,l]),ue=R.useCallback(()=>{B&&q(),D(n)},[B,q,D,n]),pe=T.handleSubmit(M=>{B&&q(),b()}),me=!fe(j!=null?Z(j):j,o!=null?Z(o):o)||T.formState.isDirty;return t.jsxs(it,{children:[t.jsxs(ot,{size:p,children:[s===!0?t.jsx(xe,{titleComponent:t.jsx(Ce,{children:h.discardTitle}),descriptionComponent:t.jsx(ve,{children:h.discardDescription}),primaryButtonText:h.discard,secondaryButtonText:h.cancel,action:ce}):null,t.jsx(We,{header:E.addInternationalWireDetails,isDirty:me,onBackClick:$,setShowConfirmationPopup:r}),x?.fetchState==="Error"&&x.error?.code===409?t.jsx(Pe,{warningText:h.bankAccountCommon.accountExistWarning}):null,t.jsx(at,{size:p,children:h.bankAccountCommon.accountDetailsTitle}),t.jsx(we,{...T,children:t.jsxs("form",{id:ie(le),onSubmit:pe,children:[t.jsx(lt,{size:p,children:t.jsx(Ke,{wireAccountToCreate:u,dynamicFormFetchState:A,supportedAccountTypes:e.supportedAccountTypes,supportedCountries:e.supportedCountries,supportedCurrencies:e.supportedCurrencies,dynamicFormConfig:e.dynamicForm,sectionId:v,isDisabled:c,isCountryDropdownReadonly:i,isCurrencyDropdownReadonly:f})}),t.jsx(Be,{sectionId:"mailingAddressSection",isDisabled:c,addressType:n,addressToEdit:o,onAddressClick:ue})]})})]}),t.jsx($e,{formId:ie(le),primaryBtn:{label:h.bankAccountCommon.saveAccount,isLoading:x.fetchState==="In-Progress",style:{width:W.buttonWidth.value(p)},isDisabled:c!=null},cancelBtn:{label:P.cancel,style:{width:W.buttonWidth.value(p)},shouldResetOnCancel:!1,onClick:()=>{T.formState.isDirty?r(!0):(T.reset(),$())}}})]})},et=e=>{const l=e.dynamicForm,i=e.createInternationalWireDetails.localData?.dynamicForm,f=e.createInternationalWireDetails.localData?.accountType?.type;let c={};return i!=null&&l.length>0?(Object.keys(i).forEach(n=>{n===f?(c={...c,[n]:{}},Object.keys(i[n]).forEach(o=>{const j=l.find(C=>C.name===o)?.fieldType;c[n]=j==="select"?{...c[n],[o]:{selectedOption:i[n][o],allOptions:l.find(C=>C.name===o)?.valuesAllowed??[]}}:{...c[n],[o]:i[n][o]}})):c={...c,[n]:{}}}),c):{}},oe=e=>{const l=e.createInternationalWireDetails.localData?.source;return{[v]:{vendorCountry:ne(e.createInternationalWireDetails.localData?.countryCode,e.supportedCountries.map(i=>i.countryCode)),vendorCurrency:{allOptions:e.supportedCurrencies.map(i=>({label:`${i.currencyCode} - ${i.currencyName}`,value:i.currencyCode,countryCode:i.currencySymbol,currency:i.currencyName})),selectedOption:e.createInternationalWireDetails.localData?.currencyCode},typeOfAccount:{allOptions:e.supportedAccountTypes.map(i=>({label:i.title,value:i.type})),selectedOption:e.createInternationalWireDetails.localData?.accountType?.type},dynamicForm:et(e),source:l!=null&&l!=="phone"&&l!=="email"?"other":l,otherSource:l!=null&&l!=="phone"&&l!=="email"?l:void 0}}},tt=e=>{let l={};return Object.keys(e).forEach(i=>{l={...l,[i]:typeof e[i]=="string"?e[i]:e[i].selectedOption}}),l},ae=(e,l,i,f,c)=>{const n=l.createInternationalWireDetails.localData?.accountType?.type;return{dynamicForm:n!=null?{...l.createInternationalWireDetails.localData?.dynamicForm,[n]:tt(e[v].dynamicForm?.[n]??{})}:l.createInternationalWireDetails.localData?.dynamicForm??{},source:e[v].source==="other"?e[v].otherSource??"":e[v].source,countryCode:e[v].vendorCountry.selectedOption!=null?De(e[v].vendorCountry.selectedOption):void 0,currencyCode:i&&!c?void 0:e[v].vendorCurrency.selectedOption,accountType:f||e[v].typeOfAccount.selectedOption==null?void 0:{type:e[v].typeOfAccount.selectedOption,title:l.supportedAccountTypes.filter(o=>o.type===e[v].typeOfAccount.selectedOption)[0].title}}},lt=y.div`
+  padding-left: ${e=>W.paddingLeftContainer.valuePx(e.size)};
+  padding-right: ${e=>W.paddingRightContainer.valuePx(e.size)};
+  padding-top: ${e=>W.paddingTopBottomContainer.valuePx(e.size)};
+  padding-bottom: ${e=>W.paddingTopBottomContainer.valuePx(e.size)};
+`,it=y.div`
+  background-color: ${e=>e.theme.colors.grey4};
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+`,ot=y.div`
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+`,at=y(je)`
+  color: ${e=>e.theme.colors.champion};
+  margin-left: ${e=>W.marginLeft.valuePx(e.size)};
+  margin-top: ${g.sp3};
+`,ft=({internationalWireView:e,vendorViewDetails:l,bankAccountContext:i,vendorType:f,addressType:c,isDisabled:n,addressToEdit:o,mailingAddress:j,billAmount:C,onAccountDetailsUpdated:F,onCurrencyUpdated:w,onSaveHandler:b,onBackClick:$,onAddressClick:D})=>{const p={...l.editVendorState??l.newVendorState},u=p.vendorDetailLocalData?.paymentInstrumentIds!=null&&p.vendorDetailLocalData?.paymentInstrumentIds.length>0,x=p.vendorBasic?.countryCode!=null||u,A=p.vendorBasic?.currencyCode!=null||u;return R.useEffect(()=>{(i==="vendor"&&e.createInternationalWireDetails.createStatus.fetchState==="Completed"||p?.saveStatus?.fetchState==="Completed")&&$()},[p?.saveStatus?.fetchState,$,i,e.createInternationalWireDetails.createStatus]),t.jsx(Ze,{internationalWireView:e,addressToEdit:o,mailingAddress:j,addressType:c,billAmount:C,isDisabled:n,onSaveHandler:b,onBackClick:$,onAddressClick:D,onAccountDetailsUpdated:F,onCurrencyUpdated:w,vendorType:f,isCountryDropdownReadonly:x,isCurrencyDropdownReadonly:A})};export{ft as default};

package/dist/assets/VendorInternationalWireSwiftDetailsPage-DUjY1sSV-xU4diICn.js

@@ -0,0 +1 @@
+import{j as l}from"./index-2CdI-B2B.js";import{a as B}from"./core-tlHkQPPu.js";import{k as u}from"./InternationalWireSwiftDetailsPage-_4BMP68N-DzpoTdAd.js";import"./mui-kiGMfX4-.js";import"./sentry-Dhk5jNhq.js";import"./zeni-epic-state-Bo1aGezX.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";import"./BankAccountWarningSection-DGSw5Uvq-4-yHVJQf.js";import"./MailingDetailsSection-C_TtoLpj-DODfBmzp.js";import"./LabeledAddressValueField-C74ZzWQ3-j8ky07qz.js";import"./MagicLinkTitleSection-CzGvBYzB-DMlmyXfy.js";const V=({vendorViewDetails:o,bankAccountContext:n,isDisabled:r,onSaveHandler:s,onBankDetailsUpdated:i,onBackClick:e,onFetchBankNameBySwift:d,onAddressClick:c})=>{const{internationalBankAccountCreateStatus:a,internationalBankAccountToCreate:m,editVendorState:k,newVendorState:p,bankNameBySwift:S,fetchBankNameBySwiftStatus:f}=o,t={...k??p};return B.useEffect(()=>{(n==="vendor"&&a.fetchState==="Completed"||t?.saveStatus?.fetchState==="Completed")&&e()},[a,t?.saveStatus?.fetchState,e,n]),l.jsx(u,{bankAccountToCreate:m,bankAccountCreationState:a,bankNameBySwift:S,addressToEdit:t?.vendorNewAddressStatus?.addressToCreate,mailingAddress:t?.vendorAddress,addressType:"vendor_address",fetchBankNameBySwiftStatus:f,isDisabled:r,onSaveHandler:s,onBankDetailsUpdated:i,onBackClick:e,onAddressClick:c,onFetchBankNameBySwift:d})};export{V as default};

package/dist/assets/{VendorsAccountsSection-BKfX93W4-B6SzKq8w.js → VendorsAccountsSection-tcJAh1A7-COfHef35.js}

@@ -1,4 +1,4 @@
-import{q as ie,e as oe,F as te,y as c,gz as w,aS as k,V as i,hP as g,hO as m,o as n,B as re,p as ne,dA as se,ag as le,u as a}from"./index-ePPQ9tNX.js";import{n as l}from"./mui-bYXq4XMS.js";const s={labelWidth:new c(270,340,350),sectionWidth:new c(343,580,726),iconContainerMaxWidthHeight:new c(a[6],a[7]),iconContainerMarginRight:new c(12,a[3]),iconPadding:new c(10,12),rowGap:new c(a[2],a[3]),elementsMarginLeftRight:new c(a[3],a[4]),controlWidth:n.sp6},I={title:new re("standardMedium","largeMedium")},de=l.div`
+import{u as ie,i as oe,a as te,R as c,hZ as w,bs as L,j as i,ji as g,jh as m,b as n,d as re,C as ne,eP as se,af as le,s as a}from"./index-2CdI-B2B.js";import{n as l}from"./mui-kiGMfX4-.js";const s={labelWidth:new c(270,340,350),sectionWidth:new c(343,580,726),iconContainerMaxWidthHeight:new c(a[6],a[7]),iconContainerMarginRight:new c(12,a[3]),iconPadding:new c(10,12),rowGap:new c(a[2],a[3]),elementsMarginLeftRight:new c(a[3],a[4]),controlWidth:n.sp6},k={title:new re("standardMedium","largeMedium")},de=l.div`
   display: flex;
   flex-direction: column;
   row-gap: ${e=>s.rowGap.valuePx(e.windowSize)};
@@ -17,7 +17,7 @@ import{q as ie,e as oe,F as te,y as c,gz as w,aS as k,V as i,hP as g,hO as m,o a
     border: 1px solid ${e=>e.theme.colors.primary};
     fill: ${e=>e.theme.colors.primary};
   }
-`,f=l.div`
+`,S=l.div`
   display: flex;
   align-items: flex-start;
   flex-direction: row;
@@ -27,8 +27,8 @@ import{q as ie,e as oe,F as te,y as c,gz as w,aS as k,V as i,hP as g,hO as m,o a
   margin-bottom: ${n.sp0};
 `,ae=l.div`
   color: ${e=>e.theme.colors.primary};
-  ${e=>`${I.title.style(e.windowSize)}`};
-`,S=l.div`
+  ${e=>`${k.title.style(e.windowSize)}`};
+`,f=l.div`
   display: flex;
   flex-direction: column;
 `,b=l.div`
@@ -45,11 +45,11 @@ import{q as ie,e as oe,F as te,y as c,gz as w,aS as k,V as i,hP as g,hO as m,o a
   max-height: ${e=>s.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
   margin-right: ${e=>s.iconContainerMarginRight.valuePx(e.windowSize)};
 `,$=l.div`
-  ${e=>`${I.title.style(e.windowSize)}`};
+  ${e=>`${k.title.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
-`,y=l(le)`
+`,v=l(le)`
   color: ${e=>e.theme.colors.hero};
-`,v=l(se)`
+`,y=l(se)`
   width: ${n.sp4};
   height: ${n.sp4};
 `,A=l.div`
@@ -65,4 +65,4 @@ import{q as ie,e as oe,F as te,y as c,gz as w,aS as k,V as i,hP as g,hO as m,o a
   background-color: ${e=>e.theme.colors.grey5};
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${n.sp2};
-`,z=(e,u)=>`${e}.${u}`;function xe({sectionId:e,vendorAccountMappingSection:u,isAccruedExpensesFeatureEnabled:L,showTitle:T=!0}){const r=ie(),d=oe(),{accruedExpensesAccountHierarchy:B,accruedExpensesAccountList:_,accruedExpensesRecommendations:M,fixedAssetsAccountHierarchy:O,fixedAssetsAccountList:E,fixedAssetsRecommendations:R,prepaidExpensesAccountHierarchy:V,prepaidExpensesAccountList:C,prepaidExpensesRecommendations:P,selectedAccruedExpensesAccountIds:F,selectedFixedAssetsAccountIds:W,selectedPrepaidExpensesAccountIds:q}=u,t=te.getLocalizedStrings().uncategorizedAccountsMapping,p=s.labelWidth.value(r),H=w(V,P,"Accounts"),D=w(O,R,"Accounts"),G=w(B,M,"Accounts"),J=P[0]?.account?.reason??"",N=t.tooltip.replace("__based__",J).replace("__account__",t.vendorSection.prepaidExpenseAccount),Z=R[0]?.account?.reason??"",K=t.tooltip.replace("__based__",Z).replace("__account__",t.vendorSection.fixedAssetsAccount),Q=M[0]?.account?.reason??"",U=t.tooltip.replace("__based__",Q).replace("__account__",t.vendorSection.accruedExpensesAccount),X=C.filter(o=>q.includes(o.accountId)??!1),Y=E.filter(o=>W.includes(o.accountId)??!1),ee=_.filter(o=>F.includes(o.accountId)??!1),x={valueContainer:o=>({...o,padding:`2px ${n.sp3}`,overflow:"unset"}),multiValue:o=>({...o,margin:0})},h=d.mode==="light"?new k(d.colors.brandColorJadeLight):new k(d.colors.brandColorJadeDark);return i.jsxs(de,{windowSize:r,children:[T?i.jsx(ae,{windowSize:r,children:t.vendorSection.heading}):null,i.jsxs(ce,{windowSize:r,children:[i.jsxs(f,{windowSize:r,children:[i.jsx(b,{windowSize:r,iconColor:h,isDarkMode:d.mode==="dark",children:i.jsx(v,{})}),i.jsxs(S,{children:[i.jsx($,{windowSize:r,children:t.vendorSection.prepaidExpenseTitle}),i.jsx(y,{children:t.vendorSection.prepaidExpenseSubTitle})]})]}),i.jsx(A,{children:i.jsx(j,{windowSize:r,children:i.jsx(g,{label:{label:t.vendorSection.prepaidExpenselabel,width:p},groupedMultiSelectField:{name:z(e,"prepaidExpensesAccount"),treeViewStructure:!0,groupType:"Accounts",registerOptions:{required:!1},defaultValue:{allOptions:H,selectedOptions:X.map(o=>o.qboId).filter(o=>o!=null)},placeholder:t.placeholder.accountPlaceholders,style:{borderBottom:`1px solid ${d.colors.grey3}`,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},customStyleConfig:x,tooltip:{text:N,sticky:!1},valueToId:o=>m(o,C)}})})}),i.jsxs(f,{windowSize:r,children:[i.jsx(b,{windowSize:r,iconColor:h,isDarkMode:d.mode==="dark",children:i.jsx(v,{})}),i.jsxs(S,{children:[i.jsx($,{windowSize:r,children:t.vendorSection.FixedAssetsTitle}),i.jsx(y,{children:t.vendorSection.fixedAssetsSubTitle})]})]}),i.jsx(A,{children:i.jsx(j,{windowSize:r,children:i.jsx(g,{label:{label:t.vendorSection.fixedAssetslabel,width:p},groupedMultiSelectField:{name:z(e,"fixedAssetsAccount"),treeViewStructure:!0,groupType:"Accounts",registerOptions:{required:!1},defaultValue:{allOptions:D,selectedOptions:Y.map(o=>o.qboId).filter(o=>o!=null)},placeholder:t.placeholder.accountPlaceholders,style:{borderBottom:`1px solid ${d.colors.grey3}`,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},customStyleConfig:x,tooltip:{text:K,sticky:!1},valueToId:o=>m(o,E)}})})}),L?i.jsxs(i.Fragment,{children:[i.jsxs(f,{windowSize:r,children:[i.jsx(b,{windowSize:r,iconColor:h,isDarkMode:d.mode==="dark",children:i.jsx(v,{})}),i.jsxs(S,{children:[i.jsx($,{windowSize:r,children:t.vendorSection.AccruedExpensesTitle}),i.jsx(y,{children:t.vendorSection.accruedExpensesSubTitle})]})]}),i.jsx(A,{children:i.jsx(j,{windowSize:r,children:i.jsx(g,{label:{label:t.vendorSection.accruedExpenseslabel,width:p},groupedMultiSelectField:{name:z(e,"accruedExpensesAccount"),treeViewStructure:!0,groupType:"Accounts",registerOptions:{required:!1},defaultValue:{allOptions:G,selectedOptions:ee.map(o=>o.qboId).filter(o=>o!=null)},placeholder:t.placeholder.accountPlaceholders,style:{borderBottom:`1px solid ${d.colors.grey3}`,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},customStyleConfig:x,tooltip:{text:U,sticky:!1},valueToId:o=>m(o,_)}})})})]}):null]})]})}export{xe as h};
+`,z=(e,u)=>`${e}.${u}`;function xe({sectionId:e,vendorAccountMappingSection:u,isAccruedExpensesFeatureEnabled:I,showTitle:T=!0}){const r=ie(),d=oe(),{accruedExpensesAccountHierarchy:O,accruedExpensesAccountList:R,accruedExpensesRecommendations:_,fixedAssetsAccountHierarchy:B,fixedAssetsAccountList:C,fixedAssetsRecommendations:M,prepaidExpensesAccountHierarchy:F,prepaidExpensesAccountList:E,prepaidExpensesRecommendations:P,selectedAccruedExpensesAccountIds:W,selectedFixedAssetsAccountIds:V,selectedPrepaidExpensesAccountIds:q}=u,t=te.getLocalizedStrings().uncategorizedAccountsMapping,p=s.labelWidth.value(r),H=w(F,P,"Accounts"),D=w(B,M,"Accounts"),G=w(O,_,"Accounts"),J=P[0]?.account?.reason??"",N=t.tooltip.replace("__based__",J).replace("__account__",t.vendorSection.prepaidExpenseAccount),Z=M[0]?.account?.reason??"",K=t.tooltip.replace("__based__",Z).replace("__account__",t.vendorSection.fixedAssetsAccount),Q=_[0]?.account?.reason??"",U=t.tooltip.replace("__based__",Q).replace("__account__",t.vendorSection.accruedExpensesAccount),X=E.filter(o=>q.includes(o.accountId)??!1),Y=C.filter(o=>V.includes(o.accountId)??!1),ee=R.filter(o=>W.includes(o.accountId)??!1),x={valueContainer:o=>({...o,padding:`2px ${n.sp3}`,overflow:"unset"}),multiValue:o=>({...o,margin:0})},h=d.mode==="light"?new L(d.colors.brandColorJadeLight):new L(d.colors.brandColorJadeDark);return i.jsxs(de,{windowSize:r,children:[T?i.jsx(ae,{windowSize:r,children:t.vendorSection.heading}):null,i.jsxs(ce,{windowSize:r,children:[i.jsxs(S,{windowSize:r,children:[i.jsx(b,{windowSize:r,iconColor:h,isDarkMode:d.mode==="dark",children:i.jsx(y,{})}),i.jsxs(f,{children:[i.jsx($,{windowSize:r,children:t.vendorSection.prepaidExpenseTitle}),i.jsx(v,{children:t.vendorSection.prepaidExpenseSubTitle})]})]}),i.jsx(A,{children:i.jsx(j,{windowSize:r,children:i.jsx(g,{label:{label:t.vendorSection.prepaidExpenselabel,width:p},groupedMultiSelectField:{name:z(e,"prepaidExpensesAccount"),treeViewStructure:!0,groupType:"Accounts",registerOptions:{required:!1},defaultValue:{allOptions:H,selectedOptions:X.map(o=>o.qboId).filter(o=>o!=null)},placeholder:t.placeholder.accountPlaceholders,style:{borderBottom:`1px solid ${d.colors.grey3}`,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},customStyleConfig:x,tooltip:{text:N,sticky:!1},valueToId:o=>m(o,E)}})})}),i.jsxs(S,{windowSize:r,children:[i.jsx(b,{windowSize:r,iconColor:h,isDarkMode:d.mode==="dark",children:i.jsx(y,{})}),i.jsxs(f,{children:[i.jsx($,{windowSize:r,children:t.vendorSection.FixedAssetsTitle}),i.jsx(v,{children:t.vendorSection.fixedAssetsSubTitle})]})]}),i.jsx(A,{children:i.jsx(j,{windowSize:r,children:i.jsx(g,{label:{label:t.vendorSection.fixedAssetslabel,width:p},groupedMultiSelectField:{name:z(e,"fixedAssetsAccount"),treeViewStructure:!0,groupType:"Accounts",registerOptions:{required:!1},defaultValue:{allOptions:D,selectedOptions:Y.map(o=>o.qboId).filter(o=>o!=null)},placeholder:t.placeholder.accountPlaceholders,style:{borderBottom:`1px solid ${d.colors.grey3}`,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},customStyleConfig:x,tooltip:{text:K,sticky:!1},valueToId:o=>m(o,C)}})})}),I?i.jsxs(i.Fragment,{children:[i.jsxs(S,{windowSize:r,children:[i.jsx(b,{windowSize:r,iconColor:h,isDarkMode:d.mode==="dark",children:i.jsx(y,{})}),i.jsxs(f,{children:[i.jsx($,{windowSize:r,children:t.vendorSection.AccruedExpensesTitle}),i.jsx(v,{children:t.vendorSection.accruedExpensesSubTitle})]})]}),i.jsx(A,{children:i.jsx(j,{windowSize:r,children:i.jsx(g,{label:{label:t.vendorSection.accruedExpenseslabel,width:p},groupedMultiSelectField:{name:z(e,"accruedExpensesAccount"),treeViewStructure:!0,groupType:"Accounts",registerOptions:{required:!1},defaultValue:{allOptions:G,selectedOptions:ee.map(o=>o.qboId).filter(o=>o!=null)},placeholder:t.placeholder.accountPlaceholders,style:{borderBottom:`1px solid ${d.colors.grey3}`,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},customStyleConfig:x,tooltip:{text:U,sticky:!1},valueToId:o=>m(o,R)}})})})]}):null]})]})}export{xe as R};

package/dist/assets/VerifyDevice-BpRkPdzL-DdjhGhQl.js

@@ -0,0 +1,112 @@
+import{bB as N,a8 as M,a as L,j as r,cG as R,a9 as a,aa as T,cH as _,af as f,cI as H,b as o,B as I,cJ as B,ah as O,cK as z,cL as k,cq as A,C as y,bM as S,cM as q}from"./index-2CdI-B2B.js";import{a as s}from"./core-tlHkQPPu.js";import{n as t}from"./mui-kiGMfX4-.js";import{bj as G}from"./zeni-epic-state-Bo1aGezX.js";import{A as J,Z as D}from"./AccountLockedInfoModal-BS5pz9ze-B8_cH9pi.js";import"./sentry-Dhk5jNhq.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";import"./handshake-D4b9T-E0-BvZJz7M_.js";const K=e=>{if(!e)return"";try{const l=z(e);if(!l){const i=e.replace(/\D/g,"");if(i.length>=4){const g=i.slice(-4);return`+${i.slice(0,-4)||"1"} (•••) ••• ${g}`}return k(e)||e}const d=l.countryCallingCode,u=l.nationalNumber;return`+${d} (•••) ••• ${u.slice(-4)}`}catch{const l=e.replace(/\D/g,"");if(l.length>=4){const d=l.slice(-4);return`+${l.slice(0,-4)||"1"} (•••) ••• ${d}`}return k(e)||e}},n=L.getLocalizedStrings().commonSetUp.twoFactorAuthentication,x="otpInputField",Ee=e=>{const l=e.verifyOtpFetchState==="In-Progress",[d,u]=s.useState(!1),[i,g]=s.useState(!1),[j,P]=s.useState(0),[v,w]=s.useState(120),[p,C]=s.useState(30),E=N(e.verifyOtpFetchState),h=M({mode:"all",reValidateMode:"onChange",defaultValues:{[x]:""}}),$=h.watch(x),V=n.footerHelperText.replace(/<button_text>/,n.verify);return s.useEffect(()=>{E==="In-Progress"&&e.verifyOtpFetchState==="Error"&&(u(!0),P(c=>c+1),h.setValue(x,""))},[E,e.verifyOtpFetchState,h]),s.useEffect(()=>{if(v<=0)return void g(!0);const c=setInterval(()=>{w(m=>m<=1?0:m-1)},1e3);return()=>clearInterval(c)},[v]),s.useEffect(()=>{if(p<=0)return;const c=setInterval(()=>{C(m=>m<=1?0:m-1)},1e3);return()=>clearInterval(c)},[p]),r.jsx(R,{open:!0,children:r.jsxs(U,{children:[r.jsx(a,{controller:j>2,children:r.jsx(J,{unlockDate:G().add(1,"hour"),onSubmit:e.onCancelVerifyDevice})}),r.jsx(a,{controller:j<=2,children:r.jsx(T,{...h,children:r.jsxs(ce,{children:[r.jsxs(se,{children:[r.jsx(W,{children:n.verifyDeviceTitle}),r.jsx(X,{children:n.verifyDeviceDescription}),r.jsxs(Q,{children:[r.jsx(Z,{children:K(e.phoneNumber+"")}),r.jsx(_,{placement:"top",title:r.jsxs(f,{children:[n.changePhoneNumberHelperText,r.jsx(xe,{href:`mailto:${D}`,children:D})]}),enterDelay:600,children:r.jsx(me,{})})]})]}),r.jsxs(Y,{children:[r.jsx(H,{value:$,valueLength:6,hasError:i===!0||d===!0,style:{margin:o.sp0},onChange:c=>{h.setValue(x,c),u(!1)}}),r.jsx(a,{controller:i===!1,children:r.jsx(F,{children:r.jsxs(de,{children:[n.codeExpiresIn," ",(b=v,`${Math.floor(b/60)}:${(b%60).toString().padStart(2,"0")}`)]})})}),r.jsx(a,{controller:i===!0,children:r.jsx(F,{children:r.jsx(pe,{children:n.codeExpired})})})]}),d===!0&&i===!1?r.jsxs(r.Fragment,{children:[r.jsx(a,{controller:j>=1,children:r.jsx(ee,{children:n.incorrectCode})}),r.jsx(a,{controller:j===2,children:r.jsx(he,{children:r.jsxs(f,{children:[r.jsx(ue,{}),n.accountLockWarning]})})})]}):null,r.jsx(a,{controller:e.resendVerifyDeviceOTPFetchState.error?.details?.application_error_code!=="OTP_RESEND_LIMIT_EXCEEDED",children:r.jsxs(re,{children:[r.jsx(te,{children:n.codeNotReceived}),r.jsx(ne,{disabled:p>0,onClick:()=>{p===0&&(e.onResendOtp(),u(!1),g(!1),h.setValue(x,""),w(120),C(30))},children:n.resend}),p>0&&r.jsxs(oe,{children:[L.getLocalizedStrings().common.in.toLowerCase()," ",p,"s"]})]})}),r.jsxs(ae,{children:[r.jsxs(le,{children:[r.jsx(I,{label:n.cancel,onClick:()=>{e.onCancelVerifyDevice()},style:{width:82}}),r.jsx(I,{variant:"primary",label:n.verify,onClick:()=>{$.trim().length===6&&e.onVerifyOtp($)},style:{width:82},loading:l,disabled:$.trim().length!==6||i===!0})]}),r.jsx(ie,{children:V})]})]})})})]})});var b},U=t.div`
+  display: flex;
+  flex-direction: column;
+  min-width: ${"256px"};
+  max-width: ${"456px"};
+  padding: ${o.sp5} ${o.sp6};
+  background: ${e=>e.theme.colors.grey5};
+  border-radius: ${o.sp2};
+`,W=t(B)`
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+`,X=t(O)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+`,Z=t(O)`
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+`,Q=t.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${o.sp1};
+`,Y=t.div`
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  row-gap: ${o.sp1};
+`,ee=t(S)`
+  color: ${y.important};
+  text-align: center;
+`,re=t.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: ${o.sp1};
+`,te=t(S)`
+  color: ${e=>e.theme.colors.hero};
+`,oe=t(S)`
+  color: ${e=>e.theme.colors.hero};
+`,ne=t.button`
+  color: ${e=>e.disabled?e.theme.colors.grey2:e.theme.colors.link};
+  cursor: ${e=>e.disabled?"default":"pointer"};
+  background: none;
+  border: none;
+  padding: 0;
+  font: inherit;
+
+  &:hover {
+    color: ${e=>e.disabled?e.theme.colors.grey2:e.theme.colors.primary};
+  }
+`,le=t.div`
+  display: flex;
+  justify-content: center;
+  column-gap: ${o.sp3};
+`,ie=t(f)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+`,se=t.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  row-gap: ${o.sp2};
+`,ce=t.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  row-gap: ${o.sp3};
+`,ae=t.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  row-gap: ${o.sp2};
+  margin-top: ${o.sp2};
+`,F=t.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: ${e=>e.theme.colors.background};
+`,de=t(f)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+`,pe=t(f)`
+  color: ${y.important};
+  text-align: center;
+`,he=t.div`
+  display: flex;
+  justify-content: center;
+  background: ${y.importantLight};
+  border-radius: ${o.sp1};
+  color: ${y.important};
+  word-wrap: normal;
+  padding: ${o.sp1} ${o.sp6};
+  text-align: center;
+`,ue=t(q)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  top: 2px;
+  position: relative;
+`,me=t(A)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${e=>e.theme.colors.grey1};
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,xe=t.a`
+  text-decoration: underline;
+  color: inherit;
+`;export{Ee as default};

package/dist/assets/VideoPlayer-DVIeTdLq-CMw9Re6n.js

@@ -0,0 +1,78 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/react-DBTaojCw-BTbEMBGt.js","assets/core-tlHkQPPu.js","assets/mixin-XJuHfVsL-Dozz_ZkW.js","assets/hls-CsNM3rq8-NlJdpMmx.js","assets/react-CvWP22DQ-DgwH1WE1.js","assets/zeni-epic-state-Bo1aGezX.js","assets/mui-kiGMfX4-.js","assets/index-BYRTFU-W-YvTg_8TB.js","assets/react-CWXWcDMY-C8y3pdCP.js","assets/react-B2-P-PS--DYmRygxV.js","assets/react-G6j-OGKl--ofewKrH.js","assets/react-CytUn6Kg-Dh6LSVZI.js","assets/react-CWt3gw2R-CPQu_93E.js","assets/react-6Tvfe2S2-C3CHfLw_.js","assets/Preview-Ciq7dXYi-CJfe3XpZ.js"])))=>i.map(i=>d[i]);
+import{bf as p}from"./zeni-epic-state-Bo1aGezX.js";import{u as W,j as u,ak as Z,C as q}from"./index-2CdI-B2B.js";import{a as t,d as Y,o as h}from"./core-tlHkQPPu.js";import{n as I,k as H}from"./mui-kiGMfX4-.js";const $=/\.(m4a|m4b|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i,L=/\.(mp4|og[gv]|webm|mov|m4v)(#t=[,\d+]+)?($|\?)/i,D=/\.(m3u8)($|\?)/i,J=/\.(mpd)($|\?)/i,K=/stream\.mux\.com\/(?!\w+\.m3u8)(\w+)/,Q=/(?:youtu\.be\/|youtube(?:-nocookie|education)?\.com\/(?:embed\/|v\/|watch\/|watch\?v=|watch\?.+&v=|shorts\/|live\/))((\w|-){11})|youtube\.com\/playlist\?list=|youtube\.com\/user\//,X=/vimeo\.com\/(?!progressive_redirect).+/,ee=/(?:wistia\.(?:com|net)|wi\.st)\/(?:medias|embed)\/(?:iframe\/)?([^?]+)/,te=/open\.spotify\.com\/(\w+)\/(\w+)/i,re=/(?:www\.|go\.)?twitch\.tv\/([a-zA-Z0-9_]+|(videos?\/|\?video=)\d+)($|\?)/,le=/tiktok\.com\/(?:player\/v1\/|share\/video\/|@[^/]+\/video\/)([0-9]+)/,S=(e,l)=>{if(Array.isArray(e)){for(const a of e)if(typeof a=="string"&&S(a,l)||S(a.src,l))return!0;return!1}return l(e)},m={html:e=>S(e,l=>$.test(l)||L.test(l)),hls:e=>S(e,l=>D.test(l)),dash:e=>S(e,l=>J.test(l)),mux:e=>K.test(e),youtube:e=>Q.test(e),vimeo:e=>X.test(e)&&!L.test(e)&&!D.test(e),wistia:e=>ee.test(e),spotify:e=>te.test(e),twitch:e=>re.test(e),tiktok:e=>le.test(e)};var oe=h.forwardRef((e,l)=>{const a=$.test(`${e.src}`)?"audio":"video";return h.createElement(a,{...e,ref:l},e.children)}),T=[{key:"hls",name:"hls.js",canPlay:m.hls,canEnablePIP:()=>!0,player:t.lazy(()=>p(()=>import("./react-DBTaojCw-BTbEMBGt.js"),__vite__mapDeps([0,1,2,3])))},{key:"dash",name:"dash.js",canPlay:m.dash,canEnablePIP:()=>!0,player:t.lazy(()=>p(()=>import("./react-CvWP22DQ-DgwH1WE1.js"),__vite__mapDeps([4,5,1,6,2])))},{key:"mux",name:"Mux",canPlay:m.mux,canEnablePIP:()=>!0,player:t.lazy(()=>p(()=>import("./index-BYRTFU-W-YvTg_8TB.js"),__vite__mapDeps([7,6,1,3,2])))},{key:"youtube",name:"YouTube",canPlay:m.youtube,player:t.lazy(()=>p(()=>import("./react-CWXWcDMY-C8y3pdCP.js"),__vite__mapDeps([8,1])))},{key:"vimeo",name:"Vimeo",canPlay:m.vimeo,player:t.lazy(()=>p(()=>import("./react-B2-P-PS--DYmRygxV.js"),__vite__mapDeps([9,6,1])))},{key:"wistia",name:"Wistia",canPlay:m.wistia,canEnablePIP:()=>!0,player:t.lazy(()=>p(()=>import("./react-G6j-OGKl--ofewKrH.js"),__vite__mapDeps([10,1])))},{key:"spotify",name:"Spotify",canPlay:m.spotify,canEnablePIP:()=>!1,player:t.lazy(()=>p(()=>import("./react-CytUn6Kg-Dh6LSVZI.js"),__vite__mapDeps([11,1])))},{key:"twitch",name:"Twitch",canPlay:m.twitch,canEnablePIP:()=>!1,player:t.lazy(()=>p(()=>import("./react-CWt3gw2R-CPQu_93E.js"),__vite__mapDeps([12,1])))},{key:"tiktok",name:"TikTok",canPlay:m.tiktok,canEnablePIP:()=>!1,player:t.lazy(()=>p(()=>import("./react-6Tvfe2S2-C3CHfLw_.js"),__vite__mapDeps([13,1])))},{key:"html",name:"html",canPlay:m.html,canEnablePIP:()=>!0,player:oe}];const ae={width:"320px",height:"180px",volume:1,playbackRate:1,previewTabIndex:0,previewAriaLabel:"",oEmbedUrl:"https://noembed.com/embed?url={url}"},G=h.forwardRef((e,l)=>{const{playing:a,pip:i}=e,c=e.activePlayer,r=t.useRef(null),f=t.useRef(!0);if(t.useEffect(()=>{var o,n;r.current&&(r.current.paused&&a===!0&&r.current.play(),r.current.paused||a!==!1||r.current.pause(),r.current.playbackRate=(o=e.playbackRate)!=null?o:1,r.current.volume=(n=e.volume)!=null?n:1)}),t.useEffect(()=>{var o,n,s,P,g;if(r.current&&globalThis.document){if(i&&!document.pictureInPictureElement)try{(n=(o=r.current).requestPictureInPicture)==null||n.call(o)}catch{}if(!i&&document.pictureInPictureElement)try{(P=(s=r.current).exitPictureInPicture)==null||P.call(s),(g=document.exitPictureInPicture)==null||g.call(document)}catch{}}},[i]),!c)return null;const E={},_=["onReady","onStart"];for(const o in e)o.startsWith("on")&&!_.includes(o)&&(E[o]=e[o]);return h.createElement(c,{...E,style:e.style,className:e.className,slot:e.slot,ref:t.useCallback(o=>{r.current=o,typeof l=="function"?l(o):l!==null&&(l.current=o)},[l]),src:e.src,crossOrigin:e.crossOrigin,preload:e.preload,controls:e.controls,muted:e.muted,autoPlay:e.autoPlay,loop:e.loop,playsInline:e.playsInline,disableRemotePlayback:e.disableRemotePlayback,config:e.config,onLoadStart:o=>{var n,s;f.current=!0,(n=e.onReady)==null||n.call(e),(s=e.onLoadStart)==null||s.call(e,o)},onPlay:o=>{var n,s;f.current&&(f.current=!1,(n=e.onStart)==null||n.call(e,o)),(s=e.onPlay)==null||s.call(e,o)}},e.children)});G.displayName="Player";var ne=G;const ie=t.lazy(()=>p(()=>import("./Preview-Ciq7dXYi-CJfe3XpZ.js"),__vite__mapDeps([14,1]))),R=[],U=({children:e})=>e;var V=((e,l)=>{const a=h.forwardRef((i,c)=>{const r={...ae,...i},{src:f,slot:E,className:_,style:o,width:n,height:s,fallback:P,wrapper:g}=r,[k,x]=t.useState(!!r.light);t.useEffect(()=>{r.light?x(!0):x(!1)},[r.light]);const b=w=>{var d;x(!1),(d=r.onClickPreview)==null||d.call(r,w)},v=g??U,A=P===!1?U:t.Suspense;return h.createElement(v,{slot:E,className:_,style:{width:n,height:s,...o}},h.createElement(A,{fallback:P},k?(w=>{if(!w)return null;const{light:d,playIcon:C,previewTabIndex:y,oEmbedUrl:F,previewAriaLabel:O}=r;return h.createElement(ie,{src:w,light:d,playIcon:C,previewTabIndex:y,previewAriaLabel:O,oEmbedUrl:F,onClickPreview:b})})(f):(w=>{var d,C;const y=(j=>{for(const z of[...R,...e])if(j&&z.canPlay(j))return z;return l||null})(w);if(!y)return null;const{style:F,width:O,height:N,wrapper:B}=r,M=(d=r.config)==null?void 0:d[y.key];return h.createElement(ne,{...r,ref:c,activePlayer:(C=y.player)!=null?C:y,slot:B?void 0:E,className:B?void 0:_,style:B?{display:"block",width:"100%",height:"100%"}:{display:"block",width:O,height:N,...F},config:M})})(f)))});return a.displayName="ReactPlayer",a.addCustomPlayer=i=>{R.push(i)},a.removeCustomPlayers=()=>{R.length=0},a.canPlay=i=>{if(i){for(const c of[...R,...e])if(c.canPlay(i))return!0}return!1},a.canEnablePIP=i=>{var c;if(i){for(const r of[...R,...e])if(r.canPlay(i)&&((c=r.canEnablePIP)!=null&&c.call(r)))return!0}return!1},a})(T,T[T.length-1]);const se=e=>t.createElement("svg",{width:208,height:208,viewBox:"0 0 208 208",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("g",{filter:"url(#filter0_f_251_38441)"},t.createElement("circle",{cx:104,cy:104,r:44,fill:"url(#paint0_linear_251_38441)"}),t.createElement("circle",{cx:104,cy:104,r:50,stroke:"url(#paint1_linear_251_38441)",strokeWidth:12})),t.createElement("g",{filter:"url(#filter1_d_251_38441)"},t.createElement("circle",{cx:104,cy:104,r:41.1429,fill:"#FAFAFA"}),t.createElement("circle",{cx:104,cy:104,r:43.1429,stroke:"url(#paint2_linear_251_38441)",strokeWidth:4})),t.createElement("g",{clipPath:"url(#clip0_251_38441)"},t.createElement("path",{d:"M120.16 102.411L96.2853 90.4684C96.0134 90.3343 95.7118 90.2718 95.409 90.2867C95.1062 90.3016 94.8122 90.3935 94.5548 90.5536C94.2974 90.7138 94.0851 90.9369 93.938 91.202C93.7908 91.467 93.7137 91.7652 93.7139 92.0684V115.931C93.7137 116.234 93.7908 116.533 93.938 116.798C94.0851 117.063 94.2974 117.286 94.5548 117.446C94.8122 117.606 95.1062 117.698 95.409 117.713C95.7118 117.728 96.0134 117.665 96.2853 117.531L120.16 105.588C120.456 105.442 120.706 105.216 120.88 104.935C121.055 104.654 121.147 104.33 121.147 104C121.147 103.669 121.055 103.345 120.88 103.065C120.706 102.784 120.456 102.558 120.16 102.411Z",fill:"black"})),t.createElement("defs",null,t.createElement("filter",{id:"filter0_f_251_38441",x:0,y:0,width:208,height:208,filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},t.createElement("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),t.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),t.createElement("feGaussianBlur",{stdDeviation:24,result:"effect1_foregroundBlur_251_38441"})),t.createElement("filter",{id:"filter1_d_251_38441",x:54.8569,y:58.8571,width:98.2856,height:98.2857,filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},t.createElement("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),t.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),t.createElement("feOffset",{dy:4}),t.createElement("feGaussianBlur",{stdDeviation:2}),t.createElement("feComposite",{in2:"hardAlpha",operator:"out"}),t.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"}),t.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_251_38441"}),t.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_251_38441",result:"shape"})),t.createElement("linearGradient",{id:"paint0_linear_251_38441",x1:119.671,y1:119.671,x2:87.9755,y2:87.9758,gradientUnits:"userSpaceOnUse"},t.createElement("stop",{stopColor:"#7135FF"}),t.createElement("stop",{offset:.27204,stopColor:"#A050E4"}),t.createElement("stop",{offset:.364594,stopColor:"#B85ED7"}),t.createElement("stop",{offset:.546546,stopColor:"#CF6CC9"}),t.createElement("stop",{offset:.732127,stopColor:"#EE609C"}),t.createElement("stop",{offset:.85586,stopColor:"#EB61A0"}),t.createElement("stop",{offset:1,stopColor:"#EE609C"})),t.createElement("linearGradient",{id:"paint1_linear_251_38441",x1:119.671,y1:119.671,x2:87.9755,y2:87.9758,gradientUnits:"userSpaceOnUse"},t.createElement("stop",{stopColor:"#7135FF"}),t.createElement("stop",{offset:.27204,stopColor:"#A050E4"}),t.createElement("stop",{offset:.364594,stopColor:"#B85ED7"}),t.createElement("stop",{offset:.546546,stopColor:"#CF6CC9"}),t.createElement("stop",{offset:.732127,stopColor:"#EE609C"}),t.createElement("stop",{offset:.85586,stopColor:"#EB61A0"}),t.createElement("stop",{offset:1,stopColor:"#EE609C"})),t.createElement("linearGradient",{id:"paint2_linear_251_38441",x1:118.653,y1:118.653,x2:89.0159,y2:89.0164,gradientUnits:"userSpaceOnUse"},t.createElement("stop",{stopColor:"#7135FF"}),t.createElement("stop",{offset:.27204,stopColor:"#A050E4"}),t.createElement("stop",{offset:.364594,stopColor:"#B85ED7"}),t.createElement("stop",{offset:.546546,stopColor:"#CF6CC9"}),t.createElement("stop",{offset:.732127,stopColor:"#EE609C"}),t.createElement("stop",{offset:.85586,stopColor:"#EB61A0"}),t.createElement("stop",{offset:1,stopColor:"#EE609C"})),t.createElement("clipPath",{id:"clip0_251_38441"},t.createElement("rect",{width:27.4286,height:27.4286,fill:"white",transform:"translate(93.7139 90.2849)"}))));function ve({src:e,autoPlay:l=!0,config:a,controls:i=!0,height:c="100%",isModalOpen:r,loop:f=!1,muted:E=!1,showPlayButton:_=!1,style:o,thumbnail:n,width:s="100%",onEnded:P,onModalClose:g,onPlay:k}){const x=W(),[b,v]=t.useState(!1);t.useEffect(()=>{r===!0&&l?v(!0):r===!1&&v(!1)},[r,l]);const A={};a?.youtube&&(A.youtube=a.youtube);const w=()=>{v(!0),k?.()},d=()=>{v(!1),g?.()},C=()=>{v(!1),P?.(),r!=null&&g?.()},y=()=>{v(!0),k?.()};return r!=null?r?Y.createPortal(u.jsx(fe,{windowSize:x,role:"presentation",children:u.jsx(Z,{onClickAway:d,children:u.jsx(de,{windowSize:x,"data-testid":"video-player-modal",children:u.jsxs(ye,{children:[_&&!b&&u.jsxs(u.Fragment,{children:[n!=null&&n!==""&&u.jsx(pe,{src:n,alt:"Video thumbnail"}),u.jsx(ue,{onClick:w,children:u.jsx(me,{windowSize:x})})]}),(!_||b)&&u.jsx(V,{src:e,playing:b,controls:i,muted:E,loop:f,width:"100%",height:"100%",onEnded:C,onPlay:y,config:A})]})})})}),document.body):null:u.jsx(V,{src:e,playing:b,controls:i,muted:E,loop:f,width:s,height:c,style:o,light:!(!_||b)&&(n??!0),onEnded:C,onPlay:y,config:A})}const ce=H`
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+`,ue=I.div`
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  cursor: pointer;
+  transition: transform 0.2s ease;
+  z-index: 1;
+
+  &:hover {
+    transform: translate(-50%, -50%) scale(1.05);
+  }
+
+  // The code below handles play button animation effects.
+  svg {
+    display: block;
+
+    g:nth-of-type(1),
+    g:nth-of-type(2) {
+      transform-origin: 104px 104px;
+      animation: ${ce} 3s linear infinite;
+    }
+
+    g:nth-of-type(3) {
+      transform-origin: 104px 104px;
+    }
+  }
+`,me=I(se)`
+  width: auto;
+  height: auto;
+`,pe=I.img`
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  position: absolute;
+  top: 0;
+  left: 0;
+`,fe=I.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 1300;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background: ${q.overlayDark};
+`,de=I.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  background: ${e=>e.theme.colors.grey3};
+  border-radius: 25px;
+  position: relative;
+  width: min(calc(100vw - 96px), calc((100vh - 96px) * 16 / 9));
+  aspect-ratio: 16 / 9;
+  padding: 0;
+  border: 3px solid ${e=>e.theme.colors.grey2};
+  box-sizing: content-box;
+`,ye=I.div`
+  position: relative;
+  width: 100%;
+  height: 100%;
+  border-radius: 22px;
+  overflow: hidden;
+`;export{se as G,ve as T};

package/dist/assets/{VideoPopup-9iierxTj-BAFy3uBP.js → VideoPopup-CPW65Ljn-Mlf95YHy.js}

@@ -1,4 +1,4 @@
-import{q as l,V as i,an as s,aK as a,p as c,o as n,y as r}from"./index-ePPQ9tNX.js";import{n as t}from"./mui-bYXq4XMS.js";import{N as h}from"./VideoPlayer-BlDaa3e0-DBziSdiE.js";const d={width:new r(300,770,770),height:new r(195,500,500)},p=t.div`
+import{u as d,j as i,ak as a,bm as l,C as c,b as n,R as r}from"./index-2CdI-B2B.js";import{n as t}from"./mui-kiGMfX4-.js";import{T as h}from"./VideoPlayer-DVIeTdLq-CMw9Re6n.js";const s={width:new r(300,770,770),height:new r(195,500,500)},p=t.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -20,12 +20,12 @@ import{q as l,V as i,an as s,aK as a,p as c,o as n,y as r}from"./index-ePPQ9tNX.
   border-radius: ${n.sp2};
   position: relative;
   top: 5%;
-  width: ${e=>d.width.valuePx(e.windowSize)};
-  height: ${e=>d.height.valuePx(e.windowSize)};
+  width: ${e=>s.width.valuePx(e.windowSize)};
+  height: ${e=>s.height.valuePx(e.windowSize)};
   padding: ${n.sp3};
   background: ${e=>e.theme.colors.grey3};
 `,x=t.div`
   position: relative;
   width: 100%;
   height: 100%;
-`;function m(e){const o=l();return i.jsx(p,{windowSize:o,role:"presentation",children:i.jsx(s,{onClickAway:()=>e.onCancelClick(),children:i.jsx(w,{windowSize:o,"data-testid":a("video-popup"),children:i.jsx(x,{children:i.jsx(h,{src:e.videoUrl,controls:!0,width:"100%",height:"100%"})})})})})}export{m as f};
+`;function f(e){const o=d();return i.jsx(p,{windowSize:o,role:"presentation",children:i.jsx(a,{onClickAway:()=>e.onCancelClick(),children:i.jsx(w,{windowSize:o,"data-testid":l("video-popup"),children:i.jsx(x,{children:i.jsx(h,{src:e.videoUrl,controls:!0,width:"100%",height:"100%"})})})})})}export{f as w};

package/dist/assets/WarningsDrawerPage-DmT71mwN-DESwOtN_.js

@@ -0,0 +1,92 @@
+import{u as I,a as j,j as s,c as S,S as B,B as D,t as L,b as n,R as g,d as M,e as E,f as z,H as P,C as $,g as R,h as N,s as d,L as T}from"./index-2CdI-B2B.js";import{n as t}from"./mui-kiGMfX4-.js";import{cH as A}from"./zeni-epic-state-Bo1aGezX.js";import"./core-tlHkQPPu.js";import"./sentry-Dhk5jNhq.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";const e=j.getLocalizedStrings(),u={navBarHeight:new g(62,62,62),navBarPaddingLeft:new g(d[3],d[3],d[8]),navBarPaddingRight:new g(d[3],d[3],d[8]),navBarPaddingTop:new g(12,12,d[3]),navBarPaddingBottom:new g(12,12,19)},H={title:new M("largeMedium","largeSemiBold")},ue=({companyView:o,allUsers:a,onRetryBankAccountConnection:r,onCloseClick:C})=>{const k=I(),b=o!=null?A(o):0,f=o?.onboardingInfo?.bankAccountLinked,v=o?.onboardingInfo?.qboLinked,w=o?.onboardingInfo?.identityVerified,h=o?.onboardingInfo?.businessVerified,y=o?.onboardingInfo?.accountingConnectionCreationMode==="zeni_user",p=[];if(f!=null){const i=a.find(m=>m.userId===f.userIds[0]),{errorMessage:c,successMessage:l}=F(f,y,i);p.push({status:c!=null?"Error":l!=null?"Complete":"Incomplete",userInfo:i,message:c??l??`${e.cockpit.onboarding.header.linkBankAccount} ${e.common.strings.hyphen} ${e.common.incompleteText}`,onClickRetry:r})}if(v!=null){const i=a.find(m=>m.userId===v.userIds[0]),{errorMessage:c,successMessage:l}=O(v,y,i);p.push({status:c!=null?"Error":l!=null?"Complete":"Incomplete",userInfo:i,message:c??l??`${e.cockpit.onboarding.header.connectToQBO} ${e.common.strings.hyphen} ${e.common.incompleteText}`})}if(w!=null){const i=a.find(m=>m.userId===w.userIds[0]),{errorMessage:c,successMessage:l}=Q(w,y,i);p.push({status:c!=null?"Error":l!=null?"Complete":"Incomplete",userInfo:i,message:c??l??`${e.cockpit.review.warningsDrawer.kyc} ${e.common.strings.hyphen} ${w.status}`})}if(h!=null){const i=a.find(m=>m.userId===h.userIds[0]),{errorMessage:c,successMessage:l}=G(h,y,i);p.push({status:c!=null?"Error":l!=null?"Complete":"Incomplete",userInfo:i,message:c??l??`${e.cockpit.review.warningsDrawer.kyb} ${e.common.strings.hyphen} ${h.status}`})}return s.jsxs(V,{children:[s.jsx(W,{windowSize:k,children:s.jsx(q,{children:s.jsxs(J,{windowSize:k,children:[s.jsx(K,{windowSize:k,children:o?.name}),s.jsx(se,{onClick:C})]})})}),s.jsxs(_,{children:[s.jsx(U,{children:b>0?s.jsxs(x,{children:[s.jsx(x,{children:S(e.cockpit.review.warningsDrawer.issueFound)}),s.jsx(ie,{children:`${e.common.strings.openingBrace}${b}${e.common.strings.closingBrace}`})]}):s.jsx(x,{children:`${e.common.no} 
+              ${S(e.cockpit.review.warningsDrawer.issueFound)}`})}),p.map((i,c)=>s.jsx(X,{isStepInError:i.status==="Error",children:s.jsxs(Y,{children:[s.jsx(Z,{children:i.status==="Complete"?s.jsx(re,{}):i.status==="Error"?s.jsx(B,{}):s.jsx(ne,{})}),s.jsxs(ee,{children:[s.jsx(oe,{isStepInError:i.status==="Error",children:i.message}),i.status==="Error"?s.jsx(D,{label:e.common.retry,onClick:i.onClickRetry,loading:o?.retryBankAccountConnectionFetchState.fetchState==="In-Progress",variant:"light_transparent",style:{padding:`${n.sp1} ${n.sp3}`,borderRadius:n.sp1},textStyle:{...L.extraSmallMedium.cssObject}}):null]})]})},c))]})]})},F=(o,a,r)=>({errorMessage:o.error===!0?o.errorDetails!=null?o.errorDetails.summary:e.cockpit.review.errors.bankAccountLinked:null,successMessage:o.completed===!0?r!=null?`${e.cockpit.onboarding.header.linkBankAccount}  ${e.common.strings.hyphen} ${a===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${r.firstName} ${r.lastName}`:e.cockpit.onboarding.header.linkBankAccount:null}),O=(o,a,r)=>({errorMessage:o.error===!0?o.errorDetails!=null?o.errorDetails.summary:e.cockpit.review.errors.qboLinked:null,successMessage:o.completed===!0?r!=null?`${e.cockpit.onboarding.header.connectToQBO}  ${e.common.strings.hyphen} ${a===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${r.firstName} ${r.lastName}`:`${e.cockpit.onboarding.header.connectToQBO}`:null}),Q=(o,a,r)=>({errorMessage:o.status==="Error"?r!=null?`${e.cockpit.review.warningsDrawer.kyc} ${e.common.failed.toLocaleLowerCase()} ${e.common.strings.hyphen} ${a===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${r.firstName} ${r.lastName}`:`${e.cockpit.review.warningsDrawer.kyc} ${e.common.failed.toLocaleLowerCase()}`:null,successMessage:o.status==="Complete"?r!=null?`${e.cockpit.review.warningsDrawer.kyc} ${e.cockpit.review.warningsDrawer.identity} ${e.common.strings.hyphen} ${a===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${r.firstName} ${r.lastName}`:`${e.cockpit.review.warningsDrawer.kyc} ${e.cockpit.review.warningsDrawer.identity}`:null}),G=(o,a,r)=>({errorMessage:o.status==="Error"?r!=null?`${e.cockpit.review.warningsDrawer.kyb} ${e.common.failed.toLocaleLowerCase()} ${e.common.strings.hyphen} ${a===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${r.firstName} ${r.lastName}`:`${e.cockpit.review.warningsDrawer.kyb} ${e.common.failed.toLocaleLowerCase()}`:null,successMessage:o.status==="Complete"?r!=null?`${e.cockpit.review.warningsDrawer.kyb} ${e.cockpit.review.warningsDrawer.identity} ${e.common.strings.hyphen} ${a===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${r.firstName} ${r.lastName}`:`${e.cockpit.review.warningsDrawer.kyb} ${e.cockpit.review.warningsDrawer.identity}`:null}),V=t.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${n.sp3};
+`,W=t.div`
+  min-height: ${o=>u.navBarHeight.valuePx(o.windowSize)};
+  position: sticky;
+  background-color: ${o=>o.theme.colors.grey4};
+  border-bottom: 1px solid transparent;
+  z-index: 1;
+  top: ${n.sp0};
+  width: 100%;
+`,q=t.div`
+  position: relative;
+`,_=t.div`
+  display: flex;
+  flex-direction: column;
+  margin: ${n.sp3} ${n.sp8} 102px ${n.sp8};
+`,U=t(P)`
+  color: ${o=>o.theme.colors.primary};
+  margin-bottom: ${n.sp3};
+  margin-right: ${n.sp6};
+`,J=t.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  padding-right: ${o=>u.navBarPaddingRight.valuePx(o.windowSize)};
+  padding-left: ${o=>u.navBarPaddingLeft.valuePx(o.windowSize)};
+  padding-top: ${o=>u.navBarPaddingTop.valuePx(o.windowSize)};
+  padding-bottom: ${o=>u.navBarPaddingBottom.valuePx(o.windowSize)};
+  height: 100%;
+`,K=t(E)`
+  ${o=>`${H.title.style(o.windowSize)}`};
+  display: flex;
+  flex: 1 1 auto;
+  color: ${o=>o.theme.colors.primary};
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+`,X=t.div`
+  display: flex;
+  background-color: ${o=>o.isStepInError?$.alertLight:o.theme.colors.grey5};
+  border: ${o=>`1px solid ${o.theme.colors.grey3}`};
+  border-radius: ${n.sp2};
+  margin-bottom: ${n.sp3};
+  border-color: ${o=>o.isStepInError?$.brandColorGold:o.theme.colors.grey2};
+  flex-direction: column;
+`,Y=t.div`
+  display: flex;
+  margin: 12px ${n.sp3} 12px ${n.sp3};
+  align-items: center;
+`,Z=t.div`
+  display: flex;
+`,ee=t.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  align-items: center;
+`,oe=t.div`
+  display: flex;
+  color: ${o=>o.isStepInError?$.brandColorGoldDark:o.theme.colors.primary};
+  margin-left: ${n.sp2};
+  align-items: center;
+`,re=t(R)`
+  width: ${n.sp4};
+  height: ${n.sp4};
+  color: ${$.success};
+`,ne=t(N)`
+  width: ${n.sp4};
+  height: ${n.sp4};
+  color: ${o=>o.theme.colors.hero};
+`,se=t(z)`
+  width: ${n.sp4};
+  height: ${n.sp4};
+  cursor: pointer;
+  color: ${o=>o.theme.colors.hero};
+  &:hover {
+    color: ${o=>o.theme.colors.primary};
+  }
+`,x=t.div`
+  display: flex;
+`,ie=t(T)`
+  display: flex;
+  align-items: end;
+  color: ${$.brandColorGoldDark};
+  margin-left: ${n.sp2};
+`;export{ue as default};