@zeniai/web-components 3.16.78 → 3.16.79

package/dist/ApAgingDetailPage-B73yWZ3r.cjs

@@ -0,0 +1,46 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-.pnpm-CT-Z_-kn.cjs"),D=require("react"),s=require("@emotion/styled"),o=require("./index-B_9e_5dM.cjs"),q=require("./BusyIndication-CvgOXDZd.cjs"),L=require("./EntitySummarySection-D2UWs4-I.cjs"),R={wrapperContainerMarginTop:new o.ResponsiveSized(o.sp[4],o.sp[0]),wrapperContaineHorizontalrMargin:new o.ResponsiveSized(o.sp[0],o.sp[8])},B=s.div`
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  max-width: 99.9%;
+`,O=s.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,Y=s.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${o.Space.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,H=s(o.SmallRegularSp)`
+  margin-top: ${o.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,J=s.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey5};
+`,U=s.div`
+  display: block;
+  background-color: ${e=>e.theme.colors.grey4};
+  height: calc(100vh - 178px);
+  margin-top: ${e=>R.wrapperContainerMarginTop.valuePx(e.windowSize)};
+`,W=s.div`
+  margin-left: ${e=>R.wrapperContaineHorizontalrMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>R.wrapperContaineHorizontalrMargin.valuePx(e.windowSize)};
+  height: 100%;
+`;function K(e){const x=t.useTheme(),d=o.useWindowSizeContext(),y=o.appLocale.getLocalizedStrings().common,g=o.appLocale.getLocalizedStrings().reports.common,{apAgingDetail:a,downloadParams:r,reportDate:n,analytics:l,onReload:h,onBackClick:k,onColumnSortConfigChanged:C,updateDownloadStateHandler:f,onTransactionClick:b}=e,{authParams:j,downloadEndPoint:v,timezone:E}=r,{fetchState:p,invoices:_,apAgingDetailUIState:P,vendor:i,totalBalances:M}=a,{sortKey:w,sortOrder:S,downloadState:m}=P,[z,A]=D.useState(!1),I=o.appLocale.getLocalizedStrings(),N=I.reports.aging.agingDetail,T=D.useCallback((c,u)=>{a.vendor!=null&&l.trackApAgingDetailReportSortChange(c,u,n.format(I.dateFormat.analytics.YYYYDashMMDashDDFormat),a.vendor.id,a.vendor.name),C(c,u)},[l,a.vendor,n,C]);if(D.useEffect(()=>{async function c(){const u={companyName:r.companyName,sortKey:w,sortOrder:S,statementFileType:"excel",reportId:"accounts_payable_aging",entityId:i?.id??"",timezone:E,reportDate:n};await V(v,j,u),f("Completed"),a.vendor!=null&&l.trackApAgingDetailReportDownload(w,S,n.format(o.appLocale.getLocalizedStrings().dateFormat.analytics.YYYYDashMMDashDDFormat),a.vendor.id,a.vendor.name)}z&&m!=="In-Progress"&&(A(!1),f("In-Progress"),c())},[l,a.vendor,j,v,r.companyName,m,z,n,w,S,E,f,i?.id]),p==="Error")return t.jsxRuntimeExports.jsxs(O,{children:[t.jsxRuntimeExports.jsx(Y,{onClick:h,children:t.jsxRuntimeExports.jsx(o.SvgReload,{})}),t.jsxRuntimeExports.jsx(H,{children:g.failed})]});if(p==="In-Progress"||p==="Not-Started")return t.jsxRuntimeExports.jsx(q.BusyIndication,{fetchState:p});const F=t.jsxRuntimeExports.jsx(o.DownloadButton,{downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:!1,isDownloading:m==="In-Progress"}],onDownloadClick:async c=>{if(c==="excel")if(m==="In-Progress"){console.log("Download is already in progress!");return}else A(!0)}}}});return t.jsxRuntimeExports.jsxs(J,{children:[t.jsxRuntimeExports.jsx(o.NavBar,{title:y.strings.empty,backgroundColor:x.colors.grey5,onBackClick:k,rightSideComponent:F,source:"ApAgingDetailPage"}),t.jsxRuntimeExports.jsx(L.EntitySummarySection,{totalBalances:M,entityName:i?.name??"",entityLogo:i?.logo,reportId:"accounts_payable_aging",reportDate:n}),t.jsxRuntimeExports.jsx(U,{windowSize:d,children:t.jsxRuntimeExports.jsx(W,{windowSize:d,children:_.length===0||i==null?t.jsxRuntimeExports.jsx(o.NoListDataPage,{message:N.noDataText}):t.jsxRuntimeExports.jsx(B,{windowSize:d,children:t.jsxRuntimeExports.jsx(L.AgingDetailReportTable,{uiState:P,invoices:_,entityName:i.name,entityLogo:i.logo,onColumnSortConfigChanged:T,onTransactionClick:b})})})})]})}async function V(e,x,d){const y=`${e}?query=${encodeURIComponent(JSON.stringify($(d)))}`,g=o.appLocale.getLocalizedStrings(),a=g.reports.aging.apAging.apAging,r=g.download;try{const n=await o.fetchRequest({urlEndPoint:y,authParams:x,fileType:"excel"});if(n.ok){const l=o.getFileNameFromResponseHeaders(n.headers,r.defaultFileName),h=await n.arrayBuffer();t.fileDownload(h,l)}else console.error(`${r.errorMessages.fileDownloadError.replace("__feature__",a)} ${n.statusText}`)}catch(n){console.error(`${r.errorMessages.fileDownloadError.replace("__feature__",a)} ${JSON.stringify(n)}`)}}function $(e){return{statement_file_type:e.statementFileType,report_id:e.reportId,company_name:e.companyName,locale_id:o.appLocale.getAppLocaleID(),sort_key:e.sortKey,sort_order:e.sortOrder,entity_id:e.entityId,report_date:e.reportDate,timezone:e.timezone}}exports.default=K;exports.toDownloadAgingDetailedReportOptionsPayload=$;

package/dist/ApAgingDetailPage-Ss6FyxZs.js

@@ -0,0 +1,239 @@
+import { u as B, j as o, f as Y } from "./vendor-.pnpm-DtFedGku.js";
+import { useState as O, useCallback as H, useEffect as q } from "react";
+import i from "@emotion/styled";
+import { u as J, a as c, x as U, aE as V, fh as W, eV as K, S as N, P as G, R as k, f as Q, g as X, D as f } from "./index-D8643Kw5.js";
+import { B as Z } from "./BusyIndication-CRBxoLLD.js";
+import { E as ee, A as oe } from "./EntitySummarySection-BoDYPm3S.js";
+const C = {
+  wrapperContainerMarginTop: new k(f[4], f[0]),
+  wrapperContaineHorizontalrMargin: new k(f[0], f[8])
+}, ne = i.div`
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  max-width: 99.9%;
+`, te = i.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`, ae = i.div`
+  height: 96px;
+  width: 96px;
+  background: ${(e) => e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${N.sp5};
+    color: ${(e) => e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${(e) => e.theme.colors.primary};
+    }
+  }
+`, re = i(G)`
+  margin-top: ${N.sp3};
+  color: ${(e) => e.theme.colors.hero};
+`, ie = i.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${(e) => e.theme.colors.grey5};
+`, se = i.div`
+  display: block;
+  background-color: ${(e) => e.theme.colors.grey4};
+  height: calc(100vh - 178px);
+  margin-top: ${(e) => C.wrapperContainerMarginTop.valuePx(e.windowSize)};
+`, le = i.div`
+  margin-left: ${(e) => C.wrapperContaineHorizontalrMargin.valuePx(e.windowSize)};
+  margin-right: ${(e) => C.wrapperContaineHorizontalrMargin.valuePx(e.windowSize)};
+  height: 100%;
+`;
+function ye(e) {
+  const h = B(), d = J(), y = c.getLocalizedStrings().common, g = c.getLocalizedStrings().reports.common, {
+    apAgingDetail: t,
+    downloadParams: a,
+    reportDate: n,
+    analytics: s,
+    onReload: w,
+    onBackClick: b,
+    onColumnSortConfigChanged: v,
+    updateDownloadStateHandler: x,
+    onTransactionClick: E
+  } = e, { authParams: _, downloadEndPoint: R, timezone: A } = a, {
+    fetchState: m,
+    invoices: P,
+    apAgingDetailUIState: j,
+    vendor: r,
+    totalBalances: L
+  } = t, { sortKey: D, sortOrder: S, downloadState: p } = j, [z, I] = O(!1), $ = c.getLocalizedStrings(), M = $.reports.aging.agingDetail, T = H(
+    (l, u) => {
+      t.vendor != null && s.trackApAgingDetailReportSortChange(
+        l,
+        u,
+        n.format(
+          $.dateFormat.analytics.YYYYDashMMDashDDFormat
+        ),
+        t.vendor.id,
+        t.vendor.name
+      ), v(l, u);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [s, t.vendor, n, v]
+  );
+  if (q(() => {
+    async function l() {
+      const u = {
+        companyName: a.companyName,
+        sortKey: D,
+        sortOrder: S,
+        statementFileType: "excel",
+        reportId: "accounts_payable_aging",
+        entityId: r?.id ?? "",
+        timezone: A,
+        reportDate: n
+      };
+      await ce(R, _, u), x("Completed"), t.vendor != null && s.trackApAgingDetailReportDownload(
+        D,
+        S,
+        n.format(
+          c.getLocalizedStrings().dateFormat.analytics.YYYYDashMMDashDDFormat
+        ),
+        t.vendor.id,
+        t.vendor.name
+      );
+    }
+    z && p !== "In-Progress" && (I(!1), x("In-Progress"), l());
+  }, [
+    s,
+    t.vendor,
+    _,
+    R,
+    a.companyName,
+    p,
+    z,
+    n,
+    D,
+    S,
+    A,
+    x,
+    r?.id
+  ]), m === "Error")
+    return /* @__PURE__ */ o.jsxs(te, { children: [
+      /* @__PURE__ */ o.jsx(ae, { onClick: w, children: /* @__PURE__ */ o.jsx(U, {}) }),
+      /* @__PURE__ */ o.jsx(re, { children: g.failed })
+    ] });
+  if (m === "In-Progress" || m === "Not-Started")
+    return /* @__PURE__ */ o.jsx(Z, { fetchState: m });
+  const F = /* @__PURE__ */ o.jsx(
+    K,
+    {
+      downloadReportOptions: {
+        type: "simple_menu",
+        downloadMenu: {
+          simpleMenuItems: [
+            {
+              type: "excel",
+              isDisabled: !1,
+              isDownloading: p === "In-Progress"
+            }
+          ],
+          onDownloadClick: async (l) => {
+            if (l === "excel")
+              if (p === "In-Progress") {
+                console.log("Download is already in progress!");
+                return;
+              } else
+                I(!0);
+          }
+        }
+      }
+    }
+  );
+  return /* @__PURE__ */ o.jsxs(ie, { children: [
+    /* @__PURE__ */ o.jsx(
+      V,
+      {
+        title: y.strings.empty,
+        backgroundColor: h.colors.grey5,
+        onBackClick: b,
+        rightSideComponent: F,
+        source: "ApAgingDetailPage"
+      }
+    ),
+    /* @__PURE__ */ o.jsx(
+      ee,
+      {
+        totalBalances: L,
+        entityName: r?.name ?? "",
+        entityLogo: r?.logo,
+        reportId: "accounts_payable_aging",
+        reportDate: n
+      }
+    ),
+    /* @__PURE__ */ o.jsx(se, { windowSize: d, children: /* @__PURE__ */ o.jsx(le, { windowSize: d, children: P.length === 0 || r == null ? /* @__PURE__ */ o.jsx(W, { message: M.noDataText }) : /* @__PURE__ */ o.jsx(ne, { windowSize: d, children: /* @__PURE__ */ o.jsx(
+      oe,
+      {
+        uiState: j,
+        invoices: P,
+        entityName: r.name,
+        entityLogo: r.logo,
+        onColumnSortConfigChanged: T,
+        onTransactionClick: E
+      }
+    ) }) }) })
+  ] });
+}
+async function ce(e, h, d) {
+  const y = `${e}?query=${encodeURIComponent(
+    JSON.stringify(de(d))
+  )}`, g = c.getLocalizedStrings(), t = g.reports.aging.apAging.apAging, a = g.download;
+  try {
+    const n = await Q({
+      urlEndPoint: y,
+      authParams: h,
+      fileType: "excel"
+    });
+    if (n.ok) {
+      const s = X(
+        n.headers,
+        a.defaultFileName
+      ), w = await n.arrayBuffer();
+      Y(w, s);
+    } else
+      console.error(
+        `${a.errorMessages.fileDownloadError.replace(
+          "__feature__",
+          t
+        )} ${n.statusText}`
+      );
+  } catch (n) {
+    console.error(
+      `${a.errorMessages.fileDownloadError.replace(
+        "__feature__",
+        t
+      )} ${JSON.stringify(n)}`
+    );
+  }
+}
+function de(e) {
+  return {
+    statement_file_type: e.statementFileType,
+    report_id: e.reportId,
+    company_name: e.companyName,
+    locale_id: c.getAppLocaleID(),
+    sort_key: e.sortKey,
+    sort_order: e.sortOrder,
+    entity_id: e.entityId,
+    report_date: e.reportDate,
+    timezone: e.timezone
+  };
+}
+export {
+  ye as default,
+  de as toDownloadAgingDetailedReportOptionsPayload
+};

package/dist/AppBasePage-BR9PMQS3.cjs

@@ -0,0 +1,71 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-CT-Z_-kn.cjs"),s=require("@emotion/styled"),x=require("react"),d=require("@emotion/react"),e=require("./index-B_9e_5dM.cjs"),u=require("./clock-BobvTU_H.cjs"),p={maxWidth:new e.ResponsiveSized(280,322),contentMaxWidth:new e.ResponsiveSized(200,250)},m=d.keyframes`
+ 0% {
+   transform: translateX(100%)
+ }
+ 100% {
+   transform: translateX(0)
+ }
+`,S=s.div`
+  position: fixed;
+  top: ${e.Space.sp3};
+  right: ${e.Space.sp3};
+  padding: ${e.Space.sp3} ${e.Space.sp4} ${e.Space.sp3} ${e.Space.sp4};
+  z-index: 1400;
+  box-sizing: initial;
+  padding: ${e.Space.sp3} ${e.Space.sp4};
+  max-width: ${t=>p.maxWidth.valuePx(t.windowSize)};
+  background: ${t=>t.theme.colors.black};
+  color: ${t=>t.theme.colors.hero};
+  border-radius: 12px;
+  box-shadow: ${t=>`${e.Space.sp0} ${e.Space.sp1} ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-start;
+  animation: ${m} 0.4s;
+`,h=s(e.SvgTickRound)`
+  margin-top: 2px;
+  margin-right: 12px;
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+  color: ${e.Colors.success};
+`,g=s(u.SvgClock)`
+  margin-top: 2px;
+  margin-right: 12px;
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+  color: ${e.Colors.info};
+`,$=s(e.SvgHighImportance)`
+  margin-top: 2px;
+  margin-right: 12px;
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+  color: ${e.Colors.important};
+`,j=s(e.SvgNotification)`
+  margin-top: 2px;
+  margin-right: 12px;
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+  color: ${e.Colors.info};
+`,f=s.div``,k=s(e.SmallRegularSp)`
+  color: ${e.Colors.neutralGrey2Light};
+  word-break: break-word;
+  white-space: pre-line;
+`,w=s.div`
+  max-width: ${t=>p.contentMaxWidth.valuePx(t.windowSize)};
+`,b=s.div`
+  margin-top: 3px;
+  margin-left: 12px;
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  color: ${t=>t.theme.colors.hero};
+  &:hover {
+    color: ${e.Colors.primaryDark};
+  }
+`,v=(t,i,r)=>{let n=e.appLocale.getLocalizedStrings().common.snackBar[t][i];return r?.forEach(a=>{n=n.replace(a.variableName,a.variableValue)}),n},R=({type:t})=>{switch(t){case"success":return o.jsxRuntimeExports.jsx(h,{});case"info":return o.jsxRuntimeExports.jsx(g,{});case"error":case"warning":return o.jsxRuntimeExports.jsx($,{});case"notification":return o.jsxRuntimeExports.jsx(j,{});default:return null}};function y(t){const i=e.useWindowSizeContext(),{message:r,messageType:c,showStatusIcon:n,onRemoveSnackbar:a}=t;return x.useEffect(()=>{const l=setTimeout(()=>{a()},5e3);return()=>clearTimeout(l)},[r.section]),o.jsxRuntimeExports.jsxs(S,{windowSize:i,children:[n===!0?o.jsxRuntimeExports.jsx(R,{type:c}):null,o.jsxRuntimeExports.jsx(w,{windowSize:i,children:o.jsxRuntimeExports.jsx(f,{children:o.jsxRuntimeExports.jsx(k,{children:v(r.section,r.text,r.variables)})})}),o.jsxRuntimeExports.jsx(b,{onClick:a,children:o.jsxRuntimeExports.jsx(e.SvgClose,{})})]})}const E=t=>o.jsxRuntimeExports.jsx(C,{isOnDashboard:t.isOnDashboard,children:t.showSnackbar===!0?o.jsxRuntimeExports.jsx(y,{...t.snackbar}):null}),C=s.div`
+  background-color: ${t=>t.isOnDashboard?t.theme.colors.background:"transparent"};
+`;exports.default=E;

package/dist/AppBasePage-QrV7bdjK.js

@@ -0,0 +1,120 @@
+import { j as o } from "./vendor-.pnpm-DtFedGku.js";
+import r from "@emotion/styled";
+import { useEffect as m } from "react";
+import { keyframes as g } from "@emotion/react";
+import { u as x, b as u, S as e, R as p, C as n, P as $, a as S, h as f, X as w, b7 as k } from "./index-D8643Kw5.js";
+import { S as b } from "./clock-CJkylEKt.js";
+const d = {
+  maxWidth: new p(280, 322),
+  contentMaxWidth: new p(200, 250)
+}, j = g`
+ 0% {
+   transform: translateX(100%)
+ }
+ 100% {
+   transform: translateX(0)
+ }
+`, v = r.div`
+  position: fixed;
+  top: ${e.sp3};
+  right: ${e.sp3};
+  padding: ${e.sp3} ${e.sp4} ${e.sp3} ${e.sp4};
+  z-index: 1400;
+  box-sizing: initial;
+  padding: ${e.sp3} ${e.sp4};
+  max-width: ${(t) => d.maxWidth.valuePx(t.windowSize)};
+  background: ${(t) => t.theme.colors.black};
+  color: ${(t) => t.theme.colors.hero};
+  border-radius: 12px;
+  box-shadow: ${(t) => `${e.sp0} ${e.sp1} ${e.sp1} ${t.theme.colors.dropShadowNormal}`};
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-start;
+  animation: ${j} 0.4s;
+`, y = r(k)`
+  margin-top: 2px;
+  margin-right: 12px;
+  width: ${e.sp3};
+  height: ${e.sp3};
+  color: ${n.success};
+`, C = r(b)`
+  margin-top: 2px;
+  margin-right: 12px;
+  width: ${e.sp3};
+  height: ${e.sp3};
+  color: ${n.info};
+`, B = r(w)`
+  margin-top: 2px;
+  margin-right: 12px;
+  width: ${e.sp3};
+  height: ${e.sp3};
+  color: ${n.important};
+`, z = r(f)`
+  margin-top: 2px;
+  margin-right: 12px;
+  width: ${e.sp3};
+  height: ${e.sp3};
+  color: ${n.info};
+`, I = r.div``, W = r($)`
+  color: ${n.neutralGrey2Light};
+  word-break: break-word;
+  white-space: pre-line;
+`, R = r.div`
+  max-width: ${(t) => d.contentMaxWidth.valuePx(t.windowSize)};
+`, T = r.div`
+  margin-top: 3px;
+  margin-left: 12px;
+  width: ${e.sp3};
+  height: ${e.sp3};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  color: ${(t) => t.theme.colors.hero};
+  &:hover {
+    color: ${n.primaryDark};
+  }
+`, D = (t, c, s) => {
+  let a = S.getLocalizedStrings().common.snackBar[t][c];
+  return s?.forEach((i) => {
+    a = a.replace(i.variableName, i.variableValue);
+  }), a;
+}, M = ({ type: t }) => {
+  switch (t) {
+    case "success":
+      return /* @__PURE__ */ o.jsx(y, {});
+    case "info":
+      return /* @__PURE__ */ o.jsx(C, {});
+    case "error":
+    case "warning":
+      return /* @__PURE__ */ o.jsx(B, {});
+    case "notification":
+      return /* @__PURE__ */ o.jsx(z, {});
+    default:
+      return null;
+  }
+};
+function P(t) {
+  const c = x(), { message: s, messageType: l, showStatusIcon: a, onRemoveSnackbar: i } = t;
+  return m(() => {
+    const h = setTimeout(() => {
+      i();
+    }, 5e3);
+    return () => clearTimeout(h);
+  }, [s.section]), /* @__PURE__ */ o.jsxs(v, { windowSize: c, children: [
+    a === !0 ? /* @__PURE__ */ o.jsx(M, { type: l }) : null,
+    /* @__PURE__ */ o.jsx(R, { windowSize: c, children: /* @__PURE__ */ o.jsx(I, { children: /* @__PURE__ */ o.jsx(W, { children: D(
+      s.section,
+      s.text,
+      s.variables
+    ) }) }) }),
+    /* @__PURE__ */ o.jsx(T, { onClick: i, children: /* @__PURE__ */ o.jsx(u, {}) })
+  ] });
+}
+const H = (t) => /* @__PURE__ */ o.jsx(E, { isOnDashboard: t.isOnDashboard, children: t.showSnackbar === !0 ? /* @__PURE__ */ o.jsx(P, { ...t.snackbar }) : null }), E = r.div`
+  background-color: ${(t) => t.isOnDashboard ? t.theme.colors.background : "transparent"};
+`;
+export {
+  H as default
+};

package/dist/AppDrawerContent-BfqVdsaO.cjs

@@ -0,0 +1,91 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./vendor-.pnpm-CT-Z_-kn.cjs"),r=require("react"),l=require("@emotion/styled"),tt=require("@zeniai/client-epic-state"),t=require("./index-B_9e_5dM.cjs"),et=require("./DashboardSidebarBackgroundAnimation-cClEyyz2.cjs"),ot=r.memo(function({animationEnabled:i=!1}){const[o,a]=t.useAnimation("DashboardSidebarBottomNewYear",i),[s,d]=r.useState(null);return r.useEffect(()=>{o!=null&&!a&&d(o)},[o,a]),i&&s!=null?e.jsxRuntimeExports.jsx(st,{children:e.jsxRuntimeExports.jsx(e.Lottie,{style:{display:"flex",width:"70px",height:"140px"},animationData:s,play:!0,loop:!0,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}})}):null}),st=l.div`
+  position: absolute;
+  z-index: 0;
+  bottom: -${t.Space.sp3};
+  display: flex;
+  height: auto;
+  right: ${t.Space.sp0};
+`,it=r.memo(function({animationEnabled:i=!1}){const[o,a]=t.useAnimation("DashboardSidebarBottomChristmas",i),[s,d]=r.useState(null);return r.useEffect(()=>{o!=null&&!a&&d(o)},[o,a]),i&&s!=null?e.jsxRuntimeExports.jsx(nt,{children:e.jsxRuntimeExports.jsx(e.Lottie,{style:{display:"flex",width:"240px",height:"98px"},animationData:s,play:!0,loop:!0,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}})}):null}),nt=l.div`
+  position: absolute;
+  z-index: 0;
+  bottom: ${t.Space.sp0};
+  display: flex;
+  height: auto;
+  right: ${t.Space.sp0};
+  width: 100%;
+`,at=r.memo(function({animationEnabled:i=!1}){const[o,a]=t.useAnimation("DashboardSidebarBottomHalloween",i),[s,d]=r.useState(null);return o!=null&&s==null&&!a&&d(o),i&&s!=null?e.jsxRuntimeExports.jsx(rt,{children:e.jsxRuntimeExports.jsx(e.Lottie,{style:{display:"flex",width:"60px",height:"60px",marginLeft:"20%",marginTop:"10%"},animationData:s,play:!0,loop:!0,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}})}):null}),rt=l.div`
+  position: absolute;
+  z-index: 0;
+  width: 100%;
+  bottom: ${t.Space.sp0};
+  display: flex;
+  height: 135px;
+  background-image: url(https://storage.googleapis.com/zeni-apis.appspot.com/images/halloween-bg.svg);
+  background-size: auto;
+  background-repeat: no-repeat;
+  background-position-y: bottom;
+  left: 0;
+`,lt=r.memo(function({animationEnabled:i=!1}){const[o,a]=t.useAnimation("DashboardSidebarBottomThanksgiving",i),[s,d]=r.useState(null);return r.useEffect(()=>{o!=null&&!a&&d(o)},[o,a]),i&&s!=null?e.jsxRuntimeExports.jsx(dt,{children:e.jsxRuntimeExports.jsx(e.Lottie,{style:{display:"flex",width:"100px",height:"100px",marginLeft:"45%"},animationData:s,play:!0,loop:!0,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}})}):null}),dt=l.div`
+  position: absolute;
+  z-index: 0;
+  bottom: ${t.Space.sp0};
+  display: flex;
+  height: auto;
+  right: ${t.Space.sp0};
+`,ct=r.memo(function({christmasAnimationEnabled:i=!1,halloweenAnimationEnabled:o=!1,newYearAnimationEnabled:a=!1,thanksGivingAnimationEnabled:s=!1}){return o?e.jsxRuntimeExports.jsx(at,{animationEnabled:o}):s?e.jsxRuntimeExports.jsx(lt,{animationEnabled:s}):i?e.jsxRuntimeExports.jsx(it,{animationEnabled:i}):a?e.jsxRuntimeExports.jsx(ot,{animationEnabled:a}):null}),pt=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  padding-left: ${t.Space.sp4};
+  width: 240px;
+  position: relative;
+  overflow: hidden;
+  box-shadow: ${n=>n.isOnDashboard?"none":`inset -2px 0 ${t.Space.sp1} -2px ${n.theme.colors.dropShadowNormal}`};
+`,ut=l.div`
+  padding-left: ${t.Space.sp3};
+`,mt=l.div`
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  padding: 0 ${t.Space.sp1} 0 12px;
+  overflow-y: auto;
+  overflow-x: visible;
+  min-height: 0;
+
+  /* Hide scrollbar for WebKit browsers (Chrome, Safari, Edge) */
+  &::-webkit-scrollbar {
+    display: none;
+  }
+
+  /* Hide scrollbar for Firefox */
+  scrollbar-width: none;
+
+  /* Hide scrollbar for IE and Edge */
+  -ms-overflow-style: none;
+`,xt=l.div`
+  margin: ${t.Space.sp0} ${t.Space.sp0} ${t.Space.sp3} ${t.Space.sp0};
+  width: fit-content;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  position: relative;
+  z-index: 1;
+`,ft=l.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  margin-left: ${t.Space.sp2};
+  cursor: ${n=>n.isDisabled?"not-allowed":"pointer"};
+  color: ${n=>n.theme.colors.hero};
+  &:hover {
+    color: ${n=>n.theme.colors.primary};
+  }
+  z-index: 1;
+`,bt=l(t.SvgNotification)`
+  display: flex;
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  align-items: center;
+  justify-content: center;
+`;function ht({currentTenantId:n,tenants:i,isVendorsTabVisible:o,isZeniAccountEnabled:a,isTreasuryEnabled:s,isTreasuryPopupVisible:d,isChargeCardEnabled:E,rewardsConfiguration:v,selectedMenu:w,isTenantDropdownDisabled:C,isSettings:p=!1,isAiCfo:$=!1,isOnDashboard:A,isAiCfoAccessEnabled:L,isNotificationsTabVisible:k,isSettingsFeatureEnabled:h,signedInUser:x,aiCfoView:N,currentTenant:g,christmasAnimationEnabled:f=!1,halloweenAnimationEnabled:S=!1,newYearAnimationEnabled:j=!1,thanksGivingAnimationEnabled:D=!1,notificationCountDetails:u,isExpenseAutomationEnabledForUser:M,treasuryYieldPercentage:I,onNotificationIconClick:P,handleLogOutClick:z,handleMenuChange:T,onZeniLogoClick:F,handlePopupClose:H,handleBackClick:y,handleCockpitClick:q,handleTenantSelect:Y,updateCurrentChatSessionId:Z,handleSettingsClick:B}){const[c,_]=r.useState(p&&h),b=r.useRef("noAnimation"),O=tt.isZeniSignedInUser(x),G=t.useGlobalInfoContext(),{useFeatureGate:R}=t.useZeniFeatureContext(),{isFeatureEnabled:U}=R(t.FeatureGatesNames.isReimbursementCommentingEnabled),{isFeatureEnabled:W}=R(t.FeatureGatesNames.isBillPayCommentingEnabled),K=t.useAgentPerfAccess(),J=()=>{b.current="slide-in-right-to-left",B&&B()},Q=()=>{b.current="slide-in-left-to-right",c&&y&&y()};r.useEffect(()=>{p!==c&&_(p)},[p,c]);const m=u?.fetchStatus.fetchState==="Not-Started"||u?.fetchStatus.fetchState==="In-Progress",V=b.current,X=O||U&&W&&!G.loggedInUserRole.includes("investor_or_banker");return e.jsxRuntimeExports.jsxs(pt,{isOnDashboard:A,children:[e.jsxRuntimeExports.jsxs(ut,{children:[e.jsxRuntimeExports.jsx(t.DashboardSidebarLogoAnimation,{onClick:F,halloweenAnimationEnabled:S,thanksGivingAnimationEnabled:D,christmasAnimationEnabled:f,newYearAnimationEnabled:j}),e.jsxRuntimeExports.jsx(t.TenantsDropDown,{currentTenantId:n??"",tenants:i,isDisabled:C,onTenantSelect:Y})]}),e.jsxRuntimeExports.jsx(mt,{children:e.jsxRuntimeExports.jsx(t.MenuList,{className:V,signedInUser:x,selectedMenu:w,currentTenant:g,isVendorsTabVisible:o,rewardsConfiguration:v,isSetting:c,isAiCfo:$,isAiCfoAccessEnabled:L,aiCfoView:N,isZeniAccountEnabled:a,isTreasuryEnabled:s,isTreasuryPopupVisible:d,treasuryYieldPercentage:I,isChargeCardEnabled:E,isNotificationsTabVisible:k,isPerformanceEnabledForUser:K,isExpenseAutomationEnabledForUser:M,onSelectionChanged:T,updateCurrentChatSessionId:Z,onBackClick:Q,onPopupClose:H})}),e.jsxRuntimeExports.jsx(et.DashboardSidebarBackgroundAnimation,{christmasAnimationEnabled:f}),e.jsxRuntimeExports.jsxs(xt,{children:[e.jsxRuntimeExports.jsx(t.LogoutButton,{signedInUser:x,onLogOutClick:z,onSettingsClick:J,onCockpitClick:q,currentTenant:g,isSettingsFeatureEnabled:h}),X?e.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:u!=null,children:e.jsxRuntimeExports.jsxs(ft,{isDisabled:m,onClick:m?void 0:P,children:[e.jsxRuntimeExports.jsx(t.CommentsAndNotesCount,{count:m?void 0:u?.count,type:"important",isLoading:m,style:{left:"12px"}}),e.jsxRuntimeExports.jsx(bt,{})]})}):null]}),e.jsxRuntimeExports.jsx(ct,{halloweenAnimationEnabled:S,thanksGivingAnimationEnabled:D,christmasAnimationEnabled:f,newYearAnimationEnabled:j})]},c.toString())}exports.default=ht;