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

package/dist/assets/LowBalancePopup-CEiTKqxT-F00svkBR.js

@@ -0,0 +1,34 @@
+import{a as F,u as R,a8 as T,j as a,aa as W,dc as v,dy as A,R as m,dB as z,b as e,de as U,s as c,bM as E,br as Y,cJ as N}from"./index-2CdI-B2B.js";import{n as d}from"./mui-kiGMfX4-.js";import{fw as V,bO as S,bj as k}from"./zeni-epic-state-Bo1aGezX.js";const s={labelWidth:new m(152,176,176),paddingBottom:new m(c[3],c[2]),width:new m(300,420,420),paddingRight:new m(c[4],c[3])},J=d.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${t=>t.theme.colors.grey5};
+  border: 1px solid ${t=>t.theme.colors.grey3};
+  box-shadow: ${t=>`${e.sp0} 2px ${e.sp1} ${t.theme.colors.dropShadowNormal}`};
+  border-radius: ${e.sp2};
+  margin: ${t=>t.windowSize==="small"?`${e.sp5} ${e.sp3} ${e.sp6} ${e.sp3}`:`${e.sp5} ${e.sp8} ${e.sp6} ${e.sp8}`};
+`,Z=d.div`
+  display: flex;
+  flex: 1;
+  background-color: ${t=>t.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`;function _({saveDetailsFetchState:t,paymentData:n,onProceedForMarkAsPaid:u,onCancel:h}){const{spendManagement:{billPay:{billDetails:{paymentOutsideZeni:y,paymentDate:g,cancel:i}}},dateFormat:{visual:f,analytics:b}}=F.getLocalizedStrings(),{popUpTitle:x,paymentModeLabel:M,markAsPaid:P,defaultDateInfo:B,paymentModeOptions:w,selectDate:j,selectMethod:O}=y,l=R(),$="payment-outside-zeni-form",r="paymentMode",p="paymentDate",D=T({mode:"all",values:{[r]:{selectedOption:n?.paymentMode,allOptions:w.map(o=>o.value)},[p]:n?.paymentDate?.toDate()}}),L=D.handleSubmit(o=>{u({paymentDate:o[p]!=null?S(o[p].toString()):S(k().startOf("month").format(b.YYYYDashMMDashDDFormat).toString()),paymentMode:o[r]?.selectedOption!=null?V(o[r]?.selectedOption):"other"})});return a.jsx(W,{...D,children:a.jsx("form",{id:$,onSubmit:L,children:a.jsx(v,{formId:$,titleComponent:a.jsx(U,{children:x}),primaryButtonText:P,primaryButtonWidth:128,secondaryButtonWidth:128,secondaryButtonText:i,isLoading:t==="In-Progress",isDisabled:t==="In-Progress",isEditPopup:!0,shouldClickAway:t!=="In-Progress",action:{onOkClick:()=>null,onCancelClick:h},children:a.jsxs(J,{windowSize:l,children:[a.jsx(A,{label:{label:M,width:s.labelWidth.value(l)},style:{width:s.width.valuePx(l)},singleSelectField:{singleSelect:{getLabelForId:o=>w.find(I=>I.value===o)?.label??"",showTickMark:!1,alwaysShowEyeTooltip:!1,name:r,placeholder:O,showValueEyeIcon:!1,showEyeIconOnSelect:!1},defaultValue:{selectedOption:n?.paymentMode,allOptions:w?.map(o=>o.value)??[]}},isFunctional:!0}),a.jsx(Z,{}),a.jsx(z,{label:{label:g,width:s.labelWidth.value(l)},style:{paddingBottom:s.paddingBottom.valuePx(l),width:s.width.valuePx(l),borderRadius:e.sp0},additionalPaymentInfoLabel:B,additionalPaymentInfoLabelStyle:{borderBottomRightRadius:e.sp2,borderBottomLeftRadius:e.sp2,paddingTop:e.sp1,paddingBottom:e.sp1,paddingLeft:e.sp3,paddingRight:s.paddingRight.valuePx(l),textAlign:"left"},dateField:{name:p,placeholder:j,defaultValue:n?.paymentDate,dateFormat:f.defaultInput,maxDate:k(),minDate:S("01 Jan 1900"),autoComplete:"off"}})]})})})})}const ee=({withdrawFrom:t,paymentDate:n,onOkClick:u,onCancelClick:h,onClickAway:y})=>{const{dateFormat:g,spendManagement:{billPay:i},common:{strings:f}}=F.getLocalizedStrings();if(t!=null&&n!=null){const b=`${t?.label} ${t?.maskedAccountNumber}`,x=a.jsx(H,{children:a.jsxs(q,{children:[a.jsx(C,{children:b}),i.insufficientFunds.popUp.hasLowBalance,f.space,i.insufficientFunds.popUp.addMoney,a.jsx(C,{children:n?.format(g.visual.MMMDFormat)}),i.insufficientFunds.popUp.avoidFailure]})});return a.jsx(v,{titleComponent:a.jsx(G,{children:i.insufficientFunds.popUp.title}),primaryButtonText:i.billDetails.buttons.approveAnyways,secondaryButtonText:i.billDetails.editBill,containerStyle:{maxWidth:474},descriptionComponent:x,action:{onOkClick:u,onCancelClick:h,onClickAway:y},secondaryButtonWidth:166,primaryButtonWidth:"auto",showLine:!1,buttonSeparatorStyle:{width:e.sp3},buttonContainerStyle:{paddingBottom:e.sp6}})}},H=d.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  padding-left: ${e.sp7};
+  padding-right: ${e.sp7};
+  margin-top: ${e.sp3};
+  white-space: pre-line;
+`,q=d(E)`
+  color: ${t=>t.theme.colors.hero};
+`,C=d(Y)`
+  color: ${t=>t.theme.colors.primary};
+`,G=d(N)`
+  margin-top: ${e.sp6};
+  padding-left: ${e.sp8};
+  padding-right: ${e.sp8};
+  color: ${t=>t.theme.colors.primary};
+  word-break: break-word;
+`;export{_ as D,ee as k};

package/dist/assets/MagicLinkACHDetailsPage-C7xvzxN5-Dc6R7yOX.js

@@ -0,0 +1 @@
+import{j as y}from"./index-2CdI-B2B.js";import{T as S}from"./ACHDetailsPage-StkGXn1c-DnerZ6yw.js";import"./mui-kiGMfX4-.js";import"./core-tlHkQPPu.js";import"./sentry-Dhk5jNhq.js";import"./zeni-epic-state-Bo1aGezX.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";import"./BankAccountWarningSection-DGSw5Uvq-4-yHVJQf.js";import"./MagicLinkTitleSection-CzGvBYzB-DMlmyXfy.js";import"./BankAccountSection-CwPIXA5w-DE6FMEHD.js";const H=({magicLinkViewState:t,magicLinkBankAccountDetails:a,onSaveHandler:e,onACHDetailsUpdated:o,onFetchBankName:n,isDisabled:r,companyName:i})=>{const{fetchState:m,error:c,bankNameByRouting:u,bankAccountToCreate:p,fetchBankNameByRoutingStatus:s}=a,{currencySymbol:k,amount:l}=t;return y.jsx(S,{bankAccountToCreate:p,bankAccountCreationState:{fetchState:m,error:c},bankNameByRouting:u,fetchBankNameByRoutingStatus:s,onSaveHandler:e,onACHDetailsUpdated:o,onFetchBankName:n,isDisabled:r,companyName:i,isMagicLink:!0,currencySymbol:k,amount:l})};export{H as default};

package/dist/assets/MagicLinkDomesticWireDetailsPage-D8iNxVu6-BUAijWLq.js

@@ -0,0 +1 @@
+import{j as S}from"./index-2CdI-B2B.js";import{z as b}from"./DomesticWireDetailsPage-C_flRkmQ-DX47g_ws.js";import"./mui-kiGMfX4-.js";import"./core-tlHkQPPu.js";import"./sentry-Dhk5jNhq.js";import"./zeni-epic-state-Bo1aGezX.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";import"./BankAccountSection-CwPIXA5w-DE6FMEHD.js";import"./MagicLinkTitleSection-CzGvBYzB-DMlmyXfy.js";import"./BankAccountWarningSection-DGSw5Uvq-4-yHVJQf.js";import"./MailingDetailsSection-C_TtoLpj-DODfBmzp.js";import"./LabeledAddressValueField-C74ZzWQ3-j8ky07qz.js";const E=({magicLinkViewState:t,magicLinkBankAccountDetails:e,mailingAddressDetails:a,isDisabled:o,companyName:r,onSaveHandler:n,onWireDetailsUpdated:i,onFetchBankName:m,onAddressClick:s})=>{const{fetchState:c,error:d,bankNameByRouting:p,bankAccountToCreate:u,fetchBankNameByRoutingStatus:k}=e,{currencySymbol:l,amount:y}=t;return S.jsx(b,{bankAccountToCreate:u,bankAccountCreationState:{fetchState:c,error:d},bankNameByRouting:p,addressToEdit:a,addressType:"vendor_address",fetchBankNameByRoutingStatus:k,isDisabled:o,onSaveHandler:n,onWireDetailsUpdated:i,onAddressClick:s,onFetchBankName:m,companyName:r,isMagicLink:!0,currencySymbol:l,amount:y})};export{E as default};

package/dist/assets/MagicLinkInternationalWireDetailsPage-DNmvv77I-BpwPqLdA.js

@@ -0,0 +1 @@
+import{j as B}from"./index-2CdI-B2B.js";import{k as S}from"./InternationalWireSwiftDetailsPage-_4BMP68N-DzpoTdAd.js";import"./mui-kiGMfX4-.js";import"./core-tlHkQPPu.js";import"./sentry-Dhk5jNhq.js";import"./zeni-epic-state-Bo1aGezX.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";import"./BankAccountWarningSection-DGSw5Uvq-4-yHVJQf.js";import"./MailingDetailsSection-C_TtoLpj-DODfBmzp.js";import"./LabeledAddressValueField-C74ZzWQ3-j8ky07qz.js";import"./MagicLinkTitleSection-CzGvBYzB-DMlmyXfy.js";const v=({magicLinkViewState:t,magicLinkBankAccountDetails:a,mailingAddressDetails:e,isDisabled:n,companyName:i,onSaveHandler:o,onBankDetailsUpdated:r,onFetchBankNameBySwift:m,onAddressClick:s})=>{const{internationalBankAccountCreateStatus:c,internationalBankAccountToCreate:d,fetchBankNameBySwiftStatus:k,bankNameBySwift:p}=a,{currencySymbol:l,amount:u}=t;return B.jsx(S,{bankAccountToCreate:d,bankAccountCreationState:c,bankNameBySwift:p,addressToEdit:e,addressType:"vendor_address",fetchBankNameBySwiftStatus:k,isDisabled:n,onSaveHandler:o,onBankDetailsUpdated:r,onAddressClick:s,onFetchBankNameBySwift:m,companyName:i,isMagicLink:!0,currencySymbol:l,amount:u})};export{v as default};

package/dist/assets/MagicLinkSuccessPage-BO-k4XK1-MGQVRHRk.js

@@ -0,0 +1,31 @@
+import{bw as r,a as n,j as t,bE as l,b as o,ad as a,H as c,L as p}from"./index-2CdI-B2B.js";import{n as i}from"./mui-kiGMfX4-.js";import"./core-tlHkQPPu.js";import"./sentry-Dhk5jNhq.js";import"./zeni-epic-state-Bo1aGezX.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";const S=()=>{const[e]=r("Confetti"),s=n.getLocalizedStrings().spendManagement.billPay.billDetails.magicLink.magicLinkScreen;return e!=null?t.jsxs(m,{children:[t.jsx(l,{loop:!1,play:!0,segments:[100,299],animationData:e,style:{position:"absolute"},rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}),t.jsx(h,{children:t.jsx(x,{})}),t.jsxs(d,{children:[t.jsx(g,{children:s.successTitle}),t.jsx(u,{children:s.successNote})]})]}):null},m=i.div`
+  z-index: 999;
+  height: 100vh;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.background};
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,d=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  opacity: 80%;
+  margin: 0 ${o.sp4};
+`,g=i(c)`
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+`,u=i(p)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+`,h=i.div`
+  position: absolute;
+  top: ${o.sp5};
+  left: ${o.sp5};
+  background-color: ${e=>e.theme.colors.background};
+`,x=i(a)`
+  color: ${e=>e.theme.colors.primary};
+  height: ${o.sp4};
+`;export{S as default};

package/dist/assets/MagicLinkTitleSection-CzGvBYzB-DMlmyXfy.js

@@ -0,0 +1,17 @@
+import{a as p,bv as C,j as a,H as m,b as t,ah as d,C as g,d6 as x}from"./index-2CdI-B2B.js";import{n}from"./mui-kiGMfX4-.js";import{a as l}from"./core-tlHkQPPu.js";const S=({companyName:e,currencySymbol:o,amount:s})=>{const r=p.getLocalizedStrings().spendManagement.billPay.billDetails.magicLink.magicLinkScreen,i=s>0?` ${C("0,0.[00]",s,o)}`:"",c=r.title.replace(/<tenant_name>/,e)+i;return a.jsxs(a.Fragment,{children:[a.jsx(f,{children:c}),a.jsxs(w,{children:[r.description.replace(/<tenant_name>/,e),a.jsxs(h,{children:[a.jsx(u,{}),r.encrypted]})]})]})},h=n(x)`
+  display: flex;
+  gap: ${t.sp1};
+  color: ${g.successDark};
+`,u=n(e=>l.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},l.createElement("path",{d:"M12.0257 -0.000342749C11.8221 -0.00677984 11.624 0.0667416 11.4727 0.204861C11.4727 0.204861 7.52114 3.7329 2.78947 3.7329C2.5801 3.73292 2.37931 3.81721 2.23125 3.96724C2.0832 4.11726 2.00002 4.32072 2 4.53288V11.0713C2 14.6328 3.62601 20.4933 11.6937 23.9366C11.7906 23.978 11.8948 23.9993 12 23.9993C12.1052 23.9993 12.2094 23.978 12.3063 23.9366C20.374 20.4933 22 14.6328 22 11.0713V4.53288C22 4.32072 21.9168 4.11726 21.7687 3.96724C21.6207 3.81721 21.4199 3.73292 21.2105 3.7329C16.4789 3.7329 12.5273 0.204861 12.5273 0.204861C12.3892 0.0787349 12.2115 0.00606537 12.0257 -0.000342749ZM12 5.33287C13.7421 5.33287 15.1579 6.7675 15.1579 8.53279V9.59943C16.0263 9.59943 16.7368 10.3194 16.7368 11.1994V15.466C16.7368 16.3459 16.0263 17.0659 15.1579 17.0659H8.84211C7.97368 17.0659 7.26316 16.3459 7.26316 15.466V11.1994C7.26316 10.3194 7.97368 9.59943 8.84211 9.59943V8.53279C8.84211 6.7675 10.2579 5.33287 12 5.33287ZM12 6.93283C11.1316 6.93283 10.4211 7.65281 10.4211 8.53279V9.59943H13.5789V8.53279C13.5789 7.65281 12.8684 6.93283 12 6.93283ZM12 11.7327C11.5812 11.7327 11.1796 11.9013 10.8835 12.2013C10.5874 12.5014 10.4211 12.9083 10.4211 13.3327C10.4211 13.757 10.5874 14.164 10.8835 14.464C11.1796 14.7641 11.5812 14.9326 12 14.9326C12.4188 14.9326 12.8204 14.7641 13.1165 14.464C13.4126 14.164 13.5789 13.757 13.5789 13.3327C13.5789 12.9083 13.4126 12.5014 13.1165 12.2013C12.8204 11.9013 12.4188 11.7327 12 11.7327Z",fill:"currentColor"})))`
+  width: ${t.sp4};
+  height: ${t.sp4};
+  color: inherit;
+`,w=n(d)`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  gap: ${t.sp4};
+  color: ${e=>e.theme.colors.champion};
+  margin-top: ${t.sp3};
+`,f=n(m)``;export{S as C};

package/dist/assets/MailingDetailsSection-C_TtoLpj-DODfBmzp.js

@@ -0,0 +1,21 @@
+import{u as $,a as u,R as r,j as o,b as a,dx as x,bJ as b,s as i}from"./index-2CdI-B2B.js";import{n}from"./mui-kiGMfX4-.js";import{c as f}from"./LabeledAddressValueField-C74ZzWQ3-j8ky07qz.js";const s={largeLabelWidth:new r(120,140,220),paddingTopBottom:new r(i[3],i[3]),marginRight:new r(i[3],i[8]),marginLeft:new r(i[3],i[6]),marginLeftTitle:new r(i[4],i[6])},P=({sectionId:e,addressToEdit:t,addressType:m,isDisabled:p,onAddressClick:g})=>{const l=$(),d=u.getLocalizedStrings().spendManagement.billPay.vendorCreation.wireDetails,c=s.largeLabelWidth.value(l);return o.jsxs(o.Fragment,{children:[o.jsx(L,{size:l,children:d.addressDetailTitle}),o.jsx(v,{size:l,children:o.jsx(f,{isDisabled:p,label:{label:d.address,width:c},addressValueField:{name:w(e,"mailingAddress"),placeholder:x(d.address),defaultValue:t,registerOptions:{validate:h=>h!=null},onClick:()=>{g(m)}},additionalInfoLabel:d.additionalAddressLabel,showAdditionalInfoLabel:!0,style:{width:"auto",padding:`${a.sp2} ${a.sp2} ${a.sp2} ${a.sp0}`},hasHoverBorder:!1})})]})},w=(e,t)=>`${e}.${t}`,v=n.div`
+  width: auto;
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${a.sp2};
+  margin-left: ${e=>s.marginLeft.valuePx(e.size)};
+  margin-right: ${e=>s.marginRight.valuePx(e.size)};
+  margin-top: ${e=>s.paddingTopBottom.valuePx(e.size)};
+  margin-bottom: ${e=>s.paddingTopBottom.valuePx(e.size)};
+  &:hover {
+    border: 1px solid ${e=>e.theme.colors.primary};
+  }
+`,L=n(b)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${a.sp3};
+  margin-top: ${a.sp5};
+  margin-left: ${e=>s.marginLeftTitle.valuePx(e.size)};
+`;export{P as g};

package/dist/assets/{Menu--_oLyn9M-Sp5pgVYU.js → Menu-pyYbFxsT-C1MdlXRT.js}

@@ -1,6 +1,6 @@
-import{V as o,an as h,eM as u,o as s,e as d,eN as m}from"./index-ePPQ9tNX.js";import{a as x}from"./core-3dlyNYRL.js";import{n as c,b as f}from"./mui-bYXq4XMS.js";const y=({open:e,onClose:r,anchorEl:i,children:n,styles:l})=>{const t=d();return o.jsx(m,{transitionDuration:0,anchorEl:i,open:e,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"},slotProps:{paper:{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",background:t.colors.grey5,boxShadow:`${s.sp0} 2px ${s.sp2} ${t.colors.dropShadowHover}`,boxSizing:"border-box",transform:l?.transform??"translate(30px,10px)",borderRadius:s.sp1}}},onClose:r,disableAutoFocus:!0,disableEnforceFocus:!0,children:n})},b=c.div`
+import{j as o,ak as u,g3 as h,b as s,i as d,aX as m}from"./index-2CdI-B2B.js";import{a as x}from"./core-tlHkQPPu.js";import{n as c,c as f}from"./mui-kiGMfX4-.js";const y=({open:e,onClose:r,anchorEl:i,children:n,styles:l})=>{const t=d();return o.jsx(m,{transitionDuration:0,anchorEl:i,open:e,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"},slotProps:{paper:{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",background:t.colors.grey5,boxShadow:`${s.sp0} 2px ${s.sp2} ${t.colors.dropShadowHover}`,boxSizing:"border-box",transform:l?.transform??"translate(30px,10px)",borderRadius:s.sp1}}},onClose:r,disableAutoFocus:!0,disableEnforceFocus:!0,children:n})},b=c.div`
   position: relative;
