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

package/dist/assets/LowBalancePopup-DJQCz0Ed-B8IDUNee.js

@@ -0,0 +1,34 @@
+import{F as C,Q as A,a8 as R,V as a,ab as W,cm as F,cH as U,y as c,cK as z,o as e,co as V,u as m,b8 as Y,aR as E,bS as N}from"./index-XNBiWrYj.js";import{n as d}from"./mui-bYXq4XMS.js";import{fw as H,bO as $,bj as S}from"./zeni-epic-state-LPACxnXP.js";const s={labelWidth:new c(152,176,176),paddingBottom:new c(m[3],m[2]),width:new c(300,420,420),paddingRight:new c(m[4],m[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 ee({saveDetailsFetchState:t,paymentData:l,onProceedForMarkAsPaid:u,onCancel:h}){const{spendManagement:{billPay:{billDetails:{paymentOutsideZeni:y,paymentDate:g,cancel:n}}},dateFormat:{visual:f,analytics:b}}=C.getLocalizedStrings(),{popUpTitle:x,paymentModeLabel:B,markAsPaid:M,defaultDateInfo:j,paymentModeOptions:w,selectDate:O,selectMethod:P}=y,i=A(),k="payment-outside-zeni-form",r="paymentMode",p="paymentDate",D=R({mode:"all",values:{[r]:{selectedOption:l?.paymentMode,allOptions:w.map(o=>o.value)},[p]:l?.paymentDate?.toDate()}}),I=D.handleSubmit(o=>{u({paymentDate:o[p]!=null?$(o[p].toString()):$(S().startOf("month").format(b.YYYYDashMMDashDDFormat).toString()),paymentMode:o[r]?.selectedOption!=null?H(o[r]?.selectedOption):"other"})}),L=o=>w.find(T=>T.value===o)?.label??"";return a.jsx(W,{...D,children:a.jsx("form",{id:k,onSubmit:I,children:a.jsx(F,{formId:k,titleComponent:a.jsx(V,{children:x}),primaryButtonText:M,primaryButtonWidth:128,secondaryButtonWidth:128,secondaryButtonText:n,isLoading:t==="In-Progress",isDisabled:t==="In-Progress",isEditPopup:!0,shouldClickAway:t!=="In-Progress",action:{onOkClick:()=>null,onCancelClick:h},children:a.jsxs(J,{windowSize:i,children:[a.jsx(U,{label:{label:B,width:s.labelWidth.value(i)},style:{width:s.width.valuePx(i)},singleSelectField:{singleSelect:{getLabelForId:L,showTickMark:!1,alwaysShowEyeTooltip:!1,name:r,placeholder:P,showValueEyeIcon:!1,showEyeIconOnSelect:!1},defaultValue:{selectedOption:l?.paymentMode,allOptions:w?.map(o=>o.value)??[]}},isFunctional:!0}),a.jsx(Z,{}),a.jsx(z,{label:{label:g,width:s.labelWidth.value(i)},style:{paddingBottom:s.paddingBottom.valuePx(i),width:s.width.valuePx(i),borderRadius:e.sp0},additionalPaymentInfoLabel:j,additionalPaymentInfoLabelStyle:{borderBottomRightRadius:e.sp2,borderBottomLeftRadius:e.sp2,paddingTop:e.sp1,paddingBottom:e.sp1,paddingLeft:e.sp3,paddingRight:s.paddingRight.valuePx(i),textAlign:"left"},dateField:{name:p,placeholder:O,defaultValue:l?.paymentDate,dateFormat:f.defaultInput,maxDate:S(),minDate:$("01 Jan 1900"),autoComplete:"off"}})]})})})})}const te=({withdrawFrom:t,paymentDate:l,onOkClick:u,onCancelClick:h,onClickAway:y})=>{const{dateFormat:g,spendManagement:{billPay:n},common:{strings:f}}=C.getLocalizedStrings();if(t!=null&&l!=null){const b=`${t?.label} ${t?.maskedAccountNumber}`,x=a.jsx(q,{children:a.jsxs(G,{children:[a.jsx(v,{children:b}),n.insufficientFunds.popUp.hasLowBalance,f.space,n.insufficientFunds.popUp.addMoney,a.jsx(v,{children:l?.format(g.visual.MMMDFormat)}),n.insufficientFunds.popUp.avoidFailure]})});return a.jsx(F,{titleComponent:a.jsx(K,{children:n.insufficientFunds.popUp.title}),primaryButtonText:n.billDetails.buttons.approveAnyways,secondaryButtonText:n.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}})}},q=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;
+`,G=d(Y)`
+  color: ${t=>t.theme.colors.hero};
+`,v=d(E)`
+  color: ${t=>t.theme.colors.primary};
+`,K=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{te as o,ee as t};

package/dist/assets/MagicLinkACHDetailsPage-CEtaoWk8-CST49L9m.js

@@ -0,0 +1 @@
+import{V as l}from"./index-XNBiWrYj.js";import{f as y}from"./ACHDetailsPage-BXgsd50c-BuCiUEId.js";import"./mui-bYXq4XMS.js";import"./core-3dlyNYRL.js";import"./sentry-o6h_D-9x.js";import"./zeni-epic-state-LPACxnXP.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";import"./BankAccountWarningSection-CSChi1lw-BVD5BCv3.js";import"./MagicLinkTitleSection-D2fXbnDV-CA6SEdmn.js";import"./BankAccountSection-Chay7X-G-vPiVizDl.js";const v=({magicLinkViewState:t,magicLinkBankAccountDetails:a,onSaveHandler:e,onACHDetailsUpdated:o,onFetchBankName:n,isDisabled:i,companyName:r})=>{const{fetchState:m,error:c,bankNameByRouting:p,bankAccountToCreate:u,fetchBankNameByRoutingStatus:s}=a,{currencySymbol:k,amount:f}=t;return l.jsx(y,{bankAccountToCreate:u,bankAccountCreationState:{fetchState:m,error:c},bankNameByRouting:p,fetchBankNameByRoutingStatus:s,onSaveHandler:e,onACHDetailsUpdated:o,onFetchBankName:n,isDisabled:i,companyName:r,isMagicLink:!0,currencySymbol:k,amount:f})};export{v as default};

package/dist/assets/MagicLinkDomesticWireDetailsPage-qdgMQR3_-DWvT9O1j.js

@@ -0,0 +1 @@
+import{V as S}from"./index-XNBiWrYj.js";import{w as b}from"./DomesticWireDetailsPage-DuKrVIAL-BzRIhYO3.js";import"./mui-bYXq4XMS.js";import"./core-3dlyNYRL.js";import"./sentry-o6h_D-9x.js";import"./zeni-epic-state-LPACxnXP.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";import"./BankAccountSection-Chay7X-G-vPiVizDl.js";import"./MagicLinkTitleSection-D2fXbnDV-CA6SEdmn.js";import"./BankAccountWarningSection-CSChi1lw-BVD5BCv3.js";import"./MailingDetailsSection-C6cVooC3-CCSD5vtq.js";import"./LabeledAddressValueField-C_8kPzjy-5OUHMeqd.js";const U=({magicLinkViewState:t,magicLinkBankAccountDetails:e,mailingAddressDetails:a,isDisabled:o,companyName:r,onSaveHandler:i,onWireDetailsUpdated:n,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:i,onWireDetailsUpdated:n,onAddressClick:s,onFetchBankName:m,companyName:r,isMagicLink:!0,currencySymbol:l,amount:y})};export{U as default};

package/dist/assets/MagicLinkInternationalWireDetailsPage-DNwtPZ-u-Bk0G3IwE.js

@@ -0,0 +1 @@
+import{V as B}from"./index-XNBiWrYj.js";import{f as S}from"./InternationalWireSwiftDetailsPage-BUa1svL--BjPRjytS.js";import"./mui-bYXq4XMS.js";import"./core-3dlyNYRL.js";import"./sentry-o6h_D-9x.js";import"./zeni-epic-state-LPACxnXP.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";import"./BankAccountWarningSection-CSChi1lw-BVD5BCv3.js";import"./MailingDetailsSection-C6cVooC3-CCSD5vtq.js";import"./LabeledAddressValueField-C_8kPzjy-5OUHMeqd.js";import"./MagicLinkTitleSection-D2fXbnDV-CA6SEdmn.js";const H=({magicLinkViewState:t,magicLinkBankAccountDetails:a,mailingAddressDetails:e,isDisabled:n,companyName:i,onSaveHandler:o,onBankDetailsUpdated:r,onFetchBankNameBySwift:m,onAddressClick:s})=>{const{internationalBankAccountCreateStatus:c,internationalBankAccountToCreate:d,fetchBankNameBySwiftStatus:p,bankNameBySwift:k}=a,{currencySymbol:l,amount:u}=t;return B.jsx(S,{bankAccountToCreate:d,bankAccountCreationState:c,bankNameBySwift:k,addressToEdit:e,addressType:"vendor_address",fetchBankNameBySwiftStatus:p,isDisabled:n,onSaveHandler:o,onBankDetailsUpdated:r,onAddressClick:s,onFetchBankNameBySwift:m,companyName:i,isMagicLink:!0,currencySymbol:l,amount:u})};export{H as default};

package/dist/assets/MagicLinkSuccessPage-60TBVrSw-CKgQ4p6j.js

@@ -0,0 +1,31 @@
+import{aW as s,F as n,V as t,b3 as l,o as i,ae as c,E as a,d as p}from"./index-XNBiWrYj.js";import{n as o}from"./mui-bYXq4XMS.js";import"./core-3dlyNYRL.js";import"./sentry-o6h_D-9x.js";import"./zeni-epic-state-LPACxnXP.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";const w=()=>{const[e]=s("Confetti"),r=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(u,{children:t.jsx(x,{})}),t.jsxs(d,{children:[t.jsx(g,{children:r.successTitle}),t.jsx(h,{children:r.successNote})]})]}):null},m=o.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=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  opacity: 80%;
+  margin: 0 ${i.sp4};
+`,g=o(a)`
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+`,h=o(p)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+`,u=o.div`
+  position: absolute;
+  top: ${i.sp5};
+  left: ${i.sp5};
+  background-color: ${e=>e.theme.colors.background};
+`,x=o(c)`
+  color: ${e=>e.theme.colors.primary};
+  height: ${i.sp4};
+`;export{w as default};

package/dist/assets/MagicLinkTitleSection-D2fXbnDV-CA6SEdmn.js

@@ -0,0 +1,17 @@
+import{F as C,aV as p,V as a,E as m,o as t,ak as g,p as d,cf as h}from"./index-XNBiWrYj.js";import{n}from"./mui-bYXq4XMS.js";import{a as i}from"./core-3dlyNYRL.js";const x=e=>i.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},i.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"})),E=({companyName:e,currencySymbol:l,amount:s})=>{const r=C.getLocalizedStrings().spendManagement.billPay.billDetails.magicLink.magicLinkScreen,c=s>0?` ${p("0,0.[00]",s,l)}`:"",o=r.title.replace(/<tenant_name>/,e)+c;return a.jsxs(a.Fragment,{children:[a.jsx(y,{children:o}),a.jsxs(V,{children:[r.description.replace(/<tenant_name>/,e),a.jsxs(f,{children:[a.jsx(w,{}),r.encrypted]})]})]})},f=n(h)`
+  display: flex;
+  gap: ${t.sp1};
+  color: ${d.successDark};
+`,w=n(x)`
+  width: ${t.sp4};
+  height: ${t.sp4};
+  color: inherit;
+`,V=n(g)`
+  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};
+`,y=n(m)``;export{E as j};

package/dist/assets/MailingDetailsSection-C6cVooC3-CCSD5vtq.js

@@ -0,0 +1,21 @@
+import{Q as h,F as b,y as r,V as s,o as a,cG as u,b7 as x,u as i}from"./index-XNBiWrYj.js";import{n}from"./mui-bYXq4XMS.js";import{W as f}from"./LabeledAddressValueField-C_8kPzjy-5OUHMeqd.js";const o={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:l,addressType:m,isDisabled:p,onAddressClick:g})=>{const t=h(),d=b.getLocalizedStrings().spendManagement.billPay.vendorCreation.wireDetails,$=o.largeLabelWidth.value(t);return s.jsxs(s.Fragment,{children:[s.jsx(L,{size:t,children:d.addressDetailTitle}),s.jsx(v,{size:t,children:s.jsx(f,{isDisabled:p,label:{label:d.address,width:$},addressValueField:{name:w(e,"mailingAddress"),placeholder:u(d.address),defaultValue:l,registerOptions:{validate:c=>c!=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,l)=>`${e}.${l}`,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=>o.marginLeft.valuePx(e.size)};
+  margin-right: ${e=>o.marginRight.valuePx(e.size)};
+  margin-top: ${e=>o.paddingTopBottom.valuePx(e.size)};
+  margin-bottom: ${e=>o.paddingTopBottom.valuePx(e.size)};
+  &:hover {
+    border: 1px solid ${e=>e.theme.colors.primary};
+  }
+`,L=n(x)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${a.sp3};
+  margin-top: ${a.sp5};
+  margin-left: ${e=>o.marginLeftTitle.valuePx(e.size)};
+`;export{P as T};

package/dist/assets/{Menu-pyYbFxsT-BjDDhfv4.js → Menu-D_6Dje0H-Ar5SwcnV.js}

@@ -1,6 +1,6 @@
-import{j as o,ak as u,g3 as h,b as s,i as d,aX as m}from"./index-OJbFNHch.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`
+import{V as o,an as h,eM as u,o as s,e as d,eN as m}from"./index-XNBiWrYj.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`
   position: relative;
-`,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`
+`,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`
   height: ${s.sp4};
   position: relative;
   color: ${e=>e.theme.colors.hero};
@@ -8,10 +8,10 @@ import{j as o,ak as u,g3 as h,b as s,i as d,aX as m}from"./index-OJbFNHch.js";im
     cursor: pointer;
     color: ${e=>e.theme.colors.primary};
   }
