@zeniai/web-components 3.16.96 → 3.16.97

package/dist/DomesticWireDetailsPage-OYsRODlB.js

@@ -1,189 +0,0 @@
-import { g as V, h as _, k as q, j as n, F as H } from "./vendor-.pnpm-B2klaOGU.js";
-import { useMemo as O, useState as G, useEffect as Q } from "react";
-import k from "@emotion/styled";
-import { getFormattedAddress as w } from "@zeniai/client-epic-state";
-import { u as X, a as y, aP as J, aQ as K, aR as Y, ao as Z, R as i, aX as ee, S as ne, w as oe, D as o } from "./index-CQQUoxL8.js";
-import { B as te } from "./BankAccountSection-CntsWSde.js";
-import { M as ie } from "./MagicLinkTitleSection-87U3Q1_O.js";
-import { B as ae, a as se } from "./BankAccountWarningSection-Y-1YgLMk.js";
-import { M as ce } from "./MailingDetailsSection-BpZFbUTd.js";
-const s = {
-  paddingTop: new i(o[2], o[3]),
-  paddingTopBottom: new i(o[3], o[3]),
-  paddingLeftRight: new i(o[2], o[6]),
-  paddingRight: new i(o[3], o[8]),
-  paddingBottom: new i(o[2], o[3]),
-  paddingLeft: new i(o[3], o[6]),
-  buttonWidth: new i(140, 140),
-  marginLeft: new i(o[4], o[6])
-}, N = "domesticWireDetailsPage", h = "bankAccountSection", P = "mailingAddressSection", C = (e) => `${e}_form`, we = (e) => {
-  const {
-    bankAccountCreationState: a,
-    fetchBankNameByRoutingStatus: g,
-    addressType: S,
-    bankAccountToCreate: c,
-    addressToEdit: r,
-    mailingAddress: x,
-    isDisabled: B,
-    companyName: v,
-    isMagicLink: p,
-    currencySymbol: j,
-    amount: R,
-    onSaveHandler: T,
-    onWireDetailsUpdated: z,
-    onFetchBankName: L,
-    onAddressClick: M,
-    onBackClick: A
-  } = e, m = X(), d = V({
-    mode: "onBlur",
-    reValidateMode: "onChange",
-    defaultValues: O(
-      () => re(c, r),
-      [c, r]
-    )
-  }), [W, f] = G(!1), t = y.getLocalizedStrings().spendManagement.billPay.vendorCreation, $ = y.getLocalizedStrings().common.footer, I = t.wireDetails.domestic, E = {
-    onOkClick: () => {
-      f(!1), d.reset(), A?.();
-    },
-    onCancelClick: () => {
-      f(!1);
-    }
-  }, U = async (b, u) => {
-    const l = u[h].bankRoutingNumber;
-    z(u), b === `${h}.bankRoutingNumber` && l?.length === 9 && ee.test(l) === !0 && L?.(l);
-  };
-  Q(() => {
-    const b = d.watch((u, { name: l }) => {
-      l != null && u != null && _(() => U(l, u));
-    });
-    return () => {
-      b.unsubscribe();
-    };
-  });
-  const F = d.handleSubmit((b) => {
-    g.fetchState !== "In-Progress" && T("wire");
-  }), D = !q(
-    x != null ? w(x) : x,
-    r != null ? w(r) : r
-  ) || de(c) || d.formState.isDirty;
-  return /* @__PURE__ */ n.jsxs(ge, { children: [
-    /* @__PURE__ */ n.jsxs(ue, { size: m, children: [
-      W === !0 ? /* @__PURE__ */ n.jsx(
-        J,
-        {
-          titleComponent: /* @__PURE__ */ n.jsx(Y, { children: t.discardTitle }),
-          descriptionComponent: /* @__PURE__ */ n.jsx(K, { children: t.discardDescription }),
-          primaryButtonText: t.discard,
-          secondaryButtonText: t.cancel,
-          action: E
-        }
-      ) : null,
-      /* @__PURE__ */ n.jsx(
-        ae,
-        {
-          header: p ? /* @__PURE__ */ n.jsx(
-            ie,
-            {
-              companyName: v ?? "",
-              currencySymbol: j ?? "",
-              amount: R ?? 0
-            }
-          ) : I.addWireDetails,
-          isMagicLink: p,
-          isDirty: D,
-          onBackClick: A,
-          setShowConfirmationPopup: f
-        }
-      ),
-      a?.fetchState === "Error" && a.error?.code === 409 ? /* @__PURE__ */ n.jsx(
-        se,
-        {
-          warningText: t.bankAccountCommon.accountExistWarning
-        }
-      ) : null,
-      /* @__PURE__ */ n.jsx(me, { size: m, children: t.bankAccountCommon.accountDetailsTitle }),
-      /* @__PURE__ */ n.jsx(H, { ...d, children: /* @__PURE__ */ n.jsxs("form", { id: C(N), onSubmit: F, children: [
-        /* @__PURE__ */ n.jsx(le, { size: m, children: /* @__PURE__ */ n.jsx(
-          te,
-          {
-            bankAccountToCreate: c,
-            fetchBankNameByRoutingStatus: g,
-            sectionId: h,
-            isDisabled: B
-          }
-        ) }),
-        /* @__PURE__ */ n.jsx(
-          ce,
-          {
-            sectionId: P,
-            isDisabled: B,
-            addressType: S,
-            addressToEdit: r,
-            onAddressClick: M
-          }
-        )
-      ] }) })
-    ] }),
-    /* @__PURE__ */ n.jsx(
-      Z,
-      {
-        formId: C(N),
-        primaryBtn: {
-          label: p ? t.bankAccountCommon.submitDetails : t.bankAccountCommon.saveAccount,
-          isLoading: a.fetchState === "In-Progress",
-          style: { width: s.buttonWidth.value(m) },
-          isDisabled: B != null
-        },
-        showCancel: !p,
-        cancelBtn: {
-          label: $.cancel,
-          style: { width: s.buttonWidth.value(m) },
-          shouldResetOnCancel: !1,
-          onClick: () => {
-            D ? f(!0) : (d.reset(), A?.());
-          }
-        }
-      }
-    )
-  ] });
-}, re = (e, a) => ({
-  [h]: {
-    bankRoutingNumber: e?.bankRoutingNumber,
-    bankName: e?.bankName,
-    bankAccountNumber: e?.bankAccountNumber,
-    bankAccountType: e?.bankAccountType,
-    confirmedBankAccountNumber: e?.confirmedBankAccountNumber,
-    bankAccountName: e?.bankAccountName
-  },
-  [P]: {
-    mailingAddress: a
-  }
-}), de = (e) => {
-  if (e == null)
-    return !1;
-  const { bankAccountName: a, bankAccountNumber: g, bankName: S, bankRoutingNumber: c } = e;
-  return !!a || !!g || !!S || !!c;
-}, le = k.div`
-  padding-left: ${(e) => s.paddingLeft.valuePx(e.size)};
-  padding-right: ${(e) => s.paddingRight.valuePx(e.size)};
-  padding-top: ${(e) => s.paddingTopBottom.valuePx(e.size)};
-  padding-bottom: ${(e) => s.paddingTopBottom.valuePx(e.size)};
-  background: ${(e) => e.theme.colors.grey4};
-`, me = k(oe)`
-  color: ${(e) => e.theme.colors.champion};
-  margin-left: ${(e) => s.marginLeft.valuePx(e.size)};
-  margin-top: ${ne.sp3};
-`, ue = k.div`
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-`, ge = k.div`
-  background-color: ${(e) => e.theme.colors.grey4};
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-`;
-export {
-  we as D
-};