-`,M=({menuItems:e,isMenuOpen:r,isMenuVisible:i=!0,setIsMenuOpen:n,styles:l,menuIconStyles:t})=>{const p=x.useRef(null);return o.jsx(h,{onClickAway:()=>{n(!1)},children:o.jsxs(b,{ref:p,children:[o.jsx(g,{className:"placeholder",style:t,onClick:a=>{a.stopPropagation(),n(!r)},children:o.jsx(v,{isMenuVisible:i,children:o.jsx(u,{})})}),r?o.jsx(y,{open:r,onClose:a=>{a.stopPropagation(),n(!1)},anchorEl:p.current,styles:l,children:e}):null]})})},g=c.div`
+`,S=({menuItems:e,isMenuOpen:r,isMenuVisible:i=!0,setIsMenuOpen:n,styles:l,menuIconStyles:t})=>{const p=x.useRef(null);return o.jsx(u,{onClickAway:()=>{n(!1)},children:o.jsxs(b,{ref:p,children:[o.jsx(g,{className:"placeholder",style:t,onClick:a=>{a.stopPropagation(),n(!r)},children:o.jsx(j,{isMenuVisible:i,children:o.jsx(h,{})})}),r?o.jsx(y,{open:r,onClose:a=>{a.stopPropagation(),n(!1)},anchorEl:p.current,styles:l,children:e}):null]})})},g=c.div`
   height: ${s.sp4};
   position: relative;
   color: ${e=>e.theme.colors.hero};
