@zeniai/web-cockpit-ui 1.14.62-qa → 1.14.63-dev

package/dist/assets/{BillPayApprovalRuleDetailPage-aM8F15Nu-CKOcRZID.js → BillPayApprovalRuleDetailPage-B4OuTcAA-Bkq-QU-5.js}

@@ -1,4 +1,4 @@
-import{y as z,u as U,q as O,F as L,aa as M,aP as W,j as o,aJ as G,cS as J,bF as Q,ad as X,aQ as Z,o as c}from"./index-BqKtrbrP.js";import{b as R,n as h}from"./vendor-Bs1fkIUX.js";import{b as H,f as K,l as j,o as D}from"./FollowStepsSection-CkQ-g4YK-dr6FAmOd.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";const C="billPayApprovalRuleDetailPage",T="lowerBound",E="upperBound",y="steps",Y={footerPadding:new z(U[2],U[3])};function ve({localData:e,approvalUpdateActionType:t,onBackClick:l,onApprovalRuleDataUpdated:r,onResetClick:s,isLowerBoundDisabled:n=!1,isUpperBoundDisabled:b=!0,hideUpperBoundField:S=!1,onSaveRuleClick:F,onSaveRuleSuccess:A}){const P=O(),a=L.getLocalizedStrings().commonSetUp.approval,I=L.getLocalizedStrings().spendManagement.billPay.billPayApproval,x=ee(e,t==="approval_create"&&!n),v=M({mode:"all",reValidateMode:"onChange",defaultValues:x}),u=e.billPaySetupApproverViewUpdateData?.updateStatus,w=W(u?.fetchState),{upperBound:B}=x,{allApprovalRules:p,allAccountingClasses:_,billPaySetupApproverViewUpdateData:m}=e;let f=p.length>1?p.length-1:0,g=p.length>0?p[f].criteria[0].range.min.amount:0;if(m!=null&&m.type==="approval_update"&&m.data!=null){const{approvalRuleId:i}=m.data;f=p.findIndex(d=>d.approvalRuleId===i),g=f>0?p[f-1].criteria[0].range.min.amount:0}const k=v.handleSubmit(()=>{F()}),q=async(i,d)=>{r(d)};return R.useEffect(()=>{const i=v.watch((d,{name:$})=>{if($!=null&&d!=null){const V=G(d);J(()=>q($,V))}});return()=>{i.unsubscribe()}}),R.useEffect(()=>{w==="In-Progress"&&u?.fetchState==="Completed"&&A()},[w,u?.fetchState,A]),o.jsxs(re,{children:[o.jsx(Q,{title:t==="approval_create"?a.newApproval:a.editApproval,style:{zIndex:4},onBackClick:()=>{l()},source:"BillPayApprovalRuleDetailPage"}),o.jsx(se,{children:o.jsx(X,{...v,children:o.jsx("form",{id:N(C),onSubmit:k,children:o.jsxs(oe,{children:[o.jsx(H,{label:{label:S?I.amountPerBillGreaterLabel:I.amountPerBillLabel},firstText:{type:"number",name:T,placeholder:"$0",options:{required:!0,max:B===1/0?Number.MAX_SAFE_INTEGER-1:B-1,min:g,validate:i=>n?!0:i!=null&&i>g},isDisabled:n,additionalInfoLabel:a.firstRuleLowerBoundInfoLabel,additionalErrorLabel:a.firstRuleErrorInfoLabel},secondText:{type:"number",name:E,placeholder:"Infinity",isDisabled:b,hideField:S,additionalInfoLabel:a.upperBoundInfoLabel}}),o.jsx(ie,{}),o.jsx(K,{sectionId:y,label:{label:a.followStepsLabel},approversPlaceholder:a.approversPlaceholder,notifiersPlaceholder:a.notifiersPlaceholder,allUserWithRoles:e.allApprovers,filteredApprovers:e.filteredApprovers.map(i=>i.user),allAttributes:e.allAttributes,filteredAttributes:e.filteredAttributes,allAccountingClasses:_,stepsInfo:x[y],userSelectPlaceholder:a.userSelectPlaceholder,approveNotifyPlaceholder:a.approveNotifyPlaceholder,productType:"zeni_bill_pay"})]})})})}),o.jsx(Z,{formId:N(C),primaryBtn:{label:a.saveBtnText,isLoading:u?.fetchState==="In-Progress",isDisabled:u?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},showCancel:!0,cancelBtn:{label:a.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:s},containerStyle:{justifyContent:P==="small"?"space-between":"center"},style:{padding:Y.footerPadding.valuePx(P)},separatorStyle:{marginRight:c.sp4}})]})}const ee=(e,t)=>{const{criteria:l,steps:r}=e.billPaySetupApproverViewUpdateData?.data??{};return{[y]:le(e.allApprovers.map(s=>s.user),e.filteredApprovers.map(s=>s.user),D(e.allAttributes),D(e.filteredAttributes),r??[])??[],[T]:t?void 0:l!=null?l.range.min.amount??0:0,[E]:l!=null?l.range.max==null?1/0:l.range.max.amount:1/0}},le=(e,t,l,r,s)=>s&&s.length>0?s.map((n,b)=>({stepIndex:b,stepType:{selectedOption:n.action,allOptions:j},actors:{allUsers:t,selectedUsers:ae(e,n.actors),allNonUsers:r,selectedNonUsers:te(l,n.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:j},actors:{allUsers:t,selectedUsers:[],allNonUsers:r,selectedNonUsers:[]}}],ae=(e,t)=>e.filter(l=>l.userId!=null&&t.findIndex(r=>r.userId===l.userId)>-1),te=(e,t)=>e.filter(l=>t.findIndex(r=>r.subType===l.value)>-1),N=e=>`${e}_form`,ge=e=>`${e}`,re=h.div`
+import{y as z,u as $,q as O,O as L,aa as M,aP as W,j as o,aJ as G,cS as J,bF as Q,ad as X,aQ as Z,o as c}from"./index-6DHFBk74.js";import{b as R,n as h}from"./vendor-Bs1fkIUX.js";import{b as H,f as K,l as j,o as D}from"./FollowStepsSection-BZdlZelr-Dgb2aUZZ.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";const C="billPayApprovalRuleDetailPage",T="lowerBound",E="upperBound",y="steps",Y={footerPadding:new z($[2],$[3])};function ve({localData:e,approvalUpdateActionType:t,onBackClick:l,onApprovalRuleDataUpdated:r,onResetClick:s,isLowerBoundDisabled:n=!1,isUpperBoundDisabled:b=!0,hideUpperBoundField:S=!1,onSaveRuleClick:_,onSaveRuleSuccess:A}){const P=O(),a=L.getLocalizedStrings().commonSetUp.approval,I=L.getLocalizedStrings().spendManagement.billPay.billPayApproval,x=ee(e,t==="approval_create"&&!n),v=M({mode:"all",reValidateMode:"onChange",defaultValues:x}),u=e.billPaySetupApproverViewUpdateData?.updateStatus,w=W(u?.fetchState),{upperBound:B}=x,{allApprovalRules:p,allAccountingClasses:k,billPaySetupApproverViewUpdateData:m}=e;let f=p.length>1?p.length-1:0,g=p.length>0?p[f].criteria[0].range.min.amount:0;if(m!=null&&m.type==="approval_update"&&m.data!=null){const{approvalRuleId:i}=m.data;f=p.findIndex(d=>d.approvalRuleId===i),g=f>0?p[f-1].criteria[0].range.min.amount:0}const F=v.handleSubmit(()=>{_()}),q=async(i,d)=>{r(d)};return R.useEffect(()=>{const i=v.watch((d,{name:U})=>{if(U!=null&&d!=null){const V=G(d);J(()=>q(U,V))}});return()=>{i.unsubscribe()}}),R.useEffect(()=>{w==="In-Progress"&&u?.fetchState==="Completed"&&A()},[w,u?.fetchState,A]),o.jsxs(re,{children:[o.jsx(Q,{title:t==="approval_create"?a.newApproval:a.editApproval,style:{zIndex:4},onBackClick:()=>{l()},source:"BillPayApprovalRuleDetailPage"}),o.jsx(se,{children:o.jsx(X,{...v,children:o.jsx("form",{id:N(C),onSubmit:F,children:o.jsxs(oe,{children:[o.jsx(H,{label:{label:S?I.amountPerBillGreaterLabel:I.amountPerBillLabel},firstText:{type:"number",name:T,placeholder:"$0",options:{required:!0,max:B===1/0?Number.MAX_SAFE_INTEGER-1:B-1,min:g,validate:i=>n?!0:i!=null&&i>g},isDisabled:n,additionalInfoLabel:a.firstRuleLowerBoundInfoLabel,additionalErrorLabel:a.firstRuleErrorInfoLabel},secondText:{type:"number",name:E,placeholder:"Infinity",isDisabled:b,hideField:S,additionalInfoLabel:a.upperBoundInfoLabel}}),o.jsx(ie,{}),o.jsx(K,{sectionId:y,label:{label:a.followStepsLabel},approversPlaceholder:a.approversPlaceholder,notifiersPlaceholder:a.notifiersPlaceholder,allUserWithRoles:e.allApprovers,filteredApprovers:e.filteredApprovers.map(i=>i.user),allAttributes:e.allAttributes,filteredAttributes:e.filteredAttributes,allAccountingClasses:k,stepsInfo:x[y],userSelectPlaceholder:a.userSelectPlaceholder,approveNotifyPlaceholder:a.approveNotifyPlaceholder,productType:"zeni_bill_pay"})]})})})}),o.jsx(Z,{formId:N(C),primaryBtn:{label:a.saveBtnText,isLoading:u?.fetchState==="In-Progress",isDisabled:u?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},showCancel:!0,cancelBtn:{label:a.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:s},containerStyle:{justifyContent:P==="small"?"space-between":"center"},style:{padding:Y.footerPadding.valuePx(P)},separatorStyle:{marginRight:c.sp4}})]})}const ee=(e,t)=>{const{criteria:l,steps:r}=e.billPaySetupApproverViewUpdateData?.data??{};return{[y]:le(e.allApprovers.map(s=>s.user),e.filteredApprovers.map(s=>s.user),D(e.allAttributes),D(e.filteredAttributes),r??[])??[],[T]:t?void 0:l!=null?l.range.min.amount??0:0,[E]:l!=null?l.range.max==null?1/0:l.range.max.amount:1/0}},le=(e,t,l,r,s)=>s&&s.length>0?s.map((n,b)=>({stepIndex:b,stepType:{selectedOption:n.action,allOptions:j},actors:{allUsers:t,selectedUsers:ae(e,n.actors),allNonUsers:r,selectedNonUsers:te(l,n.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:j},actors:{allUsers:t,selectedUsers:[],allNonUsers:r,selectedNonUsers:[]}}],ae=(e,t)=>e.filter(l=>l.userId!=null&&t.findIndex(r=>r.userId===l.userId)>-1),te=(e,t)=>e.filter(l=>t.findIndex(r=>r.subType===l.value)>-1),N=e=>`${e}_form`,ge=e=>`${e}`,re=h.div`
   display: flex;
   height: 100%;
   flex-direction: column;

package/dist/assets/{BillPayApprovalRulesPage-B46FwPVR-D-g0Yiyo.js → BillPayApprovalRulesPage-DaCdVMRx-DKi7a9ar.js}

@@ -1,4 +1,4 @@
-import{q as I,F as v,j as t,bF as D,P as E,aM as b,y as r,am as B,aN as j,cD as H,cE as G,cF as U,o as i,dd as F,u as l,b8 as q,O as z,b7 as O,h as S,da as V,bx as _,C as K}from"./index-BqKtrbrP.js";import{n as o,b as X}from"./vendor-Bs1fkIUX.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";const s={sectionWidth:new r(343,580,726),ruleWrapperPadding:new r(l[3],l[4]),wrapperGap:new r(l[4],l[3]),wrapperMarginBottom:new r(l[6],l[8]),lastWrapperMarginBottom:new r(l[5],l[9]),stepperWidthHeight:new r(20,l[5]),stepperItemLeft:new r(-29,-23),stepperItemTop:new r(2,l[0]),stepperItemPaddingLeft:new r(l[0],10),stepperItemMinHeight:new r(22,28),stepperLeft:new r(11,17),stepperTop:new r(2,l[0]),stepperContentTop:new r(-1,-4)},L={stepper:new z("smallRegular","standardRegular"),amount:new z("standardRegular","largeMedium")},Y=({showDeleteBtn:e=!1,isLastSection:f=!1,approvalRule:c,onEditRuleClick:y,onDeleteRuleClick:$})=>{const[m,x]=X.useState(!1),n=I(),{range:h}=c.criteria[0],{steps:u,approvalRuleId:w}=c,a=v.getLocalizedStrings().commonSetUp.approval,W=()=>{x(!0)},A={onOkClick:()=>{x(!1),$?.(w)},onCancelClick:()=>{x(!1)}};return t.jsxs(Z,{windowSize:n,isLastSection:f,children:[t.jsxs(J,{windowSize:n,children:[t.jsxs(se,{children:[t.jsxs(R,{windowSize:n,children:[a.from," ",j("0,0",h.min)]}),t.jsxs(Q,{children:[t.jsx(P,{}),t.jsx(ee,{}),t.jsx(P,{})]}),h.max==null?t.jsx(de,{}):t.jsx(R,{windowSize:n,children:j("0,0",{...h.min,amount:h.max.amount})})]}),t.jsxs(ae,{className:"icons",children:[e&&t.jsx(ne,{onClick:W,"data-testid":b("delete-approval-rule-bill-pay",c.approvalRuleId)}),t.jsx(pe,{onClick:()=>{y(w)},"data-testid":b("edit-approval-rule-bill-pay",c.approvalRuleId)})]})]}),t.jsx(te,{windowSize:n,children:t.jsx(oe,{isSingleStep:u.length===1,windowSize:n,children:u.map((d,N)=>t.jsxs(ie,{isSingleStep:u.length===1,className:"stepperItem",windowSize:n,children:[d.action==="require_approval"?t.jsx(re,{children:a.requireText}):t.jsx(le,{children:a.notifyText}),d.nonUserActors!=null&&d.nonUserActors.filter(p=>p.subType!=null).map((p,M)=>t.jsxs(C,{children:[t.jsx(k,{children:p.subType!=null?a.nonUsers[p.subType].label:null}),d.operator!="is"?t.jsx(T,{className:"operator",children:d.operator}):null]},`${p.subType}_${M}`)),d.actors.map(p=>t.jsxs(C,{children:[t.jsxs(k,{children:[p.firstName," ",p.lastName]}),d.operator!="is"?t.jsx(T,{className:"operator",children:d.operator}):null]},p.userId))]},N))})}),m?t.jsx(H,{titleComponent:t.jsx(U,{children:a.deleteApprovalRuleTitle}),descriptionComponent:t.jsx(G,{children:a.deleteApprovalRuleDesc}),primaryButtonText:a.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:a.cancelBtnText,action:A}):null]})},Z=o.div`
+import{q as I,O as v,j as t,bF as M,P as E,aM as b,y as r,am as B,aN as j,cD as H,cE as G,cF as U,o as i,dd as q,u as l,b8 as F,b as z,b7 as O,h as S,da as V,bx as _,C as K}from"./index-6DHFBk74.js";import{n as o,b as X}from"./vendor-Bs1fkIUX.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";const s={sectionWidth:new r(343,580,726),ruleWrapperPadding:new r(l[3],l[4]),wrapperGap:new r(l[4],l[3]),wrapperMarginBottom:new r(l[6],l[8]),lastWrapperMarginBottom:new r(l[5],l[9]),stepperWidthHeight:new r(20,l[5]),stepperItemLeft:new r(-29,-23),stepperItemTop:new r(2,l[0]),stepperItemPaddingLeft:new r(l[0],10),stepperItemMinHeight:new r(22,28),stepperLeft:new r(11,17),stepperTop:new r(2,l[0]),stepperContentTop:new r(-1,-4)},L={stepper:new z("smallRegular","standardRegular"),amount:new z("standardRegular","largeMedium")},Y=({showDeleteBtn:e=!1,isLastSection:f=!1,approvalRule:c,onEditRuleClick:y,onDeleteRuleClick:$})=>{const[m,x]=X.useState(!1),n=I(),{range:h}=c.criteria[0],{steps:u,approvalRuleId:w}=c,a=v.getLocalizedStrings().commonSetUp.approval,W=()=>{x(!0)},A={onOkClick:()=>{x(!1),$?.(w)},onCancelClick:()=>{x(!1)}};return t.jsxs(Z,{windowSize:n,isLastSection:f,children:[t.jsxs(J,{windowSize:n,children:[t.jsxs(se,{children:[t.jsxs(R,{windowSize:n,children:[a.from," ",j("0,0",h.min)]}),t.jsxs(Q,{children:[t.jsx(P,{}),t.jsx(ee,{}),t.jsx(P,{})]}),h.max==null?t.jsx(de,{}):t.jsx(R,{windowSize:n,children:j("0,0",{...h.min,amount:h.max.amount})})]}),t.jsxs(ae,{className:"icons",children:[e&&t.jsx(ne,{onClick:W,"data-testid":b("delete-approval-rule-bill-pay",c.approvalRuleId)}),t.jsx(pe,{onClick:()=>{y(w)},"data-testid":b("edit-approval-rule-bill-pay",c.approvalRuleId)})]})]}),t.jsx(te,{windowSize:n,children:t.jsx(oe,{isSingleStep:u.length===1,windowSize:n,children:u.map((d,N)=>t.jsxs(ie,{isSingleStep:u.length===1,className:"stepperItem",windowSize:n,children:[d.action==="require_approval"?t.jsx(re,{children:a.requireText}):t.jsx(le,{children:a.notifyText}),d.nonUserActors!=null&&d.nonUserActors.filter(p=>p.subType!=null).map((p,D)=>t.jsxs(C,{children:[t.jsx(k,{children:p.subType!=null?a.nonUsers[p.subType].label:null}),d.operator!="is"?t.jsx(T,{className:"operator",children:d.operator}):null]},`${p.subType}_${D}`)),d.actors.map(p=>t.jsxs(C,{children:[t.jsxs(k,{children:[p.firstName," ",p.lastName]}),d.operator!="is"?t.jsx(T,{className:"operator",children:d.operator}):null]},p.userId))]},N))})}),m?t.jsx(H,{titleComponent:t.jsx(U,{children:a.deleteApprovalRuleTitle}),descriptionComponent:t.jsx(G,{children:a.deleteApprovalRuleDesc}),primaryButtonText:a.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:a.cancelBtnText,action:A}):null]})},Z=o.div`
   display: flex;
   flex-direction: column;
   gap: ${e=>s.wrapperGap.valuePx(e.windowSize)};
@@ -14,7 +14,7 @@ import{q as I,F as v,j as t,bF as D,P as E,aM as b,y as r,am as B,aN as j,cD as
       border-color: ${e=>e.theme.colors.primary};
     }
   }
-`,J=o(q)`
+`,J=o(F)`
   display: flex;
   position: relative;
   align-items: center;
@@ -170,7 +170,7 @@ import{q as I,F as v,j as t,bF as D,P as E,aM as b,y as r,am as B,aN as j,cD as
   ${e=>`${L.amount.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
   word-break: break-word;
-`,g={width:new r(343,580,726),titleWidth:new r(343,580,780),addApprovalGap:new r(6,l[2]),subTitlePaddingTop:new r(12,l[3]),subTitlePaddingBottom:new r(28,l[7])},ke=({approvalView:e,onBackClick:f,onEditRuleClick:c,onDeleteRuleClick:y})=>{const $=I(),{fetchState:m,deleteStatus:x}=e,n=v.getLocalizedStrings().commonSetUp.approval,h=v.getLocalizedStrings().spendManagement.billPay.billPayApproval,u=x.fetchState;return t.jsxs(ce,{children:[t.jsx(D,{title:n.approvalPageHeader,style:{zIndex:4},onBackClick:()=>{f()},source:"BillPayApprovalRulesPage"}),t.jsxs(he,{children:[t.jsx(xe,{windowSize:$,children:h.approvalPageSubTitle}),m==="In-Progress"||m==="Not-Started"||u==="In-Progress"?t.jsx(me,{children:t.jsx(E,{size:"ExtraLarge",start:!0})}):m==="Completed"?t.jsxs(t.Fragment,{children:[e.allApprovalRules.map((w,a)=>t.jsx(Y,{showDeleteBtn:a!==0,approvalRule:w,isLastSection:a===e.allApprovalRules.length-1,onEditRuleClick:c,onDeleteRuleClick:y},w.approvalRuleId)),t.jsxs(ue,{windowSize:$,onClick:()=>{c()},"data-testid":b("add-approval-rule-bill-pay"),children:[t.jsx(we,{}),t.jsx(ge,{children:n.addApprovalText})]})]}):null]})]})},ce=o.div`
+`,g={width:new r(343,580,726),titleWidth:new r(343,580,780),addApprovalGap:new r(6,l[2]),subTitlePaddingTop:new r(12,l[3]),subTitlePaddingBottom:new r(28,l[7])},ke=({approvalView:e,onBackClick:f,onEditRuleClick:c,onDeleteRuleClick:y})=>{const $=I(),{fetchState:m,deleteStatus:x}=e,n=v.getLocalizedStrings().commonSetUp.approval,h=v.getLocalizedStrings().spendManagement.billPay.billPayApproval,u=x.fetchState;return t.jsxs(ce,{children:[t.jsx(M,{title:n.approvalPageHeader,style:{zIndex:4},onBackClick:()=>{f()},source:"BillPayApprovalRulesPage"}),t.jsxs(he,{children:[t.jsx(xe,{windowSize:$,children:h.approvalPageSubTitle}),m==="In-Progress"||m==="Not-Started"||u==="In-Progress"?t.jsx(me,{children:t.jsx(E,{size:"ExtraLarge",start:!0})}):m==="Completed"?t.jsxs(t.Fragment,{children:[e.allApprovalRules.map((w,a)=>t.jsx(Y,{showDeleteBtn:a!==0,approvalRule:w,isLastSection:a===e.allApprovalRules.length-1,onEditRuleClick:c,onDeleteRuleClick:y},w.approvalRuleId)),t.jsxs(ue,{windowSize:$,onClick:()=>{c()},"data-testid":b("add-approval-rule-bill-pay"),children:[t.jsx(we,{}),t.jsx(ge,{children:n.addApprovalText})]})]}):null]})]})},ce=o.div`
   display: flex;
   min-height: 100%;
   flex-direction: column;
@@ -227,7 +227,7 @@ import{q as I,F as v,j as t,bF as D,P as E,aM as b,y as r,am as B,aN as j,cD as
     border-color: ${e=>e.theme.colors.primary};
   }
   margin-bottom: ${i.sp6};
-`,we=o(F)`
+`,we=o(q)`
   width: ${i.sp3};
   height: ${i.sp3};
 `,ge=o.div`

package/dist/assets/{BillPayPromoPage-DtVzdlsy-C9OmQlVi.js → BillPayPromoPage-DBlGsv9D-BevFRtNT.js}

@@ -1,4 +1,4 @@
-import{ax as Y,q as $,aP as ee,l as g,F as M,j as e,bF as ie,n as B,aM as C,af as p,o as l,ar as le,_ as se,b as U,aS as L,an as oe,y as re,h as S,cR as te,aT as ae,b9 as ne,u as de}from"./index-BqKtrbrP.js";import{b as u,n as s}from"./vendor-Bs1fkIUX.js";import{x as ce}from"./MeetingCalenderPopup-BpRpGSe6-DG2NWgbm.js";import{f as xe}from"./VideoPopup-Chye3pds-BhmRCag7.js";import{M as b}from"./usp-line-BBd1wKwW-ZlUrfnG1.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./VideoPlayer-BYkDTMkS-BkX7RMiM.js";const A="https://storage.googleapis.com/zeni-apis.appspot.com/images/Billpay-Light.png",I="https://storage.googleapis.com/zeni-apis.appspot.com/images/Billpay-Dark.png",pe={midContainerMarginBottom:new re(de[5],44)},me=s.div`
+import{ax as Y,q as f,aP as ee,l as g,O as M,j as e,bF as ie,n as B,aM as C,af as p,o as l,ar as le,_ as se,c as U,aS as L,an as oe,y as re,h as S,cR as te,aT as ae,b9 as ne,u as de}from"./index-6DHFBk74.js";import{b as u,n as s}from"./vendor-Bs1fkIUX.js";import{x as ce}from"./MeetingCalenderPopup-Be-tan9_-CK9Gr3Pd.js";import{f as xe}from"./VideoPopup-97jTEw9t-C5kzDaxd.js";import{M as z}from"./usp-line-BBd1wKwW-ZlUrfnG1.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./VideoPlayer-Cp5DBUTp-n0gfwB0a.js";const A="https://storage.googleapis.com/zeni-apis.appspot.com/images/Billpay-Light.png",I="https://storage.googleapis.com/zeni-apis.appspot.com/images/Billpay-Dark.png",pe={midContainerMarginBottom:new re(de[5],44)},me=s.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -35,7 +35,7 @@ import{ax as Y,q as $,aP as ee,l as g,F as M,j as e,bF as ie,n as B,aM as C,af a
   align-content: center;
   justify-content: center;
   align-items: center;
-`,V=s.div`
+`,O=s.div`
   margin-left: ${i=>i.windowSize==="small"?l.sp0:l.sp6};
   margin-bottom: ${i=>i.windowSize==="small"?l.sp4:l.sp0};
   background: ${i=>i.theme.colors.grey3};
@@ -59,15 +59,15 @@ import{ax as Y,q as $,aP as ee,l as g,F as M,j as e,bF as ie,n as B,aM as C,af a
   color: ${i=>i.theme.colors.champion};
 `,y=s(L)`
   color: ${i=>i.theme.colors.champion};
-`,f=s(te)`
+`,$=s(te)`
   color: ${i=>i.theme.colors.champion};
 `,d=s.div``,c=s.div`
   padding-left: ${l.sp3};
-`,F=s(b)`
+`,V=s(z)`
   color: ${S.graphColor16Dark};
-`,K=s(b)`
+`,K=s(z)`
   color: ${S.graphColor09Dark};
-`,O=s(b)`
+`,Q=s(z)`
   color: ${S.graphColor28Dark};
 `,je=s(oe)`
   margin: ${l.sp3} auto;
@@ -78,7 +78,7 @@ import{ax as Y,q as $,aP as ee,l as g,F as M,j as e,bF as ie,n as B,aM as C,af a
   flex-direction: ${i=>i.windowSize==="small"?"column":"row"};
   align-items: center;
   justify-content: center;
-`,fe=s(L)`
+`,$e=s(L)`
   margin: ${i=>i.windowSize==="small"?l.sp1:`auto ${l.sp5}`};
   color: ${i=>i.theme.colors.grey1};
-`,o=M.getLocalizedStrings().spendManagement.billPay.billPayPromo,t=M.getLocalizedStrings().commonSetUp.businessVerification.terms,De=({billPaySetupView:i,analytics:r,meetingUrl:Q,videoUrl:Z,onButtonClick:_,onBackClick:q,onSetupBillPaySuccess:z,onClickMenuIcon:G})=>{const h=Y(),a=$(),{billPayTermsDetails:x}=i,[H,J]=u.useState(!1),[N,k]=u.useState(!1),v=ee(x?.fetchStatus.fetchState);u.useEffect(()=>{v==="In-Progress"&&x?.fetchStatus.fetchState==="Completed"&&z?.()},[v,z,x?.fetchStatus]);const X=()=>{r?.trackBillPayPromoScheduleDemo(),k(!0)},W=g.hasBillPayAdminLevelAccess(h.loggedInUserRoleMap),P=g.hasBillPayAccess(h.loggedInUserRoleMap)&&!W,T=P?o.setupNonAccessableUsersPromoText:o.promoText;return e.jsxs(me,{children:[H===!0?e.jsx(xe,{onCancelClick:()=>{J(!1)},videoUrl:Z}):null,N===!0?e.jsx(ce,{onCancelClick:()=>{k(!1)},meetingUrl:Q}):null,e.jsx(ie,{title:o.title,onBackClick:q,showBackButton:!g.hasOnlyBillPayAccess(h.loggedInUserRoleMap),showMenuIcon:a==="small"||a==="medium-compact",onClickMenuIcon:G,source:"BillPayPromoPage"}),e.jsxs(he,{windowSize:a,children:[a==="small"?e.jsx(ue,{children:T}):e.jsx(ge,{children:T}),a==="small"?e.jsx($e,{}):e.jsx(Se,{}),P===!1?e.jsxs(we,{children:[e.jsxs(ye,{windowSize:a,children:[e.jsx(B,{variant:"secondary",label:o.scheduleDemoButton,onClick:X,"data-testid":C("billpay-schedule-demo-button")}),e.jsx(fe,{windowSize:a,children:o.orText}),e.jsx(B,{variant:"primary",label:o.setupBillPayButton,loading:x?.fetchStatus.fetchState==="In-Progress",onClick:_,"data-testid":C("billpay-setup-button")})]}),e.jsxs(je,{children:[o.terms.terms1,e.jsx(p,{href:t.consentUrl,linkText:t.consent}),t.term2,e.jsx(p,{href:t.depositUrl,linkText:t.depositTerms}),t.term3,e.jsx(p,{href:t.privacyPolicyUrl,onZeniLinkClick:()=>(r?.trackBillPayPrivacyPolicy(),!0),linkText:t.privacy}),t.term4,e.jsx(p,{href:t.tosUrl,onZeniLinkClick:()=>(r?.trackBillPayAgreement(),!0),linkText:t.tos}),t.term5,o.terms.terms3]})]}):null]})]})},$e=()=>{const i=U(),r=$();return e.jsxs(D,{windowSize:r,children:[e.jsx(E,{windowSize:r,children:e.jsx(V,{windowSize:r,children:i.mode==="dark"?e.jsx(m,{src:I,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"}):e.jsx(m,{src:A,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"})})}),e.jsxs(R,{windowSize:r,children:[e.jsxs(n,{windowSize:r,children:[e.jsx(d,{children:e.jsx(O,{})}),e.jsxs(c,{children:[e.jsx(f,{children:o.fullyManagedText.bold}),e.jsx(y,{children:o.fullyManagedText.regular})]})]}),e.jsxs(n,{windowSize:r,children:[e.jsx(d,{children:e.jsx(K,{})}),e.jsxs(c,{children:[e.jsx(f,{children:o.multiLevelApprovalText.bold}),e.jsx(y,{children:o.multiLevelApprovalText.regular})]})]}),e.jsxs(n,{windowSize:r,children:[e.jsx(d,{children:e.jsx(F,{})}),e.jsxs(c,{children:[e.jsx(f,{children:o.aiPoweredText.bold}),e.jsx(y,{children:o.aiPoweredText.regular})]})]})]})]})},Se=()=>{const i=U(),r=$();return e.jsxs(D,{windowSize:r,children:[e.jsxs(R,{windowSize:r,children:[e.jsxs(n,{windowSize:r,style:{width:"376px"},children:[e.jsx(d,{children:e.jsx(O,{})}),e.jsxs(c,{children:[e.jsx(j,{children:o.fullyManagedText.bold}),e.jsx(w,{children:o.fullyManagedText.regular})]})]}),e.jsxs(n,{windowSize:r,style:{width:"376px"},children:[e.jsx(d,{children:e.jsx(K,{})}),e.jsxs(c,{children:[e.jsx(j,{children:o.multiLevelApprovalText.bold}),e.jsx(w,{children:o.multiLevelApprovalText.regular})]})]}),e.jsxs(n,{windowSize:r,style:{width:"376px"},children:[e.jsx(d,{children:e.jsx(F,{})}),e.jsxs(c,{children:[e.jsx(j,{children:o.aiPoweredText.bold}),e.jsx(w,{children:o.aiPoweredText.regular})]})]})]}),e.jsx(E,{windowSize:r,children:e.jsx(V,{windowSize:r,children:i.mode==="dark"?e.jsx(m,{src:I,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"}):e.jsx(m,{src:A,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"})})})]})};export{De as default};
+`,o=M.getLocalizedStrings().spendManagement.billPay.billPayPromo,t=M.getLocalizedStrings().commonSetUp.businessVerification.terms,De=({billPaySetupView:i,analytics:r,meetingUrl:Z,videoUrl:_,onButtonClick:q,onBackClick:F,onSetupBillPaySuccess:b,onClickMenuIcon:G})=>{const h=Y(),a=f(),{billPayTermsDetails:x}=i,[H,J]=u.useState(!1),[N,k]=u.useState(!1),v=ee(x?.fetchStatus.fetchState);u.useEffect(()=>{v==="In-Progress"&&x?.fetchStatus.fetchState==="Completed"&&b?.()},[v,b,x?.fetchStatus]);const X=()=>{r?.trackBillPayPromoScheduleDemo(),k(!0)},W=g.hasBillPayAdminLevelAccess(h.loggedInUserRoleMap),P=g.hasBillPayAccess(h.loggedInUserRoleMap)&&!W,T=P?o.setupNonAccessableUsersPromoText:o.promoText;return e.jsxs(me,{children:[H===!0?e.jsx(xe,{onCancelClick:()=>{J(!1)},videoUrl:_}):null,N===!0?e.jsx(ce,{onCancelClick:()=>{k(!1)},meetingUrl:Z}):null,e.jsx(ie,{title:o.title,onBackClick:F,showBackButton:!g.hasOnlyBillPayAccess(h.loggedInUserRoleMap),showMenuIcon:a==="small"||a==="medium-compact",onClickMenuIcon:G,source:"BillPayPromoPage"}),e.jsxs(he,{windowSize:a,children:[a==="small"?e.jsx(ue,{children:T}):e.jsx(ge,{children:T}),a==="small"?e.jsx(fe,{}):e.jsx(Se,{}),P===!1?e.jsxs(we,{children:[e.jsxs(ye,{windowSize:a,children:[e.jsx(B,{variant:"secondary",label:o.scheduleDemoButton,onClick:X,"data-testid":C("billpay-schedule-demo-button")}),e.jsx($e,{windowSize:a,children:o.orText}),e.jsx(B,{variant:"primary",label:o.setupBillPayButton,loading:x?.fetchStatus.fetchState==="In-Progress",onClick:q,"data-testid":C("billpay-setup-button")})]}),e.jsxs(je,{children:[o.terms.terms1,e.jsx(p,{href:t.consentUrl,linkText:t.consent}),t.term2,e.jsx(p,{href:t.depositUrl,linkText:t.depositTerms}),t.term3,e.jsx(p,{href:t.privacyPolicyUrl,onZeniLinkClick:()=>(r?.trackBillPayPrivacyPolicy(),!0),linkText:t.privacy}),t.term4,e.jsx(p,{href:t.tosUrl,onZeniLinkClick:()=>(r?.trackBillPayAgreement(),!0),linkText:t.tos}),t.term5,o.terms.terms3]})]}):null]})]})},fe=()=>{const i=U(),r=f();return e.jsxs(D,{windowSize:r,children:[e.jsx(E,{windowSize:r,children:e.jsx(O,{windowSize:r,children:i.mode==="dark"?e.jsx(m,{src:I,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"}):e.jsx(m,{src:A,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"})})}),e.jsxs(R,{windowSize:r,children:[e.jsxs(n,{windowSize:r,children:[e.jsx(d,{children:e.jsx(Q,{})}),e.jsxs(c,{children:[e.jsx($,{children:o.fullyManagedText.bold}),e.jsx(y,{children:o.fullyManagedText.regular})]})]}),e.jsxs(n,{windowSize:r,children:[e.jsx(d,{children:e.jsx(K,{})}),e.jsxs(c,{children:[e.jsx($,{children:o.multiLevelApprovalText.bold}),e.jsx(y,{children:o.multiLevelApprovalText.regular})]})]}),e.jsxs(n,{windowSize:r,children:[e.jsx(d,{children:e.jsx(V,{})}),e.jsxs(c,{children:[e.jsx($,{children:o.aiPoweredText.bold}),e.jsx(y,{children:o.aiPoweredText.regular})]})]})]})]})},Se=()=>{const i=U(),r=f();return e.jsxs(D,{windowSize:r,children:[e.jsxs(R,{windowSize:r,children:[e.jsxs(n,{windowSize:r,style:{width:"376px"},children:[e.jsx(d,{children:e.jsx(Q,{})}),e.jsxs(c,{children:[e.jsx(j,{children:o.fullyManagedText.bold}),e.jsx(w,{children:o.fullyManagedText.regular})]})]}),e.jsxs(n,{windowSize:r,style:{width:"376px"},children:[e.jsx(d,{children:e.jsx(K,{})}),e.jsxs(c,{children:[e.jsx(j,{children:o.multiLevelApprovalText.bold}),e.jsx(w,{children:o.multiLevelApprovalText.regular})]})]}),e.jsxs(n,{windowSize:r,style:{width:"376px"},children:[e.jsx(d,{children:e.jsx(V,{})}),e.jsxs(c,{children:[e.jsx(j,{children:o.aiPoweredText.bold}),e.jsx(w,{children:o.aiPoweredText.regular})]})]})]}),e.jsx(E,{windowSize:r,children:e.jsx(O,{windowSize:r,children:i.mode==="dark"?e.jsx(m,{src:I,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"}):e.jsx(m,{src:A,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"})})})]})};export{De as default};

package/dist/assets/{BillPaySetUpPage-BKdNiQf7-Cc4m50Uo.js → BillPaySetUpPage-A4zcT_mP-BkNiC1Xc.js}

@@ -1,4 +1,4 @@
-import{b as Oe,q as Ue,aP as V,aa as De,cS as Re,F as _e,l as He,aU as Q,j as t,fn as ze,aM as Le,h as qe,y as u,bF as Me,P as Ne,ad as Ge,e6 as Je,bA as Ke,dY as Ye,c5 as Qe,fF as Xe,aQ as Ze,o as L,u as a,am as et,bP as tt}from"./index-BqKtrbrP.js";import{b as m,n as g}from"./vendor-Bs1fkIUX.js";import{D as it}from"./HelpButton-B0ZBXPeh-BorgPtfn.js";import"./SetUpAccountSection-IgQjKWEr-Bxp6vD4c.js";import{K as H}from"./SetUpDefaultSection-shC3qOy6-C49ph3xE.js";import{f as nt}from"./SpendMgmtSetupAccountSection-CAWyEGGM-D_Y5M2MY.js";import{g as ot}from"./UploadAdditionalDocumentOverlay-BlKvE3tT-BlWsi76J.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./MeetingCalenderPopup-BpRpGSe6-DG2NWgbm.js";import"./ChaseOverlay-B2pqFXTT-Df2Ezv28.js";import"./ChargeCardUtils-BeG5m9OQ-BnJ39MTB.js";import"./CreditCardPaymentPlgSection-CqvgalYj-CUdjrO8S.js";const n={titleWidth:new u(343,580,726,826),setupDetailsRowGap:new u(12,a[5],a[5]),sectionRowGap:new u(a[5],a[9],a[9]),lastSectionPaddingBottom:new u(a[7],a[10],a[10]),iconWidthHeight:new u(20,a[4]),subTitlePaddingTop:new u(12,a[3]),subTitlePaddingBottom:new u(a[3],a[3]),overlayWidth:new u(100,100,59)},X="billPaySetUpPage",E="billPayAccount",Bt=({billPaySetupView:e,isDisabled:w,billpayApprovalView:W,meetingUrl:v,showIntlWiseWidget:s,connectedAccountProvider:ee,isAccountsEnabled:te,isLocalCurrencyEnabled:ie,analytics:y,filesEndPoint:ne,authParams:oe,accountsPromoConfig:ae,onBackClick:le,onBusinessVerificationSectionClick:ce,onSetupApprovalRulesSectionClick:se,onFetchLinkTokenClick:re,onEstablishConnectionClick:de,onEstablishConnectionSuccess:ue,onUpdatePrimaryFundingAccount:pe,onUpdateAccountClick:he,onUpdatePaymentAccountStatus:fe,onUpdatePaymentAccountLoginStatus:me,onEnableBillPayClick:ge,onEnableBillPaySuccess:q,onClickMenuIcon:ye,onInternationPaymentSetUpClick:Se,onEditFileName:be,onDeleteFile:Pe,updateFilesEntity:xe,onCompanyOfficerUpdated:we,onSendForVerificationClick:ve,onSignUpClick:Ce})=>{const C=Oe(),i=Ue(),[k,S]=m.useState(!1),M=m.useRef(null),{fetchState:p,updateStatus:b,accountUpdateStatus:ke,plaidConnectionDetails:$,allBankAccounts:Ae,companyBillPayInfo:A,isRefreshingViewInBackground:Te,selectedCompanyOfficer:c,primaryFundingAccount:r,allFundingAccounts:N}=e,h=A?.internationalWireOnboardingStatus,T=h==null||h.code==="onboarding_status_not_started",{fetchState:G,allApprovalRules:j,approvalRulesStatus:je}=W,O=$.link_account.updateStatus,U=$.update_account.updateStatus,F=V(p),J=V(b.fetchState),K=V(O.fetchState),Y=V(U.fetchState),P=De({mode:"all",reValidateMode:"onChange",defaultValues:m.useMemo(()=>z(e),[e]),values:z(e)});m.useEffect(()=>{!k&&c?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&c.areAdditionalDocumentsRequestedForVerification&&!c.areAdditionalDocumentsSubmittedForVerification&&c.userVerificationStatus?.code==="require_info"&&S(!0),k&&F==="In-Progress"&&p==="Completed"&&S(!1)},[c,p,F]),m.useEffect(()=>{(F==="In-Progress"&&p==="Completed"||K==="In-Progress"&&O.fetchState==="Completed"||Y==="In-Progress"&&U.fetchState==="Completed")&&P.reset(z(e))},[F,p,P,e,K,O.fetchState,Y,U.fetchState]);const Fe=P.handleSubmit(x=>{y.trackEnableBillPay(),ge()}),Be=async(x,I)=>{const o=I[E];if(x.includes(E)){if(x.includes("fundingAccount")){if(o.fundingAccount.selectedOption!=null&&r?.id!=o.fundingAccount.selectedOption){const f=N.find(_=>_.id===o.fundingAccount.selectedOption);f!=null&&pe(o.fundingAccount.selectedOption,f.accType)}}else if(o.account.selectedOption!=null&&r?.id!=null&&r?.zeniAccountId!=o.account.selectedOption){const f=o.account.allOptions.find(_=>_.value===o.account.selectedOption);f!=null&&typeof f.label=="string"&&y.trackConnectBankLink(f.value,f.label,"bill_pay"),he(o.account.selectedOption,r.id,r.accType)}}};m.useEffect(()=>{const x=P.watch((I,{name:o})=>{o!=null&&I!=null&&Re(()=>Be(o,I))});return()=>{x.unsubscribe()}}),m.useEffect(()=>{J==="In-Progress"&&b.fetchState==="Completed"&&q()},[q,J,b.fetchState]);const{commonSetUp:Ie,spendManagement:Ve}=_e.getLocalizedStrings(),{setUp:d}=Ie,{billPaySetup:l}=Ve.billPay,D=A?.isBusinessVerified===!0&&(r?.accType==="depositAccount"||He.isVerifiedPaymentAccountProviderStatusCode(r?.providerVerificationStatus?.code??"")),R=A?.isBillPayEnabled===!0,Ee=D?d.setupVerifiedSubTitle:l.setupSubTitle,We=p==="In-Progress"||p==="Not-Started"||G==="In-Progress"||G==="Not-Started",B=C.mode==="light"?new Q(C.colors.brandColorJadeLight):new Q(C.colors.brandColorJadeDark),$e=()=>{!k&&c?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&c.areAdditionalDocumentsRequestedForVerification&&!c.areAdditionalDocumentsSubmittedForVerification&&c.userVerificationStatus?.code==="require_info"?S(!0):ce?.()};return t.jsxs(lt,{ref:M,children:[t.jsx(ze,{anchor:"right",PaperProps:{style:{width:n.overlayWidth.valuePercentage(i),boxShadow:"none"}},open:k,onClose:()=>S(!1),style:{backgroundColor:qe.drawerBackground},transitionDuration:250,"data-testid":Le("bill-pay-setup-drawer"),children:t.jsx(ot,{authParams:oe,filesEndPoint:ne,updateStatus:b,onEditFileName:be,onDeleteFile:Pe,updateFilesEntity:xe,companyOfficer:c,onClose:()=>S(!1),onCompanyOfficerUpdated:we,onSendForVerificationClick:ve})}),t.jsx(Me,{title:l.setupTitle,style:{zIndex:3},onBackClick:le,showMenuIcon:!R&&(i==="medium-compact"||i==="small"),onClickMenuIcon:ye,scrollableContent:M,backgroundColor:C.colors.grey4,source:"BillPaySetUpPage"}),t.jsxs(rt,{windowSize:i,children:[t.jsx(st,{windowSize:i,children:Ee}),We?t.jsx(dt,{children:t.jsx(Ne,{size:"ExtraLarge",start:!0})}):t.jsxs(at,{children:[t.jsx(Ge,{...P,children:t.jsx("form",{id:Z(X),onSubmit:Fe,children:t.jsxs(ut,{windowSize:i,children:[t.jsx(H,{onClick:$e,title:d.businessVerificationTitle,subTitle:d.businessVerificationSubTitle,header:d.businessVerificationHeader,icon:{element:t.jsx(Je,{width:n.iconWidthHeight.valuePx(i),height:n.iconWidthHeight.valuePx(i)}),color:B},status:A?.businessVerificationStatus,isLoading:Te,isActiveWhileLoading:!0}),t.jsx(nt,{connectedAccountProvider:ee,primaryFundingAccount:r,allFundingAccounts:N,plaidConnectionDetails:$,allBankAccounts:Ae,sectionId:E,isDisabled:w,onFetchLinkTokenClick:re,onEstablishConnectionClick:de,onUpdatePaymentAccountStatus:fe,onUpdatePaymentAccountLoginStatus:me,onEstablishConnectionSuccess:ue,icon:{element:t.jsx(Ke,{width:n.iconWidthHeight.valuePx(i),height:n.iconWidthHeight.valuePx(i)}),color:B},analytics:y,productType:"bill_pay",isAccountsEnabled:te,onSignUpClick:Ce,pageName:"Bill Pay Setup",accountsPromoConfig:ae}),t.jsx(H,{title:j.length>0?d.approvalTitle:d.createApprovalTitle,subTitle:l.approvalSubTitle,header:j.length>0?d.approvalHeader:d.setupApprovalHeader,icon:{element:t.jsx(Ye,{width:n.iconWidthHeight.valuePx(i),height:n.iconWidthHeight.valuePx(i)}),color:B},style:{paddingBottom:n.lastSectionPaddingBottom.valuePx(i)},onClick:se,status:j.length>0?je:void 0})]})})}),s===!0?t.jsx(H,{title:T?l.enableInternationalWireTitle:l.internationWireTitle,subTitle:l.internationalWireSubTitle2,header:l.internationalWireHeader,icon:{element:t.jsx(Xe,{width:n.iconWidthHeight.valuePx(i),height:n.iconWidthHeight.valuePx(i)}),color:B},style:{paddingBottom:n.lastSectionPaddingBottom.valuePx(i)},isClickable:!0,onClick:()=>{T&&y.trackEnableIntlWire(ie),Se?.()},status:T?void 0:{name:h.name,code:h.code},statusInfoIcon:h?.code==="verification_pending"||h?.code==="verification_failed"?t.jsx(Qe,{title:h.code==="verification_pending"?l.tooltipTexts.pendingInternationalVerificationText:l.tooltipTexts.internationalVerificationFailed,children:t.jsx(ct,{})}):void 0,shouldHover:!0,showRightArrow:T}):null]})]}),D&&!R&&j.length>0?t.jsx(Ze,{formId:Z(X),primaryBtn:{label:l.enableBillPay,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:b.fetchState==="In-Progress"||ke.fetchState==="In-Progress",isDisabled:w!=null},showCancel:!1,helperText:l.terms,cancelBtn:{label:""},style:{padding:`12px ${L.sp3}`}}):null,t.jsx(it,{isFooterRendered:D&&!R,meetingUrl:v,analytics:y,productType:"bill_pay"})]})},at=g.div``,lt=g.div`
+import{c as De,q as Oe,aP as V,aa as Re,cS as Ue,O as _e,l as He,aU as Z,j as t,fn as ze,aM as Le,h as qe,y as u,bF as Me,P as Ne,ad as Ge,e6 as Je,bA as Ke,dY as Ye,c5 as Ze,fF as Qe,aQ as Xe,o as L,u as a,am as et,bP as tt}from"./index-6DHFBk74.js";import{b as m,n as g}from"./vendor-Bs1fkIUX.js";import{D as it}from"./HelpButton-Cp2LXxyy-C5Y06Y1n.js";import"./SetUpAccountSection-BGdUkQz3-D6CAjYv7.js";import{K as H}from"./SetUpDefaultSection-C4NnRO65-C0fyZc92.js";import{f as nt}from"./SpendMgmtSetupAccountSection-Dz3vQC2g-P6jfr6Bz.js";import{g as ot}from"./UploadAdditionalDocumentOverlay-CH9x8nx2-CEXAXlCj.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./MeetingCalenderPopup-Be-tan9_-CK9Gr3Pd.js";import"./ChaseOverlay-Dqg_bWdn-C8vTlyWM.js";import"./ChargeCardUtils-Cy5rZlIH-BILI0sIl.js";import"./CreditCardPaymentPlgSection-HikR7OVv-BCZXDr8I.js";const n={titleWidth:new u(343,580,726,826),setupDetailsRowGap:new u(12,a[5],a[5]),sectionRowGap:new u(a[5],a[9],a[9]),lastSectionPaddingBottom:new u(a[7],a[10],a[10]),iconWidthHeight:new u(20,a[4]),subTitlePaddingTop:new u(12,a[3]),subTitlePaddingBottom:new u(a[3],a[3]),overlayWidth:new u(100,100,59)},Q="billPaySetUpPage",E="billPayAccount",Bt=({billPaySetupView:e,isDisabled:w,billpayApprovalView:W,meetingUrl:v,showIntlWiseWidget:s,connectedAccountProvider:ee,isAccountsEnabled:te,isLocalCurrencyEnabled:ie,analytics:y,filesEndPoint:ne,authParams:oe,accountsPromoConfig:ae,onBackClick:le,onBusinessVerificationSectionClick:ce,onSetupApprovalRulesSectionClick:se,onFetchLinkTokenClick:re,onEstablishConnectionClick:de,onEstablishConnectionSuccess:ue,onUpdatePrimaryFundingAccount:pe,onUpdateAccountClick:he,onUpdatePaymentAccountStatus:fe,onUpdatePaymentAccountLoginStatus:me,onEnableBillPayClick:ge,onEnableBillPaySuccess:q,onClickMenuIcon:ye,onInternationPaymentSetUpClick:Se,onEditFileName:be,onDeleteFile:Pe,updateFilesEntity:xe,onCompanyOfficerUpdated:we,onSendForVerificationClick:ve,onSignUpClick:Ce})=>{const C=De(),i=Oe(),[k,S]=m.useState(!1),M=m.useRef(null),{fetchState:p,updateStatus:b,accountUpdateStatus:ke,plaidConnectionDetails:$,allBankAccounts:Ae,companyBillPayInfo:A,isRefreshingViewInBackground:Te,selectedCompanyOfficer:c,primaryFundingAccount:r,allFundingAccounts:N}=e,h=A?.internationalWireOnboardingStatus,T=h==null||h.code==="onboarding_status_not_started",{fetchState:G,allApprovalRules:j,approvalRulesStatus:je}=W,D=$.link_account.updateStatus,O=$.update_account.updateStatus,F=V(p),J=V(b.fetchState),K=V(D.fetchState),Y=V(O.fetchState),P=Re({mode:"all",reValidateMode:"onChange",defaultValues:m.useMemo(()=>z(e),[e]),values:z(e)});m.useEffect(()=>{!k&&c?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&c.areAdditionalDocumentsRequestedForVerification&&!c.areAdditionalDocumentsSubmittedForVerification&&c.userVerificationStatus?.code==="require_info"&&S(!0),k&&F==="In-Progress"&&p==="Completed"&&S(!1)},[c,p,F]),m.useEffect(()=>{(F==="In-Progress"&&p==="Completed"||K==="In-Progress"&&D.fetchState==="Completed"||Y==="In-Progress"&&O.fetchState==="Completed")&&P.reset(z(e))},[F,p,P,e,K,D.fetchState,Y,O.fetchState]);const Fe=P.handleSubmit(x=>{y.trackEnableBillPay(),ge()}),Be=async(x,I)=>{const o=I[E];if(x.includes(E)){if(x.includes("fundingAccount")){if(o.fundingAccount.selectedOption!=null&&r?.id!=o.fundingAccount.selectedOption){const f=N.find(_=>_.id===o.fundingAccount.selectedOption);f!=null&&pe(o.fundingAccount.selectedOption,f.accType)}}else if(o.account.selectedOption!=null&&r?.id!=null&&r?.zeniAccountId!=o.account.selectedOption){const f=o.account.allOptions.find(_=>_.value===o.account.selectedOption);f!=null&&typeof f.label=="string"&&y.trackConnectBankLink(f.value,f.label,"bill_pay"),he(o.account.selectedOption,r.id,r.accType)}}};m.useEffect(()=>{const x=P.watch((I,{name:o})=>{o!=null&&I!=null&&Ue(()=>Be(o,I))});return()=>{x.unsubscribe()}}),m.useEffect(()=>{J==="In-Progress"&&b.fetchState==="Completed"&&q()},[q,J,b.fetchState]);const{commonSetUp:Ie,spendManagement:Ve}=_e.getLocalizedStrings(),{setUp:d}=Ie,{billPaySetup:l}=Ve.billPay,R=A?.isBusinessVerified===!0&&(r?.accType==="depositAccount"||He.isVerifiedPaymentAccountProviderStatusCode(r?.providerVerificationStatus?.code??"")),U=A?.isBillPayEnabled===!0,Ee=R?d.setupVerifiedSubTitle:l.setupSubTitle,We=p==="In-Progress"||p==="Not-Started"||G==="In-Progress"||G==="Not-Started",B=C.mode==="light"?new Z(C.colors.brandColorJadeLight):new Z(C.colors.brandColorJadeDark),$e=()=>{!k&&c?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&c.areAdditionalDocumentsRequestedForVerification&&!c.areAdditionalDocumentsSubmittedForVerification&&c.userVerificationStatus?.code==="require_info"?S(!0):ce?.()};return t.jsxs(lt,{ref:M,children:[t.jsx(ze,{anchor:"right",PaperProps:{style:{width:n.overlayWidth.valuePercentage(i),boxShadow:"none"}},open:k,onClose:()=>S(!1),style:{backgroundColor:qe.drawerBackground},transitionDuration:250,"data-testid":Le("bill-pay-setup-drawer"),children:t.jsx(ot,{authParams:oe,filesEndPoint:ne,updateStatus:b,onEditFileName:be,onDeleteFile:Pe,updateFilesEntity:xe,companyOfficer:c,onClose:()=>S(!1),onCompanyOfficerUpdated:we,onSendForVerificationClick:ve})}),t.jsx(Me,{title:l.setupTitle,style:{zIndex:3},onBackClick:le,showMenuIcon:!U&&(i==="medium-compact"||i==="small"),onClickMenuIcon:ye,scrollableContent:M,backgroundColor:C.colors.grey4,source:"BillPaySetUpPage"}),t.jsxs(rt,{windowSize:i,children:[t.jsx(st,{windowSize:i,children:Ee}),We?t.jsx(dt,{children:t.jsx(Ne,{size:"ExtraLarge",start:!0})}):t.jsxs(at,{children:[t.jsx(Ge,{...P,children:t.jsx("form",{id:X(Q),onSubmit:Fe,children:t.jsxs(ut,{windowSize:i,children:[t.jsx(H,{onClick:$e,title:d.businessVerificationTitle,subTitle:d.businessVerificationSubTitle,header:d.businessVerificationHeader,icon:{element:t.jsx(Je,{width:n.iconWidthHeight.valuePx(i),height:n.iconWidthHeight.valuePx(i)}),color:B},status:A?.businessVerificationStatus,isLoading:Te,isActiveWhileLoading:!0}),t.jsx(nt,{connectedAccountProvider:ee,primaryFundingAccount:r,allFundingAccounts:N,plaidConnectionDetails:$,allBankAccounts:Ae,sectionId:E,isDisabled:w,onFetchLinkTokenClick:re,onEstablishConnectionClick:de,onUpdatePaymentAccountStatus:fe,onUpdatePaymentAccountLoginStatus:me,onEstablishConnectionSuccess:ue,icon:{element:t.jsx(Ke,{width:n.iconWidthHeight.valuePx(i),height:n.iconWidthHeight.valuePx(i)}),color:B},analytics:y,productType:"bill_pay",isAccountsEnabled:te,onSignUpClick:Ce,pageName:"Bill Pay Setup",accountsPromoConfig:ae}),t.jsx(H,{title:j.length>0?d.approvalTitle:d.createApprovalTitle,subTitle:l.approvalSubTitle,header:j.length>0?d.approvalHeader:d.setupApprovalHeader,icon:{element:t.jsx(Ye,{width:n.iconWidthHeight.valuePx(i),height:n.iconWidthHeight.valuePx(i)}),color:B},style:{paddingBottom:n.lastSectionPaddingBottom.valuePx(i)},onClick:se,status:j.length>0?je:void 0})]})})}),s===!0?t.jsx(H,{title:T?l.enableInternationalWireTitle:l.internationWireTitle,subTitle:l.internationalWireSubTitle2,header:l.internationalWireHeader,icon:{element:t.jsx(Qe,{width:n.iconWidthHeight.valuePx(i),height:n.iconWidthHeight.valuePx(i)}),color:B},style:{paddingBottom:n.lastSectionPaddingBottom.valuePx(i)},isClickable:!0,onClick:()=>{T&&y.trackEnableIntlWire(ie),Se?.()},status:T?void 0:{name:h.name,code:h.code},statusInfoIcon:h?.code==="verification_pending"||h?.code==="verification_failed"?t.jsx(Ze,{title:h.code==="verification_pending"?l.tooltipTexts.pendingInternationalVerificationText:l.tooltipTexts.internationalVerificationFailed,children:t.jsx(ct,{})}):void 0,shouldHover:!0,showRightArrow:T}):null]})]}),R&&!U&&j.length>0?t.jsx(Xe,{formId:X(Q),primaryBtn:{label:l.enableBillPay,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:b.fetchState==="In-Progress"||ke.fetchState==="In-Progress",isDisabled:w!=null},showCancel:!1,helperText:l.terms,cancelBtn:{label:""},style:{padding:`12px ${L.sp3}`}}):null,t.jsx(it,{isFooterRendered:R&&!U,meetingUrl:v,analytics:y,productType:"bill_pay"})]})},at=g.div``,lt=g.div`
   display: flex;
   min-height: 100%;
   flex-direction: column;
@@ -39,4 +39,4 @@ import{b as Oe,q as Ue,aP as V,aa as De,cS as Re,F as _e,l as He,aU as Q,j as t,
   display: flex;
   flex-direction: column;
   row-gap: ${e=>n.sectionRowGap.valuePx(e.windowSize)};
-`,z=e=>{const{allBankAccounts:w,allFundingAccounts:W,primaryFundingAccount:v}=e;return{[E]:{fundingAccount:{selectedOption:v?.id,allOptions:W.map(s=>({label:s.label,value:s.id,isRecommended:s.accType==="depositAccount"}))},account:{selectedOption:v?.zeniAccountId,allOptions:w.map(s=>({label:s.accountName,value:s.accountId}))}}}},Z=e=>`${e}_form`;export{Bt as default,Z as uniqueName};
+`,z=e=>{const{allBankAccounts:w,allFundingAccounts:W,primaryFundingAccount:v}=e;return{[E]:{fundingAccount:{selectedOption:v?.id,allOptions:W.map(s=>({label:s.label,value:s.id,isRecommended:s.accType==="depositAccount"}))},account:{selectedOption:v?.zeniAccountId,allOptions:w.map(s=>({label:s.accountName,value:s.accountId}))}}}},X=e=>`${e}_form`;export{Bt as default,X as uniqueName};

package/dist/assets/{BillingSettingsPage-3AgPTFzN-DilAG0t1.js → BillingSettingsPage-CujTn-BW-DGU5_gJ4.js}

@@ -1,4 +1,4 @@
-import{b as fe,q as Pe,aa as Ce,cS as be,aU as k,F as xe,j as t,y as b,bF as Ae,P as Ie,ad as ve,bA as je,cT as ke,aQ as $e,o as s,hL as Oe,dj as Te,dk as Be,u as x,am as Ee,g$ as Ve,O as Le,h as ze}from"./index-BqKtrbrP.js";import{b as R,n as r}from"./vendor-Bs1fkIUX.js";import{F as De,r as W,o as Fe}from"./PaymentAccountSetupBillingAddressSection-DnObHdjD-Dxj4lh2G.js";import{O as Me}from"./SetUpAccountSection-IgQjKWEr-Bxp6vD4c.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./SetUpDefaultSection-shC3qOy6-C49ph3xE.js";import"./ChaseOverlay-B2pqFXTT-Df2Ezv28.js";const p={titleWidth:new b(343,580,726,826),setupDetailsRowGap:new b(12,x[5],x[5]),iconWidthHeight:new b(20,x[4]),subTitlePaddingTop:new b(12,x[3])},Re={title:new Le("standardSemiBold","largeSemiBold")},H="billingSetupPage",A="payAccountSectionId",n="subscriptionBillingAddressSectionId",lt=({analytics:e,billingSetupView:a,connectedAccountProvider:g,isDisabled:d,onClickMenuIcon:I,uiState:K,stripeKey:N,googleAPIKey:q,companyId:G,onUpdateAccountClick:J,onFetchLinkTokenClick:Z,onUpdatePaymentAccountStatus:Q,onUpdatePaymentAccountLoginStatus:X,onEstablishConnectionClick:Y,onEstablishConnectionSuccess:ee,handleCreateCardSetupIntent:te,handleConfirmCardSetupIntent:ne,updateCardPaymentModalState:$,handleAddCardPaymentSource:ie,resetCardPaymentViewState:oe,handleResetCardPaymentErrorStatuses:ae,onBillingAddressSave:se,onAddressEditHandler:re})=>{const P=fe(),i=Pe(),{setupView:{paymentAccount:y,plaidConnectionDetails:de,allBankAccounts:le,accountFetchStatus:O},cardPaymentView:m}=a,ce=a.subscriptionBillingAddress,T=y?.providerVerificationStatus,ue=O.fetchState==="In-Progress"||O.fetchState==="Not-Started",S=Ce({mode:"onSubmit",reValidateMode:"onChange",defaultValues:U(a),values:U(a),resetOptions:{keepDirtyValues:!0}}),pe=S.handleSubmit(c=>{se(G)}),B=a.subscriptionBillingAddressSaveStatus,me=async(c,o)=>{const h=o[A];if(c.includes(n)&&o[n]!=null){const v=S.getValues(`${n}`).country;let u=o[n];if(c.includes(`${n}.street`)&&o[n].street!=null){const{addressValue:f}=o[n].street,j=Te(f?.country);u={street:o[n].street??l.strings.empty,city:f?.locality??l.strings.empty,state:f?.administrativeAreaLevel1??l.strings.empty,country:j,countryCode:f?.countryCode??l.strings.empty,postalCode:f?.postalCode??l.strings.empty,secondaryInfo:o[n].secondaryInfo,suite:o[n].suite},v.selectedOption!==j.selectedOption&&(u={...u,country:j})}else c===`${n}.country`&&v.selectedOption!=null&&(u={...u,countryCode:Be(v.selectedOption)});u!=null&&re(u)}else c.includes(A)&&h.account.selectedOption!=null&&y?.paymentAccountId!=null&&y.zeniAccountId!==h.account.selectedOption&&J(h.account.selectedOption,y.paymentAccountId)};R.useEffect(()=>{const c=S.watch((o,{name:h})=>{h!=null&&o!=null&&be(()=>me(h,o))});return()=>{c.unsubscribe()}});const E=P.mode==="light"?new k(P.colors.brandColorJadeLight):new k(P.colors.brandColorJadeDark),{customerOnboardingPage:{sections:{link_payment_account:he,card_payment_method:w}},common:l,billingSetupPage:V}=xe.getLocalizedStrings(),ge=V.section.subTitle,{text:ye,subText:Se}=he,L=m.cardsList.length>0,z=m?.cardsList[0]?.brand??"other",D=m?.addCardPaymentSourceStatus.fetchState,C=De(w.header,w.titleText,w.protectedCardNo,m);let F;L&&(F={header:C.header,title:C.title,subtitle:C.subtitle,status:C.status==="valid"?{name:"Verified",code:"verified"}:{name:"Pending",code:"pending"},showAddPaymentMethodDropDown:L===!0,icon:{element:t.jsx("img",{src:W(z).iconURL,width:p.iconWidthHeight.valuePx(i),height:p.iconWidthHeight.valuePx(i),alt:W(z).name}),color:new k(E)},showCompletedIcon:!1,isError:D==="Error",isLoading:D==="In-Progress",isCompleted:!0,showRightArrow:!1});const[M,we]=R.useState(!1);return t.jsxs(He,{children:[t.jsx(Ae,{source:"BillingSettingsPage",title:V.section.title,backgroundColor:P.colors.grey4,style:{zIndex:3},showBackButton:!1,showMenuIcon:i==="medium-compact"||i==="small",onClickMenuIcon:I}),t.jsxs(We,{windowSize:i,children:[t.jsx(Ue,{windowSize:i,children:ge}),ue?t.jsx(_e,{children:t.jsx(Ie,{size:"ExtraLarge",start:!0})}):t.jsx(ve,{...S,children:t.jsx(Je,{children:t.jsx("form",{id:_(H),onSubmit:pe,children:t.jsxs(Ke,{windowSize:i,children:[t.jsx(Me,{connectedAccountProvider:g,paymentAccount:y,plaidConnectionDetails:de,allBankAccounts:le,header:w.header,sectionTitle:w.header,defaultSectionTitle:ye,defaultSectionSubTitle:Se,sectionId:A,isDisabled:d,onFetchLinkTokenClick:Z,onEstablishConnectionClick:Y,onUpdatePaymentAccountStatus:Q,onUpdatePaymentAccountLoginStatus:X,onEstablishConnectionSuccess:ee,isError:T?.code==="require_info"||T?.code==="failed",icon:{element:t.jsx(je,{width:p.iconWidthHeight.valuePx(i),height:p.iconWidthHeight.valuePx(i)}),color:E},analytics:e,productType:"billing",updateCardPaymentModalState:$,cardPaymentSectionValues:F,cardPaymentView:m,resetCardPaymentViewState:oe,showZeniAccountSection:!1,referrer:"Billing",cardSetupInProgress:M}),Ne(i,l.headers.billingAddress,ce,q,d)]})})})}),ke(S.formState.dirtyFields)?t.jsx($e,{formId:_(H),style:{width:i==="small"?"auto":"100%",paddingTop:s.sp2,paddingBottom:s.sp2,height:s.sp8},primaryBtn:{label:l.footer.save,isLoading:B?.fetchState==="In-Progress",isDisabled:B?.fetchState==="In-Progress",style:{height:s.sp6}},showCancel:!1,containerStyle:{width:"auto",justifyContent:"center"}}):null]}),t.jsx(Fe,{handleConfirmCardSetupIntent:ne,updateCardPaymentModalState:$,handleCreateCardSetupIntent:te,handleAddCardPaymentSource:ie,cardPaymentView:m,isCardPaymentOpen:K.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:ae,stripeKey:N,cardSetupInProgress:M,setCardSetupInProgress:we})]})},U=e=>{const{paymentAccount:a,allBankAccounts:g}=e.setupView;return{[A]:{account:{selectedOption:a?.zeniAccountId,allOptions:g.map(d=>({label:d.accountName,value:d.accountId}))}},[n]:Oe(n,e.subscriptionBillingAddress)[n]}},We=r.div`
+import{c as fe,q as Pe,aa as Ce,cS as be,aU as k,O as xe,j as t,y as b,bF as Ae,P as Ie,ad as ve,bA as je,cT as ke,aQ as $e,o as s,hL as Oe,dj as Te,dk as Be,u as x,am as Ee,g$ as Ve,b as Le,h as ze}from"./index-6DHFBk74.js";import{b as R,n as r}from"./vendor-Bs1fkIUX.js";import{F as De,r as W,o as Me}from"./PaymentAccountSetupBillingAddressSection-CXcwA0ON-KeSy0gEv.js";import{O as Fe}from"./SetUpAccountSection-BGdUkQz3-D6CAjYv7.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./SetUpDefaultSection-C4NnRO65-C0fyZc92.js";import"./ChaseOverlay-Dqg_bWdn-C8vTlyWM.js";const p={titleWidth:new b(343,580,726,826),setupDetailsRowGap:new b(12,x[5],x[5]),iconWidthHeight:new b(20,x[4]),subTitlePaddingTop:new b(12,x[3])},Re={title:new Le("standardSemiBold","largeSemiBold")},H="billingSetupPage",A="payAccountSectionId",n="subscriptionBillingAddressSectionId",lt=({analytics:e,billingSetupView:a,connectedAccountProvider:g,isDisabled:d,onClickMenuIcon:I,uiState:K,stripeKey:N,googleAPIKey:q,companyId:G,onUpdateAccountClick:J,onFetchLinkTokenClick:Z,onUpdatePaymentAccountStatus:Q,onUpdatePaymentAccountLoginStatus:X,onEstablishConnectionClick:Y,onEstablishConnectionSuccess:ee,handleCreateCardSetupIntent:te,handleConfirmCardSetupIntent:ne,updateCardPaymentModalState:$,handleAddCardPaymentSource:ie,resetCardPaymentViewState:oe,handleResetCardPaymentErrorStatuses:ae,onBillingAddressSave:se,onAddressEditHandler:re})=>{const P=fe(),i=Pe(),{setupView:{paymentAccount:y,plaidConnectionDetails:de,allBankAccounts:le,accountFetchStatus:O},cardPaymentView:m}=a,ce=a.subscriptionBillingAddress,T=y?.providerVerificationStatus,ue=O.fetchState==="In-Progress"||O.fetchState==="Not-Started",S=Ce({mode:"onSubmit",reValidateMode:"onChange",defaultValues:U(a),values:U(a),resetOptions:{keepDirtyValues:!0}}),pe=S.handleSubmit(c=>{se(G)}),B=a.subscriptionBillingAddressSaveStatus,me=async(c,o)=>{const h=o[A];if(c.includes(n)&&o[n]!=null){const v=S.getValues(`${n}`).country;let u=o[n];if(c.includes(`${n}.street`)&&o[n].street!=null){const{addressValue:f}=o[n].street,j=Te(f?.country);u={street:o[n].street??l.strings.empty,city:f?.locality??l.strings.empty,state:f?.administrativeAreaLevel1??l.strings.empty,country:j,countryCode:f?.countryCode??l.strings.empty,postalCode:f?.postalCode??l.strings.empty,secondaryInfo:o[n].secondaryInfo,suite:o[n].suite},v.selectedOption!==j.selectedOption&&(u={...u,country:j})}else c===`${n}.country`&&v.selectedOption!=null&&(u={...u,countryCode:Be(v.selectedOption)});u!=null&&re(u)}else c.includes(A)&&h.account.selectedOption!=null&&y?.paymentAccountId!=null&&y.zeniAccountId!==h.account.selectedOption&&J(h.account.selectedOption,y.paymentAccountId)};R.useEffect(()=>{const c=S.watch((o,{name:h})=>{h!=null&&o!=null&&be(()=>me(h,o))});return()=>{c.unsubscribe()}});const E=P.mode==="light"?new k(P.colors.brandColorJadeLight):new k(P.colors.brandColorJadeDark),{customerOnboardingPage:{sections:{link_payment_account:he,card_payment_method:w}},common:l,billingSetupPage:V}=xe.getLocalizedStrings(),ge=V.section.subTitle,{text:ye,subText:Se}=he,L=m.cardsList.length>0,z=m?.cardsList[0]?.brand??"other",D=m?.addCardPaymentSourceStatus.fetchState,C=De(w.header,w.titleText,w.protectedCardNo,m);let M;L&&(M={header:C.header,title:C.title,subtitle:C.subtitle,status:C.status==="valid"?{name:"Verified",code:"verified"}:{name:"Pending",code:"pending"},showAddPaymentMethodDropDown:L===!0,icon:{element:t.jsx("img",{src:W(z).iconURL,width:p.iconWidthHeight.valuePx(i),height:p.iconWidthHeight.valuePx(i),alt:W(z).name}),color:new k(E)},showCompletedIcon:!1,isError:D==="Error",isLoading:D==="In-Progress",isCompleted:!0,showRightArrow:!1});const[F,we]=R.useState(!1);return t.jsxs(He,{children:[t.jsx(Ae,{source:"BillingSettingsPage",title:V.section.title,backgroundColor:P.colors.grey4,style:{zIndex:3},showBackButton:!1,showMenuIcon:i==="medium-compact"||i==="small",onClickMenuIcon:I}),t.jsxs(We,{windowSize:i,children:[t.jsx(Ue,{windowSize:i,children:ge}),ue?t.jsx(_e,{children:t.jsx(Ie,{size:"ExtraLarge",start:!0})}):t.jsx(ve,{...S,children:t.jsx(Je,{children:t.jsx("form",{id:_(H),onSubmit:pe,children:t.jsxs(Ke,{windowSize:i,children:[t.jsx(Fe,{connectedAccountProvider:g,paymentAccount:y,plaidConnectionDetails:de,allBankAccounts:le,header:w.header,sectionTitle:w.header,defaultSectionTitle:ye,defaultSectionSubTitle:Se,sectionId:A,isDisabled:d,onFetchLinkTokenClick:Z,onEstablishConnectionClick:Y,onUpdatePaymentAccountStatus:Q,onUpdatePaymentAccountLoginStatus:X,onEstablishConnectionSuccess:ee,isError:T?.code==="require_info"||T?.code==="failed",icon:{element:t.jsx(je,{width:p.iconWidthHeight.valuePx(i),height:p.iconWidthHeight.valuePx(i)}),color:E},analytics:e,productType:"billing",updateCardPaymentModalState:$,cardPaymentSectionValues:M,cardPaymentView:m,resetCardPaymentViewState:oe,showZeniAccountSection:!1,referrer:"Billing",cardSetupInProgress:F}),Ne(i,l.headers.billingAddress,ce,q,d)]})})})}),ke(S.formState.dirtyFields)?t.jsx($e,{formId:_(H),style:{width:i==="small"?"auto":"100%",paddingTop:s.sp2,paddingBottom:s.sp2,height:s.sp8},primaryBtn:{label:l.footer.save,isLoading:B?.fetchState==="In-Progress",isDisabled:B?.fetchState==="In-Progress",style:{height:s.sp6}},showCancel:!1,containerStyle:{width:"auto",justifyContent:"center"}}):null]}),t.jsx(Me,{handleConfirmCardSetupIntent:ne,updateCardPaymentModalState:$,handleCreateCardSetupIntent:te,handleAddCardPaymentSource:ie,cardPaymentView:m,isCardPaymentOpen:K.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:ae,stripeKey:N,cardSetupInProgress:F,setCardSetupInProgress:we})]})},U=e=>{const{paymentAccount:a,allBankAccounts:g}=e.setupView;return{[A]:{account:{selectedOption:a?.zeniAccountId,allOptions:g.map(d=>({label:d.accountName,value:d.accountId}))}},[n]:Oe(n,e.subscriptionBillingAddress)[n]}},We=r.div`
   display: flex;
   justify-content: space-between;
   height: 100%;

package/dist/assets/BillsBulkReviewDrawerPage-Cs779Xc4-D5R5rhwS.js

@@ -0,0 +1 @@
+import{O as V,j as b,cD as X,cE as q,cF as M,j$ as W,l as z,aX as Y}from"./index-6DHFBk74.js";import{b as _}from"./vendor-Bs1fkIUX.js";import{u as Z}from"./ReviewOverlay-Bra2W5Jg-C_PWInnU.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";const{common:n,spendManagement:{billPay:C}}=V.getLocalizedStrings(),o=C.bulkActions;let x;const ce=({billsReviewView:t,analytics:r,onProceedForBulkActionClick:l,onCloseReviewItem:e,onCloseOverlay:c})=>{const{fetchState:m,bulkSubmissionFetchState:a,bulkOperationTypeSelected:i,currentTab:g,currentSubTab:h}=t,u=i==="review",[B,w]=_.useState(!1),[s,v]=_.useState(E(t,u)),[p,j]=_.useState(u),[I,T]=_.useState(0),[f,k]=_.useState({type:"",title:"",description:"",primaryButtonText:"",secondaryButtonText:""});_.useEffect(()=>(u&&(x=setInterval(()=>{v(d=>d.map((S,L)=>(clearInterval(x),L===I?{...S,reviewStatus:{isLoading:!1,code:"valid"}}:S))),T(d=>d+1)},1e3)),I===s.length&&p&&(j(!1),clearInterval(x)),!u&&t.fetchState==="Completed"&&v(E(t,!1)),()=>{clearInterval(x)}),[s.length,I,p,t.fetchState,u,t]);const R=s.length,y=s.filter(d=>d.reviewStatus.code!=="error").length,F=()=>{const{title:d,description:S}=H(y);k({type:"reject",title:d,description:S,primaryButtonText:n.texts.confirm,secondaryButtonText:n.texts.close}),r.trackBillPayBulkSubmit(i,g,h),w(!0)},N={onOkClick:d=>{w(!1),r.trackBillPayBulkPopupConfirm(i,g,h,G(t)),l("reject",d)},onCancelClick:()=>{w(!1)}},{title:A,description:$}=J(m,y,R,p),P=t.fetchState==="Completed"&&y===0,D=()=>{r.trackBillPayBulkSubmit(i,g,h),l(i)},U={label:P?n.texts.close:i==="send_for_approval"?n.footer.submit:n.footer.approve,isDisabled:m!=="Completed"||i==="reject"&&a==="In-Progress",isLoading:a==="In-Progress"&&(i==="send_for_approval"||i==="approve"),onClick:P?c:D,style:i==="send_for_approval"?{minWidth:"92px"}:{}},O={label:i==="send_for_approval"?n.texts.goBack:n.footer.reject,isDisabled:i!=="reject"&&a==="In-Progress",isLoading:i==="reject"&&a==="In-Progress",reverseSpinnerColor:!1,onClick:i==="send_for_approval"?c:F,style:i==="approve"?{minWidth:"92px"}:{}};return b.jsxs(b.Fragment,{children:[B?b.jsx(X,{titleComponent:b.jsx(M,{children:f.title}),descriptionComponent:b.jsx(q,{children:f.description}),primaryButtonText:f.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:f.secondaryButtonText,action:N,isNotesIncluded:!0,isEditPopup:!0}):null,b.jsx(Z,{title:A,description:{content:$,isError:t.fetchState==="Completed"&&y===0},reviewItems:s,onCloseReviewItem:e,onCloseOverlay:c,showFooter:t.fetchState==="Completed"&&!p,footerProps:{primaryButton:U,cancelButton:O,hideCancel:P}})]})},E=(t,r)=>{const l=t.fetchState==="In-Progress";return t.billsForReview.map(e=>({id:e.transactionId,leftSideText:{title:e.vendorName?e.vendorName:C.billDetails.newBillTitle,subTitle:`${C.billDetails.invoiceNo} ${e.invoiceNumber?e.invoiceNumber:n.strings.hyphen}`},rightSideText:{title:Y("0,0.[00]",e.amount?.amount,e.amount?.currencySymbol),showThunderIcon:e.reviewErrors?.length===1&&z.isBillConditionallyValid(e.reviewErrors[0].reviewErrorCode),subTitle:K(e.reviewStatus==="warning",e.reviewErrors?.map(c=>c.reviewInfoMessage)),additonalInfo:e.reviewErrors!=null&&e.reviewErrors.length>1?o.reviewPage.removeOrProceed:void 0},reviewStatus:{isLoading:r?!0:l,code:e.reviewErrors?.length===1&&e.reviewErrors[0].reviewErrorCode==="ERR_INSUFFICIENT_FUNDS"?"low-balance":e.reviewStatus??""}}))},G=t=>{const r=t.billsForReview;let l=[];return r.forEach(e=>{l=W([...l,e.isRecurring?"recurring":"one-time"])}),l},H=t=>{const{this_:r,these:l,bill:e,bills:c,payment:m,payments:a}=n.texts;return t>1?{title:o.popUps.reject.title.replace("<_payment_>",o.payments),description:o.popUps.reject.description.replaceAll("<_this_>",l).replaceAll("<_payment_>",a).replaceAll("<_bill_>",c)}:{title:o.popUps.reject.title.replace("<_payment_>",o.payment),description:o.popUps.reject.description.replaceAll("<_this_>",r).replaceAll("<_payment_>",m).replaceAll("<_bill_>",e)}},J=(t,r,l,e)=>{const{has:c,have:m,bill:a,bills:i,are:g,is:h,do_:u,does:B}=n.texts,w=r>1,s=l>1;let v="",p="";return t==="Completed"&&!e?(v=o.reviewPage.billsReviewed.title.replace("<_bill_>",s?C.bulkActions.bills:o.bill).replace("<_has_>",s?m:c),r===0?p=o.reviewPage.billsReviewed.descriptionError.replace("<_bill_>",s?i:a).replace("<_do_>",s?u:B):p=`${r}/${l} ${o.reviewPage.billsReviewed.description.replace("<_bill_>",l>1?i:a).replace("<_is_>",w?g:h)}`):(v=o.reviewPage.billsReviewing.title.replace("<_bill_>",s?i:a),p=o.reviewPage.billsReviewing.description.replace("<_bill_>",s?i:a)),{title:v,description:p}},K=(t,r)=>{if(r?.length!=null){if(r.length>1)return r.join(` ${n.strings.dividerDot} `);if(r.length===1)return t?r[0]+`${n.strings.colon} ${o.reviewPage.removeOrProceed}`:r[0]}return""};export{ce as default,G as getBillsUniqueType};

package/dist/assets/{BoxItem-Dsoq6QyZ-B-WatMIw.js → BoxItem-imggFWL_-C8e_yZct.js}

@@ -1,4 +1,4 @@
-import{q as h,j as s,aM as b,o as r}from"./index-BqKtrbrP.js";import{n as p}from"./vendor-Bs1fkIUX.js";import{o as l}from"./commonDimensions-DDu54g8x-D5ikJlMO.js";const $=(o,e)=>e===1?"roundedBox":o===0?"topRoundedBox":o===e-1?"bottomRoundedBox":"box";function f({content:o,boxType:e,isDisabled:d=!1,isNotClickable:t=!1}){const i=h();switch(e??"roundedBox"){case"topRoundedBox":return s.jsx(x,{isDisabled:d,windowSize:i,hideCursor:t,"data-testid":b("top-rounded-box",e),children:o});case"bottomRoundedBox":return s.jsx(n,{isDisabled:d,windowSize:i,hideCursor:t,"data-testid":b("bottom-rounded-box",e),children:o});case"box":return s.jsx(u,{isDisabled:d,windowSize:i,hideCursor:t,"data-testid":b("box",e),children:o});case"roundedBox":return s.jsx(a,{isDisabled:d,windowSize:i,hideCursor:t,"data-testid":b("rounded-box",e),children:o})}}const a=p.div`
+import{q as h,j as s,aM as b,o as r}from"./index-6DHFBk74.js";import{n as p}from"./vendor-Bs1fkIUX.js";import{o as l}from"./commonDimensions-BCUrWcBL-vTG5ZzmA.js";const $=(o,e)=>e===1?"roundedBox":o===0?"topRoundedBox":o===e-1?"bottomRoundedBox":"box";function f({content:o,boxType:e,isDisabled:d=!1,isNotClickable:t=!1}){const i=h();switch(e??"roundedBox"){case"topRoundedBox":return s.jsx(x,{isDisabled:d,windowSize:i,hideCursor:t,"data-testid":b("top-rounded-box",e),children:o});case"bottomRoundedBox":return s.jsx(n,{isDisabled:d,windowSize:i,hideCursor:t,"data-testid":b("bottom-rounded-box",e),children:o});case"box":return s.jsx(u,{isDisabled:d,windowSize:i,hideCursor:t,"data-testid":b("box",e),children:o});case"roundedBox":return s.jsx(a,{isDisabled:d,windowSize:i,hideCursor:t,"data-testid":b("rounded-box",e),children:o})}}const a=p.div`
   box-sizing: border-box;
   cursor: ${o=>o.isDisabled||o.hideCursor===!0?"default":"pointer"};
   min-height: ${o=>l.transactionItemHeightResponsive.valuePx(o.windowSize)};

package/dist/assets/{BusinessVerificationPage-DSkBV_II-D7barBYM.js → BusinessVerificationPage-U_lU2O0k-B63nfdcn.js}

@@ -1,4 +1,4 @@
-import{b as ct,q as dt,aP as ve,j as a,F as Fe,af as G,aa as mt,d4 as ut,l as L,az as pt,cS as ft,aX as De,aO as $e,n as yt,bF as ht,aM as gt,cT as xt,cD as St,cE as wt,cF as Ct,P as bt,ad as Tt,aQ as vt,o,y as j,an as Ve,gl as Dt,fV as ke,dj as $t,_ as kt,A as It,am as Le,O as Pt,H as jt,u as k}from"./index-BqKtrbrP.js";import{b as O,n as d}from"./vendor-Bs1fkIUX.js";import{b as Ot,s as Nt}from"./CompanyOfficerDetailsSection-Dg3sn5Sh-Cu3GX4FJ.js";import{r as Ft}from"./verification-CW6uEyev-CQXAdM_w.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./LabeledAddressValueField-kgieouBM-DzNGhdp0.js";import"./LabeledCreatableSingleSelectField-B5o1KUJj-BE5hL6KZ.js";import"./LabeledDocumentField-BrXpwWfM-CV_EVAk8.js";const x={width:new j(343,580,726),titleWidth:new j(343,580,726,826),subTitlePaddingTop:new j(12,k[3]),subTitlePaddingBottom:new j(k[3],k[3]),verificationDetailsRowGap:new j(12,k[5],k[5]),termsPaddingLeftRight:new j(k[0],k[3])},Vt={stepTitle:new Pt("h6Regular","h5Regular")},Ie="businessVerificationPage",b="companyDetails",T="companyOfficerDetails",{commonSetUp:{businessVerification:i},common:{settings:Lt,currency:Pe,footer:je,strings:{empty:At}}}=Fe.getLocalizedStrings(),ha=({businessVerificationDetails:t,allNationalityCountries:A,verficationDetailsFetchState:N,isRefreshingViewInBackground:_,filesEndPoint:r,authParams:B,productType:y,allIndustries:E,companyTitles:z,maxInsuredAmount:p,isDisabled:I,isSettings:n=!1,isOverlay:h=!1,analytics:g,isStepInProgress:S=!1,isTreasuryTransferInitiated:X=!1,transferDetails:R,onOverlayClose:te,onAddressClick:ae,onRegisteredAddressClick:_e,onBackClick:F,onGetOtp:Be,onVerifyOtp:Ee,onResendOtp:ze,onSendForVerificationClick:Re,onEditFileName:ie,onCompanyDetailsChanged:Ue,updateFilesEntity:se,onDeleteFile:ne,onDeleteFileList:Me,onCompanyOfficerUpdated:We,saveNewAddressInLocalStore:re,onSaveDetailsClick:Ge,onClickMenuIcon:Xe,onExecuteTreasuryTransfer:qe})=>{const Qe=ct(),m=dt(),{updateStatus:U,companyView:V,companyDetailsLocalData:l,companyOfficerLocalData:w}=t,He=ve(U.fetchState),M=V?.company.company.featuresActivationInfo.connectedAccountProvider,Je=M==="unit"?a.jsxs(Gt,{children:[i.terms.term1,a.jsx(G,{href:i.terms.consentUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:i.terms.consent}),i.terms.term2,a.jsx(G,{href:i.terms.depositUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:i.terms.depositTerms}),i.terms.term3,a.jsx(G,{href:i.terms.privacyPolicyUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:i.terms.privacy}),i.terms.term4,a.jsx(G,{href:i.terms.tosUrl,onZeniLinkClick:()=>(g?.trackBillPayPrivacyPolicy(),!0),linkText:i.terms.tos}),i.terms.term5]}):i.terms.termsForStripe,[Ke,q]=O.useState(!1),[W,oe]=O.useState("save"),[Q,Ye]=O.useState(!1),u=mt({mode:"all",reValidateMode:"onChange",defaultValues:_t(t,E,z,A)}),{isValid:Ze}=u.formState,H=V?.company.company.companyBillPayInfo,J=V?.company.company.companyTreasuryInfo,P=y==="zeni_treasury"?J?.companyVerificationStatus:H?.companyVerificationStatus,v=Object.values(w).findIndex(e=>e?.isSelectedForVerification===!0),D=`Officer_${v<0?1:v+1}`,et=()=>{const e=w[D],s=e?.email,c=e?.birthday?.toString(),f=e?.ownershipInCompany,C=e?.firstName,$=e?.lastName,me=e?.titleAtCompany,ue=e?.documentTypeSelectedForVerification,pe=e?.phone,fe=e?.addressStatus?.addressToCreate,ye=fe!=null?L.getFormattedAddress(fe):void 0,he=l?.companyDescription,Z=l?.companyLegalName,ge=l?.companyIndustry,xe=l?.phone,Se=l?.website,we=l?.addressStatus?.addressToCreate!=null?L.getFormattedAddress(l?.addressStatus?.addressToCreate):void 0,ee=l?.primaryContactLocalData,Ce=ee?.firstName,be=ee?.lastName,Te=ee?.email;s!=null&&f!=null&&C!=null&&$!=null&&c!=null&&me!=null&&pe!=null&&ye!=null&&ue!=null&&he!=null&&Z!=null&&xe!=null&&Se!=null&&ge!=null&&Z!=null&&we!=null&&Ce!=null&&be!=null&&Te!=null&&g?.trackBusinessVerificationSend({email:s,birthday:c.toString(),companyOwnership:f,firstName:C,lastName:$,companyRole:me,phone:pe,formattedAddress:ye,documentTypeForVerification:ue},{companyDescription:he,legalName:Z,phone:xe,website:Se.toString(),industry:ge,formattedAddress:we},{firstName:Ce,lastName:be,email:Te},y,n?"Settings":void 0)},tt=()=>{const e=w[D],s=l?.primaryContactLocalData,c=e?.email??"",f=!!e?.firstName&&!!e?.lastName,C=s?.email??"",$=!!s?.firstName&&!!s?.lastName;return c&&!f?((!e?.firstName||!e?.lastName)&&u.trigger(`${T}.${v<0?0:v}.name`,{shouldFocus:!0}),!1):C&&!$?((!s?.firstName||!s?.lastName)&&u.trigger(`${b}.primaryContactName`,{shouldFocus:!0}),!1):!0},at=()=>{const e=w[D],s=l?.primaryContactLocalData,c=e?.email,f=s?.email;if(c){if(!f)return(s?.firstName||s?.lastName)&&u.trigger(`${b}.primaryContactEmail`,{shouldFocus:!0}),!1}else if(e?.firstName||e?.lastName||e?.birthday||e?.nationalityCountryCode||e?.ownershipInCompany||e?.phone||e?.ssn||e?.titleAtCompany||e?.addressStatus?.addressToCreate||e?.fileIds!=null&&e?.fileIds.length>0||K!=null&&K?.length>0)return u.trigger(`${T}.${v<0?0:v}.email`,{shouldFocus:!0}),!1;return!0},it=u.handleSubmit(()=>{if(W!=="verification"&&oe("verification"),M==="unit"&&w[D]?.isPhoneVerified!==!0){u.setError(`${T}.${v}.phone`,{type:"custom"});return}const e=ut(Object.values(w).map(c=>Object.values(c?.deleteFileStatusById??{}).filter(f=>f!=null))),s=Object.values(l?.deleteFileStatusById??{}).filter(c=>c!=null);L.reduceAllFetchState(e.concat(s)).fetchState!=="In-Progress"&&Ze&&(et(),Re?.(D),X===!0&&qe?.())}),st=async(e,s)=>{e.includes(b)?Ue?.(s[b]):e.includes(T)&&We?.(s[T])},nt=O.useCallback(pt((e,s)=>{st(e,s)},300),[]);O.useEffect(()=>{const e=u.watch((s,{name:c})=>{c!=null&&s!=null&&ft(()=>nt(c,s))});return()=>{e.unsubscribe()}});const le=ve(t.companyDetailsLocalData?.addressStatus);O.useEffect(()=>{t.companyDetailsLocalData?.addressStatus?.addressToCreate!=null&&t.companyDetailsLocalData?.registeredAddressStatus?.addressToCreate==null&&le==null&&(re?.("company_registered_address",t.companyDetailsLocalData?.addressStatus?.addressToCreate),u.setValue(`${b}.registeredAddress`,t.companyDetailsLocalData?.addressStatus?.addressToCreate))},[t.companyDetailsLocalData?.addressStatus,t.companyDetailsLocalData?.registeredAddressStatus,le,re,u]);const ce=V?.companyOfficers.slice(0,10).sort((e,s)=>e.user.createTime?.isAfter(s.user.createTime)===!0?1:-1),K=ce?.map(e=>e.user),rt=ce?.map(e=>e.role),ot={onOkClick:()=>{q(!1),F();const e=[],s=V?.company.company.incInfo.fileIds??[];u.getValues(`${b}.fileIds`).forEach(c=>{s.includes(c)||e.push(c)}),rt?.forEach((c,f)=>{const C=c?.fileIds??[];u.getValues(`${T}.${f}.fileIds`).forEach($=>{C.includes($)||e.push($)})}),e.length!==0&&Me?.(e)},onCancelClick:()=>{q(!1)}},lt=De($e(p),p,Pe.currencySymbol).toUpperCase(),Y=P?.code==="pending_review"||P?.code==="verified",de=(R?.treasuryTransferMoneyLocalData?.amount?.amount??0)>0;return y==="zeni_treasury"&&P?.code==="pending_review"&&He==="In-Progress"&&U.fetchState==="Completed"?a.jsxs(Yt,{children:[a.jsxs(Zt,{children:[a.jsx(Ft,{}),a.jsx(ea,{windowSize:m,children:X===!0?i.submittedTitleWithTransfer:i.submittedTitle}),a.jsx(Kt,{isReadonly:!1,children:X===!0?i.submittedDescriptionWithTransfer.replace("__amount__",De($e(R?.treasuryTransferMoneyLocalData?.amount?.amount??0),R?.treasuryTransferMoneyLocalData?.amount?.amount??0,Pe.currencySymbol)).replace("__account__",R?.treasuryTransferMoneyLocalData?.fromAccount?.label??""):i.submittedDescription})]}),a.jsx(yt,{label:i.submittedButton,onClick:()=>{F(),te?.()},variant:"primary"})]}):a.jsxs(Bt,{isSettings:n,children:[a.jsx(ht,{title:h&&S===!0?At:i.header,backgroundColor:Qe.colors.grey5,style:{zIndex:Q?1:4},onBackClick:()=>{xt(u.formState.dirtyFields)?q(!0):F()},showBackButton:!n&&!h,showMenuIcon:n?m==="medium-compact"||m==="small":!1,onClickMenuIcon:Xe,rightSideComponent:h?a.jsx(ta,{"data-testid":gt("nav-bar-close-business-verification-overlay"),onClick:()=>{F(),te?.()}}):null,source:"BusinessVerificationPage"}),Ke===!0?a.jsx(St,{titleComponent:a.jsx(Ct,{children:i.discardTitle}),descriptionComponent:a.jsx(wt,{children:i.discardDescription}),primaryButtonText:i.discard,secondaryButtonText:i.cancel,action:ot}):null,a.jsxs(Rt,{windowSize:m,children:[(!h||S===!1)&&a.jsx(zt,{windowSize:m,children:n?Lt.infoText.businessVerification:i.title}),N==="In-Progress"||N==="Not-Started"?a.jsx(Ut,{children:a.jsx(bt,{size:"ExtraLarge",start:!0})}):a.jsx(Tt,{...u,children:a.jsxs("form",{id:Oe(Ie),onSubmit:it,children:[h&&S===!0&&a.jsxs(Et,{children:[a.jsxs(Xt,{windowSize:m,children:[a.jsx(qt,{windowSize:m,children:Y?i.businessVerificationDetails:de?i.verifyBusinessDetails:i.verifyBusinessDetailsWithoutTransfer}),!Y&&a.jsx(Qt,{children:a.jsxs(Ht,{children:[a.jsx(Ne,{}),de&&a.jsx(Ne,{}),a.jsx(Jt,{})]})})]}),a.jsx(Ae,{isReadonly:Y,children:i.verifyBusinessDetailsDescription})]}),a.jsxs(Mt,{children:[a.jsx(Ot,{companyOfficerData:w,allNationalityCountries:A,allOfficers:K??[],sectionId:T,isRefreshingViewInBackground:_,connectedAccountProvider:M,productType:"business_verification",updateFilesEntity:se,onEditFileName:ie,onOfficerAddressClick:ae,onDeleteFile:ne,isDisabled:I,filesEndPoint:r,authParams:B,isPopupOpen:Q,openPopup:Ye,onGetOtp:Be,onVerifyOtp:Ee,onResendOtp:ze,companyTitles:z,isForTreasury:y==="zeni_treasury",isOverlay:h}),a.jsx(Nt,{companyDetails:l,businessVerificationProps:{companyVerificationStatus:P,isRefreshingViewInBackground:_},productType:"business_verification",showTreasuryFields:y==="zeni_treasury",sectionId:b,isDisabled:P?.code==="pending_review"||P?.code==="verified"?"readonly":I,fileProps:{authParams:B,filesEndPoint:r,onEditFileName:ie,onDeleteFile:ne,updateFilesEntity:se},onCompanyAddressClick:ae,onRegisteredAddressClick:_e,connectedAccountProvider:M,allIndustries:E})]}),y==="zeni_accounts"?a.jsx(Wt,{windowSize:m,children:i.threadText.replace("__amount__",lt)}):null]})})]}),N==="Completed"&&(y==="zeni_treasury"?J?.companyVerificationStatus?.code!=="pending_review"&&J?.companyVerificationStatus?.code!=="verified":H?.businessVerificationStatus?.code!=="pending_review"&&H?.businessVerificationStatus?.code!=="verified")?a.jsx(vt,{formId:Oe(Ie),primaryBtn:{label:S?je.submit:i.sendForVerificationButton,style:{width:"auto",minWidth:m==="small"?"auto":S?"83px":"181px"},isLoading:W==="verification"&&U.fetchState==="In-Progress",isDisabled:I!=null},containerStyle:{width:m==="small"?x.width.valuePx(m):"auto",justifyContent:m==="small"?"space-between":"center"},helperStyle:{width:m==="small"?x.width.valuePx(m):"auto",paddingLeft:x.termsPaddingLeftRight.valuePx(m),paddingRight:x.termsPaddingLeftRight.valuePx(m),textAlign:m==="small"?"center":"initial"},showCancel:!0,cancelBtn:{reverseSpinnerColor:!1,label:S?je.back:i.saveDetailsButton,style:{width:m==="small"?"auto":S?"83px":"181px"},isLoading:W==="save"&&U.fetchState==="In-Progress",onClick:()=>{if(S)F();else{const e=w[D],s=l?.primaryContactLocalData;W!=="save"&&oe("save");const c=e?.email??"",f=tt(),C=at();f&&C&&(g?.trackBusinessVerificationSave({email:c,birthday:e?.birthday?.toString(),companyOwnership:e?.ownershipInCompany,firstName:e?.firstName,lastName:e?.lastName,companyRole:e?.titleAtCompany,phone:e?.phone,formattedAddress:e?.addressStatus?.addressToCreate!=null?L.getFormattedAddress(e?.addressStatus?.addressToCreate):void 0,documentTypeForVerification:e?.documentTypeSelectedForVerification},{companyDescription:l?.companyDescription,legalName:l?.companyLegalName,phone:l?.phone,website:l?.website?.toString(),industry:l?.companyIndustry??"",formattedAddress:l?.addressStatus?.addressToCreate!=null?L.getFormattedAddress(l?.addressStatus?.addressToCreate):void 0},{firstName:s?.firstName,lastName:s?.lastName,email:s?.email},y,n?"Settings":void 0),Ge?.(D))}}},helperText:Je,style:{padding:`12px ${o.sp3}`,zIndex:Q?0:4}}):null]})},_t=(t,A,N,_)=>{const{companyDetailsLocalData:r,companyOfficerLocalData:B,companyView:y}=t,E=Fe.getLocalizedStrings().companyPassport,z=y?.companyOfficers!=null&&y?.companyOfficers.length>0;return{[b]:{companyDescription:r?.companyDescription??"",ein:r?.companyFiles.find(p=>p.documentType==="tax_ein"),companyId:r?.companyId??"",syncToken:r?.syncToken,companyLegalName:r?.companyLegalName??"",companyWebsite:r?.website?.toString()??"",companyAddress:r?.addressStatus?.addressToCreate,registeredAddress:r?.registeredAddressStatus?.addressToCreate,companyIndustry:{selectedOption:r?.companyIndustry,allOptions:A?.map(p=>p.code)},companyPhone:r?.phone??"",companyTaxId:r?.taxIdOrEIN??"",primaryContactName:{firstName:r?.primaryContactLocalData?.firstName??"",lastName:r?.primaryContactLocalData?.lastName??""},primaryContactEmail:r?.primaryContactLocalData?.email??"",primaryContactUserId:r?.primaryContactLocalData?.userId,primaryContactSyncToken:r?.primaryContactLocalData?.syncToken,fileIds:r?.companyFiles.map(p=>p.fileId)??[],certificateOfIncorporation:r?.companyFiles.find(p=>p.documentType==="certificate_of_incorporation"),incDate:r?.incDate?.toDate(),typeOfIncorporation:{selectedOption:r?.typeOfIncorporation,allOptions:E.companyIncInfo.allTypesOfIncorporation},sourceOfFunds:{selectedOption:r?.sourceOfFunds??"",allOptions:Object.keys(i.sourceOfFundOptions)}},[T]:Object.values(B).map((p,I)=>{const n=p,h=Dt(n?.documentTypeSelectedForVerification);return{userId:n?.userId,officerType:n?.officerType??`Officer_${I+1}`,name:{firstName:n?.firstName,lastName:n?.lastName},email:n?.email,fileIds:n?.fileIds??[],dob:n?.birthday?.toDate(),nationalityCountryCode:$t(n?.nationalityCountryCode,_.map(g=>g.countryCode)),ssn:n?.ssn,role:{selectedOption:n?.titleAtCompany,allOptions:N?.map(g=>g.code)},phone:n?.phone??"",ownership:n?.ownershipInCompany,officerAddress:n?.addressStatus?.addressToCreate,selectDocument:{front:ke(!0,n?.userFiles??[],h),back:ke(!1,n?.userFiles??[],h),selectDocumentType:h},isSelectedForVerification:!z&&I===0?!0:n?.isSelectedForVerification??!1,userVerificationStatus:n?.userVerificationStatus,treasuryUserVerificationStatus:n?.treasuryUserVerificationStatus,syncToken:n?.syncToken,isPhoneVerified:n?.isPhoneVerified,otpChallenge:n?.otpChallenge}})}},Oe=t=>`${t}_form`,Bt=d.div`
+import{c as ct,q as dt,aP as ve,j as a,O as Ve,af as G,aa as mt,d4 as ut,l as L,az as pt,cS as ft,aX as De,aO as $e,n as yt,bF as ht,aM as gt,cT as xt,cD as St,cE as wt,cF as Ct,P as bt,ad as Tt,aQ as vt,o,y as j,an as Fe,gl as Dt,fV as ke,dj as $t,_ as kt,A as It,am as Le,b as Pt,H as jt,u as k}from"./index-6DHFBk74.js";import{b as O,n as d}from"./vendor-Bs1fkIUX.js";import{b as Ot,s as Nt}from"./CompanyOfficerDetailsSection-BHXF7g6M-BrZ1ZKbF.js";import{r as Vt}from"./verification-CW6uEyev-CQXAdM_w.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./LabeledAddressValueField-DRBoA2eb-CWryzMa2.js";import"./LabeledCreatableSingleSelectField-DcdF286I-C7Y6s3yv.js";import"./LabeledDocumentField-B25RLa6I-jFD7YVyX.js";const x={width:new j(343,580,726),titleWidth:new j(343,580,726,826),subTitlePaddingTop:new j(12,k[3]),subTitlePaddingBottom:new j(k[3],k[3]),verificationDetailsRowGap:new j(12,k[5],k[5]),termsPaddingLeftRight:new j(k[0],k[3])},Ft={stepTitle:new Pt("h6Regular","h5Regular")},Ie="businessVerificationPage",b="companyDetails",T="companyOfficerDetails",{commonSetUp:{businessVerification:i},common:{settings:Lt,currency:Pe,footer:je,strings:{empty:At}}}=Ve.getLocalizedStrings(),ha=({businessVerificationDetails:t,allNationalityCountries:A,verficationDetailsFetchState:N,isRefreshingViewInBackground:_,filesEndPoint:r,authParams:B,productType:y,allIndustries:E,companyTitles:z,maxInsuredAmount:p,isDisabled:I,isSettings:n=!1,isOverlay:h=!1,analytics:g,isStepInProgress:S=!1,isTreasuryTransferInitiated:X=!1,transferDetails:R,onOverlayClose:te,onAddressClick:ae,onRegisteredAddressClick:_e,onBackClick:V,onGetOtp:Be,onVerifyOtp:Ee,onResendOtp:ze,onSendForVerificationClick:Re,onEditFileName:ie,onCompanyDetailsChanged:Ue,updateFilesEntity:se,onDeleteFile:ne,onDeleteFileList:Me,onCompanyOfficerUpdated:We,saveNewAddressInLocalStore:re,onSaveDetailsClick:Ge,onClickMenuIcon:Xe,onExecuteTreasuryTransfer:qe})=>{const Qe=ct(),m=dt(),{updateStatus:U,companyView:F,companyDetailsLocalData:l,companyOfficerLocalData:w}=t,He=ve(U.fetchState),M=F?.company.company.featuresActivationInfo.connectedAccountProvider,Je=M==="unit"?a.jsxs(Gt,{children:[i.terms.term1,a.jsx(G,{href:i.terms.consentUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:i.terms.consent}),i.terms.term2,a.jsx(G,{href:i.terms.depositUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:i.terms.depositTerms}),i.terms.term3,a.jsx(G,{href:i.terms.privacyPolicyUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:i.terms.privacy}),i.terms.term4,a.jsx(G,{href:i.terms.tosUrl,onZeniLinkClick:()=>(g?.trackBillPayPrivacyPolicy(),!0),linkText:i.terms.tos}),i.terms.term5]}):i.terms.termsForStripe,[Ke,q]=O.useState(!1),[W,oe]=O.useState("save"),[Q,Ye]=O.useState(!1),u=mt({mode:"all",reValidateMode:"onChange",defaultValues:_t(t,E,z,A)}),{isValid:Ze}=u.formState,H=F?.company.company.companyBillPayInfo,J=F?.company.company.companyTreasuryInfo,P=y==="zeni_treasury"?J?.companyVerificationStatus:H?.companyVerificationStatus,v=Object.values(w).findIndex(e=>e?.isSelectedForVerification===!0),D=`Officer_${v<0?1:v+1}`,et=()=>{const e=w[D],s=e?.email,c=e?.birthday?.toString(),f=e?.ownershipInCompany,C=e?.firstName,$=e?.lastName,me=e?.titleAtCompany,ue=e?.documentTypeSelectedForVerification,pe=e?.phone,fe=e?.addressStatus?.addressToCreate,ye=fe!=null?L.getFormattedAddress(fe):void 0,he=l?.companyDescription,Z=l?.companyLegalName,ge=l?.companyIndustry,xe=l?.phone,Se=l?.website,we=l?.addressStatus?.addressToCreate!=null?L.getFormattedAddress(l?.addressStatus?.addressToCreate):void 0,ee=l?.primaryContactLocalData,Ce=ee?.firstName,be=ee?.lastName,Te=ee?.email;s!=null&&f!=null&&C!=null&&$!=null&&c!=null&&me!=null&&pe!=null&&ye!=null&&ue!=null&&he!=null&&Z!=null&&xe!=null&&Se!=null&&ge!=null&&Z!=null&&we!=null&&Ce!=null&&be!=null&&Te!=null&&g?.trackBusinessVerificationSend({email:s,birthday:c.toString(),companyOwnership:f,firstName:C,lastName:$,companyRole:me,phone:pe,formattedAddress:ye,documentTypeForVerification:ue},{companyDescription:he,legalName:Z,phone:xe,website:Se.toString(),industry:ge,formattedAddress:we},{firstName:Ce,lastName:be,email:Te},y,n?"Settings":void 0)},tt=()=>{const e=w[D],s=l?.primaryContactLocalData,c=e?.email??"",f=!!e?.firstName&&!!e?.lastName,C=s?.email??"",$=!!s?.firstName&&!!s?.lastName;return c&&!f?((!e?.firstName||!e?.lastName)&&u.trigger(`${T}.${v<0?0:v}.name`,{shouldFocus:!0}),!1):C&&!$?((!s?.firstName||!s?.lastName)&&u.trigger(`${b}.primaryContactName`,{shouldFocus:!0}),!1):!0},at=()=>{const e=w[D],s=l?.primaryContactLocalData,c=e?.email,f=s?.email;if(c){if(!f)return(s?.firstName||s?.lastName)&&u.trigger(`${b}.primaryContactEmail`,{shouldFocus:!0}),!1}else if(e?.firstName||e?.lastName||e?.birthday||e?.nationalityCountryCode||e?.ownershipInCompany||e?.phone||e?.ssn||e?.titleAtCompany||e?.addressStatus?.addressToCreate||e?.fileIds!=null&&e?.fileIds.length>0||K!=null&&K?.length>0)return u.trigger(`${T}.${v<0?0:v}.email`,{shouldFocus:!0}),!1;return!0},it=u.handleSubmit(()=>{if(W!=="verification"&&oe("verification"),M==="unit"&&w[D]?.isPhoneVerified!==!0){u.setError(`${T}.${v}.phone`,{type:"custom"});return}const e=ut(Object.values(w).map(c=>Object.values(c?.deleteFileStatusById??{}).filter(f=>f!=null))),s=Object.values(l?.deleteFileStatusById??{}).filter(c=>c!=null);L.reduceAllFetchState(e.concat(s)).fetchState!=="In-Progress"&&Ze&&(et(),Re?.(D),X===!0&&qe?.())}),st=async(e,s)=>{e.includes(b)?Ue?.(s[b]):e.includes(T)&&We?.(s[T])},nt=O.useCallback(pt((e,s)=>{st(e,s)},300),[]);O.useEffect(()=>{const e=u.watch((s,{name:c})=>{c!=null&&s!=null&&ft(()=>nt(c,s))});return()=>{e.unsubscribe()}});const le=ve(t.companyDetailsLocalData?.addressStatus);O.useEffect(()=>{t.companyDetailsLocalData?.addressStatus?.addressToCreate!=null&&t.companyDetailsLocalData?.registeredAddressStatus?.addressToCreate==null&&le==null&&(re?.("company_registered_address",t.companyDetailsLocalData?.addressStatus?.addressToCreate),u.setValue(`${b}.registeredAddress`,t.companyDetailsLocalData?.addressStatus?.addressToCreate))},[t.companyDetailsLocalData?.addressStatus,t.companyDetailsLocalData?.registeredAddressStatus,le,re,u]);const ce=F?.companyOfficers.slice(0,10).sort((e,s)=>e.user.createTime?.isAfter(s.user.createTime)===!0?1:-1),K=ce?.map(e=>e.user),rt=ce?.map(e=>e.role),ot={onOkClick:()=>{q(!1),V();const e=[],s=F?.company.company.incInfo.fileIds??[];u.getValues(`${b}.fileIds`).forEach(c=>{s.includes(c)||e.push(c)}),rt?.forEach((c,f)=>{const C=c?.fileIds??[];u.getValues(`${T}.${f}.fileIds`).forEach($=>{C.includes($)||e.push($)})}),e.length!==0&&Me?.(e)},onCancelClick:()=>{q(!1)}},lt=De($e(p),p,Pe.currencySymbol).toUpperCase(),Y=P?.code==="pending_review"||P?.code==="verified",de=(R?.treasuryTransferMoneyLocalData?.amount?.amount??0)>0;return y==="zeni_treasury"&&P?.code==="pending_review"&&He==="In-Progress"&&U.fetchState==="Completed"?a.jsxs(Yt,{children:[a.jsxs(Zt,{children:[a.jsx(Vt,{}),a.jsx(ea,{windowSize:m,children:X===!0?i.submittedTitleWithTransfer:i.submittedTitle}),a.jsx(Kt,{isReadonly:!1,children:X===!0?i.submittedDescriptionWithTransfer.replace("__amount__",De($e(R?.treasuryTransferMoneyLocalData?.amount?.amount??0),R?.treasuryTransferMoneyLocalData?.amount?.amount??0,Pe.currencySymbol)).replace("__account__",R?.treasuryTransferMoneyLocalData?.fromAccount?.label??""):i.submittedDescription})]}),a.jsx(yt,{label:i.submittedButton,onClick:()=>{V(),te?.()},variant:"primary"})]}):a.jsxs(Bt,{isSettings:n,children:[a.jsx(ht,{title:h&&S===!0?At:i.header,backgroundColor:Qe.colors.grey5,style:{zIndex:Q?1:4},onBackClick:()=>{xt(u.formState.dirtyFields)?q(!0):V()},showBackButton:!n&&!h,showMenuIcon:n?m==="medium-compact"||m==="small":!1,onClickMenuIcon:Xe,rightSideComponent:h?a.jsx(ta,{"data-testid":gt("nav-bar-close-business-verification-overlay"),onClick:()=>{V(),te?.()}}):null,source:"BusinessVerificationPage"}),Ke===!0?a.jsx(St,{titleComponent:a.jsx(Ct,{children:i.discardTitle}),descriptionComponent:a.jsx(wt,{children:i.discardDescription}),primaryButtonText:i.discard,secondaryButtonText:i.cancel,action:ot}):null,a.jsxs(Rt,{windowSize:m,children:[(!h||S===!1)&&a.jsx(zt,{windowSize:m,children:n?Lt.infoText.businessVerification:i.title}),N==="In-Progress"||N==="Not-Started"?a.jsx(Ut,{children:a.jsx(bt,{size:"ExtraLarge",start:!0})}):a.jsx(Tt,{...u,children:a.jsxs("form",{id:Oe(Ie),onSubmit:it,children:[h&&S===!0&&a.jsxs(Et,{children:[a.jsxs(Xt,{windowSize:m,children:[a.jsx(qt,{windowSize:m,children:Y?i.businessVerificationDetails:de?i.verifyBusinessDetails:i.verifyBusinessDetailsWithoutTransfer}),!Y&&a.jsx(Qt,{children:a.jsxs(Ht,{children:[a.jsx(Ne,{}),de&&a.jsx(Ne,{}),a.jsx(Jt,{})]})})]}),a.jsx(Ae,{isReadonly:Y,children:i.verifyBusinessDetailsDescription})]}),a.jsxs(Mt,{children:[a.jsx(Ot,{companyOfficerData:w,allNationalityCountries:A,allOfficers:K??[],sectionId:T,isRefreshingViewInBackground:_,connectedAccountProvider:M,productType:"business_verification",updateFilesEntity:se,onEditFileName:ie,onOfficerAddressClick:ae,onDeleteFile:ne,isDisabled:I,filesEndPoint:r,authParams:B,isPopupOpen:Q,openPopup:Ye,onGetOtp:Be,onVerifyOtp:Ee,onResendOtp:ze,companyTitles:z,isForTreasury:y==="zeni_treasury",isOverlay:h}),a.jsx(Nt,{companyDetails:l,businessVerificationProps:{companyVerificationStatus:P,isRefreshingViewInBackground:_},productType:"business_verification",showTreasuryFields:y==="zeni_treasury",sectionId:b,isDisabled:P?.code==="pending_review"||P?.code==="verified"?"readonly":I,fileProps:{authParams:B,filesEndPoint:r,onEditFileName:ie,onDeleteFile:ne,updateFilesEntity:se},onCompanyAddressClick:ae,onRegisteredAddressClick:_e,connectedAccountProvider:M,allIndustries:E})]}),y==="zeni_accounts"?a.jsx(Wt,{windowSize:m,children:i.threadText.replace("__amount__",lt)}):null]})})]}),N==="Completed"&&(y==="zeni_treasury"?J?.companyVerificationStatus?.code!=="pending_review"&&J?.companyVerificationStatus?.code!=="verified":H?.businessVerificationStatus?.code!=="pending_review"&&H?.businessVerificationStatus?.code!=="verified")?a.jsx(vt,{formId:Oe(Ie),primaryBtn:{label:S?je.submit:i.sendForVerificationButton,style:{width:"auto",minWidth:m==="small"?"auto":S?"83px":"181px"},isLoading:W==="verification"&&U.fetchState==="In-Progress",isDisabled:I!=null},containerStyle:{width:m==="small"?x.width.valuePx(m):"auto",justifyContent:m==="small"?"space-between":"center"},helperStyle:{width:m==="small"?x.width.valuePx(m):"auto",paddingLeft:x.termsPaddingLeftRight.valuePx(m),paddingRight:x.termsPaddingLeftRight.valuePx(m),textAlign:m==="small"?"center":"initial"},showCancel:!0,cancelBtn:{reverseSpinnerColor:!1,label:S?je.back:i.saveDetailsButton,style:{width:m==="small"?"auto":S?"83px":"181px"},isLoading:W==="save"&&U.fetchState==="In-Progress",onClick:()=>{if(S)V();else{const e=w[D],s=l?.primaryContactLocalData;W!=="save"&&oe("save");const c=e?.email??"",f=tt(),C=at();f&&C&&(g?.trackBusinessVerificationSave({email:c,birthday:e?.birthday?.toString(),companyOwnership:e?.ownershipInCompany,firstName:e?.firstName,lastName:e?.lastName,companyRole:e?.titleAtCompany,phone:e?.phone,formattedAddress:e?.addressStatus?.addressToCreate!=null?L.getFormattedAddress(e?.addressStatus?.addressToCreate):void 0,documentTypeForVerification:e?.documentTypeSelectedForVerification},{companyDescription:l?.companyDescription,legalName:l?.companyLegalName,phone:l?.phone,website:l?.website?.toString(),industry:l?.companyIndustry??"",formattedAddress:l?.addressStatus?.addressToCreate!=null?L.getFormattedAddress(l?.addressStatus?.addressToCreate):void 0},{firstName:s?.firstName,lastName:s?.lastName,email:s?.email},y,n?"Settings":void 0),Ge?.(D))}}},helperText:Je,style:{padding:`12px ${o.sp3}`,zIndex:Q?0:4}}):null]})},_t=(t,A,N,_)=>{const{companyDetailsLocalData:r,companyOfficerLocalData:B,companyView:y}=t,E=Ve.getLocalizedStrings().companyPassport,z=y?.companyOfficers!=null&&y?.companyOfficers.length>0;return{[b]:{companyDescription:r?.companyDescription??"",ein:r?.companyFiles.find(p=>p.documentType==="tax_ein"),companyId:r?.companyId??"",syncToken:r?.syncToken,companyLegalName:r?.companyLegalName??"",companyWebsite:r?.website?.toString()??"",companyAddress:r?.addressStatus?.addressToCreate,registeredAddress:r?.registeredAddressStatus?.addressToCreate,companyIndustry:{selectedOption:r?.companyIndustry,allOptions:A?.map(p=>p.code)},companyPhone:r?.phone??"",companyTaxId:r?.taxIdOrEIN??"",primaryContactName:{firstName:r?.primaryContactLocalData?.firstName??"",lastName:r?.primaryContactLocalData?.lastName??""},primaryContactEmail:r?.primaryContactLocalData?.email??"",primaryContactUserId:r?.primaryContactLocalData?.userId,primaryContactSyncToken:r?.primaryContactLocalData?.syncToken,fileIds:r?.companyFiles.map(p=>p.fileId)??[],certificateOfIncorporation:r?.companyFiles.find(p=>p.documentType==="certificate_of_incorporation"),incDate:r?.incDate?.toDate(),typeOfIncorporation:{selectedOption:r?.typeOfIncorporation,allOptions:E.companyIncInfo.allTypesOfIncorporation},sourceOfFunds:{selectedOption:r?.sourceOfFunds??"",allOptions:Object.keys(i.sourceOfFundOptions)}},[T]:Object.values(B).map((p,I)=>{const n=p,h=Dt(n?.documentTypeSelectedForVerification);return{userId:n?.userId,officerType:n?.officerType??`Officer_${I+1}`,name:{firstName:n?.firstName,lastName:n?.lastName},email:n?.email,fileIds:n?.fileIds??[],dob:n?.birthday?.toDate(),nationalityCountryCode:$t(n?.nationalityCountryCode,_.map(g=>g.countryCode)),ssn:n?.ssn,role:{selectedOption:n?.titleAtCompany,allOptions:N?.map(g=>g.code)},phone:n?.phone??"",ownership:n?.ownershipInCompany,officerAddress:n?.addressStatus?.addressToCreate,selectDocument:{front:ke(!0,n?.userFiles??[],h),back:ke(!1,n?.userFiles??[],h),selectDocumentType:h},isSelectedForVerification:!z&&I===0?!0:n?.isSelectedForVerification??!1,userVerificationStatus:n?.userVerificationStatus,treasuryUserVerificationStatus:n?.treasuryUserVerificationStatus,syncToken:n?.syncToken,isPhoneVerified:n?.isPhoneVerified,otpChallenge:n?.otpChallenge}})}},Oe=t=>`${t}_form`,Bt=d.div`
   display: flex;
   min-height: 100%;
   flex-direction: column;
@@ -42,13 +42,13 @@ import{b as ct,q as dt,aP as ve,j as a,F as Fe,af as G,aa as mt,d4 as ut,l as L,
   display: flex;
   flex-direction: column;
   row-gap: ${o.sp11};
-`,Wt=d(Ve)`
+`,Wt=d(Fe)`
   margin-top: ${o.sp2};
   padding: ${o.sp2} ${o.sp2};
   text-align: center;
   color: ${t=>t.theme.colors.grey1};
   width: ${t=>x.width.valuePx(t.windowSize)};
-`,Gt=d(Ve)`
+`,Gt=d(Fe)`
   text-align: center;
   max-width: 750px;
   color: ${t=>t.theme.colors.hero};
@@ -58,7 +58,7 @@ import{b as ct,q as dt,aP as ve,j as a,F as Fe,af as G,aa as mt,d4 as ut,l as L,
   gap: ${o.sp3};
   width: 100%;
 `,qt=d(jt)`
-  ${t=>`${Vt.stepTitle.style(t.windowSize)}`};
+  ${t=>`${Ft.stepTitle.style(t.windowSize)}`};
   color: ${t=>t.theme.colors.primary};
   text-align: left;
 `,Qt=d.div`

package/dist/assets/{CardNumberSubText-Crk5WDQr-DYNdDxcR.js → CardNumberSubText-Ct0mJOMk-DQXdeyZe.js}

@@ -1,4 +1,4 @@
-import{q as x,F as w,j as r,C,O as $,o as s,H as y}from"./index-BqKtrbrP.js";import{n as l,b as d}from"./vendor-Bs1fkIUX.js";const H=e=>d.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},d.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.802551 6.92395C0.802551 5.2671 2.1457 3.92395 3.80255 3.92395H20.2009C21.8578 3.92395 23.2009 5.2671 23.2009 6.92395V17.076C23.2009 18.7329 21.8578 20.076 20.2009 20.076H3.80255C2.1457 20.076 0.802551 18.7329 0.802551 17.076V10.8805H23.1896V9.01135H0.802551V6.92395ZM0.802551 9.01135H0.799072V10.8805H0.802551V9.01135ZM14.5443 15.6222C14.5443 15.0935 14.9728 14.6649 15.5015 14.6649H18.1386C18.6673 14.6649 19.0959 15.0935 19.0959 15.6222C19.0959 16.1509 18.6673 16.5795 18.1386 16.5795H15.5015C14.9728 16.5795 14.5443 16.1509 14.5443 15.6222Z",fill:"currentColor"})),{common:n,spendManagement:{chargeCard:t}}=w.getLocalizedStrings(),f={subText:new $("extraSmallRegular","standardRegular")},S=({cardDetail:e,forDetailPage:a,styles:h})=>{const u=x(),m=e.type.code.includes("credit")?t.chargeCardsPromo.credit:t.chargeCardsPromo.debit;let o=e.type.code.includes("physical")?t.cardList.physicalCard:t.cardList.virtualCard;const i=n.strings.space+t.cardDetails.expiryHideOut+n.strings.space+e.accountLast4,g=e.status.code==="request_on_hold"||!a?o:i,c=e.type.code.includes("physical");return r.jsxs(v,{style:h,windowSize:u,forDetailPage:a,className:"cardName",title:`${g}`,children:[m,r.jsx(b,{}),o,c&&!a?r.jsx(p,{className:"physical-card-icon"}):null,e.status.code==="request_on_hold"||!a?null:i,c&&a?r.jsx(p,{}):null]})},v=l(y)`
+import{q as x,O as w,j as r,C,b as $,o as s,H as y}from"./index-6DHFBk74.js";import{n as l,b as d}from"./vendor-Bs1fkIUX.js";const H=e=>d.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},d.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.802551 6.92395C0.802551 5.2671 2.1457 3.92395 3.80255 3.92395H20.2009C21.8578 3.92395 23.2009 5.2671 23.2009 6.92395V17.076C23.2009 18.7329 21.8578 20.076 20.2009 20.076H3.80255C2.1457 20.076 0.802551 18.7329 0.802551 17.076V10.8805H23.1896V9.01135H0.802551V6.92395ZM0.802551 9.01135H0.799072V10.8805H0.802551V9.01135ZM14.5443 15.6222C14.5443 15.0935 14.9728 14.6649 15.5015 14.6649H18.1386C18.6673 14.6649 19.0959 15.0935 19.0959 15.6222C19.0959 16.1509 18.6673 16.5795 18.1386 16.5795H15.5015C14.9728 16.5795 14.5443 16.1509 14.5443 15.6222Z",fill:"currentColor"})),{common:n,spendManagement:{chargeCard:t}}=w.getLocalizedStrings(),f={subText:new $("extraSmallRegular","standardRegular")},S=({cardDetail:e,forDetailPage:a,styles:h})=>{const u=x(),m=e.type.code.includes("credit")?t.chargeCardsPromo.credit:t.chargeCardsPromo.debit;let o=e.type.code.includes("physical")?t.cardList.physicalCard:t.cardList.virtualCard;const i=n.strings.space+t.cardDetails.expiryHideOut+n.strings.space+e.accountLast4,g=e.status.code==="request_on_hold"||!a?o:i,c=e.type.code.includes("physical");return r.jsxs(b,{style:h,windowSize:u,forDetailPage:a,className:"cardName",title:`${g}`,children:[m,r.jsx(v,{}),o,c&&!a?r.jsx(p,{className:"physical-card-icon"}):null,e.status.code==="request_on_hold"||!a?null:i,c&&a?r.jsx(p,{}):null]})},b=l(y)`
   ${e=>e.forDetailPage?{...C.extraSmallRegular.cssObject}:`${f.subText.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
@@ -8,7 +8,7 @@ import{q as x,F as w,j as r,C,O as $,o as s,H as y}from"./index-BqKtrbrP.js";imp
   display: flex;
   align-items: center;
   gap: ${s.sp1};
-`,b=l.span`
+`,v=l.span`
   height: ${s.sp1};
   width: ${s.sp1};
   background-color: ${e=>e.theme.colors.grey1};

package/dist/assets/{CashbackDetailPage-BZAFRMGW-DHwMsEnN.js → CashbackDetailPage-GMncsgDy-DzCIgTYK.js}

@@ -1,4 +1,4 @@
-import{b as k,q as f,j as t,bF as te,F as w,ft as P,C as u,b3 as X,cd as ie,o as i,h as B,y as h,am as v,dB as oe,l as y,u as l,bQ as re,bR as ae,bh as se,bg as ne,aX as de,bS as le,bU as ce,jb as he,aN as O,c3 as pe,aM as z,ai as $,jc as J,jd as Q,iW as me,cM as ge,cP as xe,an as T,iX as we,iY as ue}from"./index-BqKtrbrP.js";import{n as o,w as R,b as V}from"./vendor-Bs1fkIUX.js";import{q as ye}from"./InsightsSection-C37BKIiK-RNlgGAPQ.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./NavigationDots-BKVFhe2Y-BXA4iaa-.js";const be=({x:e,y:s,width:n,height:a,payload:r})=>{const c=k();return t.jsx(he,{fill:(r?.[0].payload).showTooltip===!0?c.colors.background:"transparent",stroke:(r?.[0].payload).showTooltip===!0?c.colors.background:"transparent",x:e,y:s,width:n,height:a})},W=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,fe=w.getLocalizedStrings().dateFormat.visual.MMMMFormat,$e=({active:e,payload:s,label:n})=>e===!0&&(s?.[0].payload).showTooltip===!0?t.jsx(ve,{children:t.jsx(je,{children:t.jsxs("div",{children:[t.jsxs(E,{children:[t.jsx(Z,{children:W.month})," ",t.jsx(G,{children:y.getZeniDateFromPeriod(n).format(fe)})]}),t.jsxs(E,{children:[t.jsx(Z,{children:W.cashback}),t.jsx(G,{children:O("0,0.[00]",{amount:s?.[0].value??0,currencyCode:(s?.[0].payload).currencyCode,currencySymbol:(s?.[0].payload).currencySymbol})})]})]})})}):null,E=o.div`
+import{c as k,q as f,j as t,bF as te,O as w,ft as P,C as u,b3 as H,cd as ie,o as i,h as B,y as h,am as v,dB as oe,l as y,u as l,bQ as re,bR as ae,bh as se,bg as ne,aX as de,bS as le,bU as ce,jc as he,aN as O,c3 as pe,aM as z,ai as $,jd as J,je as Q,iW as me,cM as ge,cP as xe,an as T,iX as we,iY as ue}from"./index-6DHFBk74.js";import{n as o,w as R,b as V}from"./vendor-Bs1fkIUX.js";import{q as ye}from"./InsightsSection-BpVW6ov6-CBRdcxmz.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./NavigationDots-E2eEHB86-BK4Og9YA.js";const be=({x:e,y:s,width:n,height:a,payload:r})=>{const c=k();return t.jsx(he,{fill:(r?.[0].payload).showTooltip===!0?c.colors.background:"transparent",stroke:(r?.[0].payload).showTooltip===!0?c.colors.background:"transparent",x:e,y:s,width:n,height:a})},W=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,fe=w.getLocalizedStrings().dateFormat.visual.MMMMFormat,$e=({active:e,payload:s,label:n})=>e===!0&&(s?.[0].payload).showTooltip===!0?t.jsx(ve,{children:t.jsx(je,{children:t.jsxs("div",{children:[t.jsxs(E,{children:[t.jsx(Z,{children:W.month})," ",t.jsx(G,{children:y.getZeniDateFromPeriod(n).format(fe)})]}),t.jsxs(E,{children:[t.jsx(Z,{children:W.cashback}),t.jsx(G,{children:O("0,0.[00]",{amount:s?.[0].value??0,currencyCode:(s?.[0].payload).currencyCode,currencySymbol:(s?.[0].payload).currencySymbol})})]})]})})}):null,E=o.div`
   display: flex;
   gap: ${i.sp1};
 `,ve=o.div`
@@ -20,11 +20,11 @@ import{b as k,q as f,j as t,bF as te,F as w,ft as P,C as u,b3 as X,cd as ie,o as
 `,Z=o($)`
   color: ${e=>e.theme.colors.hero};
   min-width: 107px;
-`,ke=R.memo($e),{dateFormat:{visual:{MMMYYFormat:Se,YYYYDashMMFormat:U}},common:{currency:F}}=w.getLocalizedStrings(),Ce=({chartData:e,customToolTipContent:s,width:n,height:a})=>{const r=k();return t.jsx(Me,{width:n,height:a,children:t.jsx(X,{children:({height:c,width:p})=>t.jsxs(re,{width:p,height:c,data:e,barCategoryGap:"25%",margin:{top:5,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(ae,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:r.colors.grey3}),t.jsx(se,{dataKey:"period",type:"category",axisLine:{stroke:r.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:m=>y.getZeniDateFromPeriod(m).format(Se)}),t.jsx(ne,{type:"number",axisLine:!1,tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:m=>de("0,0.[00]a",m,e?.[0].currencySymbol??F.currencySymbol)}),t.jsx(le,{cursor:t.jsx(be,{}),content:s}),t.jsx(ce,{dataKey:"amount",fill:r.colors.brandColorJadeDark,barSize:36})]})})})};function Pe({cashbackByPeriod:e,width:s,height:n}){const a=oe(e,c=>y.getZeniDateFromPeriod(c.period),"asc"),r=Le(a);return t.jsx(Ce,{chartData:r,customToolTipContent:({active:c,payload:p,label:m})=>t.jsx(ke,{active:c,payload:p,label:m}),width:s,height:n})}const ze=e=>e.format(U),Le=e=>{const s=e.map(r=>({...r,showTooltip:!0})),n=e[e.length-1];let a=n?.period??y.dateNow().subtract(1,"M").format(U);for(;s.length<12;){const r={amount:0,period:ze(y.getZeniDateFromPeriod(a).add(1,"M")),showTooltip:!1,currencyCode:n?.currencyCode??F.currencyCode,currencySymbol:n?.currencySymbol??F.currencySymbol};s.push(r),a=r.period}return s},Me=o.div`
+`,ke=R.memo($e),{dateFormat:{visual:{MMMYYFormat:Se,YYYYDashMMFormat:U}},common:{currency:F}}=w.getLocalizedStrings(),Ce=({chartData:e,customToolTipContent:s,width:n,height:a})=>{const r=k();return t.jsx(Me,{width:n,height:a,children:t.jsx(H,{children:({height:c,width:p})=>t.jsxs(re,{width:p,height:c,data:e,barCategoryGap:"25%",margin:{top:5,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(ae,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:r.colors.grey3}),t.jsx(se,{dataKey:"period",type:"category",axisLine:{stroke:r.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:m=>y.getZeniDateFromPeriod(m).format(Se)}),t.jsx(ne,{type:"number",axisLine:!1,tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:m=>de("0,0.[00]a",m,e?.[0].currencySymbol??F.currencySymbol)}),t.jsx(le,{cursor:t.jsx(be,{}),content:s}),t.jsx(ce,{dataKey:"amount",fill:r.colors.brandColorJadeDark,barSize:36})]})})})};function Pe({cashbackByPeriod:e,width:s,height:n}){const a=oe(e,c=>y.getZeniDateFromPeriod(c.period),"asc"),r=Le(a);return t.jsx(Ce,{chartData:r,customToolTipContent:({active:c,payload:p,label:m})=>t.jsx(ke,{active:c,payload:p,label:m}),width:s,height:n})}const ze=e=>e.format(U),Le=e=>{const s=e.map(r=>({...r,showTooltip:!0})),n=e[e.length-1];let a=n?.period??y.dateNow().subtract(1,"M").format(U);for(;s.length<12;){const r={amount:0,period:ze(y.getZeniDateFromPeriod(a).add(1,"M")),showTooltip:!1,currencyCode:n?.currencyCode??F.currencyCode,currencySymbol:n?.currencySymbol??F.currencySymbol};s.push(r),a=r.period}return s},Me=o.div`
   width: ${e=>e.width}px;
   height: ${e=>e.height}px;
   background: ${e=>e.theme.colors.grey5};
-`,_=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,Fe={key:"month",value:_.month,sortOrder:"ascending",width:new h(50,50)},Ie={key:"cashback",value:_.cashback,sortOrder:"ascending",width:new h(50,50)},ee=()=>[Fe,Ie],b={headerLastColumnTopPadding:new h(l[0],l[4]),headerLastColumnRightPadding:new h(l[3],l[11]),headerLastColumnBottomPadding:new h(l[0],l[4]),headerLastColumnLeftPadding:new h(l[3],l[11]),headerHeight:new h(we,ue)};function De({sortConfig:e,onColumnSortConfigChanged:s}){const n=k(),a=f(),[r,c]=V.useState(ee());V.useEffect(()=>{const d=[...r];for(const g of d)g.key===e.sortKey?g.sortOrder=e.sortOrder:g.sortOrder="ascending";c(d)},[e.sortKey,e.sortOrder]);const p=(d,g)=>{let Y=g;e.sortKey===d&&(Y=g==="ascending"?"descending":"ascending"),s(d,Y)},m=r.find(d=>d.key===e.sortKey)??r[0],S=d=>r.find(g=>g.key===d)?.value??"",C=r.map(d=>d.key),K=w.getLocalizedStrings().spendManagement.chargeCard.cardList;return a==="small"?t.jsxs(q,{windowSize:a,children:[t.jsxs(Re,{children:[t.jsx(Ye,{children:t.jsx(Ke,{})}),t.jsx(pe,{title:K.sortBy,placeholder:K.sortBy,pickerValues:C,valueToLabel:S,selectedValue:e.sortKey,onPickerSelectionChanged:d=>{p(d,"ascending")},optionTextStyle:u.smallRegular,titleTextStyle:u.smallRegular,titleColor:n.colors.primary,selectedOptionColor:n.colors.hero,optionBackgroundColor:n.colors.grey5,downChevronVisible:!1,backgroundColor:n.colors.grey4})]}),t.jsxs(Ee,{onClick:()=>p(m.key,m.sortOrder),"data-testid":z("cashback-list-header-mobile",m.value),children:[t.jsx($,{children:m.value}),t.jsx(A,{sortDataValue:e.sortKey,headerdata:m,children:t.jsx(N,{})})]})]}):t.jsx(q,{windowSize:a,children:r.map((d,g)=>t.jsxs(Oe,{sortDataValue:e.sortKey,actualDataValue:d.key,wrapperWidth:d.width,isLastItem:g===r.length-1,windowSize:a,children:[t.jsxs(We,{onClick:()=>p(d.key,d.sortOrder),"data-testid":z("cashback-list-header",d.value),children:[t.jsx($,{children:d.value}),t.jsx(A,{sortDataValue:e.sortKey,headerdata:d,children:t.jsx(N,{})})]}),t.jsx(Ve,{sortDataValue:e.sortKey,windowSize:a,isVisible:e.sortKey===d.key&&d.key!=="month",children:t.jsx(Te,{onClick:()=>p("month","ascending"),"data-testid":z("cashback-list-close-sort",d.key)})})]},d.key))})}const Be=R.memo(De),q=o($)`
+`,_=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,Fe={key:"month",value:_.month,sortOrder:"ascending",width:new h(50,50)},De={key:"cashback",value:_.cashback,sortOrder:"ascending",width:new h(50,50)},ee=()=>[Fe,De],b={headerLastColumnTopPadding:new h(l[0],l[4]),headerLastColumnRightPadding:new h(l[3],l[11]),headerLastColumnBottomPadding:new h(l[0],l[4]),headerLastColumnLeftPadding:new h(l[3],l[11]),headerHeight:new h(we,ue)};function Ie({sortConfig:e,onColumnSortConfigChanged:s}){const n=k(),a=f(),[r,c]=V.useState(ee());V.useEffect(()=>{const d=[...r];for(const g of d)g.key===e.sortKey?g.sortOrder=e.sortOrder:g.sortOrder="ascending";c(d)},[e.sortKey,e.sortOrder]);const p=(d,g)=>{let Y=g;e.sortKey===d&&(Y=g==="ascending"?"descending":"ascending"),s(d,Y)},m=r.find(d=>d.key===e.sortKey)??r[0],S=d=>r.find(g=>g.key===d)?.value??"",C=r.map(d=>d.key),K=w.getLocalizedStrings().spendManagement.chargeCard.cardList;return a==="small"?t.jsxs(q,{windowSize:a,children:[t.jsxs(Re,{children:[t.jsx(Ye,{children:t.jsx(Ke,{})}),t.jsx(pe,{title:K.sortBy,placeholder:K.sortBy,pickerValues:C,valueToLabel:S,selectedValue:e.sortKey,onPickerSelectionChanged:d=>{p(d,"ascending")},optionTextStyle:u.smallRegular,titleTextStyle:u.smallRegular,titleColor:n.colors.primary,selectedOptionColor:n.colors.hero,optionBackgroundColor:n.colors.grey5,downChevronVisible:!1,backgroundColor:n.colors.grey4})]}),t.jsxs(Ee,{onClick:()=>p(m.key,m.sortOrder),"data-testid":z("cashback-list-header-mobile",m.value),children:[t.jsx($,{children:m.value}),t.jsx(A,{sortDataValue:e.sortKey,headerdata:m,children:t.jsx(N,{})})]})]}):t.jsx(q,{windowSize:a,children:r.map((d,g)=>t.jsxs(Oe,{sortDataValue:e.sortKey,actualDataValue:d.key,wrapperWidth:d.width,isLastItem:g===r.length-1,windowSize:a,children:[t.jsxs(We,{onClick:()=>p(d.key,d.sortOrder),"data-testid":z("cashback-list-header",d.value),children:[t.jsx($,{children:d.value}),t.jsx(A,{sortDataValue:e.sortKey,headerdata:d,children:t.jsx(N,{})})]}),t.jsx(Ve,{sortDataValue:e.sortKey,windowSize:a,isVisible:e.sortKey===d.key&&d.key!=="month",children:t.jsx(Te,{onClick:()=>p("month","ascending"),"data-testid":z("cashback-list-close-sort",d.key)})})]},d.key))})}const Be=R.memo(Ie),q=o($)`
   top: ${i.sp0};
   left: ${i.sp0};
   min-height: ${e=>b.headerHeight.valuePx(e.windowSize)};
@@ -94,18 +94,18 @@ import{b as k,q as f,j as t,bF as te,F as w,ft as P,C as u,b3 as X,cd as ie,o as
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,x={containerPaddingLeft:new h(l[3],l[4]),containerPaddingRight:new h(l[3],l[4]),containerPaddingTop:new h(l[2],16),containerPaddingBottom:new h(l[2],16),containerMarginLeft:new h(l[4],l[8]),webkitLineClamp:new h(2,1,1,1,1)},{spendManagement:{chargeCard:{cashbackDetail:Ge}},dateFormat:{visual:Ze}}=w.getLocalizedStrings(),qe=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f(),r=ee(),c=J(e.period),p=Q(c);return t.jsx(Xe,{windowSize:a,isFirstItem:s,isLastItem:n,children:t.jsx(Je,{children:t.jsxs(Qe,{children:[t.jsx(Ue,{windowSize:a,responsiveWidth:r[0].width,children:t.jsxs(_e,{windowSize:a,children:[y.getZeniDateFromPeriod(e.period).format(Ze.MMMMYYYYFormat),p?t.jsxs(Ne,{children:[t.jsx(He,{}),t.jsx(Ae,{children:Ge.tillDate})]}):null]})}),t.jsx(et,{windowSize:a,responsiveWidth:r[1].width,children:t.jsx(tt,{windowSize:a,children:O("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},Ae=o(T)`
+`,x={containerPaddingLeft:new h(l[3],l[4]),containerPaddingRight:new h(l[3],l[4]),containerPaddingTop:new h(l[2],16),containerPaddingBottom:new h(l[2],16),containerMarginLeft:new h(l[4],l[8]),webkitLineClamp:new h(2,1,1,1,1)},{spendManagement:{chargeCard:{cashbackDetail:Ge}},dateFormat:{visual:Ze}}=w.getLocalizedStrings(),qe=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f(),r=ee(),c=J(e.period),p=Q(c);return t.jsx(He,{windowSize:a,isFirstItem:s,isLastItem:n,children:t.jsx(Je,{children:t.jsxs(Qe,{children:[t.jsx(Ue,{windowSize:a,responsiveWidth:r[0].width,children:t.jsxs(_e,{windowSize:a,children:[y.getZeniDateFromPeriod(e.period).format(Ze.MMMMYYYYFormat),p?t.jsxs(Ne,{children:[t.jsx(Xe,{}),t.jsx(Ae,{children:Ge.tillDate})]}):null]})}),t.jsx(et,{windowSize:a,responsiveWidth:r[1].width,children:t.jsx(tt,{windowSize:a,children:O("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},Ae=o(T)`
   color: ${e=>e.theme.colors.grey1};
 `,Ne=o.div`
   display: flex;
   align-items: center;
-`,He=o.div`
+`,Xe=o.div`
   height: ${i.sp1};
   width: ${i.sp1};
   margin-right: ${i.sp2};
   background-color: ${e=>e.theme.colors.grey1};
   border-radius: 50%;
-`,Xe=o.div`
+`,He=o.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   padding-left: ${e=>x.containerPaddingLeft.valuePx(e.windowSize)};
@@ -175,7 +175,7 @@ import{b as k,q as f,j as t,bF as te,F as w,ft as P,C as u,b3 as X,cd as ie,o as
   width: 100%;
   display: flex;
   justify-content: end;
-`,I={containerMarginLeft:new h(l[3],l[8]),webkitLineClamp:new h(2,2,1,1,1)},{spendManagement:{chargeCard:{cashbackDetail:it}},dateFormat:{visual:ot}}=w.getLocalizedStrings(),rt=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f(),r=J(e.period),c=Q(r);return t.jsx(dt,{windowSize:a,isFirstItem:s,isLastItem:n,children:t.jsx(lt,{children:t.jsxs(ct,{children:[t.jsx(pt,{children:t.jsxs(ht,{windowSize:a,children:[y.getZeniDateFromPeriod(e.period).format(ot.MMMMYYYYFormat),c?t.jsxs(st,{children:[t.jsx(nt,{}),t.jsx(at,{children:it.tillDate})]}):null]})}),t.jsx(mt,{children:t.jsx(gt,{children:O("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},at=o(T)`
+`,D={containerMarginLeft:new h(l[3],l[8]),webkitLineClamp:new h(2,2,1,1,1)},{spendManagement:{chargeCard:{cashbackDetail:it}},dateFormat:{visual:ot}}=w.getLocalizedStrings(),rt=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f(),r=J(e.period),c=Q(r);return t.jsx(dt,{windowSize:a,isFirstItem:s,isLastItem:n,children:t.jsx(lt,{children:t.jsxs(ct,{children:[t.jsx(pt,{children:t.jsxs(ht,{windowSize:a,children:[y.getZeniDateFromPeriod(e.period).format(ot.MMMMYYYYFormat),c?t.jsxs(st,{children:[t.jsx(nt,{}),t.jsx(at,{children:it.tillDate})]}):null]})}),t.jsx(mt,{children:t.jsx(gt,{children:O("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},at=o(T)`
   color: ${e=>e.theme.colors.grey1};
 `,st=o.div`
   display: flex;
@@ -198,8 +198,8 @@ import{b as k,q as f,j as t,bF as te,F as w,ft as P,C as u,b3 as X,cd as ie,o as
   border-top-left-radius: ${e=>e.isFirstItem?i.sp2:i.sp0};
   border-bottom-left-radius: ${e=>e.isLastItem?i.sp2:i.sp0};
   border-bottom-left-radius: ${e=>e.isLastItem?i.sp2:i.sp0};
-  margin-right: ${e=>I.containerMarginLeft.valuePx(e.windowSize)};
-  margin-left: ${e=>I.containerMarginLeft.valuePx(e.windowSize)};
+  margin-right: ${e=>D.containerMarginLeft.valuePx(e.windowSize)};
+  margin-left: ${e=>D.containerMarginLeft.valuePx(e.windowSize)};
 `,lt=o.div`
   display: block;
   width: 100%;
@@ -212,7 +212,7 @@ import{b as k,q as f,j as t,bF as te,F as w,ft as P,C as u,b3 as X,cd as ie,o as
   color: ${e=>e.theme.colors.hero};
   flex-grow: 1;
   display: -webkit-box;
-  -webkit-line-clamp: ${e=>I.webkitLineClamp.value(e.windowSize)};
+  -webkit-line-clamp: ${e=>D.webkitLineClamp.value(e.windowSize)};
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -232,7 +232,7 @@ import{b as k,q as f,j as t,bF as te,F as w,ft as P,C as u,b3 as X,cd as ie,o as
   flex-direction: column;
 `,gt=o(T)`
   color: ${e=>e.theme.colors.hero};
-`,H={separatorMarginLeftRight:new h(l[3],l[8])},xt=({cashbackByPeriod:e,uiState:s,onColumnSortConfigChanged:n})=>{const a=f();return t.jsxs(yt,{children:[t.jsx(Be,{onColumnSortConfigChanged:n,sortConfig:{sortKey:s.sortKey,sortOrder:s.sortOrder}}),t.jsx(ut,{children:e.map((r,c)=>t.jsxs(R.Fragment,{children:[t.jsx(wt,{cashbackPeriod:r,isFirstItem:c===0,isLastItem:c===e.length-1}),c===e.length-1?null:t.jsx(bt,{windowSize:a})]},r.period))})]})},wt=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f()==="small"?rt:qe;return t.jsx(a,{cashbackPeriod:e,isFirstItem:s,isLastItem:n})},ut=o.div``,yt=o.div`
+`,X={separatorMarginLeftRight:new h(l[3],l[8])},xt=({cashbackByPeriod:e,uiState:s,onColumnSortConfigChanged:n})=>{const a=f();return t.jsxs(yt,{children:[t.jsx(Be,{onColumnSortConfigChanged:n,sortConfig:{sortKey:s.sortKey,sortOrder:s.sortOrder}}),t.jsx(ut,{children:e.map((r,c)=>t.jsxs(R.Fragment,{children:[t.jsx(wt,{cashbackPeriod:r,isFirstItem:c===0,isLastItem:c===e.length-1}),c===e.length-1?null:t.jsx(bt,{windowSize:a})]},r.period))})]})},wt=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f()==="small"?rt:qe;return t.jsx(a,{cashbackPeriod:e,isFirstItem:s,isLastItem:n})},ut=o.div``,yt=o.div`
   display: block;
   height: 100%;
 `,bt=o.div`
@@ -241,14 +241,14 @@ import{b as k,q as f,j as t,bF as te,F as w,ft as P,C as u,b3 as X,cd as ie,o as
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-  margin-left: ${e=>H.separatorMarginLeftRight.valuePx(e.windowSize)};
-  margin-right: ${e=>H.separatorMarginLeftRight.valuePx(e.windowSize)};
-`,D={pageContentPaddingLeftRight:new h(l[3],l[8]),cashbackSummaryContainerGap:new h(l[3],96)},j=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail,Rt=({insightsData:e,cashbackByPeriod:s,uiState:n,cashbackSummary:a,onBackClick:r,onColumnSortConfigChanged:c})=>{const p=k(),m=f();return t.jsxs(St,{children:[t.jsx(te,{title:j.title,showBackButton:!0,showMenuIcon:!1,style:{zIndex:3},onBackClick:r,backgroundColor:p.colors.grey5,source:"CashbackDetailPage"}),t.jsxs(ft,{windowSize:m,children:[t.jsxs($t,{windowSize:m,children:[t.jsxs(L,{children:[t.jsx(M,{children:j.totalEarned}),t.jsx(P,{amount:a.cashbackEarned,style:{color:p.colors.brandColorJadeDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(L,{children:[t.jsx(M,{children:j.redeemed}),t.jsx(P,{amount:a.cashbackRedeemed,style:{color:p.colors.brandColorOpalDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(L,{children:[t.jsx(M,{children:j.available}),t.jsx(P,{amount:a.cashbackAvailable,style:{color:p.colors.brandColorGoldDark},decimalStyles:u.largeSemiBold.cssObject})]})]}),t.jsx(vt,{children:t.jsx(X,{children:({height:S,width:C})=>t.jsx(Pe,{cashbackByPeriod:s,width:C,height:S})})}),t.jsx(jt,{children:t.jsx(ye,{insights:[{...e}],summaryTextStyles:{fontWeight:ie.regular,color:p.colors.primary}})})]}),t.jsx(kt,{children:t.jsx(xt,{cashbackByPeriod:s,uiState:n,onColumnSortConfigChanged:c})})]})},ft=o.div`
+  margin-left: ${e=>X.separatorMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${e=>X.separatorMarginLeftRight.valuePx(e.windowSize)};
+`,I={pageContentPaddingLeftRight:new h(l[3],l[8]),cashbackSummaryContainerGap:new h(l[3],96)},j=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail,Rt=({insightsData:e,cashbackByPeriod:s,uiState:n,cashbackSummary:a,onBackClick:r,onColumnSortConfigChanged:c})=>{const p=k(),m=f();return t.jsxs(St,{children:[t.jsx(te,{title:j.title,showBackButton:!0,showMenuIcon:!1,style:{zIndex:3},onBackClick:r,backgroundColor:p.colors.grey5,source:"CashbackDetailPage"}),t.jsxs(ft,{windowSize:m,children:[t.jsxs($t,{windowSize:m,children:[t.jsxs(L,{children:[t.jsx(M,{children:j.totalEarned}),t.jsx(P,{amount:a.cashbackEarned,style:{color:p.colors.brandColorJadeDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(L,{children:[t.jsx(M,{children:j.redeemed}),t.jsx(P,{amount:a.cashbackRedeemed,style:{color:p.colors.brandColorOpalDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(L,{children:[t.jsx(M,{children:j.available}),t.jsx(P,{amount:a.cashbackAvailable,style:{color:p.colors.brandColorGoldDark},decimalStyles:u.largeSemiBold.cssObject})]})]}),t.jsx(vt,{children:t.jsx(H,{children:({height:S,width:C})=>t.jsx(Pe,{cashbackByPeriod:s,width:C,height:S})})}),t.jsx(jt,{children:t.jsx(ye,{insights:[{...e}],summaryTextStyles:{fontWeight:ie.regular,color:p.colors.primary}})})]}),t.jsx(kt,{children:t.jsx(xt,{cashbackByPeriod:s,uiState:n,onColumnSortConfigChanged:c})})]})},ft=o.div`
   position: relative;
   box-shadow: ${B.dropShadowNormalLight} 2px 2px ${i.sp1};
   background-color: ${e=>e.theme.colors.grey5};
-  padding-left: ${e=>D.pageContentPaddingLeftRight.valuePx(e.windowSize)};
-  padding-right: ${e=>D.pageContentPaddingLeftRight.valuePx(e.windowSize)};
+  padding-left: ${e=>I.pageContentPaddingLeftRight.valuePx(e.windowSize)};
+  padding-right: ${e=>I.pageContentPaddingLeftRight.valuePx(e.windowSize)};
 `,L=o.div`
   min-width: 103px;
   display: flex;
@@ -260,7 +260,7 @@ import{b as k,q as f,j as t,bF as te,F as w,ft as P,C as u,b3 as X,cd as ie,o as
   color: ${e=>e.theme.colors.hero};
 `,$t=o.div`
   display: flex;
-  gap: ${e=>D.cashbackSummaryContainerGap.valuePx(e.windowSize)};
+  gap: ${e=>I.cashbackSummaryContainerGap.valuePx(e.windowSize)};
   justify-content: center;
   margin-top: ${i.sp3};
 `,vt=o.div`