@zeniai/web-components 3.16.99 → 3.17.2

package/dist/DashboardSidebarBackgroundAnimation-CPDtLtLU.js

@@ -1,53 +0,0 @@
-import { j as s, L as p } from "./vendor-.pnpm-B2klaOGU.js";
-import { memo as h, useState as m } from "react";
-import { useTheme as x } from "@emotion/react";
-import f from "@emotion/styled";
-import { r as g, S as D } from "./index-CD9fwr4J.js";
-const v = h(function({
-  christmasAnimationEnabled: e = !1,
-  newYearAnimationEnabled: t = !1
-}) {
-  const r = x(), n = e || t, c = t ? "DashboardNewYearShow" : "DashboardChristmasSnow", [a, d] = g(
-    c,
-    n
-  ), [i, l] = m(null);
-  a != null && i == null && !d && l(a);
-  const u = e && r.mode === "light" ? 0.7 : 0.2;
-  return (e || t) && i != null ? /* @__PURE__ */ s.jsx(
-    S,
-    {
-      contextWiseOpacity: u,
-      newYearAnimationEnabled: t,
-      children: /* @__PURE__ */ s.jsx(
-        p,
-        {
-          style: {
-            width: "inherit",
-            height: "inherit",
-            display: "block"
-          },
-          animationData: i,
-          play: !0,
-          loop: t ? 5 : !0,
-          rendererSettings: {
-            preserveAspectRatio: "xMidYMid slice"
-          }
-        }
-      )
-    }
-  ) : null;
-}), S = f.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  width: inherit;
-  position: absolute;
-  top: ${D.sp0};
-  z-index: 0;
-  height: ${(o) => o.newYearAnimationEnabled ? "100%" : "60vh"};
-  opacity: ${(o) => o.contextWiseOpacity};
-  pointer-events: none;
-`;
-export {
-  v as D
-};

package/dist/DashboardSidebarBackgroundAnimation-DHmVCWXK.cjs

@@ -1,12 +0,0 @@
-"use strict";const n=require("./vendor-.pnpm-D0ILHvHB.cjs"),a=require("react"),x=require("@emotion/react"),g=require("@emotion/styled"),r=require("./index-CZKgJQb3.cjs"),b=a.memo(function({christmasAnimationEnabled:o=!1,newYearAnimationEnabled:e=!1}){const c=x.useTheme(),d=o||e,u=e?"DashboardNewYearShow":"DashboardChristmasSnow",[s,l]=r.useAnimation(u,d),[i,h]=a.useState(null);s!=null&&i==null&&!l&&h(s);const p=o&&c.mode==="light"?.7:.2;return(o||e)&&i!=null?n.jsxRuntimeExports.jsx(m,{contextWiseOpacity:p,newYearAnimationEnabled:e,children:n.jsxRuntimeExports.jsx(n.Lottie,{style:{width:"inherit",height:"inherit",display:"block"},animationData:i,play:!0,loop:e?5:!0,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}})}):null}),m=g.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  width: inherit;
-  position: absolute;
-  top: ${r.Space.sp0};
-  z-index: 0;
-  height: ${t=>t.newYearAnimationEnabled?"100%":"60vh"};
-  opacity: ${t=>t.contextWiseOpacity};
-  pointer-events: none;
-`;exports.DashboardSidebarBackgroundAnimation=b;

package/dist/DepositAccTransactionItem-BwNXi_at.cjs

