@zeniai/web-cockpit-ui 1.13.93-qa → 1.13.94-dev

package/dist/assets/{MeetingCalenderPopup-BhC8pSjM-Dwxk7RjP.js → MeetingCalenderPopup-vr7DE2aj-DAZs4R6M.js}

@@ -1,4 +1,4 @@
-import{X as o,j as i,Y as d,p as c,g as l,o as p,C as r}from"./index-CKO1Ko85.js";import{n as a}from"./vendor-CnQcJ2Lu.js";const s={width:new r(425,850,850),height:new r(320,640,640)},h=a.div`
+import{X as o,j as i,Y as d,m as c,g as l,o as p,C as r}from"./index-ji6aa7AC.js";import{n as a}from"./vendor-CnQcJ2Lu.js";const s={width:new r(425,850,850),height:new r(320,640,640)},h=a.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -9,7 +9,7 @@ import{X as o,j as i,Y as d,p as c,g as l,o as p,C as r}from"./index-CKO1Ko85.js
   flex-direction: column;
   align-items: center;
   background: ${l.blackColor}CC;
-`,u=a.div`
+`,m=a.div`
   display: flex;
   flex-direction: column;
   justify-content: space-between;
@@ -23,4 +23,4 @@ import{X as o,j as i,Y as d,p as c,g as l,o as p,C as r}from"./index-CKO1Ko85.js
   width: ${e=>s.width.valuePx(e.windowSize)};
   height: ${e=>s.height.valuePx(e.windowSize)};
   background: transparent;
-`;function x(e){const n=o(),t=document.createElement("script");return t.setAttribute("async","true"),t.setAttribute("defer","true"),t.setAttribute("src","https://static.hsappstatic.net/MeetingsEmbed/ex/MeetingsEmbedCode.js"),document.head.appendChild(t),i.jsx(h,{windowSize:n,role:"presentation","data-testid":d("calendar-meeting-popup"),children:i.jsx(c,{onClickAway:()=>e.onCancelClick(),children:i.jsx(u,{windowSize:n,children:i.jsx("div",{className:"meetings-iframe-container","data-src":e.meetingUrl,style:{width:"100%",height:"100%"}})})})})}export{x};
+`;function x(e){const n=o(),t=document.createElement("script");return t.setAttribute("async","true"),t.setAttribute("defer","true"),t.setAttribute("src","https://static.hsappstatic.net/MeetingsEmbed/ex/MeetingsEmbedCode.js"),document.head.appendChild(t),i.jsx(h,{windowSize:n,role:"presentation","data-testid":d("calendar-meeting-popup"),children:i.jsx(c,{onClickAway:()=>e.onCancelClick(),children:i.jsx(m,{windowSize:n,children:i.jsx("div",{className:"meetings-iframe-container","data-src":e.meetingUrl,style:{width:"100%",height:"100%"}})})})})}export{x};

package/dist/assets/{Menu-LDwLOgxI-DlYH_4Kt.js → Menu-DNn9-W-C-DaYpba-h.js}

@@ -1,6 +1,6 @@
-import{j as o,p as u,eI as h,o as s,u as d,eJ as m}from"./index-CKO1Ko85.js";import{b as x,n as c,j as f}from"./vendor-CnQcJ2Lu.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,m as u,eG as h,o as s,u as d,eH as m}from"./index-ji6aa7AC.js";import{b as x,n as c,j as y}from"./vendor-CnQcJ2Lu.js";const f=({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;
-`,C=({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`
+`,C=({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(f,{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};
@@ -11,7 +11,7 @@ import{j as o,p as u,eI as h,o as s,u as d,eJ as m}from"./index-CKO1Ko85.js";imp
 `,j=c.div`
   width: ${s.sp3};
   height: ${s.sp3};
-  ${({isMenuVisible:e})=>e===!1?f`
+  ${({isMenuVisible:e})=>e===!1?y`
           display: none;
         `:null};
-`;export{C as A};
+`;export{C as R};

package/dist/assets/{MyBankConnectionsSettingsPage-BzxtuXEu-CJN51V3R.js → MyBankConnectionsSettingsPage-TawXQ1Zb-BllmvVI4.js}

@@ -1,4 +1,4 @@
-import{u as z,X as M,eZ as H,M as v,ab as w,j as i,l as L,aW as I,T as $,o as t,aQ as P,C as d,m as _,t as B,r as R,Q as W,e_ as j,e$ as C,q as u,f1 as E,g as T,v as J}from"./index-CKO1Ko85.js";import{b as y,n}from"./vendor-CnQcJ2Lu.js";import{J as F}from"./SetUpDefaultSection-B361ojb9-NxiVWfIP.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.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])},N={title:new W("standardMedium","largeMedium")},O=n.img`
+import{u as z,X as M,eX as H,M as $,a7 as p,j as i,l as L,aW as I,T as v,o as t,aQ as P,C as d,f as B,q as _,v as R,Q as W,eY as j,eZ as C,n as u,e$ as E,g as T,w as F}from"./index-ji6aa7AC.js";import{b as y,n}from"./vendor-CnQcJ2Lu.js";import{K as N}from"./SetUpDefaultSection-DnYtx3XN-CNoT73Ow.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.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])},J={title:new W("standardMedium","largeMedium")},O=n.img`
   width: ${e=>r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
   height: ${e=>r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
   border-radius: ${t.sp11};
@@ -14,19 +14,19 @@ import{u as z,X as M,eZ as H,M as v,ab as w,j as i,l as L,aW as I,T as $,o as t,
   margin-right: ${e=>r.elementsMarginLeftRight.valuePx(e.windowSize)};
   padding-top: ${t.sp4};
   padding-bottom: ${t.sp4};
-`,G=n.div`
+`,X=n.div`
   display: flex;
   align-items: flex-start;
-`,X=n.div`
+`,G=n.div`
   display: flex;
   opacity: 1;
-`,q=n.div`
+`,K=n.div`
   display: flex;
   flex-direction: column;
-`,U=n.div``,Y=n.div`
-  ${e=>`${N.title.style(e.windowSize)}`};
+`,Y=n.div``,q=n.div`
+  ${e=>`${J.title.style(e.windowSize)}`};
   color: ${e=>e.isError===!0?T.important:e.theme.colors.primary};
-`,Z=n.div`
+`,U=n.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -39,7 +39,7 @@ import{u as z,X as M,eZ as H,M as v,ab as w,j as i,l as L,aW as I,T as $,o as t,
   max-width: ${e=>r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
   max-height: ${e=>r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
   margin-right: ${e=>r.iconContainerMarginRight.valuePx(e.windowSize)};
-`,K=n(J)`
+`,Z=n(F)`
   display: flex;
   align-items: center;
   color: ${e=>e.theme.colors.hero};
@@ -65,7 +65,7 @@ import{u as z,X as M,eZ as H,M as v,ab as w,j as i,l as L,aW as I,T as $,o as t,
   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 w(m.colors.brandColorJadeLight):new w(m.colors.brandColorJadeDark),f={element:i.jsx(P,{width:r.iconWidthHeight.valuePx(a),height:r.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(V,{windowSize:a,children:[i.jsxs(G,{children:[i.jsx(X,{children:oe(f,a,m.mode==="dark",o)}),i.jsxs(q,{children:[i.jsxs(U,{children:[i.jsx(Y,{windowSize:a,children:h}),i.jsx(K,{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})]}),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(Q,{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(O,{windowSize:o,src:`${E}${a.institutionDetails.logo.base64.toString()}`,alt:a.institutionDetails.institutionName,loading:"lazy"}):i.jsx(Z,{iconColor:e.color,windowSize:o,isDarkMode:s,children:e.element}),b={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`
+`,te=({bankAccount:e,paymentAccount:o,accountStatus:s})=>{const a=M(),h=z(),m=e.bankName,l=h.mode==="light"?new p(h.colors.brandColorJadeLight):new p(h.colors.brandColorJadeDark),b={element:i.jsx(P,{width:r.iconWidthHeight.valuePx(a),height:r.iconWidthHeight.valuePx(a)}),color:l},c=o?.providerVerificationStatus?.code,x=`${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(V,{windowSize:a,children:[i.jsxs(X,{children:[i.jsx(G,{children:oe(b,a,h.mode==="dark",o)}),i.jsxs(K,{children:[i.jsxs(Y,{children:[i.jsx(q,{windowSize:a,children:m}),i.jsx(Z,{children:x?i.jsxs(i.Fragment,{children:[i.jsx(ee,{children:x}),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(Q,{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(O,{windowSize:o,src:`${E}${a.institutionDetails.logo.base64.toString()}`,alt:a.institutionDetails.institutionName,loading:"lazy"}):i.jsx(U,{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;
@@ -88,7 +88,7 @@ import{u as z,X as M,eZ as H,M as v,ab as w,j as i,l as L,aW as I,T as $,o as t,
 `,de=n.div`
   display: flex;
   align-items: center;
-  width: ${e=>b.sectionWidth.valuePx(e.windowSize)};
+  width: ${e=>f.sectionWidth.valuePx(e.windowSize)};
   margin-bottom: ${t.sp3};
 `,ce=n.div`
   display: flex;
@@ -97,14 +97,14 @@ import{u as z,X as M,eZ as H,M as v,ab as w,j as i,l as L,aW as I,T as $,o as t,
   color: ${e=>e.theme.colors.primary};
   font-family: ${R.largeMedium.fontFamily};
   ${e=>`${ae.title.style(e.windowSize)}`};
-`,ue=n(_)`
+`,ue=n(B)`
   display: flex;
   justify-content: center;
   align-items: center;
-  width: ${e=>b.subtitleSectionWidth.valuePx(e.windowSize)};
+  width: ${e=>f.subtitleSectionWidth.valuePx(e.windowSize)};
   margin-bottom: ${t.sp5};
-`,me=n(B)`
+`,he=n(_)`
   display: flex;
   align-items: center;
   color: ${e=>e.theme.colors.hero};
-`,ve=({plaidConnectionDetails:e,myBankConnectionsView:o,onEstablishConnectionClick:s,onFetchLinkTokenClick:a,onClickMenuIcon:m})=>{const h=z(),l=M(),f=y.useCallback(x=>{s(x)},[s]),c=y.useMemo(()=>e.link_account_no_microdeposit,[e]),{open:p}=H({token:c.linkToken??null,onSuccess:f}),g=v.getLocalizedStrings().common.settings,A=h.mode==="light"?new w(h.colors.brandColorJadeLight):new w(h.colors.brandColorJadeDark),k=v.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail;return y.useEffect(()=>{(L.zeniDate(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(I,{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(x=>{const S=o.paymentAccounts.find(D=>D.bankAccountId==x.bankAccountId);return i.jsx(te,{bankAccount:x,accountStatus:S?.verificationStatus,paymentAccount:S},x.bankAccountId)})})}),i.jsx($,{controller:o.bankAccounts.length===0,children:i.jsx(F,{onClick:()=>{p()},title:k.connectYourBank,subTitle:k.loginToBank,header:g.label.reimbursements,icon:{element:i.jsx(P,{width:b.iconWidthHeight.valuePx(l),height:b.iconWidthHeight.valuePx(l)}),color:A},style:{width:"unset",rowGap:l==="small"?t.sp2:void 0}})})]})]})};export{ve as default};
+`,$e=({plaidConnectionDetails:e,myBankConnectionsView:o,onEstablishConnectionClick:s,onFetchLinkTokenClick:a,onClickMenuIcon:h})=>{const m=z(),l=M(),b=y.useCallback(w=>{s(w)},[s]),c=y.useMemo(()=>e.link_account_no_microdeposit,[e]),{open:x}=H({token:c.linkToken??null,onSuccess:b}),g=$.getLocalizedStrings().common.settings,A=m.mode==="light"?new p(m.colors.brandColorJadeLight):new p(m.colors.brandColorJadeDark),k=$.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail;return y.useEffect(()=>{(L.zeniDate(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(I,{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(se,{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(w=>{const S=o.paymentAccounts.find(D=>D.bankAccountId==w.bankAccountId);return i.jsx(te,{bankAccount:w,accountStatus:S?.verificationStatus,paymentAccount:S},w.bankAccountId)})})}),i.jsx(v,{controller:o.bankAccounts.length===0,children:i.jsx(N,{onClick:()=>{x()},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:A},style:{width:"unset",rowGap:l==="small"?t.sp2:void 0}})})]})]})};export{$e as default};

package/dist/assets/{MyPendingActivationChargeCardListPage-9jGJWmds-D9P1jnqV.js → MyPendingActivationChargeCardListPage-CPgV9E8n-BAkl0Cop.js}

@@ -1,4 +1,4 @@
-import{u as M,V as D,l as j,M as w,fh as t,j as r,aW as O,fA as B,o as F}from"./index-CKO1Ko85.js";import{n as P}from"./vendor-CnQcJ2Lu.js";import{M as U}from"./ChargeCardListTable-B1a9-RYl-C_trAFfC.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./Menu-LDwLOgxI-DlYH_4Kt.js";import"./RoleWithToolTip-VlYG_GPv-teaAu_UP.js";import"./CardNumberSubText-DuTv0ip1-BnZjxVHu.js";import"./ChargeCardUtils-Dt303NN_-BJthP303.js";const{spendManagement:{chargeCard:u}}=w.getLocalizedStrings(),_=({myPendingActivationChargeCardListView:e,isChargeCardFeatureEnabled:o,isDebitCardFeatureEnabled:n,isDebitCardSetupEnabled:s,isChargeCardSetupEnabled:l,chargeCardCashbackDetailState:i,creditAccount:c,creditAccountRepayment:C,depositAccountListWithDebitCardIssued:d,controllerEmails:h,signedInUser:p,onChargeCardRowClick:A,onBackClick:g,onReloadCards:f,onColumnSortConfigChanged:k})=>{const S=M(),y=D(),m=j.hasChargeCardAdminLevelAccess(y.loggedInUserRoleMap),v=e.cards.some(a=>a.type.code.includes("credit")),b=e.cards.some(a=>a.type.code.includes("debit")),E=v&&b?u.cardList.title.cards:b?u.cardList.title.debit:u.cardList.title.credit,I=m===!0?{creditCardCashbackOffer:`${i.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${i.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:t(i.cashbackSummary.cashbackEarned.amount),redeemedCashback:t(i.cashbackSummary.cashbackRedeemed.amount),availableCashback:t(i.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:i.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:i.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,R=o&&l&&m===!0?{creditAccountId:c.id,creditAccountLimit:t(c.limit.amount),creditAccountAvailableAmount:t(c.available.amount),creditAccountSpentAmount:t(c.balance.amount+c.hold.amount),creditAccountStatus:c.status,outstandingBalance:t(C.remainingAmountDue.amount)}:void 0,L=n&&s?{debitAccountId:d.depositAccounts.map(a=>a.id),debitAccountName:d.depositAccounts.map(a=>a.accountName),debitAccountBalance:d.depositAccounts.map(a=>t(a.accountBalance.available.amount)),debitCardsSpend:0,debitAccountStatus:d.depositAccounts.map(a=>a.accountStatus)}:void 0,x={isCreditCardOffered:o,isDebitCardOffered:n,isDebitCardEnabled:s,isCreditCardEnabled:l};return r.jsxs(V,{children:[r.jsx(O,{title:E,backgroundColor:S.colors.grey4,style:{zIndex:3},onBackClick:g,source:"MyPendingActivationChargeCardListPage"}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?r.jsx(B,{fetchState:e.fetchState,styles:{margin:"auto"}}):r.jsx(U,{controllerEmails:h,isChargeCardFeatureEnabled:o,isDebitCardFeatureEnabled:n,isDebitCardSetupEnabled:s,isChargeCardSetupEnabled:l,creditAccount:c,creditAccountRepayment:C,productInformation:x,cashbackInformation:I,creditAccountInformation:R,debitAccountInformation:L,depositAccountListWithDebitCardIssued:d,cardList:e.cards,showViewForCardUser:!0,signedInUser:p,fetchState:e.fetchState,onReloadCards:f,onChargeCardRowClick:A,uiState:e.uiState,onColumnSortConfigChanged:k,onChargeCardResendInviteClick:()=>{},onChargeCardRevokeInviteClick:()=>{}})]})},V=P.div`
+import{u as D,t as M,l as j,M as w,ff as t,j as r,aW as O,fy as B,o as F}from"./index-ji6aa7AC.js";import{n as P}from"./vendor-CnQcJ2Lu.js";import{E as U}from"./ChargeCardListTable-HXAc8Lqx-wKEbgM6d.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./Menu-DNn9-W-C-DaYpba-h.js";import"./RoleWithToolTip-k62RaqAZ-Bav1TewG.js";import"./CardNumberSubText-CkmaTF_l-Kwic4R2k.js";import"./ChargeCardUtils-BEtXxds6-iY4L_brM.js";const{spendManagement:{chargeCard:u}}=w.getLocalizedStrings(),_=({myPendingActivationChargeCardListView:e,isChargeCardFeatureEnabled:o,isDebitCardFeatureEnabled:n,isDebitCardSetupEnabled:s,isChargeCardSetupEnabled:l,chargeCardCashbackDetailState:i,creditAccount:c,creditAccountRepayment:C,depositAccountListWithDebitCardIssued:d,controllerEmails:h,signedInUser:p,onChargeCardRowClick:g,onBackClick:A,onReloadCards:f,onColumnSortConfigChanged:k})=>{const S=D(),y=M(),m=j.hasChargeCardAdminLevelAccess(y.loggedInUserRoleMap),E=e.cards.some(a=>a.type.code.includes("credit")),b=e.cards.some(a=>a.type.code.includes("debit")),v=E&&b?u.cardList.title.cards:b?u.cardList.title.debit:u.cardList.title.credit,I=m===!0?{creditCardCashbackOffer:`${i.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${i.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:t(i.cashbackSummary.cashbackEarned.amount),redeemedCashback:t(i.cashbackSummary.cashbackRedeemed.amount),availableCashback:t(i.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:i.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:i.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,R=o&&l&&m===!0?{creditAccountId:c.id,creditAccountLimit:t(c.limit.amount),creditAccountAvailableAmount:t(c.available.amount),creditAccountSpentAmount:t(c.balance.amount+c.hold.amount),creditAccountStatus:c.status,outstandingBalance:t(C.remainingAmountDue.amount)}:void 0,x=n&&s?{debitAccountId:d.depositAccounts.map(a=>a.id),debitAccountName:d.depositAccounts.map(a=>a.accountName),debitAccountBalance:d.depositAccounts.map(a=>t(a.accountBalance.available.amount)),debitCardsSpend:0,debitAccountStatus:d.depositAccounts.map(a=>a.accountStatus)}:void 0,L={isCreditCardOffered:o,isDebitCardOffered:n,isDebitCardEnabled:s,isCreditCardEnabled:l};return r.jsxs($,{children:[r.jsx(O,{title:v,backgroundColor:S.colors.grey4,style:{zIndex:3},onBackClick:A,source:"MyPendingActivationChargeCardListPage"}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?r.jsx(B,{fetchState:e.fetchState,styles:{margin:"auto"}}):r.jsx(U,{controllerEmails:h,isChargeCardFeatureEnabled:o,isDebitCardFeatureEnabled:n,isDebitCardSetupEnabled:s,isChargeCardSetupEnabled:l,creditAccount:c,creditAccountRepayment:C,productInformation:L,cashbackInformation:I,creditAccountInformation:R,debitAccountInformation:x,depositAccountListWithDebitCardIssued:d,cardList:e.cards,showViewForCardUser:!0,signedInUser:p,fetchState:e.fetchState,onReloadCards:f,onChargeCardRowClick:g,uiState:e.uiState,onColumnSortConfigChanged:k,onChargeCardResendInviteClick:()=>{},onChargeCardRevokeInviteClick:()=>{}})]})},$=P.div`
   display: flex;
   min-height: ${`calc(100vh - ${F.sp9})`};
   flex-direction: column;

package/dist/assets/{MyProfileSettingsPage-9yk4H_yu-G514pPEm.js → MyProfileSettingsPage-DuXTV0pM-5CplCRBg.js}

@@ -1,4 +1,4 @@
-import{X as te,fl as ie,u as fe,V as ge,fm as be,a as ye,D as xe,l as z,c4 as we,c3 as Pe,M as re,j as l,fn as ve,aW as $e,F as De,a7 as Se,o as s,fo as ne,fp as de,fq as ce,b_ as ue,C as L,m as me,r as je,Q as Ce,P as le,cf as Oe,c6 as Re,fr as q,cc as Le,ca as Te,fs as Ve,ak as Ie,q as E}from"./index-CKO1Ko85.js";import{b as v,n as m}from"./vendor-CnQcJ2Lu.js";import{C as ke}from"./LabeledAddressValueField-BmSVDTMx-Jv07dYGB.js";import{X as Be}from"./LabeledUserSingleSelectWithSubtitlesField-DiWgp4aE-GkGK06mY.js";import{C as Fe,j as ze}from"./LabeledZeniRolesDropDownField-Cgy0v5oD-CE6fgMqo.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./RoleWithToolTip-VlYG_GPv-teaAu_UP.js";const b=(e,i)=>`${e}.${i}`,F={largeLabelWidth:new L(120,120,160),textFieldPaddingHorizontal:new L(E[2],E[3]),toolTipWidth:new L(215,237),notePadding:new L(E[3],E[4]),noteGap:new L(E[0],6)},{peoplePage:a,common:{settings:se,labels:G,placeholder:B,errorMessage:Ae},dateFormat:Ne}=re.getLocalizedStrings(),Me=({myProfileView:e,isZeniFinopsRolesUser:i,sectionId:t,isDisabled:u,isReimbursementDisabled:y,isZeniAccountsDisabled:p,isChargeCardDisabled:o,isBankingOnlyTenant:f,isCardsOnlyTenant:$,isLiteRoleDisabled:T,isTreasuryDisabled:h,onAddressClick:x})=>{const n=te(),{person:r,managersList:A,classList:N,manager:Q,department:g,controllersList:M,myProfileLocalData:W,addressData:X}=e,H=e.person.user?.birthday!=null?"readonly":void 0,D=F.largeLabelWidth.value(n),V=F.largeLabelWidth.value(n),J=v.useMemo(()=>ie(y,p,o,f,$,T,h),[y,p,o,f,$,T,h]),{firstController:w,restControllerEmailsStr:S}=v.useMemo(()=>{const c=le(M),j=c.splice(0,1),C=c.reduce((I,k)=>I.concat(`${k.email},`),"");return{firstController:j,restControllerEmailsStr:C}},[M]),K=v.useMemo(()=>le(ue.roles),[]),d=z.hasInvestorBankerLevelAccess(r.userRole!=null?r.userRole.userRoles:[]),U=v.useMemo(()=>N.map(c=>({label:c.fullyQualifiedAccountingClassName,value:c.classId,hoverText:c.accountingClassNumber})),[N]);return l.jsxs(_e,{windowSize:n,children:[l.jsx(Oe,{isDisabled:u,label:{label:G.name,width:V},nameField:{name:b(t,"name"),placeHolder:{firstName:B.firstNamePlaceholder,lastName:B.lastNamePlaceholder,name:B.namePlaceholder},showFullNameError:!0},errorInfoLabel:Ae.nameError.replace("_product_type_",se.common.productTypeString)}),l.jsx(R,{}),l.jsx(Re,{isDisabled:u,showAdditionalInfoLabel:!1,label:{label:a.invitePage.email,width:D},text:{type:"text",name:b(t,"email"),placeholder:q(a.addPlaceholderPrefix,a.invitePage.email),style:{padding:`${s.sp0} ${F.textFieldPaddingHorizontal.valuePx(n)}`}}}),l.jsx(R,{}),l.jsx(Le,{label:{label:G.dateOfBirth,width:V},style:{width:"auto"},isDisabled:H,dateField:{name:b(t,"dateOfBirth"),placeholder:B.datePlaceholder,defaultValue:W.dateOfBirth,dateFormat:Ne.visual.defaultInput,autoComplete:"off",maxDate:z.dateNow().subtract(18,"year")}}),l.jsx(R,{}),l.jsx(ke,{label:{label:G.mailingAddress,width:V},addressValueField:{name:b(t,"mailingAddress"),placeholder:B.addressPlaceholder,defaultValue:X?.addressToCreate,onClick:()=>{x("user_address")}},showAdditionalInfoLabel:!0,style:{width:"auto",padding:`${s.sp2} ${s.sp2} ${s.sp2} ${s.sp0}`}}),l.jsx(R,{}),l.jsx(Te,{label:{label:G.phone,width:V},text:{name:b(t,"phone"),placeholder:B.phonePlaceholder,defaultValue:W.phone,autoComplete:"off"},showVerified:W.isPhoneVerified,style:{width:"auto"}}),l.jsx(R,{}),i?l.jsx(Fe,{label:{label:a.invitePage.role,width:D},zeniRolesDropDownField:{name:b(t,"role"),defaultValue:{selectedOptions:r.userRole!=null?r.userRole.userRoles:[],allOptions:K},registerOptions:{required:!0},placeholderLabel:q(a.selectPlaceholderPrefix,a.invitePage.role),isMulti:!0,forZeniUser:!0},isDisabled:"readonly"}):l.jsxs(l.Fragment,{children:[l.jsx(ze,{label:{label:a.invitePage.role,width:D},rolesDropDownField:{name:b(t,"nonZeniRole"),defaultValue:{userRole:{selectedRole:ce(r.userRole?.userRoles??[]),allRootRole:de(f,$)},productsByUserRole:ne(r.userRole?.userRoles??[],J)},registerOptions:{required:!0}},isDisabled:u}),l.jsx(R,{}),l.jsx(Be,{label:{label:a.invitePage.manager,width:D},showTooltip:!0,toolTipWidth:F.toolTipWidth.valuePx(n),tooltipTitle:l.jsx(We,{}),userSingleSelectWithSubTitlesField:{name:b(t,"manager"),value:{allUsers:d?[]:A,selectedUser:d?void 0:Q?.userId},valueToSubtitle:c=>{const j=A.findIndex(C=>C.userId===c);if(j!==-1){const C=A[j],I=N.find(Y=>Y.classId===C.userRole.accountingClassIDs[0]),k=[];return I!=null&&k.push(I.className),k}else return[]},placeholderLabel:d?a.notApplicable:q(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(R,{}),l.jsx(Ve,{label:{label:a.invitePage.department,width:D},singleSelectWithoutClearableField:{name:b(t,"department"),defaultValue:{allOptions:d?[]:U,selectedOption:d?void 0:U.find(c=>c.value===g?.classId)},placeholder:d?a.notApplicable:q(a.selectPlaceholderPrefix,a.invitePage.department),registerOptions:{required:!d},isDisabled:u,showOptionOnHover:!0},isDisabled:u,opacity:d?.32:1}),i?null:l.jsxs(Ee,{windowSize:n,children:[a.invitePage.controllerText,w[0]?l.jsxs(Ue,{href:`mailto:${w[0].email}?cc=${S}&subject=${encodeURIComponent(a.invitePage.emailSubject)}`,children:[l.jsx(Ze,{children:`${w[0].firstName} ${w[0].lastName}`}),l.jsx(Ie,{className:"arrowIcon"})]}):null]})]})]})},We=()=>a.invitePage.managerTooltipText,_e=m.div`
+import{X as te,fj as ie,u as fe,t as ge,fk as be,a as ye,H as xe,l as z,c4 as we,c3 as Pe,M as re,j as l,fl as ve,aW as $e,F as De,a3 as Se,o as s,fm as ne,fn as de,fo as ce,b_ as ue,C as L,f as me,v as je,Q as Ce,S as le,cf as Oe,c6 as Re,fp as q,cc as Le,ca as Te,fq as Ie,ae as Ve,n as U}from"./index-ji6aa7AC.js";import{b as v,n as m}from"./vendor-CnQcJ2Lu.js";import{C as ke}from"./LabeledAddressValueField-DbR_ehJJ-kXFBzBc8.js";import{X as Be}from"./LabeledUserSingleSelectWithSubtitlesField-Bh1Ts3Yn-DTgSGsxS.js";import{C as Fe,j as ze}from"./LabeledZeniRolesDropDownField-xA0_8wFb-Dd3nBqBN.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./RoleWithToolTip-k62RaqAZ-Bav1TewG.js";const b=(e,i)=>`${e}.${i}`,F={largeLabelWidth:new L(120,120,160),textFieldPaddingHorizontal:new L(U[2],U[3]),toolTipWidth:new L(215,237),notePadding:new L(U[3],U[4]),noteGap:new L(U[0],6)},{peoplePage:a,common:{settings:se,labels:X,placeholder:B,errorMessage:Ae},dateFormat:Ne}=re.getLocalizedStrings(),Me=({myProfileView:e,isZeniFinopsRolesUser:i,sectionId:t,isDisabled:u,isReimbursementDisabled:y,isZeniAccountsDisabled:p,isChargeCardDisabled:o,isBankingOnlyTenant:f,isCardsOnlyTenant:$,isLiteRoleDisabled:T,isTreasuryDisabled:h,onAddressClick:x})=>{const n=te(),{person:r,managersList:A,classList:N,manager:G,department:g,controllersList:M,myProfileLocalData:W,addressData:H}=e,Q=e.person.user?.birthday!=null?"readonly":void 0,D=F.largeLabelWidth.value(n),I=F.largeLabelWidth.value(n),J=v.useMemo(()=>ie(y,p,o,f,$,T,h),[y,p,o,f,$,T,h]),{firstController:w,restControllerEmailsStr:S}=v.useMemo(()=>{const c=le(M),j=c.splice(0,1),C=c.reduce((V,k)=>V.concat(`${k.email},`),"");return{firstController:j,restControllerEmailsStr:C}},[M]),K=v.useMemo(()=>le(ue.roles),[]),d=z.hasInvestorBankerLevelAccess(r.userRole!=null?r.userRole.userRoles:[]),E=v.useMemo(()=>N.map(c=>({label:c.fullyQualifiedAccountingClassName,value:c.classId,hoverText:c.accountingClassNumber})),[N]);return l.jsxs(_e,{windowSize:n,children:[l.jsx(Oe,{isDisabled:u,label:{label:X.name,width:I},nameField:{name:b(t,"name"),placeHolder:{firstName:B.firstNamePlaceholder,lastName:B.lastNamePlaceholder,name:B.namePlaceholder},showFullNameError:!0},errorInfoLabel:Ae.nameError.replace("_product_type_",se.common.productTypeString)}),l.jsx(R,{}),l.jsx(Re,{isDisabled:u,showAdditionalInfoLabel:!1,label:{label:a.invitePage.email,width:D},text:{type:"text",name:b(t,"email"),placeholder:q(a.addPlaceholderPrefix,a.invitePage.email),style:{padding:`${s.sp0} ${F.textFieldPaddingHorizontal.valuePx(n)}`}}}),l.jsx(R,{}),l.jsx(Le,{label:{label:X.dateOfBirth,width:I},style:{width:"auto"},isDisabled:Q,dateField:{name:b(t,"dateOfBirth"),placeholder:B.datePlaceholder,defaultValue:W.dateOfBirth,dateFormat:Ne.visual.defaultInput,autoComplete:"off",maxDate:z.dateNow().subtract(18,"year")}}),l.jsx(R,{}),l.jsx(ke,{label:{label:X.mailingAddress,width:I},addressValueField:{name:b(t,"mailingAddress"),placeholder:B.addressPlaceholder,defaultValue:H?.addressToCreate,onClick:()=>{x("user_address")}},showAdditionalInfoLabel:!0,style:{width:"auto",padding:`${s.sp2} ${s.sp2} ${s.sp2} ${s.sp0}`}}),l.jsx(R,{}),l.jsx(Te,{label:{label:X.phone,width:I},text:{name:b(t,"phone"),placeholder:B.phonePlaceholder,defaultValue:W.phone,autoComplete:"off"},showVerified:W.isPhoneVerified,style:{width:"auto"}}),l.jsx(R,{}),i?l.jsx(Fe,{label:{label:a.invitePage.role,width:D},zeniRolesDropDownField:{name:b(t,"role"),defaultValue:{selectedOptions:r.userRole!=null?r.userRole.userRoles:[],allOptions:K},registerOptions:{required:!0},placeholderLabel:q(a.selectPlaceholderPrefix,a.invitePage.role),isMulti:!0,forZeniUser:!0},isDisabled:"readonly"}):l.jsxs(l.Fragment,{children:[l.jsx(ze,{label:{label:a.invitePage.role,width:D},rolesDropDownField:{name:b(t,"nonZeniRole"),defaultValue:{userRole:{selectedRole:ce(r.userRole?.userRoles??[]),allRootRole:de(f,$)},productsByUserRole:ne(r.userRole?.userRoles??[],J)},registerOptions:{required:!0}},isDisabled:u}),l.jsx(R,{}),l.jsx(Be,{label:{label:a.invitePage.manager,width:D},showTooltip:!0,toolTipWidth:F.toolTipWidth.valuePx(n),tooltipTitle:l.jsx(We,{}),userSingleSelectWithSubTitlesField:{name:b(t,"manager"),value:{allUsers:d?[]:A,selectedUser:d?void 0:G?.userId},valueToSubtitle:c=>{const j=A.findIndex(C=>C.userId===c);if(j!==-1){const C=A[j],V=N.find(Y=>Y.classId===C.userRole.accountingClassIDs[0]),k=[];return V!=null&&k.push(V.className),k}else return[]},placeholderLabel:d?a.notApplicable:q(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(R,{}),l.jsx(Ie,{label:{label:a.invitePage.department,width:D},singleSelectWithoutClearableField:{name:b(t,"department"),defaultValue:{allOptions:d?[]:E,selectedOption:d?void 0:E.find(c=>c.value===g?.classId)},placeholder:d?a.notApplicable:q(a.selectPlaceholderPrefix,a.invitePage.department),registerOptions:{required:!d},isDisabled:u,showOptionOnHover:!0},isDisabled:u,opacity:d?.32:1}),i?null:l.jsxs(Ue,{windowSize:n,children:[a.invitePage.controllerText,w[0]?l.jsxs(Ee,{href:`mailto:${w[0].email}?cc=${S}&subject=${encodeURIComponent(a.invitePage.emailSubject)}`,children:[l.jsx(Ze,{children:`${w[0].firstName} ${w[0].lastName}`}),l.jsx(Ve,{className:"arrowIcon"})]}):null]})]})]})},We=()=>a.invitePage.managerTooltipText,_e=m.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey5};
@@ -15,7 +15,7 @@ import{X as te,fl as ie,u as fe,V as ge,fm as be,a as ye,D as xe,l as z,c4 as we
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,Ee=m(me)`
+`,Ue=m(me)`
   padding: ${e=>`${s.sp1}  ${F.notePadding.valuePx(e.windowSize)}`};
   background: ${e=>e.theme.colors.grey4};
   border-radius: ${s.sp0} ${s.sp0} ${s.sp2} ${s.sp2};
@@ -25,7 +25,7 @@ import{X as te,fl as ie,u as fe,V as ge,fm as be,a as ye,D as xe,l as z,c4 as we
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
   align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
   gap: ${e=>F.noteGap.valuePx(e.windowSize)};
-`,Ue=m.a`
+`,Ee=m.a`
   color: ${e=>e.theme.colors.hero};
   text-decoration: none;
   cursor: pointer;
@@ -43,14 +43,14 @@ import{X as te,fl as ie,u as fe,V as ge,fm as be,a as ye,D as xe,l as z,c4 as we
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,Ze=m.span``,pe={sectionWidth:new L(343,580,726),subtitleSectionWidth:new L(343,580,1200)},qe={title:new Ce("standardMedium","largeMedium")},P="userDetails",pl=({myProfileView:e,isReimbursementDisabled:i,isZeniAccountsDisabled:t,isChargeCardDisabled:u,isTreasuryDisabled:y,isBankingOnlyTenant:p,isCardsOnlyTenant:o,isLiteRoleDisabled:f,onClickMenuIcon:$,onAddressClick:T,updateMyProfileLocalData:h,onCancelClick:x,onGetOtp:n,onResendOtp:r,onSaveClick:A,onVerifyOtp:N,onVerifyOtpSuccess:Q})=>{const g=te(),M=v.useMemo(()=>ie(i,t,u,p,o,f,y),[i,t,u,p,o,f,y]),[W,X]=v.useState(!1),[H,D]=v.useState(!1),V=fe(),J=ge(),w=be(J),S=ye({mode:"onSubmit",reValidateMode:"onSubmit",defaultValues:oe(e,w,M,p,o),values:oe(e,w,M,p,o)}),K=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&&!xe(z.getFormattedAddress(e.addressData?.addressToCreate),z.getFormattedAddress(e.person.address))||e.addressData?.addressToCreate!=null&&e.person.address==null,c=K||d||U,j=Object.keys(S.formState.errors).length===0,C=we(S.formState.dirtyFields),I=j&&(C||c),k=async(ee,Z)=>{if(ee!=null){const O={...Z},he={...e.myProfileLocalData,phone:O[P].phone,isPhoneVerified:O[P].phone!==e.person.user?.phone?!1:e.person.user?.isPhoneVerified??!1,dateOfBirth:O[P].dateOfBirth!=null?z.zeniDate(O[P].dateOfBirth.toString()):void 0};h(he)}};v.useEffect(()=>{const ee=S.watch((Z,{name:O})=>{O!=null&&Z!=null&&Pe(()=>k(O,Z))});return()=>{ee.unsubscribe()}});const Y=S.handleSubmit(()=>{j&&(e.myProfileLocalData.phone!=null&&(e.myProfileLocalData.isPhoneVerified==null||e.myProfileLocalData.isPhoneVerified===!1)?n(e.myProfileLocalData.phone):A())}),{common:_}=re.getLocalizedStrings();return l.jsxs(Ge,{children:[l.jsx(ve,{showOtpPopup:W,phoneNumberPopupDescription:"show something",showPhoneNumberPopup:H,twoFactorAuthenticationView:e.twoFAView,loggedInUserPhone:e.myProfileLocalData.phone,onVerifyOtp:N,onVerifyOtpSuccess:Q,setShowOtpPopup:X,onResendOtp:r,setShowPhoneNumberPopup:D,onGetOtp:n}),l.jsx($e,{source:"MyProfileSettingsPage",title:_.settings.title.myProfile,backgroundColor:V.colors.grey4,showBackButton:!1,showMenuIcon:g==="medium-compact"||g==="small",onClickMenuIcon:$}),l.jsxs(Qe,{windowSize:g,children:[l.jsx(Xe,{windowSize:g,children:l.jsx(He,{windowSize:g,children:_.settings.infoText.myProfile})}),l.jsx(De,{...S,children:l.jsxs("form",{id:ae(P),onSubmit:Y,children:[l.jsx(Je,{windowSize:g,children:l.jsx(Ke,{windowSize:g,children:_.settings.subtitle.myProfile})}),l.jsx(Me,{myProfileView:e,isZeniFinopsRolesUser:w,isDisabled:"readonly",isReimbursementDisabled:i,sectionId:P,isZeniAccountsDisabled:t,isChargeCardDisabled:u,isTreasuryDisabled:y,isBankingOnlyTenant:p,isCardsOnlyTenant:o,isLiteRoleDisabled:f,onAddressClick:T})]})})]}),I?l.jsx(Se,{style:{zIndex:1,paddingTop:s.sp3,paddingBottom:s.sp3},formId:ae(P),helperStyle:{paddingTop:s.sp0,paddingBottom:s.sp0},primaryBtn:{label:_.footer.save,isLoading:e.updateProfileStatus.fetchState==="In-Progress",style:{minWidth:103}},cancelBtn:{label:_.cancel,onClick:x,shouldResetOnCancel:!0,style:{minWidth:103}}}):null]})},ae=e=>`${e}_form`,Ge=m.div`
+`,Ze=m.span``,pe={sectionWidth:new L(343,580,726),subtitleSectionWidth:new L(343,580,1200)},qe={title:new Ce("standardMedium","largeMedium")},P="userDetails",pl=({myProfileView:e,isReimbursementDisabled:i,isZeniAccountsDisabled:t,isChargeCardDisabled:u,isTreasuryDisabled:y,isBankingOnlyTenant:p,isCardsOnlyTenant:o,isLiteRoleDisabled:f,onClickMenuIcon:$,onAddressClick:T,updateMyProfileLocalData:h,onCancelClick:x,onGetOtp:n,onResendOtp:r,onSaveClick:A,onVerifyOtp:N,onVerifyOtpSuccess:G})=>{const g=te(),M=v.useMemo(()=>ie(i,t,u,p,o,f,y),[i,t,u,p,o,f,y]),[W,H]=v.useState(!1),[Q,D]=v.useState(!1),I=fe(),J=ge(),w=be(J),S=ye({mode:"onSubmit",reValidateMode:"onSubmit",defaultValues:oe(e,w,M,p,o),values:oe(e,w,M,p,o)}),K=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,E=e.addressData?.addressToCreate!=null&&e.person.address!=null&&!xe(z.getFormattedAddress(e.addressData?.addressToCreate),z.getFormattedAddress(e.person.address))||e.addressData?.addressToCreate!=null&&e.person.address==null,c=K||d||E,j=Object.keys(S.formState.errors).length===0,C=we(S.formState.dirtyFields),V=j&&(C||c),k=async(ee,Z)=>{if(ee!=null){const O={...Z},he={...e.myProfileLocalData,phone:O[P].phone,isPhoneVerified:O[P].phone!==e.person.user?.phone?!1:e.person.user?.isPhoneVerified??!1,dateOfBirth:O[P].dateOfBirth!=null?z.zeniDate(O[P].dateOfBirth.toString()):void 0};h(he)}};v.useEffect(()=>{const ee=S.watch((Z,{name:O})=>{O!=null&&Z!=null&&Pe(()=>k(O,Z))});return()=>{ee.unsubscribe()}});const Y=S.handleSubmit(()=>{j&&(e.myProfileLocalData.phone!=null&&(e.myProfileLocalData.isPhoneVerified==null||e.myProfileLocalData.isPhoneVerified===!1)?n(e.myProfileLocalData.phone):A())}),{common:_}=re.getLocalizedStrings();return l.jsxs(Xe,{children:[l.jsx(ve,{showOtpPopup:W,phoneNumberPopupDescription:"show something",showPhoneNumberPopup:Q,twoFactorAuthenticationView:e.twoFAView,loggedInUserPhone:e.myProfileLocalData.phone,onVerifyOtp:N,onVerifyOtpSuccess:G,setShowOtpPopup:H,onResendOtp:r,setShowPhoneNumberPopup:D,onGetOtp:n}),l.jsx($e,{source:"MyProfileSettingsPage",title:_.settings.title.myProfile,backgroundColor:I.colors.grey4,showBackButton:!1,showMenuIcon:g==="medium-compact"||g==="small",onClickMenuIcon:$}),l.jsxs(Ge,{windowSize:g,children:[l.jsx(He,{windowSize:g,children:l.jsx(Qe,{windowSize:g,children:_.settings.infoText.myProfile})}),l.jsx(De,{...S,children:l.jsxs("form",{id:ae(P),onSubmit:Y,children:[l.jsx(Je,{windowSize:g,children:l.jsx(Ke,{windowSize:g,children:_.settings.subtitle.myProfile})}),l.jsx(Me,{myProfileView:e,isZeniFinopsRolesUser:w,isDisabled:"readonly",isReimbursementDisabled:i,sectionId:P,isZeniAccountsDisabled:t,isChargeCardDisabled:u,isTreasuryDisabled:y,isBankingOnlyTenant:p,isCardsOnlyTenant:o,isLiteRoleDisabled:f,onAddressClick:T})]})})]}),V?l.jsx(Se,{style:{zIndex:1,paddingTop:s.sp3,paddingBottom:s.sp3},formId:ae(P),helperStyle:{paddingTop:s.sp0,paddingBottom:s.sp0},primaryBtn:{label:_.footer.save,isLoading:e.updateProfileStatus.fetchState==="In-Progress",style:{minWidth:103}},cancelBtn:{label:_.cancel,onClick:x,shouldResetOnCancel:!0,style:{minWidth:103}}}):null]})},ae=e=>`${e}_form`,Xe=m.div`
   display: flex;
   height: 100vh;
   width: 100%;
   flex-direction: column;
   row-gap: ${s.sp3};
   background-color: ${e=>e.theme.colors.grey4};
-`,Qe=m.div`
+`,Ge=m.div`
   display: flex;
   width: 100%;
   margin: auto;
@@ -59,13 +59,13 @@ import{X as te,fl as ie,u as fe,V as ge,fm as be,a as ye,D as xe,l as z,c4 as we
   overflow-y: auto;
   flex-direction: column;
   align-items: center;
-`,Xe=m(me)`
+`,He=m(me)`
   display: flex;
   justify-content: center;
   align-items: center;
   width: ${e=>pe.subtitleSectionWidth.valuePx(e.windowSize)};
   margin-bottom: ${s.sp5};
-`,He=m.div`
+`,Qe=m.div`
   display: flex;
   align-items: center;
 

package/dist/assets/{NavBarWithPicker-DUpJ0EXp-DsJc75Xr.js → NavBarWithPicker-Cdali7jG-B142_aE-.js}

@@ -1,4 +1,4 @@
-import{u as p,X as m,j as o,Y as u,bt as g,M as x,o as t,aZ as b,eM as k,bp as y,bm as C,r as v}from"./index-CKO1Ko85.js";import{n as l}from"./vendor-CnQcJ2Lu.js";const j=l.div`
+import{u as p,X as m,j as o,Y as u,bs as g,M as x,o as t,aZ as b,eK as k,bo as y,bl as C,v}from"./index-ji6aa7AC.js";import{n as l}from"./vendor-CnQcJ2Lu.js";const j=l.div`
   display: flex;
   flex-direction: row;
   flex: 1 1 auto;
@@ -10,7 +10,7 @@ import{u as p,X as m,j as o,Y as u,bt as g,M as x,o as t,aZ as b,eM as k,bp as y
   align-items: center;
   min-height: ${e=>S.navBarHeight.valuePx(e.windowSize)};
   background-color: ${e=>e.bgColor};
-`,T=l.div``,P=l(y)`
+`,T=l.div``,B=l(y)`
   cursor: pointer;
   width: ${t.sp4};
   height: ${t.sp4};
@@ -18,7 +18,7 @@ import{u as p,X as m,j as o,Y as u,bt as g,M as x,o as t,aZ as b,eM as k,bp as y
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,B=l(k)`
+`,D=l(k)`
   cursor: pointer;
   width: 20px;
   min-width: 20px;
@@ -27,4 +27,4 @@ import{u as p,X as m,j as o,Y as u,bt as g,M as x,o as t,aZ as b,eM as k,bp as y
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`;function M({picker:e,backgroundColor:n,showMenuIcon:a,rightSideComponent:i,onBackClick:s,onClickMenuIcon:c}){const d=p(),h=m(),r=n??d.colors.grey5;return o.jsxs(f,{bgColor:r,windowSize:h,children:[a?o.jsx(B,{onClick:c,"data-testid":u("nav-bar-menu-button")}):o.jsx(g,{style:{marginTop:t.sp1,height:t.sp4},title:$,enterDelay:600,placement:"bottom",children:o.jsx(P,{"data-testid":u("nav-bar-back-button"),onClick:s})}),o.jsx(w,{...e,backgroundColor:r}),i!=null?o.jsx(T,{children:i}):null]})}export{M as H};
+`;function z({picker:e,backgroundColor:n,showMenuIcon:a,rightSideComponent:i,onBackClick:s,onClickMenuIcon:c}){const d=p(),h=m(),r=n??d.colors.grey5;return o.jsxs(f,{bgColor:r,windowSize:h,children:[a?o.jsx(D,{onClick:c,"data-testid":u("nav-bar-menu-button")}):o.jsx(g,{style:{marginTop:t.sp1,height:t.sp4},title:$,enterDelay:600,placement:"bottom",children:o.jsx(B,{"data-testid":u("nav-bar-back-button"),onClick:s})}),o.jsx(w,{...e,backgroundColor:r}),i!=null?o.jsx(T,{children:i}):null]})}export{z as R};

package/dist/assets/{NavigationArrow-lL3Ug8Mk-CFERmT7S.js → NavigationArrow-DaoZtCA8-BHc3euQ9.js}

@@ -1,10 +1,10 @@
-import{j as e,o as r,ak as m,bp as d}from"./index-CKO1Ko85.js";import{n as s,j as t}from"./vendor-CnQcJ2Lu.js";const h=t`
+import{j as e,o as r,ae as i,bo as h}from"./index-ji6aa7AC.js";import{j as l,n as s}from"./vendor-CnQcJ2Lu.js";const c=l`
   border-left-style: none;
   margin-left: -${r.sp3};
   border-top-right-radius: ${r.sp2};
   border-bottom-right-radius: ${r.sp2};
   padding: ${r.sp2};
-`,c=t`
+`,$=l`
   border-right-style: none;
   margin-right: -${r.sp3};
   border-top-left-radius: ${r.sp2};
@@ -16,7 +16,7 @@ import{j as e,o as r,ak as m,bp as d}from"./index-CKO1Ko85.js";import{n as s,j a
   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"?h:c};
+  ${o=>o.which==="left"?c:$};
   & svg {
     color: ${o=>o.isSpendManagementPromoCard===!0?o.promoColor!=null?o.promoColor:o.theme.colors.billPayPromoBorderColor:o.theme.colors.hero};
   }
@@ -24,19 +24,22 @@ import{j as e,o as r,ak as m,bp as d}from"./index-CKO1Ko85.js";import{n as s,j a
     & svg {
       color: ${o=>o.theme.colors.primary};
     }
+    ${({promoBorderColorHover:o})=>o!=null?l`
+          border-color: ${o};
+        `:null}
   }
-`,$=s(d)`
+`,C=s(h)`
   width: ${r.sp3};
   height: ${r.sp3};
   color: ${o=>o.theme.colors.hero};
   &:hover {
     color: ${o=>o.theme.colors.primary};
   }
-`,C=s(m)`
+`,u=s(i)`
   width: ${r.sp3};
   height: ${r.sp3};
   color: ${o=>o.theme.colors.hero};
   &:hover {
     color: ${o=>o.theme.colors.primary};
   }
-`;function u({navType:o}){switch(o){case"left":return e.jsx($,{});case"right":return e.jsx(C,{});default:throw Error("Invalid navtype")}}const b=({navType:o,isSpendManagementPromoCard:l=!1,promoBorderColor:a,promoColor:p,handleClick:i})=>e.jsx(g,{isSpendManagementPromoCard:l,which:o,className:"styledNav",promoBorderColor:a,promoColor:p,onClick:n=>i(n,o=="left"?"right":"left"),children:e.jsx(u,{navType:o})});export{b};
+`;function y({navType:o}){switch(o){case"left":return e.jsx(C,{});case"right":return e.jsx(u,{});default:throw Error("Invalid navtype")}}const b=({navType:o,isSpendManagementPromoCard:t=!1,promoBorderColor:a,promoBorderColorHover:p,promoColor:d,handleClick:m})=>e.jsx(g,{isSpendManagementPromoCard:t,which:o,className:`styledNav styledNav-${o}`,promoBorderColor:a,promoColor:d,promoBorderColorHover:p,onClick:n=>m(n,o=="left"?"right":"left"),children:e.jsx(y,{navType:o})});export{b as x};

package/dist/assets/{NavigationDots-6Q5ZVqKl-Bii0GTV2.js → NavigationDots-BhF2AV0Y-DUHF5KEe.js}

@@ -1,4 +1,4 @@
-import{j as e,Y as p,o as t}from"./index-CKO1Ko85.js";import{n as l}from"./vendor-CnQcJ2Lu.js";const v=l.div`
+import{j as e,Y as p,o as t}from"./index-ji6aa7AC.js";import{n as l}from"./vendor-CnQcJ2Lu.js";const v=l.div`
   text-align: center;
   cursor: pointer;
 `,C=l.div`

package/dist/assets/{NewGlobalMerchantPage-nrWvsRy4-B2bsxNA0.js → NewGlobalMerchantPage-BaoJ7yB8-BF04eMSd.js}

@@ -1,4 +1,4 @@
-import{X as z,a as J,c3 as Q,a5 as X,j as t,M as F,F as Y,a7 as Z,C as i,o as a,a6 as ee,Q as _,h as te,gj as ae,t as le,cg as O,hF as ne,c8 as U,c6 as oe,q as l,as as re,co as ie,cm as de,cA as se,e as ce,eq as me,dh as he,hE as be,g as V}from"./index-CKO1Ko85.js";import{b as j,n as o,j as ge}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const w={width:new i(343,580,726),height:new i(l[6],l[6]),controlHeight:new i(l[6],l[6]),paddingTopBottom:new i(l[2],l[2]),marginRight:new i(l[2],l[2]),labelMarginLeft:new i(l[3],l[4]),labelMarginRight:new i(l[3],l[4]),labelMarginTop:new i(l[2],l[2])},ue={infoLabel:new _("smallRegular","standardRegular")},pe=F.getLocalizedStrings();function we({label:e,textField:n,additionalInfo:h,checkBoxFields:m,fetchState:g,style:v,toolTip:M,isOptionalLabel:y}){const s=z(),{formState:{errors:d}}=O(),$=ie(d,n.name);return t.jsxs(xe,{windowSize:s,style:v,isDisabled:n.isDisabled!=null,isError:$,children:[t.jsx(de,{isDisabled:n.isDisabled,label:e.label,style:{marginLeft:w.labelMarginLeft.value(s),marginRight:w.labelMarginRight.value(s),marginTop:w.labelMarginTop.value(s),width:e.width??"auto"},showTooltip:M!=null,tooltipTitle:M?.title,toolTipWidth:M?.width,isOptional:y}),t.jsxs(fe,{labelWidth:e.width,children:[t.jsx(se,{...n,style:{...n.style,display:"flex",flexGrow:1,width:"-webkit-fill-available",height:w.controlHeight.value(s),cursor:"inherit"}}),g?.fetchState==="In-Progress"?t.jsx($e,{children:t.jsx(ce,{size:"Standard",start:!0})}):t.jsxs(Se,{children:[t.jsxs(Me,{windowSize:s,isRecommendationVisible:m.length>0,isError:$,children:[h.icon,h.label]}),m.length>0?m.map((u,p)=>t.jsxs(t.Fragment,{children:[t.jsx(me,{isHighlighted:!0,label:{label:u.label},checkBoxField:u.field,defaultChecked:u.field.defaultChecked,isDisabled:u.field.isDisabled!=null},he()),p<m.length-1?t.jsx(ve,{children:pe.common.texts.or}):null]})):null]})]})]})}const xe=o.div`
+import{X as z,a as K,c3 as Q,a1 as X,j as t,M as C,F as Y,a3 as Z,C as i,o as a,a2 as ee,Q as _,h as te,gh as ae,q as le,cg as O,hC as ne,c8 as U,c6 as oe,n as l,an as re,co as ie,cm as de,cA as se,d as ce,eo as me,dg as he,az as be,g as V}from"./index-ji6aa7AC.js";import{b as j,n as o,j as ge}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const w={width:new i(343,580,726),height:new i(l[6],l[6]),controlHeight:new i(l[6],l[6]),paddingTopBottom:new i(l[2],l[2]),marginRight:new i(l[2],l[2]),labelMarginLeft:new i(l[3],l[4]),labelMarginRight:new i(l[3],l[4]),labelMarginTop:new i(l[2],l[2])},ue={infoLabel:new _("smallRegular","standardRegular")},pe=C.getLocalizedStrings();function we({label:e,textField:n,additionalInfo:h,checkBoxFields:m,fetchState:g,style:v,toolTip:M,isOptionalLabel:y}){const s=z(),{formState:{errors:d}}=O(),$=ie(d,n.name);return t.jsxs(xe,{windowSize:s,style:v,isDisabled:n.isDisabled!=null,isError:$,children:[t.jsx(de,{isDisabled:n.isDisabled,label:e.label,style:{marginLeft:w.labelMarginLeft.value(s),marginRight:w.labelMarginRight.value(s),marginTop:w.labelMarginTop.value(s),width:e.width??"auto"},showTooltip:M!=null,tooltipTitle:M?.title,toolTipWidth:M?.width,isOptional:y}),t.jsxs(fe,{labelWidth:e.width,children:[t.jsx(se,{...n,style:{...n.style,display:"flex",flexGrow:1,width:"-webkit-fill-available",height:w.controlHeight.value(s),cursor:"inherit"}}),g?.fetchState==="In-Progress"?t.jsx($e,{children:t.jsx(ce,{size:"Standard",start:!0})}):t.jsxs(Se,{children:[t.jsxs(Me,{windowSize:s,isRecommendationVisible:m.length>0,isError:$,children:[h.icon,h.label]}),m.length>0?m.map((u,p)=>t.jsxs(t.Fragment,{children:[t.jsx(me,{isHighlighted:!0,label:{label:u.label},checkBoxField:u.field,defaultChecked:u.field.defaultChecked,isDisabled:u.field.isDisabled!=null},he()),p<m.length-1?t.jsx(ve,{children:pe.common.texts.or}):null]})):null]})]})]})}const xe=o.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -66,7 +66,7 @@ import{X as z,a as J,c3 as Q,a5 as X,j as t,M as F,F as Y,a7 as Z,C as i,o as a,
   gap: ${a.sp3};
 `,ve=o.div`
   color: ${e=>e.theme.colors.hero};
-`,ye={labelWidth:new i(120,145,160)},Ne=F.getLocalizedStrings(),{common:Ge,vendorReview:{globalReview:W}}=Ne,{sectionTitles:je,labels:R}=Ge,Re=({recommendationFetchState:e,newGlobalMerchantData:n,recommendedGlobalMerchants:h,sectionId:m,isDisabled:g,style:v,fetchRecommendation:M})=>{const y=z(),s=ye.labelWidth.value(y),{formState:d}=O(),$=()=>{n?.globalMerchantName!=null&&n.globalMerchantName.trim().length>2&&d.dirtyFields[m]?.globalMerchantName===!0&&M()},u=[];return h.length>0&&h.forEach((p,D)=>{const G=`recommended${ne(D)}`;u.push({field:{name:k(m,G),defaultChecked:n?.currentSelection===G,isDisabled:g},label:p.globalMerchantName})}),t.jsxs(Ve,{style:v,children:[t.jsx(De,{children:je.vendorDetails}),t.jsxs(Pe,{children:[t.jsx(we,{label:{label:R.name,width:s},textField:{type:"text",name:k(m,"globalMerchantName"),placeholder:U(R.name),defaultValue:n?.globalMerchantName,autoComplete:"off",isDisabled:e.fetchState==="In-Progress"?"readonly":g,registerOptions:{required:!0},onBlur:$,onKeyDown:p=>{p.key==="Enter"&&(p.preventDefault(),$())}},checkBoxFields:u,fetchState:e,additionalInfo:{label:h.length>0?W.newGlobalMerchant.recommendationText:W.newGlobalMerchant.recommendationInfoText,icon:t.jsx(ke,{children:t.jsx(ze,{})})},style:{width:"auto"}}),t.jsx(oe,{isDisabled:e.fetchState==="In-Progress"?"readonly":g,label:{label:R.websiteURL,width:s},text:{type:"url",name:k(m,"globalMerchantWebsiteUrl"),placeholder:U(R.websiteURL),defaultValue:n?.globalMerchantWebsiteUrl?.toString(),autoComplete:"off",options:{required:!0}},style:{width:"auto"}})]})]})},k=(e,n)=>`${e}.${n}`,Ve=o.div`
+`,ye={labelWidth:new i(120,145,160)},Ne=C.getLocalizedStrings(),{common:Ge,vendorReview:{globalReview:W}}=Ne,{sectionTitles:je,labels:R}=Ge,Re=({recommendationFetchState:e,newGlobalMerchantData:n,recommendedGlobalMerchants:h,sectionId:m,isDisabled:g,style:v,fetchRecommendation:M})=>{const y=z(),s=ye.labelWidth.value(y),{formState:d}=O(),$=()=>{n?.globalMerchantName!=null&&n.globalMerchantName.trim().length>2&&d.dirtyFields[m]?.globalMerchantName===!0&&M()},u=[];return h.length>0&&h.forEach((p,D)=>{const G=`recommended${ne(D)}`;u.push({field:{name:k(m,G),defaultChecked:n?.currentSelection===G,isDisabled:g},label:p.globalMerchantName})}),t.jsxs(Ve,{style:v,children:[t.jsx(De,{children:je.vendorDetails}),t.jsxs(Pe,{children:[t.jsx(we,{label:{label:R.name,width:s},textField:{type:"text",name:k(m,"globalMerchantName"),placeholder:U(R.name),defaultValue:n?.globalMerchantName,autoComplete:"off",isDisabled:e.fetchState==="In-Progress"?"readonly":g,registerOptions:{required:!0},onBlur:$,onKeyDown:p=>{p.key==="Enter"&&(p.preventDefault(),$())}},checkBoxFields:u,fetchState:e,additionalInfo:{label:h.length>0?W.newGlobalMerchant.recommendationText:W.newGlobalMerchant.recommendationInfoText,icon:t.jsx(ke,{children:t.jsx(ze,{})})},style:{width:"auto"}}),t.jsx(oe,{isDisabled:e.fetchState==="In-Progress"?"readonly":g,label:{label:R.websiteURL,width:s},text:{type:"url",name:k(m,"globalMerchantWebsiteUrl"),placeholder:U(R.websiteURL),defaultValue:n?.globalMerchantWebsiteUrl?.toString(),autoComplete:"off",options:{required:!0}},style:{width:"auto"}})]})]})},k=(e,n)=>`${e}.${n}`,Ve=o.div`
   display: flex;
   flex-direction: column;
   padding-top: ${a.sp3};
@@ -94,7 +94,7 @@ import{X as z,a as J,c3 as Q,a5 as X,j as t,M as F,F as Y,a7 as Z,C as i,o as a,
   color: ${e=>e.theme.colors.brandColorJade};
   width: ${a.sp3};
   height: ${a.sp3};
-`,S={containerPaddingLeft:new i(l[3],l[3],l[6]),containerPaddingRight:new i(l[3],l[3],l[8]),navbarContainerPaddingTop:new i(l[2],l[3]),navbarContainerPaddingBottom:new i(l[4],l[5]),sectionTitleMarginTop:new i(0,l[3]),sectionTitleMarginLeft:new i(l[3],0)},Fe={sectionTitle:new _("h6Regular","h5Regular")},E="newGlobalMerchantPage",f="newGlobalMerchant",Te=F.getLocalizedStrings(),{common:{footer:I,sectionTitles:Ce},vendorReview:{globalReview:Le}}=Te,nt=({globalMerchantView:e,analytics:n,tenantMerchant:h,isDisabled:m,updateCreateGlobalMerchantLocalData:g,fetchRecommendation:v,onBackClick:M,onSaveClick:y})=>{const s=z(),d=J({mode:"all",reValidateMode:"onChange",defaultValues:j.useMemo(()=>q(e),[e]),values:j.useMemo(()=>q(e),[e]),resetOptions:{keepDefaultValues:!0,keepDirtyValues:!0}}),$=()=>{if(e.newGlobalMerchantData!=null){const r=h?.tenantName??null,b=e.newGlobalMerchantData.globalMerchantName,c=e.recommendedGlobalMerchants[0]?.globalMerchantName??null;n.trackVendorReviewNewVendorRequested({reviewSource:"global_review",newRequestedVendorName:b,tenantName:r,newRequestedVendorNameSource:r!=null?"text_edit":"new_vendor_button",isVendorNameRecommendationSelected:c===b,recommendedVendorName:c,recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null})}v()},u=()=>{if(e.newGlobalMerchantData!=null){const r=h?.tenantName??null,b=e.newGlobalMerchantData.globalMerchantName,c=e.recommendedGlobalMerchants[0]?.globalMerchantName??null;n.trackVendorReviewNewVendorSaved({reviewSource:"global_review",saveRequestedVendorName:b,tenantName:r,recommendedVendorName:c,saveRequestedVendorSource:r!=null?"text_edit":"new_vendor_button",recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null,isVendorNameRecommendationSelected:c===b})}y()},p=()=>{e.newGlobalMerchantData!=null&&n.trackVendorReviewNewVendorCanceled({reviewSource:"global_review",newRequestedVendorName:e.newGlobalMerchantData.globalMerchantName,tenantName:h?.tenantName??null,recommendedVendorName:e.recommendedGlobalMerchants[0]?.globalMerchantName??null,recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null}),M()},D=()=>{u()},G=async(r,b)=>{const{newGlobalMerchant:{globalMerchantName:c,recommendedFirst:C,recommendedSecond:L,globalMerchantWebsiteUrl:A}}=b;if(r.includes("globalMerchantName")||r.includes("globalMerchantWebsiteUrl")){let P=null;c===e.recommendedGlobalMerchants[0]?.globalMerchantName?P="recommendedFirst":c===e.recommendedGlobalMerchants[1]?.globalMerchantName&&(P="recommendedSecond"),g(c,P,A)}else(r.includes("recommendedFirst")||r.includes("recommendedSecond"))&&(r.includes("recommendedFirst")&&C&&e.recommendedGlobalMerchants[0]?.globalMerchantName?(g(e.recommendedGlobalMerchants[0]?.globalMerchantName,"recommendedFirst",e.recommendedGlobalMerchants[0]?.websiteUrl?.toString()),e.recommendedGlobalMerchants[0]?.websiteUrl!=null&&d.setValue(`${f}.globalMerchantWebsiteUrl`,e.recommendedGlobalMerchants[0].websiteUrl.toString())):r.includes("recommendedSecond")&&L&&e.recommendedGlobalMerchants[1]?.globalMerchantName?(g(e.recommendedGlobalMerchants[1].globalMerchantName,"recommendedSecond",e.recommendedGlobalMerchants[1].websiteUrl?.toString()),e.recommendedGlobalMerchants[1]?.websiteUrl!=null&&d.setValue(`${f}.globalMerchantWebsiteUrl`,e.recommendedGlobalMerchants[1].websiteUrl.toString())):!C&&!L&&(d.resetField(`${f}.globalMerchantName`),d.resetField(`${f}.globalMerchantWebsiteUrl`)))};j.useEffect(()=>{const r=d.watch((b,{name:c})=>{c!=null&&b!=null&&Q(()=>G(c,b))});return()=>{r.unsubscribe()}});const{newGlobalMerchantData:x,fetchState:N,error:H,recommendedGlobalMerchants:K}=e,T=X(N);return j.useEffect(()=>{T==="In-Progress"&&N==="Completed"&&x?.globalMerchantName!=null&&(d.resetField(`${f}.globalMerchantName`,{defaultValue:x.globalMerchantName}),e.recommendedGlobalMerchants.forEach(r=>{r.globalMerchantName===x.globalMerchantName&&r.websiteUrl!=null&&d.setValue(`${f}.globalMerchantWebsiteUrl`,r.websiteUrl.toString())}))},[T,N,d,x?.globalMerchantName,x?.globalMerchantWebsiteUrl,e.recommendedGlobalMerchants]),t.jsxs(Ue,{windowSize:s,children:[t.jsxs(We,{windowSize:s,children:[t.jsx(Ie,{children:t.jsx(Be,{onClick:p})}),t.jsx(qe,{windowSize:s,children:Ce.newVendor}),t.jsx(_e,{children:t.jsxs(Oe,{children:[t.jsx(Ke,{children:t.jsx(Ae,{})}),t.jsx(He,{children:Le.newGlobalMerchant.tip})]})})]}),t.jsx(Ee,{children:t.jsx(Y,{...d,children:t.jsx("form",{id:B(E),onSubmit:d.handleSubmit(D),children:t.jsx(Re,{sectionId:f,isDisabled:x?.status.fetchState==="In-Progress"?"readonly":m,newGlobalMerchantData:x,recommendationFetchState:{fetchState:N,error:H},recommendedGlobalMerchants:K,fetchRecommendation:$})})})}),t.jsx(Z,{formId:B(E),primaryBtn:{label:I.save,isLoading:x?.status.fetchState==="In-Progress",isDisabled:N==="In-Progress"},cancelBtn:{label:I.cancel,shouldResetOnCancel:!0,onClick:p}})]})},B=e=>`${e}_form`,q=e=>{const{newGlobalMerchantData:n}=e;return{[f]:{globalMerchantName:n?.globalMerchantName??"",globalMerchantWebsiteUrl:n?.globalMerchantWebsiteUrl?.toString(),recommendedFirst:n?.currentSelection==="recommendedFirst",recommendedSecond:n?.currentSelection==="recommendedSecond",newGlobalMerchantId:n?.newGlobalMerchantId}}},Ue=o.div`
+`,S={containerPaddingLeft:new i(l[3],l[3],l[6]),containerPaddingRight:new i(l[3],l[3],l[8]),navbarContainerPaddingTop:new i(l[2],l[3]),navbarContainerPaddingBottom:new i(l[4],l[5]),sectionTitleMarginTop:new i(0,l[3]),sectionTitleMarginLeft:new i(l[3],0)},Ce={sectionTitle:new _("h6Regular","h5Regular")},I="newGlobalMerchantPage",f="newGlobalMerchant",Fe=C.getLocalizedStrings(),{common:{footer:E,sectionTitles:Te},vendorReview:{globalReview:Le}}=Fe,nt=({globalMerchantView:e,analytics:n,tenantMerchant:h,isDisabled:m,updateCreateGlobalMerchantLocalData:g,fetchRecommendation:v,onBackClick:M,onSaveClick:y})=>{const s=z(),d=K({mode:"all",reValidateMode:"onChange",defaultValues:j.useMemo(()=>q(e),[e]),values:j.useMemo(()=>q(e),[e]),resetOptions:{keepDefaultValues:!0,keepDirtyValues:!0}}),$=()=>{if(e.newGlobalMerchantData!=null){const r=h?.tenantName??null,b=e.newGlobalMerchantData.globalMerchantName,c=e.recommendedGlobalMerchants[0]?.globalMerchantName??null;n.trackVendorReviewNewVendorRequested({reviewSource:"global_review",newRequestedVendorName:b,tenantName:r,newRequestedVendorNameSource:r!=null?"text_edit":"new_vendor_button",isVendorNameRecommendationSelected:c===b,recommendedVendorName:c,recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null})}v()},u=()=>{if(e.newGlobalMerchantData!=null){const r=h?.tenantName??null,b=e.newGlobalMerchantData.globalMerchantName,c=e.recommendedGlobalMerchants[0]?.globalMerchantName??null;n.trackVendorReviewNewVendorSaved({reviewSource:"global_review",saveRequestedVendorName:b,tenantName:r,recommendedVendorName:c,saveRequestedVendorSource:r!=null?"text_edit":"new_vendor_button",recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null,isVendorNameRecommendationSelected:c===b})}y()},p=()=>{e.newGlobalMerchantData!=null&&n.trackVendorReviewNewVendorCanceled({reviewSource:"global_review",newRequestedVendorName:e.newGlobalMerchantData.globalMerchantName,tenantName:h?.tenantName??null,recommendedVendorName:e.recommendedGlobalMerchants[0]?.globalMerchantName??null,recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null}),M()},D=()=>{u()},G=async(r,b)=>{const{newGlobalMerchant:{globalMerchantName:c,recommendedFirst:T,recommendedSecond:L,globalMerchantWebsiteUrl:J}}=b;if(r.includes("globalMerchantName")||r.includes("globalMerchantWebsiteUrl")){let P=null;c===e.recommendedGlobalMerchants[0]?.globalMerchantName?P="recommendedFirst":c===e.recommendedGlobalMerchants[1]?.globalMerchantName&&(P="recommendedSecond"),g(c,P,J)}else(r.includes("recommendedFirst")||r.includes("recommendedSecond"))&&(r.includes("recommendedFirst")&&T&&e.recommendedGlobalMerchants[0]?.globalMerchantName?(g(e.recommendedGlobalMerchants[0]?.globalMerchantName,"recommendedFirst",e.recommendedGlobalMerchants[0]?.websiteUrl?.toString()),e.recommendedGlobalMerchants[0]?.websiteUrl!=null&&d.setValue(`${f}.globalMerchantWebsiteUrl`,e.recommendedGlobalMerchants[0].websiteUrl.toString())):r.includes("recommendedSecond")&&L&&e.recommendedGlobalMerchants[1]?.globalMerchantName?(g(e.recommendedGlobalMerchants[1].globalMerchantName,"recommendedSecond",e.recommendedGlobalMerchants[1].websiteUrl?.toString()),e.recommendedGlobalMerchants[1]?.websiteUrl!=null&&d.setValue(`${f}.globalMerchantWebsiteUrl`,e.recommendedGlobalMerchants[1].websiteUrl.toString())):!T&&!L&&(d.resetField(`${f}.globalMerchantName`),d.resetField(`${f}.globalMerchantWebsiteUrl`)))};j.useEffect(()=>{const r=d.watch((b,{name:c})=>{c!=null&&b!=null&&Q(()=>G(c,b))});return()=>{r.unsubscribe()}});const{newGlobalMerchantData:x,fetchState:N,error:H,recommendedGlobalMerchants:A}=e,F=X(N);return j.useEffect(()=>{F==="In-Progress"&&N==="Completed"&&x?.globalMerchantName!=null&&(d.resetField(`${f}.globalMerchantName`,{defaultValue:x.globalMerchantName}),e.recommendedGlobalMerchants.forEach(r=>{r.globalMerchantName===x.globalMerchantName&&r.websiteUrl!=null&&d.setValue(`${f}.globalMerchantWebsiteUrl`,r.websiteUrl.toString())}))},[F,N,d,x?.globalMerchantName,x?.globalMerchantWebsiteUrl,e.recommendedGlobalMerchants]),t.jsxs(Ue,{windowSize:s,children:[t.jsxs(We,{windowSize:s,children:[t.jsx(Ee,{children:t.jsx(Be,{onClick:p})}),t.jsx(qe,{windowSize:s,children:Te.newVendor}),t.jsx(_e,{children:t.jsxs(Oe,{children:[t.jsx(Ae,{children:t.jsx(Je,{})}),t.jsx(He,{children:Le.newGlobalMerchant.tip})]})})]}),t.jsx(Ie,{children:t.jsx(Y,{...d,children:t.jsx("form",{id:B(I),onSubmit:d.handleSubmit(D),children:t.jsx(Re,{sectionId:f,isDisabled:x?.status.fetchState==="In-Progress"?"readonly":m,newGlobalMerchantData:x,recommendationFetchState:{fetchState:N,error:H},recommendedGlobalMerchants:A,fetchRecommendation:$})})})}),t.jsx(Z,{formId:B(I),primaryBtn:{label:E.save,isLoading:x?.status.fetchState==="In-Progress",isDisabled:N==="In-Progress"},cancelBtn:{label:E.cancel,shouldResetOnCancel:!0,onClick:p}})]})},B=e=>`${e}_form`,q=e=>{const{newGlobalMerchantData:n}=e;return{[f]:{globalMerchantName:n?.globalMerchantName??"",globalMerchantWebsiteUrl:n?.globalMerchantWebsiteUrl?.toString(),recommendedFirst:n?.currentSelection==="recommendedFirst",recommendedSecond:n?.currentSelection==="recommendedSecond",newGlobalMerchantId:n?.newGlobalMerchantId}}},Ue=o.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -112,9 +112,9 @@ import{X as z,a as J,c3 as Q,a5 as X,j as t,M as F,F as Y,a7 as Z,C as i,o as a,
   z-index: 2;
   padding-top: ${e=>S.navbarContainerPaddingTop.valuePx(e.windowSize)};
   padding-bottom: ${e=>S.navbarContainerPaddingBottom.valuePx(e.windowSize)};
-`,Ee=o.div`
-  flex: 1;
 `,Ie=o.div`
+  flex: 1;
+`,Ee=o.div`
   display: flex;
   width: 100%;
   justify-content: flex-end;
@@ -134,7 +134,7 @@ import{X as z,a as J,c3 as Q,a5 as X,j as t,M as F,F as Y,a7 as Z,C as i,o as a,
   color: ${e=>e.theme.colors.primary};
   margin-left: ${e=>S.sectionTitleMarginLeft.valuePx(e.windowSize)};
   margin-top: ${e=>S.sectionTitleMarginTop.valuePx(e.windowSize)};
-  ${e=>`${Fe.sectionTitle.style(e.windowSize)}`};
+  ${e=>`${Ce.sectionTitle.style(e.windowSize)}`};
 `,_e=o.div`
   display: flex;
   width: 100%;
@@ -149,11 +149,11 @@ import{X as z,a as J,c3 as Q,a5 as X,j as t,M as F,F as Y,a7 as Z,C as i,o as a,
   display: flex;
   flex-grow: 1;
   color: ${e=>e.theme.colors.hero};
-`,Ke=o.div`
+`,Ae=o.div`
   display: flex;
   align-items: center;
   margin-right: ${a.sp2};
-`,Ae=o(ae)`
+`,Je=o(ae)`
   color: ${e=>e.theme.colors.primary};
   width: ${a.sp4};
   height: ${a.sp4};

package/dist/assets/{NoDataChart-DGbfWo33-lORHrY9i.js → NoDataChart-IPJ1xGPZ-BKJQDDL9.js}

@@ -1,4 +1,4 @@
-import{X as l,j as t,g as r,o as a,t as s,C as m,u as o}from"./index-CKO1Ko85.js";import{n as i,b as h}from"./vendor-CnQcJ2Lu.js";const v=e=>h.createElement("svg",{viewBox:"0 0 1088 393",role:"img",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},h.createElement("path",{fill:"#3E4043",d:"M0 10h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0z"}),h.createElement("path",{d:"M68 235a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121H68V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160zm128 116a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v80h-56v-80zm128-41a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121h-56V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160zM708 50a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v306h-56V50zm128 185a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121h-56V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160z",fill:"#3E4043"})),c=e=>h.createElement("svg",{viewBox:"0 0 1088 393",role:"img",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},h.createElement("path",{fill:"#E9ECF0",d:"M0 10h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0z"}),h.createElement("path",{d:"M68 235a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121H68V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160zm128 116a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v80h-56v-80zm128-41a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121h-56V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160zM708 50a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v306h-56V50zm128 185a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121h-56V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160z",fill:"#E9ECF0"})),d={chartMinHeight:new m(288,360)},z=i.div`
+import{X as l,j as t,g as r,o as a,q as s,C as m,u as o}from"./index-ji6aa7AC.js";import{n as i,b as h}from"./vendor-CnQcJ2Lu.js";const v=e=>h.createElement("svg",{viewBox:"0 0 1088 393",role:"img",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},h.createElement("path",{fill:"#3E4043",d:"M0 10h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0z"}),h.createElement("path",{d:"M68 235a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121H68V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160zm128 116a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v80h-56v-80zm128-41a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121h-56V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160zM708 50a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v306h-56V50zm128 185a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121h-56V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160z",fill:"#3E4043"})),c=e=>h.createElement("svg",{viewBox:"0 0 1088 393",role:"img",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},h.createElement("path",{fill:"#E9ECF0",d:"M0 10h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0z"}),h.createElement("path",{d:"M68 235a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121H68V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160zm128 116a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v80h-56v-80zm128-41a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121h-56V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160zM708 50a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v306h-56V50zm128 185a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121h-56V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160z",fill:"#E9ECF0"})),d={chartMinHeight:new m(288,360)},z=i.div`
   display: flex;
   width: 100%;
   flex-direction: column;

package/dist/assets/{NoDataTable-CsvWc_ok-Bsp9MWne.js → NoDataTable-D5U81gbD-BirLBEpp.js}

@@ -1,4 +1,4 @@
-import{j as e,o as t,u as s}from"./index-CKO1Ko85.js";import{n as i}from"./vendor-CnQcJ2Lu.js";import{r as n,o}from"./graphic-no-data-l-DU4J8fDt-BalbEtqQ.js";const r=i.div`
+import{j as e,o as t,u as s}from"./index-ji6aa7AC.js";import{n as i}from"./vendor-CnQcJ2Lu.js";import{r as n,o}from"./graphic-no-data-l-DU4J8fDt-BalbEtqQ.js";const r=i.div`
   display: flex;
   width: 100%;
   padding: ${t.sp8} ${t.sp0} ${t.sp8} ${t.sp0};

package/dist/assets/{NotFoundPage-CzfiPkml-B4WoheH3.js → NotFoundPage-C7BswX2A-DQWUyCMU.js}

@@ -1,4 +1,4 @@
-import{j as o,M as i,bC as s,c0 as l,t as c,g as a,m as d}from"./index-CKO1Ko85.js";import{n as t}from"./vendor-CnQcJ2Lu.js";import{i as h}from"./ZeniCopyright-CSUSID-7-D956iA9P.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const g=t.div`
+import{j as o,M as i,bB as s,c0 as l,q as c,g as a,f as d}from"./index-ji6aa7AC.js";import{n as t}from"./vendor-CnQcJ2Lu.js";import{i as h}from"./ZeniCopyright-BcMyDAdQ-B3RH4DR7.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const g=t.div`
   width: 100%;
   height: 100vh;
   position: relative;
@@ -15,7 +15,7 @@ import{j as o,M as i,bC as s,c0 as l,t as c,g as a,m as d}from"./index-CKO1Ko85.
 `,p=t(d)`
   height: 74px;
   color: ${e=>e.theme.colors.grey1};
-`,u=t.div`
+`,f=t.div`
   top: 0;
   left: 0;
   width: 100%;
@@ -25,7 +25,7 @@ import{j as o,M as i,bC as s,c0 as l,t as c,g as a,m as d}from"./index-CKO1Ko85.
   flex-direction: column;
   justify-content: center;
   align-items: center;
-`,f=t(l)`
+`,u=t(l)`
   color: ${e=>e.theme.colors.primary};
 `,j=t(c)`
   color: ${e=>e.theme.colors.hero};
@@ -43,4 +43,4 @@ import{j as o,M as i,bC as s,c0 as l,t as c,g as a,m as d}from"./index-CKO1Ko85.
     text-decoration: underline;
     cursor: pointer;
   }
-`;function w({onGoBack:e,onGoHome:r}){return o.jsxs(g,{children:[o.jsx(v,{children:"404"}),o.jsxs(u,{children:[o.jsx(x,{}),o.jsxs(m,{children:[o.jsx(f,{children:i.getLocalizedStrings().notFoundPage.cantFindText}),o.jsxs(j,{children:[i.getLocalizedStrings().notFoundPage.pleaseText,o.jsx(n,{onClick:e,children:i.getLocalizedStrings().notFoundPage.goBackText}),i.getLocalizedStrings().notFoundPage.startOverText,o.jsx(n,{onClick:r,children:i.getLocalizedStrings().notFoundPage.homePageText})]})]}),o.jsx(p,{children:o.jsx(h,{})})]})]})}export{w as default};
+`;function w({onGoBack:e,onGoHome:r}){return o.jsxs(g,{children:[o.jsx(v,{children:"404"}),o.jsxs(f,{children:[o.jsx(x,{}),o.jsxs(m,{children:[o.jsx(u,{children:i.getLocalizedStrings().notFoundPage.cantFindText}),o.jsxs(j,{children:[i.getLocalizedStrings().notFoundPage.pleaseText,o.jsx(n,{onClick:e,children:i.getLocalizedStrings().notFoundPage.goBackText}),i.getLocalizedStrings().notFoundPage.startOverText,o.jsx(n,{onClick:r,children:i.getLocalizedStrings().notFoundPage.homePageText})]})]}),o.jsx(p,{children:o.jsx(h,{})})]})]})}export{w as default};

package/dist/assets/{NotificationSettingsPage-Dmfqzy1H-7Yghyu9r.js → NotificationSettingsPage-BQyqFWby-GjMlWRuD.js}

@@ -1,4 +1,4 @@
-import{j as t,fA as ne,o as i,bf as se,M as I,a9 as re,u as X,X as Y,a as le,c3 as ae,l as P,aW as ce,F as de,T as w,a7 as pe,C as z,f5 as me,fB as ue,eD as he,fC as fe,fD as ge,ak as xe,q as S,as as J,v as K,t as Q,m as $e}from"./index-CKO1Ko85.js";import{n as o,b as E}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const{common:ye}=I.getLocalizedStrings(),B={notePadding:new z(S[3],S[4]),noteGap:new z(S[0],6)},M=(e,n)=>`${e}.${n}`,be=o.div`
+import{j as t,fy as ne,o as i,be as se,M as I,a5 as re,u as X,X as Y,a as le,c3 as ae,l as P,aW as ce,F as de,T as w,a3 as pe,C as T,f3 as me,fz as ue,eB as he,fA as fe,fB as ge,ae as xe,n as S,an as J,w as K,q as Q,f as $e}from"./index-ji6aa7AC.js";import{n as o,b as E}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const{common:ye}=I.getLocalizedStrings(),U={notePadding:new T(S[3],S[4]),noteGap:new T(S[0],6)},M=(e,n)=>`${e}.${n}`,be=o.div`
   display: flex;
   flex-direction: column;
   row-gap: ${i.sp3};
@@ -57,7 +57,7 @@ import{j as t,fA as ne,o as i,bf as se,M as I,a9 as re,u as X,X as Y,a as le,c3
   }
 `,A=o.div`
   flex: 1;
-`,D=o(Q)`
+`,q=o(Q)`
   color: ${e=>e.theme.colors.hero};
 `,Ee=o(K)`
   color: ${e=>e.theme.colors.primary};
@@ -65,7 +65,7 @@ import{j as t,fA as ne,o as i,bf as se,M as I,a9 as re,u as X,X as Y,a as le,c3
   width: 120px;
   text-align: center;
 `,ke=o($e)`
-  padding: ${e=>`${i.sp1}  ${B.notePadding.valuePx(e.windowSize)}`};
+  padding: ${e=>`${i.sp1}  ${U.notePadding.valuePx(e.windowSize)}`};
   background: ${e=>e.theme.colors.grey4};
   border-radius: ${i.sp0} ${i.sp0} ${i.sp2} ${i.sp2};
   text-align: left;
@@ -73,8 +73,8 @@ import{j as t,fA as ne,o as i,bf as se,M as I,a9 as re,u as X,X as Y,a as le,c3
   display: flex;
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
   align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
-  gap: ${e=>B.noteGap.valuePx(e.windowSize)};
-`,Ce=o.div``,Pe=o.span``;function Oe({sectionId:e,monthEndInsightsNotificationLocalData:n,monthEndInsightsNotificationSettings:s,managersList:a,allUsers:f,classList:m,controllersList:x}){const u=X(),c=Y(),{sectionTitle:$,monthEndInsights:l,mode:y}=ye.settings.notifications,h=x[0],O=x.slice(1).reduce((d,r)=>d.concat(`${r.email},`),"");return t.jsxs(be,{children:[t.jsxs(je,{children:[t.jsx(we,{children:$.monthEndInsights}),t.jsx(Ce,{children:t.jsx(Ee,{children:y.email})})]}),t.jsxs(Se,{children:[t.jsxs(ve,{disabled:s.enabled==null,children:[t.jsx(D,{children:l.labels.notifyMe}),t.jsx(he,{defaultChecked:n.notify,checkBoxValue:M(e,"notify"),name:M(e,"notify"),checkedIconColor:s.enabled==null?u.colors.grey2:void 0})]}),t.jsx(w,{controller:s.enabled!=null,children:t.jsxs(Ie,{children:[t.jsx(A,{children:t.jsx(D,{children:l.labels.notifyOthers})}),t.jsx(A,{children:t.jsx(fe,{hideEmailTooltip:!1,showBackgroundColorIfHasAnySelectedOption:!1,shouldHaveBackgroundColor:!1,value:{allUsers:f,selectedUsers:f.filter(d=>n.recipientEmailIds.includes(d.email)),allNonUsers:[],selectedNonUsers:[]},hideMultiValueOnBlur:!1,valueToSubtitle:d=>{const r=a.findIndex(p=>p.userId===d),b=[];if(r!==-1){const p=a[r],j=ge(p.userRole.userRoles);j.length>0&&b.push(j);const N=m.find(L=>L.classId===p.userRole.accountingClassIDs[0]);return N!=null&&b.push(N.className),b}else return[]},name:M(e,"recipientEmailIds"),placeholderLabel:l.userFieldPlaceholder,customStyleConfig:{valueContainer:(d,{selectProps:r})=>({justifyContent:r.menuIsOpen===!1?"flex-end":"flex-start"}),input:(d,{selectProps:r})=>({display:r.menuIsOpen===!1?"none":"inline-grid"}),control:(d,{selectProps:r})=>({backgroundColor:r.menuIsOpen===!0?u.colors.background:"unset"}),container:(d,{selectProps:r})=>({backgroundColor:r.menuIsOpen===!0?u.colors.background:"unset"}),multiValue:(d,{selectProps:r})=>({outline:r.menuIsOpen===!1?"unset":`1px solid ${u.colors.primary}`})}})})]})}),t.jsx(w,{controller:s.enabled==null,children:t.jsxs(ke,{windowSize:c,children:[l.stopReceivingEmailsText,h?t.jsxs(Ne,{href:`mailto:${h.email}?cc=${O}&subject=${encodeURIComponent(l.stopReceivingMonthEndInsightsSubject)}`,children:[t.jsx(Pe,{children:`${h.firstName} ${h.lastName}`}),t.jsx(xe,{className:"arrowIcon"})]}):null]})})]})]})}const q=(e,n,s)=>`${e}.${n}.${s}`,Le=o.div`
+  gap: ${e=>U.noteGap.valuePx(e.windowSize)};
+`,Ce=o.div``,Pe=o.span``;function Oe({sectionId:e,monthEndInsightsNotificationLocalData:n,monthEndInsightsNotificationSettings:s,managersList:a,allUsers:f,classList:m,controllersList:x}){const u=X(),c=Y(),{sectionTitle:$,monthEndInsights:l,mode:y}=ye.settings.notifications,h=x[0],O=x.slice(1).reduce((d,r)=>d.concat(`${r.email},`),"");return t.jsxs(be,{children:[t.jsxs(je,{children:[t.jsx(we,{children:$.monthEndInsights}),t.jsx(Ce,{children:t.jsx(Ee,{children:y.email})})]}),t.jsxs(Se,{children:[t.jsxs(ve,{disabled:s.enabled==null,children:[t.jsx(q,{children:l.labels.notifyMe}),t.jsx(he,{defaultChecked:n.notify,checkBoxValue:M(e,"notify"),name:M(e,"notify"),checkedIconColor:s.enabled==null?u.colors.grey2:void 0})]}),t.jsx(w,{controller:s.enabled!=null,children:t.jsxs(Ie,{children:[t.jsx(A,{children:t.jsx(q,{children:l.labels.notifyOthers})}),t.jsx(A,{children:t.jsx(fe,{hideEmailTooltip:!1,showBackgroundColorIfHasAnySelectedOption:!1,shouldHaveBackgroundColor:!1,value:{allUsers:f,selectedUsers:f.filter(d=>n.recipientEmailIds.includes(d.email)),allNonUsers:[],selectedNonUsers:[]},hideMultiValueOnBlur:!1,valueToSubtitle:d=>{const r=a.findIndex(p=>p.userId===d),b=[];if(r!==-1){const p=a[r],j=ge(p.userRole.userRoles);j.length>0&&b.push(j);const N=m.find(L=>L.classId===p.userRole.accountingClassIDs[0]);return N!=null&&b.push(N.className),b}else return[]},name:M(e,"recipientEmailIds"),placeholderLabel:l.userFieldPlaceholder,customStyleConfig:{valueContainer:(d,{selectProps:r})=>({justifyContent:r.menuIsOpen===!1?"flex-end":"flex-start"}),input:(d,{selectProps:r})=>({display:r.menuIsOpen===!1?"none":"inline-grid"}),control:(d,{selectProps:r})=>({backgroundColor:r.menuIsOpen===!0?u.colors.background:"unset"}),container:(d,{selectProps:r})=>({backgroundColor:r.menuIsOpen===!0?u.colors.background:"unset"}),multiValue:(d,{selectProps:r})=>({outline:r.menuIsOpen===!1?"unset":`1px solid ${u.colors.primary}`})}})})]})}),t.jsx(w,{controller:s.enabled==null,children:t.jsxs(ke,{windowSize:c,children:[l.stopReceivingEmailsText,h?t.jsxs(Ne,{href:`mailto:${h.email}?cc=${O}&subject=${encodeURIComponent(l.stopReceivingMonthEndInsightsSubject)}`,children:[t.jsx(Pe,{children:`${h.firstName} ${h.lastName}`}),t.jsx(xe,{className:"arrowIcon"})]}):null]})})]})]})}const D=(e,n,s)=>`${e}.${n}.${s}`,Le=o.div`
   display: flex;
   flex-direction: column;
   row-gap: ${i.sp3};
@@ -91,16 +91,16 @@ import{j as t,fA as ne,o as i,bf as se,M as I,a9 as re,u as X,X as Y,a as le,c3
   flex: 1;
   width: 120px;
   text-align: center;
-`,Te=o.div`
+`,ze=o.div`
   width: 120px;
   display: flex;
-`,ze=o.div`
+`,Te=o.div`
   width: 120px;
   display: flex;
   padding-right: 12px;
-`,Ue=o(Q)`
+`,Be=o(Q)`
   color: ${e=>e.theme.colors.hero};
-`,Be=o.div`
+`,Ue=o.div`
   border-radius: ${i.sp2};
   border: 1px solid ${e=>e.theme.colors.grey3};
   box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
@@ -118,7 +118,7 @@ import{j as t,fA as ne,o as i,bf as se,M as I,a9 as re,u as X,X as Y,a as le,c3
     border-bottom-left-radius: ${e=>e.lastElement===!0?i.sp2:i.sp0};
     border-bottom-right-radius: ${e=>e.lastElement===!0?i.sp2:i.sp0};
   }
-`;function De({sectionId:e,remindersLocalData:n,reminderNotificationSettings:s}){const{texts:a,settings:f}=I.getLocalizedStrings().common,{notifications:m}=f,x=P.NOTIFICATION_MODES.slice(0,1),u=P.REMINDER_NOTIFICATION_TYPES.filter(c=>s[c]!=null);return t.jsxs(Le,{children:[t.jsxs(Re,{children:[t.jsx(Me,{children:m.sectionTitle.reminders}),t.jsxs(F,{children:[t.jsx(V,{children:a.frequency}),t.jsx(V,{children:m.mode.email})]})]}),t.jsx(Be,{children:u.map((c,$)=>t.jsxs(Ae,{firstElement:$===0,lastElement:$===u.length-1,children:[t.jsx(Ue,{children:m.reminders[c]}),t.jsxs(F,{children:[t.jsx(ze,{children:t.jsx(me,{defaultValue:{allOptions:m.reminderFrequencyOptions,selectedOption:n[c].frequency},name:q(e,c,"frequency")})}),t.jsx(Te,{children:t.jsx(ue,{mode:"always_on",checkBoxes:x.map(l=>({label:"",value:l,defaultChecked:n[c].preferredMode.includes(l),groupLabel:!1})),name:q(e,c,"preferredMode"),style:{flexDirection:"row"},checkBoxContainerStyle:{justifyContent:"center"}})})]})]},c))})]})}const T={contentPadding:new z(S[3],S[8])},g="reminders",v="monthEndInsights",_="notificationSettingsPage",G=e=>`${e}_form`,{settings:Z,reloadPage:qe}=I.getLocalizedStrings().common,Fe=e=>{const n=X(),s=Y(),{notificationSettingsView:a,signedInUser:f,onFormDataChange:m,resetUpdateStatus:x,onSave:u,onCancel:c,onClickMenuIcon:$}=e,{notificationSettingsLocalData:l,allUsers:y,notificationSettings:h,classList:O,managersList:d,updateStatus:r,controllersList:b}=a,p=le({defaultValues:W(l,y)}),j=E.useCallback(R=>{m(Xe(R))},[m]),N=p.handleSubmit(()=>{u()}),L=E.useCallback(()=>{p.reset(),c()},[c]);E.useEffect(()=>{a.updateStatus.fetchState==="Completed"&&(p.reset(W(l,y)),x())},[l,a.updateStatus.fetchState,y]),E.useEffect(()=>{const R=p.watch((U,{name:oe})=>{oe!=null&&U!=null&&ae(()=>j(U))});return()=>{R.unsubscribe()}},[p,j]);const ee=Object.keys(p.formState.dirtyFields).length>0,te=f.userEmail!=null?P.isMonthEndNotificationsSectionVisibleOnSettingsPage(h.monthEndInsightsNotificationSettings,f.userEmail):!1,ie=P.isRemindersSectionVisibleOnSettingsPage(h.reminderNotificationSettings);return t.jsxs(t.Fragment,{children:[t.jsxs(Ve,{children:[t.jsx(ce,{source:"NotificationSettingsPage",title:Z.title.notifications,backgroundColor:n.colors.grey4,showBackButton:!1,showMenuIcon:s==="medium-compact"||s==="small",onClickMenuIcon:$}),t.jsx(_e,{windowSize:s,children:t.jsx(de,{...p,children:t.jsx("form",{id:G(_),onSubmit:N,children:t.jsxs(Ge,{children:[t.jsx(w,{controller:ie,children:t.jsx(De,{reminderNotificationSettings:h.reminderNotificationSettings,remindersLocalData:l.reminders,sectionId:g})}),t.jsx(w,{controller:te,children:t.jsx(Oe,{monthEndInsightsNotificationLocalData:l.monthEndInsights,monthEndInsightsNotificationSettings:h.monthEndInsightsNotificationSettings,sectionId:v,allUsers:y,classList:O,managersList:d,controllersList:b})})]})})})})]}),t.jsx(w,{controller:ee,children:t.jsx(pe,{style:{width:"100%"},formId:G(_),primaryBtn:{label:I.getLocalizedStrings().common.footer.save,isLoading:r.fetchState==="In-Progress",style:{width:"82px"}},cancelBtn:{label:I.getLocalizedStrings().common.footer.cancel,onClick:L,style:{width:"82px"}}})})]})};function nt(e){const{notificationSettingsView:n,onRefresh:s}=e,{fetchState:a}=n;return a==="Not-Started"||a==="In-Progress"?t.jsx(H,{children:t.jsx(ne,{fetchState:a,styles:{margin:i.sp0}})}):a==="Error"?t.jsxs(H,{children:[t.jsx(He,{onClick:s,children:t.jsx(se,{})}),t.jsx(We,{children:qe.label})]}):t.jsx(Fe,{...e})}const Ve=o.div`
+`;function qe({sectionId:e,remindersLocalData:n,reminderNotificationSettings:s}){const{texts:a,settings:f}=I.getLocalizedStrings().common,{notifications:m}=f,x=P.NOTIFICATION_MODES.slice(0,1),u=P.REMINDER_NOTIFICATION_TYPES.filter(c=>s[c]!=null);return t.jsxs(Le,{children:[t.jsxs(Re,{children:[t.jsx(Me,{children:m.sectionTitle.reminders}),t.jsxs(F,{children:[t.jsx(V,{children:a.frequency}),t.jsx(V,{children:m.mode.email})]})]}),t.jsx(Ue,{children:u.map((c,$)=>t.jsxs(Ae,{firstElement:$===0,lastElement:$===u.length-1,children:[t.jsx(Be,{children:m.reminders[c]}),t.jsxs(F,{children:[t.jsx(Te,{children:t.jsx(me,{defaultValue:{allOptions:m.reminderFrequencyOptions,selectedOption:n[c].frequency},name:D(e,c,"frequency")})}),t.jsx(ze,{children:t.jsx(ue,{mode:"always_on",checkBoxes:x.map(l=>({label:"",value:l,defaultChecked:n[c].preferredMode.includes(l),groupLabel:!1})),name:D(e,c,"preferredMode"),style:{flexDirection:"row"},checkBoxContainerStyle:{justifyContent:"center"}})})]})]},c))})]})}const z={contentPadding:new T(S[3],S[8])},g="reminders",v="monthEndInsights",_="notificationSettingsPage",G=e=>`${e}_form`,{settings:Z,reloadPage:De}=I.getLocalizedStrings().common,Fe=e=>{const n=X(),s=Y(),{notificationSettingsView:a,signedInUser:f,onFormDataChange:m,resetUpdateStatus:x,onSave:u,onCancel:c,onClickMenuIcon:$}=e,{notificationSettingsLocalData:l,allUsers:y,notificationSettings:h,classList:O,managersList:d,updateStatus:r,controllersList:b}=a,p=le({defaultValues:W(l,y)}),j=E.useCallback(R=>{m(Xe(R))},[m]),N=p.handleSubmit(()=>{u()}),L=E.useCallback(()=>{p.reset(),c()},[c]);E.useEffect(()=>{a.updateStatus.fetchState==="Completed"&&(p.reset(W(l,y)),x())},[l,a.updateStatus.fetchState,y]),E.useEffect(()=>{const R=p.watch((B,{name:oe})=>{oe!=null&&B!=null&&ae(()=>j(B))});return()=>{R.unsubscribe()}},[p,j]);const ee=Object.keys(p.formState.dirtyFields).length>0,te=f.userEmail!=null?P.isMonthEndNotificationsSectionVisibleOnSettingsPage(h.monthEndInsightsNotificationSettings,f.userEmail):!1,ie=P.isRemindersSectionVisibleOnSettingsPage(h.reminderNotificationSettings);return t.jsxs(t.Fragment,{children:[t.jsxs(Ve,{children:[t.jsx(ce,{source:"NotificationSettingsPage",title:Z.title.notifications,backgroundColor:n.colors.grey4,showBackButton:!1,showMenuIcon:s==="medium-compact"||s==="small",onClickMenuIcon:$}),t.jsx(_e,{windowSize:s,children:t.jsx(de,{...p,children:t.jsx("form",{id:G(_),onSubmit:N,children:t.jsxs(Ge,{children:[t.jsx(w,{controller:ie,children:t.jsx(qe,{reminderNotificationSettings:h.reminderNotificationSettings,remindersLocalData:l.reminders,sectionId:g})}),t.jsx(w,{controller:te,children:t.jsx(Oe,{monthEndInsightsNotificationLocalData:l.monthEndInsights,monthEndInsightsNotificationSettings:h.monthEndInsightsNotificationSettings,sectionId:v,allUsers:y,classList:O,managersList:d,controllersList:b})})]})})})})]}),t.jsx(w,{controller:ee,children:t.jsx(pe,{style:{width:"100%"},formId:G(_),primaryBtn:{label:I.getLocalizedStrings().common.footer.save,isLoading:r.fetchState==="In-Progress",style:{width:"82px"}},cancelBtn:{label:I.getLocalizedStrings().common.footer.cancel,onClick:L,style:{width:"82px"}}})})]})};function nt(e){const{notificationSettingsView:n,onRefresh:s}=e,{fetchState:a}=n;return a==="Not-Started"||a==="In-Progress"?t.jsx(H,{children:t.jsx(ne,{fetchState:a,styles:{margin:i.sp0}})}):a==="Error"?t.jsxs(H,{children:[t.jsx(He,{onClick:s,children:t.jsx(se,{})}),t.jsx(We,{children:De.label})]}):t.jsx(Fe,{...e})}const Ve=o.div`
   display: flex;
   width: 100%;
   min-height: 100vh;
@@ -135,9 +135,9 @@ import{j as t,fA as ne,o as i,bf as se,M as I,a9 as re,u as X,X as Y,a as le,c3
   row-gap: ${i.sp3};
   background-color: ${e=>e.theme.colors.grey4};
 `,_e=o.div`
-  padding-left: ${e=>T.contentPadding.valuePx(e.windowSize)};
-  padding-right: ${e=>T.contentPadding.valuePx(e.windowSize)};
-  padding-bottom: ${e=>T.contentPadding.valuePx(e.windowSize)};
+  padding-left: ${e=>z.contentPadding.valuePx(e.windowSize)};
+  padding-right: ${e=>z.contentPadding.valuePx(e.windowSize)};
+  padding-bottom: ${e=>z.contentPadding.valuePx(e.windowSize)};
 `,Ge=o.div`
   display: flex;
   flex-direction: column;