@zeniai/web-components 3.16.84 → 3.16.85

package/dist/MyPendingActivationChargeCardListPage-C2tOoaSe.js

@@ -0,0 +1,168 @@
+import { u as L, j as r } from "./vendor-.pnpm-DtFedGku.js";
+import M from "@emotion/styled";
+import { hasChargeCardAdminLevelAccess as _ } from "@zeniai/client-epic-state";
+import { dB as O, a as T, ea as a, aE as j, S as w } from "./index-BrQvJ7aX.js";
+import { B as E } from "./BusyIndication-BCwHz6xS.js";
+import { C as $, a as U } from "./ChargeCardListTable-DN_X1DCH.js";
+const {
+  spendManagement: { chargeCard: m }
+} = T.getLocalizedStrings(), X = ({
+  myPendingActivationChargeCardListView: e,
+  isChargeCardFeatureEnabled: d,
+  isDebitCardFeatureEnabled: n,
+  isDebitCardSetupEnabled: i,
+  isChargeCardSetupEnabled: l,
+  chargeCardCashbackDetailState: o,
+  creditAccount: c,
+  creditAccountRepayment: u,
+  depositAccountListWithDebitCardIssued: s,
+  controllerEmails: f,
+  signedInUser: C,
+  onChargeCardRowClick: k,
+  onBackClick: p,
+  onReloadCards: b,
+  onColumnSortConfigChanged: A
+}) => {
+  const v = L(), g = O(), h = _(
+    g.loggedInUserRoleMap
+  ), N = e.cards.some(
+    (t) => t.type.code.includes("credit")
+  ), S = e.cards.some(
+    (t) => t.type.code.includes("debit")
+  ), B = N && S ? m.cardList.title.cards : S ? m.cardList.title.debit : m.cardList.title.credit, x = h === !0 ? {
+    creditCardCashbackOffer: `${o.cashbackAnalytics.creditCardCashbackOffer}%`,
+    debitCardCashbackOffer: `${o.cashbackAnalytics.debitCardCashbackOffer}%`,
+    totalEarnedCashback: a(
+      o.cashbackSummary.cashbackEarned.amount
+    ),
+    redeemedCashback: a(
+      o.cashbackSummary.cashbackRedeemed.amount
+    ),
+    availableCashback: a(
+      o.cashbackSummary.cashbackAvailable.amount
+    ),
+    creditCardCashbackRedemptionMode: o.cashbackAnalytics.creditCardCashbackRedemptionMode,
+    debitCardCashbackRedemptionMode: o.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, R = n && i ? {
+    debitAccountId: s.depositAccounts.map(
+      (t) => t.id
+    ),
+    debitAccountName: s.depositAccounts.map(
+      (t) => t.accountName
+    ),
+    debitAccountBalance: s.depositAccounts.map(
+      (t) => a(t.accountBalance.available.amount)
+    ),
+    debitCardsSpend: 0,
+    debitAccountStatus: s.depositAccounts.map(
+      (t) => t.accountStatus
+    )
+  } : void 0, F = {
+    isCreditCardOffered: d,
+    isDebitCardOffered: n,
+    isDebitCardEnabled: i,
+    isCreditCardEnabled: l
+  }, y = {
+    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 /* @__PURE__ */ r.jsxs(z, { children: [
+    /* @__PURE__ */ r.jsx(
+      j,
+      {
+        title: B,
+        backgroundColor: v.colors.grey4,
+        style: { zIndex: 3 },
+        onBackClick: p,
+        source: "MyPendingActivationChargeCardListPage"
+      }
+    ),
+    e.fetchState === "Not-Started" || e.fetchState === "In-Progress" ? /* @__PURE__ */ r.jsx(
+      E,
+      {
+        fetchState: e.fetchState,
+        styles: { margin: "auto" }
+      }
+    ) : /* @__PURE__ */ r.jsx(
+      $,
+      {
+        onBulkCloseClick: () => {
+        },
+        onBulkLockClick: () => {
+        },
+        bulkSubmissionLimit: U,
+        isCardControlsEnabled: !1,
+        cardsSelectedForBulkAction: [],
+        isBulkActionAllowed: !1,
+        firstSelectedCardStatus: void 0,
+        setActionTypeForRowAction: () => {
+        },
+        setCardIdForRowAction: () => {
+        },
+        controllerEmails: f,
+        isChargeCardFeatureEnabled: d,
+        isDebitCardFeatureEnabled: n,
+        isDebitCardSetupEnabled: i,
+        isChargeCardSetupEnabled: l,
+        creditAccount: c,
+        creditAccountRepayment: u,
+        productInformation: F,
+        cashbackInformation: x,
+        creditAccountInformation: I,
+        debitAccountInformation: R,
+        depositAccountListWithDebitCardIssued: s,
+        cardList: e.cards,
+        showViewForCardUser: !0,
+        signedInUser: C,
+        fetchState: e.fetchState,
+        unlockChargeCardsFetchState: "Not-Started",
+        revokeChargeCardsInviteFetchState: "Not-Started",
+        rowActionView: y,
+        onProceedForBulkActionClick: (t) => {
+        },
+        removeAllCardsFromBulkActionList: () => {
+        },
+        setShowBulkChangeSpendLimitPopup: (t) => {
+        },
+        updateBulkActionList: (t) => {
+        },
+        onReloadCards: b,
+        onChargeCardRowClick: (t, G) => {
+          k(t);
+        },
+        uiState: e.uiState,
+        onColumnSortConfigChanged: A,
+        onChargeCardResendInviteClick: () => {
+        }
+      }
+    )
+  ] });
+}, z = M.div`
+  display: flex;
+  min-height: ${`calc(100vh - ${w.sp9})`};
+  flex-direction: column;
+  width: 100%;
+`;
+export {
+  X as default
+};

package/dist/MyPendingActivationChargeCardListPage-R4L044GX.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-.pnpm-CT-Z_-kn.cjs"),M=require("@emotion/styled"),_=require("@zeniai/client-epic-state"),e=require("./index-BOGO7v0l.cjs"),j=require("./BusyIndication-DYrPIXS-.cjs"),f=require("./ChargeCardListTable-BQ4mXQys.cjs"),{spendManagement:{chargeCard:l}}=e.appLocale.getLocalizedStrings(),T=({myPendingActivationChargeCardListView:o,isChargeCardFeatureEnabled:r,isDebitCardFeatureEnabled:s,isDebitCardSetupEnabled:i,isChargeCardSetupEnabled:u,chargeCardCashbackDetailState:a,creditAccount:c,creditAccountRepayment:m,depositAccountListWithDebitCardIssued:d,controllerEmails:C,signedInUser:k,onChargeCardRowClick:p,onBackClick:b,onReloadCards:A,onColumnSortConfigChanged:N})=>{const I=n.useTheme(),x=e.useGlobalInfoContext(),h=_.hasChargeCardAdminLevelAccess(x.loggedInUserRoleMap),g=o.cards.some(t=>t.type.code.includes("credit")),S=o.cards.some(t=>t.type.code.includes("debit")),v=g&&S?l.cardList.title.cards:S?l.cardList.title.debit:l.cardList.title.credit,R=h===!0?{creditCardCashbackOffer:`${a.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${a.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:e.roundAmountIfNeeded(a.cashbackSummary.cashbackEarned.amount),redeemedCashback:e.roundAmountIfNeeded(a.cashbackSummary.cashbackRedeemed.amount),availableCashback:e.roundAmountIfNeeded(a.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:a.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:a.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,B=r&&u&&h===!0?{creditAccountId:c.id,creditAccountLimit:e.roundAmountIfNeeded(c.limit.amount),creditAccountAvailableAmount:e.roundAmountIfNeeded(c.available.amount),creditAccountSpentAmount:e.roundAmountIfNeeded(c.balance.amount+c.hold.amount),creditAccountStatus:c.status,outstandingBalance:e.roundAmountIfNeeded(m.remainingAmountDue.amount)}:void 0,y=s&&i?{debitAccountId:d.depositAccounts.map(t=>t.id),debitAccountName:d.depositAccounts.map(t=>t.accountName),debitAccountBalance:d.depositAccounts.map(t=>e.roundAmountIfNeeded(t.accountBalance.available.amount)),debitCardsSpend:0,debitAccountStatus:d.depositAccounts.map(t=>t.accountStatus)}:void 0,F={isCreditCardOffered:r,isDebitCardOffered:s,isDebitCardEnabled:i,isCreditCardEnabled:u},L={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 n.jsxRuntimeExports.jsxs(O,{children:[n.jsxRuntimeExports.jsx(e.NavBar,{title:v,backgroundColor:I.colors.grey4,style:{zIndex:3},onBackClick:b,source:"MyPendingActivationChargeCardListPage"}),o.fetchState==="Not-Started"||o.fetchState==="In-Progress"?n.jsxRuntimeExports.jsx(j.BusyIndication,{fetchState:o.fetchState,styles:{margin:"auto"}}):n.jsxRuntimeExports.jsx(f.ChargeCardListTable,{onBulkCloseClick:()=>{},onBulkLockClick:()=>{},bulkSubmissionLimit:f.CHARGE_CARD_BULK_SELECTION_LIMIT,isCardControlsEnabled:!1,cardsSelectedForBulkAction:[],isBulkActionAllowed:!1,firstSelectedCardStatus:void 0,setActionTypeForRowAction:()=>{},setCardIdForRowAction:()=>{},controllerEmails:C,isChargeCardFeatureEnabled:r,isDebitCardFeatureEnabled:s,isDebitCardSetupEnabled:i,isChargeCardSetupEnabled:u,creditAccount:c,creditAccountRepayment:m,productInformation:F,cashbackInformation:R,creditAccountInformation:B,debitAccountInformation:y,depositAccountListWithDebitCardIssued:d,cardList:o.cards,showViewForCardUser:!0,signedInUser:k,fetchState:o.fetchState,unlockChargeCardsFetchState:"Not-Started",revokeChargeCardsInviteFetchState:"Not-Started",rowActionView:L,onProceedForBulkActionClick:t=>{},removeAllCardsFromBulkActionList:()=>{},setShowBulkChangeSpendLimitPopup:t=>{},updateBulkActionList:t=>{},onReloadCards:A,onChargeCardRowClick:(t,E)=>{p(t)},uiState:o.uiState,onColumnSortConfigChanged:N,onChargeCardResendInviteClick:()=>{}})]})},O=M.div`
+  display: flex;
+  min-height: ${`calc(100vh - ${e.Space.sp9})`};
+  flex-direction: column;
+  width: 100%;
+`;exports.default=T;

package/dist/MyProfileSettingsPage-DRigVnuo.cjs

@@ -0,0 +1,85 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-CT-Z_-kn.cjs"),v=require("react"),p=require("@emotion/styled"),M=require("@zeniai/client-epic-state"),t=require("./index-BOGO7v0l.cjs"),le=require("./LabeledAddressValueField-B8anJkh5.cjs"),re=require("./LabeledNameField-KT6qHFIP.cjs"),ae=require("./LabeledSingleSelectWithoutClearableField-NEAWS2g0.cjs"),ne=require("./LabeledUserSingleSelectWithSubtitlesField-CapU9ivJ.cjs"),V=require("./LabeledZeniRolesDropDownField-Cw1JlAbO.cjs"),S=(e,a)=>`${e}.${a}`,O={largeLabelWidth:new t.ResponsiveSized(120,120,160),textFieldPaddingHorizontal:new t.ResponsiveSized(t.sp[2],t.sp[3]),toolTipWidth:new t.ResponsiveSized(215,237),notePadding:new t.ResponsiveSized(t.sp[3],t.sp[4]),noteGap:new t.ResponsiveSized(t.sp[0],6)},{peoplePage:s,common:{settings:ee,labels:k,placeholder:W,errorMessage:ie},dateFormat:de}=t.appLocale.getLocalizedStrings(),ce=({myProfileView:e,isZeniFinopsRolesUser:a,sectionId:r,isDisabled:u,isReimbursementDisabled:f,isZeniAccountsDisabled:m,isChargeCardDisabled:l,isBankingOnlyTenant:x,isCardsOnlyTenant:P,isLiteRoleDisabled:C,isTreasuryDisabled:h,onAddressClick:R})=>{const d=t.useWindowSizeContext(),{person:n,managersList:B,classList:I,manager:H,department:g,controllersList:T,myProfileLocalData:A,addressData:Z}=e,G=e.person.user?.birthday!=null?"readonly":void 0,w=O.largeLabelWidth.value(d),D=O.largeLabelWidth.value(d),Q=v.useMemo(()=>t.getUpdatedRoles(f,m,l,x,P,C,h),[f,m,l,x,P,C,h]),{firstController:b,restControllerEmailsStr:$}=v.useMemo(()=>{const i=o.cloneDeep(T),L=i.splice(0,1),E=i.reduce((z,N)=>z.concat(`${N.email},`),"");return{firstController:L,restControllerEmailsStr:E}},[T]),J=v.useMemo(()=>o.cloneDeep(t.ZeniRolesConstants.roles),[]),c=M.hasInvestorBankerLevelAccess(n.userRole!=null?n.userRole.userRoles:[]),U=v.useMemo(()=>I.map(i=>({label:i.fullyQualifiedAccountingClassName,value:i.classId,hoverText:i.accountingClassNumber})),[I]);return o.jsxRuntimeExports.jsxs(pe,{windowSize:d,children:[o.jsxRuntimeExports.jsx(re.LabeledNameField,{isDisabled:u,label:{label:k.name,width:D},nameField:{name:S(r,"name"),placeHolder:{firstName:W.firstNamePlaceholder,lastName:W.lastNamePlaceholder,name:W.namePlaceholder},showFullNameError:!0},errorInfoLabel:ie.nameError.replace("_product_type_",ee.common.productTypeString)}),o.jsxRuntimeExports.jsx(F,{}),o.jsxRuntimeExports.jsx(t.LabeledTextField,{isDisabled:u,showAdditionalInfoLabel:!1,label:{label:s.invitePage.email,width:w},text:{type:"text",name:S(r,"email"),placeholder:t.getPlaceholderTextWithPrefix$1(s.addPlaceholderPrefix,s.invitePage.email),style:{padding:`${t.Space.sp0} ${O.textFieldPaddingHorizontal.valuePx(d)}`}}}),o.jsxRuntimeExports.jsx(F,{}),o.jsxRuntimeExports.jsx(t.LabeledDatePickerField,{label:{label:k.dateOfBirth,width:D},style:{width:"auto"},isDisabled:G,dateField:{name:S(r,"dateOfBirth"),placeholder:W.datePlaceholder,defaultValue:A.dateOfBirth,dateFormat:de.visual.defaultInput,autoComplete:"off",maxDate:M.dateNow().subtract(18,"year")}}),o.jsxRuntimeExports.jsx(F,{}),o.jsxRuntimeExports.jsx(le.LabeledAddressValueField,{label:{label:k.mailingAddress,width:D},addressValueField:{name:S(r,"mailingAddress"),placeholder:W.addressPlaceholder,defaultValue:Z?.addressToCreate,onClick:()=>{R("user_address")}},showAdditionalInfoLabel:!0,style:{width:"auto",padding:`${t.Space.sp2} ${t.Space.sp2} ${t.Space.sp2} ${t.Space.sp0}`}}),o.jsxRuntimeExports.jsx(F,{}),o.jsxRuntimeExports.jsx(t.LabeledPhoneNumberField,{label:{label:k.phone,width:D},text:{name:S(r,"phone"),placeholder:W.phonePlaceholder,defaultValue:A.phone,autoComplete:"off"},showVerified:A.isPhoneVerified,style:{width:"auto"}}),o.jsxRuntimeExports.jsx(F,{}),a?o.jsxRuntimeExports.jsx(V.LabeledZeniRolesDropDownField,{label:{label:s.invitePage.role,width:w},zeniRolesDropDownField:{name:S(r,"role"),defaultValue:{selectedOptions:n.userRole!=null?n.userRole.userRoles:[],allOptions:J},registerOptions:{required:!0},placeholderLabel:t.getPlaceholderTextWithPrefix$1(s.selectPlaceholderPrefix,s.invitePage.role),isMulti:!0,forZeniUser:!0},isDisabled:"readonly"}):o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(V.LabeledRolesDropDownField,{label:{label:s.invitePage.role,width:w},rolesDropDownField:{name:S(r,"nonZeniRole"),defaultValue:{userRole:{selectedRole:t.getSelectedRootRole(n.userRole?.userRoles??[]),allRootRole:t.getAllRootRoles(x,P)},productsByUserRole:t.getProductWiseRoleOptions(n.userRole?.userRoles??[],Q)},registerOptions:{required:!0}},isDisabled:u}),o.jsxRuntimeExports.jsx(F,{}),o.jsxRuntimeExports.jsx(ne.LabeledUserSingleSelectWithSubtitlesField,{label:{label:s.invitePage.manager,width:w},showTooltip:!0,toolTipWidth:O.toolTipWidth.valuePx(d),tooltipTitle:o.jsxRuntimeExports.jsx(ue,{}),userSingleSelectWithSubTitlesField:{name:S(r,"manager"),value:{allUsers:c?[]:B,selectedUser:c?void 0:H?.userId},valueToSubtitle:i=>{const L=B.findIndex(E=>E.userId===i);if(L!==-1){const E=B[L],z=I.find(K=>K.classId===E.userRole.accountingClassIDs[0]),N=[];return z!=null&&N.push(z.className),N}else return[]},placeholderLabel:c?s.notApplicable:t.getPlaceholderTextWithPrefix$1(s.selectPlaceholderPrefix,s.invitePage.manager),registerOptions:{required:!c},showOneOffLabel:{label:ee.label.noManager,value:"no_manager",position:"top",subtitles:[]}},isDisabled:"readonly",opacity:c?.32:1}),o.jsxRuntimeExports.jsx(F,{}),o.jsxRuntimeExports.jsx(ae.LabeledSingleSelectWithoutClearableField,{label:{label:s.invitePage.department,width:w},singleSelectWithoutClearableField:{name:S(r,"department"),defaultValue:{allOptions:c?[]:U,selectedOption:c?void 0:U.find(i=>i.value===g?.classId)},placeholder:c?s.notApplicable:t.getPlaceholderTextWithPrefix$1(s.selectPlaceholderPrefix,s.invitePage.department),registerOptions:{required:!c},isDisabled:u,showOptionOnHover:!0},isDisabled:u,opacity:c?.32:1}),a?null:o.jsxRuntimeExports.jsxs(me,{windowSize:d,children:[s.invitePage.controllerText,b[0]?o.jsxRuntimeExports.jsxs(he,{href:`mailto:${b[0].email}?cc=${$}&subject=${encodeURIComponent(s.invitePage.emailSubject)}`,children:[o.jsxRuntimeExports.jsx(xe,{children:`${b[0].firstName} ${b[0].lastName}`}),o.jsxRuntimeExports.jsx(t.SvgArrowRight,{className:"arrowIcon"})]}):null]})]})]})},ue=()=>s.invitePage.managerTooltipText,pe=p.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.Space.sp2};
+  margin-bottom: ${t.Space.sp3};
+  .single-select-field__menu {
+    border: ${e=>e.windowSize==="small"?`1px solid ${e.theme.colors.grey3}`:"unset"};
+  }
+`,F=p.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,me=p(t.ExtraSmallRegular)`
+  padding: ${e=>`${t.Space.sp1}  ${O.notePadding.valuePx(e.windowSize)}`};
+  background: ${e=>e.theme.colors.grey4};
+  border-radius: ${t.Space.sp0} ${t.Space.sp0} ${t.Space.sp2} ${t.Space.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=>O.noteGap.valuePx(e.windowSize)};
+`,he=p.a`
+  color: ${e=>e.theme.colors.hero};
+  text-decoration: none;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  .arrowIcon {
+    cursor: pointer;
+    height: 12px;
+    width: 12px;
+  }
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+    .arrowIcon {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,xe=p.span``,oe={myProfileDetailsRowGap:new t.ResponsiveSized(12,t.sp[5],t.sp[5]),sectionWidth:new t.ResponsiveSized(343,580,726),subtitleSectionWidth:new t.ResponsiveSized(343,580,1200)},ge={title:new t.ResponsiveSizedStyle("standardMedium","largeMedium")},j="userDetails",Se=({myProfileView:e,isReimbursementDisabled:a,isZeniAccountsDisabled:r,isChargeCardDisabled:u,isTreasuryDisabled:f,isBankingOnlyTenant:m,isCardsOnlyTenant:l,isLiteRoleDisabled:x,onClickMenuIcon:P,onAddressClick:C,updateMyProfileLocalData:h,onCancelClick:R,onGetOtp:d,onResendOtp:n,onSaveClick:B,onVerifyOtp:I,onVerifyOtpSuccess:H})=>{const g=t.useWindowSizeContext(),T=v.useMemo(()=>t.getUpdatedRoles(a,r,u,m,l,x,f),[a,r,u,m,l,x,f]),[A,Z]=v.useState(!1),[G,w]=v.useState(!1),D=o.useTheme(),Q=t.useGlobalInfoContext(),b=t.isZeniFinopsRoles(Q),$=o.useForm({mode:"onSubmit",reValidateMode:"onSubmit",defaultValues:te(e,b,T,m,l),values:te(e,b,T,m,l)}),J=e.myProfileLocalData.dateOfBirth!=null&&e.person.user?.birthday!=null&&!e.myProfileLocalData.dateOfBirth.isSame(e.person.user?.birthday)||e.myProfileLocalData.dateOfBirth!=null&&e.person.user?.birthday==null,c=e.myProfileLocalData.phone!==e.person.user?.phone,U=e.addressData?.addressToCreate!=null&&e.person.address!=null&&!o.isEqual(M.getFormattedAddress(e.addressData?.addressToCreate),M.getFormattedAddress(e.person.address))||e.addressData?.addressToCreate!=null&&e.person.address==null,i=J||c||U,L=Object.keys($.formState.errors).length===0,E=t.formHasDirtyFields($.formState.dirtyFields),z=L&&(E||i),N=async(X,_)=>{if(X!=null){const y={..._},se={...e.myProfileLocalData,phone:y[j].phone,isPhoneVerified:y[j].phone!==e.person.user?.phone?!1:e.person.user?.isPhoneVerified??!1,dateOfBirth:y[j].dateOfBirth!=null?M.zeniDate(y[j].dateOfBirth.toString()):void 0};h(se)}};v.useEffect(()=>{const X=$.watch((_,{name:y})=>{y!=null&&_!=null&&o.defer(()=>N(y,_))});return()=>{X.unsubscribe()}});const K=$.handleSubmit(()=>{L&&(e.myProfileLocalData.phone!=null&&(e.myProfileLocalData.isPhoneVerified==null||e.myProfileLocalData.isPhoneVerified===!1)?d(e.myProfileLocalData.phone):B())}),{common:q}=t.appLocale.getLocalizedStrings();return o.jsxRuntimeExports.jsxs(fe,{children:[o.jsxRuntimeExports.jsx(t.OtpPopupSection,{showOtpPopup:A,phoneNumberPopupDescription:"show something",showPhoneNumberPopup:G,twoFactorAuthenticationView:e.twoFAView,loggedInUserPhone:e.myProfileLocalData.phone,onVerifyOtp:I,onVerifyOtpSuccess:H,setShowOtpPopup:Z,onResendOtp:n,setShowPhoneNumberPopup:w,onGetOtp:d}),o.jsxRuntimeExports.jsx(t.NavBar,{source:"MyProfileSettingsPage",title:q.settings.title.myProfile,backgroundColor:D.colors.grey4,showBackButton:!1,showMenuIcon:g==="medium-compact"||g==="small",onClickMenuIcon:P}),o.jsxRuntimeExports.jsxs(Re,{windowSize:g,children:[o.jsxRuntimeExports.jsx(be,{windowSize:g,children:o.jsxRuntimeExports.jsx(je,{windowSize:g,children:q.settings.infoText.myProfile})}),o.jsxRuntimeExports.jsx(o.FormProvider,{...$,children:o.jsxRuntimeExports.jsxs("form",{id:Y(j),onSubmit:K,children:[o.jsxRuntimeExports.jsx(ve,{windowSize:g,children:o.jsxRuntimeExports.jsx(Pe,{windowSize:g,children:q.settings.subtitle.myProfile})}),o.jsxRuntimeExports.jsx(ce,{myProfileView:e,isZeniFinopsRolesUser:b,isDisabled:"readonly",isReimbursementDisabled:a,sectionId:j,isZeniAccountsDisabled:r,isChargeCardDisabled:u,isTreasuryDisabled:f,isBankingOnlyTenant:m,isCardsOnlyTenant:l,isLiteRoleDisabled:x,onAddressClick:C})]})})]}),z?o.jsxRuntimeExports.jsx(t.Footer,{style:{zIndex:1,paddingTop:t.Space.sp3,paddingBottom:t.Space.sp3},formId:Y(j),helperStyle:{paddingTop:t.Space.sp0,paddingBottom:t.Space.sp0},primaryBtn:{label:q.footer.save,isLoading:e.updateProfileStatus.fetchState==="In-Progress",style:{minWidth:103}},cancelBtn:{label:q.cancel,onClick:R,shouldResetOnCancel:!0,style:{minWidth:103}}}):null]})},Y=e=>`${e}_form`,fe=p.div`
+  display: flex;
+  height: 100vh;
+  width: 100%;
+  flex-direction: column;
+  row-gap: ${t.Space.sp3};
+  background-color: ${e=>e.theme.colors.grey4};
+`,Re=p.div`
+  display: flex;
+  width: 100%;
+  margin: auto;
+  justify-content: flex-start;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+`,be=p(t.ExtraSmallRegular)`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: ${e=>oe.subtitleSectionWidth.valuePx(e.windowSize)};
+  margin-bottom: ${t.Space.sp5};
+`,je=p.div`
+  display: flex;
+  align-items: center;
+
+  color: ${e=>e.theme.colors.hero};
+  ${t.textStyles.standardMedium.css};
+`,ve=p.div`
+  display: flex;
+  align-items: center;
+  width: ${e=>oe.sectionWidth.valuePx(e.windowSize)};
+  margin-bottom: ${t.Space.sp3};
+`,Pe=p.div`
+  display: flex;
+  align-items: center;
+
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${ge.title.style(e.windowSize)}`};
+`,te=(e,a,r,u,f)=>{const{classList:m,person:l,managersList:x,manager:P,department:C,myProfileLocalData:h}=e,R=M.hasInvestorBankerLevelAccess(l.userRole!=null?l.userRole.userRoles:[]),d=m.map(n=>({label:n.fullyQualifiedAccountingClassName,value:n.classId,hoverText:n.accountingClassNumber}));return{[j]:{name:{firstName:l.user?.firstName??"",lastName:l.user?.lastName??""},email:l.user?.email??"",role:a?{allOptions:t.ZeniRolesConstants.roles,selectedOptions:l.userRole?.userRoles??[]}:void 0,nonZeniRole:a?void 0:{userRole:{selectedRole:t.getSelectedRootRole(l.userRole?.userRoles??[]),allRootRole:t.getAllRootRoles(u,f)},productsByUserRole:t.getProductWiseRoleOptions(l.userRole?.userRoles??[],r)},manager:{allUsers:R?[]:x,selectedUser:we(R,P)},department:{allOptions:R?[]:d,selectedOption:R?void 0:d.find(n=>n.value===C?.classId)},dateOfBirth:h.dateOfBirth?.toDate(),phone:h.phone,syncToken:h?.syncToken,isPhoneVerified:h?.isPhoneVerified,otpChallenge:h?.otpChallenge,mailingAddress:e.addressData?.addressToCreate}}},we=(e,a)=>{if(!e)return a!=null?a.userId:"no_manager"};exports.default=Se;exports.uniqueFormName=Y;