@zeniai/web-components 3.17.10 → 3.17.11

package/dist/MyBankConnectionsSettingsPage-D2jsAasG.js

@@ -0,0 +1,297 @@
+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-Dg4HzhKR.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-DankYdnw.cjs

@@ -0,0 +1,110 @@
+"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-B3k6KNNf.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-CpTLH2rp.cjs

@@ -0,0 +1,6 @@
+"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-B3k6KNNf.cjs"),j=require("./BusyIndication-B0K5Y479.cjs"),f=require("./ChargeCardListTable-hCEUHWH2.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-X9TnCiXL.js

@@ -0,0 +1,168 @@
+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-Dg4HzhKR.js";
+import { B as E } from "./BusyIndication-C2D5oxVK.js";
+import { C as $, a as U } from "./ChargeCardListTable-Be-iLtB0.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
+};