@zeniai/web-components 3.16.66 → 3.16.68

package/dist/AccountInfoPage-A_-IsMjY.js

@@ -1,78 +0,0 @@
-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-BUq811J_.js";
-import { T as $ } from "./StatusSwitcher-BouiuxoR.js";
-import { A as b } from "./AccountInfoPageContent-GSU5sIZD.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/AccountInfoPage-Di6rZMH7.cjs

@@ -1,18 +0,0 @@
-"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-DzNHLrCM.cjs"),m=require("./StatusSwitcher-B6F9ef4F.cjs"),w=require("./AccountInfoPageContent-UHXfi7Po.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/AccountInfoPageContent-GSU5sIZD.js

@@ -1,428 +0,0 @@
-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-BUq811J_.js";
-import { d as Be } from "./downloadPdf-BnQMYssX.js";
-import { t as Le } from "./commonDimensions-CzFG07N-.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
-};

package/dist/AccountInfoPageContent-UHXfi7Po.cjs

@@ -1,149 +0,0 @@
-"use strict";const o=require("./vendor-.pnpm-CT-Z_-kn.cjs"),a=require("react"),r=require("@emotion/styled"),e=require("./index-DzNHLrCM.cjs"),fe=require("./downloadPdf-DZQrS_tY.cjs"),ge=require("./commonDimensions--BNDKAU6.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;