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

package/dist/assets/VendorInternationalWireDetailsPage-_WoNgw66-DANrlPFU.js

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

package/dist/assets/VendorInternationalWireSwiftDetailsPage-Dyt1ZPOh-DoVwF0sT.js

@@ -0,0 +1 @@
+import{V as l}from"./index-XNBiWrYj.js";import{a as B}from"./core-3dlyNYRL.js";import{f as u}from"./InternationalWireSwiftDetailsPage-BUa1svL--BjPRjytS.js";import"./mui-bYXq4XMS.js";import"./sentry-o6h_D-9x.js";import"./zeni-epic-state-LPACxnXP.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";import"./BankAccountWarningSection-CSChi1lw-BVD5BCv3.js";import"./MailingDetailsSection-C6cVooC3-CCSD5vtq.js";import"./LabeledAddressValueField-C_8kPzjy-5OUHMeqd.js";import"./MagicLinkTitleSection-D2fXbnDV-CA6SEdmn.js";const g=({vendorViewDetails:n,bankAccountContext:o,isDisabled:r,onSaveHandler:i,onBankDetailsUpdated:s,onBackClick:e,onFetchBankNameBySwift:d,onAddressClick:m})=>{const{internationalBankAccountCreateStatus:a,internationalBankAccountToCreate:c,editVendorState:p,newVendorState:S,bankNameBySwift:f,fetchBankNameBySwiftStatus:k}=n,t={...p??S};return B.useEffect(()=>{(o==="vendor"&&a.fetchState==="Completed"||t?.saveStatus?.fetchState==="Completed")&&e()},[a,t?.saveStatus?.fetchState,e,o]),l.jsx(u,{bankAccountToCreate:c,bankAccountCreationState:a,bankNameBySwift:f,addressToEdit:t?.vendorNewAddressStatus?.addressToCreate,mailingAddress:t?.vendorAddress,addressType:"vendor_address",fetchBankNameBySwiftStatus:k,isDisabled:r,onSaveHandler:i,onBankDetailsUpdated:s,onBackClick:e,onAddressClick:m,onFetchBankNameBySwift:d})};export{g as default};

package/dist/assets/{VendorsAccountsSection-tcJAh1A7-COfHef35.js → VendorsAccountsSection-Dxq0YSgP-Bt8xoh_f.js}

@@ -1,4 +1,4 @@
-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`
+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-XNBiWrYj.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`
   display: flex;
   flex-direction: column;
   row-gap: ${e=>s.rowGap.valuePx(e.windowSize)};
@@ -17,7 +17,7 @@ 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 a
     border: 1px solid ${e=>e.theme.colors.primary};
     fill: ${e=>e.theme.colors.primary};
   }
-`,S=l.div`
+`,f=l.div`
   display: flex;
   align-items: flex-start;
   flex-direction: row;
@@ -27,8 +27,8 @@ 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 a
   margin-bottom: ${n.sp0};
 `,ae=l.div`
   color: ${e=>e.theme.colors.primary};
-  ${e=>`${k.title.style(e.windowSize)}`};
-`,f=l.div`
+  ${e=>`${I.title.style(e.windowSize)}`};
+`,S=l.div`
   display: flex;
   flex-direction: column;
 `,b=l.div`
@@ -45,11 +45,11 @@ 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 a
   max-height: ${e=>s.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
   margin-right: ${e=>s.iconContainerMarginRight.valuePx(e.windowSize)};
 `,$=l.div`
-  ${e=>`${k.title.style(e.windowSize)}`};
+  ${e=>`${I.title.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
-`,v=l(le)`
+`,y=l(le)`
   color: ${e=>e.theme.colors.hero};
-`,y=l(se)`
+`,v=l(se)`
   width: ${n.sp4};
   height: ${n.sp4};
 `,A=l.div`
@@ -65,4 +65,4 @@ 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 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: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};
+`,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),Q=R[0]?.account?.reason??"",K=t.tooltip.replace("__based__",Q).replace("__account__",t.vendorSection.fixedAssetsAccount),U=M[0]?.account?.reason??"",X=t.tooltip.replace("__based__",U).replace("__account__",t.vendorSection.accruedExpensesAccount),Y=C.filter(o=>q.includes(o.accountId)??!1),Z=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: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: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:Z.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:X,sticky:!1},valueToId:o=>m(o,_)}})})})]}):null]})]})}export{xe as h};

