@zeniai/web-components 3.16.62 → 3.16.64

package/dist/ChaseOverlay-CqZ2zJXE.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-DosfnUdx.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
-};

package/dist/ChaseOverlay-e3_00HMd.cjs

@@ -1,170 +0,0 @@
-"use strict";const s=require("./vendor-.pnpm-CT-Z_-kn.cjs"),p=require("react"),i=require("@emotion/styled"),e=require("./index-CGiOrCyX.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;