@zeniai/web-components 3.16.69 → 3.16.70

package/dist/AccountInfoPage-COMdH8Vc.cjs

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-.pnpm-CT-Z_-kn.cjs"),S=require("react"),i=require("@emotion/styled"),e=require("./index-Bf5SMwBT.cjs"),m=require("./StatusSwitcher-DRCQk8Cv.cjs"),w=require("./AccountInfoPageContent-BACjTyW3.cjs"),s={pageTitleMarginXAxis:new e.ResponsiveSized(e.sp[4],e.sp[8]),containerPaddingLeft:new e.ResponsiveSized(e.sp[3],e.sp[6],e.sp[8]),containerPaddingRight:new e.ResponsiveSized(e.sp[3],e.sp[6],e.sp[8])},f=({authParams:t,downloadAccountDetailEndPoint:c,depositAccount:o,zeniAccountsConfigDetail:d,currentTenant:l,onDismissClick:u})=>{const p=n.useTheme(),r=e.useWindowSizeContext(),[a,x]=S.useState("achDetails"),g=h=>{x(h)};return n.jsxRuntimeExports.jsxs(v,{children:[n.jsxRuntimeExports.jsx(e.NavBarWithClose,{title:"",backgroundColor:p.colors.grey4,style:{zIndex:4},isTitleAlignLeft:!0,onCloseClick:u}),n.jsxRuntimeExports.jsx(P,{windowSize:r,children:o.accountName}),n.jsxRuntimeExports.jsx(R,{children:n.jsxRuntimeExports.jsx(m.TabSwitcher,{tabIds:["achDetails","wireDetails"],selectedTab:a,entity:"zeni_accounts",onTabSelectedChange:g,isSwitcherLeftAlign:!0})}),n.jsxRuntimeExports.jsx(j,{windowSize:r,children:n.jsxRuntimeExports.jsx(w.AccountInfoPageContent,{authParams:t,downloadAccountDetailEndPoint:c,currentTab:a,zeniAccountsConfigDetail:d,currentTenant:l,depositAccount:o})})]})},j=i.div`
+  padding-left: ${t=>`${s.containerPaddingLeft.valuePx(t.windowSize)}`};
+  padding-right: ${t=>`${s.containerPaddingRight.valuePx(t.windowSize)}`};
+`,v=i.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${t=>t.theme.colors.grey4};
+  overflow-x: hidden;
+  height: 100%;
+  width: 100%;
+`,P=i(e.H5SemiBold)`
+  color: ${t=>t.theme.colors.primary};
+  padding: ${e.Space.sp3} ${e.Space.sp0};
+  margin: ${t=>`${e.Space.sp0} ${s.pageTitleMarginXAxis.valuePx(t.windowSize)} `};
+`,R=i.div`
+  display: flex;
+  justify-content: flex-start;
+`;exports.default=f;

package/dist/AccountInfoPage-CxHOmu8J.js