package/dist/assets/VerifyDevice-DEwEqoHA-CylVN9FP.js

@@ -0,0 +1,112 @@
+import{aN as U,a8 as z,F as L,V as r,bP as W,a9 as d,ab as B,bQ as G,ag as f,bR as Q,o as n,n as E,bS as X,ak as N,bT as Z,bU as V,bI as q,p as y,b8 as v,bV as J}from"./index-XNBiWrYj.js";import{a as c}from"./core-3dlyNYRL.js";import{n as t}from"./mui-bYXq4XMS.js";import{bj as K}from"./zeni-epic-state-LPACxnXP.js";import{A as Y,Z as k}from"./AccountLockedInfoModal-iYb31wv7-CEyp2zKM.js";import"./sentry-o6h_D-9x.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";import"./handshake-BPg58FML-D7G7L1P7.js";const ee=e=>{if(!e)return"";try{const s=Z(e);if(!s){const l=e.replace(/\D/g,"");if(l.length>=4){const g=l.slice(-4);return`+${l.slice(0,-4)||"1"} (•••) ••• ${g}`}return V(e)||e}const p=s.countryCallingCode,x=s.nationalNumber.slice(-4);return`+${p} (•••) ••• ${x}`}catch{const s=e.replace(/\D/g,"");if(s.length>=4){const p=s.slice(-4);return`+${s.slice(0,-4)||"1"} (•••) ••• ${p}`}return V(e)||e}},C=120,I=30,F=2,re="456px",te="256px",T=6,o=L.getLocalizedStrings().commonSetUp.twoFactorAuthentication,m="otpInputField",Me=e=>{const s=e.verifyOtpFetchState==="In-Progress",[p,x]=c.useState(!1),[l,g]=c.useState(!1),[$,_]=c.useState(0),[b,S]=c.useState(C),[h,w]=c.useState(I),D=U(e.verifyOtpFetchState),u=z({mode:"all",reValidateMode:"onChange",defaultValues:{[m]:""}}),j=u.watch(m),P=()=>{e.onCancelVerifyDevice()},M=()=>{j.trim().length===T&&e.onVerifyOtp(j)},R=o.footerHelperText.replace(/<button_text>/,o.verify);c.useEffect(()=>{D==="In-Progress"&&e.verifyOtpFetchState==="Error"&&(x(!0),_(i=>i+1),u.setValue(m,""))},[D,e.verifyOtpFetchState,u]),c.useEffect(()=>{if(b<=0){g(!0);return}const i=setInterval(()=>{S(a=>a<=1?0:a-1)},1e3);return()=>clearInterval(i)},[b]),c.useEffect(()=>{if(h<=0)return;const i=setInterval(()=>{w(a=>a<=1?0:a-1)},1e3);return()=>clearInterval(i)},[h]);const A=i=>{const a=Math.floor(i/60),H=i%60;return`${a}:${H.toString().padStart(2,"0")}`};return r.jsx(W,{open:!0,children:r.jsxs(ne,{children:[r.jsx(d,{controller:$>F,children:r.jsx(Y,{unlockDate:K().add(1,"hour"),onSubmit:e.onCancelVerifyDevice})}),r.jsx(d,{controller:$<=F,children:r.jsx(B,{...u,children:r.jsxs(ge,{children:[r.jsxs(fe,{children:[r.jsx(oe,{children:o.verifyDeviceTitle}),r.jsx(ie,{children:o.verifyDeviceDescription}),r.jsxs(le,{children:[r.jsx(se,{children:ee(e.phoneNumber+"")}),r.jsx(G,{placement:"top",title:r.jsxs(f,{children:[o.changePhoneNumberHelperText,r.jsx(we,{href:`mailto:${k}`,children:k})]}),enterDelay:600,children:r.jsx(Se,{})})]})]}),r.jsxs(ce,{children:[r.jsx(Q,{value:j,valueLength:6,hasError:l===!0||p===!0,style:{margin:n.sp0},onChange:i=>{u.setValue(m,i),x(!1)}}),r.jsx(d,{controller:l===!1,children:r.jsx(O,{children:r.jsxs(je,{children:[o.codeExpiresIn," ",A(b)]})})}),r.jsx(d,{controller:l===!0,children:r.jsx(O,{children:r.jsx(ye,{children:o.codeExpired})})})]}),p===!0&&l===!1?r.jsxs(r.Fragment,{children:[r.jsx(d,{controller:$>=1,children:r.jsx(ae,{children:o.incorrectCode})}),r.jsx(d,{controller:$===2,children:r.jsx(be,{children:r.jsxs(f,{children:[r.jsx(ve,{}),o.accountLockWarning]})})})]}):null,r.jsx(d,{controller:e.resendVerifyDeviceOTPFetchState.error?.details?.application_error_code!=="OTP_RESEND_LIMIT_EXCEEDED",children:r.jsxs(de,{children:[r.jsx(pe,{children:o.codeNotReceived}),r.jsx(ue,{disabled:h>0,onClick:()=>{h===0&&(e.onResendOtp(),x(!1),g(!1),u.setValue(m,""),S(C),w(I))},children:o.resend}),h>0&&r.jsxs(he,{children:[L.getLocalizedStrings().common.in.toLowerCase()," ",h,"s"]})]})}),r.jsxs($e,{children:[r.jsxs(xe,{children:[r.jsx(E,{label:o.cancel,onClick:P,style:{width:82}}),r.jsx(E,{variant:"primary",label:o.verify,onClick:M,style:{width:82},loading:s,disabled:j.trim().length!==T||l===!0})]}),r.jsx(me,{children:R})]})]})})})]})})},ne=t.div`
+  display: flex;
+  flex-direction: column;
+  min-width: ${te};
+  max-width: ${re};
+  padding: ${n.sp5} ${n.sp6};
+  background: ${e=>e.theme.colors.grey5};
+  border-radius: ${n.sp2};
+`,oe=t(X)`
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+`,ie=t(N)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+`,se=t(N)`
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+`,le=t.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${n.sp1};
+`,ce=t.div`
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  row-gap: ${n.sp1};
+`,ae=t(v)`
+  color: ${y.important};
+  text-align: center;
+`,de=t.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: ${n.sp1};
+`,pe=t(v)`
+  color: ${e=>e.theme.colors.hero};
+`,he=t(v)`
+  color: ${e=>e.theme.colors.hero};
+`,ue=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};
+  }
+`,xe=t.div`
+  display: flex;
+  justify-content: center;
+  column-gap: ${n.sp3};
+`,me=t(f)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+`,fe=t.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  row-gap: ${n.sp2};
+`,ge=t.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  row-gap: ${n.sp3};
+`,$e=t.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  row-gap: ${n.sp2};
+  margin-top: ${n.sp2};
+`,O=t.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: ${e=>e.theme.colors.background};
+`,je=t(f)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+`,ye=t(f)`
+  color: ${y.important};
+  text-align: center;
+`,be=t.div`
+  display: flex;
+  justify-content: center;
+  background: ${y.importantLight};
+  border-radius: ${n.sp1};
+  color: ${y.important};
+  word-wrap: normal;
+  padding: ${n.sp1} ${n.sp6};
+  text-align: center;
+`,ve=t(J)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  top: 2px;
+  position: relative;
+`,Se=t(q)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  color: ${e=>e.theme.colors.grey1};
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,we=t.a`
+  text-decoration: underline;
+  color: inherit;
+`;export{Me as default};

package/dist/assets/VideoPlayer-_1Msrww9-DaiS1R42.js

@@ -0,0 +1,78 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/react-CA3XI5Yc.js","assets/core-3dlyNYRL.js","assets/mixin-D3UDm--6.js","assets/hls-BA0yQjS5.js","assets/react-B5y9n_ef.js","assets/zeni-epic-state-LPACxnXP.js","assets/mui-bYXq4XMS.js","assets/index-DQmBF4-D.js","assets/react-BpmEXSTM.js","assets/react-BuvI16A0.js","assets/react-Egsc5mMa.js","assets/react-B84192hO.js","assets/react-Cz0zQhlY.js","assets/react-BvHTyLQY.js","assets/Preview-Bnbo8Nq1.js"])))=>i.map(i=>d[i]);
+import{Q as W,V as f,an as X,p as Y}from"./index-XNBiWrYj.js";import{w as _,a as t,c as K}from"./core-3dlyNYRL.js";import{n as k,k as Z}from"./mui-bYXq4XMS.js";import{bb as y}from"./zeni-epic-state-LPACxnXP.js";const N=/\.(m4a|m4b|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i,z=/\.(mp4|og[gv]|webm|mov|m4v)(#t=[,\d+]+)?($|\?)/i,V=/\.(m3u8)($|\?)/i,q=/\.(mpd)($|\?)/i,Q=/stream\.mux\.com\/(?!\w+\.m3u8)(\w+)/,J=/(?:youtu\.be\/|youtube(?:-nocookie|education)?\.com\/(?:embed\/|v\/|watch\/|watch\?v=|watch\?.+&v=|shorts\/|live\/))((\w|-){11})|youtube\.com\/playlist\?list=|youtube\.com\/user\//,ee=/vimeo\.com\/(?!progressive_redirect).+/,te=/(?:wistia\.(?:com|net)|wi\.st)\/(?:medias|embed)\/(?:iframe\/)?([^?]+)/,ae=/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]+)/,R=(e,r)=>{if(Array.isArray(e)){for(const c of e)if(typeof c=="string"&&R(c,r)||R(c.src,r))return!0;return!1}return r(e)},m={html:e=>R(e,r=>N.test(r)||z.test(r)),hls:e=>R(e,r=>V.test(r)),dash:e=>R(e,r=>q.test(r)),mux:e=>Q.test(e),youtube:e=>J.test(e),vimeo:e=>ee.test(e)&&!z.test(e)&&!V.test(e),wistia:e=>te.test(e),spotify:e=>ae.test(e),twitch:e=>re.test(e),tiktok:e=>le.test(e)},oe=_.forwardRef((e,r)=>{const c=N.test(`${e.src}`)?"audio":"video";return _.createElement(c,{...e,ref:r},e.children)});var ne=oe;const ie=[{key:"hls",name:"hls.js",canPlay:m.hls,canEnablePIP:()=>!0,player:t.lazy(()=>y(()=>import("./react-CA3XI5Yc.js"),__vite__mapDeps([0,1,2,3])))},{key:"dash",name:"dash.js",canPlay:m.dash,canEnablePIP:()=>!0,player:t.lazy(()=>y(()=>import("./react-B5y9n_ef.js"),__vite__mapDeps([4,1,5,6,2])))},{key:"mux",name:"Mux",canPlay:m.mux,canEnablePIP:()=>!0,player:t.lazy(()=>y(()=>import("./index-DQmBF4-D.js"),__vite__mapDeps([7,1,6,3,2])))},{key:"youtube",name:"YouTube",canPlay:m.youtube,player:t.lazy(()=>y(()=>import("./react-BpmEXSTM.js"),__vite__mapDeps([8,1])))},{key:"vimeo",name:"Vimeo",canPlay:m.vimeo,player:t.lazy(()=>y(()=>import("./react-BuvI16A0.js"),__vite__mapDeps([9,1,6])))},{key:"wistia",name:"Wistia",canPlay:m.wistia,canEnablePIP:()=>!0,player:t.lazy(()=>y(()=>import("./react-Egsc5mMa.js"),__vite__mapDeps([10,1])))},{key:"spotify",name:"Spotify",canPlay:m.spotify,canEnablePIP:()=>!1,player:t.lazy(()=>y(()=>import("./react-B84192hO.js"),__vite__mapDeps([11,1])))},{key:"twitch",name:"Twitch",canPlay:m.twitch,canEnablePIP:()=>!1,player:t.lazy(()=>y(()=>import("./react-Cz0zQhlY.js"),__vite__mapDeps([12,1])))},{key:"tiktok",name:"TikTok",canPlay:m.tiktok,canEnablePIP:()=>!1,player:t.lazy(()=>y(()=>import("./react-BvHTyLQY.js"),__vite__mapDeps([13,1])))},{key:"html",name:"html",canPlay:m.html,canEnablePIP:()=>!0,player:ne}];var D=ie;const se={width:"320px",height:"180px",volume:1,playbackRate:1,previewTabIndex:0,previewAriaLabel:"",oEmbedUrl:"https://noembed.com/embed?url={url}"},H=_.forwardRef((e,r)=>{const{playing:c,pip:u}=e,n=e.activePlayer,a=t.useRef(null),o=t.useRef(!0);t.useEffect(()=>{var l,i;a.current&&(a.current.paused&&c===!0&&a.current.play(),!a.current.paused&&c===!1&&a.current.pause(),a.current.playbackRate=(l=e.playbackRate)!=null?l:1,a.current.volume=(i=e.volume)!=null?i:1)}),t.useEffect(()=>{var l,i,s,P,v;if(!(!a.current||!globalThis.document)){if(u&&!document.pictureInPictureElement)try{(i=(l=a.current).requestPictureInPicture)==null||i.call(l)}catch{}if(!u&&document.pictureInPictureElement)try{(P=(s=a.current).exitPictureInPicture)==null||P.call(s),(v=document.exitPictureInPicture)==null||v.call(document)}catch{}}},[u]);const g=l=>{var i,s;o.current=!0,(i=e.onReady)==null||i.call(e),(s=e.onLoadStart)==null||s.call(e,l)},h=l=>{var i,s;o.current&&(o.current=!1,(i=e.onStart)==null||i.call(e,l)),(s=e.onPlay)==null||s.call(e,l)};if(!n)return null;const b={},E=["onReady","onStart"];for(const l in e)l.startsWith("on")&&!E.includes(l)&&(b[l]=e[l]);return _.createElement(n,{...b,style:e.style,className:e.className,slot:e.slot,ref:t.useCallback(l=>{a.current=l,typeof r=="function"?r(l):r!==null&&(r.current=l)},[r]),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:g,onPlay:h},e.children)});H.displayName="Player";var ce=H;const ue=t.lazy(()=>y(()=>import("./Preview-Bnbo8Nq1.js"),__vite__mapDeps([14,1]))),A=[],de=(e,r)=>{const c=n=>{for(const a of[...A,...e])if(n&&a.canPlay(n))return a;return r||null},u=_.forwardRef((n,a)=>{const o={...se,...n},{src:g,slot:h,className:b,style:E,width:l,height:i,fallback:s,wrapper:P}=o,[v,d]=t.useState(!!o.light);t.useEffect(()=>{o.light?d(!0):d(!1)},[o.light]);const w=p=>{var x;d(!1),(x=o.onClickPreview)==null||x.call(o,p)},I=p=>{if(!p)return null;const{light:x,playIcon:T,previewTabIndex:C,oEmbedUrl:U,previewAriaLabel:F}=o;return _.createElement(ue,{src:p,light:x,playIcon:T,previewTabIndex:C,previewAriaLabel:F,oEmbedUrl:U,onClickPreview:w})},O=p=>{var x,T;const C=c(p);if(!C)return null;const{style:U,width:F,height:$,wrapper:B}=o,G=(x=o.config)==null?void 0:x[C.key];return _.createElement(ce,{...o,ref:a,activePlayer:(T=C.player)!=null?T:C,slot:B?void 0:h,className:B?void 0:b,style:B?{display:"block",width:"100%",height:"100%"}:{display:"block",width:F,height:$,...U},config:G})},L=P??M,S=s===!1?M:t.Suspense;return _.createElement(L,{slot:h,className:b,style:{width:l,height:i,...E}},_.createElement(S,{fallback:s},v?I(g):O(g)))});return u.displayName="ReactPlayer",u.addCustomPlayer=n=>{A.push(n)},u.removeCustomPlayers=()=>{A.length=0},u.canPlay=n=>{if(n){for(const a of[...A,...e])if(a.canPlay(n))return!0}return!1},u.canEnablePIP=n=>{var a;if(n){for(const o of[...A,...e])if(o.canPlay(n)&&((a=o.canEnablePIP)!=null&&a.call(o)))return!0}return!1},u},M=({children:e})=>e,fe=D[D.length-1];var j=de(D,fe);const me=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 Ce({src:e,autoPlay:r=!0,config:c,controls:u=!0,height:n="100%",isModalOpen:a,loop:o=!1,muted:g=!1,showPlayButton:h=!1,style:b,thumbnail:E,width:l="100%",onEnded:i,onModalClose:s,onPlay:P}){const v=W(),[d,w]=t.useState(!1);t.useEffect(()=>{a===!0&&r?w(!0):a===!1&&w(!1)},[a,r]);const I={};c?.youtube&&(I.youtube=c.youtube);const O=()=>{w(!0),P?.()},L=()=>{w(!1),s?.()},S=()=>{w(!1),i?.(),a!=null&&s?.()},p=()=>{w(!0),P?.()};return a!=null?a?K.createPortal(f.jsx(Ee,{windowSize:v,role:"presentation",children:f.jsx(X,{onClickAway:L,children:f.jsx(Pe,{windowSize:v,"data-testid":"video-player-modal",children:f.jsxs(ve,{children:[h&&!d&&f.jsxs(f.Fragment,{children:[E!=null&&E!==""&&f.jsx(he,{src:E,alt:"Video thumbnail"}),f.jsx(pe,{onClick:O,children:f.jsx(_e,{windowSize:v})})]}),(!h||d)&&f.jsx(j,{src:e,playing:d,controls:u,muted:g,loop:o,width:"100%",height:"100%",onEnded:S,onPlay:p,config:I})]})})})}),document.body):null:f.jsx(j,{src:e,playing:d,controls:u,muted:g,loop:o,width:l,height:n,style:b,light:h&&!d?E??!0:!1,onEnded:S,onPlay:p,config:I})}const ye=Z`
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+`,pe=k.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: ${ye} 3s linear infinite;
+    }
+
+    g:nth-of-type(3) {
+      transform-origin: 104px 104px;
+    }
+  }
+`,_e=k(me)`
+  width: auto;
+  height: auto;
+`,he=k.img`
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  position: absolute;
+  top: 0;
+  left: 0;
+`,Ee=k.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: ${Y.overlayDark};
+`,Pe=k.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;
+`,ve=k.div`
+  position: relative;
+  width: 100%;
+  height: 100%;
+  border-radius: 22px;
+  overflow: hidden;
+`;export{me as I,Ce as N};

package/dist/assets/{VideoPopup-CPW65Ljn-Mlf95YHy.js → VideoPopup-BzQ_Dl9b-mwrODjDA.js}

@@ -1,4 +1,4 @@
-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`
+import{Q as l,V as i,an as s,aK as a,p as c,o as n,y as r}from"./index-XNBiWrYj.js";import{n as t}from"./mui-bYXq4XMS.js";import{N as h}from"./VideoPlayer-_1Msrww9-DaiS1R42.js";const d={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{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.
   border-radius: ${n.sp2};
   position: relative;
   top: 5%;
-  width: ${e=>s.width.valuePx(e.windowSize)};
-  height: ${e=>s.height.valuePx(e.windowSize)};
+  width: ${e=>d.width.valuePx(e.windowSize)};
+  height: ${e=>d.height.valuePx(e.windowSize)};
   padding: ${n.sp3};
   background: ${e=>e.theme.colors.grey3};
 `,x=t.div`
   position: relative;
   width: 100%;
   height: 100%;
-`;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};
+`;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};

package/dist/assets/WarningsDrawerPage-CMBST3p1-ujIyTaCb.js

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