@zeniai/web-components 3.16.61 → 3.16.62

package/dist/ChargeCardStatementsPage-CWHKDnmZ.cjs

@@ -1,60 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-CT-Z_-kn.cjs"),i=require("@emotion/styled"),e=require("./index-CSb-Shbe.cjs"),L=require("./BoxItem-0sKKwTqz.cjs"),B=require("react"),N=require("./downloadPdf-JTtairXQ.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-BD81N-Ha.cjs

@@ -1 +0,0 @@
-"use strict";const g=require("@zeniai/client-epic-state"),c=require("./index-CSb-Shbe.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/ChargeCardUtils-BRgkrCTs.js

@@ -1,102 +0,0 @@
-import { dateNow as g } from "@zeniai/client-epic-state";
-import { ea as B, a as N, ae as s } from "./index-Bi0bR3JC.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/ChaseOverlay-BC_4vwtb.js

@@ -1,402 +0,0 @@
-import { j as t, C as K } from "./vendor-.pnpm-DtFedGku.js";
-import { useState as y, useEffect as Q } from "react";
-import i from "@emotion/styled";
-import { u as Y, fR as Z, hU as ee, a as te, C as h, B as M, j as d, S as s, R as m, V as oe, p as se, y as ie, M as ne, gf as re, D as a, o as W, ba as U, a1 as ae, fX as ce, G as le, w as de, W as pe } from "./index-Bi0bR3JC.js";
-const g = {
-  width: new m(350, 624, 624),
-  height: new m(600, 730, 730),
-  paddingLeft: new m(a[4], a[8], a[8]),
-  paddingRight: new m(a[4], a[7], a[7])
-};
-function Ae(e) {
-  const l = Y(), [, V] = Z(), { isMobileOrTabletScreen: x } = ee(), [$, C] = y(!0), [j, b] = y(!0), [k, T] = y(!1), [I, P] = y(!1), n = te.getLocalizedStrings().commonSetUp.chaseOverlay, _ = n.title, E = n.description, F = () => {
-    window.open(n.chaseVideoUrl, "_blank");
-  }, L = [0, 1, 2, 3], z = (o) => o < L.length - 1, D = (o, r) => {
-    V(o ?? ""), r ? C(!1) : b(!1);
-  }, R = (o) => {
-    o ? T(!0) : P(!0);
-  }, B = (o) => {
-    o ? T(!1) : P(!1);
-  };
-  Q(() => {
-    $ === !1 && setTimeout(() => {
-      C(!0);
-    }, 2e3), j === !1 && setTimeout(() => {
-      b(!0);
-    }, 2e3);
-  }, [$, j]);
-  const H = () => {
-    const o = n.step1;
-    return /* @__PURE__ */ t.jsxs(u, { children: [
-      /* @__PURE__ */ t.jsx(
-        Ie,
-        {
-          "data-testid": d("chase-overlay-signin-link"),
-          href: n.chaseSigninUrl,
-          target: "_blank",
-          rel: "noreferrer noopener",
-          children: o.text1
-        }
-      ),
-      o.text2,
-      /* @__PURE__ */ t.jsxs(c, { children: [
-        " ",
-        o.text3
-      ] }),
-      o.text4,
-      /* @__PURE__ */ t.jsxs(c, { children: [
-        " ",
-        o.text5
-      ] }),
-      o.text6
-    ] });
-  }, G = () => {
-    const o = n.step2;
-    return /* @__PURE__ */ t.jsxs(u, { children: [
-      o.text1,
-      /* @__PURE__ */ t.jsxs(c, { children: [
-        " ",
-        /* @__PURE__ */ t.jsx(Ce, {}),
-        o.text2
-      ] }),
-      /* @__PURE__ */ t.jsx(be, {}),
-      o.text3
-    ] });
-  }, X = () => {
-    const o = n.step3, r = e.connectedAccountProvider === "stripe" ? o.payeeIdStripe : o.payeeIdUnit;
-    return /* @__PURE__ */ t.jsxs(u, { children: [
-      o.text1,
-      /* @__PURE__ */ t.jsxs(c, { children: [
-        " ",
-        o.text2
-      ] }),
-      o.text3,
-      /* @__PURE__ */ t.jsxs(Pe, { children: [
-        /* @__PURE__ */ t.jsxs(
-          f,
-          {
-            onClick: () => D(r, !0),
-            onMouseOver: () => R(!0),
-            onMouseLeave: () => B(!0),
-            "data-testid": d("copy-payee-id", r),
-            children: [
-              /* @__PURE__ */ t.jsx(S, {}),
-              o.payeeIdTitle,
-              /* @__PURE__ */ t.jsx(v, { children: r }),
-              $ ? /* @__PURE__ */ t.jsxs(p, { children: [
-                /* @__PURE__ */ t.jsx(
-                  O,
-                  {
-                    showCopyText: k && !x,
-                    windowSize: l,
-                    children: /* @__PURE__ */ t.jsx(N, {})
-                  }
-                ),
-                /* @__PURE__ */ t.jsx(
-                  w,
-                  {
-                    shouldDisplay: k && !x,
-                    children: o.copy
-                  }
-                )
-              ] }) : /* @__PURE__ */ t.jsxs(p, { children: [
-                /* @__PURE__ */ t.jsx(A, {}),
-                /* @__PURE__ */ t.jsx(w, { children: o.copied })
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ t.jsxs(
-          f,
-          {
-            onClick: () => D(o.payeeName, !1),
-            onMouseOver: () => R(!1),
-            onMouseLeave: () => B(!1),
-            "data-testid": d(
-              "copy-payee-name",
-              o.payeeName
-            ),
-            children: [
-              /* @__PURE__ */ t.jsx(S, {}),
-              o.payeeNameTitle,
-              /* @__PURE__ */ t.jsx(v, { children: o.payeeName }),
-              j ? /* @__PURE__ */ t.jsxs(p, { children: [
-                /* @__PURE__ */ t.jsx(
-                  O,
-                  {
-                    showCopyText: I && !x,
-                    windowSize: l,
-                    children: /* @__PURE__ */ t.jsx(N, {})
-                  }
-                ),
-                /* @__PURE__ */ t.jsx(
-                  w,
-                  {
-                    shouldDisplay: I && !x,
-                    children: o.copy
-                  }
-                )
-              ] }) : /* @__PURE__ */ t.jsxs(p, { children: [
-                /* @__PURE__ */ t.jsx(A, {}),
-                /* @__PURE__ */ t.jsx(w, { children: o.copied })
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ t.jsxs(f, { children: [
-          /* @__PURE__ */ t.jsx(p, { children: /* @__PURE__ */ t.jsx(S, {}) }),
-          /* @__PURE__ */ t.jsxs(Le, { children: [
-            o.amountLimitTitle,
-            o.text4,
-            /* @__PURE__ */ t.jsx(v, { children: o.amountLimit }),
-            o.text5
-          ] })
-        ] })
-      ] })
-    ] });
-  }, q = () => {
-    const o = n.step4;
-    return /* @__PURE__ */ t.jsxs(u, { children: [
-      o.text1,
-      /* @__PURE__ */ t.jsxs(c, { children: [
-        " ",
-        o.text2
-      ] }),
-      o.text3,
-      /* @__PURE__ */ t.jsxs(c, { children: [
-        " ",
-        o.text4
-      ] })
-    ] });
-  }, J = (o) => {
-    switch (o) {
-      case 0:
-        return /* @__PURE__ */ t.jsx(H, {});
-      case 1:
-        return /* @__PURE__ */ t.jsx(G, {});
-      case 2:
-        return /* @__PURE__ */ t.jsx(X, {});
-      default:
-        return /* @__PURE__ */ t.jsx(q, {});
-    }
-  };
-  return /* @__PURE__ */ t.jsx(
-    he,
-    {
-      windowSize: l,
-      role: "presentation",
-      style: { background: h.overlayDark, ...e.style },
-      children: /* @__PURE__ */ t.jsx(K, { onClickAway: () => e.action.onBackClick?.(), children: /* @__PURE__ */ t.jsxs(xe, { windowSize: l, isEditPopup: !1, children: [
-        /* @__PURE__ */ t.jsxs(ze, { children: [
-          /* @__PURE__ */ t.jsx(ye, { children: _ }),
-          /* @__PURE__ */ t.jsx(me, { children: E }),
-          /* @__PURE__ */ t.jsx(je, { children: n.stepsTitle }),
-          /* @__PURE__ */ t.jsx(ue, { windowSize: l, children: L.map((o, r) => /* @__PURE__ */ t.jsxs(ge, { children: [
-            /* @__PURE__ */ t.jsx(Se, { children: z(r) ? r + 1 : /* @__PURE__ */ t.jsx(ke, {}) }),
-            /* @__PURE__ */ t.jsx(ve, { children: J(r) }),
-            z(r) && /* @__PURE__ */ t.jsx(fe, {})
-          ] }, `step_${r}`)) })
-        ] }),
-        /* @__PURE__ */ t.jsx(we, {}),
-        /* @__PURE__ */ t.jsxs($e, { children: [
-          /* @__PURE__ */ t.jsx(
-            M,
-            {
-              variant: "secondary",
-              label: n.primaryButtonText,
-              onClick: F,
-              style: { width: 134, whiteSpace: "nowrap" },
-              "data-testid": d(
-                "chase-overlay-watch-video-button"
-              )
-            }
-          ),
-          /* @__PURE__ */ t.jsx(Te, {}),
-          /* @__PURE__ */ t.jsx(
-            M,
-            {
-              variant: e.proceedButtonVariant ?? "primary",
-              label: n.secondaryButtonText,
-              onClick: e.action.onBackClick,
-              style: { width: 134, whiteSpace: "nowrap" },
-              "data-testid": d("chase-overlay-proceed-button")
-            }
-          )
-        ] })
-      ] }) })
-    }
-  );
-}
-const he = i.div`
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  z-index: 10;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  background: ${h.overlayDark};
-  overflow: scroll;
-`, xe = i.div`
-  display: flex;
-  flex-direction: column;
-  flex-wrap: wrap;
-  align-items: center;
-  background: ${(e) => e.theme.colors.grey5};
-  border-radius: ${s.sp2};
-  position: relative;
-  top: ${(e) => e.windowSize !== "small" ? "8%" : "0"};
-  width: ${(e) => g.width.valuePx(e.windowSize)};
-  height: ${(e) => e.windowSize !== "small" ? g.height.valuePx(e.windowSize) : "100%"};
-  padding-left: ${(e) => g.paddingLeft.valuePx(e.windowSize)};
-  padding-right: ${(e) => g.paddingRight.valuePx(e.windowSize)};
-`, ye = i(oe)`
-  margin-top: ${s.sp7};
-  color: ${(e) => e.theme.colors.primary};
-  word-break: break-word;
-  text-align: center;
-`, me = i(se)`
-  color: ${(e) => e.theme.colors.hero};
-  margin-bottom: 30px;
-  margin-top: ${s.sp3};
-  white-space: pre-line;
-  text-align: center;
-`, ge = i.div`
-  display: flex;
-  flex-direction: row;
-  position: relative;
-`, ue = i.div`
-  width: 100%;
-  margin-top: ${s.sp4};
-`, we = i.div`
-  width: 100%;
-  height: 1px;
-  position: absolute;
-  bottom: ${s.sp10};
-  background-color: ${(e) => e.theme.colors.grey3};
-`, $e = i.div`
-  display: flex;
-  padding-bottom: ${s.sp3};
-  padding-top: ${s.sp3};
-  position: absolute;
-  bottom: 0;
-  z-index: 2;
-`, je = i(ie)`
-  text-align: left;
-  width: 100%;
-`, fe = i.div`
-  top: ${s.sp2};
-  width: 1px;
-  height: 100%;
-  position: absolute;
-  left: ${s.sp3};
-  width: 2px;
-  background: ${(e) => e.theme.colors.grey2};
-`, Se = i.div`
-  width: ${s.sp5};
-  height: ${s.sp5};
-  border: 1px solid ${(e) => e.theme.colors.grey1};
-  background: ${(e) => e.theme.colors.grey5};
-  border-radius: 50%;
-  z-index: 1;
-  position: absolute;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-weight: ${ne.bold};
-  color: ${(e) => e.theme.colors.hero};
-`, f = i.div`
-  display: flex;
-  align-items: center;
-  color: ${(e) => e.theme.colors.primary};
-`, ve = i.div`
-  padding-bottom: ${s.sp4};
-  margin-left: ${s.sp6};
-`, u = i(W)`
-  color: ${(e) => e.theme.colors.hero};
-`, Ce = i(de)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-  vertical-align: middle;
-`, be = i(pe)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-  margin-left: ${s.sp1};
-  margin-right: ${s.sp1};
-  vertical-align: middle;
-`, ke = i(re)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-`, S = i(U)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-  vertical-align: middle;
-  margin-right: ${s.sp2};
-  color: ${h.success};
-`, N = i(ce)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-  cursor: pointer;
-  &:hover {
-    color: ${(e) => e.theme.colors.primary};
-  }
-`, A = i(U)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-  color: ${h.success};
-`, p = i.div`
-  display: flex;
-  align-items: center;
-  position: relative;
-  flex-direction: column;
-  justify-content: center;
-  align-self: flex-start;
-  margin-top: ${s.sp2};
-`, O = i.div`
-  display: flex;
-  align-items: center;
-  color: ${(e) => e.showCopyText ? e.theme.colors.primary : e.theme.colors.grey1};
-`, w = i(le)`
-  position: absolute;
-  left: ${s.sp4};
-  display: ${(e) => e.shouldDisplay === !1 ? "none" : "inline-flex"};
-  padding: 2px ${s.sp2};
-  justify-content: center;
-  align-items: center;
-  border-radius: ${s.sp1};
-  background: ${h.overlayDark};
-  color: ${(e) => e.theme.colors.grey1};
-`, Te = i.div`
-  width: ${s.sp4};
-`, Ie = i.a`
-  color: ${(e) => e.theme.colors.hero};
-  text-decoration: underline;
-  text-decoration-color: ${(e) => e.theme.colors.grey2};
-  &:hover {
-    color: ${(e) => e.theme.colors.primary};
-    text-decoration-color: ${(e) => e.theme.colors.primary};
-  }
-`, c = i(W)`
-  color: ${(e) => e.theme.colors.primary};
-  border-radius: ${s.sp1};
-  border: 1px solid ${(e) => e.theme.colors.grey3};
-  background: ${(e) => e.theme.colors.background};
-  padding: 2px ${s.sp1};
-  align-items: center;
-  justify-content: center;
-`, v = i(ae)`
-  color: ${(e) => e.theme.colors.primary};
-  margin-left: ${s.sp1};
-  margin-right: ${s.sp1};
-`, Pe = i.div`
-  display: flex;
-  flex-direction: column;
-`, Le = i.div``, ze = i.div`
-  margin-bottom: 74px;
-  overflow: scroll;
-`;
-export {
-  Ae as C
-};