@zeniai/web-components 3.16.39 → 3.16.40

package/dist/ChargeCardStatementsPage-D5xK4u3H.js

@@ -0,0 +1,243 @@
+import { j as t, u as A } from "./vendor-.pnpm-BZbZ6JJC.js";
+import n from "@emotion/styled";
+import { dB as O, u as D, a as E, j5 as q, j as F, A as J, S as h, p as W, R as u, f7 as U, D as l, aE as G, y as H } from "./index-oeut1pIL.js";
+import { B as K, b as Q } from "./BoxItem-F0KOr97L.js";
+import { useState as X } from "react";
+import { d as Z } from "./downloadPdf-CbOTo5Lc.js";
+const I = E.getLocalizedStrings().months, L = {
+  downloadButtonSize: new u(l[4], 20)
+}, _ = n.div`
+  display: flex;
+  padding: ${h.sp3} ${h.sp4};
+  flex-direction: row;
+  width: 100%;
+`, V = n.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+`, ee = n(W)`
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  max-height: ${h.sp11};
+  text-overflow: ellipsis;
+  word-break: break-word;
+  text-align: left;
+  overflow: hidden;
+`, te = n.div`
+  cursor: pointer;
+`, oe = n(U)`
+  width: ${(e) => L.downloadButtonSize.valuePx(e.windowSize)};
+  height: ${(e) => L.downloadButtonSize.valuePx(e.windowSize)};
+  min-height: ${(e) => L.downloadButtonSize.valuePx(e.windowSize)};
+  color: ${(e) => e.theme.colors.grey1};
+  &:hover {
+    color: ${(e) => e.theme.colors.primary};
+  }
+`;
+function ne({
+  currentTenantCompanyName: e,
+  data: i,
+  index: r,
+  controllerEmails: c,
+  isDebitCardFeatureEnabled: g,
+  isDebitCardSetupEnabled: o,
+  chargeCardCashbackDetailState: a,
+  depositAccountListWithDebitCardIssued: s,
+  debitCardSummary: y,
+  productInformation: C,
+  creditAccountInformation: j,
+  debitAccountInformation: $,
+  cashbackInformation: x,
+  creditAccountRepayment: v,
+  authParams: P,
+  downloadEndPoint: Y,
+  boxType: b
+}) {
+  const M = O().analytics, [T, m] = X(!1), k = D(), f = I[i.monthYearPeriod.month - 1], d = `${e}-Credit-Card-Monthly-Statement-${I[i.monthYearPeriod.month - 1]}-${i.monthYearPeriod.year}.pdf`, p = {
+    period: `${i.monthYearPeriod.year}-${q(
+      i.monthYearPeriod.month
+    )}`,
+    format: "pdf"
+  }, w = /* @__PURE__ */ t.jsx(_, { children: /* @__PURE__ */ t.jsxs(V, { children: [
+    /* @__PURE__ */ t.jsx(ee, { children: f }),
+    /* @__PURE__ */ t.jsx(
+      te,
+      {
+        "data-testid": F("download-card-statement"),
+        onClick: () => {
+          a.fetchState === "Completed" && v.fetchState === "Completed" && (!(g && o) || s.fetchState === "Completed" && y?.fetchState === "Completed") && x != null && M.trackCardsDownloadClick(
+            c,
+            C,
+            x,
+            {
+              fileCategory: "Credit Card Statement",
+              fileType: "pdf",
+              fileName: d,
+              fileMonthYear: `${I[i.monthYearPeriod.month - 1]} ${i.monthYearPeriod.year}`
+            },
+            "Credit Card Statements",
+            r + 1,
+            //position need to be 1 based index
+            j,
+            $
+          ), Z(
+            `${Y}/statements?query=${encodeURIComponent(
+              JSON.stringify(p)
+            )}`,
+            d,
+            P,
+            m
+          );
+        },
+        children: T ? /* @__PURE__ */ t.jsx(J, { size: "Small", start: !0 }) : /* @__PURE__ */ t.jsx(oe, { windowSize: k })
+      }
+    )
+  ] }) });
+  return /* @__PURE__ */ t.jsx(
+    K,
+    {
+      content: w,
+      boxType: b,
+      isDisabled: !1,
+      isNotClickable: !0
+    }
+  );
+}
+const B = E.getLocalizedStrings().spendManagement.chargeCard.statements, S = {
+  listItemMarginLeftRight: new u(l[3], l[8]),
+  containerMarginTop: new u(l[0], l[2]),
+  titleMarginLeftRight: new u(l[3], l[8])
+}, ue = ({
+  currentTenantCompanyName: e,
+  authParams: i,
+  controllerEmails: r,
+  productInformation: c,
+  cashbackInformation: g,
+  creditAccountInformation: o,
+  debitAccountInformation: a,
+  isChargeCardFeatureEnabled: s,
+  isDebitCardFeatureEnabled: y,
+  isDebitCardSetupEnabled: C,
+  isChargeCardSetupEnabled: j,
+  chargeCardCashbackDetailState: $,
+  depositAccountListWithDebitCardIssued: x,
+  creditAccountRepayment: v,
+  debitCardSummary: P,
+  creditAccount: Y,
+  downloadEndPoint: b,
+  statementListView: z,
+  onBackClick: M
+}) => {
+  const T = A(), m = D(), { sortedYear: k, monthsByYearWithSortedMonth: f } = me(
+    z.statements
+  );
+  return /* @__PURE__ */ t.jsxs(de, { children: [
+    /* @__PURE__ */ t.jsx(
+      G,
+      {
+        title: B.title,
+        backgroundColor: T.colors.grey4,
+        style: { zIndex: 3 },
+        onBackClick: M,
+        source: "ChargeCardStatementsPage"
+      }
+    ),
+    /* @__PURE__ */ t.jsx(ce, { windowSize: m, children: z.statements.length === 0 ? /* @__PURE__ */ t.jsx(N, { children: /* @__PURE__ */ t.jsx(se, { children: /* @__PURE__ */ t.jsx(R, { windowSize: m, children: /* @__PURE__ */ t.jsx(le, { children: B.noStatements }) }) }) }) : /* @__PURE__ */ t.jsx(ie, { children: k.map((d) => /* @__PURE__ */ t.jsxs(re, { children: [
+      /* @__PURE__ */ t.jsx(ae, { windowSize: m, children: d }),
+      /* @__PURE__ */ t.jsx(N, { children: f[d].map((p, w) => /* @__PURE__ */ t.jsx(
+        R,
+        {
+          windowSize: m,
+          children: /* @__PURE__ */ t.jsx(
+            ne,
+            {
+              productInformation: c,
+              creditAccountInformation: o,
+              debitAccountInformation: a,
+              cashbackInformation: g,
+              creditAccountRepayment: v,
+              depositAccountListWithDebitCardIssued: x,
+              debitCardSummary: P,
+              controllerEmails: r,
+              isChargeCardFeatureEnabled: s,
+              isDebitCardFeatureEnabled: y,
+              isDebitCardSetupEnabled: C,
+              isChargeCardSetupEnabled: j,
+              chargeCardCashbackDetailState: $,
+              creditAccount: Y,
+              currentTenantCompanyName: e,
+              index: w,
+              data: p,
+              authParams: i,
+              downloadEndPoint: b,
+              boxType: Q(
+                w,
+                f[d].length
+              )
+            },
+            p.id
+          )
+        },
+        p.id
+      )) })
+    ] }, d)) }) })
+  ] });
+}, ie = n.div``, re = n.div`
+  margin-bottom: ${h.sp6};
+`, N = n.div``, ae = n(H)`
+  margin-left: ${(e) => S.titleMarginLeftRight.valuePx(e.windowSize)};
+  margin-bottom: ${h.sp3};
+`, R = n.div`
+  margin-left: ${(e) => S.listItemMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${(e) => S.listItemMarginLeftRight.valuePx(e.windowSize)};
+`, se = n.div`
+  display: flex;
+  height: 100%;
+  flex: 1 1 auto;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-end;
+`, de = n.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  padding-bottom: ${h.sp7};
+`, le = n(W)`
+  display: flex;
+  color: ${(e) => e.theme.colors.grey2};
+`, ce = n.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  margin-top: ${(e) => S.containerMarginTop.valuePx(e.windowSize)};
+`, me = (e) => {
+  const i = e.map((o) => {
+    const [a, s] = o.period.split("-");
+    return {
+      id: o.id,
+      monthYearPeriod: {
+        year: parseInt(a),
+        month: parseInt(s)
+      }
+    };
+  }), r = {};
+  i.forEach((o) => {
+    r[o.monthYearPeriod.year] != null ? r[o.monthYearPeriod.year].push(o) : r[o.monthYearPeriod.year] = [o];
+  });
+  const c = {};
+  return Object.keys(r).forEach((o) => {
+    c[Number(o)] = r[Number(o)].sort(
+      (a, s) => s.monthYearPeriod.month - a.monthYearPeriod.month
+    );
+  }), {
+    sortedYear: Object.keys(r).sort((o, a) => Number(a) - Number(o)).map((o) => Number(o)),
+    monthsByYearWithSortedMonth: c
+  };
+};
+export {
+  ue as default
+};

package/dist/ChargeCardStatementsPage-XG5PEVHr.cjs

@@ -0,0 +1,60 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-DHyNpoQL.cjs"),i=require("@emotion/styled"),e=require("./index-D4PXma22.cjs"),L=require("./BoxItem-Fs6Lglx1.cjs"),B=require("react"),N=require("./downloadPdf-Dow84b8r.cjs"),z=e.appLocale.getLocalizedStrings().months,M={downloadButtonSize:new e.ResponsiveSized(e.sp[4],20)},q=i.div`
+  display: flex;
+  padding: ${e.Space.sp3} ${e.Space.sp4};
+  flex-direction: row;
+  width: 100%;
+`,D=i.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+`,W=i(e.StandardRegular)`
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  max-height: ${e.Space.sp11};
+  text-overflow: ellipsis;
+  word-break: break-word;
+  text-align: left;
+  overflow: hidden;
+`,O=i.div`
+  cursor: pointer;
+`,A=i(e.SvgDownload)`
+  width: ${t=>M.downloadButtonSize.valuePx(t.windowSize)};
+  height: ${t=>M.downloadButtonSize.valuePx(t.windowSize)};
+  min-height: ${t=>M.downloadButtonSize.valuePx(t.windowSize)};
+  color: ${t=>t.theme.colors.grey1};
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`;function _({currentTenantCompanyName:t,data:r,index:s,controllerEmails:c,isDebitCardFeatureEnabled:x,isDebitCardSetupEnabled:n,chargeCardCashbackDetailState:a,depositAccountListWithDebitCardIssued:d,debitCardSummary:w,productInformation:f,creditAccountInformation:j,debitAccountInformation:y,cashbackInformation:h,creditAccountRepayment:C,authParams:R,downloadEndPoint:v,boxType:P}){const b=e.useToolkitContext().analytics,[E,m]=B.useState(!1),Y=e.useWindowSizeContext(),u=z[r.monthYearPeriod.month-1],l=`${t}-Credit-Card-Monthly-Statement-${z[r.monthYearPeriod.month-1]}-${r.monthYearPeriod.year}.pdf`,p={period:`${r.monthYearPeriod.year}-${e.toMonthStr(r.monthYearPeriod.month)}`,format:"pdf"},g=o.jsxRuntimeExports.jsx(q,{children:o.jsxRuntimeExports.jsxs(D,{children:[o.jsxRuntimeExports.jsx(W,{children:u}),o.jsxRuntimeExports.jsx(O,{"data-testid":e.generateDataTestId("download-card-statement"),onClick:()=>{a.fetchState==="Completed"&&C.fetchState==="Completed"&&(!(x&&n)||d.fetchState==="Completed"&&w?.fetchState==="Completed")&&h!=null&&b.trackCardsDownloadClick(c,f,h,{fileCategory:"Credit Card Statement",fileType:"pdf",fileName:l,fileMonthYear:`${z[r.monthYearPeriod.month-1]} ${r.monthYearPeriod.year}`},"Credit Card Statements",s+1,j,y),N.downloadPdf(`${v}/statements?query=${encodeURIComponent(JSON.stringify(p))}`,l,R,m)},children:E?o.jsxRuntimeExports.jsx(e.ActivityIndicator,{size:"Small",start:!0}):o.jsxRuntimeExports.jsx(A,{windowSize:Y})})]})});return o.jsxRuntimeExports.jsx(L.BoxItem,{content:g,boxType:P,isDisabled:!1,isNotClickable:!0})}const T=e.appLocale.getLocalizedStrings().spendManagement.chargeCard.statements,S={listItemMarginLeftRight:new e.ResponsiveSized(e.sp[3],e.sp[8]),containerMarginTop:new e.ResponsiveSized(e.sp[0],e.sp[2]),titleMarginLeftRight:new e.ResponsiveSized(e.sp[3],e.sp[8])},F=({currentTenantCompanyName:t,authParams:r,controllerEmails:s,productInformation:c,cashbackInformation:x,creditAccountInformation:n,debitAccountInformation:a,isChargeCardFeatureEnabled:d,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:f,isChargeCardSetupEnabled:j,chargeCardCashbackDetailState:y,depositAccountListWithDebitCardIssued:h,creditAccountRepayment:C,debitCardSummary:R,creditAccount:v,downloadEndPoint:P,statementListView:$,onBackClick:b})=>{const E=o.useTheme(),m=e.useWindowSizeContext(),{sortedYear:Y,monthsByYearWithSortedMonth:u}=Z($.statements);return o.jsxRuntimeExports.jsxs(K,{children:[o.jsxRuntimeExports.jsx(e.NavBar,{title:T.title,backgroundColor:E.colors.grey4,style:{zIndex:3},onBackClick:b,source:"ChargeCardStatementsPage"}),o.jsxRuntimeExports.jsx(X,{windowSize:m,children:$.statements.length===0?o.jsxRuntimeExports.jsx(k,{children:o.jsxRuntimeExports.jsx(H,{children:o.jsxRuntimeExports.jsx(I,{windowSize:m,children:o.jsxRuntimeExports.jsx(Q,{children:T.noStatements})})})}):o.jsxRuntimeExports.jsx(J,{children:Y.map(l=>o.jsxRuntimeExports.jsxs(U,{children:[o.jsxRuntimeExports.jsx(G,{windowSize:m,children:l}),o.jsxRuntimeExports.jsx(k,{children:u[l].map((p,g)=>o.jsxRuntimeExports.jsx(I,{windowSize:m,children:o.jsxRuntimeExports.jsx(_,{productInformation:c,creditAccountInformation:n,debitAccountInformation:a,cashbackInformation:x,creditAccountRepayment:C,depositAccountListWithDebitCardIssued:h,debitCardSummary:R,controllerEmails:s,isChargeCardFeatureEnabled:d,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:f,isChargeCardSetupEnabled:j,chargeCardCashbackDetailState:y,creditAccount:v,currentTenantCompanyName:t,index:g,data:p,authParams:r,downloadEndPoint:P,boxType:L.boxType(g,u[l].length)},p.id)},p.id))})]},l))})})]})},J=i.div``,U=i.div`
+  margin-bottom: ${e.Space.sp6};
+`,k=i.div``,G=i(e.LargeMedium)`
+  margin-left: ${t=>S.titleMarginLeftRight.valuePx(t.windowSize)};
+  margin-bottom: ${e.Space.sp3};
+`,I=i.div`
+  margin-left: ${t=>S.listItemMarginLeftRight.valuePx(t.windowSize)};
+  margin-right: ${t=>S.listItemMarginLeftRight.valuePx(t.windowSize)};
+`,H=i.div`
+  display: flex;
+  height: 100%;
+  flex: 1 1 auto;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-end;
+`,K=i.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  padding-bottom: ${e.Space.sp7};
+`,Q=i(e.StandardRegular)`
+  display: flex;
+  color: ${t=>t.theme.colors.grey2};
+`,X=i.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  margin-top: ${t=>S.containerMarginTop.valuePx(t.windowSize)};
+`,Z=t=>{const r=t.map(n=>{const[a,d]=n.period.split("-");return{id:n.id,monthYearPeriod:{year:parseInt(a),month:parseInt(d)}}}),s={};r.forEach(n=>{s[n.monthYearPeriod.year]!=null?s[n.monthYearPeriod.year].push(n):s[n.monthYearPeriod.year]=[n]});const c={};return Object.keys(s).forEach(n=>{c[Number(n)]=s[Number(n)].sort((a,d)=>d.monthYearPeriod.month-a.monthYearPeriod.month)}),{sortedYear:Object.keys(s).sort((n,a)=>Number(a)-Number(n)).map(n=>Number(n)),monthsByYearWithSortedMonth:c}};exports.default=F;

package/dist/ChargeCardUtils-B7ldAe9o.js

@@ -0,0 +1,102 @@
+import { dateNow as g } from "@zeniai/client-epic-state";
+import { ea as B, a as N, ae as s } from "./index-oeut1pIL.js";
+function L(r) {
+  const a = r.match(/\d+/g);
+  if (!a || a.length !== 3)
+    return null;
+  const e = parseInt(a[0]), d = parseInt(a[1]), t = parseInt(a[2]);
+  return "#" + (1 << 24 | e << 16 | d << 8 | t).toString(16).slice(1);
+}
+const U = ({
+  signedInUserToken: r,
+  showSecretInfo: a,
+  setShowPhoneNumberPopup: e,
+  onFireOnClickAnalytics: d,
+  setShowSecretInfo: t
+}) => {
+  (r == null || r.expiry.isBefore(g())) && a === !1 ? (e(!0), d("verify card details")) : r?.token != null && a === !1 ? t(!0) : r?.token != null && a === !0 && t(!1);
+}, F = (r) => r.includes("credit") ? "credit" : "debit", { dateFormat: o } = N.getLocalizedStrings(), H = ({
+  chargeCardDetailView: r,
+  classListFetchState: a,
+  analytics: e,
+  isChargeCardFeatureEnabled: d,
+  creditAccount: t,
+  pageName: c,
+  addToWalletType: l,
+  creditAccountRepayment: n,
+  isDebitCard: u,
+  isChargeCardAdmin: m,
+  cardIssuedByRoles: C,
+  cardIssuedByDepartmentName: i,
+  cardHolderRoles: p,
+  cardHolderDepartmentName: f,
+  controllerEmails: y,
+  productInformation: h,
+  creditAccountInformation: I,
+  debitAccountInformation: A
+}) => {
+  r.chargeCard != null && a === "Completed" && (!d || t.fetchState === "Completed" && n.fetchState === "Completed") && (!(u && m) || r.depositAccountLimitFetchState.fetchState === "Completed") && e.trackCardsAddToWalletClick(
+    y,
+    h,
+    {
+      cardId: r.chargeCard.id,
+      cardName: r.chargeCard.cardName,
+      cardType: F(
+        r.chargeCard.type.code
+      ),
+      cardCategory: r.chargeCard.type.code.includes(
+        "physical"
+      ) ? "physical" : "virtual",
+      cardLimit: B(
+        r.chargeCard.limit.amount
+      ),
+      cardLastFourDigits: r.chargeCard.accountLast4,
+      cardStatus: r.chargeCard.status.code,
+      cardAssignedDate: r.chargeCard.createTime?.format(
+        o.analytics.MMMDashDDDashYYYYFormat
+      ),
+      cardIssuedDate: r.chargeCard.providerCardCreateTime?.format(
+        o.analytics.MMMDashDDDashYYYYFormat
+      ),
+      cardLimitFrequency: r.chargeCard.creditLimitFrequency.name
+    },
+    {
+      cardIssuedByName: s(
+        r.chargeCard.cardCreatedByUser,
+        !1
+      ),
+      cardIssuedByEmail: r.chargeCard.cardCreatedByUser?.email,
+      cardIssuedByUserId: r.chargeCard.cardCreatedByUser?.userId,
+      cardIssuedByRole: C,
+      cardIssuedByDepartment: i
+    },
+    {
+      cardholderName: s(
+        r.chargeCard.cardHolderUser,
+        !1
+      ),
+      cardholderEmail: r.chargeCard.cardHolderUser?.email,
+      cardholderRole: p,
+      cardholderUserId: r.chargeCard.cardHolderUser?.userId,
+      cardholderDepartment: f
+    },
+    c,
+    l,
+    I,
+    A
+  );
+}, M = (r, a) => {
+  if (r <= 0)
+    return 0;
+  const e = r - a;
+  return Math.round(e / r * 100);
+}, _ = (r) => r.limit.amount - r.available.amount, S = "1.75";
+export {
+  S as C,
+  F as a,
+  L as b,
+  M as c,
+  H as f,
+  _ as g,
+  U as t
+};

package/dist/ChargeCardUtils-CxXtoOIy.cjs

@@ -0,0 +1 @@
+"use strict";const g=require("@zeniai/client-epic-state"),c=require("./index-D4PXma22.cjs");function E(e){const r=e.match(/\d+/g);if(!r||r.length!==3)return null;const t=parseInt(r[0]),d=parseInt(r[1]),a=parseInt(r[2]);return"#"+(1<<24|t<<16|d<<8|a).toString(16).slice(1)}const _=({signedInUserToken:e,showSecretInfo:r,setShowPhoneNumberPopup:t,onFireOnClickAnalytics:d,setShowSecretInfo:a})=>{(e==null||e.expiry.isBefore(g.dateNow()))&&r===!1?(t(!0),d("verify card details")):e?.token!=null&&r===!1?a(!0):e?.token!=null&&r===!0&&a(!1)},l=e=>e.includes("credit")?"credit":"debit",{dateFormat:s}=c.appLocale.getLocalizedStrings(),B=({chargeCardDetailView:e,classListFetchState:r,analytics:t,isChargeCardFeatureEnabled:d,creditAccount:a,pageName:o,addToWalletType:n,creditAccountRepayment:u,isDebitCard:i,isChargeCardAdmin:m,cardIssuedByRoles:C,cardIssuedByDepartmentName:p,cardHolderRoles:y,cardHolderDepartmentName:f,controllerEmails:A,productInformation:h,creditAccountInformation:I,debitAccountInformation:N})=>{e.chargeCard!=null&&r==="Completed"&&(!d||a.fetchState==="Completed"&&u.fetchState==="Completed")&&(!(i&&m)||e.depositAccountLimitFetchState.fetchState==="Completed")&&t.trackCardsAddToWalletClick(A,h,{cardId:e.chargeCard.id,cardName:e.chargeCard.cardName,cardType:l(e.chargeCard.type.code),cardCategory:e.chargeCard.type.code.includes("physical")?"physical":"virtual",cardLimit:c.roundAmountIfNeeded(e.chargeCard.limit.amount),cardLastFourDigits:e.chargeCard.accountLast4,cardStatus:e.chargeCard.status.code,cardAssignedDate:e.chargeCard.createTime?.format(s.analytics.MMMDashDDDashYYYYFormat),cardIssuedDate:e.chargeCard.providerCardCreateTime?.format(s.analytics.MMMDashDDDashYYYYFormat),cardLimitFrequency:e.chargeCard.creditLimitFrequency.name},{cardIssuedByName:c.getFullName(e.chargeCard.cardCreatedByUser,!1),cardIssuedByEmail:e.chargeCard.cardCreatedByUser?.email,cardIssuedByUserId:e.chargeCard.cardCreatedByUser?.userId,cardIssuedByRole:C,cardIssuedByDepartment:p},{cardholderName:c.getFullName(e.chargeCard.cardHolderUser,!1),cardholderEmail:e.chargeCard.cardHolderUser?.email,cardholderRole:y,cardholderUserId:e.chargeCard.cardHolderUser?.userId,cardholderDepartment:f},o,n,I,N)},F=(e,r)=>{if(e<=0)return 0;const t=e-r;return Math.round(t/e*100)},Y=e=>e.limit.amount-e.available.amount,H="1.75";exports.CASHBACK_PERCENTAGE_WHEN_YOU_PAY_VIA_ZENI_CHECKING=H;exports.calculateCardUtilizationPercent=F;exports.convertRGBToHex=E;exports.fireCardsAddToWalletClick=B;exports.getCardTypeForAnalytics=l;exports.getCardUtilizedAmount=Y;exports.triggerOtpFlowToShowCardSecretInfo=_;

package/dist/ChaseOverlay-0GOxKqW0.cjs

@@ -0,0 +1,170 @@
+"use strict";const s=require("./vendor-.pnpm-DHyNpoQL.cjs"),p=require("react"),i=require("@emotion/styled"),e=require("./index-D4PXma22.cjs"),d={width:new e.ResponsiveSized(350,624,624),height:new e.ResponsiveSized(600,730,730),paddingLeft:new e.ResponsiveSized(e.sp[4],e.sp[8],e.sp[8]),paddingRight:new e.ResponsiveSized(e.sp[4],e.sp[7],e.sp[7])};function F(t){const a=e.useWindowSizeContext(),[,L]=e.useCopyToClipboard(),{isMobileOrTabletScreen:x}=e.useDeviceDetect(),[m,R]=p.useState(!0),[j,w]=p.useState(!0),[$,E]=p.useState(!1),[v,f]=p.useState(!1),n=e.appLocale.getLocalizedStrings().commonSetUp.chaseOverlay,B=n.title,N=n.description,A=()=>{window.open(n.chaseVideoUrl,"_blank")},C=[0,1,2,3],b=o=>o<C.length-1,T=(o,r)=>{L(o??""),r?R(!1):w(!1)},k=o=>{o?E(!0):f(!0)},I=o=>{o?E(!1):f(!1)};p.useEffect(()=>{m===!1&&setTimeout(()=>{R(!0)},2e3),j===!1&&setTimeout(()=>{w(!0)},2e3)},[m,j]);const M=()=>{const o=n.step1;return s.jsxRuntimeExports.jsxs(u,{children:[s.jsxRuntimeExports.jsx(re,{"data-testid":e.generateDataTestId("chase-overlay-signin-link"),href:n.chaseSigninUrl,target:"_blank",rel:"noreferrer noopener",children:o.text1}),o.text2,s.jsxRuntimeExports.jsxs(c,{children:[" ",o.text3]}),o.text4,s.jsxRuntimeExports.jsxs(c,{children:[" ",o.text5]}),o.text6]})},O=()=>{const o=n.step2;return s.jsxRuntimeExports.jsxs(u,{children:[o.text1,s.jsxRuntimeExports.jsxs(c,{children:[" ",s.jsxRuntimeExports.jsx(se,{}),o.text2]}),s.jsxRuntimeExports.jsx(oe,{}),o.text3]})},_=()=>{const o=n.step3,r=t.connectedAccountProvider==="stripe"?o.payeeIdStripe:o.payeeIdUnit;return s.jsxRuntimeExports.jsxs(u,{children:[o.text1,s.jsxRuntimeExports.jsxs(c,{children:[" ",o.text2]}),o.text3,s.jsxRuntimeExports.jsxs(ce,{children:[s.jsxRuntimeExports.jsxs(g,{onClick:()=>T(r,!0),onMouseOver:()=>k(!0),onMouseLeave:()=>I(!0),"data-testid":e.generateDataTestId("copy-payee-id",r),children:[s.jsxRuntimeExports.jsx(y,{}),o.payeeIdTitle,s.jsxRuntimeExports.jsx(S,{children:r}),m?s.jsxRuntimeExports.jsxs(l,{children:[s.jsxRuntimeExports.jsx(P,{showCopyText:$&&!x,windowSize:a,children:s.jsxRuntimeExports.jsx(z,{})}),s.jsxRuntimeExports.jsx(h,{shouldDisplay:$&&!x,children:o.copy})]}):s.jsxRuntimeExports.jsxs(l,{children:[s.jsxRuntimeExports.jsx(D,{}),s.jsxRuntimeExports.jsx(h,{children:o.copied})]})]}),s.jsxRuntimeExports.jsxs(g,{onClick:()=>T(o.payeeName,!1),onMouseOver:()=>k(!1),onMouseLeave:()=>I(!1),"data-testid":e.generateDataTestId("copy-payee-name",o.payeeName),children:[s.jsxRuntimeExports.jsx(y,{}),o.payeeNameTitle,s.jsxRuntimeExports.jsx(S,{children:o.payeeName}),j?s.jsxRuntimeExports.jsxs(l,{children:[s.jsxRuntimeExports.jsx(P,{showCopyText:v&&!x,windowSize:a,children:s.jsxRuntimeExports.jsx(z,{})}),s.jsxRuntimeExports.jsx(h,{shouldDisplay:v&&!x,children:o.copy})]}):s.jsxRuntimeExports.jsxs(l,{children:[s.jsxRuntimeExports.jsx(D,{}),s.jsxRuntimeExports.jsx(h,{children:o.copied})]})]}),s.jsxRuntimeExports.jsxs(g,{children:[s.jsxRuntimeExports.jsx(l,{children:s.jsxRuntimeExports.jsx(y,{})}),s.jsxRuntimeExports.jsxs(ae,{children:[o.amountLimitTitle,o.text4,s.jsxRuntimeExports.jsx(S,{children:o.amountLimit}),o.text5]})]})]})]})},W=()=>{const o=n.step4;return s.jsxRuntimeExports.jsxs(u,{children:[o.text1,s.jsxRuntimeExports.jsxs(c,{children:[" ",o.text2]}),o.text3,s.jsxRuntimeExports.jsxs(c,{children:[" ",o.text4]})]})},q=o=>{switch(o){case 0:return s.jsxRuntimeExports.jsx(M,{});case 1:return s.jsxRuntimeExports.jsx(O,{});case 2:return s.jsxRuntimeExports.jsx(_,{});default:return s.jsxRuntimeExports.jsx(W,{})}};return s.jsxRuntimeExports.jsx(U,{windowSize:a,role:"presentation",style:{background:e.Colors.overlayDark,...t.style},children:s.jsxRuntimeExports.jsx(s.ClickAwayListener,{onClickAway:()=>t.action.onBackClick?.(),children:s.jsxRuntimeExports.jsxs(V,{windowSize:a,isEditPopup:!1,children:[s.jsxRuntimeExports.jsxs(pe,{children:[s.jsxRuntimeExports.jsx(H,{children:B}),s.jsxRuntimeExports.jsx(G,{children:N}),s.jsxRuntimeExports.jsx(Y,{children:n.stepsTitle}),s.jsxRuntimeExports.jsx(K,{windowSize:a,children:C.map((o,r)=>s.jsxRuntimeExports.jsxs(J,{children:[s.jsxRuntimeExports.jsx(ee,{children:b(r)?r+1:s.jsxRuntimeExports.jsx(ie,{})}),s.jsxRuntimeExports.jsx(te,{children:q(r)}),b(r)&&s.jsxRuntimeExports.jsx(Z,{})]},`step_${r}`))})]}),s.jsxRuntimeExports.jsx(Q,{}),s.jsxRuntimeExports.jsxs(X,{children:[s.jsxRuntimeExports.jsx(e.Button,{variant:"secondary",label:n.primaryButtonText,onClick:A,style:{width:134,whiteSpace:"nowrap"},"data-testid":e.generateDataTestId("chase-overlay-watch-video-button")}),s.jsxRuntimeExports.jsx(ne,{}),s.jsxRuntimeExports.jsx(e.Button,{variant:t.proceedButtonVariant??"primary",label:n.secondaryButtonText,onClick:t.action.onBackClick,style:{width:134,whiteSpace:"nowrap"},"data-testid":e.generateDataTestId("chase-overlay-proceed-button")})]})]})})})}const U=i.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 10;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: ${e.Colors.overlayDark};
+  overflow: scroll;
+`,V=i.div`
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+  align-items: center;
+  background: ${t=>t.theme.colors.grey5};
+  border-radius: ${e.Space.sp2};
+  position: relative;
+  top: ${t=>t.windowSize!=="small"?"8%":"0"};
+  width: ${t=>d.width.valuePx(t.windowSize)};
+  height: ${t=>t.windowSize!=="small"?d.height.valuePx(t.windowSize):"100%"};
+  padding-left: ${t=>d.paddingLeft.valuePx(t.windowSize)};
+  padding-right: ${t=>d.paddingRight.valuePx(t.windowSize)};
+`,H=i(e.H6Regular)`
+  margin-top: ${e.Space.sp7};
+  color: ${t=>t.theme.colors.primary};
+  word-break: break-word;
+  text-align: center;
+`,G=i(e.StandardRegular)`
+  color: ${t=>t.theme.colors.hero};
+  margin-bottom: 30px;
+  margin-top: ${e.Space.sp3};
+  white-space: pre-line;
+  text-align: center;
+`,J=i.div`
+  display: flex;
+  flex-direction: row;
+  position: relative;
+`,K=i.div`
+  width: 100%;
+  margin-top: ${e.Space.sp4};
+`,Q=i.div`
+  width: 100%;
+  height: 1px;
+  position: absolute;
+  bottom: ${e.Space.sp10};
+  background-color: ${t=>t.theme.colors.grey3};
+`,X=i.div`
+  display: flex;
+  padding-bottom: ${e.Space.sp3};
+  padding-top: ${e.Space.sp3};
+  position: absolute;
+  bottom: 0;
+  z-index: 2;
+`,Y=i(e.LargeMedium)`
+  text-align: left;
+  width: 100%;
+`,Z=i.div`
+  top: ${e.Space.sp2};
+  width: 1px;
+  height: 100%;
+  position: absolute;
+  left: ${e.Space.sp3};
+  width: 2px;
+  background: ${t=>t.theme.colors.grey2};
+`,ee=i.div`
+  width: ${e.Space.sp5};
+  height: ${e.Space.sp5};
+  border: 1px solid ${t=>t.theme.colors.grey1};
+  background: ${t=>t.theme.colors.grey5};
+  border-radius: 50%;
+  z-index: 1;
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: ${e.FontWeight.bold};
+  color: ${t=>t.theme.colors.hero};
+`,g=i.div`
+  display: flex;
+  align-items: center;
+  color: ${t=>t.theme.colors.primary};
+`,te=i.div`
+  padding-bottom: ${e.Space.sp4};
+  margin-left: ${e.Space.sp6};
+`,u=i(e.StandardRegularSp)`
+  color: ${t=>t.theme.colors.hero};
+`,se=i(e.SvgAddRound)`
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+  vertical-align: middle;
+`,oe=i(e.SvgArrowTailRight)`
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+  margin-left: ${e.Space.sp1};
+  margin-right: ${e.Space.sp1};
+  vertical-align: middle;
+`,ie=i(e.SvgLike)`
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+`,y=i(e.SvgTickRoundFill)`
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+  vertical-align: middle;
+  margin-right: ${e.Space.sp2};
+  color: ${e.Colors.success};
+`,z=i(e.SvgCopy)`
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+  cursor: pointer;
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`,D=i(e.SvgTickRoundFill)`
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+  color: ${e.Colors.success};
+`,l=i.div`
+  display: flex;
+  align-items: center;
+  position: relative;
+  flex-direction: column;
+  justify-content: center;
+  align-self: flex-start;
+  margin-top: ${e.Space.sp2};
+`,P=i.div`
+  display: flex;
+  align-items: center;
+  color: ${t=>t.showCopyText?t.theme.colors.primary:t.theme.colors.grey1};
+`,h=i(e.SmallRegular)`
+  position: absolute;
+  left: ${e.Space.sp4};
+  display: ${t=>t.shouldDisplay===!1?"none":"inline-flex"};
+  padding: 2px ${e.Space.sp2};
+  justify-content: center;
+  align-items: center;
+  border-radius: ${e.Space.sp1};
+  background: ${e.Colors.overlayDark};
+  color: ${t=>t.theme.colors.grey1};
+`,ne=i.div`
+  width: ${e.Space.sp4};
+`,re=i.a`
+  color: ${t=>t.theme.colors.hero};
+  text-decoration: underline;
+  text-decoration-color: ${t=>t.theme.colors.grey2};
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+    text-decoration-color: ${t=>t.theme.colors.primary};
+  }
+`,c=i(e.StandardRegularSp)`
+  color: ${t=>t.theme.colors.primary};
+  border-radius: ${e.Space.sp1};
+  border: 1px solid ${t=>t.theme.colors.grey3};
+  background: ${t=>t.theme.colors.background};
+  padding: 2px ${e.Space.sp1};
+  align-items: center;
+  justify-content: center;
+`,S=i(e.StandardMediumSp)`
+  color: ${t=>t.theme.colors.primary};
+  margin-left: ${e.Space.sp1};
+  margin-right: ${e.Space.sp1};
+`,ce=i.div`
+  display: flex;
+  flex-direction: column;
+`,ae=i.div``,pe=i.div`
+  margin-bottom: 74px;
+  overflow: scroll;
+`;exports.ChaseOverlay=F;