@zeniai/web-components 3.16.99 → 3.17.1

package/dist/MyBankConnectionsSettingsPage-BLCQPBdv.js

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

package/dist/MyBankConnectionsSettingsPage-BoStJr9-.cjs

@@ -1,110 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./vendor-.pnpm-D0ILHvHB.cjs"),S=require("react"),n=require("@emotion/styled"),R=require("react-plaid-link"),y=require("@zeniai/client-epic-state"),e=require("./index-CZKgJQb3.cjs"),l={sectionWidth:new e.ResponsiveSized(343,580,726),iconContainerMaxWidthHeight:new e.ResponsiveSized(e.sp[6],e.sp[7]),iconContainerMarginRight:new e.ResponsiveSized(12,e.sp[3]),iconPadding:new e.ResponsiveSized(10,12),iconWidthHeight:new e.ResponsiveSized(20,e.sp[4]),elementsMarginLeftRight:new e.ResponsiveSized(e.sp[3],e.sp[4])},b={title:new e.ResponsiveSizedStyle("standardMedium","largeMedium")},C=n.img`
-  width: ${t=>l.iconContainerMaxWidthHeight.valuePx(t.windowSize)};
-  height: ${t=>l.iconContainerMaxWidthHeight.valuePx(t.windowSize)};
-  border-radius: ${e.Space.sp11};
-  margin-right: ${t=>l.iconContainerMarginRight.valuePx(t.windowSize)};
-`,$=n.div`
-  display: flex;
-`,k=n.div`
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-  justify-content: space-between;
-  margin-left: ${t=>l.elementsMarginLeftRight.valuePx(t.windowSize)};
-  margin-right: ${t=>l.elementsMarginLeftRight.valuePx(t.windowSize)};
-  padding-top: ${e.Space.sp4};
-  padding-bottom: ${e.Space.sp4};
-`,E=n.div`
-  display: flex;
-  align-items: flex-start;
-`,z=n.div`
-  display: flex;
-  opacity: 1;
-`,P=n.div`
-  display: flex;
-  flex-direction: column;
-`,T=n.div``,M=n.div`
-  ${t=>`${b.title.style(t.windowSize)}`};
-  color: ${t=>t.isError===!0?e.Colors.important:t.theme.colors.primary};
-`,W=n.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding: ${t=>l.iconPadding.valuePx(t.windowSize)};
-  background: ${t=>t.iconColor.toString()};
-  border-radius: ${e.Space.sp11};
-  width: fit-content;
-  height: fit-content;
-  color: ${t=>t.isDarkMode?e.Colors.neutralGrey5Light:t.theme.colors.brandColorOnyx}; // As per design
-  max-width: ${t=>l.iconContainerMaxWidthHeight.valuePx(t.windowSize)};
-  max-height: ${t=>l.iconContainerMaxWidthHeight.valuePx(t.windowSize)};
-  margin-right: ${t=>l.iconContainerMarginRight.valuePx(t.windowSize)};
-`,B=n(e.SmallRegular)`
-  display: flex;
-  align-items: center;
-  color: ${t=>t.theme.colors.hero};
-  flex-wrap: wrap;
-`,D=n.div`
-  display: flex;
-`,I=n.div`
-  display: inline-block;
-  border-radius: ${e.Space.sp2};
-  margin: ${e.Space.sp0} 12px;
-  width: ${e.Space.sp1};
-  height: ${e.Space.sp1};
-  cursor: inherit;
-  background-color: ${t=>t.theme.colors.grey1};
-`,L=n.div`
-  display: flex;
-  flex-direction: column;
-  width: ${t=>l.sectionWidth.valuePx(t.windowSize)};
-  background-color: ${t=>t.theme.colors.grey5};
-  border: 1px solid ${t=>t.theme.colors.grey3};
-  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
-  border-radius: ${e.Space.sp2};
-  color: ${t=>t.theme.colors.grey1};
-  justify-content: space-between;
-  box-sizing: border-box;
-`,_=({bankAccount:t,paymentAccount:o,accountStatus:a})=>{const s=e.useWindowSizeContext(),d=i.useTheme(),x=t.bankName,r=d.mode==="light"?new i.Color(d.colors.brandColorJadeLight):new i.Color(d.colors.brandColorJadeDark),h={element:i.jsxRuntimeExports.jsx(e.SvgBankBuilding,{width:l.iconWidthHeight.valuePx(s),height:l.iconWidthHeight.valuePx(s)}),color:r},c=o?.providerVerificationStatus?.code,m=`${o?.accountSubType?.name!=null?o.accountSubType.name.substring(0,1).toUpperCase().concat(o.accountSubType.name.substring(1)):""} ${o?.maskedAccountNumber??t.maskedAccountNumber}`.trim(),u=o?.institutionDetails?.zeniInstitutionId.toLowerCase()==="chase";return i.jsxRuntimeExports.jsx(L,{windowSize:s,children:i.jsxRuntimeExports.jsxs(k,{windowSize:s,children:[i.jsxRuntimeExports.jsxs(E,{children:[i.jsxRuntimeExports.jsx(z,{children:H(h,s,d.mode==="dark",o)}),i.jsxRuntimeExports.jsxs(P,{children:[i.jsxRuntimeExports.jsxs(T,{children:[i.jsxRuntimeExports.jsx(M,{windowSize:s,children:x}),i.jsxRuntimeExports.jsx(B,{children:m?i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(D,{children:m}),s!=="small"&&(c!=="verification_failed"&&o?.providerVerificationStatus?.code==="pending_manual_verification"||u)?i.jsxRuntimeExports.jsx(I,{}):null]}):null})]}),a!=null&&s==="small"?i.jsxRuntimeExports.jsx(e.ItemWithTag,{style:{width:"max-content",padding:0,marginTop:e.Space.sp2},tagTitle:a.name,textColor:e.getSetupStatusColor(a.code)}):null]})]}),i.jsxRuntimeExports.jsx($,{children:a!=null&&s!=="small"?i.jsxRuntimeExports.jsx(e.ItemWithTag,{style:{width:"max-content",padding:0,marginTop:e.Space.sp2},tagTitle:a.name,textColor:e.getSetupStatusColor(a.code)}):null})]})})},H=(t,o,a,s)=>s?.institutionDetails.logo?.base64!=null?i.jsxRuntimeExports.jsx(C,{windowSize:o,src:`${e.JPEG_IMAGE_BASE_64}${s.institutionDetails.logo.base64.toString()}`,alt:s.institutionDetails.institutionName,loading:"lazy"}):i.jsxRuntimeExports.jsx(W,{iconColor:t.color,windowSize:o,isDarkMode:a,children:t.element}),g={myBankConnectionsDetailsRowGap:new e.ResponsiveSized(12,e.sp[5],e.sp[5]),sectionRowGap:new e.ResponsiveSized(e.sp[5],e.sp[9],e.sp[9]),iconWidthHeight:new e.ResponsiveSized(20,e.sp[4]),sectionWidth:new e.ResponsiveSized(343,580,726),subtitleSectionWidth:new e.ResponsiveSized(343,580,1200)},A={title:new e.ResponsiveSizedStyle("standardMedium","largeMedium")},q=n.div`
-  display: flex;
-  row-gap: ${e.Space.sp3};
-  flex-direction: column;
-`,G=n.div`
-  display: flex;
-  height: 100vh;
-  width: 100%;
-  row-gap: ${e.Space.sp3};
-  flex-direction: column;
-  background-color: ${t=>t.theme.colors.grey4};
-`,N=n.div`
-  margin: auto;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: flex-start;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-`,J=n.div`
-  display: flex;
-  align-items: center;
-  width: ${t=>g.sectionWidth.valuePx(t.windowSize)};
-  margin-bottom: ${e.Space.sp3};
-`,O=n.div`
-  display: flex;
-  align-items: center;
-
-  color: ${t=>t.theme.colors.primary};
-  font-family: ${e.textStyles.largeMedium.fontFamily};
-  ${t=>`${A.title.style(t.windowSize)}`};
-`,U=n(e.ExtraSmallRegular)`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: ${t=>g.subtitleSectionWidth.valuePx(t.windowSize)};
-  margin-bottom: ${e.Space.sp5};
-`,F=n(e.StandardRegular)`
-  display: flex;
-  align-items: center;
-  color: ${t=>t.theme.colors.hero};
-`,Y=({plaidConnectionDetails:t,myBankConnectionsView:o,onEstablishConnectionClick:a,onFetchLinkTokenClick:s,onClickMenuIcon:d})=>{const x=i.useTheme(),r=e.useWindowSizeContext(),h=S.useCallback(p=>{a(p)},[a]),c=S.useMemo(()=>t.link_account_no_microdeposit,[t]),{open:m}=R.usePlaidLink({token:c.linkToken??null,onSuccess:h}),u=e.appLocale.getLocalizedStrings().common.settings,f=x.mode==="light"?new i.Color(x.colors.brandColorJadeLight):new i.Color(x.colors.brandColorJadeDark),w=e.appLocale.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail;return S.useEffect(()=>{(y.zeniDate(new Date().toISOString()).isAfter(c.expiration)||c.linkToken==null)&&s("link_account_no_microdeposit")},[s,c.expiration,c.linkToken]),i.jsxRuntimeExports.jsxs(G,{children:[i.jsxRuntimeExports.jsx(e.NavBar,{source:"MyBankConnectionsSettingsPage",title:u.title.myBankConnections,backgroundColor:x.colors.grey4,style:{zIndex:3},showBackButton:!1,showMenuIcon:r==="medium-compact"||r==="small",onClickMenuIcon:d}),i.jsxRuntimeExports.jsxs(N,{windowSize:r,children:[i.jsxRuntimeExports.jsx(U,{windowSize:r,children:i.jsxRuntimeExports.jsx(F,{windowSize:r,children:u.infoText.myBankConnections})}),o.bankAccounts.length>0?i.jsxRuntimeExports.jsx(J,{windowSize:r,children:i.jsxRuntimeExports.jsx(O,{windowSize:r,children:u.subtitle.myBankConnections})}):null,i.jsxRuntimeExports.jsx(e.ControlledComponent,{controller:o.bankAccounts.length>0,children:i.jsxRuntimeExports.jsx(q,{children:o.bankAccounts.map(p=>{const j=o.paymentAccounts.find(v=>v.bankAccountId==p.bankAccountId);return i.jsxRuntimeExports.jsx(_,{bankAccount:p,accountStatus:j?.verificationStatus,paymentAccount:j},p.bankAccountId)})})}),i.jsxRuntimeExports.jsx(e.ControlledComponent,{controller:o.bankAccounts.length===0,children:i.jsxRuntimeExports.jsx(e.SetUpDefaultSection,{onClick:()=>{m()},title:w.connectYourBank,subTitle:w.loginToBank,header:u.label.reimbursements,icon:{element:i.jsxRuntimeExports.jsx(e.SvgBankBuilding,{width:g.iconWidthHeight.valuePx(r),height:g.iconWidthHeight.valuePx(r)}),color:f},style:{width:"unset",rowGap:r==="small"?e.Space.sp2:void 0}})})]})]})};exports.default=Y;

package/dist/MyPendingActivationChargeCardListPage-BbpASyHN.cjs

@@ -1,6 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-.pnpm-D0ILHvHB.cjs"),M=require("@emotion/styled"),_=require("@zeniai/client-epic-state"),e=require("./index-CZKgJQb3.cjs"),j=require("./BusyIndication-C1ekFdal.cjs"),f=require("./ChargeCardListTable-C4uh4J9K.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/MyPendingActivationChargeCardListPage-jdiHJdDj.js

@@ -1,168 +0,0 @@
-import { u as L, j as r } from "./vendor-.pnpm-B2klaOGU.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-CD9fwr4J.js";
-import { B as E } from "./BusyIndication-CLWkdlwr.js";
-import { C as $, a as U } from "./ChargeCardListTable-CwmCwMWs.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
-};