@@ -1,76 +0,0 @@
-"use strict";const i=require("./vendor-.pnpm-D0ILHvHB.cjs"),n=require("@emotion/styled"),t=require("./index-CZKgJQb3.cjs"),S=require("./BoxItem-DrDpqCbz.cjs"),b=require("./commonDimensions-B99saFPY.cjs");function h({data:e,boxType:c}){const{counterParty:r,typeName:l,amount:d,logo:x,summary:p,direction:m,status:u}=e,w=r.length>0?r:p,a=t.amountToString("0,0.00",d),o=t.getTransactionStatus(u),s=t.useWindowSizeContext(),g=i.jsxRuntimeExports.jsxs(y,{children:[i.jsxRuntimeExports.jsx(k,{src:x?.toString(),loading:"lazy"}),i.jsxRuntimeExports.jsx(v,{children:i.jsxRuntimeExports.jsxs(E,{windowSize:s,children:[i.jsxRuntimeExports.jsx(R,{children:w}),o!=null?i.jsxRuntimeExports.jsxs(T,{windowSize:s,children:[i.jsxRuntimeExports.jsx(C,{windowSize:s}),i.jsxRuntimeExports.jsx(z,{color:o?.color,children:o?.value})]}):null]})}),i.jsxRuntimeExports.jsxs(f,{windowSize:s,children:[l!=null?i.jsxRuntimeExports.jsx(j,{children:i.jsxRuntimeExports.jsx($,{className:"tag",children:l})}):null,i.jsxRuntimeExports.jsx(D,{windowSize:s,children:m==="debit"?`-${a}`:a})]})]});return i.jsxRuntimeExports.jsx(S.BoxItem,{content:g,boxType:c,isDisabled:!1,isNotClickable:!0})}const f=n.div`
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column-reverse":"row"};
-  align-items: ${e=>e.windowSize==="small"?"flex-end":"center"};
-`,j=n.div`
-  display: flex;
-  justify-content: end;
-`,$=n(t.ExtraSmallRegular)`
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  margin-left: ${t.Space.sp3};
-  padding: 1px 6px;
-  border: 1px solid ${e=>e.theme.colors.grey2};
-  border-radius: ${t.Space.sp1};
-  color: ${e=>e.theme.colors.grey1};
-`,y=n.div`
-  display: flex;
-  align-items: center;
-  padding: ${t.Space.sp3} ${t.Space.sp4};
-  flex-direction: row;
-  width: 100%;
-  justify-content: space-between;
-`,v=n.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  flex: 1;
-`,k=n.img`
-  display: flex;
-  width: ${t.Space.sp4};
-  height: ${t.Space.sp4};
-`,R=n(t.StandardRegular)`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  max-height: ${t.Space.sp11};
-  text-overflow: ellipsis;
-  word-break: break-word;
-  text-align: left;
-  overflow: hidden;
-`,E=n.div`
-  display: flex;
-  align-items: center;
-  text-align: left;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
-  margin-left: ${t.Space.sp3};
-  max-height: ${t.Space.sp11};
-  word-break: break-word;
-  text-overflow: ellipsis;
-  overflow: hidden;
-`,T=n.div`
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: center;
-`,z=n(t.ExtraSmallRegular)`
-  color: ${e=>e.color};
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  display: -webkit-box;
-`,C=n.div`
-  display: ${e=>e.windowSize==="small"?"none":"block"};
-  width: ${t.Space.sp1};
-  height: ${t.Space.sp1};
-  border-radius: 50%;
-  background-color: ${e=>e.theme.colors.grey1};
-  margin-left: ${t.Space.sp2};
-  margin-right: ${t.Space.sp2};
-`,D=n(t.StandardRegular)`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  margin-left: ${t.Space.sp3};
-  text-align: right;
-  width: ${e=>b.transactionItemDimensions.amountWidth.valuePx(e.windowSize)};
-`;exports.DepositAccTransactionItem=h;

package/dist/DepositAccTransactionItem-D6jJ3_g4.js

@@ -1,112 +0,0 @@
-import { j as i } from "./vendor-.pnpm-B2klaOGU.js";
-import n from "@emotion/styled";
-import { a2 as h, jc as $, u as y, S as t, o as c, E as d } from "./index-CD9fwr4J.js";
-import { B as S } from "./BoxItem-xCL2YIds.js";
-import { t as j } from "./commonDimensions-C5WoAXD_.js";
-function H({
-  data: e,
-  boxType: m
-}) {
-  const { counterParty: s, typeName: r, amount: x, logo: p, summary: w, direction: g, status: u } = e, f = s.length > 0 ? s : w, a = h("0,0.00", x), l = $(u), o = y(), b = /* @__PURE__ */ i.jsxs(z, { children: [
-    /* @__PURE__ */ i.jsx(D, { src: p?.toString(), loading: "lazy" }),
-    /* @__PURE__ */ i.jsx(C, { children: /* @__PURE__ */ i.jsxs(I, { windowSize: o, children: [
-      /* @__PURE__ */ i.jsx(A, { children: f }),
-      l != null ? /* @__PURE__ */ i.jsxs(E, { windowSize: o, children: [
-        /* @__PURE__ */ i.jsx(R, { windowSize: o }),
-        /* @__PURE__ */ i.jsx(N, { color: l?.color, children: l?.value })
-      ] }) : null
-    ] }) }),
-    /* @__PURE__ */ i.jsxs(k, { windowSize: o, children: [
-      r != null ? /* @__PURE__ */ i.jsx(v, { children: /* @__PURE__ */ i.jsx(T, { className: "tag", children: r }) }) : null,
-      /* @__PURE__ */ i.jsx(B, { windowSize: o, children: g === "debit" ? `-${a}` : a })
-    ] })
-  ] });
-  return /* @__PURE__ */ i.jsx(
-    S,
-    {
-      content: b,
-      boxType: m,
-      isDisabled: !1,
-      isNotClickable: !0
-    }
-  );
-}
-const k = n.div`
-  display: flex;
-  flex-direction: ${(e) => e.windowSize === "small" ? "column-reverse" : "row"};
-  align-items: ${(e) => e.windowSize === "small" ? "flex-end" : "center"};
-`, v = n.div`
-  display: flex;
-  justify-content: end;
-`, T = n(d)`
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  margin-left: ${t.sp3};
-  padding: 1px 6px;
-  border: 1px solid ${(e) => e.theme.colors.grey2};
-  border-radius: ${t.sp1};
-  color: ${(e) => e.theme.colors.grey1};
-`, z = n.div`
-  display: flex;
-  align-items: center;
-  padding: ${t.sp3} ${t.sp4};
-  flex-direction: row;
-  width: 100%;
-  justify-content: space-between;
-`, C = n.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  flex: 1;
-`, D = n.img`
-  display: flex;
-  width: ${t.sp4};
-  height: ${t.sp4};
-`, A = n(c)`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  max-height: ${t.sp11};
-  text-overflow: ellipsis;
-  word-break: break-word;
-  text-align: left;
-  overflow: hidden;
-`, I = n.div`
-  display: flex;
-  align-items: center;
-  text-align: left;
-  flex-direction: ${(e) => e.windowSize === "small" ? "column" : "row"};
-  align-items: ${(e) => e.windowSize === "small" ? "flex-start" : "center"};
-  margin-left: ${t.sp3};
-  max-height: ${t.sp11};
-  word-break: break-word;
-  text-overflow: ellipsis;
-  overflow: hidden;
-`, E = n.div`
-  display: flex;
-  flex-direction: ${(e) => e.windowSize === "small" ? "column" : "row"};
-  align-items: center;
-`, N = n(d)`
-  color: ${(e) => e.color};
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  display: -webkit-box;
-`, R = n.div`
-  display: ${(e) => e.windowSize === "small" ? "none" : "block"};
-  width: ${t.sp1};
-  height: ${t.sp1};
-  border-radius: 50%;
-  background-color: ${(e) => e.theme.colors.grey1};
-  margin-left: ${t.sp2};
-  margin-right: ${t.sp2};
-`, B = n(c)`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  margin-left: ${t.sp3};
-  text-align: right;
-  width: ${(e) => j.amountWidth.valuePx(e.windowSize)};
-`;
-export {
-  H as D
-};