@@ -0,0 +1,78 @@
+import { u as w, j as i } from "./vendor-.pnpm-DtFedGku.js";
+import { useState as S } from "react";
+import n from "@emotion/styled";
+import { u as T, aX as j, S as o, R as a, jb as P, D as t } from "./index-Dw5qKKzZ.js";
+import { T as $ } from "./StatusSwitcher-Dv2SgIW0.js";
+import { A as b } from "./AccountInfoPageContent-piyQPGxR.js";
+const s = {
+  pageTitleMarginXAxis: new a(t[4], t[8]),
+  containerPaddingLeft: new a(t[3], t[6], t[8]),
+  containerPaddingRight: new a(t[3], t[6], t[8])
+}, k = ({
+  authParams: e,
+  downloadAccountDetailEndPoint: l,
+  depositAccount: r,
+  zeniAccountsConfigDetail: g,
+  currentTenant: p,
+  onDismissClick: u
+}) => {
+  const m = w(), c = T(), [d, x] = S("achDetails"), f = (h) => {
+    x(h);
+  };
+  return /* @__PURE__ */ i.jsxs(v, { children: [
+    /* @__PURE__ */ i.jsx(
+      j,
+      {
+        title: "",
+        backgroundColor: m.colors.grey4,
+        style: { zIndex: 4 },
+        isTitleAlignLeft: !0,
+        onCloseClick: u
+      }
+    ),
+    /* @__PURE__ */ i.jsx(y, { windowSize: c, children: r.accountName }),
+    /* @__PURE__ */ i.jsx(z, { children: /* @__PURE__ */ i.jsx(
+      $,
+      {
+        tabIds: ["achDetails", "wireDetails"],
+        selectedTab: d,
+        entity: "zeni_accounts",
+        onTabSelectedChange: f,
+        isSwitcherLeftAlign: !0
+      }
+    ) }),
+    /* @__PURE__ */ i.jsx(C, { windowSize: c, children: /* @__PURE__ */ i.jsx(
+      b,
+      {
+        authParams: e,
+        downloadAccountDetailEndPoint: l,
+        currentTab: d,
+        zeniAccountsConfigDetail: g,
+        currentTenant: p,
+        depositAccount: r
+      }
+    ) })
+  ] });
+}, C = n.div`
+  padding-left: ${(e) => `${s.containerPaddingLeft.valuePx(e.windowSize)}`};
+  padding-right: ${(e) => `${s.containerPaddingRight.valuePx(e.windowSize)}`};
+`, v = n.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${(e) => e.theme.colors.grey4};
+  overflow-x: hidden;
+  height: 100%;
+  width: 100%;
+`, y = n(P)`
+  color: ${(e) => e.theme.colors.primary};
+  padding: ${o.sp3} ${o.sp0};
+  margin: ${(e) => `${o.sp0} ${s.pageTitleMarginXAxis.valuePx(
+  e.windowSize
+)} `};
+`, z = n.div`
+  display: flex;
+  justify-content: flex-start;
+`;
+export {
+  k as default
+};

package/dist/AccountInfoPageContent-BACjTyW3.cjs

@@ -0,0 +1,149 @@
+"use strict";const o=require("./vendor-.pnpm-CT-Z_-kn.cjs"),a=require("react"),r=require("@emotion/styled"),e=require("./index-Bf5SMwBT.cjs"),fe=require("./downloadPdf-DsPqt0wC.cjs"),ge=require("./commonDimensions-n1ab669E.cjs"),{common:{strings:$e,copyToClipBoard:g},spendManagement:{zeniAccounts:{zeniAccountDetail:W},billPay:{vendorCreation:{achDetails:s}},downloads:F}}=e.appLocale.getLocalizedStrings(),je=({authParams:t,downloadAccountDetailEndPoint:K,currentTab:y,depositAccount:i,zeniAccountsConfigDetail:u,currentTenant:$})=>{const X=e.useWindowSizeContext(),[,D]=e.useCopyToClipboard(),[j,Y]=a.useState(!1),[Z,ee]=a.useState(!1),[te,oe]=a.useState(!1),[se,re]=a.useState(!1),[ae,ne]=a.useState(!1),[ie,ce]=a.useState(!1),[de,le]=a.useState(!1),[pe,ue]=a.useState(!1),[m,H]=a.useState(!1),[S,B]=a.useState(!1),[k,L]=a.useState(!1),[N,_]=a.useState(!1),[T,q]=a.useState(!1),[R,z]=a.useState(!1),[w,P]=a.useState(!1),[f,V]=a.useState(!1),C=$?.company?.companyInfo.companyLegalName,E=e.getAddressTexts(u.zeniAccountsConfigDetail.mailingAddress).text2,x=e.getAddressTexts(u.zeniAccountsConfigDetail.bankAddress).text2;a.useEffect(()=>{(m||R||w||f||T||f||k||S||N)&&setTimeout(()=>{H(!1),z(!1),P(!1),V(!1),q(!1),_(!1),L(!1),B(!1)},1200)},[m,R,w,f,T,N,k,S]);const M=(b,n)=>{switch(b){case"accountType":ee(n);break;case"acccountNumber":oe(n);break;case"routingNumber":re(n);break;case"bankName":ne(n);break;case"beneficiaryName":le(n);break;case"beneficiaryAddress":ce(n);break;case"bankAddress":ue(n);break}},xe=b=>{let n;b==="achDetails"?n=`${s.bankRoutingNumber} ${i.routingNumberAch}
+
+${s.accountTypeLabel} ${i.accountSubType.name??""}
+
+${s.bankAccountNumber} ${i.accountNumber}
+
+${s.bankName} ${u.zeniAccountsConfigDetail.bankName}
+
+${s.bankAddress} ${x}`:n=`${s.bankRoutingNumber} ${i.routingNumberAch}
+
+${s.accountTypeLabel} ${i.accountSubType.name??""}
+
+${s.bankAccountNumber} ${i.accountNumber}
+
+${s.bankName} ${u.zeniAccountsConfigDetail.bankName}
+
+${s.beneficiaryName} ${C}
+
+${s.bankAddress} ${x}
+
+${s.beneficiaryAddress} ${E}`,D(n),H(!0)},c=(b,n,h,U)=>{let l,d;switch(h){case"acccountNumber":l=te,d=w;break;case"accountType":l=Z,d=R;break;case"bankName":l=ae,d=T;break;case"beneficiaryName":l=de,d=S;break;case"beneficiaryAddress":l=ie,d=N;break;case"bankAddress":l=pe,d=k;break;default:l=se,d=f;break}const ye=()=>{switch(h){case"accountType":z(!0);break;case"acccountNumber":P(!0);break;case"routingNumber":V(!0);break;case"bankName":q(!0);break;case"beneficiaryName":B(!0);break;case"beneficiaryAddress":_(!0);break;case"bankAddress":L(!0);break}};return o.jsxRuntimeExports.jsxs(Ce,{onMouseEnter:()=>M(h,!0),onMouseLeave:()=>M(h,!1),children:[o.jsxRuntimeExports.jsx(Ee,{children:b}),o.jsxRuntimeExports.jsx(ve,{children:o.jsxRuntimeExports.jsxs(Ie,{children:[o.jsxRuntimeExports.jsxs(Ae,{children:[l||X==="small"?o.jsxRuntimeExports.jsx(A,{children:o.jsxRuntimeExports.jsx(e.Tooltip,{display:"flex",placement:"left",title:o.jsxRuntimeExports.jsx(v,{isTextCopied:d,children:d?g.copied:g.copy}),enterDelay:600,children:d===!0?o.jsxRuntimeExports.jsx(Q,{}):o.jsxRuntimeExports.jsx(O,{"data-testid":e.generateDataTestId("account-info-copy",h),onClick:()=>{D(n),ye()}})})}):null,n]}),U!=null?o.jsxRuntimeExports.jsx(De,{children:U}):null]})})]})},me={detail_type:"account_details",deposit_account_id:i.id,company_name:$?.companyName??"",company_legal_name:$?.company?.companyInfo.companyLegalName??""},be=encodeURIComponent(JSON.stringify(me)),he=`${K}?query=${be}`;return o.jsxRuntimeExports.jsx(Se,{children:o.jsxRuntimeExports.jsxs(ke,{children:[o.jsxRuntimeExports.jsxs(Ne,{children:[o.jsxRuntimeExports.jsx(Re,{children:y==="achDetails"?W.achTitle:W.wireTitle}),o.jsxRuntimeExports.jsxs(Te,{children:[o.jsxRuntimeExports.jsx(A,{children:o.jsxRuntimeExports.jsx(e.Tooltip,{display:"flex",placement:"left",title:o.jsxRuntimeExports.jsx(v,{isTextCopied:j,children:j?F.downloading:F.download}),enterDelay:600,children:j===!0?o.jsxRuntimeExports.jsx(e.ActivityIndicator,{size:"Small",start:!0}):o.jsxRuntimeExports.jsx(we,{"data-testid":e.generateDataTestId("account-info-download-pdf"),onClick:()=>{fe.downloadPdf(he,$e.empty,t,Y,!0)}})})}),o.jsxRuntimeExports.jsx(A,{children:o.jsxRuntimeExports.jsx(e.Tooltip,{display:"flex",placement:"left",title:o.jsxRuntimeExports.jsx(v,{isTextCopied:m,children:m?g.copied:g.copy}),enterDelay:600,children:m===!0?o.jsxRuntimeExports.jsx(Q,{}):o.jsxRuntimeExports.jsx(O,{onClick:()=>xe(y),"data-testid":e.generateDataTestId("title-text-copy")})})})]})]}),y==="achDetails"?o.jsxRuntimeExports.jsxs(He,{children:[o.jsxRuntimeExports.jsx(G,{children:c(s.bankRoutingNumber,i.routingNumberAch,"routingNumber")}),o.jsxRuntimeExports.jsx(p,{children:c(s.accountTypeLabel,i.accountSubType.name,"accountType")}),o.jsxRuntimeExports.jsx(p,{children:c(s.bankAccountNumber,i.accountNumber,"acccountNumber")}),o.jsxRuntimeExports.jsx(p,{children:c(s.bankName,u.zeniAccountsConfigDetail.bankName,"bankName")}),x!=null?o.jsxRuntimeExports.jsx(J,{children:c(s.bankAddress,x,"bankAddress")}):null]}):y==="wireDetails"?o.jsxRuntimeExports.jsxs(Be,{children:[o.jsxRuntimeExports.jsx(G,{children:c(s.bankRoutingNumber,i.routingNumberAch,"routingNumber")}),o.jsxRuntimeExports.jsx(p,{children:c(s.accountTypeLabel,i.accountSubType.name,"accountType")}),o.jsxRuntimeExports.jsx(p,{children:c(s.bankAccountNumber,i.accountNumber,"acccountNumber")}),o.jsxRuntimeExports.jsx(p,{children:c(s.bankName,u.zeniAccountsConfigDetail.bankName,"bankName")}),x!=null?o.jsxRuntimeExports.jsx(p,{children:c(s.bankAddress,x,"bankAddress")}):null,C!=null?o.jsxRuntimeExports.jsx(p,{children:c(s.beneficiaryName,C,"beneficiaryName",s.beneficiaryNameSubLabel)}):null,E!=null?o.jsxRuntimeExports.jsx(J,{children:c(s.beneficiaryAddress,E,"beneficiaryAddress",s.beneficiaryAddressSubLabel)}):null]}):null]})})},Se=r.div``,ke=r.div`
+  margin: ${e.Space.sp4};
+  margin-left: ${e.Space.sp0};
+`,Ne=r.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: ${e.Space.sp3};
+`,Te=r.div`
+  display: flex;
+  gap: ${e.Space.sp4};
+`,Re=r(e.LargeSemiBold)`
+  color: ${t=>t.theme.colors.primary};
+  margin-right: ${e.Space.sp2};
+`,we=r(e.SvgDownload)`
+  height: ${e.Space.sp3};
+  width: ${e.Space.sp3};
+  color: ${t=>t.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`,I=r.div`
+  box-sizing: border-box;
+  min-height: ${ge.transactionItemDimensions.transactionItemHeight}px;
+  display: flex;
+  border: 1px solid;
+  border-radius: ${e.Space.sp2};
+  background-color: ${t=>t.theme.colors.grey5};
+  border-color: ${t=>t.theme.colors.grey3};
+  color: ${t=>t.theme.colors.hero};
+  &:hover {
+    border-color: ${t=>t.theme.colors.primary};
+    color: ${t=>t.theme.colors.primary};
+    .tag {
+      border-color: ${t=>t.theme.colors.grey2};
+      color: ${t=>t.theme.colors.grey1};
+    }
+  }
+`,G=r(I)`
+  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
+  display: flex;
+  border-top-width: 1px;
+  border-right-width: 1px;
+  border-bottom-width: 0.5px;
+  border-left-width: 1px;
+
+  border-top-left-radius: ${e.Space.sp2};
+  border-top-right-radius: ${e.Space.sp2};
+  border-bottom-left-radius: ${e.Space.sp0};
+  border-bottom-right-radius: ${e.Space.sp0};
+  &:hover {
+    border-bottom-width: 1px;
+  }
+`,J=r(I)`
+  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
+  display: flex;
+  border-top-width: 0.5px;
+  border-right-width: 1px;
+  border-bottom-width: 1px;
+  border-left-width: 1px;
+  border-top-left-radius: ${e.Space.sp0};
+  border-top-right-radius: ${e.Space.sp0};
+  border-bottom-left-radius: ${e.Space.sp2};
+  border-bottom-right-radius: ${e.Space.sp2};
+  &:hover {
+    border-top-width: 1px;
+  }
+`,A=r.div`
+  display: flex;
+  color: ${t=>t.theme.colors.grey1};
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+    svg {
+      color: ${t=>t.theme.colors.primary};
+    }
+  }
+`,O=r(e.SvgCopy)`
+  height: ${e.Space.sp3};
+  width: ${e.Space.sp3};
+  color: ${t=>t.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`,Q=r(e.SvgTickRoundFill)`
+  height: ${e.Space.sp3};
+  width: ${e.Space.sp3};
+  color: ${e.Colors.success};
+`,Ce=r.div`
+  display: flex;
+  flex-direction: row;
+  padding: ${e.Space.sp3} ${e.Space.sp4};
+  justify-content: space-between;
+  width: 100%;
+  gap: ${e.Space.sp4};
+`,Ee=r(e.StandardRegular)`
+  color: ${t=>t.theme.colors.hero};
+`,Ae=r(e.StandardRegular)`
+  display: flex;
+  align-items: center;
+  color: ${t=>t.theme.colors.primary};
+  background-color: ${t=>t.theme.colors.grey5};
+  justify-content: flex-end;
+  text-align: end;
+`,ve=r.div`
+  display: flex;
+`,Ie=r.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`,De=r(e.SmallRegular)`
+  color: ${t=>t.theme.colors.grey1};
+  text-align: end;
+`,v=r(e.SmallRegular)`
+  color: ${t=>t.isTextCopied?e.Colors.primaryDark:e.Colors.neutralGrey1Light};
+`,p=r(I)`
+  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
+  display: flex;
+  border-radius: ${e.Space.sp0};
+  border-top-width: 0.5px;
+  border-right-width: 1px;
+  border-bottom-width: 0.5px;
+  border-left-width: 1px;
+  &:hover {
+    border-top-width: 1px;
+    border-bottom-width: 1px;
+  }
+`,He=r.div``,Be=r.div``;exports.AccountInfoPageContent=je;

package/dist/AccountInfoPageContent-piyQPGxR.js

@@ -0,0 +1,428 @@
+import { j as o } from "./vendor-.pnpm-DtFedGku.js";
+import { useState as t, useEffect as we } from "react";
+import a from "@emotion/styled";
+import { u as je, fT as Ce, jc as F, a as Ae, Z as S, A as ve, j as D, S as r, L as Ie, f9 as Se, C as L, G as ee, ba as De, fZ as He, p as oe } from "./index-Dw5qKKzZ.js";
+import { d as Be } from "./downloadPdf-Bru9fczY.js";
+import { t as Le } from "./commonDimensions-BKhS6mTi.js";
+const {
+  common: { strings: Re, copyToClipBoard: g },
+  spendManagement: {
+    zeniAccounts: { zeniAccountDetail: J },
+    billPay: {
+      vendorCreation: { achDetails: s }
+    },
+    downloads: O
+  }
+} = Ae.getLocalizedStrings(), ro = ({
+  authParams: e,
+  downloadAccountDetailEndPoint: re,
+  currentTab: y,
+  depositAccount: i,
+  zeniAccountsConfigDetail: p,
+  currentTenant: $
+}) => {
+  const se = je(), [, z] = Ce(), [k, ae] = t(!1), [te, ne] = t(!1), [ie, ce] = t(!1), [de, le] = t(!1), [be, pe] = t(!1), [me, ue] = t(!1), [xe, he] = t(!1), [ye, fe] = t(!1), [u, _] = t(!1), [N, P] = t(!1), [T, V] = t(!1), [w, E] = t(!1), [j, M] = t(!1), [C, q] = t(!1), [A, G] = t(!1), [f, U] = t(!1), v = $?.company?.companyInfo.companyLegalName, I = F(
+    p.zeniAccountsConfigDetail.mailingAddress
+  ).text2, m = F(
+    p.zeniAccountsConfigDetail.bankAddress
+  ).text2;
+  we(() => {
+    (u || C || A || f || j || f || T || N || w) && setTimeout(() => {
+      _(!1), q(!1), G(!1), U(!1), M(!1), E(!1), V(!1), P(!1);
+    }, 1200);
+  }, [
+    u,
+    C,
+    A,
+    f,
+    j,
+    w,
+    T,
+    N
+  ]);
+  const W = (x, n) => {
+    switch (x) {
+      case "accountType":
+        ne(n);
+        break;
+      case "acccountNumber":
+        ce(n);
+        break;
+      case "routingNumber":
+        le(n);
+        break;
+      case "bankName":
+        pe(n);
+        break;
+      case "beneficiaryName":
+        he(n);
+        break;
+      case "beneficiaryAddress":
+        ue(n);
+        break;
+      case "bankAddress":
+        fe(n);
+        break;
+    }
+  }, ge = (x) => {
+    let n;
+    x === "achDetails" ? n = `${s.bankRoutingNumber} ${i.routingNumberAch}
+
+${s.accountTypeLabel} ${i.accountSubType.name ?? ""}
+
+${s.bankAccountNumber} ${i.accountNumber}
+
+${s.bankName} ${p.zeniAccountsConfigDetail.bankName}
+
+${s.bankAddress} ${m}` : n = `${s.bankRoutingNumber} ${i.routingNumberAch}
+
+${s.accountTypeLabel} ${i.accountSubType.name ?? ""}
+
+${s.bankAccountNumber} ${i.accountNumber}
+
+${s.bankName} ${p.zeniAccountsConfigDetail.bankName}
+
+${s.beneficiaryName} ${v}
+
+${s.bankAddress} ${m}
+
+${s.beneficiaryAddress} ${I}`, z(n), _(!0);
+  }, c = (x, n, h, Z) => {
+    let l, d;
+    switch (h) {
+      case "acccountNumber":
+        l = ie, d = A;
+        break;
+      case "accountType":
+        l = te, d = C;
+        break;
+      case "bankName":
+        l = be, d = j;
+        break;
+      case "beneficiaryName":
+        l = xe, d = N;
+        break;
+      case "beneficiaryAddress":
+        l = me, d = w;
+        break;
+      case "bankAddress":
+        l = ye, d = T;
+        break;
+      default:
+        l = de, d = f;
+        break;
+    }
+    const Te = () => {
+      switch (h) {
+        case "accountType":
+          q(!0);
+          break;
+        case "acccountNumber":
+          G(!0);
+          break;
+        case "routingNumber":
+          U(!0);
+          break;
+        case "bankName":
+          M(!0);
+          break;
+        case "beneficiaryName":
+          P(!0);
+          break;
+        case "beneficiaryAddress":
+          E(!0);
+          break;
+        case "bankAddress":
+          V(!0);
+          break;
+      }
+    };
+    return /* @__PURE__ */ o.jsxs(
+      qe,
+      {
+        onMouseEnter: () => W(h, !0),
+        onMouseLeave: () => W(h, !1),
+        children: [
+          /* @__PURE__ */ o.jsx(Ge, { children: x }),
+          /* @__PURE__ */ o.jsx(We, { children: /* @__PURE__ */ o.jsxs(Ze, { children: [
+            /* @__PURE__ */ o.jsxs(Ue, { children: [
+              l || se === "small" ? /* @__PURE__ */ o.jsx(H, { children: /* @__PURE__ */ o.jsx(
+                S,
+                {
+                  display: "flex",
+                  placement: "left",
+                  title: /* @__PURE__ */ o.jsx(B, { isTextCopied: d, children: d ? g.copied : g.copy }),
+                  enterDelay: 600,
+                  children: d === !0 ? /* @__PURE__ */ o.jsx(Y, {}) : /* @__PURE__ */ o.jsx(
+                    X,
+                    {
+                      "data-testid": D(
+                        "account-info-copy",
+                        h
+                      ),
+                      onClick: () => {
+                        z(n), Te();
+                      }
+                    }
+                  )
+                }
+              ) }) : null,
+              n
+            ] }),
+            Z != null ? /* @__PURE__ */ o.jsx(Fe, { children: Z }) : null
+          ] }) })
+        ]
+      }
+    );
+  }, $e = {
+    detail_type: "account_details",
+    deposit_account_id: i.id,
+    company_name: $?.companyName ?? "",
+    company_legal_name: $?.company?.companyInfo.companyLegalName ?? ""
+  }, ke = encodeURIComponent(JSON.stringify($e)), Ne = `${re}?query=${ke}`;
+  return /* @__PURE__ */ o.jsx(ze, { children: /* @__PURE__ */ o.jsxs(_e, { children: [
+    /* @__PURE__ */ o.jsxs(Pe, { children: [
+      /* @__PURE__ */ o.jsx(Ee, { children: y === "achDetails" ? J.achTitle : J.wireTitle }),
+      /* @__PURE__ */ o.jsxs(Ve, { children: [
+        /* @__PURE__ */ o.jsx(H, { children: /* @__PURE__ */ o.jsx(
+          S,
+          {
+            display: "flex",
+            placement: "left",
+            title: /* @__PURE__ */ o.jsx(B, { isTextCopied: k, children: k ? O.downloading : O.download }),
+            enterDelay: 600,
+            children: k === !0 ? /* @__PURE__ */ o.jsx(ve, { size: "Small", start: !0 }) : /* @__PURE__ */ o.jsx(
+              Me,
+              {
+                "data-testid": D(
+                  "account-info-download-pdf"
+                ),
+                onClick: () => {
+                  Be(
+                    Ne,
+                    Re.empty,
+                    e,
+                    ae,
+                    !0
+                  );
+                }
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ o.jsx(H, { children: /* @__PURE__ */ o.jsx(
+          S,
+          {
+            display: "flex",
+            placement: "left",
+            title: /* @__PURE__ */ o.jsx(B, { isTextCopied: u, children: u ? g.copied : g.copy }),
+            enterDelay: 600,
+            children: u === !0 ? /* @__PURE__ */ o.jsx(Y, {}) : /* @__PURE__ */ o.jsx(
+              X,
+              {
+                onClick: () => ge(y),
+                "data-testid": D("title-text-copy")
+              }
+            )
+          }
+        ) })
+      ] })
+    ] }),
+    y === "achDetails" ? /* @__PURE__ */ o.jsxs(Je, { children: [
+      /* @__PURE__ */ o.jsx(Q, { children: c(
+        s.bankRoutingNumber,
+        i.routingNumberAch,
+        "routingNumber"
+      ) }),
+      /* @__PURE__ */ o.jsx(b, { children: c(
+        s.accountTypeLabel,
+        i.accountSubType.name,
+        "accountType"
+      ) }),
+      /* @__PURE__ */ o.jsx(b, { children: c(
+        s.bankAccountNumber,
+        i.accountNumber,
+        "acccountNumber"
+      ) }),
+      /* @__PURE__ */ o.jsx(b, { children: c(
+        s.bankName,
+        p.zeniAccountsConfigDetail.bankName,
+        "bankName"
+      ) }),
+      m != null ? /* @__PURE__ */ o.jsx(K, { children: c(
+        s.bankAddress,
+        m,
+        "bankAddress"
+      ) }) : null
+    ] }) : y === "wireDetails" ? /* @__PURE__ */ o.jsxs(Oe, { children: [
+      /* @__PURE__ */ o.jsx(Q, { children: c(
+        s.bankRoutingNumber,
+        i.routingNumberAch,
+        "routingNumber"
+      ) }),
+      /* @__PURE__ */ o.jsx(b, { children: c(
+        s.accountTypeLabel,
+        i.accountSubType.name,
+        "accountType"
+      ) }),
+      /* @__PURE__ */ o.jsx(b, { children: c(
+        s.bankAccountNumber,
+        i.accountNumber,
+        "acccountNumber"
+      ) }),
+      /* @__PURE__ */ o.jsx(b, { children: c(
+        s.bankName,
+        p.zeniAccountsConfigDetail.bankName,
+        "bankName"
+      ) }),
+      m != null ? /* @__PURE__ */ o.jsx(b, { children: c(
+        s.bankAddress,
+        m,
+        "bankAddress"
+      ) }) : null,
+      v != null ? /* @__PURE__ */ o.jsx(b, { children: c(
+        s.beneficiaryName,
+        v,
+        "beneficiaryName",
+        s.beneficiaryNameSubLabel
+      ) }) : null,
+      I != null ? /* @__PURE__ */ o.jsx(K, { children: c(
+        s.beneficiaryAddress,
+        I,
+        "beneficiaryAddress",
+        s.beneficiaryAddressSubLabel
+      ) }) : null
+    ] }) : null
+  ] }) });
+}, ze = a.div``, _e = a.div`
+  margin: ${r.sp4};
+  margin-left: ${r.sp0};
+`, Pe = a.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: ${r.sp3};
+`, Ve = a.div`
+  display: flex;
+  gap: ${r.sp4};
+`, Ee = a(Ie)`
+  color: ${(e) => e.theme.colors.primary};
+  margin-right: ${r.sp2};
+`, Me = a(Se)`
+  height: ${r.sp3};
+  width: ${r.sp3};
+  color: ${(e) => e.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    color: ${(e) => e.theme.colors.primary};
+  }
+`, R = a.div`
+  box-sizing: border-box;
+  min-height: ${Le.transactionItemHeight}px;
+  display: flex;
+  border: 1px solid;
+  border-radius: ${r.sp2};
+  background-color: ${(e) => e.theme.colors.grey5};
+  border-color: ${(e) => e.theme.colors.grey3};
+  color: ${(e) => e.theme.colors.hero};
+  &:hover {
+    border-color: ${(e) => e.theme.colors.primary};
+    color: ${(e) => e.theme.colors.primary};
+    .tag {
+      border-color: ${(e) => e.theme.colors.grey2};
+      color: ${(e) => e.theme.colors.grey1};
+    }
+  }
+`, Q = a(R)`
+  box-shadow: ${(e) => `${r.sp0} 2px ${r.sp1} ${e.theme.colors.dropShadowNormal}`};
+  display: flex;
+  border-top-width: 1px;
+  border-right-width: 1px;
+  border-bottom-width: 0.5px;
+  border-left-width: 1px;
+
+  border-top-left-radius: ${r.sp2};
+  border-top-right-radius: ${r.sp2};
+  border-bottom-left-radius: ${r.sp0};
+  border-bottom-right-radius: ${r.sp0};
+  &:hover {
+    border-bottom-width: 1px;
+  }
+`, K = a(R)`
+  box-shadow: ${(e) => `${r.sp0} 2px ${r.sp1} ${e.theme.colors.dropShadowNormal}`};
+  display: flex;
+  border-top-width: 0.5px;
+  border-right-width: 1px;
+  border-bottom-width: 1px;
+  border-left-width: 1px;
+  border-top-left-radius: ${r.sp0};
+  border-top-right-radius: ${r.sp0};
+  border-bottom-left-radius: ${r.sp2};
+  border-bottom-right-radius: ${r.sp2};
+  &:hover {
+    border-top-width: 1px;
+  }
+`, H = a.div`
+  display: flex;
+  color: ${(e) => e.theme.colors.grey1};
+  &:hover {
+    color: ${(e) => e.theme.colors.primary};
+    svg {
+      color: ${(e) => e.theme.colors.primary};
+    }
+  }
+`, X = a(He)`
+  height: ${r.sp3};
+  width: ${r.sp3};
+  color: ${(e) => e.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    color: ${(e) => e.theme.colors.primary};
+  }
+`, Y = a(De)`
+  height: ${r.sp3};
+  width: ${r.sp3};
+  color: ${L.success};
+`, qe = a.div`
+  display: flex;
+  flex-direction: row;
+  padding: ${r.sp3} ${r.sp4};
+  justify-content: space-between;
+  width: 100%;
+  gap: ${r.sp4};
+`, Ge = a(oe)`
+  color: ${(e) => e.theme.colors.hero};
+`, Ue = a(oe)`
+  display: flex;
+  align-items: center;
+  color: ${(e) => e.theme.colors.primary};
+  background-color: ${(e) => e.theme.colors.grey5};
+  justify-content: flex-end;
+  text-align: end;
+`, We = a.div`
+  display: flex;
+`, Ze = a.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`, Fe = a(ee)`
+  color: ${(e) => e.theme.colors.grey1};
+  text-align: end;
+`, B = a(ee)`
+  color: ${(e) => e.isTextCopied ? L.primaryDark : L.neutralGrey1Light};
+`, b = a(R)`
+  box-shadow: ${(e) => `${r.sp0} 2px ${r.sp1} ${e.theme.colors.dropShadowNormal}`};
+  display: flex;
+  border-radius: ${r.sp0};
+  border-top-width: 0.5px;
+  border-right-width: 1px;
+  border-bottom-width: 0.5px;
+  border-left-width: 1px;
+  &:hover {
+    border-top-width: 1px;
+    border-bottom-width: 1px;
+  }
+`, Je = a.div``, Oe = a.div``;
+export {
+  ro as A
+};