@zeniai/web-components 3.16.84 → 3.16.85

package/dist/AppBasePage-NJuErq7s.js

@@ -1,120 +0,0 @@
-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-ZNEZeera.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-DCMF1Jd6.js

@@ -1,379 +0,0 @@
-import { j as t, L as h } from "./vendor-.pnpm-DtFedGku.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, k as ht, h as bt } from "./index-ZNEZeera.js";
-import { D as xt } from "./DashboardSidebarBackgroundAnimation-CUljkJMW.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-DwnmrMJ3.cjs

@@ -1,91 +0,0 @@
-"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-BlhcX4SE.cjs"),et=require("./DashboardSidebarBackgroundAnimation--0-w1rQc.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;

package/dist/ApprovalRulesSettingsPage-BOoowQhZ.cjs

@@ -1,47 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-.pnpm-CT-Z_-kn.cjs"),i=require("@emotion/styled"),S=require("@zeniai/client-epic-state"),e=require("./index-BlhcX4SE.cjs"),l={sectionRowGap:new e.ResponsiveSized(e.sp[4],e.sp[8],e.sp[8]),lastSectionPaddingBottom:new e.ResponsiveSized(e.sp[7],e.sp[10],e.sp[10]),iconWidthHeight:new e.ResponsiveSized(20,e.sp[4]),subtitleSectionWidth:new e.ResponsiveSized(343,580,1200)},I=({billpayApprovalView:o,remiApproverView:v,currentTenant:a,onBackClick:R,onClickMenuIcon:y,onSetupApprovalRulesBillPaySectionClick:w,onSetupApprovalRulesRemiSectionClick:b})=>{const n=t.useTheme(),s=e.useWindowSizeContext(),c=e.useGlobalInfoContext(),{fetchState:p,allApprovalRules:u,approvalRulesStatus:f}=o,{fetchState:d,allApprovalRules:m,approvalRulesStatus:j}=v,{commonSetUp:A,spendManagement:P}=e.appLocale.getLocalizedStrings(),x=e.appLocale.getLocalizedStrings().common.settings,g=e.appLocale.getLocalizedStrings().common.headers,{billPay:C,reimbursement:E}=P,{billPaySetup:z}=C,{reimbursementSetup:B}=E,{setUp:r}=A,T=p==="In-Progress"||d==="In-Progress"||p==="Not-Started"||d==="Not-Started",h=n.mode==="light"?new t.Color(n.colors.brandColorJadeLight):new t.Color(n.colors.brandColorJadeDark),k=S.hasBillPayAccessible(a,c.loggedInUserRoleMap),L=S.hasReimbursementAccessible(a,c.loggedInUserRoleMap);return t.jsxRuntimeExports.jsxs(W,{children:[t.jsxRuntimeExports.jsx(e.NavBar,{source:"ApprovalRulesSettingsPage",title:x.title.approvalRules,backgroundColor:n.colors.grey4,style:{zIndex:3},onBackClick:R,showBackButton:!1,showMenuIcon:s==="medium-compact"||s==="small",onClickMenuIcon:y}),t.jsxRuntimeExports.jsx(M,{windowSize:s,children:T?t.jsxRuntimeExports.jsx(U,{children:t.jsxRuntimeExports.jsx(e.ActivityIndicator,{size:"ExtraLarge",start:!0})}):t.jsxRuntimeExports.jsxs($,{children:[t.jsxRuntimeExports.jsx(H,{windowSize:s,children:t.jsxRuntimeExports.jsx(q,{windowSize:s,children:x.infoText.approvalRules})}),t.jsxRuntimeExports.jsxs(D,{windowSize:s,children:[k===!0&&t.jsxRuntimeExports.jsx(e.SetUpDefaultSection,{title:u.length>0?r.approvalTitle:r.createApprovalTitle,subTitle:z.approvalSubTitle,header:g.bills,icon:{element:t.jsxRuntimeExports.jsx(e.SvgLike,{width:l.iconWidthHeight.valuePx(s),height:l.iconWidthHeight.valuePx(s)}),color:h},onClick:w,status:u.length>0?f:void 0}),L===!0&&t.jsxRuntimeExports.jsx(e.SetUpDefaultSection,{title:m.length>0?r.approvalTitle:r.createApprovalTitle,subTitle:B.approvalSubTitle,header:g.reimbursements,icon:{element:t.jsxRuntimeExports.jsx(e.SvgLike,{height:l.iconWidthHeight.valuePx(s)}),color:h},style:{paddingBottom:l.lastSectionPaddingBottom.valuePx(s)},onClick:b,status:m.length>0?j:void 0})]})]})})]})},$=i.div`
-  width: 100%;
-  margin: auto;
-  display: flex;
-  justify-content: flex-start;
-  height: 100%;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-`,W=i.div`
-  display: flex;
-  min-height: 100%;
-  flex-direction: column;
-  row-gap: ${e.Space.sp3};
-  width: 100%;
-  background-color: ${o=>o.theme.colors.grey4};
-`,M=i.div`
-  display: flex;
-  height: 100%;
-  overflow-y: auto;
-  justify-content: center;
-`,U=i.div`
-  display: flex;
-  width: 100%;
-  height: calc(100vh - 110px);
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  background-color: ${o=>o.theme.colors.grey4};
-`,D=i.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${o=>l.sectionRowGap.valuePx(o.windowSize)};
-`,H=i(e.ExtraSmallRegular)`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: ${o=>l.subtitleSectionWidth.valuePx(o.windowSize)};
-  margin-bottom: ${e.Space.sp5};
-`,q=i.div`
-  display: flex;
-  align-items: center;
-
-  color: ${o=>o.theme.colors.hero};
-  font-family: ${e.textStyles.largeMedium.fontFamily};
-  ${e.textStyles.standardRegular.css};
-`;exports.default=I;