@zeniai/web-cockpit-ui 1.14.89-prod → 1.14.90-dev

package/dist/assets/BillPayApprovalRuleDetailPage-BXSdsF2E-CYUFVErE.js

@@ -0,0 +1,27 @@
+import{y as O,d as U,q as M,F as C,a8 as W,aN as G,V as r,aH as H,cB as X,bz as J,ab as K,aO as Q,o as c,g2 as Y}from"./index-BhteR_e0.js";import{a as R}from"./core-B-FNbYlu.js";import{n as b}from"./mui-DLNyBjYF.js";import{b as Z,f as ee,l as T,o as j}from"./FollowStepsSection-Bu3RG_GH-DmaIgxgE.js";import"./sentry-EYLV4XmG.js";import"./zeni-epic-state-HWtMOH-U.js";import"./lottie-gmZDfwf4.js";import"./liveblocks-BBTLClA6.js";import"./utils-D1zwltK3.js";import"./analytics-DGBWhVbe.js";import"./recharts-Cnl2EvUV.js";import"./lexical-DPEnH3HH.js";const D="billPayApprovalRuleDetailPage",N="lowerBound",_="upperBound",A="steps",h="applyToExistingBills",le={footerPadding:new O(U[2],U[2])};function Pe({localData:e,approvalUpdateActionType:t,onBackClick:l,onApprovalRuleDataUpdated:o,onResetClick:s,isLowerBoundDisabled:n=!1,isUpperBoundDisabled:x=!0,hideUpperBoundField:P=!1,onSaveRuleClick:E,onSaveRuleSuccess:S}){const w=M(),a=C.getLocalizedStrings().commonSetUp.approval,I=C.getLocalizedStrings().spendManagement.billPay.billPayApproval,y=ae(e,t==="approval_create"&&!n),g=W({mode:"all",reValidateMode:"onChange",defaultValues:y}),u=e.billPaySetupApproverViewUpdateData?.updateStatus,B=G(u?.fetchState),{upperBound:L}=y,{allApprovalRules:p,allAccountingClasses:F,billPaySetupApproverViewUpdateData:m}=e;let f=p.length>1?p.length-1:0,v=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),v=f>0?p[f-1].criteria[0].range.min.amount:0}const V=g.handleSubmit(()=>{E()}),q=async(i,d)=>{o(d)};return R.useEffect(()=>{const i=g.watch((d,{name:$})=>{if($!=null&&d!=null){const z=H(d);X(()=>q($,z))}});return()=>{i.unsubscribe()}}),R.useEffect(()=>{B==="In-Progress"&&u?.fetchState==="Completed"&&S()},[B,u?.fetchState,S]),r.jsxs(se,{children:[r.jsx(J,{title:t==="approval_create"?a.newApproval:a.editApproval,style:{zIndex:4},onBackClick:()=>{l()},source:"BillPayApprovalRuleDetailPage"}),r.jsxs(K,{...g,children:[r.jsx(ne,{children:r.jsx("form",{id:k(D),onSubmit:V,children:r.jsxs(ie,{children:[r.jsx(Z,{label:{label:P?I.amountPerBillGreaterLabel:I.amountPerBillLabel},firstText:{type:"number",name:N,placeholder:"$0",options:{required:!0,max:L===1/0?Number.MAX_SAFE_INTEGER-1:L-1,min:v,validate:i=>n?!0:i!=null&&i>v},isDisabled:n,additionalInfoLabel:a.firstRuleLowerBoundInfoLabel,additionalErrorLabel:a.firstRuleErrorInfoLabel},secondText:{type:"number",name:_,placeholder:"Infinity",isDisabled:x,hideField:P,additionalInfoLabel:a.upperBoundInfoLabel}}),r.jsx(pe,{}),r.jsx(ee,{sectionId:A,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:F,stepsInfo:y[A],userSelectPlaceholder:a.userSelectPlaceholder,approveNotifyPlaceholder:a.approveNotifyPlaceholder,productType:"zeni_bill_pay"})]})})}),r.jsx(Q,{formId:k(D),primaryBtn:{label:a.saveBtnText,isLoading:u?.fetchState==="In-Progress",isDisabled:u?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},topComponent:t==="approval_create"?null:r.jsx(Y,{name:h,mode:"always_on",checkBoxes:[{value:h,label:a.applyToExistingBills,defaultChecked:!0,groupLabel:!1}],style:{width:"100%"}}),showCancel:!0,cancelBtn:{label:a.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:s},containerStyle:{justifyContent:w==="small"?"space-between":"center"},style:{padding:le.footerPadding.valuePx(w)},separatorStyle:{marginRight:c.sp4}})]})]})}const ae=(e,t)=>{const{criteria:l,steps:o}=e.billPaySetupApproverViewUpdateData?.data??{};return{[h]:[h],[A]:te(e.allApprovers.map(s=>s.user),e.filteredApprovers.map(s=>s.user),j(e.allAttributes),j(e.filteredAttributes),o??[])??[],[N]:t?void 0:l!=null?l.range.min.amount??0:0,[_]:l!=null?l.range.max==null?1/0:l.range.max.amount:1/0}},te=(e,t,l,o,s)=>s&&s.length>0?s.map((n,x)=>({stepIndex:x,stepType:{selectedOption:n.action,allOptions:T},actors:{allUsers:t,selectedUsers:re(e,n.actors),allNonUsers:o,selectedNonUsers:oe(l,n.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:T},actors:{allUsers:t,selectedUsers:[],allNonUsers:o,selectedNonUsers:[]}}],re=(e,t)=>e.filter(l=>l.userId!=null&&t.findIndex(o=>o.userId===l.userId)>-1),oe=(e,t)=>e.filter(l=>t.findIndex(o=>o.subType===l.value)>-1),k=e=>`${e}_form`,Se=e=>`${e}`,se=b.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+  box-shadow: ${e=>`${c.sp0} 2px ${c.sp1} ${e.theme.colors.dropShadowNormal}`};
+`,ie=b.div`
+  display: flex;
+  flex-direction: column;
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${c.sp0} 2px ${c.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${c.sp2};
+`,ne=b.div`
+  display: flex;
+  justify-content: flex-start;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+`,pe=b.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`;export{le as D,Pe as default,k as uniqueFormName,Se as uniqueName};

package/dist/assets/BillPayApprovalRulesPage-B8HbVvc9-DpzHPmZp.js

@@ -0,0 +1,241 @@
+import{q as B,F as b,V as t,bz as D,m as E,aK as S,y as r,ak as j,o,aL as P,cm as H,cn as V,co as _,cY as U,d as l,b7 as G,a as k,b6 as q,p as z,cV as F,br as J,b as X}from"./index-BhteR_e0.js";import{n as i}from"./mui-DLNyBjYF.js";import{a as Y}from"./core-B-FNbYlu.js";import"./sentry-EYLV4XmG.js";import"./zeni-epic-state-HWtMOH-U.js";import"./lottie-gmZDfwf4.js";import"./liveblocks-BBTLClA6.js";import"./utils-D1zwltK3.js";import"./analytics-DGBWhVbe.js";import"./recharts-Cnl2EvUV.js";import"./lexical-DPEnH3HH.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)},A={stepper:new k("smallRegular","standardRegular"),amount:new k("standardRegular","largeMedium")},K=({showDeleteBtn:e=!1,isLastSection:y=!1,approvalRule:c,onEditRuleClick:v,onDeleteRuleClick:u})=>{const[x,w]=Y.useState(!1),a=B(),{range:h}=c.criteria[0],{steps:g,approvalRuleId:m}=c,n=b.getLocalizedStrings().commonSetUp.approval,f=()=>{w(!0)},W={onOkClick:()=>{w(!1),u?.(m)},onCancelClick:()=>{w(!1)}};return t.jsxs(O,{windowSize:a,isLastSection:y,children:[t.jsxs(Q,{windowSize:a,children:[t.jsxs(se,{children:[t.jsxs(L,{windowSize:a,children:[n.from," ",P("0,0",h.min)]}),t.jsxs(Z,{children:[t.jsx(T,{}),t.jsx(ee,{}),t.jsx(T,{})]}),h.max==null?t.jsx(de,{}):t.jsx(L,{windowSize:a,children:P("0,0",{...h.min,amount:h.max.amount})})]}),t.jsxs(ae,{className:"icons",children:[e&&t.jsx(ne,{onClick:f,"data-testid":S("delete-approval-rule-bill-pay",c.approvalRuleId)}),t.jsx(pe,{onClick:()=>{v(m)},"data-testid":S("edit-approval-rule-bill-pay",c.approvalRuleId)})]})]}),t.jsx(te,{windowSize:a,children:t.jsx(oe,{isSingleStep:g.length===1,windowSize:a,children:g.map((d,M)=>t.jsxs(ie,{isSingleStep:g.length===1,className:"stepperItem",windowSize:a,children:[d.action==="require_approval"?t.jsx(re,{children:n.requireText}):t.jsx(le,{children:n.notifyText}),d.nonUserActors!=null&&d.nonUserActors.filter(p=>p.subType!=null).map((p,N)=>t.jsxs(I,{children:[t.jsx(R,{children:p.subType!=null?n.nonUsers[p.subType].label:null}),d.operator!="is"?t.jsx(C,{className:"operator",children:d.operator}):null]},`${p.subType}_${N}`)),d.actors.map(p=>t.jsxs(I,{children:[t.jsxs(R,{children:[p.firstName," ",p.lastName]}),d.operator!="is"?t.jsx(C,{className:"operator",children:d.operator}):null]},p.userId))]},M))})}),x?t.jsx(H,{titleComponent:t.jsx(_,{children:n.deleteApprovalRuleTitle}),descriptionComponent:t.jsx(V,{children:n.deleteApprovalRuleDesc}),primaryButtonText:n.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:n.cancelBtnText,action:W}):null]})},O=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${e=>s.wrapperGap.valuePx(e.windowSize)};
+  margin-bottom: ${e=>e.isLastSection?s.lastWrapperMarginBottom.valuePx(e.windowSize):s.wrapperMarginBottom.valuePx(e.windowSize)};
+  .icons {
+    display: none;
+  }
+  &:hover {
+    .icons {
+      display: flex;
+    }
+    > div:last-of-type {
+      border-color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Q=i(G)`
+  display: flex;
+  position: relative;
+  align-items: center;
+  justify-content: space-between;
+  text-align: center;
+  width: ${e=>s.sectionWidth.valuePx(e.windowSize)};
+  gap: ${o.sp2};
+`,Z=i.div`
+  align-items: center;
+  display: flex;
+  justify-content: center;
+`,ee=i.div`
+  width: ${o.sp8};
+  height: 2px;
+  background-color: ${e=>e.theme.colors.primary};
+`,T=i.div`
+  width: 6px;
+  height: 6px;
+  border-radius: 3px;
+  background-color: ${e=>e.theme.colors.primary};
+`,te=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding: ${e=>s.ruleWrapperPadding.valuePx(e.windowSize)};
+  gap: 10px;
+
+  width: ${e=>s.sectionWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.theme.colors.grey5};
+
+  border: 1px solid ${e=>e.theme.colors.grey3};
+
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${o.sp2};
+
+  flex: none;
+  order: 1;
+  flex-grow: 0;
+  justify-content: center;
+  box-sizing: border-box;
+  position: relative;
+`,oe=i.ul`
+  ${e=>`${A.stepper.style(e.windowSize)}`};
+  position: relative;
+  padding-left: ${o.sp6};
+  list-style: none;
+  box-sizing: initial;
+  margin: 0;
+  &::before {
+    display: inline-block;
+    content: "";
+    position: absolute;
+    top: ${e=>s.stepperTop.valuePx(e.windowSize)};
+    left: ${e=>s.stepperLeft.valuePx(e.windowSize)};
+    width: 10px;
+    height: ${e=>e.isSingleStep?"0%":"100%"};
+    border-left: 2px solid ${e=>e.theme.colors.grey1};
+  }
+`,ie=i.li`
+  position: relative;
+  counter-increment: list;
+  min-height: ${e=>s.stepperItemMinHeight.valuePx(e.windowSize)};
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  padding-left: ${e=>s.stepperItemPaddingLeft.valuePx(e.windowSize)};
+  gap: ${o.sp1};
+
+  > div:last-of-type > span.operator:last-of-type {
+    visibility: hidden;
+  }
+
+  &:not(:last-child) {
+    padding-bottom: 20px;
+  }
+
+  &::before {
+    display: inline-block;
+    content: "";
+    position: absolute;
+    top: ${e=>s.stepperItemTop.valuePx(e.windowSize)};
+    left: ${e=>s.stepperItemLeft.valuePx(e.windowSize)};
+    height: ${e=>e.isSingleStep?"0%":"100%"};
+    width: 10px;
+  }
+
+  &.stepperItem {
+    flex-wrap: wrap;
+    &::before {
+      border-left: 2px solid ${e=>e.theme.colors.grey1};
+    }
+    &:last-child::before {
+      border-left: 2px solid ${e=>e.theme.colors.grey5};
+    }
+
+    &::after {
+      content: counter(list);
+      position: absolute;
+      width: ${e=>s.stepperWidthHeight.valuePx(e.windowSize)};
+      height: ${e=>s.stepperWidthHeight.valuePx(e.windowSize)};
+      top: ${e=>s.stepperContentTop.valuePx(e.windowSize)};
+      left: -${o.sp6};
+      ${X.standardMedium.css};
+      text-align: center;
+      color: ${e=>e.theme.colors.grey1};
+      border: 2px solid ${e=>e.theme.colors.grey1};
+      background-color: ${e=>e.theme.colors.grey5};
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      border-radius: 50%;
+    }
+  }
+`,re=i.span`
+  color: ${z.alertDark};
+`,le=i.span`
+  color: ${z.successDark};
+`,R=i.span`
+  color: ${e=>e.theme.colors.primary};
+`,se=i.div`
+  display: flex;
+  align-items: center;
+  gap: ${o.sp2};
+`,ae=i.div`
+  display: flex;
+  gap: ${o.sp5};
+`,ne=i(F)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${z.important};
+  }
+`,pe=i(J)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,de=i(q)`
+  width: ${o.sp4};
+  height: ${o.sp4};
+  color: ${e=>e.theme.colors.hero};
+`,C=i.span`
+  color: ${e=>e.theme.colors.hero};
+`,I=i.div`
+  display: inherit;
+  gap: inherit;
+`,L=i.span`
+  ${e=>`${A.amount.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  word-break: break-word;
+`,$={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])},Ce=({approvalView:e,onBackClick:y,onEditRuleClick:c,onDeleteRuleClick:v})=>{const u=B(),{fetchState:x,deleteStatus:w}=e,a=b.getLocalizedStrings().commonSetUp.approval,h=b.getLocalizedStrings().spendManagement.billPay.billPayApproval,g=w.fetchState,m=e.listeningToPusherEvent;return t.jsxs(ce,{children:[t.jsx(D,{title:a.approvalPageHeader,style:{zIndex:4},onBackClick:()=>{y()},source:"BillPayApprovalRulesPage"}),t.jsxs(he,{children:[t.jsx(ue,{windowSize:u,children:h.approvalPageSubTitle}),x==="In-Progress"||x==="Not-Started"||g==="In-Progress"||m===!0?t.jsxs(me,{children:[t.jsx(E,{size:m===!0?"Large":"ExtraLarge",start:!0}),m===!0&&t.jsx(xe,{windowSize:u,children:a.updatingApprovalRules.replace("__entity__","bills")})]}):x==="Completed"?t.jsxs(t.Fragment,{children:[e.allApprovalRules.map((n,f)=>t.jsx(K,{showDeleteBtn:f!==0,approvalRule:n,isLastSection:f===e.allApprovalRules.length-1,onEditRuleClick:c,onDeleteRuleClick:v},n.approvalRuleId)),t.jsxs(we,{windowSize:u,onClick:()=>{c()},"data-testid":S("add-approval-rule-bill-pay"),children:[t.jsx(ge,{}),t.jsx($e,{children:a.addApprovalText})]})]}):null]})]})},ce=i.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,he=i.div`
+  display: flex;
+  justify-content: flex-start;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+`,me=i.div`
+  display: flex;
+  width: 100%;
+  min-height: calc(100vh - 150px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: ${o.sp3};
+  background-color: ${e=>e.theme.colors.grey4};
+`,ue=i(j)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  justify-content: center;
+  width: ${e=>$.titleWidth.valuePx(e.windowSize)};
+  padding-top: ${e=>$.subTitlePaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>$.subTitlePaddingBottom.valuePx(e.windowSize)};
+`,xe=i(j)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  justify-content: center;
+  margin-top: ${o.sp3};
+`,we=i(j)`
+  cursor: pointer;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  padding: ${o.sp3} ${o.sp4};
+  gap: ${e=>$.addApprovalGap.valuePx(e.windowSize)};
+
+  width: ${e=>$.width.valuePx(e.windowSize)};
+  height: ${o.sp8};
+
+  background: ${e=>e.theme.colors.grey5};
+
+  border: 1px solid ${e=>e.theme.colors.grey3};
+
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1}
+    ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${o.sp2};
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    div {
+      color: ${e=>e.theme.colors.primary};
+    }
+    border-color: ${e=>e.theme.colors.primary};
+  }
+  margin-bottom: ${o.sp6};
+`,ge=i(U)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,$e=i.div`
+  color: ${e=>e.theme.colors.hero};
+`;export{Ce as default};

package/dist/assets/{BillPayPromoPage-BK2J56U5-Dr_7W8ch.js → BillPayPromoPage-DkoqXDNt-FNHctwfQ.js}

@@ -1,4 +1,4 @@
-import{av as Y,Q as f,aN as _,F as C,V as e,fo as ee,bz as ie,n as T,aK as B,ad as m,o as l,ap as le,E as se,d as M,aQ as U,al as oe,y as re,p as $,cA as te,aR as ae,b8 as ne,u as de}from"./index-DcV3YN51.js";import{a as g}from"./core-3dlyNYRL.js";import{n as s}from"./mui-bYXq4XMS.js";import{Fc as ce,bV as pe,Fd as me}from"./zeni-epic-state-BwKvATgd.js";import{f as xe}from"./VideoPopup-DPZYhLgy-BO96yEx0.js";import{M as S}from"./usp-line-BBd1wKwW-ClwDS-nj.js";import"./sentry-cYFeB6Pw.js";import"./lottie-22bRan8M.js";import"./liveblocks-CNYVvsag.js";import"./utils-fBOyu0sO.js";import"./analytics-XaDXTZcq.js";import"./recharts-h5iNQbFd.js";import"./lexical-DPEnH3HH.js";import"./VideoPlayer-Gw_PLr8F-LYtV3YjE.js";const A="https://storage.googleapis.com/zeni-apis.appspot.com/images/Billpay-Light.png",L="https://storage.googleapis.com/zeni-apis.appspot.com/images/Billpay-Dark.png",he={midContainerMarginBottom:new re(de[5],44)},ge=s.div`
+import{av as W,q as f,aN as Y,F as C,V as e,fo as ee,bz as ie,n as T,aK as B,ad as m,o as l,ap as le,D as se,e as M,aQ as U,al as oe,y as re,p as $,cA as te,aR as ae,b8 as ne,d as de}from"./index-BhteR_e0.js";import{a as g}from"./core-B-FNbYlu.js";import{n as s}from"./mui-DLNyBjYF.js";import{Fc as ce,bV as pe,Fd as me}from"./zeni-epic-state-HWtMOH-U.js";import{f as xe}from"./VideoPopup-CEdhfU31-CRc_PqEa.js";import{M as S}from"./usp-line-BBd1wKwW-_aHpaGit.js";import"./sentry-EYLV4XmG.js";import"./lottie-gmZDfwf4.js";import"./liveblocks-BBTLClA6.js";import"./utils-D1zwltK3.js";import"./analytics-DGBWhVbe.js";import"./recharts-Cnl2EvUV.js";import"./lexical-DPEnH3HH.js";import"./VideoPlayer-D0GZ_Yml-CzUqkm8K.js";const A="https://storage.googleapis.com/zeni-apis.appspot.com/images/Billpay-Light.png",L="https://storage.googleapis.com/zeni-apis.appspot.com/images/Billpay-Dark.png",he={midContainerMarginBottom:new re(de[5],44)},ge=s.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -27,7 +27,7 @@ import{av as Y,Q as f,aN as _,F as C,V as e,fo as ee,bz as ie,n as T,aK as B,ad
   width: ${i=>i.windowSize==="small"?"auto":"376px"};
   display: flex;
   flex-direction: column;
-`,V=s.div`
+`,R=s.div`
   width: ${i=>i.windowSize==="small"?"100%":"calc(100% - 376px)"};
   overflow: hidden;
   max-width: 712px;
@@ -35,7 +35,7 @@ import{av as Y,Q as f,aN as _,F as C,V as e,fo as ee,bz as ie,n as T,aK as B,ad
   align-content: center;
   justify-content: center;
   align-items: center;
-`,R=s.div`
+`,V=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};
@@ -63,11 +63,11 @@ import{av as Y,Q as f,aN as _,F as C,V as e,fo as ee,bz as ie,n as T,aK as B,ad
   color: ${i=>i.theme.colors.champion};
 `,d=s.div``,c=s.div`
   padding-left: ${l.sp3};
-`,E=s(S)`
-  color: ${$.graphColor16Dark};
 `,F=s(S)`
+  color: ${$.graphColor16Dark};
+`,N=s(S)`
   color: ${$.graphColor09Dark};
-`,Q=s(S)`
+`,E=s(S)`
   color: ${$.graphColor28Dark};
 `,fe=s(oe)`
   margin: ${l.sp3} auto;
@@ -81,4 +81,4 @@ import{av as Y,Q as f,aN as _,F as C,V as e,fo as ee,bz as ie,n as T,aK as B,ad
 `,Se=s(U)`
   margin: ${i=>i.windowSize==="small"?l.sp1:`auto ${l.sp5}`};
   color: ${i=>i.theme.colors.grey1};
-`,o=C.getLocalizedStrings().spendManagement.billPay.billPayPromo,t=C.getLocalizedStrings().commonSetUp.businessVerification.terms,Ee=({billPaySetupView:i,analytics:r,meetingUrl:K,videoUrl:N,onButtonClick:O,onBackClick:Z,onSetupBillPaySuccess:z,onClickMenuIcon:q})=>{const h=Y(),a=f(),{billPayTermsDetails:p}=i,[H,J]=g.useState(!1),[W,b]=g.useState(!1),k=_(p?.fetchStatus.fetchState);g.useEffect(()=>{k==="In-Progress"&&p?.fetchStatus.fetchState==="Completed"&&z?.()},[k,z,p?.fetchStatus]);const X=()=>{r?.trackBillPayPromoScheduleDemo(),b(!0)},G=ce(h.loggedInUserRoleMap),v=pe(h.loggedInUserRoleMap)&&!G,P=v?o.setupNonAccessableUsersPromoText:o.promoText;return e.jsxs(ge,{children:[H===!0?e.jsx(xe,{onCancelClick:()=>{J(!1)},videoUrl:N}):null,W===!0?e.jsx(ee,{onCancelClick:()=>{b(!1)},meetingUrl:K}):null,e.jsx(ie,{title:o.title,onBackClick:Z,showBackButton:!me(h.loggedInUserRoleMap),showMenuIcon:a==="small"||a==="medium-compact",onClickMenuIcon:q,source:"BillPayPromoPage"}),e.jsxs(we,{windowSize:a,children:[a==="small"?e.jsx(je,{children:P}):e.jsx(ue,{children:P}),a==="small"?e.jsx(ze,{}):e.jsx(be,{}),v===!1?e.jsxs(ye,{children:[e.jsxs($e,{windowSize:a,children:[e.jsx(T,{variant:"secondary",label:o.scheduleDemoButton,onClick:X,"data-testid":B("billpay-schedule-demo-button")}),e.jsx(Se,{windowSize:a,children:o.orText}),e.jsx(T,{variant:"primary",label:o.setupBillPayButton,loading:p?.fetchStatus.fetchState==="In-Progress",onClick:O,"data-testid":B("billpay-setup-button")})]}),e.jsxs(fe,{children:[o.terms.terms1,e.jsx(m,{href:t.consentUrl,linkText:t.consent}),t.term2,e.jsx(m,{href:t.depositUrl,linkText:t.depositTerms}),t.term3,e.jsx(m,{href:t.privacyPolicyUrl,onZeniLinkClick:()=>(r?.trackBillPayPrivacyPolicy(),!0),linkText:t.privacy}),t.term4,e.jsx(m,{href:t.tosUrl,onZeniLinkClick:()=>(r?.trackBillPayAgreement(),!0),linkText:t.tos}),t.term5,o.terms.terms3]})]}):null]})]})},ze=()=>{const i=M(),r=f();return e.jsxs(D,{windowSize:r,children:[e.jsx(V,{windowSize:r,children:e.jsx(R,{windowSize:r,children:i.mode==="dark"?e.jsx(x,{src:L,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"}):e.jsx(x,{src:A,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"})})}),e.jsxs(I,{windowSize:r,children:[e.jsxs(n,{windowSize:r,children:[e.jsx(d,{children:e.jsx(Q,{})}),e.jsxs(c,{children:[e.jsx(y,{children:o.fullyManagedText.bold}),e.jsx(j,{children:o.fullyManagedText.regular})]})]}),e.jsxs(n,{windowSize:r,children:[e.jsx(d,{children:e.jsx(F,{})}),e.jsxs(c,{children:[e.jsx(y,{children:o.multiLevelApprovalText.bold}),e.jsx(j,{children:o.multiLevelApprovalText.regular})]})]}),e.jsxs(n,{windowSize:r,children:[e.jsx(d,{children:e.jsx(E,{})}),e.jsxs(c,{children:[e.jsx(y,{children:o.aiPoweredText.bold}),e.jsx(j,{children:o.aiPoweredText.regular})]})]})]})]})},be=()=>{const i=M(),r=f();return e.jsxs(D,{windowSize:r,children:[e.jsxs(I,{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(u,{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(F,{})}),e.jsxs(c,{children:[e.jsx(u,{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(E,{})}),e.jsxs(c,{children:[e.jsx(u,{children:o.aiPoweredText.bold}),e.jsx(w,{children:o.aiPoweredText.regular})]})]})]}),e.jsx(V,{windowSize:r,children:e.jsx(R,{windowSize:r,children:i.mode==="dark"?e.jsx(x,{src:L,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"}):e.jsx(x,{src:A,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"})})})]})};export{Ee as default};
+`,o=C.getLocalizedStrings().spendManagement.billPay.billPayPromo,t=C.getLocalizedStrings().commonSetUp.businessVerification.terms,Fe=({billPaySetupView:i,analytics:r,meetingUrl:Z,videoUrl:q,onButtonClick:K,onBackClick:O,onSetupBillPaySuccess:z,onClickMenuIcon:Q})=>{const h=W(),a=f(),{billPayTermsDetails:p}=i,[H,J]=g.useState(!1),[X,b]=g.useState(!1),v=Y(p?.fetchStatus.fetchState);g.useEffect(()=>{v==="In-Progress"&&p?.fetchStatus.fetchState==="Completed"&&z?.()},[v,z,p?.fetchStatus]);const _=()=>{r?.trackBillPayPromoScheduleDemo(),b(!0)},G=ce(h.loggedInUserRoleMap),k=pe(h.loggedInUserRoleMap)&&!G,P=k?o.setupNonAccessableUsersPromoText:o.promoText;return e.jsxs(ge,{children:[H===!0?e.jsx(xe,{onCancelClick:()=>{J(!1)},videoUrl:q}):null,X===!0?e.jsx(ee,{onCancelClick:()=>{b(!1)},meetingUrl:Z}):null,e.jsx(ie,{title:o.title,onBackClick:O,showBackButton:!me(h.loggedInUserRoleMap),showMenuIcon:a==="small"||a==="medium-compact",onClickMenuIcon:Q,source:"BillPayPromoPage"}),e.jsxs(we,{windowSize:a,children:[a==="small"?e.jsx(je,{children:P}):e.jsx(ue,{children:P}),a==="small"?e.jsx(ze,{}):e.jsx(be,{}),k===!1?e.jsxs(ye,{children:[e.jsxs($e,{windowSize:a,children:[e.jsx(T,{variant:"secondary",label:o.scheduleDemoButton,onClick:_,"data-testid":B("billpay-schedule-demo-button")}),e.jsx(Se,{windowSize:a,children:o.orText}),e.jsx(T,{variant:"primary",label:o.setupBillPayButton,loading:p?.fetchStatus.fetchState==="In-Progress",onClick:K,"data-testid":B("billpay-setup-button")})]}),e.jsxs(fe,{children:[o.terms.terms1,e.jsx(m,{href:t.consentUrl,linkText:t.consent}),t.term2,e.jsx(m,{href:t.depositUrl,linkText:t.depositTerms}),t.term3,e.jsx(m,{href:t.privacyPolicyUrl,onZeniLinkClick:()=>(r?.trackBillPayPrivacyPolicy(),!0),linkText:t.privacy}),t.term4,e.jsx(m,{href:t.tosUrl,onZeniLinkClick:()=>(r?.trackBillPayAgreement(),!0),linkText:t.tos}),t.term5,o.terms.terms3]})]}):null]})]})},ze=()=>{const i=M(),r=f();return e.jsxs(D,{windowSize:r,children:[e.jsx(R,{windowSize:r,children:e.jsx(V,{windowSize:r,children:i.mode==="dark"?e.jsx(x,{src:L,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"}):e.jsx(x,{src:A,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"})})}),e.jsxs(I,{windowSize:r,children:[e.jsxs(n,{windowSize:r,children:[e.jsx(d,{children:e.jsx(E,{})}),e.jsxs(c,{children:[e.jsx(y,{children:o.fullyManagedText.bold}),e.jsx(j,{children:o.fullyManagedText.regular})]})]}),e.jsxs(n,{windowSize:r,children:[e.jsx(d,{children:e.jsx(N,{})}),e.jsxs(c,{children:[e.jsx(y,{children:o.multiLevelApprovalText.bold}),e.jsx(j,{children:o.multiLevelApprovalText.regular})]})]}),e.jsxs(n,{windowSize:r,children:[e.jsx(d,{children:e.jsx(F,{})}),e.jsxs(c,{children:[e.jsx(y,{children:o.aiPoweredText.bold}),e.jsx(j,{children:o.aiPoweredText.regular})]})]})]})]})},be=()=>{const i=M(),r=f();return e.jsxs(D,{windowSize:r,children:[e.jsxs(I,{windowSize:r,children:[e.jsxs(n,{windowSize:r,style:{width:"376px"},children:[e.jsx(d,{children:e.jsx(E,{})}),e.jsxs(c,{children:[e.jsx(u,{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(N,{})}),e.jsxs(c,{children:[e.jsx(u,{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(u,{children:o.aiPoweredText.bold}),e.jsx(w,{children:o.aiPoweredText.regular})]})]})]}),e.jsx(R,{windowSize:r,children:e.jsx(V,{windowSize:r,children:i.mode==="dark"?e.jsx(x,{src:L,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"}):e.jsx(x,{src:A,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"})})})]})};export{Fe as default};

package/dist/assets/{BillPaySetUpPage-Jic5E25q-ByxpO-dO.js → BillPaySetUpPage-BommXkLS-DOKgmPVm.js}

@@ -1,4 +1,4 @@
-import{d as $e,Q as De,aN as F,a8 as Re,cB as Ue,F as _e,aS as Z,V as t,f6 as ze,aK as He,p as Le,y as u,bz as Me,A as Ne,ab as qe,fp as z,dM as Ge,fq as Je,bu as Ke,dC as Qe,bQ as Ze,fr as Xe,aO as Ye,o as L,fs as et,u as a,ak as tt,bI as it}from"./index-DcV3YN51.js";import{a as g}from"./core-3dlyNYRL.js";import{n as m}from"./mui-bYXq4XMS.js";import{bM as nt}from"./zeni-epic-state-BwKvATgd.js";import{g as ot}from"./UploadAdditionalDocumentOverlay-CJYvOjh0-CyuAR94x.js";import"./sentry-cYFeB6Pw.js";import"./lottie-22bRan8M.js";import"./liveblocks-CNYVvsag.js";import"./utils-fBOyu0sO.js";import"./analytics-XaDXTZcq.js";import"./recharts-h5iNQbFd.js";import"./lexical-DPEnH3HH.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",W="billPayAccount",Ct=({billPaySetupView:e,isDisabled:w,billpayApprovalView:E,meetingUrl:v,showIntlWiseWidget:s,connectedAccountProvider:ee,isAccountsEnabled:te,isLocalCurrencyEnabled:ie,analytics:b,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:ge,onEnableBillPayClick:me,onEnableBillPaySuccess:M,onClickMenuIcon:be,onInternationPaymentSetUpClick:ye,onEditFileName:Se,onDeleteFile:Pe,updateFilesEntity:xe,onCompanyOfficerUpdated:we,onSendForVerificationClick:ve,onSignUpClick:Ce})=>{const C=$e(),i=De(),[k,y]=g.useState(!1),N=g.useRef(null),{fetchState:p,updateStatus:S,accountUpdateStatus:ke,plaidConnectionDetails:O,allBankAccounts:Ae,companyBillPayInfo:A,isRefreshingViewInBackground:Te,selectedCompanyOfficer:c,primaryFundingAccount:r,allFundingAccounts:q}=e,h=A?.internationalWireOnboardingStatus,T=h==null||h.code==="onboarding_status_not_started",{fetchState:G,allApprovalRules:B,approvalRulesStatus:Be}=E,$=O.link_account.updateStatus,D=O.update_account.updateStatus,I=F(p),J=F(S.fetchState),K=F($.fetchState),Q=F(D.fetchState),P=Re({mode:"all",reValidateMode:"onChange",defaultValues:g.useMemo(()=>H(e),[e]),values:H(e)});g.useEffect(()=>{!k&&c?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&c.areAdditionalDocumentsRequestedForVerification&&!c.areAdditionalDocumentsSubmittedForVerification&&c.userVerificationStatus?.code==="require_info"&&y(!0),k&&I==="In-Progress"&&p==="Completed"&&y(!1)},[c,p,I]),g.useEffect(()=>{(I==="In-Progress"&&p==="Completed"||K==="In-Progress"&&$.fetchState==="Completed"||Q==="In-Progress"&&D.fetchState==="Completed")&&P.reset(H(e))},[I,p,P,e,K,$.fetchState,Q,D.fetchState]);const Ie=P.handleSubmit(x=>{b.trackEnableBillPay(),me()}),Ve=async(x,j)=>{const o=j[W];if(x.includes(W)){if(x.includes("fundingAccount")){if(o.fundingAccount.selectedOption!=null&&r?.id!=o.fundingAccount.selectedOption){const f=q.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"&&b.trackConnectBankLink(f.value,f.label,"bill_pay"),he(o.account.selectedOption,r.id,r.accType)}}};g.useEffect(()=>{const x=P.watch((j,{name:o})=>{o!=null&&j!=null&&Ue(()=>Ve(o,j))});return()=>{x.unsubscribe()}}),g.useEffect(()=>{J==="In-Progress"&&S.fetchState==="Completed"&&M()},[M,J,S.fetchState]);const{commonSetUp:je,spendManagement:Fe}=_e.getLocalizedStrings(),{setUp:d}=je,{billPaySetup:l}=Fe.billPay,R=A?.isBusinessVerified===!0&&(r?.accType==="depositAccount"||nt(r?.providerVerificationStatus?.code??"")),U=A?.isBillPayEnabled===!0,We=R?d.setupVerifiedSubTitle:l.setupSubTitle,Ee=p==="In-Progress"||p==="Not-Started"||G==="In-Progress"||G==="Not-Started",V=C.mode==="light"?new Z(C.colors.brandColorJadeLight):new Z(C.colors.brandColorJadeDark),Oe=()=>{!k&&c?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&c.areAdditionalDocumentsRequestedForVerification&&!c.areAdditionalDocumentsSubmittedForVerification&&c.userVerificationStatus?.code==="require_info"?y(!0):ce?.()};return t.jsxs(lt,{ref:N,children:[t.jsx(ze,{anchor:"right",PaperProps:{style:{width:n.overlayWidth.valuePercentage(i),boxShadow:"none"}},open:k,onClose:()=>y(!1),style:{backgroundColor:Le.drawerBackground},transitionDuration:250,"data-testid":He("bill-pay-setup-drawer"),children:t.jsx(ot,{authParams:oe,filesEndPoint:ne,updateStatus:S,onEditFileName:Se,onDeleteFile:Pe,updateFilesEntity:xe,companyOfficer:c,onClose:()=>y(!1),onCompanyOfficerUpdated:we,onSendForVerificationClick:ve})}),t.jsx(Me,{title:l.setupTitle,style:{zIndex:3},onBackClick:le,showMenuIcon:!U&&(i==="medium-compact"||i==="small"),onClickMenuIcon:be,scrollableContent:N,backgroundColor:C.colors.grey4,source:"BillPaySetUpPage"}),t.jsxs(rt,{windowSize:i,children:[t.jsx(st,{windowSize:i,children:We}),Ee?t.jsx(dt,{children:t.jsx(Ne,{size:"ExtraLarge",start:!0})}):t.jsxs(at,{children:[t.jsx(qe,{...P,children:t.jsx("form",{id:Y(X),onSubmit:Ie,children:t.jsxs(ut,{windowSize:i,children:[t.jsx(z,{onClick:Oe,title:d.businessVerificationTitle,subTitle:d.businessVerificationSubTitle,header:d.businessVerificationHeader,icon:{element:t.jsx(Ge,{width:n.iconWidthHeight.valuePx(i),height:n.iconWidthHeight.valuePx(i)}),color:V},status:A?.businessVerificationStatus,isLoading:Te,isActiveWhileLoading:!0}),t.jsx(Je,{connectedAccountProvider:ee,primaryFundingAccount:r,allFundingAccounts:q,plaidConnectionDetails:O,allBankAccounts:Ae,sectionId:W,isDisabled:w,onFetchLinkTokenClick:re,onEstablishConnectionClick:de,onUpdatePaymentAccountStatus:fe,onUpdatePaymentAccountLoginStatus:ge,onEstablishConnectionSuccess:ue,icon:{element:t.jsx(Ke,{width:n.iconWidthHeight.valuePx(i),height:n.iconWidthHeight.valuePx(i)}),color:V},analytics:b,productType:"bill_pay",isAccountsEnabled:te,onSignUpClick:Ce,pageName:"Bill Pay Setup",accountsPromoConfig:ae}),t.jsx(z,{title:B.length>0?d.approvalTitle:d.createApprovalTitle,subTitle:l.approvalSubTitle,header:B.length>0?d.approvalHeader:d.setupApprovalHeader,icon:{element:t.jsx(Qe,{width:n.iconWidthHeight.valuePx(i),height:n.iconWidthHeight.valuePx(i)}),color:V},style:{paddingBottom:n.lastSectionPaddingBottom.valuePx(i)},onClick:se,status:B.length>0?Be:void 0})]})})}),s===!0?t.jsx(z,{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:V},style:{paddingBottom:n.lastSectionPaddingBottom.valuePx(i)},isClickable:!0,onClick:()=>{T&&b.trackEnableIntlWire(ie),ye?.()},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&&B.length>0?t.jsx(Ye,{formId:Y(X),primaryBtn:{label:l.enableBillPay,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:S.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(et,{isFooterRendered:R&&!U,meetingUrl:v,analytics:b,productType:"bill_pay"})]})},at=m.div``,lt=m.div`
+import{e as Oe,q as _e,aN as F,a8 as Re,cB as Ue,F as De,aS as Q,V as t,f6 as He,aK as ze,p as Le,y as u,bz as qe,m as Me,ab as Ne,fp as H,dM as Ge,fq as Je,bu as Ke,dC as Ze,bQ as Qe,fr as Xe,aO as Ye,o as L,fs as et,d as a,ak as tt,bI as it}from"./index-BhteR_e0.js";import{a as g}from"./core-B-FNbYlu.js";import{n as m}from"./mui-DLNyBjYF.js";import{bM as nt}from"./zeni-epic-state-HWtMOH-U.js";import{g as ot}from"./UploadAdditionalDocumentOverlay-Ug3kL02_-B3G6i9sn.js";import"./sentry-EYLV4XmG.js";import"./lottie-gmZDfwf4.js";import"./liveblocks-BBTLClA6.js";import"./utils-D1zwltK3.js";import"./analytics-DGBWhVbe.js";import"./recharts-Cnl2EvUV.js";import"./lexical-DPEnH3HH.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",W="billPayAccount",Ct=({billPaySetupView:e,isDisabled:w,billpayApprovalView:E,meetingUrl:v,showIntlWiseWidget:s,connectedAccountProvider:ee,isAccountsEnabled:te,isLocalCurrencyEnabled:ie,analytics:b,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:ge,onEnableBillPayClick:me,onEnableBillPaySuccess:q,onClickMenuIcon:be,onInternationPaymentSetUpClick:ye,onEditFileName:Se,onDeleteFile:Pe,updateFilesEntity:xe,onCompanyOfficerUpdated:we,onSendForVerificationClick:ve,onSignUpClick:Ce})=>{const C=Oe(),i=_e(),[k,y]=g.useState(!1),M=g.useRef(null),{fetchState:p,updateStatus:S,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}=E,O=$.link_account.updateStatus,_=$.update_account.updateStatus,B=F(p),J=F(S.fetchState),K=F(O.fetchState),Z=F(_.fetchState),P=Re({mode:"all",reValidateMode:"onChange",defaultValues:g.useMemo(()=>z(e),[e]),values:z(e)});g.useEffect(()=>{!k&&c?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&c.areAdditionalDocumentsRequestedForVerification&&!c.areAdditionalDocumentsSubmittedForVerification&&c.userVerificationStatus?.code==="require_info"&&y(!0),k&&B==="In-Progress"&&p==="Completed"&&y(!1)},[c,p,B]),g.useEffect(()=>{(B==="In-Progress"&&p==="Completed"||K==="In-Progress"&&O.fetchState==="Completed"||Z==="In-Progress"&&_.fetchState==="Completed")&&P.reset(z(e))},[B,p,P,e,K,O.fetchState,Z,_.fetchState]);const Be=P.handleSubmit(x=>{b.trackEnableBillPay(),me()}),Ie=async(x,V)=>{const o=V[W];if(x.includes(W)){if(x.includes("fundingAccount")){if(o.fundingAccount.selectedOption!=null&&r?.id!=o.fundingAccount.selectedOption){const f=N.find(D=>D.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(D=>D.value===o.account.selectedOption);f!=null&&typeof f.label=="string"&&b.trackConnectBankLink(f.value,f.label,"bill_pay"),he(o.account.selectedOption,r.id,r.accType)}}};g.useEffect(()=>{const x=P.watch((V,{name:o})=>{o!=null&&V!=null&&Ue(()=>Ie(o,V))});return()=>{x.unsubscribe()}}),g.useEffect(()=>{J==="In-Progress"&&S.fetchState==="Completed"&&q()},[q,J,S.fetchState]);const{commonSetUp:Ve,spendManagement:Fe}=De.getLocalizedStrings(),{setUp:d}=Ve,{billPaySetup:l}=Fe.billPay,R=A?.isBusinessVerified===!0&&(r?.accType==="depositAccount"||nt(r?.providerVerificationStatus?.code??"")),U=A?.isBillPayEnabled===!0,We=R?d.setupVerifiedSubTitle:l.setupSubTitle,Ee=p==="In-Progress"||p==="Not-Started"||G==="In-Progress"||G==="Not-Started",I=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"?y(!0):ce?.()};return t.jsxs(lt,{ref:M,children:[t.jsx(He,{anchor:"right",PaperProps:{style:{width:n.overlayWidth.valuePercentage(i),boxShadow:"none"}},open:k,onClose:()=>y(!1),style:{backgroundColor:Le.drawerBackground},transitionDuration:250,"data-testid":ze("bill-pay-setup-drawer"),children:t.jsx(ot,{authParams:oe,filesEndPoint:ne,updateStatus:S,onEditFileName:Se,onDeleteFile:Pe,updateFilesEntity:xe,companyOfficer:c,onClose:()=>y(!1),onCompanyOfficerUpdated:we,onSendForVerificationClick:ve})}),t.jsx(qe,{title:l.setupTitle,style:{zIndex:3},onBackClick:le,showMenuIcon:!U&&(i==="medium-compact"||i==="small"),onClickMenuIcon:be,scrollableContent:M,backgroundColor:C.colors.grey4,source:"BillPaySetUpPage"}),t.jsxs(rt,{windowSize:i,children:[t.jsx(st,{windowSize:i,children:We}),Ee?t.jsx(dt,{children:t.jsx(Me,{size:"ExtraLarge",start:!0})}):t.jsxs(at,{children:[t.jsx(Ne,{...P,children:t.jsx("form",{id:Y(X),onSubmit:Be,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(Ge,{width:n.iconWidthHeight.valuePx(i),height:n.iconWidthHeight.valuePx(i)}),color:I},status:A?.businessVerificationStatus,isLoading:Te,isActiveWhileLoading:!0}),t.jsx(Je,{connectedAccountProvider:ee,primaryFundingAccount:r,allFundingAccounts:N,plaidConnectionDetails:$,allBankAccounts:Ae,sectionId:W,isDisabled:w,onFetchLinkTokenClick:re,onEstablishConnectionClick:de,onUpdatePaymentAccountStatus:fe,onUpdatePaymentAccountLoginStatus:ge,onEstablishConnectionSuccess:ue,icon:{element:t.jsx(Ke,{width:n.iconWidthHeight.valuePx(i),height:n.iconWidthHeight.valuePx(i)}),color:I},analytics:b,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(Ze,{width:n.iconWidthHeight.valuePx(i),height:n.iconWidthHeight.valuePx(i)}),color:I},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:I},style:{paddingBottom:n.lastSectionPaddingBottom.valuePx(i)},isClickable:!0,onClick:()=>{T&&b.trackEnableIntlWire(ie),ye?.()},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]})]}),R&&!U&&j.length>0?t.jsx(Ye,{formId:Y(X),primaryBtn:{label:l.enableBillPay,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:S.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(et,{isFooterRendered:R&&!U,meetingUrl:v,analytics:b,productType:"bill_pay"})]})},at=m.div``,lt=m.div`
   display: flex;
   min-height: 100%;
   flex-direction: column;
@@ -39,4 +39,4 @@ import{d as $e,Q as De,aN as F,a8 as Re,cB as Ue,F as _e,aS as Z,V as t,f6 as ze
   display: flex;
   flex-direction: column;
   row-gap: ${e=>n.sectionRowGap.valuePx(e.windowSize)};
-`,H=e=>{const{allBankAccounts:w,allFundingAccounts:E,primaryFundingAccount:v}=e;return{[W]:{fundingAccount:{selectedOption:v?.id,allOptions:E.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}))}}}},Y=e=>`${e}_form`;export{Ct as default,Y as uniqueName};
+`,z=e=>{const{allBankAccounts:w,allFundingAccounts:E,primaryFundingAccount:v}=e;return{[W]:{fundingAccount:{selectedOption:v?.id,allOptions:E.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}))}}}},Y=e=>`${e}_form`;export{Ct as default,Y as uniqueName};

package/dist/assets/{BillingSettingsPage-CKZVChEm-DCpRgyWO.js → BillingSettingsPage-gHbc5Kq3-CFDIJf8G.js}

@@ -1,4 +1,4 @@
-import{d as fe,Q as be,a8 as Ce,cB as Pe,aS as j,F as xe,V as t,y as P,bz as Ae,A as Ie,ab as ve,bu as ke,cC as je,aO as Be,o as s,hE as Ve,eU as $e,eV as Ee,u as x,ak as Te,gN as ze,B as De,p as Le}from"./index-DcV3YN51.js";import{a as U}from"./core-3dlyNYRL.js";import{n as r}from"./mui-bYXq4XMS.js";import{M as Oe,r as F,o as Me}from"./PaymentAccountSetupBillingAddressSection-pL7omrJk-2WYjNORF.js";import{F as _e}from"./SetUpAccountSection-DrMCC1IY-DKdlON5F.js";import"./sentry-cYFeB6Pw.js";import"./zeni-epic-state-BwKvATgd.js";import"./lottie-22bRan8M.js";import"./liveblocks-CNYVvsag.js";import"./utils-fBOyu0sO.js";import"./analytics-XaDXTZcq.js";import"./recharts-h5iNQbFd.js";import"./lexical-DPEnH3HH.js";const p={titleWidth:new P(343,580,726,826),setupDetailsRowGap:new P(12,x[5],x[5]),iconWidthHeight:new P(20,x[4]),subTitlePaddingTop:new P(12,x[3])},Ue={title:new De("standardSemiBold","largeSemiBold")},H="billingSetupPage",A="payAccountSectionId",n="subscriptionBillingAddressSectionId",lt=({analytics:e,billingSetupView:a,connectedAccountProvider:g,isDisabled:d,onClickMenuIcon:I,uiState:N,stripeKey:K,googleAPIKey:G,companyId:q,onUpdateAccountClick:J,onFetchLinkTokenClick:Z,onUpdatePaymentAccountStatus:Q,onUpdatePaymentAccountLoginStatus:X,onEstablishConnectionClick:Y,onEstablishConnectionSuccess:ee,handleCreateCardSetupIntent:te,handleConfirmCardSetupIntent:ne,updateCardPaymentModalState:B,handleAddCardPaymentSource:ie,resetCardPaymentViewState:oe,handleResetCardPaymentErrorStatuses:ae,onBillingAddressSave:se,onAddressEditHandler:re})=>{const b=fe(),i=be(),{setupView:{paymentAccount:y,plaidConnectionDetails:de,allBankAccounts:le,accountFetchStatus:V},cardPaymentView:m}=a,ce=a.subscriptionBillingAddress,$=y?.providerVerificationStatus,ue=V.fetchState==="In-Progress"||V.fetchState==="Not-Started",S=Ce({mode:"onSubmit",reValidateMode:"onChange",defaultValues:R(a),values:R(a),resetOptions:{keepDirtyValues:!0}}),pe=S.handleSubmit(c=>{se(q)}),E=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,k=$e(f?.country);u={street:o[n].street??l.strings.empty,city:f?.locality??l.strings.empty,state:f?.administrativeAreaLevel1??l.strings.empty,country:k,countryCode:f?.countryCode??l.strings.empty,postalCode:f?.postalCode??l.strings.empty,secondaryInfo:o[n].secondaryInfo,suite:o[n].suite},v.selectedOption!==k.selectedOption&&(u={...u,country:k})}else c===`${n}.country`&&v.selectedOption!=null&&(u={...u,countryCode:Ee(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)};U.useEffect(()=>{const c=S.watch((o,{name:h})=>{h!=null&&o!=null&&Pe(()=>me(h,o))});return()=>{c.unsubscribe()}});const T=b.mode==="light"?new j(b.colors.brandColorJadeLight):new j(b.colors.brandColorJadeDark),{customerOnboardingPage:{sections:{link_payment_account:he,card_payment_method:w}},common:l,billingSetupPage:z}=xe.getLocalizedStrings(),ge=z.section.subTitle,{text:ye,subText:Se}=he,D=m.cardsList.length>0,L=m?.cardsList[0]?.brand??"other",O=m?.addCardPaymentSourceStatus.fetchState,C=Oe(w.header,w.titleText,w.protectedCardNo,m);let M;D&&(M={header:C.header,title:C.title,subtitle:C.subtitle,status:C.status==="valid"?{name:"Verified",code:"verified"}:{name:"Pending",code:"pending"},showAddPaymentMethodDropDown:D===!0,icon:{element:t.jsx("img",{src:F(L).iconURL,width:p.iconWidthHeight.valuePx(i),height:p.iconWidthHeight.valuePx(i),alt:F(L).name}),color:new j(T)},showCompletedIcon:!1,isError:O==="Error",isLoading:O==="In-Progress",isCompleted:!0,showRightArrow:!1});const[_,we]=U.useState(!1);return t.jsxs(He,{children:[t.jsx(Ae,{source:"BillingSettingsPage",title:z.section.title,backgroundColor:b.colors.grey4,style:{zIndex:3},showBackButton:!1,showMenuIcon:i==="medium-compact"||i==="small",onClickMenuIcon:I}),t.jsxs(Fe,{windowSize:i,children:[t.jsx(Re,{windowSize:i,children:ge}),ue?t.jsx(We,{children:t.jsx(Ie,{size:"ExtraLarge",start:!0})}):t.jsx(ve,{...S,children:t.jsx(Je,{children:t.jsx("form",{id:W(H),onSubmit:pe,children:t.jsxs(Ne,{windowSize:i,children:[t.jsx(_e,{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:$?.code==="require_info"||$?.code==="failed",icon:{element:t.jsx(ke,{width:p.iconWidthHeight.valuePx(i),height:p.iconWidthHeight.valuePx(i)}),color:T},analytics:e,productType:"billing",updateCardPaymentModalState:B,cardPaymentSectionValues:M,cardPaymentView:m,resetCardPaymentViewState:oe,showZeniAccountSection:!1,referrer:"Billing",cardSetupInProgress:_}),Ke(i,l.headers.billingAddress,ce,G,d)]})})})}),je(S.formState.dirtyFields)?t.jsx(Be,{formId:W(H),style:{width:i==="small"?"auto":"100%",paddingTop:s.sp2,paddingBottom:s.sp2,height:s.sp8},primaryBtn:{label:l.footer.save,isLoading:E?.fetchState==="In-Progress",isDisabled:E?.fetchState==="In-Progress",style:{height:s.sp6}},showCancel:!1,containerStyle:{width:"auto",justifyContent:"center"}}):null]}),t.jsx(Me,{handleConfirmCardSetupIntent:ne,updateCardPaymentModalState:B,handleCreateCardSetupIntent:te,handleAddCardPaymentSource:ie,cardPaymentView:m,isCardPaymentOpen:N.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:ae,stripeKey:K,cardSetupInProgress:_,setCardSetupInProgress:we})]})},R=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]:Ve(n,e.subscriptionBillingAddress)[n]}},Fe=r.div`
+import{e as fe,q as be,a8 as Ce,cB as Pe,aS as k,F as xe,V as t,y as P,bz as Ae,m as Ie,ab as ve,bu as je,cC as ke,aO as $e,o as s,hE as Ve,eU as Be,eV as Ee,d as x,ak as Te,gN as ze,a as Le,p as Oe}from"./index-BhteR_e0.js";import{a as H}from"./core-B-FNbYlu.js";import{n as r}from"./mui-DLNyBjYF.js";import{M as De,r as R,o as Me}from"./PaymentAccountSetupBillingAddressSection-BP-_59EO-KoltH9y1.js";import{F as Fe}from"./SetUpAccountSection-9zELif-q-xWCkQEz2.js";import"./sentry-EYLV4XmG.js";import"./zeni-epic-state-HWtMOH-U.js";import"./lottie-gmZDfwf4.js";import"./liveblocks-BBTLClA6.js";import"./utils-D1zwltK3.js";import"./analytics-DGBWhVbe.js";import"./recharts-Cnl2EvUV.js";import"./lexical-DPEnH3HH.js";const p={titleWidth:new P(343,580,726,826),setupDetailsRowGap:new P(12,x[5],x[5]),iconWidthHeight:new P(20,x[4]),subTitlePaddingTop:new P(12,x[3])},He={title:new Le("standardSemiBold","largeSemiBold")},U="billingSetupPage",A="payAccountSectionId",n="subscriptionBillingAddressSectionId",lt=({analytics:e,billingSetupView:a,connectedAccountProvider:g,isDisabled:d,onClickMenuIcon:I,uiState:q,stripeKey:N,googleAPIKey:K,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 b=fe(),i=be(),{setupView:{paymentAccount:y,plaidConnectionDetails:de,allBankAccounts:le,accountFetchStatus:V},cardPaymentView:m}=a,ce=a.subscriptionBillingAddress,B=y?.providerVerificationStatus,ue=V.fetchState==="In-Progress"||V.fetchState==="Not-Started",S=Ce({mode:"onSubmit",reValidateMode:"onChange",defaultValues:W(a),values:W(a),resetOptions:{keepDirtyValues:!0}}),pe=S.handleSubmit(c=>{se(G)}),E=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=Be(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:Ee(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)};H.useEffect(()=>{const c=S.watch((o,{name:h})=>{h!=null&&o!=null&&Pe(()=>me(h,o))});return()=>{c.unsubscribe()}});const T=b.mode==="light"?new k(b.colors.brandColorJadeLight):new k(b.colors.brandColorJadeDark),{customerOnboardingPage:{sections:{link_payment_account:he,card_payment_method:w}},common:l,billingSetupPage:z}=xe.getLocalizedStrings(),ge=z.section.subTitle,{text:ye,subText:Se}=he,L=m.cardsList.length>0,O=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:R(O).iconURL,width:p.iconWidthHeight.valuePx(i),height:p.iconWidthHeight.valuePx(i),alt:R(O).name}),color:new k(T)},showCompletedIcon:!1,isError:D==="Error",isLoading:D==="In-Progress",isCompleted:!0,showRightArrow:!1});const[F,we]=H.useState(!1);return t.jsxs(Ue,{children:[t.jsx(Ae,{source:"BillingSettingsPage",title:z.section.title,backgroundColor:b.colors.grey4,style:{zIndex:3},showBackButton:!1,showMenuIcon:i==="medium-compact"||i==="small",onClickMenuIcon:I}),t.jsxs(Re,{windowSize:i,children:[t.jsx(We,{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:_(U),onSubmit:pe,children:t.jsxs(qe,{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:B?.code==="require_info"||B?.code==="failed",icon:{element:t.jsx(je,{width:p.iconWidthHeight.valuePx(i),height:p.iconWidthHeight.valuePx(i)}),color:T},analytics:e,productType:"billing",updateCardPaymentModalState:$,cardPaymentSectionValues:M,cardPaymentView:m,resetCardPaymentViewState:oe,showZeniAccountSection:!1,referrer:"Billing",cardSetupInProgress:F}),Ne(i,l.headers.billingAddress,ce,K,d)]})})})}),ke(S.formState.dirtyFields)?t.jsx($e,{formId:_(U),style:{width:i==="small"?"auto":"100%",paddingTop:s.sp2,paddingBottom:s.sp2,height:s.sp8},primaryBtn:{label:l.footer.save,isLoading:E?.fetchState==="In-Progress",isDisabled:E?.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:q.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:ae,stripeKey:N,cardSetupInProgress:F,setCardSetupInProgress:we})]})},W=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]:Ve(n,e.subscriptionBillingAddress)[n]}},Re=r.div`
   display: flex;
   justify-content: space-between;
   height: 100%;
@@ -6,13 +6,13 @@ import{d as fe,Q as be,a8 as Ce,cB as Pe,aS as j,F as xe,V as t,y as P,bz as Ae,
   flex-direction: column;
   align-items: center;
   row-gap: ${e=>p.setupDetailsRowGap.valuePx(e.windowSize)};
-`,He=r.div`
+`,Ue=r.div`
   display: flex;
   min-height: 100%;
   flex-direction: column;
   width: 100%;
   background-color: ${e=>e.theme.colors.grey4};
-`,Re=r(Te)`
+`,We=r(Te)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   justify-content: center;
@@ -20,7 +20,7 @@ import{d as fe,Q as be,a8 as Ce,cB as Pe,aS as j,F as xe,V as t,y as P,bz as Ae,
   padding-top: ${e=>p.subTitlePaddingTop.valuePx(e.windowSize)};
   padding-bottom: ${s.sp3};
   text-align: ${e=>e.windowSize==="small"?"initial":"center"};
-`,We=r.div`
+`,_e=r.div`
   display: flex;
   width: 100%;
   height: calc(100vh - 110px);
@@ -28,17 +28,17 @@ import{d as fe,Q as be,a8 as Ce,cB as Pe,aS as j,F as xe,V as t,y as P,bz as Ae,
   justify-content: center;
   align-items: center;
   background-color: ${e=>e.theme.colors.grey4};
-`,Ne=r.div`
+`,qe=r.div`
   display: flex;
   flex-direction: column;
-`,Ke=(e,a,g,d,I)=>t.jsxs(Ge,{children:[t.jsx(qe,{windowSize:e,isDisabled:I==="disabled",children:a}),t.jsx(ze,{googleAPIKey:d??"",addressToEdit:g,sectionId:`${n}`,style:{marginLeft:"0px"},elementsStyle:{paddingRight:"0px"}})]}),Ge=r.div`
+`,Ne=(e,a,g,d,I)=>t.jsxs(Ke,{children:[t.jsx(Ge,{windowSize:e,isDisabled:I==="disabled",children:a}),t.jsx(ze,{googleAPIKey:d??"",addressToEdit:g,sectionId:`${n}`,style:{marginLeft:"0px"},elementsStyle:{paddingRight:"0px"}})]}),Ke=r.div`
   margin-top: ${s.sp3};
   margin-bottom: ${s.sp4};
-`,qe=r.div`
-  ${e=>`${Ue.title.style(e.windowSize)}`};
+`,Ge=r.div`
+  ${e=>`${He.title.style(e.windowSize)}`};
   margin-bottom: ${s.sp3};
   margin-top: ${s.sp4};
-  color: ${e=>e.isError===!0?Le.important:e.isDisabled===!0?e.theme.colors.grey1:e.theme.colors.primary};
+  color: ${e=>e.isError===!0?Oe.important:e.isDisabled===!0?e.theme.colors.grey1:e.theme.colors.primary};
 `,Je=r.div`
   flex: 1;
-`,W=e=>`${e}_form`;export{lt as default,W as uniqueName};
+`,_=e=>`${e}_form`;export{lt as default,_ as uniqueName};

package/dist/assets/{BillsBulkReviewDrawerPage-C4Ra5e82-pr6_FYet.js → BillsBulkReviewDrawerPage-C541rBnx-DPMvwxh2.js}

@@ -1 +1 @@
-import{F as O,V as _,cm as M,cn as W,co as Y,j_ as q,aV as z}from"./index-DcV3YN51.js";import{a as b}from"./core-3dlyNYRL.js";import{FS as X}from"./zeni-epic-state-BwKvATgd.js";import{u as Z}from"./ReviewOverlay-CPU7RPiJ-Boo32wAd.js";import"./mui-bYXq4XMS.js";import"./sentry-cYFeB6Pw.js";import"./lottie-22bRan8M.js";import"./liveblocks-CNYVvsag.js";import"./utils-fBOyu0sO.js";import"./analytics-XaDXTZcq.js";import"./recharts-h5iNQbFd.js";import"./lexical-DPEnH3HH.js";const{common:n,spendManagement:{billPay:C}}=O.getLocalizedStrings(),o=C.bulkActions;let x;const de=({billsReviewView:t,analytics:r,onProceedForBulkActionClick:l,onCloseReviewItem:e,onCloseOverlay:c})=>{const{fetchState:m,bulkSubmissionFetchState:a,bulkOperationTypeSelected:i,currentTab:g,currentSubTab:f}=t,u=i==="review",[B,h]=b.useState(!1),[s,v]=b.useState(T(t,u)),[p,k]=b.useState(u),[I,E]=b.useState(0),[w,j]=b.useState({type:"",title:"",description:"",primaryButtonText:"",secondaryButtonText:""});b.useEffect(()=>(u&&(x=setInterval(()=>{v(d=>d.map((S,V)=>(clearInterval(x),V===I?{...S,reviewStatus:{isLoading:!1,code:"valid"}}:S))),E(d=>d+1)},1e3)),I===s.length&&p&&(k(!1),clearInterval(x)),!u&&t.fetchState==="Completed"&&v(T(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);j({type:"reject",title:d,description:S,primaryButtonText:n.texts.confirm,secondaryButtonText:n.texts.close}),r.trackBillPayBulkSubmit(i,g,f),h(!0)},N={onOkClick:d=>{h(!1),r.trackBillPayBulkPopupConfirm(i,g,f,G(t)),l("reject",d)},onCancelClick:()=>{h(!1)}},{title:A,description:$}=J(m,y,R,p),P=t.fetchState==="Completed"&&y===0,U=()=>{r.trackBillPayBulkSubmit(i,g,f),l(i)},D={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:U,style:i==="send_for_approval"?{minWidth:"92px"}:{}},L={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 _.jsxs(_.Fragment,{children:[B?_.jsx(M,{titleComponent:_.jsx(Y,{children:w.title}),descriptionComponent:_.jsx(W,{children:w.description}),primaryButtonText:w.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:w.secondaryButtonText,action:N,isNotesIncluded:!0,isEditPopup:!0}):null,_.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:D,cancelButton:L,hideCancel:P}})]})},T=(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:z("0,0.[00]",e.amount?.amount,e.amount?.currencySymbol),showThunderIcon:e.reviewErrors?.length===1&&X(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=q([...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:f,do_:u,does:B}=n.texts,h=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_>",h?g:f)}`):(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{de as default,G as getBillsUniqueType};
+import{F as O,V as _,cm as M,cn as W,co as q,j_ as z,aV as Q}from"./index-BhteR_e0.js";import{a as b}from"./core-B-FNbYlu.js";import{FS as X}from"./zeni-epic-state-HWtMOH-U.js";import{u as Y}from"./ReviewOverlay-CJlk2MNH-s-FncxF6.js";import"./mui-DLNyBjYF.js";import"./sentry-EYLV4XmG.js";import"./lottie-gmZDfwf4.js";import"./liveblocks-BBTLClA6.js";import"./utils-D1zwltK3.js";import"./analytics-DGBWhVbe.js";import"./recharts-Cnl2EvUV.js";import"./lexical-DPEnH3HH.js";const{common:n,spendManagement:{billPay:C}}=O.getLocalizedStrings(),o=C.bulkActions;let x;const de=({billsReviewView:t,analytics:r,onProceedForBulkActionClick:l,onCloseReviewItem:e,onCloseOverlay:c})=>{const{fetchState:m,bulkSubmissionFetchState:a,bulkOperationTypeSelected:i,currentTab:g,currentSubTab:f}=t,u=i==="review",[B,h]=b.useState(!1),[s,v]=b.useState(E(t,u)),[p,T]=b.useState(u),[I,k]=b.useState(0),[w,j]=b.useState({type:"",title:"",description:"",primaryButtonText:"",secondaryButtonText:""});b.useEffect(()=>(u&&(x=setInterval(()=>{v(d=>d.map((S,L)=>(clearInterval(x),L===I?{...S,reviewStatus:{isLoading:!1,code:"valid"}}:S))),k(d=>d+1)},1e3)),I===s.length&&p&&(T(!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}=G(y);j({type:"reject",title:d,description:S,primaryButtonText:n.texts.confirm,secondaryButtonText:n.texts.close}),r.trackBillPayBulkSubmit(i,g,f),h(!0)},N={onOkClick:d=>{h(!1),r.trackBillPayBulkPopupConfirm(i,g,f,Z(t)),l("reject",d)},onCancelClick:()=>{h(!1)}},{title:A,description:$}=H(m,y,R,p),P=t.fetchState==="Completed"&&y===0,U=()=>{r.trackBillPayBulkSubmit(i,g,f),l(i)},D={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:U,style:i==="send_for_approval"?{minWidth:"92px"}:{}},V={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 _.jsxs(_.Fragment,{children:[B?_.jsx(M,{titleComponent:_.jsx(q,{children:w.title}),descriptionComponent:_.jsx(W,{children:w.description}),primaryButtonText:w.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:w.secondaryButtonText,action:N,isNotesIncluded:!0,isEditPopup:!0}):null,_.jsx(Y,{title:A,description:{content:$,isError:t.fetchState==="Completed"&&y===0},reviewItems:s,onCloseReviewItem:e,onCloseOverlay:c,showFooter:t.fetchState==="Completed"&&!p,footerProps:{primaryButton:D,cancelButton:V,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:Q("0,0.[00]",e.amount?.amount,e.amount?.currencySymbol),showThunderIcon:e.reviewErrors?.length===1&&X(e.reviewErrors[0].reviewErrorCode),subTitle:J(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??""}}))},Z=t=>{const r=t.billsForReview;let l=[];return r.forEach(e=>{l=z([...l,e.isRecurring?"recurring":"one-time"])}),l},G=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)}},H=(t,r,l,e)=>{const{has:c,have:m,bill:a,bills:i,are:g,is:f,do_:u,does:B}=n.texts,h=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_>",h?g:f)}`):(v=o.reviewPage.billsReviewing.title.replace("<_bill_>",s?i:a),p=o.reviewPage.billsReviewing.description.replace("<_bill_>",s?i:a)),{title:v,description:p}},J=(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{de as default,Z as getBillsUniqueType};

package/dist/assets/{BoxItem-8PfNfaHq-B3NqjMnf.js → BoxItem-usHxaONy-BSYmkNdH.js}

@@ -1,4 +1,4 @@
-import{Q as h,V as s,aK as b,o as r}from"./index-DcV3YN51.js";import{n as p}from"./mui-bYXq4XMS.js";import{o as l}from"./commonDimensions-B1u_MhON-DBkNP1J8.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,V as s,aK as b,o as r}from"./index-BhteR_e0.js";import{n as p}from"./mui-DLNyBjYF.js";import{o as l}from"./commonDimensions-B-aZt-hB-CyMsSMR_.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)};