@zeniai/web-components 3.16.69 → 3.16.70

package/dist/PandLWithForecastPage-DA1jhAkG.js

@@ -1,563 +0,0 @@
-import { u as L, j as t, k as re, b as ne } from "./vendor-.pnpm-DtFedGku.js";
-import { useState as U, useEffect as ae } from "react";
-import n from "@emotion/styled";
-import { Event as R } from "@zeniai/client-analytics";
-import { u as z, j as A, aE as ie, a as c, B as ce, S as s, H as le, fi as de, eR as me, ac as ge, P as he, a1 as pe, o as ue, A as xe, R as D, t as fe, D as $, dI as Se } from "./index-BtO5NUs8.js";
-import { N as je } from "./NavBarWithPicker-BS1meDaP.js";
-import { t as Pe } from "./analyticsHelper-DRPaXuc6.js";
-import { T as we } from "./TimeframeSwitcherWithToggle-CYCLvp2i.js";
-import { C as be, i as $e } from "./CollapsableReportTable-DfShv8Vc.js";
-import { S as W } from "./usp-line-BBd1wKwW.js";
-import { isPandLReportViewSectionID as ye, isPandLReportViewCalculatedSectionID as Te } from "@zeniai/client-epic-state";
-import { b as ve, c as Ce, m as ze } from "./mapSectionWithAcOnlyToTreeNode-B_SSMwAq.js";
-import { m as q } from "./mapTimeframeBalancesToTreeNode-DmHbXYlQ.js";
-const G = "https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual.png", Y = "https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual-dark.png", ke = n.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  flex-direction: column;
-  background-color: ${(e) => e.theme.colors.grey4};
-`, Le = n.div`
-  padding: ${(e) => e.windowSize === "small" ? `${s.sp0} ${s.sp3}` : `${s.sp0} ${s.sp8}`};
-  text-align: center;
-`, Ne = n(de)`
-  max-width: 600px;
-  margin: auto;
-  padding: ${s.sp7} ${s.sp0};
-  color: ${(e) => e.theme.colors.primary};
-`, Re = n(le)`
-  max-width: 600px;
-  margin: auto;
-  padding: ${s.sp5} ${s.sp0};
-  color: ${(e) => e.theme.colors.primary};
-`, K = n.div`
-  display: flex;
-  flex-direction: ${(e) => e.windowSize === "small" ? "column" : "row"};
-  align-items: center;
-  justify-content: center;
-  margin-bottom: ${(e) => e.windowSize === "small" ? s.sp3 : s.sp4};
-`, Ae = n.div``, J = n.div`
-  width: ${(e) => e.windowSize === "small" ? "auto" : "408px"};
-  display: flex;
-  flex-direction: column;
-`, Q = n.div`
-  width: ${(e) => e.windowSize === "small" ? "100%" : "calc(100% - 408px)"};
-  overflow: hidden;
-  max-width: 712px;
-  display: flex;
-`, X = n.div`
-  margin-left: ${(e) => e.windowSize === "small" ? s.sp0 : s.sp6};
-  margin-bottom: ${(e) => e.windowSize === "small" ? s.sp4 : s.sp0};
-  background: ${(e) => e.theme.colors.background};
-  border-radius: 12px;
-  border: ${(e) => `1px solid ${e.theme.colors.grey5}`};
-  padding: 15px;
-`, y = n.div`
-  border-radius: ${s.sp12};
-  border: ${(e) => `1px solid ${e.theme.colors.grey2}`};
-  padding: ${(e) => e.windowSize === "small" ? `${s.sp2} ${s.sp4} ${s.sp2} ${s.sp0}` : `${s.sp3} ${s.sp5} ${s.sp3} ${s.sp0}`};
-  background: ${(e) => e.theme.colors.grey5};
-  position: relative;
-  margin-bottom: ${s.sp3};
-  display: flex;
-  align-items: center;
-  text-align: start;
-  box-sizing: border-box;
-`, F = n(ue)`
-  color: ${(e) => e.theme.colors.champion};
-`, _ = n(pe)`
-  color: ${(e) => e.theme.colors.champion};
-`, I = n(he)`
-  color: ${(e) => e.theme.colors.champion};
-`, B = n(ge)`
-  color: ${(e) => e.theme.colors.champion};
-`, T = n.div``, v = n.div`
-  padding-left: ${s.sp3};
-`, Z = n(W)`
-  color: ${(e) => e.theme.colors.graphColor18};
-`, ee = n(W)`
-  color: ${(e) => e.theme.colors.graphColor25};
-`, te = n(W)`
-  color: ${(e) => e.theme.colors.graphColor04};
-`, Fe = n(me)`
-  margin: ${s.sp3} auto;
-  max-width: 422px;
-  color: ${(e) => e.theme.colors.hero};
-`, _e = () => {
-  const e = L(), o = z();
-  return /* @__PURE__ */ t.jsxs(K, { windowSize: o, children: [
-    /* @__PURE__ */ t.jsx(Q, { windowSize: o, children: /* @__PURE__ */ t.jsx(X, { windowSize: o, children: e.mode === "dark" ? /* @__PURE__ */ t.jsx(
-      "img",
-      {
-        src: Y,
-        alt: "forecast-promo",
-        style: { width: "100%", height: "auto" }
-      }
-    ) : /* @__PURE__ */ t.jsx(
-      "img",
-      {
-        src: G,
-        alt: "forecast-promo",
-        style: { width: "100%", height: "auto" }
-      }
-    ) }) }),
-    /* @__PURE__ */ t.jsxs(J, { windowSize: o, children: [
-      /* @__PURE__ */ t.jsxs(y, { windowSize: o, children: [
-        /* @__PURE__ */ t.jsx(T, { children: /* @__PURE__ */ t.jsx(Z, {}) }),
-        /* @__PURE__ */ t.jsxs(v, { children: [
-          /* @__PURE__ */ t.jsx(B, { children: c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold }),
-          /* @__PURE__ */ t.jsx(I, { children: c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular })
-        ] })
-      ] }),
-      /* @__PURE__ */ t.jsxs(y, { windowSize: o, children: [
-        /* @__PURE__ */ t.jsx(T, { children: /* @__PURE__ */ t.jsx(ee, {}) }),
-        /* @__PURE__ */ t.jsxs(v, { children: [
-          /* @__PURE__ */ t.jsx(B, { children: c.getLocalizedStrings().forecastPromoPage.trackText.bold }),
-          /* @__PURE__ */ t.jsx(I, { children: c.getLocalizedStrings().forecastPromoPage.trackText.regular })
-        ] })
-      ] }),
-      /* @__PURE__ */ t.jsxs(y, { windowSize: o, children: [
-        /* @__PURE__ */ t.jsx(T, { children: /* @__PURE__ */ t.jsx(te, {}) }),
-        /* @__PURE__ */ t.jsxs(v, { children: [
-          /* @__PURE__ */ t.jsx(B, { children: c.getLocalizedStrings().forecastPromoPage.preciseText.bold }),
-          /* @__PURE__ */ t.jsx(I, { children: c.getLocalizedStrings().forecastPromoPage.preciseText.regular })
-        ] })
-      ] })
-    ] })
-  ] });
-}, Ie = () => {
-  const e = L(), o = z();
-  return /* @__PURE__ */ t.jsxs(K, { windowSize: o, children: [
-    /* @__PURE__ */ t.jsxs(J, { windowSize: o, children: [
-      /* @__PURE__ */ t.jsxs(y, { windowSize: o, style: { width: "408px" }, children: [
-        /* @__PURE__ */ t.jsx(T, { children: /* @__PURE__ */ t.jsx(Z, {}) }),
-        /* @__PURE__ */ t.jsxs(v, { children: [
-          /* @__PURE__ */ t.jsx(_, { children: c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold }),
-          /* @__PURE__ */ t.jsx(F, { children: c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular })
-        ] })
-      ] }),
-      /* @__PURE__ */ t.jsxs(
-        y,
-        {
-          windowSize: o,
-          style: { width: "275px", alignSelf: "end" },
-          children: [
-            /* @__PURE__ */ t.jsx(T, { children: /* @__PURE__ */ t.jsx(ee, {}) }),
-            /* @__PURE__ */ t.jsxs(v, { children: [
-              /* @__PURE__ */ t.jsx(_, { children: c.getLocalizedStrings().forecastPromoPage.trackText.bold }),
-              /* @__PURE__ */ t.jsx(F, { children: c.getLocalizedStrings().forecastPromoPage.trackText.regular })
-            ] })
-          ]
-        }
-      ),
-      /* @__PURE__ */ t.jsxs(y, { windowSize: o, style: { width: "408px" }, children: [
-        /* @__PURE__ */ t.jsx(T, { children: /* @__PURE__ */ t.jsx(te, {}) }),
-        /* @__PURE__ */ t.jsxs(v, { children: [
-          /* @__PURE__ */ t.jsx(_, { children: c.getLocalizedStrings().forecastPromoPage.preciseText.bold }),
-          /* @__PURE__ */ t.jsx(F, { children: c.getLocalizedStrings().forecastPromoPage.preciseText.regular })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ t.jsx(Q, { windowSize: o, children: /* @__PURE__ */ t.jsx(X, { windowSize: o, children: e.mode === "dark" ? /* @__PURE__ */ t.jsx(
-      "img",
-      {
-        src: Y,
-        alt: "forecast-promo",
-        style: { width: "640px", height: "402px" }
-      }
-    ) : /* @__PURE__ */ t.jsx(
-      "img",
-      {
-        src: G,
-        alt: "forecast-promo",
-        style: { width: "640px", height: "402px" }
-      }
-    ) }) })
-  ] });
-}, Be = ({
-  meetingUrl: e,
-  onBackClick: o,
-  onClickMenuIcon: r
-}) => {
-  const i = L(), l = z(), d = () => {
-    window.open(e.toString(), "_blank");
-  };
-  return /* @__PURE__ */ t.jsxs(ke, { "data-testid": A("forecast-promo-page"), children: [
-    /* @__PURE__ */ t.jsx(
-      ie,
-      {
-        title: c.getLocalizedStrings().forecastPromoPage.title,
-        backgroundColor: i.colors.grey4,
-        onBackClick: o,
-        showMenuIcon: l === "medium-compact" || l === "small",
-        onClickMenuIcon: r,
-        source: "ForecastPromoPage"
-      }
-    ),
-    /* @__PURE__ */ t.jsxs(
-      Le,
-      {
-        "data-testid": A("forecast-promo-container"),
-        windowSize: l,
-        children: [
-          l === "small" ? /* @__PURE__ */ t.jsx(Re, { children: c.getLocalizedStrings().forecastPromoPage.promoText }) : /* @__PURE__ */ t.jsx(Ne, { children: c.getLocalizedStrings().forecastPromoPage.promoText }),
-          l === "small" ? /* @__PURE__ */ t.jsx(_e, {}) : /* @__PURE__ */ t.jsx(Ie, {}),
-          /* @__PURE__ */ t.jsxs(
-            Ae,
-            {
-              "data-testid": A("forecast-promo-bottom-container"),
-              children: [
-                /* @__PURE__ */ t.jsx(
-                  ce,
-                  {
-                    variant: "primary",
-                    label: c.getLocalizedStrings().forecastPromoPage.meetingButton,
-                    onClick: d
-                  }
-                ),
-                /* @__PURE__ */ t.jsx(Fe, { children: c.getLocalizedStrings().forecastPromoPage.forecastUpload })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
-};
-function We(e, o, r = !0) {
-  const i = c.getLocalizedStrings().reports, l = e.filter.balancesRange.numberOfPeriods, d = e.sections.expenses != null && e.sections.expenses.balances.length > 0 ? e.sections.expenses.balances : e.sections.income != null ? e.sections.income.balances : [], h = q({
-    balances: d,
-    config: o
-  }), g = [];
-  return g.push(h), e.idsInOrder.forEach(
-    (a) => {
-      if (ye(a) === !0) {
-        const x = e.sections[a];
-        if (x == null)
-          return;
-        x.accountGroups.length > 0 ? g.push(
-          ve({
-            section: e.sections[a],
-            sectionType: a,
-            numOfBalances: l,
-            title: i.sections[a],
-            isLastNode: !0,
-            config: o
-          })
-        ) : g.push(
-          Ce({
-            sectionWithAcOnly: e.sections[a],
-            sectionType: a,
-            numOfBalances: l,
-            title: i.sections[a],
-            isLastNode: !0,
-            config: o
-          })
-        );
-      } else Te(a) === !0 && g.push(
-        ze({
-          calculatedSection: e.calculatedSections[a],
-          numOfBalances: l,
-          title: i.sections[a],
-          isLastNode: !0,
-          config: o
-        })
-      );
-    }
-  ), {
-    config: o,
-    headerNodes: r ? [h] : [],
-    contentNodes: g
-  };
-}
-function Ee(e, o, r, i = !0) {
-  Object.assign(e.config, o);
-  const l = r.sections.expenses.balances.length > 0 ? [
-    ...r.sections.expenses.balances,
-    ...r.sections.expenses.additionalBalances
-  ] : [
-    ...r.sections.income.balances,
-    ...r.sections.income.additionalBalances
-  ], d = q({
-    balances: l,
-    config: o,
-    nodeId: e.contentNodes[0].id
-  }), h = e.contentNodes.slice(1);
-  return h.forEach(
-    (g) => oe(g, o)
-  ), {
-    config: o,
-    headerNodes: i ? [d] : [],
-    contentNodes: [d, ...h]
-  };
-}
-function oe(e, o) {
-  Object.assign(e.reportElementData.config, o), e.children.forEach(
-    (r) => oe(r, o)
-    // Note: recursive call!
-  );
-}
-const k = {
-  contentPaddingLeft: new D($[3], $[3], $[8]),
-  contentPaddingRight: new D($[3], $[3], $[8])
-}, Me = n.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  flex-direction: column;
-  background-color: ${(e) => e.theme.colors.grey4};
-`, Oe = n.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  width: 99.9%;
-  margin-top: ${s.sp2};
-  background-color: ${(e) => e.theme.colors.grey4};
-`, Ue = n.div`
-  display: flex;
-  width: 100%;
-  flex: 1;
-  height: 100%;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  background-color: ${(e) => e.theme.colors.grey4};
-`, V = ({ fetchState: e }) => e === "In-Progress" || e === "Not-Started" ? /* @__PURE__ */ t.jsx(Ue, { children: /* @__PURE__ */ t.jsx(xe, { size: "ExtraLarge", start: !0 }) }) : null, De = n.div`
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  padding-left: ${(e) => e.paddingLeft}px;
-  padding-right: ${(e) => e.paddingRight}px;
-`, Ve = n.div`
-  display: flex;
-  width: 100%;
-  align-items: center;
-  justify-content: center;
-  margin-bottom: ${s.sp3};
-`, He = ({
-  forecastList: e,
-  selectedForecastIndex: o,
-  onForecastSelectionChanged: r,
-  vsActualOn: i,
-  onVsActualChanged: l,
-  selectedTimeframe: d,
-  onTimeframeChanged: h,
-  onBackClick: g,
-  isPandLReportFetching: a,
-  onClickMenuIcon: x
-}) => {
-  const p = z(), u = [];
-  for (let m = 0; m < e.length; ++m)
-    u.push(`${m}`);
-  const f = {
-    backgroundColor: "transparent",
-    picker: {
-      backgroundColor: "transparent",
-      pickerValues: u,
-      valueToLabel: (m) => e[parseInt(m)]?.name ?? "",
-      selectedValue: `${o}`,
-      titleTextStyle: fe.largeMedium,
-      onPickerSelectionChanged: (m) => {
-        if (m != null) {
-          const C = e[parseInt(m)];
-          r?.(
-            C.id,
-            parseInt(m)
-          );
-        }
-      },
-      styles: {
-        justifyContent: p === "small" ? "left" : "center"
-      },
-      isPickerDisabled: a
-    },
-    onBackClick: g,
-    showMenuIcon: p === "medium-compact" || p === "small",
-    onClickMenuIcon: x
-  }, w = {
-    toggle: {
-      label: c.getLocalizedStrings().reports.forecast.vsActual,
-      isOn: i,
-      onValueChanged: l
-    },
-    timeframe: {
-      allowedTimeframes: ["month", "quarter", "year"],
-      selectedTimeframe: d,
-      onTimeframeSelectionChanged: (m) => h?.(m)
-    }
-  };
-  return /* @__PURE__ */ t.jsxs(
-    De,
-    {
-      paddingLeft: k.contentPaddingLeft.value(p),
-      paddingRight: k.contentPaddingRight.value(p),
-      children: [
-        /* @__PURE__ */ t.jsx(je, { ...f }),
-        a ? "" : /* @__PURE__ */ t.jsx(Ve, { children: /* @__PURE__ */ t.jsx(we, { ...w }) })
-      ]
-    }
-  );
-}, qe = ({
-  report: e,
-  type: o,
-  isActualVsForecastOn: r,
-  compareMode: i,
-  onAccountBalanceClick: l,
-  onCompareModeChanged: d,
-  scrollPosition: h,
-  onTableScroll: g,
-  nodeOpenStatus: a,
-  onNodeCollapseToggled: x
-}) => {
-  const p = L(), u = z(), [f, w] = U(
-    void 0
-  ), [m, C] = U(
-    void 0
-  ), b = !(u === "small" || u === "medium-compact"), N = r === !0 ? "actual_vs_forecast" : "none";
-  return ae(() => {
-    const j = {
-      reportId: `${e.reportId}+${e.forecast?.id}`,
-      displayOrder: "ascending_date",
-      reportFormat: "more_detailed",
-      mode: N,
-      firstMonthOfFY: e.firstMonthOfFY,
-      filterAccountsWithNilBalances: $e(o) === !0 && r === !1 ? "filter_forecast_nil_balances" : "filter_actual_forecast_nil_balances",
-      filterAccountGroupsWithNilBalances: "filter_actual_forecast_empty_account_group_balances",
-      dataAvailable: e.dataAvailable,
-      showNegativeAmountInParenthesis: Se()
-    };
-    if (f == null || !re(m, e)) {
-      const S = We(
-        e,
-        j,
-        b
-      );
-      C(e), w(S);
-    } else {
-      const S = Ee(
-        f,
-        j,
-        e,
-        b
-      );
-      w(S);
-    }
-  }, [o, r, e]), f != null ? /* @__PURE__ */ t.jsx(
-    be,
-    {
-      backgroundColor: new ne(p.colors.grey4),
-      rootNodes: f,
-      type: o,
-      compareMode: i,
-      isSticky: {
-        isStickyHeader: b,
-        isStickyName: b
-      },
-      treeNodePadding: {
-        left: k.contentPaddingLeft.value(u),
-        right: k.contentPaddingRight.value(u)
-      },
-      onAccountClick: l == null ? void 0 : (j, S) => {
-        l(j, S);
-      },
-      onCompareModeChanged: d,
-      scrollPosition: h,
-      onScroll: g,
-      nodeOpenStatus: a,
-      onNodeCollapseToggled: x
-    }
-  ) : null;
-};
-function ct({
-  selectedTimeframe: e,
-  isForecastVsActualOn: o,
-  compareMode: r,
-  forecastList: i,
-  selectedForecast: l,
-  pandLreport: d,
-  type: h,
-  meetingUrl: g,
-  analytics: a,
-  onForecastSelectionChanged: x,
-  onTimeframeChanged: p,
-  onForecastVsActualsCompareToggle: u,
-  onAccountBalanceClick: f,
-  onCompareModeChanged: w,
-  scrollPosition: m,
-  onTableScroll: C,
-  nodeOpenStatus: b,
-  onNodeCollapseToggled: N,
-  onBackClick: j,
-  onClickMenuIcon: S
-}) {
-  const E = [i.fetchState, d.fetchState], M = l?.index ?? -1;
-  return se(E) === !0 || i.fetchState === "Completed" && i.forecasts.length === 0 ? /* @__PURE__ */ t.jsx(
-    Be,
-    {
-      meetingUrl: g,
-      onBackClick: j,
-      onClickMenuIcon: S
-    }
-  ) : H([i.fetchState]) === !0 ? /* @__PURE__ */ t.jsx(V, { fetchState: Ye(E) }) : /* @__PURE__ */ t.jsxs(Me, { children: [
-    /* @__PURE__ */ t.jsx(
-      He,
-      {
-        forecastList: i.forecasts,
-        selectedForecastIndex: M,
-        onForecastSelectionChanged: (P, O) => {
-          a?.trackForecastSwitch(
-            R.profitAndLossWithForecast,
-            i.forecasts[O].name
-          ), x?.(P, O);
-        },
-        vsActualOn: o,
-        onVsActualChanged: (P) => {
-          a?.trackForecastVsActualMode(
-            R.profitAndLossWithForecast,
-            i.forecasts[M].name,
-            P
-          ), u?.(P);
-        },
-        selectedTimeframe: e,
-        onTimeframeChanged: (P) => {
-          a?.trackTimeframeSwitch(
-            Pe(P),
-            R.profitAndLossWithForecast
-          ), p?.(P);
-        },
-        onBackClick: j,
-        isPandLReportFetching: H([d.fetchState]),
-        onClickMenuIcon: S
-      }
-    ),
-    d.fetchState === "In-Progress" ? /* @__PURE__ */ t.jsx(V, { fetchState: "In-Progress" }) : /* @__PURE__ */ t.jsx(Oe, { children: /* @__PURE__ */ t.jsx(
-      qe,
-      {
-        report: d,
-        type: h,
-        isActualVsForecastOn: o,
-        compareMode: r,
-        onAccountBalanceClick: f,
-        onCompareModeChanged: w,
-        scrollPosition: m,
-        onTableScroll: C,
-        nodeOpenStatus: b,
-        onNodeCollapseToggled: N
-      }
-    ) })
-  ] });
-}
-const Ge = (e) => e.reduce(
-  (o, r) => o === !0 && r === "Completed",
-  !0
-), se = (e) => e.reduce(
-  (o, r) => o === !0 || r === "Error",
-  !1
-), H = (e) => e.reduce(
-  (o, r) => o === !0 || r === "Not-Started" || r === "In-Progress",
-  !1
-), Ye = (e) => Ge(e) === !0 ? "Completed" : se(e) === !0 ? "Error" : "In-Progress";
-export {
-  ct as default,
-  H as isAnyInProgress
-};

package/dist/PaymentAccountSetupBillingAddressSection-ofcy-BZD.cjs

@@ -1,106 +0,0 @@
-"use strict";const s=require("./vendor-.pnpm-CT-Z_-kn.cjs"),d=require("react"),r=require("@emotion/styled"),f=require("@stripe/react-stripe-js"),Y=require("@stripe/stripe-js"),e=require("./index-zfS1zxQv.cjs");require("@zeniai/client-epic-state");const V=require("./SetUpAccountSection-Ba41_71s.cjs"),ee={containerHeight:new e.ResponsiveSized(656,720),labelWidth:new e.ResponsiveSized(e.sp[12],90)},te=r.div`
-  display: flex;
-  flex-direction: column;
-  gap: 20px;
-  width: ${t=>t.windowSize==="small"?"90%":"544px"};
-  margin: 0 auto;
-  justify-content: center;
-  box-shadow: ${e.Colors.Elevation2Dark};
-  border-radius: ${e.Space.sp2};
-`,se=r.form`
-  display: flex;
-  flex-direction: column;
-  margin-bottom: ${e.Space.sp2};
-`,oe=r(e.H6Medium)`
-  padding-top: ${e.Space.sp4};
-  text-align: center;
-  color: ${t=>t.theme.colors.primary};
-`,re=r(e.StandardRegular)`
-  color: ${t=>t.theme.colors.hero};
-  text-align: center;
-`,ae=r.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  justify-content: center;
-  max-height: ${t=>ee.containerHeight.valuePx(t.windowSize)};
-  width: ${t=>t.windowSize==="small"?"90%":"544px"};
-
-  .InputContainer input {
-    margin-left: ${e.Space.sp1};
-  }
-`,ne=r.label`
-  width: 71px;
-  margin: auto;
-  margin-left: ${e.Space.sp2};
-`,ie=r.label`
-  width: 38px;
-  margin: auto;
-  margin-left: ${e.Space.sp4};
-`,ce=r.div`
-  width: 432px;
-  height: ${e.Space.sp8};
-  border: 1px solid ${t=>t.theme.colors.grey3};
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  background-color: ${t=>t.theme.colors.grey5};
-  margin-top: ${e.Space.sp3};
-  margin-bottom: ${e.Space.sp6};
-  border-radius: ${e.Space.sp2};
-`,le=r.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  height: ${e.Space.sp8};
-  border-right: 1px solid ${t=>t.theme.colors.grey3};
-`,pe=r.label`
-  width: 257px;
-  margin: auto;
-`,de=r.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  color: ${t=>t.theme.colors.grey1};
-  height: ${e.Space.sp8};
-  border-right: 1px solid ${t=>t.theme.colors.grey3};
-`,me=r.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  height: ${e.Space.sp8};
-`,O=r.span`
-  height: ${e.Space.sp8};
-  display: none;
-`,G=r(e.StandardRegular)`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  color: ${e.Colors.important};
-  width: 434px;
-  text-align: center;
-`,{cardPayment:c,common:{footer:J}}=e.appLocale.getLocalizedStrings(),ge=r(e.ExtraSmallRegular)`
-  color: ${t=>t.theme.colors.hero};
-  text-align: center;
-  margin-top: ${e.Space.sp2};
-`,Z=t=>`${t}_form`,K="CardPaymentPaymentForm",ue=({cardPaymentView:t,clientSecret:a,cardSetupInProgress:m,handleConfirmCardSetupIntent:n,updateCardPaymentModalState:b,handleAddCardPaymentSource:l,setCardSetupInProgress:g})=>{const y=f.useStripe(),i=f.useElements(),[p,u]=d.useState(!1),[v,L]=d.useState(!1),[E,C]=d.useState(!1),[h,j]=d.useState(!1),z=e.useWindowSizeContext(),I=t.cardSetupConfirmStatus.fetchState,k=t.addCardPaymentSourceStatus.fetchState,B=t.cardSetupIntentStatus.fetchState,[w,x]=d.useState(!1),M=async S=>{if(S.preventDefault(),!y||!i)return;const R=i.getElement(f.CardNumberElement),A=i.getElement(f.CardExpiryElement),P=i.getElement(f.CardCvcElement);(!R||!A||!P)&&x(!0),j(!0),g(!0),R!=null&&A!=null&&P!=null&&y.confirmCardSetup(a,{payment_method:{card:R}}).then($=>{j(!1),n($),$.setupIntent?.id!=null&&l("card","payment_intent",$.setupIntent?.id)}).catch(()=>{j(!1),setTimeout(()=>{g(!1)},2e3)})},U=s.useTheme(),_={showIcon:!0,style:{base:{...e.textStyles.standardRegular.cssObject,color:U.colors.primary,"::placeholder":{color:U.colors.grey2}},invalid:{color:e.Colors.important,iconColor:e.Colors.important}}},D=I==="In-Progress"||k==="In-Progress"||B==="In-Progress"||h===!0||m===!0,W=p||v||E||I==="In-Progress"||k==="In-Progress"||B==="In-Progress"||h===!0||m===!0;return s.jsxRuntimeExports.jsx(ae,{windowSize:z,children:s.jsxRuntimeExports.jsxs(se,{onSubmit:M,id:Z(K),children:[s.jsxRuntimeExports.jsxs(ce,{children:[s.jsxRuntimeExports.jsx(le,{children:s.jsxRuntimeExports.jsx(pe,{children:s.jsxRuntimeExports.jsx(f.CardNumberElement,{options:_,onChange:S=>u(!!S.error)})})}),s.jsxRuntimeExports.jsx(de,{children:s.jsxRuntimeExports.jsxs(ne,{children:[s.jsxRuntimeExports.jsx(O,{children:c.cardNumber}),s.jsxRuntimeExports.jsx(f.CardExpiryElement,{options:_,onChange:S=>L(!!S.error)})]})}),s.jsxRuntimeExports.jsx(me,{children:s.jsxRuntimeExports.jsxs(ie,{children:[s.jsxRuntimeExports.jsx(O,{children:c.CVC}),s.jsxRuntimeExports.jsx(f.CardCvcElement,{options:_,onChange:S=>C(!!S.error)})]})})]}),t.cardSetupConfirmStatus.error||w?s.jsxRuntimeExports.jsx(G,{children:c.errorMsg}):null,s.jsxRuntimeExports.jsx(e.Footer,{style:{width:"100%",padding:`${e.Space.sp3} 0 0 0`,borderTop:"none",position:"inherit"},formId:Z(K),primaryBtn:{label:J.linkCard,style:{width:"104px",height:e.Space.sp6},isLoading:D,isDisabled:W,type:"submit"},cancelBtn:{label:J.cancel,style:{width:"104px",height:e.Space.sp6},onClick:()=>{b(!1)}}}),s.jsxRuntimeExports.jsxs(ge,{windowSize:z,children:[c.terms.term1,s.jsxRuntimeExports.jsx(e.ZeniLink,{href:c.terms.term2Link,linkText:c.terms.term2}),c.terms.term3,s.jsxRuntimeExports.jsx(e.ZeniLink,{href:c.terms.term4Link,linkText:c.terms.term4})]})]})})},he=({isCardPaymentOpen:t,cardPaymentView:a,stripeKey:m,cardSetupInProgress:n,handleConfirmCardSetupIntent:b,updateCardPaymentModalState:l,handleCreateCardSetupIntent:g,handleAddCardPaymentSource:y,handleResetCardPaymentErrorStatuses:i,setCardSetupInProgress:p})=>{const[u,v]=d.useState(""),L=Y.loadStripe(m),E=e.usePrevious(a.addCardPaymentSourceStatus.fetchState),C=a.addCardPaymentSourceStatus.fetchState;d.useEffect(()=>(g(["card"]),()=>{l(!1),v(""),i()}),[]),d.useEffect(()=>{i()},[t]),d.useEffect(()=>{E==="In-Progress"&&C==="Error"?(p(!1),setTimeout(()=>{l(!1)},2e3)):E==="In-Progress"&&C==="Completed"&&(g(["card"]),setTimeout(()=>{l(!1),p(!1)},2e3))},[E,C]),d.useEffect(()=>{(a.cardSetupConfirmStatus.error||a.addCardPaymentSourceStatus.error)&&(g(["card"]),setTimeout(()=>{p(!1)},2e3))},[a.cardSetupConfirmStatus.error,a.addCardPaymentSourceStatus.error]),d.useEffect(()=>{a.clientSecret!=null&&v(a.clientSecret)},[a.clientSecret]);const h={theme:"stripe",variables:{borderRadius:e.Space.sp1,fontSizeBase:e.textStyles.standardRegular.fontSize,fontFamily:e.textStyles.standardRegular.fontFamily},rules:{".Input":{border:`1px solid ${e.Colors.neutralGrey3Light}`,borderRadius:e.Space.sp1,padding:"10px",fontSize:e.textStyles.standardRegular.fontSize}}},j={clientSecret:u,appearance:h},z=e.useWindowSizeContext();return s.jsxRuntimeExports.jsx(e.Modal,{open:t,children:s.jsxRuntimeExports.jsxs(te,{windowSize:z,isError:!!a.cardSetupConfirmStatus.error,children:[s.jsxRuntimeExports.jsx(oe,{children:c.title}),s.jsxRuntimeExports.jsx(re,{children:c.subtitle}),u&&L!=null?s.jsxRuntimeExports.jsx(f.Elements,{options:j,stripe:L,children:s.jsxRuntimeExports.jsx(ue,{clientSecret:u,handleConfirmCardSetupIntent:b,updateCardPaymentModalState:l,handleAddCardPaymentSource:y,cardPaymentView:a,cardSetupInProgress:n,setCardSetupInProgress:p})}):s.jsxRuntimeExports.jsx(G,{children:c.errorMsg})]})})},{cardBrands:o}=e.appLocale.getLocalizedStrings().cardPayment,N={visa:{name:o.visa,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/visa.svg"},mastercard:{name:o.mastercard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/mastercard.svg"},american_express:{name:o.american_express,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/amex.svg"},discover:{name:o.discover,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/discover-global.svg"},jcb:{name:o.jcb,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/jcb-card.svg"},diners_club:{name:o.diners_club,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/dinersclub.svg"},unionpay:{name:o.unionpay,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},rupay:{name:o.rupay,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/rupay-card.svg"},bancontact:{name:o.bancontact,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cmr_falabella:{name:o.cmr_falabella,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},tarjeta_naranja:{name:o.tarjeta_naranja,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},nativa:{name:o.nativa,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cencosud:{name:o.cencosud,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cabal:{name:o.cabal,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},argencard:{name:o.argencard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},elo:{name:o.elo,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/elo-card.svg"},hipercard:{name:o.hipercard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/hipercard.svg"},carnet:{name:o.carnet,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/carnet.svg"},maestro:{name:o.maestro,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/maestro.svg"},not_applicable:{name:o.not_applicable,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},eftpos_australia:{name:o.eftpos_australia,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},girocard:{name:o.girocard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},other:{name:o.other,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},unknown:{name:o.unknown,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"}},T={sectionWidth:new e.ResponsiveSized(343,580,726),iconWidthHeight:new e.ResponsiveSized(20,e.sp[4])},xe={title:new e.ResponsiveSizedStyle("standardSemiBold","largeSemiBold")},F=t=>t?N[t]??{name:"Other",iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"}:{name:"Other",iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},Q=(t,a,m,n)=>({header:t,title:`${e.capitaliseWords(N[n.cardsList[0]?.brand]?.name??"")} ${a}`,subtitle:`${e.capitaliseWords(N[n.cardsList[0]?.brand]?.name??"")} ${m} ${n.cardsList[0]?.last4}`,status:n.cardsList[0]?.status}),Se=r.img`
-  width: ${t=>t.width}px;
-  height: ${t=>t.height}px;
-`,fe=({paymentAccount:t,plaidConnectionDetails:a,connectedAccountProvider:m,sectionId:n,isDisabled:b,hasError:l=!1,isValid:g,style:y,analytics:i,onFetchLinkTokenClick:p,onEstablishConnectionClick:u,onUpdatePaymentAccountStatus:v,onUpdatePaymentAccountLoginStatus:L,onEstablishConnectionSuccess:E,updateCardPaymentModalState:C,cardPaymentView:h,resetCardPaymentViewState:j,cardSetupInProgress:z=!1,googleAPIKey:I,subscriptionBillingAddress:k,subscriptionBillingAddressSectionId:B})=>{const w=s.useTheme(),x=e.useWindowSizeContext(),{register:M}=s.useFormContext(),U=w.mode==="light"?new s.Color(w.colors.brandColorJadeLight):new s.Color(w.colors.brandColorJadeDark),{common:_,customerOnboardingPage:{sections:{link_payment_account:{title:D,text:W,subText:S},card_payment_method:R}}}=e.appLocale.getLocalizedStrings(),A=h.cardsList.length>0,P=h.cardsList[0]?.brand??"other",$=h.addCardPaymentSourceStatus.fetchState,H=Q(R.header,R.titleText,R.protectedCardNo,h);let q;return A&&(q={header:H.header,title:H.title,subtitle:H.subtitle,status:H.status==="valid"?{name:"Verified",code:"verified"}:{name:"Pending",code:"pending"},showAddPaymentMethodDropDown:A===!0,icon:{element:s.jsxRuntimeExports.jsx(Se,{src:F(P).iconURL,width:T.iconWidthHeight.valuePx(x),height:T.iconWidthHeight.valuePx(x),alt:F(P).name,loading:"lazy"}),color:new s.Color(U)},showCompletedIcon:!1,isError:$==="Error",isLoading:$==="In-Progress",isCompleted:!0,showRightArrow:!1}),s.jsxRuntimeExports.jsxs(ye,{windowSize:x,children:[s.jsxRuntimeExports.jsx(Ee,{type:"hidden",...M(`${n}.connected`,{validate:X=>l?X==="true":!0}),value:g?"true":"false"}),s.jsxRuntimeExports.jsx(V.SetUpAccountSection,{connectedAccountProvider:m,paymentAccount:t,plaidConnectionDetails:a,allBankAccounts:[],header:D,sectionTitle:D,defaultSectionTitle:W,defaultSectionSubTitle:S,sectionId:n,isDisabled:b,hasError:l,showZeniAccountSection:!1,isCompleted:t?.providerVerificationStatus?.code?.includes("verified")===!0&&t?.isLoginRequired===!1,showCompletedIcon:x==="small",onFetchLinkTokenClick:p,onEstablishConnectionClick:u,onUpdatePaymentAccountStatus:v,onUpdatePaymentAccountLoginStatus:L,onEstablishConnectionSuccess:E,style:y,icon:{element:s.jsxRuntimeExports.jsx(e.SvgBankBuilding,{width:T.iconWidthHeight.valuePx(x),height:T.iconWidthHeight.valuePx(x)}),color:U},analytics:i,productType:"onboarding",resetCardPaymentViewState:j,cardPaymentSectionValues:q,cardPaymentView:h,updateCardPaymentModalState:C,referrer:"Onboarding",cardSetupInProgress:z}),be(x,_.headers.billingAddress,B,i,k,I,b)]})},be=(t,a,m,n,b,l,g)=>{const y={"Add street address":"street_address","Add suite":"suite","Add city":"city","Add state":"state","Select country":"country","Add ZIP code":"zip_code","Add secondary info":"secondary_info"};return s.jsxRuntimeExports.jsxs(je,{children:[s.jsxRuntimeExports.jsx(Ce,{windowSize:t,isDisabled:g==="disabled",children:a}),s.jsxRuntimeExports.jsx(e.AddressSection,{googleAPIKey:l??"",addressToEdit:b,sectionId:`${m}`,style:{marginLeft:"0px"},elementsStyle:{paddingRight:"0px"},onFormFieldClick:i=>{if(i.target instanceof HTMLInputElement){const{placeholder:p}=i.target;if(p){const u=y[p];u&&n.trackOnboardingBillingAddress(u)}}}})]})},ye=r.div`
-  display: flex;
-  flex-direction: column;
-  width: ${t=>T.sectionWidth.valuePx(t.windowSize)};
-  padding-bottom: ${e.Space.sp3};
-`,Ee=r.input`
-  display: none;
-`,Ce=r.div`
-  ${t=>`${xe.title.style(t.windowSize)}`};
-  margin-bottom: ${e.Space.sp3};
-  margin-top: ${e.Space.sp3};
-  color: ${t=>t.isError===!0?e.Colors.important:t.isDisabled===!0?t.theme.colors.grey1:t.theme.colors.primary};
-`,je=r.div`
-  margin-top: ${e.Space.sp5};
-  margin-bottom: ${e.Space.sp4};
-`;exports.CardPaymentModal=he;exports.PaymentAccountSetupBillingAddressSection=fe;exports.cardPaymentMethodValues=Q;exports.getCardBrandIconUrl=F;