@@ -8,10 +8,10 @@ import{V as o,an as h,eM as u,o as s,e as d,eN as m}from"./index-ePPQ9tNX.js";im
     cursor: pointer;
     color: ${e=>e.theme.colors.primary};
   }
-`,v=c.div`
+`,j=c.div`
   width: ${s.sp3};
   height: ${s.sp3};
   ${({isMenuVisible:e})=>e===!1?f`
           display: none;
         `:null};
-`;export{M as P};
+`;export{S as h};

package/dist/assets/MyBankConnectionsSettingsPage-BP6RBO_Y-CehX8chf.js

@@ -0,0 +1,110 @@
+import{i as z,u as M,gV as R,a as k,bs as w,j as i,cf as D,a9 as v,gP as I,b as t,ca as P,R as d,ai as L,ah as _,t as H,d as W,g$ as C,h0 as j,s as u,h7 as E,C as A,af as N}from"./index-2CdI-B2B.js";import{a as b}from"./core-tlHkQPPu.js";import{n}from"./mui-kiGMfX4-.js";import{bO as J}from"./zeni-epic-state-Bo1aGezX.js";import"./sentry-Dhk5jNhq.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";const s={sectionWidth:new d(343,580,726),iconContainerMaxWidthHeight:new d(u[6],u[7]),iconContainerMarginRight:new d(12,u[3]),iconPadding:new d(10,12),iconWidthHeight:new d(20,u[4]),elementsMarginLeftRight:new d(u[3],u[4])},G={title:new W("standardMedium","largeMedium")},V=n.img`
+  width: ${e=>s.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  height: ${e=>s.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  border-radius: ${t.sp11};
+  margin-right: ${e=>s.iconContainerMarginRight.valuePx(e.windowSize)};
+`,F=n.div`
+  display: flex;
+`,O=n.div`
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  justify-content: space-between;
+  margin-left: ${e=>s.elementsMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${e=>s.elementsMarginLeftRight.valuePx(e.windowSize)};
+  padding-top: ${t.sp4};
+  padding-bottom: ${t.sp4};
+`,U=n.div`
+  display: flex;
+  align-items: flex-start;
+`,Y=n.div`
+  display: flex;
+  opacity: 1;
+`,q=n.div`
+  display: flex;
+  flex-direction: column;
+`,K=n.div``,Q=n.div`
+  ${e=>`${G.title.style(e.windowSize)}`};
+  color: ${e=>e.isError===!0?A.important:e.theme.colors.primary};
+`,X=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: ${e=>s.iconPadding.valuePx(e.windowSize)};
+  background: ${e=>e.iconColor.toString()};
+  border-radius: ${t.sp11};
+  width: fit-content;
+  height: fit-content;
+  color: ${e=>e.isDarkMode?A.neutralGrey5Light:e.theme.colors.brandColorOnyx}; // As per design
+  max-width: ${e=>s.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  max-height: ${e=>s.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  margin-right: ${e=>s.iconContainerMarginRight.valuePx(e.windowSize)};
+`,Z=n(N)`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+  flex-wrap: wrap;
+`,ee=n.div`
+  display: flex;
+`,ie=n.div`
+  display: inline-block;
+  border-radius: ${t.sp2};
+  margin: ${t.sp0} 12px;
+  width: ${t.sp1};
+  height: ${t.sp1};
+  cursor: inherit;
+  background-color: ${e=>e.theme.colors.grey1};
+`,ne=n.div`
+  display: flex;
+  flex-direction: column;
+  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=>`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.sp2};
+  color: ${e=>e.theme.colors.grey1};
+  justify-content: space-between;
+  box-sizing: border-box;
+`,te=({bankAccount:e,paymentAccount:o,accountStatus:r})=>{const a=M(),h=z(),m=e.bankName,l=h.mode==="light"?new w(h.colors.brandColorJadeLight):new w(h.colors.brandColorJadeDark),S={element:i.jsx(P,{width:s.iconWidthHeight.valuePx(a),height:s.iconWidthHeight.valuePx(a)}),color:l},c=o?.providerVerificationStatus?.code,p=`${o?.accountSubType?.name!=null?o.accountSubType.name.substring(0,1).toUpperCase().concat(o.accountSubType.name.substring(1)):""} ${o?.maskedAccountNumber??e.maskedAccountNumber}`.trim(),g=o?.institutionDetails?.zeniInstitutionId.toLowerCase()==="chase";return i.jsx(ne,{windowSize:a,children:i.jsxs(O,{windowSize:a,children:[i.jsxs(U,{children:[i.jsx(Y,{children:oe(S,a,h.mode==="dark",o)}),i.jsxs(q,{children:[i.jsxs(K,{children:[i.jsx(Q,{windowSize:a,children:m}),i.jsx(Z,{children:p?i.jsxs(i.Fragment,{children:[i.jsx(ee,{children:p}),a!=="small"&&(c!=="verification_failed"&&o?.providerVerificationStatus?.code==="pending_manual_verification"||g)?i.jsx(ie,{}):null]}):null})]}),r!=null&&a==="small"?i.jsx(C,{style:{width:"max-content",padding:0,marginTop:t.sp2},tagTitle:r.name,textColor:j(r.code)}):null]})]}),i.jsx(F,{children:r!=null&&a!=="small"?i.jsx(C,{style:{width:"max-content",padding:0,marginTop:t.sp2},tagTitle:r.name,textColor:j(r.code)}):null})]})})},oe=(e,o,r,a)=>a?.institutionDetails.logo?.base64!=null?i.jsx(V,{windowSize:o,src:`${E}${a.institutionDetails.logo.base64.toString()}`,alt:a.institutionDetails.institutionName,loading:"lazy"}):i.jsx(X,{iconColor:e.color,windowSize:o,isDarkMode:r,children:e.element}),f={iconWidthHeight:new d(20,u[4]),sectionWidth:new d(343,580,726),subtitleSectionWidth:new d(343,580,1200)},ae={title:new W("standardMedium","largeMedium")},le=n.div`
+  display: flex;
+  row-gap: ${t.sp3};
+  flex-direction: column;
+`,se=n.div`
+  display: flex;
+  height: 100vh;
+  width: 100%;
+  row-gap: ${t.sp3};
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+`,re=n.div`
+  margin: auto;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: flex-start;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+`,de=n.div`
+  display: flex;
+  align-items: center;
+  width: ${e=>f.sectionWidth.valuePx(e.windowSize)};
+  margin-bottom: ${t.sp3};
+`,ce=n.div`
+  display: flex;
+  align-items: center;
+
+  color: ${e=>e.theme.colors.primary};
+  font-family: ${H.largeMedium.fontFamily};
+  ${e=>`${ae.title.style(e.windowSize)}`};
+`,ue=n(L)`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: ${e=>f.subtitleSectionWidth.valuePx(e.windowSize)};
+  margin-bottom: ${t.sp5};
+`,he=n(_)`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+`,ye=({plaidConnectionDetails:e,myBankConnectionsView:o,onEstablishConnectionClick:r,onFetchLinkTokenClick:a,onClickMenuIcon:h})=>{const m=z(),l=M(),S=b.useCallback(x=>{r(x)},[r]),c=b.useMemo(()=>e.link_account_no_microdeposit,[e]),{open:p}=R({token:c.linkToken??null,onSuccess:S}),g=k.getLocalizedStrings().common.settings,T=m.mode==="light"?new w(m.colors.brandColorJadeLight):new w(m.colors.brandColorJadeDark),y=k.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail;return b.useEffect(()=>{(J(new Date().toISOString()).isAfter(c.expiration)||c.linkToken==null)&&a("link_account_no_microdeposit")},[a,c.expiration,c.linkToken]),i.jsxs(se,{children:[i.jsx(D,{source:"MyBankConnectionsSettingsPage",title:g.title.myBankConnections,backgroundColor:m.colors.grey4,style:{zIndex:3},showBackButton:!1,showMenuIcon:l==="medium-compact"||l==="small",onClickMenuIcon:h}),i.jsxs(re,{windowSize:l,children:[i.jsx(ue,{windowSize:l,children:i.jsx(he,{windowSize:l,children:g.infoText.myBankConnections})}),o.bankAccounts.length>0?i.jsx(de,{windowSize:l,children:i.jsx(ce,{windowSize:l,children:g.subtitle.myBankConnections})}):null,i.jsx(v,{controller:o.bankAccounts.length>0,children:i.jsx(le,{children:o.bankAccounts.map(x=>{const $=o.paymentAccounts.find(B=>B.bankAccountId==x.bankAccountId);return i.jsx(te,{bankAccount:x,accountStatus:$?.verificationStatus,paymentAccount:$},x.bankAccountId)})})}),i.jsx(v,{controller:o.bankAccounts.length===0,children:i.jsx(I,{onClick:()=>{p()},title:y.connectYourBank,subTitle:y.loginToBank,header:g.label.reimbursements,icon:{element:i.jsx(P,{width:f.iconWidthHeight.valuePx(l),height:f.iconWidthHeight.valuePx(l)}),color:T},style:{width:"unset",rowGap:l==="small"?t.sp2:void 0}})})]})]})};export{ye as default};

package/dist/assets/MyPendingActivationChargeCardListPage-CBwy21Ec-BLf4vWlb.js

@@ -0,0 +1,6 @@
+import{i as R,a$ as B,a as w,k6 as a,j as o,cf as x,hr as D,b as M}from"./index-2CdI-B2B.js";import{n as P}from"./mui-kiGMfX4-.js";import{eI as j}from"./zeni-epic-state-Bo1aGezX.js";import{K as O,P as $}from"./ChargeCardListTable-BGdEyXLV-BJk1B__-.js";import"./core-tlHkQPPu.js";import"./sentry-Dhk5jNhq.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";import"./Menu-pyYbFxsT-C1MdlXRT.js";import"./RoleWithToolTip-CWH-iJqI-DmzPBpda.js";import"./CardNumberSubText-COZ0PEHK-CGMTIPNh.js";const{spendManagement:{chargeCard:u}}=w.getLocalizedStrings(),_=({myPendingActivationChargeCardListView:e,isChargeCardFeatureEnabled:d,isDebitCardFeatureEnabled:n,isDebitCardSetupEnabled:s,isChargeCardSetupEnabled:l,chargeCardCashbackDetailState:c,creditAccount:r,creditAccountRepayment:C,depositAccountListWithDebitCardIssued:i,controllerEmails:b,signedInUser:p,onChargeCardRowClick:S,onBackClick:A,onReloadCards:f,onColumnSortConfigChanged:k})=>{const g=R(),v=B(),h=j(v.loggedInUserRoleMap),F=e.cards.some(t=>t.type.code.includes("credit")),m=e.cards.some(t=>t.type.code.includes("debit")),I=F&&m?u.cardList.title.cards:m?u.cardList.title.debit:u.cardList.title.credit,y=h===!0?{creditCardCashbackOffer:`${c.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${c.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:a(c.cashbackSummary.cashbackEarned.amount),redeemedCashback:a(c.cashbackSummary.cashbackRedeemed.amount),availableCashback:a(c.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:c.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:c.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,E=d&&l&&h===!0?{creditAccountId:r.id,creditAccountLimit:a(r.limit.amount),creditAccountAvailableAmount:a(r.available.amount),creditAccountSpentAmount:a(r.balance.amount+r.hold.amount),creditAccountStatus:r.status,outstandingBalance:a(C.remainingAmountDue.amount)}:void 0,L=n&&s?{debitAccountId:i.depositAccounts.map(t=>t.id),debitAccountName:i.depositAccounts.map(t=>t.accountName),debitAccountBalance:i.depositAccounts.map(t=>a(t.accountBalance.available.amount)),debitCardsSpend:0,debitAccountStatus:i.depositAccounts.map(t=>t.accountStatus)}:void 0,N={isCreditCardOffered:d,isDebitCardOffered:n,isDebitCardEnabled:s,isCreditCardEnabled:l};return o.jsxs(U,{children:[o.jsx(x,{title:I,backgroundColor:g.colors.grey4,style:{zIndex:3},onBackClick:A,source:"MyPendingActivationChargeCardListPage"}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?o.jsx(D,{fetchState:e.fetchState,styles:{margin:"auto"}}):o.jsx(O,{onBulkCloseClick:()=>{},onBulkLockClick:()=>{},bulkSubmissionLimit:$,isCardControlsEnabled:!1,cardsSelectedForBulkAction:[],isBulkActionAllowed:!1,firstSelectedCardStatus:void 0,setActionTypeForRowAction:()=>{},setCardIdForRowAction:()=>{},controllerEmails:b,isChargeCardFeatureEnabled:d,isDebitCardFeatureEnabled:n,isDebitCardSetupEnabled:s,isChargeCardSetupEnabled:l,creditAccount:r,creditAccountRepayment:C,productInformation:N,cashbackInformation:y,creditAccountInformation:E,debitAccountInformation:L,depositAccountListWithDebitCardIssued:i,cardList:e.cards,showViewForCardUser:!0,signedInUser:p,fetchState:e.fetchState,unlockChargeCardsFetchState:"Not-Started",revokeChargeCardsInviteFetchState:"Not-Started",rowActionView:{revokeChargeCardFetchState:{fetchState:"Not-Started"},unlockChargeCardsFetchState:{fetchState:"Not-Started"},lockChargeCardsFetchState:{fetchState:"Not-Started"},closeChargeCardsFetchState:{fetchState:"Not-Started"},updateChargeCardLimitFetchState:{fetchState:"Not-Started"},updateChargeCardNameFetchState:{fetchState:"Not-Started"},depositAccountLimitFetchState:{fetchState:"Not-Started"},recurringExpenses:[],recurringExpensesFetchState:{fetchState:"Not-Started"}},onProceedForBulkActionClick:t=>{},removeAllCardsFromBulkActionList:()=>{},setShowBulkChangeSpendLimitPopup:t=>{},updateBulkActionList:t=>{},onReloadCards:f,onChargeCardRowClick:(t,V)=>{S(t)},uiState:e.uiState,onColumnSortConfigChanged:k,onChargeCardResendInviteClick:()=>{}})]})},U=P.div`
+  display: flex;
+  min-height: ${`calc(100vh - ${M.sp9})`};
+  flex-direction: column;
+  width: 100%;
+`;export{_ as default};

package/dist/assets/MyProfileSettingsPage-yHoOgEgo-DBI4IsMo.js

@@ -0,0 +1,85 @@
+import{u as oe,hc as ie,i as xe,a$ as ye,hd as we,a8 as Pe,b3 as Re,du as $e,dt as ve,a as te,j as s,he as Se,cf as De,aa as Oe,bC as je,b as a,hf as re,hg as ne,hh as de,dp as ue,R as L,ai as ce,t as Ce,d as Le,bj as Y,dE as Te,dv as Ie,hi as Z,dB as Fe,dz as ze,hj as Be,bz as Ve,s as A}from"./index-2CdI-B2B.js";import{a as R}from"./core-tlHkQPPu.js";import{n as p}from"./mui-kiGMfX4-.js";import{bi as ee,bO as Ne,bh as pe,bj as ke}from"./zeni-epic-state-Bo1aGezX.js";import{c as Ae}from"./LabeledAddressValueField-C74ZzWQ3-j8ky07qz.js";import{s as Me}from"./LabeledUserSingleSelectWithSubtitlesField-O_tz5mgs-3DtmJ9nC.js";import{U as We,$ as Ue}from"./LabeledZeniRolesDropDownField-DoF6cXd_-NHc4m6ED.js";import"./sentry-Dhk5jNhq.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";import"./RoleWithToolTip-CWH-iJqI-DmzPBpda.js";const b=(e,t)=>`${e}.${t}`,z={largeLabelWidth:new L(120,120,160),textFieldPaddingHorizontal:new L(A[2],A[3]),toolTipWidth:new L(215,237),notePadding:new L(A[3],A[4]),noteGap:new L(A[0],6)},{peoplePage:l,common:{settings:se,labels:_,placeholder:F,errorMessage:Ee},dateFormat:Ze}=te.getLocalizedStrings(),_e=({myProfileView:e,isZeniFinopsRolesUser:t,sectionId:i,isDisabled:c,isReimbursementDisabled:x,isZeniAccountsDisabled:m,isChargeCardDisabled:o,isBankingOnlyTenant:f,isCardsOnlyTenant:$,isLiteRoleDisabled:T,isTreasuryDisabled:h,onAddressClick:y})=>{const n=oe(),{person:r,managersList:B,classList:V,manager:q,department:g,controllersList:N,myProfileLocalData:k,addressData:G}=e,H=e.person.user?.birthday!=null?"readonly":void 0,v=z.largeLabelWidth.value(n),I=z.largeLabelWidth.value(n),Q=R.useMemo(()=>ie(x,m,o,f,$,T,h),[x,m,o,f,$,T,h]),{firstController:w,restControllerEmailsStr:S}=R.useMemo(()=>{const u=Y(N);return{firstController:u.splice(0,1),restControllerEmailsStr:u.reduce((D,O)=>D.concat(`${O.email},`),"")}},[N]),J=R.useMemo(()=>Y(ue.roles),[]),d=pe(r.userRole!=null?r.userRole.userRoles:[]),M=R.useMemo(()=>V.map(u=>({label:u.fullyQualifiedAccountingClassName,value:u.classId,hoverText:u.accountingClassNumber})),[V]);return s.jsxs(Ge,{windowSize:n,children:[s.jsx(Te,{isDisabled:c,label:{label:_.name,width:I},nameField:{name:b(i,"name"),placeHolder:{firstName:F.firstNamePlaceholder,lastName:F.lastNamePlaceholder,name:F.namePlaceholder},showFullNameError:!0},errorInfoLabel:Ee.nameError.replace("_product_type_",se.common.productTypeString)}),s.jsx(C,{}),s.jsx(Ie,{isDisabled:c,showAdditionalInfoLabel:!1,label:{label:l.invitePage.email,width:v},text:{type:"text",name:b(i,"email"),placeholder:Z(l.addPlaceholderPrefix,l.invitePage.email),style:{padding:`${a.sp0} ${z.textFieldPaddingHorizontal.valuePx(n)}`}}}),s.jsx(C,{}),s.jsx(Fe,{label:{label:_.dateOfBirth,width:I},style:{width:"auto"},isDisabled:H,dateField:{name:b(i,"dateOfBirth"),placeholder:F.datePlaceholder,defaultValue:k.dateOfBirth,dateFormat:Ze.visual.defaultInput,autoComplete:"off",maxDate:ke().subtract(18,"year")}}),s.jsx(C,{}),s.jsx(Ae,{label:{label:_.mailingAddress,width:I},addressValueField:{name:b(i,"mailingAddress"),placeholder:F.addressPlaceholder,defaultValue:G?.addressToCreate,onClick:()=>{y("user_address")}},showAdditionalInfoLabel:!0,style:{width:"auto",padding:`${a.sp2} ${a.sp2} ${a.sp2} ${a.sp0}`}}),s.jsx(C,{}),s.jsx(ze,{label:{label:_.phone,width:I},text:{name:b(i,"phone"),placeholder:F.phonePlaceholder,defaultValue:k.phone,autoComplete:"off"},showVerified:k.isPhoneVerified,style:{width:"auto"}}),s.jsx(C,{}),t?s.jsx(We,{label:{label:l.invitePage.role,width:v},zeniRolesDropDownField:{name:b(i,"role"),defaultValue:{selectedOptions:r.userRole!=null?r.userRole.userRoles:[],allOptions:J},registerOptions:{required:!0},placeholderLabel:Z(l.selectPlaceholderPrefix,l.invitePage.role),isMulti:!0,forZeniUser:!0},isDisabled:"readonly"}):s.jsxs(s.Fragment,{children:[s.jsx(Ue,{label:{label:l.invitePage.role,width:v},rolesDropDownField:{name:b(i,"nonZeniRole"),defaultValue:{userRole:{selectedRole:de(r.userRole?.userRoles??[]),allRootRole:ne(f,$)},productsByUserRole:re(r.userRole?.userRoles??[],Q)},registerOptions:{required:!0}},isDisabled:c}),s.jsx(C,{}),s.jsx(Me,{label:{label:l.invitePage.manager,width:v},showTooltip:!0,toolTipWidth:z.toolTipWidth.valuePx(n),tooltipTitle:s.jsx(qe,{}),userSingleSelectWithSubTitlesField:{name:b(i,"manager"),value:{allUsers:d?[]:B,selectedUser:d?void 0:q?.userId},valueToSubtitle:u=>{const D=B.findIndex(O=>O.userId===u);if(D!==-1){const O=B[D],W=V.find(j=>j.classId===O.userRole.accountingClassIDs[0]),U=[];return W!=null&&U.push(W.className),U}return[]},placeholderLabel:d?l.notApplicable:Z(l.selectPlaceholderPrefix,l.invitePage.manager),registerOptions:{required:!d},showOneOffLabel:{label:se.label.noManager,value:"no_manager",position:"top",subtitles:[]}},isDisabled:"readonly",opacity:d?.32:1}),s.jsx(C,{}),s.jsx(Be,{label:{label:l.invitePage.department,width:v},singleSelectWithoutClearableField:{name:b(i,"department"),defaultValue:{allOptions:d?[]:M,selectedOption:d?void 0:M.find(u=>u.value===g?.classId)},placeholder:d?l.notApplicable:Z(l.selectPlaceholderPrefix,l.invitePage.department),registerOptions:{required:!d},isDisabled:c,showOptionOnHover:!0},isDisabled:c,opacity:d?.32:1}),t?null:s.jsxs(He,{windowSize:n,children:[l.invitePage.controllerText,w[0]?s.jsxs(Qe,{href:`mailto:${w[0].email}?cc=${S}&subject=${encodeURIComponent(l.invitePage.emailSubject)}`,children:[s.jsx(Je,{children:`${w[0].firstName} ${w[0].lastName}`}),s.jsx(Ve,{className:"arrowIcon"})]}):null]})]})]})},qe=()=>l.invitePage.managerTooltipText,Ge=p.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${a.sp2};
+  margin-bottom: ${a.sp3};
+  .single-select-field__menu {
+    border: ${e=>e.windowSize==="small"?`1px solid ${e.theme.colors.grey3}`:"unset"};
+  }
+`,C=p.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,He=p(ce)`
+  padding: ${e=>`${a.sp1}  ${z.notePadding.valuePx(e.windowSize)}`};
+  background: ${e=>e.theme.colors.grey4};
+  border-radius: ${a.sp0} ${a.sp0} ${a.sp2} ${a.sp2};
+  text-align: left;
+  color: ${e=>e.theme.colors.grey1};
+  display: flex;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
+  gap: ${e=>z.noteGap.valuePx(e.windowSize)};
+`,Qe=p.a`
+  color: ${e=>e.theme.colors.hero};
+  text-decoration: none;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  .arrowIcon {
+    cursor: pointer;
+    height: 12px;
+    width: 12px;
+  }
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+    .arrowIcon {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Je=p.span``,me={sectionWidth:new L(343,580,726),subtitleSectionWidth:new L(343,580,1200)},Ke={title:new Le("standardMedium","largeMedium")},P="userDetails",bs=({myProfileView:e,isReimbursementDisabled:t,isZeniAccountsDisabled:i,isChargeCardDisabled:c,isTreasuryDisabled:x,isBankingOnlyTenant:m,isCardsOnlyTenant:o,isLiteRoleDisabled:f,onClickMenuIcon:$,onAddressClick:T,updateMyProfileLocalData:h,onCancelClick:y,onGetOtp:n,onResendOtp:r,onSaveClick:B,onVerifyOtp:V,onVerifyOtpSuccess:q})=>{const g=oe(),N=R.useMemo(()=>ie(t,i,c,m,o,f,x),[t,i,c,m,o,f,x]),[k,G]=R.useState(!1),[H,v]=R.useState(!1),I=xe(),Q=ye(),w=we(Q),S=Pe({mode:"onSubmit",reValidateMode:"onSubmit",defaultValues:le(e,w,N,m,o),values:le(e,w,N,m,o)}),J=e.myProfileLocalData.dateOfBirth!=null&&e.person.user?.birthday!=null&&!e.myProfileLocalData.dateOfBirth.isSame(e.person.user?.birthday)||e.myProfileLocalData.dateOfBirth!=null&&e.person.user?.birthday==null,d=e.myProfileLocalData.phone!==e.person.user?.phone,M=e.addressData?.addressToCreate!=null&&e.person.address!=null&&!Re(ee(e.addressData?.addressToCreate),ee(e.person.address))||e.addressData?.addressToCreate!=null&&e.person.address==null,u=J||d||M,D=Object.keys(S.formState.errors).length===0,O=$e(S.formState.dirtyFields),W=D&&(O||u);R.useEffect(()=>{const he=S.watch((K,{name:X})=>{X!=null&&K!=null&&ve(()=>(async(fe,ge)=>{if(fe!=null){const E={...ge},be={...e.myProfileLocalData,phone:E[P].phone,isPhoneVerified:E[P].phone===e.person.user?.phone&&(e.person.user?.isPhoneVerified??!1),dateOfBirth:E[P].dateOfBirth!=null?Ne(E[P].dateOfBirth.toString()):void 0};h(be)}})(X,K))});return()=>{he.unsubscribe()}});const U=S.handleSubmit(()=>{D&&(e.myProfileLocalData.phone==null||e.myProfileLocalData.isPhoneVerified!=null&&e.myProfileLocalData.isPhoneVerified!==!1?B():n(e.myProfileLocalData.phone))}),{common:j}=te.getLocalizedStrings();return s.jsxs(Xe,{children:[s.jsx(Se,{showOtpPopup:k,phoneNumberPopupDescription:"show something",showPhoneNumberPopup:H,twoFactorAuthenticationView:e.twoFAView,loggedInUserPhone:e.myProfileLocalData.phone,onVerifyOtp:V,onVerifyOtpSuccess:q,setShowOtpPopup:G,onResendOtp:r,setShowPhoneNumberPopup:v,onGetOtp:n}),s.jsx(De,{source:"MyProfileSettingsPage",title:j.settings.title.myProfile,backgroundColor:I.colors.grey4,showBackButton:!1,showMenuIcon:g==="medium-compact"||g==="small",onClickMenuIcon:$}),s.jsxs(Ye,{windowSize:g,children:[s.jsx(es,{windowSize:g,children:s.jsx(ss,{windowSize:g,children:j.settings.infoText.myProfile})}),s.jsx(Oe,{...S,children:s.jsxs("form",{id:ae(P),onSubmit:U,children:[s.jsx(as,{windowSize:g,children:s.jsx(ls,{windowSize:g,children:j.settings.subtitle.myProfile})}),s.jsx(_e,{myProfileView:e,isZeniFinopsRolesUser:w,isDisabled:"readonly",isReimbursementDisabled:t,sectionId:P,isZeniAccountsDisabled:i,isChargeCardDisabled:c,isTreasuryDisabled:x,isBankingOnlyTenant:m,isCardsOnlyTenant:o,isLiteRoleDisabled:f,onAddressClick:T})]})})]}),W?s.jsx(je,{style:{zIndex:1,paddingTop:a.sp3,paddingBottom:a.sp3},formId:ae(P),helperStyle:{paddingTop:a.sp0,paddingBottom:a.sp0},primaryBtn:{label:j.footer.save,isLoading:e.updateProfileStatus.fetchState==="In-Progress",style:{minWidth:103}},cancelBtn:{label:j.cancel,onClick:y,shouldResetOnCancel:!0,style:{minWidth:103}}}):null]})},ae=e=>`${e}_form`,Xe=p.div`
+  display: flex;
+  height: 100vh;
+  width: 100%;
+  flex-direction: column;
+  row-gap: ${a.sp3};
+  background-color: ${e=>e.theme.colors.grey4};
+`,Ye=p.div`
+  display: flex;
+  width: 100%;
+  margin: auto;
+  justify-content: flex-start;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+`,es=p(ce)`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: ${e=>me.subtitleSectionWidth.valuePx(e.windowSize)};
+  margin-bottom: ${a.sp5};
+`,ss=p.div`
+  display: flex;
+  align-items: center;
+
+  color: ${e=>e.theme.colors.hero};
+  ${Ce.standardMedium.css};
+`,as=p.div`
+  display: flex;
+  align-items: center;
+  width: ${e=>me.sectionWidth.valuePx(e.windowSize)};
+  margin-bottom: ${a.sp3};
+`,ls=p.div`
+  display: flex;
+  align-items: center;
+
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${Ke.title.style(e.windowSize)}`};
+`,le=(e,t,i,c,x)=>{const{classList:m,person:o,managersList:f,manager:$,department:T,myProfileLocalData:h}=e,y=pe(o.userRole!=null?o.userRole.userRoles:[]),n=m.map(r=>({label:r.fullyQualifiedAccountingClassName,value:r.classId,hoverText:r.accountingClassNumber}));return{[P]:{name:{firstName:o.user?.firstName??"",lastName:o.user?.lastName??""},email:o.user?.email??"",role:t?{allOptions:ue.roles,selectedOptions:o.userRole?.userRoles??[]}:void 0,nonZeniRole:t?void 0:{userRole:{selectedRole:de(o.userRole?.userRoles??[]),allRootRole:ne(c,x)},productsByUserRole:re(o.userRole?.userRoles??[],i)},manager:{allUsers:y?[]:f,selectedUser:os(y,$)},department:{allOptions:y?[]:n,selectedOption:y?void 0:n.find(r=>r.value===T?.classId)},dateOfBirth:h.dateOfBirth?.toDate(),phone:h.phone,syncToken:h?.syncToken,isPhoneVerified:h?.isPhoneVerified,otpChallenge:h?.otpChallenge,mailingAddress:e.addressData?.addressToCreate}}},os=(e,t)=>{if(!e)return t!=null?t.userId:"no_manager"};export{bs as default,ae as uniqueFormName};

package/dist/assets/NavBarWithPicker-FYZ2a05o-CmU_pgV6.js

@@ -0,0 +1,30 @@
+import{i as h,u as g,j as o,bm as u,cH as m,a as x,b as r,cm as b,g6 as k,cS as v,cF as y,t as C}from"./index-2CdI-B2B.js";import{n as i}from"./mui-kiGMfX4-.js";const S=i.div`
+  display: flex;
+  flex-direction: row;
+  flex: 1 1 auto;
+  justify-content: center;
+  max-width: calc(100% - 36px);
+  margin-left: ${r.sp3};
+`,w=({backgroundColor:e,pickerValues:a,valueToLabel:n,selectedValue:l,onPickerSelectionChanged:s,isPickerDisabled:c,titleTextStyle:d,styles:p})=>{const t=h();return o.jsx(S,{style:p,children:o.jsx(y,{pickerValues:a,valueToLabel:n,selectedValue:l,onPickerSelectionChanged:s,backgroundColor:e,titleTextStyle:d??C.largeRegular,titleColor:t.colors.primary,selectedOptionColor:t.colors.primary,isDisabled:c})})},{common:{navBar:{back:j}}}=x.getLocalizedStrings(),$={navBarHeight:b},f=i.div`
+  display: flex;
+  align-items: center;
+  min-height: ${e=>$.navBarHeight.valuePx(e.windowSize)};
+  background-color: ${e=>e.bgColor};
+`,T=i.div``,B=i(v)`
+  cursor: pointer;
+  width: ${r.sp4};
+  height: ${r.sp4};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,L=i(k)`
+  cursor: pointer;
+  width: 20px;
+  min-width: 20px;
+  height: 20px;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`;function D({picker:e,backgroundColor:a,showMenuIcon:n,rightSideComponent:l,onBackClick:s,onClickMenuIcon:c}){const d=h(),p=g(),t=a??d.colors.grey5;return o.jsxs(f,{bgColor:t,windowSize:p,children:[n?o.jsx(L,{onClick:c,"data-testid":u("nav-bar-menu-button")}):o.jsx(m,{style:{marginTop:r.sp1,height:r.sp4},title:j,enterDelay:600,placement:"bottom",children:o.jsx(B,{"data-testid":u("nav-bar-back-button"),onClick:s})}),o.jsx(w,{...e,backgroundColor:t}),l!=null?o.jsx(T,{children:l}):null]})}export{D as v};

package/dist/assets/NavigationArrow-DlO0Lww9-Ct543iDt.js

@@ -0,0 +1,47 @@
+import{j as e,b as o,bz as g,cS as c}from"./index-2CdI-B2B.js";import{c as t,n as l}from"./mui-kiGMfX4-.js";const $=t`
+  border-left-style: none;
+  margin-left: -${o.sp3};
+  border-top-right-radius: ${o.sp2};
+  border-bottom-right-radius: ${o.sp2};
+  padding: ${o.sp2};
+`,f=t`
+  border-right-style: none;
+  margin-right: -${o.sp3};
+  border-top-left-radius: ${o.sp2};
+  border-bottom-left-radius: ${o.sp2};
+  padding: ${o.sp2};
+`,C=l.div`
+  cursor: pointer;
+  display: flex;
+  border: 1px solid
+    ${r=>r.isSpendManagementPromoCard===!0?r.promoBorderColor!=null?r.promoBorderColor:r.theme.colors.billPayPromoBorderColor:r.theme.colors.grey3};
+  margin-top: ${r=>r.isSpendManagementPromoCard===!0?o.sp0:"-"+o.sp11};
+  ${r=>r.which==="left"?$:f};
+  ${r=>r.marginLeft!=null?`margin-left: ${r.marginLeft};`:""}
+  ${r=>r.marginRight!=null?`margin-right: ${r.marginRight};`:""}
+  & svg {
+    color: ${r=>r.isSpendManagementPromoCard===!0?r.promoColor!=null?r.promoColor:r.theme.colors.billPayPromoBorderColor:r.theme.colors.hero};
+  }
+  &:hover {
+    & svg {
+      color: ${r=>r.theme.colors.primary};
+    }
+    ${({promoBorderColorHover:r})=>r!=null?t`
+          border-color: ${r};
+        `:null}
+  }
+`,u=l(c)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${r=>r.theme.colors.hero};
+  &:hover {
+    color: ${r=>r.theme.colors.primary};
+  }
+`,v=l(g)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${r=>r.theme.colors.hero};
+  &:hover {
+    color: ${r=>r.theme.colors.primary};
+  }
+`;function y({navType:r}){switch(r){case"left":return e.jsx(u,{});case"right":return e.jsx(v,{});default:throw Error("Invalid navtype")}}const w=({navType:r,isSpendManagementPromoCard:s=!1,marginLeft:a,marginRight:i,promoBorderColor:n,promoBorderColorHover:m,promoColor:p,handleClick:d})=>e.jsx(C,{isSpendManagementPromoCard:s,which:r,className:`styledNav styledNav-${r}`,marginLeft:a,marginRight:i,promoBorderColor:n,promoColor:p,promoBorderColorHover:m,onClick:h=>d(h,r=="left"?"right":"left"),children:e.jsx(y,{navType:r})});export{w as h};

package/dist/assets/{NavigationDots-CXbzdOJY-BibyAOdv.js → NavigationDots-DO5y6mdV-DGnlFBBn.js}

@@ -1,7 +1,7 @@
-import{V as e,aK as v,o as t}from"./index-ePPQ9tNX.js";import{n as a}from"./mui-bYXq4XMS.js";const C=a.div`
+import{j as e,bm as v,b as t}from"./index-2CdI-B2B.js";import{n as a}from"./mui-kiGMfX4-.js";const C=a.div`
   text-align: center;
   cursor: pointer;
-`,y=a.div`
+`,u=a.div`
   display: inline-block;
   border-radius: 50%;
   margin: ${t.sp0} ${t.sp2};
@@ -12,4 +12,4 @@ import{V as e,aK as v,o as t}from"./index-ePPQ9tNX.js";import{n as a}from"./mui-
   cursor: ${o=>o.spendManagementPromoCardActive===!0?"pointer":"default"};
   background-color: ${o=>o.spendManagementPromoCardActive?o.active?o.promoColor!=null?o.promoColor:o.theme.colors.brandColorGold:o.promoColorHover!=null?o.promoColorHover:o.theme.colors.billPayPromoColorHover:o.active?o.theme.colors.hero:o.theme.colors.grey2};
   opacity: ${o=>o.spendManagementPromoCardActive&&!o.active&&o.promoColorHoverOpacity!=null?o.promoColorHoverOpacity:1};
-`,H=({numberOfDots:o,activeIndex:l,style:n,dotStyle:i,promoColor:m,promoColorHover:p,promoColorHoverOpacity:c,handleClick:s,spendManagementPromoCardActive:d=!1})=>o<=1?null:e.jsx(C,{style:n,children:[...Array(o)].map((g,r)=>e.jsx(y,{style:i,promoColor:m,promoColorHover:p,promoColorHoverOpacity:c,spendManagementPromoCardActive:d,active:l===r,onClick:()=>s?.(r),"data-testid":v("nav-dot",r.toString())},r))});export{H as k};
+`,b=({numberOfDots:o,activeIndex:l,style:n,dotStyle:i,promoColor:m,promoColorHover:p,promoColorHoverOpacity:s,handleClick:c,spendManagementPromoCardActive:d=!1})=>o<=1?null:e.jsx(C,{style:n,children:[...Array(o)].map((y,r)=>e.jsx(u,{style:i,promoColor:m,promoColorHover:p,promoColorHoverOpacity:s,spendManagementPromoCardActive:d,active:l===r,onClick:()=>c?.(r),"data-testid":v("nav-dot",r.toString())},r))});export{b as n};