-`,j=c.div`
+`,v=c.div`
   width: ${s.sp3};
   height: ${s.sp3};
   ${({isMenuVisible:e})=>e===!1?f`
           display: none;
         `:null};
-`;export{S as h};
+`;export{M as P};

package/dist/assets/MyBankConnectionsSettingsPage-D2EPH9WZ-DhQP4OT2.js

@@ -0,0 +1,110 @@
+import{e as z,Q as M,fu as L,F as v,aS as x,V as i,bz as D,a9 as $,fo as H,o as t,bu as P,y as d,al as I,ak as _,b as R,B as W,fA as j,fB as C,u,fK as V,p as A,ag as N}from"./index-XNBiWrYj.js";import{a as y}from"./core-3dlyNYRL.js";import{n}from"./mui-bYXq4XMS.js";import{bO as O}from"./zeni-epic-state-LPACxnXP.js";import"./sentry-o6h_D-9x.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";const r={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])},E={title:new W("standardMedium","largeMedium")},F=n.img`
+  width: ${e=>r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  height: ${e=>r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  border-radius: ${t.sp11};
+  margin-right: ${e=>r.iconContainerMarginRight.valuePx(e.windowSize)};
+`,J=n.div`
+  display: flex;
+`,Q=n.div`
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  justify-content: space-between;
+  margin-left: ${e=>r.elementsMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${e=>r.elementsMarginLeftRight.valuePx(e.windowSize)};
+  padding-top: ${t.sp4};
+  padding-bottom: ${t.sp4};
+`,U=n.div`
+  display: flex;
+  align-items: flex-start;
+`,G=n.div`
+  display: flex;
+  opacity: 1;
+`,K=n.div`
+  display: flex;
+  flex-direction: column;
+`,Y=n.div``,q=n.div`
+  ${e=>`${E.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=>r.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=>r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  max-height: ${e=>r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  margin-right: ${e=>r.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=>r.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:s})=>{const a=M(),m=z(),h=e.bankName,l=m.mode==="light"?new x(m.colors.brandColorJadeLight):new x(m.colors.brandColorJadeDark),b={element:i.jsx(P,{width:r.iconWidthHeight.valuePx(a),height:r.iconWidthHeight.valuePx(a)}),color:l},c=o?.providerVerificationStatus?.code,w=`${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(Q,{windowSize:a,children:[i.jsxs(U,{children:[i.jsx(G,{children:oe(b,a,m.mode==="dark",o)}),i.jsxs(K,{children:[i.jsxs(Y,{children:[i.jsx(q,{windowSize:a,children:h}),i.jsx(Z,{children:w?i.jsxs(i.Fragment,{children:[i.jsx(ee,{children:w}),a!=="small"&&(c!=="verification_failed"&&o?.providerVerificationStatus?.code==="pending_manual_verification"||g)?i.jsx(ie,{}):null]}):null})]}),s!=null&&a==="small"?i.jsx(j,{style:{width:"max-content",padding:0,marginTop:t.sp2},tagTitle:s.name,textColor:C(s.code)}):null]})]}),i.jsx(J,{children:s!=null&&a!=="small"?i.jsx(j,{style:{width:"max-content",padding:0,marginTop:t.sp2},tagTitle:s.name,textColor:C(s.code)}):null})]})})},oe=(e,o,s,a)=>a?.institutionDetails.logo?.base64!=null?i.jsx(F,{windowSize:o,src:`${V}${a.institutionDetails.logo.base64.toString()}`,alt:a.institutionDetails.institutionName,loading:"lazy"}):i.jsx(X,{iconColor:e.color,windowSize:o,isDarkMode:s,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;
+`,re=n.div`
+  display: flex;
+  height: 100vh;
+  width: 100%;
+  row-gap: ${t.sp3};
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+`,se=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: ${R.largeMedium.fontFamily};
+  ${e=>`${ae.title.style(e.windowSize)}`};
+`,ue=n(I)`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: ${e=>f.subtitleSectionWidth.valuePx(e.windowSize)};
+  margin-bottom: ${t.sp5};
+`,me=n(_)`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+`,$e=({plaidConnectionDetails:e,myBankConnectionsView:o,onEstablishConnectionClick:s,onFetchLinkTokenClick:a,onClickMenuIcon:m})=>{const h=z(),l=M(),b=y.useCallback(p=>{s(p)},[s]),c=y.useMemo(()=>e.link_account_no_microdeposit,[e]),{open:w}=L({token:c.linkToken??null,onSuccess:b}),g=v.getLocalizedStrings().common.settings,T=h.mode==="light"?new x(h.colors.brandColorJadeLight):new x(h.colors.brandColorJadeDark),k=v.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail;return y.useEffect(()=>{(O(new Date().toISOString()).isAfter(c.expiration)||c.linkToken==null)&&a("link_account_no_microdeposit")},[a,c.expiration,c.linkToken]),i.jsxs(re,{children:[i.jsx(D,{source:"MyBankConnectionsSettingsPage",title:g.title.myBankConnections,backgroundColor:h.colors.grey4,style:{zIndex:3},showBackButton:!1,showMenuIcon:l==="medium-compact"||l==="small",onClickMenuIcon:m}),i.jsxs(se,{windowSize:l,children:[i.jsx(ue,{windowSize:l,children:i.jsx(me,{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($,{controller:o.bankAccounts.length>0,children:i.jsx(le,{children:o.bankAccounts.map(p=>{const S=o.paymentAccounts.find(B=>B.bankAccountId==p.bankAccountId);return i.jsx(te,{bankAccount:p,accountStatus:S?.verificationStatus,paymentAccount:S},p.bankAccountId)})})}),i.jsx($,{controller:o.bankAccounts.length===0,children:i.jsx(H,{onClick:()=>{w()},title:k.connectYourBank,subTitle:k.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{$e as default};

package/dist/assets/MyPendingActivationChargeCardListPage-Bidsd2bk-DJBBvD6g.js

@@ -0,0 +1,6 @@
+import{e as B,av as w,F as x,iF as a,V as o,bz as D,g0 as M,o as O}from"./index-XNBiWrYj.js";import{n as P}from"./mui-bYXq4XMS.js";import{eI as V}from"./zeni-epic-state-LPACxnXP.js";import{l as $,r as j}from"./ChargeCardListTable-DsfnKX3P-D0-TBhcC.js";import"./core-3dlyNYRL.js";import"./sentry-o6h_D-9x.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";import"./Menu-D_6Dje0H-Ar5SwcnV.js";import"./RoleWithToolTip-GUYLjJwW-DVSFtUus.js";import"./CardNumberSubText-lh7fQJis-CKFkz1Hy.js";const{spendManagement:{chargeCard:C}}=x.getLocalizedStrings(),rt=({myPendingActivationChargeCardListView:e,isChargeCardFeatureEnabled:d,isDebitCardFeatureEnabled:n,isDebitCardSetupEnabled:s,isChargeCardSetupEnabled:l,chargeCardCashbackDetailState:r,creditAccount:c,creditAccountRepayment:u,depositAccountListWithDebitCardIssued:i,controllerEmails:b,signedInUser:S,onChargeCardRowClick:p,onBackClick:k,onReloadCards:g,onColumnSortConfigChanged:A})=>{const f=B(),F=w(),h=V(F.loggedInUserRoleMap),v=e.cards.some(t=>t.type.code.includes("credit")),m=e.cards.some(t=>t.type.code.includes("debit")),y=v&&m?C.cardList.title.cards:m?C.cardList.title.debit:C.cardList.title.credit,L=h===!0?{creditCardCashbackOffer:`${r.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${r.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:a(r.cashbackSummary.cashbackEarned.amount),redeemedCashback:a(r.cashbackSummary.cashbackRedeemed.amount),availableCashback:a(r.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:r.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:r.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,I=d&&l&&h===!0?{creditAccountId:c.id,creditAccountLimit:a(c.limit.amount),creditAccountAvailableAmount:a(c.available.amount),creditAccountSpentAmount:a(c.balance.amount+c.hold.amount),creditAccountStatus:c.status,outstandingBalance:a(u.remainingAmountDue.amount)}:void 0,E=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,R={isCreditCardOffered:d,isDebitCardOffered:n,isDebitCardEnabled:s,isCreditCardEnabled:l},N={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"}};return o.jsxs(z,{children:[o.jsx(D,{title:y,backgroundColor:f.colors.grey4,style:{zIndex:3},onBackClick:k,source:"MyPendingActivationChargeCardListPage"}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?o.jsx(M,{fetchState:e.fetchState,styles:{margin:"auto"}}):o.jsx($,{onBulkCloseClick:()=>{},onBulkLockClick:()=>{},bulkSubmissionLimit:j,isCardControlsEnabled:!1,cardsSelectedForBulkAction:[],isBulkActionAllowed:!1,firstSelectedCardStatus:void 0,setActionTypeForRowAction:()=>{},setCardIdForRowAction:()=>{},controllerEmails:b,isChargeCardFeatureEnabled:d,isDebitCardFeatureEnabled:n,isDebitCardSetupEnabled:s,isChargeCardSetupEnabled:l,creditAccount:c,creditAccountRepayment:u,productInformation:R,cashbackInformation:L,creditAccountInformation:I,debitAccountInformation:E,depositAccountListWithDebitCardIssued:i,cardList:e.cards,showViewForCardUser:!0,signedInUser:S,fetchState:e.fetchState,unlockChargeCardsFetchState:"Not-Started",revokeChargeCardsInviteFetchState:"Not-Started",rowActionView:N,onProceedForBulkActionClick:t=>{},removeAllCardsFromBulkActionList:()=>{},setShowBulkChangeSpendLimitPopup:t=>{},updateBulkActionList:t=>{},onReloadCards:g,onChargeCardRowClick:(t,U)=>{p(t)},uiState:e.uiState,onColumnSortConfigChanged:A,onChargeCardResendInviteClick:()=>{}})]})},z=P.div`
+  display: flex;
+  min-height: ${`calc(100vh - ${O.sp9})`};
+  flex-direction: column;
+  width: 100%;
+`;export{rt as default};

package/dist/assets/MyProfileSettingsPage-BH2ZVQTk-DMG3qFrn.js

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

package/dist/assets/NavBarWithPicker-Cg2TZjBi-DZVc5NBz.js

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

package/dist/assets/NavigationArrow-CYserS2B-DdYPXfvg.js

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

package/dist/assets/{NavigationDots-DO5y6mdV-CX8opgkb.js → NavigationDots-CT_oO_7z-Bt9KzB5Z.js}

@@ -1,7 +1,7 @@
-import{j as e,bm as v,b as t}from"./index-OJbFNHch.js";import{n as a}from"./mui-kiGMfX4-.js";const C=a.div`
+import{V as e,aK as v,o as t}from"./index-XNBiWrYj.js";import{n as a}from"./mui-bYXq4XMS.js";const C=a.div`
   text-align: center;
   cursor: pointer;
-`,u=a.div`
+`,y=a.div`
   display: inline-block;
   border-radius: 50%;
   margin: ${t.sp0} ${t.sp2};
@@ -12,4 +12,4 @@ import{j as e,bm as v,b as t}from"./index-OJbFNHch.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};
-`,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};
+`,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};