package/dist/DepositAccTransactionListPage-IeseGeY1.cjs

@@ -1,66 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-.pnpm-D0ILHvHB.cjs"),g=require("react"),o=require("@emotion/styled"),$=require("@zeniai/client-epic-state"),e=require("./index-CZKgJQb3.cjs"),E=require("./BoxItem-DrDpqCbz.cjs"),D=require("./commonDimensions-B99saFPY.cjs"),v=require("./DepositAccTransactionItem-BwNXi_at.cjs"),l=e.appLocale.getLocalizedStrings(),T={listItemMargin:new e.ResponsiveSized(e.sp[3],e.sp[8])};function k(s){const m=t.groupBy(s,n=>n.transactionDate.format(l.dateFormat.visual.MMMDCommaYYYYformat)),x=t.filter(m,n=>n.length>0);return t.map(x,n=>({date:n[0].transactionDate,transactions:t.orderBy(n,a=>a.transactionDate,"desc")}))}const C=t.memoizeOne(k),M=({transactionListView:s,onBackClick:m})=>{const x=t.useTheme(),d=e.useWindowSizeContext(),n=g.createRef(),a=g.useRef(null),p=C(s.transactions),j=s.depositAccountName,u=p.length===0,S=i=>u===!1?p[i].transactions.length*D.transactionItemDimensions.transactionItemHeightResponsive.value(d)+45:24,R=({index:i,style:c})=>{if(u===!1){const r=p[i];return t.jsxRuntimeExports.jsx(b,{style:{...c},children:t.jsxRuntimeExports.jsx(f,{windowSize:d,children:t.jsxRuntimeExports.jsxs(y,{children:[t.jsxRuntimeExports.jsx(L,{children:$.dateNow().year()===r.date.year()?r.date.format(l.dateFormat.visual.MMMDFormat):r.date.format(l.dateFormat.visual.MMMDCommaYYYYformat)}),t.jsxRuntimeExports.jsx(q,{children:r.transactions.map((w,h)=>t.jsxRuntimeExports.jsx(v.DepositAccTransactionItem,{data:w,boxType:E.boxType(h,r.transactions.length)},h))})]})})})}else return t.jsxRuntimeExports.jsx(b,{style:{...c},children:t.jsxRuntimeExports.jsx(z,{children:t.jsxRuntimeExports.jsx(f,{windowSize:d,children:t.jsxRuntimeExports.jsx(B,{children:l.transactionList.noTransactionsFoundForPrefix})})})})};return t.jsxRuntimeExports.jsxs(I,{children:[t.jsxRuntimeExports.jsx(e.NavBar,{title:`${j} ${l.spendManagement.zeniAccounts.transactionList.title}`,backgroundColor:x.colors.grey4,style:{zIndex:3},onBackClick:m,scrollableContent:a.current!=null?a:void 0,source:"DepositAccTransactionListPage"}),t.jsxRuntimeExports.jsx(y,{children:t.jsxRuntimeExports.jsx(t.AutoSizer,{children:({height:i,width:c})=>t.jsxRuntimeExports.jsx(A,{ref:n,height:i,width:c,outerRef:a,itemKey:r=>r,itemCount:p.length,itemSize:S,initialScrollOffset:0,children:R})})})]})},b=o.div``,f=o.div`
-  margin: ${s=>`${e.Space.sp0} ${T.listItemMargin.valuePx(s.windowSize)}`};
-`,z=o.div`
-  display: flex;
-  height: 100%;
-  flex: 1 1 auto;
-  flex-direction: row;
-  justify-content: center;
-  align-items: flex-end;
-`,I=o.div`
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  width: 100%;
-  padding-bottom: ${e.Space.sp7};
-`,B=o(e.StandardRegular)`
-  display: flex;
-  color: ${s=>s.theme.colors.grey2};
-`,L=o(e.SmallRegular)`
-  display: flex;
-  height: 21px;
-  margin-bottom: ${e.Space.sp2};
-  margin-top: ${e.Space.sp3};
-  color: ${s=>s.theme.colors.grey1};
-`,y=o.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-`,q=o.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  box-shadow: ${s=>`${e.Space.sp0} 2px ${e.Space.sp1} ${s.theme.colors.dropShadowNormal}`};
-  border-radius: ${e.Space.sp2};
-  background-color: ${s=>s.theme.colors.grey5};
-`,A=o(t.VariableSizeList)`
-  scrollbar-width: thin;
-  scrollbar-color: transparent transparent;
-  &::-webkit-scrollbar {
-    width: ${e.Space.sp2};
-    height: ${e.Space.sp0};
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 2px ${e.Colors.scrollbarBoxShadow};
-    -webkit-box-shadow: inset 0 0 2px ${e.Colors.scrollbarBoxShadow};
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-thumb {
-    background-color: transparent;
-  }
-
-  &:hover {
-    scrollbar-color: ${s=>s.theme.colors.grey1} transparent;
-    &::-webkit-scrollbar {
-      width: ${e.Space.sp2};
-      height: ${e.Space.sp0};
-      background-color: transparent;
-    }
-    &::-webkit-scrollbar-thumb {
-      background-color: ${s=>s.theme.colors.grey1};
-      border-radius: 2px;
-    }
-  }
-`;exports.default=M;

package/dist/DepositAccTransactionListPage-UZwc9QCK.js

@@ -1,152 +0,0 @@
-import { u as v, aM as C, j as e, A as k, V as M, aC as z, aD as T, aA as L, aE as R } from "./vendor-.pnpm-B2klaOGU.js";
-import { createRef as B, useRef as I } from "react";
-import s from "@emotion/styled";
-import { dateNow as A } from "@zeniai/client-epic-state";
-import { u as Y, aE as E, a as F, S as o, C as g, R as N, F as P, o as O, D as f } from "./index-CD9fwr4J.js";
-import { b as W } from "./BoxItem-xCL2YIds.js";
-import { t as H } from "./commonDimensions-C5WoAXD_.js";
-import { D as K } from "./DepositAccTransactionItem-D6jJ3_g4.js";
-const l = F.getLocalizedStrings(), V = {
-  listItemMargin: new N(f[3], f[8])
-};
-function q(t) {
-  const p = z(
-    t,
-    (a) => a.transactionDate.format(
-      l.dateFormat.visual.MMMDCommaYYYYformat
-    )
-  ), h = T(
-    p,
-    (a) => a.length > 0
-  );
-  return L(
-    h,
-    (a) => ({
-      date: a[0].transactionDate,
-      transactions: R(a, (n) => n.transactionDate, "desc")
-    })
-  );
-}
-const G = C(q), ct = ({
-  transactionListView: t,
-  onBackClick: p
-}) => {
-  const h = v(), d = Y(), a = B(), n = I(null), m = G(
-    t.transactions
-  ), $ = t.depositAccountName, u = m.length === 0, D = (i) => u === !1 ? m[i].transactions.length * H.transactionItemHeightResponsive.value(
-    d
-  ) + 45 : 24, j = ({ index: i, style: c }) => {
-    if (u === !1) {
-      const r = m[i];
-      return /* @__PURE__ */ e.jsx(b, { style: { ...c }, children: /* @__PURE__ */ e.jsx(y, { windowSize: d, children: /* @__PURE__ */ e.jsxs(w, { children: [
-        /* @__PURE__ */ e.jsx(X, { children: A().year() === r.date.year() ? r.date.format(l.dateFormat.visual.MMMDFormat) : r.date.format(
-          l.dateFormat.visual.MMMDCommaYYYYformat
-        ) }),
-        /* @__PURE__ */ e.jsx(Z, { children: r.transactions.map((S, x) => /* @__PURE__ */ e.jsx(
-          K,
-          {
-            data: S,
-            boxType: W(x, r.transactions.length)
-          },
-          x
-        )) })
-      ] }) }) });
-    } else
-      return /* @__PURE__ */ e.jsx(b, { style: { ...c }, children: /* @__PURE__ */ e.jsx(J, { children: /* @__PURE__ */ e.jsx(y, { windowSize: d, children: /* @__PURE__ */ e.jsx(U, { children: l.transactionList.noTransactionsFoundForPrefix }) }) }) });
-  };
-  return /* @__PURE__ */ e.jsxs(Q, { children: [
-    /* @__PURE__ */ e.jsx(
-      E,
-      {
-        title: `${$} ${l.spendManagement.zeniAccounts.transactionList.title}`,
-        backgroundColor: h.colors.grey4,
-        style: { zIndex: 3 },
-        onBackClick: p,
-        scrollableContent: n.current != null ? n : void 0,
-        source: "DepositAccTransactionListPage"
-      }
-    ),
-    /* @__PURE__ */ e.jsx(w, { children: /* @__PURE__ */ e.jsx(k, { children: ({ height: i, width: c }) => /* @__PURE__ */ e.jsx(
-      _,
-      {
-        ref: a,
-        height: i,
-        width: c,
-        outerRef: n,
-        itemKey: (r) => r,
-        itemCount: m.length,
-        itemSize: D,
-        initialScrollOffset: 0,
-        children: j
-      }
-    ) }) })
-  ] });
-}, b = s.div``, y = s.div`
-  margin: ${(t) => `${o.sp0} ${V.listItemMargin.valuePx(t.windowSize)}`};
-`, J = s.div`
-  display: flex;
-  height: 100%;
-  flex: 1 1 auto;
-  flex-direction: row;
-  justify-content: center;
-  align-items: flex-end;
-`, Q = s.div`
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  width: 100%;
-  padding-bottom: ${o.sp7};
-`, U = s(O)`
-  display: flex;
-  color: ${(t) => t.theme.colors.grey2};
-`, X = s(P)`
-  display: flex;
-  height: 21px;
-  margin-bottom: ${o.sp2};
-  margin-top: ${o.sp3};
-  color: ${(t) => t.theme.colors.grey1};
-`, w = s.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-`, Z = s.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  box-shadow: ${(t) => `${o.sp0} 2px ${o.sp1} ${t.theme.colors.dropShadowNormal}`};
-  border-radius: ${o.sp2};
-  background-color: ${(t) => t.theme.colors.grey5};
-`, _ = s(M)`
-  scrollbar-width: thin;
-  scrollbar-color: transparent transparent;
-  &::-webkit-scrollbar {
-    width: ${o.sp2};
-    height: ${o.sp0};
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 2px ${g.scrollbarBoxShadow};
-    -webkit-box-shadow: inset 0 0 2px ${g.scrollbarBoxShadow};
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-thumb {
-    background-color: transparent;
-  }
-
-  &:hover {
-    scrollbar-color: ${(t) => t.theme.colors.grey1} transparent;
-    &::-webkit-scrollbar {
-      width: ${o.sp2};
-      height: ${o.sp0};
-      background-color: transparent;
-    }
-    &::-webkit-scrollbar-thumb {
-      background-color: ${(t) => t.theme.colors.grey1};
-      border-radius: 2px;
-    }
-  }
-`;
-export {
-  ct as default
-};

package/dist/DomesticWireDetailsPage-BovxzwZL.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-CD9fwr4J.js";
-import { B as te } from "./BankAccountSection-Dm4J59ac.js";
-import { M as ie } from "./MagicLinkTitleSection-Bmnq92sb.js";
-import { B as ae, a as se } from "./BankAccountWarningSection-DuDR6ffh.js";
-import { M as ce } from "./MailingDetailsSection-BZEfc7rs.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
-};