@zeniai/web-components 3.17.12 → 3.17.14

package/dist/AppBasePage-CG7b0y-H.js

@@ -0,0 +1,120 @@
+import { j as o } from "./vendor-.pnpm-B2klaOGU.js";
+import r from "@emotion/styled";
+import { useEffect as h } 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, m as f, X as w, b7 as k } from "./index-De4lhuEW.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 h(() => {
+    const m = setTimeout(() => {
+      i();
+    }, 5e3);
+    return () => clearTimeout(m);
+  }, [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-BYTuuIVo.js

@@ -0,0 +1,379 @@
+import { j as t, L as h } from "./vendor-.pnpm-B2klaOGU.js";
+import at, { memo as c, useState as m, useEffect as b } from "react";
+import r from "@emotion/styled";
+import { isZeniSignedInUser as nt } from "@zeniai/client-epic-state";
+import { r as x, S as e, dB as rt, aN as lt, aO as k, eb as dt, ek as ct, ej as mt, eL as pt, L as ut, aL as ft, h as ht, m as bt } from "./index-De4lhuEW.js";
+import { D as xt } from "./DashboardSidebarBackgroundAnimation-x4AQXuT5.js";
+const gt = c(function({
+  animationEnabled: i = !1
+}) {
+  const [o, n] = x(
+    "DashboardSidebarBottomNewYear",
+    i
+  ), [s, l] = m(null);
+  return b(() => {
+    o != null && !n && l(o);
+  }, [o, n]), i && s != null ? /* @__PURE__ */ t.jsx(Dt, { children: /* @__PURE__ */ t.jsx(
+    h,
+    {
+      style: {
+        display: "flex",
+        width: "70px",
+        height: "140px"
+      },
+      animationData: s,
+      play: !0,
+      loop: !0,
+      rendererSettings: {
+        preserveAspectRatio: "xMidYMid slice"
+      }
+    }
+  ) }) : null;
+}), Dt = r.div`
+  position: absolute;
+  z-index: 0;
+  bottom: -${e.sp3};
+  display: flex;
+  height: auto;
+  right: ${e.sp0};
+`, St = c(function({
+  animationEnabled: i = !1
+}) {
+  const [o, n] = x(
+    "DashboardSidebarBottomChristmas",
+    i
+  ), [s, l] = m(null);
+  return b(() => {
+    o != null && !n && l(o);
+  }, [o, n]), i && s != null ? /* @__PURE__ */ t.jsx(yt, { children: /* @__PURE__ */ t.jsx(
+    h,
+    {
+      style: {
+        display: "flex",
+        width: "240px",
+        height: "98px"
+      },
+      animationData: s,
+      play: !0,
+      loop: !0,
+      rendererSettings: {
+        preserveAspectRatio: "xMidYMid slice"
+      }
+    }
+  ) }) : null;
+}), yt = r.div`
+  position: absolute;
+  z-index: 0;
+  bottom: ${e.sp0};
+  display: flex;
+  height: auto;
+  right: ${e.sp0};
+  width: 100%;
+`, Bt = c(function({
+  animationEnabled: i = !1
+}) {
+  const [o, n] = x(
+    "DashboardSidebarBottomHalloween",
+    i
+  ), [s, l] = m(null);
+  return o != null && s == null && !n && l(o), i && s != null ? /* @__PURE__ */ t.jsx(jt, { children: /* @__PURE__ */ t.jsx(
+    h,
+    {
+      style: {
+        display: "flex",
+        width: "60px",
+        height: "60px",
+        marginLeft: "20%",
+        marginTop: "10%"
+      },
+      animationData: s,
+      play: !0,
+      loop: !0,
+      rendererSettings: {
+        preserveAspectRatio: "xMidYMid slice"
+      }
+    }
+  ) }) : null;
+}), jt = r.div`
+  position: absolute;
+  z-index: 0;
+  width: 100%;
+  bottom: ${e.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;
+`, vt = c(function({
+  animationEnabled: i = !1
+}) {
+  const [o, n] = x(
+    "DashboardSidebarBottomThanksgiving",
+    i
+  ), [s, l] = m(null);
+  return b(() => {
+    o != null && !n && l(o);
+  }, [o, n]), i && s != null ? /* @__PURE__ */ t.jsx(wt, { children: /* @__PURE__ */ t.jsx(
+    h,
+    {
+      style: {
+        display: "flex",
+        width: "100px",
+        height: "100px",
+        marginLeft: "45%"
+      },
+      animationData: s,
+      play: !0,
+      loop: !0,
+      rendererSettings: {
+        preserveAspectRatio: "xMidYMid slice"
+      }
+    }
+  ) }) : null;
+}), wt = r.div`
+  position: absolute;
+  z-index: 0;
+  bottom: ${e.sp0};
+  display: flex;
+  height: auto;
+  right: ${e.sp0};
+`, Ct = c(function({
+  christmasAnimationEnabled: i = !1,
+  halloweenAnimationEnabled: o = !1,
+  newYearAnimationEnabled: n = !1,
+  thanksGivingAnimationEnabled: s = !1
+}) {
+  return o ? /* @__PURE__ */ t.jsx(
+    Bt,
+    {
+      animationEnabled: o
+    }
+  ) : s ? /* @__PURE__ */ t.jsx(
+    vt,
+    {
+      animationEnabled: s
+    }
+  ) : i ? /* @__PURE__ */ t.jsx(
+    St,
+    {
+      animationEnabled: i
+    }
+  ) : n ? /* @__PURE__ */ t.jsx(
+    gt,
+    {
+      animationEnabled: n
+    }
+  ) : null;
+}), $t = r.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  padding-left: ${e.sp4};
+  width: 240px;
+  position: relative;
+  overflow: hidden;
+  box-shadow: ${(a) => a.isOnDashboard ? "none" : `inset -2px 0 ${e.sp1} -2px ${a.theme.colors.dropShadowNormal}`};
+`, Lt = r.div`
+  padding-left: ${e.sp3};
+`, kt = r.div`
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  padding: 0 ${e.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;
+`, At = r.div`
+  margin: ${e.sp0} ${e.sp0} ${e.sp3} ${e.sp0};
+  width: fit-content;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  position: relative;
+  z-index: 1;
+`, Nt = r.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  margin-left: ${e.sp2};
+  cursor: ${(a) => a.isDisabled ? "not-allowed" : "pointer"};
+  color: ${(a) => a.theme.colors.hero};
+  &:hover {
+    color: ${(a) => a.theme.colors.primary};
+  }
+  z-index: 1;
+`, It = r(bt)`
+  display: flex;
+  width: ${e.sp4};
+  height: ${e.sp4};
+  align-items: center;
+  justify-content: center;
+`;
+function Ft({
+  currentTenantId: a,
+  tenants: i,
+  isVendorsTabVisible: o,
+  isZeniAccountEnabled: n,
+  isTreasuryEnabled: s,
+  isTreasuryPopupVisible: l,
+  isChargeCardEnabled: A,
+  rewardsConfiguration: N,
+  selectedMenu: I,
+  isTenantDropdownDisabled: M,
+  isSettings: p = !1,
+  isAiCfo: R = !1,
+  isOnDashboard: z,
+  isAiCfoAccessEnabled: P,
+  isNotificationsTabVisible: H,
+  isSettingsFeatureEnabled: y,
+  signedInUser: g,
+  aiCfoView: T,
+  currentTenant: B,
+  christmasAnimationEnabled: D = !1,
+  halloweenAnimationEnabled: j = !1,
+  newYearAnimationEnabled: v = !1,
+  thanksGivingAnimationEnabled: w = !1,
+  notificationCountDetails: u,
+  isExpenseAutomationEnabledForUser: F,
+  treasuryYieldPercentage: Y,
+  onNotificationIconClick: Z,
+  handleLogOutClick: _,
+  handleMenuChange: O,
+  onZeniLogoClick: E,
+  handlePopupClose: U,
+  handleBackClick: C,
+  handleCockpitClick: W,
+  handleTenantSelect: G,
+  updateCurrentChatSessionId: K,
+  handleSettingsClick: $
+}) {
+  const [d, q] = m(
+    p && y
+  ), S = at.useRef("noAnimation"), J = nt(g), Q = rt(), { useFeatureGate: L } = lt(), { isFeatureEnabled: V } = L(
+    k.isReimbursementCommentingEnabled
+  ), { isFeatureEnabled: X } = L(
+    k.isBillPayCommentingEnabled
+  ), tt = dt(), ot = () => {
+    S.current = "slide-in-right-to-left", $ && $();
+  }, et = () => {
+    S.current = "slide-in-left-to-right", d && C && C();
+  };
+  b(() => {
+    p !== d && q(p);
+  }, [p, d]);
+  const f = u?.fetchStatus.fetchState === "Not-Started" || u?.fetchStatus.fetchState === "In-Progress", st = S.current, it = J || V && X && !Q.loggedInUserRole.includes("investor_or_banker");
+  return /* @__PURE__ */ t.jsxs($t, { isOnDashboard: z, children: [
+    /* @__PURE__ */ t.jsxs(Lt, { children: [
+      /* @__PURE__ */ t.jsx(
+        ct,
+        {
+          onClick: E,
+          halloweenAnimationEnabled: j,
+          thanksGivingAnimationEnabled: w,
+          christmasAnimationEnabled: D,
+          newYearAnimationEnabled: v
+        }
+      ),
+      /* @__PURE__ */ t.jsx(
+        mt,
+        {
+          currentTenantId: a ?? "",
+          tenants: i,
+          isDisabled: M,
+          onTenantSelect: G
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t.jsx(kt, { children: /* @__PURE__ */ t.jsx(
+      pt,
+      {
+        className: st,
+        signedInUser: g,
+        selectedMenu: I,
+        currentTenant: B,
+        isVendorsTabVisible: o,
+        rewardsConfiguration: N,
+        isSetting: d,
+        isAiCfo: R,
+        isAiCfoAccessEnabled: P,
+        aiCfoView: T,
+        isZeniAccountEnabled: n,
+        isTreasuryEnabled: s,
+        isTreasuryPopupVisible: l,
+        treasuryYieldPercentage: Y,
+        isChargeCardEnabled: A,
+        isNotificationsTabVisible: H,
+        isPerformanceEnabledForUser: tt,
+        isExpenseAutomationEnabledForUser: F,
+        onSelectionChanged: O,
+        updateCurrentChatSessionId: K,
+        onBackClick: et,
+        onPopupClose: U
+      }
+    ) }),
+    /* @__PURE__ */ t.jsx(
+      xt,
+      {
+        christmasAnimationEnabled: D
+      }
+    ),
+    /* @__PURE__ */ t.jsxs(At, { children: [
+      /* @__PURE__ */ t.jsx(
+        ut,
+        {
+          signedInUser: g,
+          onLogOutClick: _,
+          onSettingsClick: ot,
+          onCockpitClick: W,
+          currentTenant: B,
+          isSettingsFeatureEnabled: y
+        }
+      ),
+      it ? /* @__PURE__ */ t.jsx(ft, { controller: u != null, children: /* @__PURE__ */ t.jsxs(
+        Nt,
+        {
+          isDisabled: f,
+          onClick: f ? void 0 : Z,
+          children: [
+            /* @__PURE__ */ t.jsx(
+              ht,
+              {
+                count: f ? void 0 : u?.count,
+                type: "important",
+                isLoading: f,
+                style: { left: "12px" }
+              }
+            ),
+            /* @__PURE__ */ t.jsx(It, {})
+          ]
+        }
+      ) }) : null
+    ] }),
+    /* @__PURE__ */ t.jsx(
+      Ct,
+      {
+        halloweenAnimationEnabled: j,
+        thanksGivingAnimationEnabled: w,
+        christmasAnimationEnabled: D,
+        newYearAnimationEnabled: v
+      }
+    )
+  ] }, d.toString());
+}
+export {
+  Ft as default
+};

package/dist/AppDrawerContent-CLyS80zi.cjs

@@ -0,0 +1,91 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./vendor-.pnpm-D0ILHvHB.cjs"),r=require("react"),l=require("@emotion/styled"),tt=require("@zeniai/client-epic-state"),t=require("./index-DHSetD4K.cjs"),et=require("./DashboardSidebarBackgroundAnimation-BpxvjdrK.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;