@zeniai/web-components 3.17.3 → 3.17.4

package/dist/StatementItem-CiEc99TC.js

@@ -1,81 +0,0 @@
-import { j as o } from "./vendor-.pnpm-B2klaOGU.js";
-import { useState as u } from "react";
-import i from "@emotion/styled";
-import { u as y, a as g, jk as v, A as z, S as n, o as j, R as b, f9 as k, D as L } from "./index-BEMjPEfs.js";
-import { B } from "./BoxItem-DOQKl_Is.js";
-import { d as C } from "./downloadPdf-CPsXQUbt.js";
-const d = g.getLocalizedStrings().months, r = {
-  downloadButtonSize: new b(L[4], 20)
-}, D = i.div`
-  display: flex;
-  padding: ${n.sp3} ${n.sp4};
-  flex-direction: row;
-  width: 100%;
-`, I = i.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-`, R = i(j)`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  margin-left: ${n.sp2};
-  max-height: ${n.sp11};
-  text-overflow: ellipsis;
-  word-break: break-word;
-  text-align: left;
-  overflow: hidden;
-`, P = i.div`
-  cursor: pointer;
-`, q = i(k)`
-  width: ${(t) => r.downloadButtonSize.valuePx(t.windowSize)};
-  height: ${(t) => r.downloadButtonSize.valuePx(t.windowSize)};
-  min-height: ${(t) => r.downloadButtonSize.valuePx(t.windowSize)};
-  color: ${(t) => t.theme.colors.hero};
-  &:hover {
-    color: ${(t) => t.theme.colors.primary};
-  }
-`;
-function O({
-  accountLast4: t,
-  currentTenantCompanyName: a,
-  data: e,
-  authParams: m,
-  downloadEndPoint: l,
-  documentType: s = "statement",
-  boxType: c
-}) {
-  const [w, p] = u(!1), x = y(), h = s === "taxLetter" ? `${e.title.year}` : `${d[e.title.month - 1]} ${e.title.year}`, S = s === "taxLetter" ? `${a}-treasury-tax-letter-${e.title.year}.pdf` : `${a}-${t}-monthly-statement-${d[e.title.month - 1]}-${e.title.year}.pdf`, f = {
-    period: `${e.title.year}-${v(e.title.month)}`,
-    format: "pdf"
-  }, $ = /* @__PURE__ */ o.jsx(D, { children: /* @__PURE__ */ o.jsxs(I, { children: [
-    /* @__PURE__ */ o.jsx(R, { children: h }),
-    /* @__PURE__ */ o.jsx(
-      P,
-      {
-        onClick: () => C(
-          s === "treasuryStatement" || s === "taxLetter" ? `${l}/statements/${e.id}` : `${l}/statements?query=${encodeURIComponent(
-            JSON.stringify(f)
-          )}`,
-          S,
-          m,
-          p
-        ),
-        children: w ? /* @__PURE__ */ o.jsx(z, { size: "Small", start: !0 }) : /* @__PURE__ */ o.jsx(q, { windowSize: x })
-      }
-    )
-  ] }) });
-  return /* @__PURE__ */ o.jsx(
-    B,
-    {
-      content: $,
-      boxType: c,
-      isDisabled: !1,
-      isNotClickable: !0
-    }
-  );
-}
-export {
-  O as S
-};

package/dist/StatementItem-Dou3NL0N.cjs

@@ -1,31 +0,0 @@
-"use strict";const i=require("./vendor-.pnpm-D0ILHvHB.cjs"),f=require("react"),n=require("@emotion/styled"),t=require("./index-gTpRqqAW.cjs"),j=require("./BoxItem-DH_lDowf.cjs"),y=require("./downloadPdf-3u48yAJC.cjs"),c=t.appLocale.getLocalizedStrings().months,r={downloadButtonSize:new t.ResponsiveSized(t.sp[4],20)},v=n.div`
-  display: flex;
-  padding: ${t.Space.sp3} ${t.Space.sp4};
-  flex-direction: row;
-  width: 100%;
-`,g=n.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-`,z=n(t.StandardRegular)`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  margin-left: ${t.Space.sp2};
-  max-height: ${t.Space.sp11};
-  text-overflow: ellipsis;
-  word-break: break-word;
-  text-align: left;
-  overflow: hidden;
-`,R=n.div`
-  cursor: pointer;
-`,b=n(t.SvgDownload)`
-  width: ${e=>r.downloadButtonSize.valuePx(e.windowSize)};
-  height: ${e=>r.downloadButtonSize.valuePx(e.windowSize)};
-  min-height: ${e=>r.downloadButtonSize.valuePx(e.windowSize)};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`;function q({accountLast4:e,currentTenantCompanyName:l,data:o,authParams:d,downloadEndPoint:a,documentType:s="statement",boxType:x}){const[m,p]=f.useState(!1),w=t.useWindowSizeContext(),u=s==="taxLetter"?`${o.title.year}`:`${c[o.title.month-1]} ${o.title.year}`,h=s==="taxLetter"?`${l}-treasury-tax-letter-${o.title.year}.pdf`:`${l}-${e}-monthly-statement-${c[o.title.month-1]}-${o.title.year}.pdf`,S={period:`${o.title.year}-${t.toMonthStr(o.title.month)}`,format:"pdf"},$=i.jsxRuntimeExports.jsx(v,{children:i.jsxRuntimeExports.jsxs(g,{children:[i.jsxRuntimeExports.jsx(z,{children:u}),i.jsxRuntimeExports.jsx(R,{onClick:()=>y.downloadPdf(s==="treasuryStatement"||s==="taxLetter"?`${a}/statements/${o.id}`:`${a}/statements?query=${encodeURIComponent(JSON.stringify(S))}`,h,d,p),children:m?i.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"Small",start:!0}):i.jsxRuntimeExports.jsx(b,{windowSize:w})})]})});return i.jsxRuntimeExports.jsx(j.BoxItem,{content:$,boxType:x,isDisabled:!1,isNotClickable:!0})}exports.StatementItem=q;

