@zeniai/web-components 3.16.71 → 3.16.72

package/dist/DashboardSidebarBackgroundAnimation-BtNvUZhA.js

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

package/dist/DashboardSidebarBackgroundAnimation-DsYEcw5l.cjs

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

package/dist/DepositAccTransactionItem-CSPYPk-l.cjs

@@ -0,0 +1,76 @@
+"use strict";const i=require("./vendor-.pnpm-CT-Z_-kn.cjs"),n=require("@emotion/styled"),t=require("./index-DaOROfUT.cjs"),S=require("./BoxItem-BaudR0WD.cjs"),b=require("./commonDimensions-BPHmUyRY.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-UAZUexYX.js

@@ -0,0 +1,112 @@
+import { j as i } from "./vendor-.pnpm-DtFedGku.js";
+import n from "@emotion/styled";
+import { a5 as h, jb as $, u as y, S as t, p as c, E as d } from "./index-DLKZoZ-i.js";
+import { B as S } from "./BoxItem-UAja6M6T.js";
+import { t as j } from "./commonDimensions-CS-tYlPq.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-CIBcVyWr.cjs

@@ -0,0 +1,66 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-.pnpm-CT-Z_-kn.cjs"),g=require("react"),o=require("@emotion/styled"),$=require("@zeniai/client-epic-state"),e=require("./index-DaOROfUT.cjs"),E=require("./BoxItem-BaudR0WD.cjs"),D=require("./commonDimensions-BPHmUyRY.cjs"),v=require("./DepositAccTransactionItem-CSPYPk-l.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-DuDkDLd0.js

@@ -0,0 +1,152 @@
+import { u as v, bG as k, j as e, A as C, V as z, bw as M, bx as T, bt as L, by as R } from "./vendor-.pnpm-DtFedGku.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, G as P, p as O, D as b } from "./index-DLKZoZ-i.js";
+import { b as G } from "./BoxItem-UAja6M6T.js";
+import { t as W } from "./commonDimensions-CS-tYlPq.js";
+import { D as H } from "./DepositAccTransactionItem-UAZUexYX.js";
+const l = F.getLocalizedStrings(), K = {
+  listItemMargin: new N(b[3], b[8])
+};
+function V(t) {
+  const p = M(
+    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 q = k(V), ct = ({
+  transactionListView: t,
+  onBackClick: p
+}) => {
+  const h = v(), d = Y(), a = B(), n = I(null), m = q(
+    t.transactions
+  ), $ = t.depositAccountName, u = m.length === 0, D = (i) => u === !1 ? m[i].transactions.length * W.transactionItemHeightResponsive.value(
+    d
+  ) + 45 : 24, j = ({ index: i, style: c }) => {
+    if (u === !1) {
+      const r = m[i];
+      return /* @__PURE__ */ e.jsx(f, { 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(
+          H,
+          {
+            data: S,
+            boxType: G(x, r.transactions.length)
+          },
+          x
+        )) })
+      ] }) }) });
+    } else
+      return /* @__PURE__ */ e.jsx(f, { 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(C, { 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
+      }
+    ) }) })
+  ] });
+}, f = s.div``, y = s.div`
+  margin: ${(t) => `${o.sp0} ${K.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(z)`
+  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-C8y6yRX5.cjs

@@ -0,0 +1,21 @@
+"use strict";const t=require("./vendor-.pnpm-CT-Z_-kn.cjs"),j=require("react"),S=require("@emotion/styled"),B=require("@zeniai/client-epic-state"),e=require("./index-DaOROfUT.cjs"),F=require("./BankAccountSection-CeCHIgPx.cjs"),_=require("./MagicLinkTitleSection-Cq60ry6I.cjs"),v=require("./BankAccountWarningSection-a1C1ndPD.cjs"),V=require("./MailingDetailsSection-BfYYAsna.cjs"),s={paddingTop:new e.ResponsiveSized(e.sp[2],e.sp[3]),paddingTopBottom:new e.ResponsiveSized(e.sp[3],e.sp[3]),paddingLeftRight:new e.ResponsiveSized(e.sp[2],e.sp[6]),paddingRight:new e.ResponsiveSized(e.sp[3],e.sp[8]),paddingBottom:new e.ResponsiveSized(e.sp[2],e.sp[3]),paddingLeft:new e.ResponsiveSized(e.sp[3],e.sp[6]),buttonWidth:new e.ResponsiveSized(140,140),marginLeft:new e.ResponsiveSized(e.sp[4],e.sp[6])},D="domesticWireDetailsPage",b="bankAccountSection",N="mailingAddressSection",y=n=>`${n}_form`,H=n=>{const{bankAccountCreationState:o,fetchBankNameByRoutingStatus:m,addressType:f,bankAccountToCreate:a,addressToEdit:c,mailingAddress:h,isDisabled:k,companyName:w,isMagicLink:p,currencySymbol:E,amount:C,onSaveHandler:P,onWireDetailsUpdated:z,onFetchBankName:T,onAddressClick:L,onBackClick:R}=n,l=e.useWindowSizeContext(),r=t.useForm({mode:"onBlur",reValidateMode:"onChange",defaultValues:j.useMemo(()=>O(a,c),[a,c])}),[W,g]=j.useState(!1),i=e.appLocale.getLocalizedStrings().spendManagement.billPay.vendorCreation,M=e.appLocale.getLocalizedStrings().common.footer,q=i.wireDetails.domestic,$={onOkClick:()=>{g(!1),r.reset(),R?.()},onCancelClick:()=>{g(!1)}},I=async(x,u)=>{const d=u[b].bankRoutingNumber;z(u),x===`${b}.bankRoutingNumber`&&d?.length===9&&e.DIGITS_PATTERN.test(d)===!0&&T?.(d)};j.useEffect(()=>{const x=r.watch((u,{name:d})=>{d!=null&&u!=null&&t.defer(()=>I(d,u))});return()=>{x.unsubscribe()}});const U=r.handleSubmit(x=>{m.fetchState!=="In-Progress"&&P("wire")}),A=!t.isEqual(h!=null?B.getFormattedAddress(h):h,c!=null?B.getFormattedAddress(c):c)||G(a)||r.formState.isDirty;return t.jsxRuntimeExports.jsxs(X,{children:[t.jsxRuntimeExports.jsxs(Q,{size:l,children:[W===!0?t.jsxRuntimeExports.jsx(e.ConfirmationPopup,{titleComponent:t.jsxRuntimeExports.jsx(e.ConfirmationPopUpTitle,{children:i.discardTitle}),descriptionComponent:t.jsxRuntimeExports.jsx(e.ConfirmationPopUpDescription,{children:i.discardDescription}),primaryButtonText:i.discard,secondaryButtonText:i.cancel,action:$}):null,t.jsxRuntimeExports.jsx(v.BankAccountPageNavSection,{header:p?t.jsxRuntimeExports.jsx(_.MagicLinkTitleSection,{companyName:w??"",currencySymbol:E??"",amount:C??0}):q.addWireDetails,isMagicLink:p,isDirty:A,onBackClick:R,setShowConfirmationPopup:g}),o?.fetchState==="Error"&&o.error?.code===409?t.jsxRuntimeExports.jsx(v.BankAccountWarningSection,{warningText:i.bankAccountCommon.accountExistWarning}):null,t.jsxRuntimeExports.jsx(K,{size:l,children:i.bankAccountCommon.accountDetailsTitle}),t.jsxRuntimeExports.jsx(t.FormProvider,{...r,children:t.jsxRuntimeExports.jsxs("form",{id:y(D),onSubmit:U,children:[t.jsxRuntimeExports.jsx(J,{size:l,children:t.jsxRuntimeExports.jsx(F.BankAccountSection,{bankAccountToCreate:a,fetchBankNameByRoutingStatus:m,sectionId:b,isDisabled:k})}),t.jsxRuntimeExports.jsx(V.MailingDetailsSection,{sectionId:N,isDisabled:k,addressType:f,addressToEdit:c,onAddressClick:L})]})})]}),t.jsxRuntimeExports.jsx(e.Footer,{formId:y(D),primaryBtn:{label:p?i.bankAccountCommon.submitDetails:i.bankAccountCommon.saveAccount,isLoading:o.fetchState==="In-Progress",style:{width:s.buttonWidth.value(l)},isDisabled:k!=null},showCancel:!p,cancelBtn:{label:M.cancel,style:{width:s.buttonWidth.value(l)},shouldResetOnCancel:!1,onClick:()=>{A?g(!0):(r.reset(),R?.())}}})]})},O=(n,o)=>({[b]:{bankRoutingNumber:n?.bankRoutingNumber,bankName:n?.bankName,bankAccountNumber:n?.bankAccountNumber,bankAccountType:n?.bankAccountType,confirmedBankAccountNumber:n?.confirmedBankAccountNumber,bankAccountName:n?.bankAccountName},[N]:{mailingAddress:o}}),G=n=>{if(n==null)return!1;const{bankAccountName:o,bankAccountNumber:m,bankName:f,bankRoutingNumber:a}=n;return!!o||!!m||!!f||!!a},J=S.div`
+  padding-left: ${n=>s.paddingLeft.valuePx(n.size)};
+  padding-right: ${n=>s.paddingRight.valuePx(n.size)};
+  padding-top: ${n=>s.paddingTopBottom.valuePx(n.size)};
+  padding-bottom: ${n=>s.paddingTopBottom.valuePx(n.size)};
+  background: ${n=>n.theme.colors.grey4};
+`,K=S(e.LargeMedium)`
+  color: ${n=>n.theme.colors.champion};
+  margin-left: ${n=>s.marginLeft.valuePx(n.size)};
+  margin-top: ${e.Space.sp3};
+`,Q=S.div`
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+`,X=S.div`
+  background-color: ${n=>n.theme.colors.grey4};
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+`;exports.DomesticWireDetailsPage=H;

package/dist/DomesticWireDetailsPage-DCs7uzMf.js

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