package/dist/StatementsPage-Ba7Ru2QM.cjs

@@ -1,58 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-.pnpm-D0ILHvHB.cjs"),m=require("react"),n=require("@emotion/styled"),e=require("./index-gTpRqqAW.cjs"),R=require("./BoxItem-DH_lDowf.cjs"),v=require("./commonDimensions-DgYPd8NC.cjs"),$=require("./StatementItem-Dou3NL0N.cjs"),p=e.appLocale.getLocalizedStrings().spendManagement.zeniAccounts.statements,u={listItemMargin:new e.ResponsiveSized(e.sp[3],e.sp[8])},E=({currentTenantCompanyName:s,authParams:h,downloadEndPoint:g,statementListView:r,accountLast4:b,onBackClick:S})=>{const f=t.useTheme(),l=e.useWindowSizeContext(),j=m.createRef(),c=m.useRef(null),d=r.statements.length===0,y=()=>d===!1?v.transactionItemDimensions.transactionItemHeight:24,w=({index:o,style:i})=>{const a=r.statements[o];return d===!1?t.jsxRuntimeExports.jsx(x,{windowSize:l,style:{...i,width:`calc(100% - 2*${u.listItemMargin.valuePx(l)})`},children:t.jsxRuntimeExports.jsx($.StatementItem,{currentTenantCompanyName:s,accountLast4:b,data:a,authParams:h,downloadEndPoint:g,boxType:R.boxType(o,r.statements.length)},a.id)}):t.jsxRuntimeExports.jsx(k,{style:{...i},children:t.jsxRuntimeExports.jsx(I,{children:t.jsxRuntimeExports.jsx(x,{windowSize:l,children:t.jsxRuntimeExports.jsx(C,{children:p.noStatements})})})})};return t.jsxRuntimeExports.jsxs(z,{children:[t.jsxRuntimeExports.jsx(e.NavBar,{title:p.title,backgroundColor:f.colors.grey4,style:{zIndex:3},onBackClick:S,scrollableContent:c.current!=null?c:void 0,source:"StatementsPage"}),t.jsxRuntimeExports.jsx(T,{children:t.jsxRuntimeExports.jsx(t.AutoSizer,{children:({height:o,width:i})=>t.jsxRuntimeExports.jsx(q,{ref:j,height:o,width:i,outerRef:c,itemKey:a=>a,itemCount:r.statements.length,itemSize:y,initialScrollOffset:0,children:w})})})]})},k=n.div``,x=n.div`
-  margin: ${s=>`${e.Space.sp0} ${u.listItemMargin.valuePx(s.windowSize)}`};
-  &:hover {
-    position: relative;
-    z-index: 2;
-  }
-`,I=n.div`
-  display: flex;
-  height: 100%;
-  flex: 1 1 auto;
-  flex-direction: row;
-  justify-content: center;
-  align-items: flex-end;
-`,z=n.div`
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  width: 100%;
-  padding-bottom: ${e.Space.sp7};
-`,C=n(e.StandardRegular)`
-  display: flex;
-  color: ${s=>s.theme.colors.grey2};
-`,T=n.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  margin-top: ${e.Space.sp6};
-`,q=n(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=E;

package/dist/StatementsPage-DUDkEPxH.js

@@ -1,130 +0,0 @@
-import { u as k, j as t, A as v, V as z } from "./vendor-.pnpm-B2klaOGU.js";
-import { createRef as C, useRef as I } from "react";
-import r from "@emotion/styled";
-import { u as R, aE as T, a as E, S as s, C as m, R as A, D as p, o as L } from "./index-BEMjPEfs.js";
-import { b as M } from "./BoxItem-DOQKl_Is.js";
-import { t as P } from "./commonDimensions-CAd1RCWd.js";
-import { S as B } from "./StatementItem-CiEc99TC.js";
-const h = E.getLocalizedStrings().spendManagement.zeniAccounts.statements, u = {
-  listItemMargin: new A(p[3], p[8])
-}, Y = ({
-  currentTenantCompanyName: e,
-  authParams: g,
-  downloadEndPoint: b,
-  statementListView: o,
-  accountLast4: f,
-  onBackClick: S
-}) => {
-  const w = k(), l = R(), y = C(), c = I(null), d = o.statements.length === 0, $ = () => d === !1 ? P.transactionItemHeight : 24, j = ({ index: n, style: a }) => {
-    const i = o.statements[n];
-    return d === !1 ? /* @__PURE__ */ t.jsx(
-      x,
-      {
-        windowSize: l,
-        style: {
-          ...a,
-          width: `calc(100% - 2*${u.listItemMargin.valuePx(l)})`
-        },
-        children: /* @__PURE__ */ t.jsx(
-          B,
-          {
-            currentTenantCompanyName: e,
-            accountLast4: f,
-            data: i,
-            authParams: g,
-            downloadEndPoint: b,
-            boxType: M(n, o.statements.length)
-          },
-          i.id
-        )
-      }
-    ) : /* @__PURE__ */ t.jsx(D, { style: { ...a }, children: /* @__PURE__ */ t.jsx(O, { children: /* @__PURE__ */ t.jsx(x, { windowSize: l, children: /* @__PURE__ */ t.jsx(H, { children: h.noStatements }) }) }) });
-  };
-  return /* @__PURE__ */ t.jsxs(W, { children: [
-    /* @__PURE__ */ t.jsx(
-      T,
-      {
-        title: h.title,
-        backgroundColor: w.colors.grey4,
-        style: { zIndex: 3 },
-        onBackClick: S,
-        scrollableContent: c.current != null ? c : void 0,
-        source: "StatementsPage"
-      }
-    ),
-    /* @__PURE__ */ t.jsx(K, { children: /* @__PURE__ */ t.jsx(v, { children: ({ height: n, width: a }) => /* @__PURE__ */ t.jsx(
-      N,
-      {
-        ref: y,
-        height: n,
-        width: a,
-        outerRef: c,
-        itemKey: (i) => i,
-        itemCount: o.statements.length,
-        itemSize: $,
-        initialScrollOffset: 0,
-        children: j
-      }
-    ) }) })
-  ] });
-}, D = r.div``, x = r.div`
-  margin: ${(e) => `${s.sp0} ${u.listItemMargin.valuePx(e.windowSize)}`};
-  &:hover {
-    position: relative;
-    z-index: 2;
-  }
-`, O = r.div`
-  display: flex;
-  height: 100%;
-  flex: 1 1 auto;
-  flex-direction: row;
-  justify-content: center;
-  align-items: flex-end;
-`, W = r.div`
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  width: 100%;
-  padding-bottom: ${s.sp7};
-`, H = r(L)`
-  display: flex;
-  color: ${(e) => e.theme.colors.grey2};
-`, K = r.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  margin-top: ${s.sp6};
-`, N = r(z)`
-  scrollbar-width: thin;
-  scrollbar-color: transparent transparent;
-  &::-webkit-scrollbar {
-    width: ${s.sp2};
-    height: ${s.sp0};
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 2px ${m.scrollbarBoxShadow};
-    -webkit-box-shadow: inset 0 0 2px ${m.scrollbarBoxShadow};
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-thumb {
-    background-color: transparent;
-  }
-
-  &:hover {
-    scrollbar-color: ${(e) => e.theme.colors.grey1} transparent;
-    &::-webkit-scrollbar {
-      width: ${s.sp2};
-      height: ${s.sp0};
-      background-color: transparent;
-    }
-    &::-webkit-scrollbar-thumb {
-      background-color: ${(e) => e.theme.colors.grey1};
-      border-radius: 2px;
-    }
-  }
-`;
-export {
-  Y as default
-};

package/dist/StatusSwitcher-BzgKpMtG.js

@@ -1,319 +0,0 @@
-import { j as u } from "./vendor-.pnpm-B2klaOGU.js";
-import { css as w } from "@emotion/react";
-import d from "@emotion/styled";
-import { a as $, u as S, fa as T, R as h, S as n, D as l, F as z } from "./index-BEMjPEfs.js";
-function b(e) {
-  return e.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").trim().split(" ").filter(Boolean).map((a) => a.charAt(0).toUpperCase() + a.slice(1)).join(" ");
-}
-const L = (e) => {
-  switch (e) {
-    case "bill_pay":
-      return "bills";
-    case "reimbursement":
-      return "reimbursements";
-    case "charge_cards":
-      return "cards";
-    default:
-      return e;
-  }
-};
-function B(e, r) {
-  if (typeof e == "string")
-    return e;
-  if (e != null && typeof e == "object") {
-    const a = Object.values(e)[0];
-    return typeof a == "string" ? a : b(r);
-  }
-  return b(r);
-}
-function c(e, r, a) {
-  const s = e[r];
-  return s != null ? B(s, a) : null;
-}
-const _ = (e, r) => {
-  const {
-    spendManagement: {
-      billPay: {
-        billsByTabs: { tabsById: a }
-      },
-      reimbursement: {
-        reimbursementByTabs: { tabsById: s }
-      },
-      zeniAccounts: {
-        zeniAccountList: { tabsById: o }
-      }
-    }
-  } = $.getLocalizedStrings(), t = String(e);
-  if (r)
-    switch (r) {
-      case "bill_pay": {
-        const i = c(a, t, t);
-        if (i != null)
-          return i.replace(/\s+/g, "_").toLowerCase();
-        break;
-      }
-      case "reimbursement": {
-        const i = c(
-          s,
-          t,
-          t
-        );
-        if (i != null)
-          return i.replace(/\s+/g, "_").toLowerCase();
-        break;
-      }
-      case "zeni_accounts": {
-        const i = c(
-          o,
-          t,
-          t
-        );
-        if (i != null)
-          return i.replace(/\s+/g, "_").toLowerCase();
-        break;
-      }
-    }
-  return (c(a, t, t) ?? c(s, t, t) ?? c(o, t, t) ?? b(t)).replace(/\s+/g, "_").toLowerCase();
-}, {
-  spendManagement: {
-    billPay: {
-      billsByTabs: { tabsById: x }
-    },
-    reimbursement: {
-      reimbursementByTabs: { tabsById: y }
-    },
-    zeniAccounts: {
-      zeniAccountList: { tabsById: A }
-    }
-  }
-} = $.getLocalizedStrings(), g = {
-  containerMarginLeft: new h(l[4], l[8]),
-  containerMarginRight: new h(l[4], l[8]),
-  segmentContainerMarginLeft: new h(l[4], l[8])
-}, M = d.div`
-  display: flex;
-  flex-direction: row;
-  width: 100%;
-  border-bottom: ${(e) => e.hasSubTabs === !0 ? "none" : `1px solid  ${e.theme.colors.grey3}`};
-  justify-content: ${(e) => e.isSwitcherLeftAlign === !0 ? "left" : "center"};
-  margin-right: ${(e) => e.hasSubTabs === !0 ? "auto" : g.containerMarginRight.valuePx(e.windowSize)};
-  margin-left: ${(e) => e.hasSubTabs === !0 ? "auto" : g.containerMarginLeft.valuePx(e.windowSize)};
-`, j = d.div`
-  position: relative;
-  display: flex;
-  align-items: center;
-  height: 53px;
-  overflow-x: ${(e) => e.hasSubTabs === !0 ? "auto" : "hidden"};
-  margin-left: ${(e) => e.hasSubTabs === !0 ? "initial" : "auto"};
-  column-gap: ${(e) => e.hasSubTabs !== !0 ? e.windowSize === "small" ? n.sp3 : n.sp6 : n.sp4};
-
-  margin-left: ${(e) => e.hasSubTabs === !0 ? g.segmentContainerMarginLeft.valuePx(e.windowSize) : "0"};
-`, D = d(z)`
-  display: flex;
-  padding: ${(e) => e.isMainTab ? "12px" : "6px 12px"};
-  white-space: nowrap;
-  color: ${(e) => e.isSelected ? e.theme.colors.primary : e.theme.colors.hero};
-  cursor: ${(e) => e.isClickDisabled ? "not-allowed" : e.isSelected ? "default" : "pointer"};
-  &:hover {
-    color: ${(e) => e.theme.colors.primary};
-    background-color: ${(e) => e.isMainTab ? "" : e.theme.colors.grey3};
-    border-radius: ${(e) => e.isMainTab ? n.sp0 : n.sp1};
-    div {
-      color: ${(e) => e.theme.colors.primary};
-      border-color: ${(e) => e.theme.colors.primary};
-    }
-  }
-  background-color: ${(e) => e.isSelected && !e.isMainTab ? e.theme.colors.grey3 : ""};
-  border-radius: ${(e) => e.isSelected && !e.isMainTab ? n.sp1 : n.sp0};
-`, k = d.div`
-  display: flex;
-  color: ${(e) => e.isSelected ? e.theme.colors.primary : e.theme.colors.hero};
-  border: ${(e) => `1px solid ${e.isSelected ? e.theme.colors.primary : e.theme.colors.grey1}`};
-  border-radius: ${n.sp12};
-  margin-left: 6px;
-  align-items: center;
-  padding: 0 6px;
-  justify-content: center;
-  &:hover {
-    color: ${(e) => e.theme.colors.primary};
-  }
-`, P = d.div`
-  height: 2px;
-  background-color: ${(e) => e.theme.colors.primary};
-  border-radius: 1px;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  transition: left 0.25s;
-  top: 51px;
-  &.draft {
-    width: 62px;
-    left: 0;
-  }
-  ${(e) => e.windowSize === "small" ? w`
-          &.pending_approval {
-            width: ${e.approvalCount !== 0 ? "120px" : "75px"};
-            left: ${e.approvalCount !== 0 ? "20%" : "25%"};
-          }
-          &.scheduled {
-            width: ${e.approvalCount !== 0 ? n.sp11 : "78px"};
-            left: ${e.approvalCount !== 0 ? "58.5%" : "55.5%"};
-          }
-          &.paid {
-            width: ${e.approvalCount !== 0 ? "45px" : n.sp6};
-            left: 87%;
-          }
-          &.zeniAccounts {
-            width: ${n.sp12};
-            left: 3%;
-          }
-          &.externalAccounts {
-            width: 120px;
-            left: 56%;
-          }
-          &.achDetails {
-            width: 99px;
-            left: 0%;
-          }
-          &.wireDetails {
-            width: 99px;
-            left: 54%;
-          }
-        ` : w`
-          &.pending_approval {
-            width: ${e.approvalCount !== 0 ? "112px" : "86px"};
-            left: ${e.approvalCount !== 0 ? "24.5%" : "25%"};
-          }
-          &.scheduled {
-            width: ${e.approvalCount !== 0 ? "78px" : "90px"};
-            left: ${e.approvalCount !== 0 ? "61.5%" : "55.5%"};
-          }
-          &.paid {
-            width: ${e.approvalCount !== 0 ? "54px" : "45px"};
-            left: ${e.approvalCount !== 0 ? "89%" : "88%"};
-          }
-          &.zeniAccounts {
-            width: ${n.sp12};
-            left: 3%;
-          }
-          &.externalAccounts {
-            width: 120px;
-            left: 56%;
-          }
-          &.achDetails {
-            width: 102px;
-            left: 0%;
-          }
-          &.wireDetails {
-            width: 99px;
-            left: 60%;
-          }
-        `}
-`;
-function R({
-  tabId: e,
-  isSelected: r,
-  approvalCount: a,
-  entity: s,
-  onClick: o
-}) {
-  const t = (i) => {
-    switch (i) {
-      case "draft":
-      case "pending_approval":
-      case "scheduled":
-      case "paid":
-      case "all":
-      case "failed":
-      case "overdue":
-      case "cancelled":
-      case "rejected":
-      case "awaitingAllApproval":
-      case "ach":
-      case "wire":
-      case "deleted":
-        return s === "bill_pay" ? x[i] : y[i];
-      case "offline":
-      case "awaiting_approval":
-      case "awaiting_my_approval":
-        return x[i];
-      case "awaitingApproval":
-      case "awaitingMyApproval":
-      case "myDrafts":
-        return y[i];
-      case "wireDetails":
-      case "achDetails":
-        return A[i];
-      default:
-        return "";
-    }
-  }, p = S();
-  return /* @__PURE__ */ u.jsxs(
-    D,
-    {
-      onClick: () => {
-        r === !1 && o(e);
-      },
-      isClickDisabled: !1,
-      isSelected: r,
-      isMainTab: F(e) === !0,
-      windowSize: p,
-      children: [
-        t(e),
-        e === "pending_approval" && a !== 0 ? /* @__PURE__ */ u.jsx(k, { isSelected: r, children: a }) : null
-      ]
-    }
-  );
-}
-function K({
-  tabIds: e,
-  selectedTab: r,
-  entity: a,
-  isSwitcherLeftAlign: s = !1,
-  approvalCount: o,
-  hasSubTabs: t = !1,
-  enablePerformanceTracking: p = !0,
-  onTabSelectedChange: i
-}) {
-  const f = S(), v = (m) => {
-    i(m);
-  };
-  return T({
-    componentName: `${L(a).toLowerCase()}.${_(r, a).toLowerCase()}`,
-    enabled: p
-  }), /* @__PURE__ */ u.jsx(
-    M,
-    {
-      windowSize: f,
-      hasSubTabs: t,
-      isSwitcherLeftAlign: s,
-      children: /* @__PURE__ */ u.jsxs(j, { windowSize: f, hasSubTabs: t, children: [
-        e.map((m, C) => /* @__PURE__ */ u.jsx(
-          R,
-          {
-            tabId: m,
-            approvalCount: o,
-            isSelected: r === m,
-            entity: a,
-            onClick: v
-          },
-          C
-        )),
-        /* @__PURE__ */ u.jsx(
-          P,
-          {
-            className: `Slider ${r}`,
-            windowSize: f,
-            approvalCount: o
-          }
-        )
-      ] })
-    }
-  );
-}
-const F = (e) => e === "draft" || e === "pending_approval" || e === "scheduled" || e === "paid" || e === "achDetails" || e === "wireDetails";
-export {
-  K as T,
-  L as e,
-  _ as t
-};