@zeniai/web-components 3.16.92 → 3.16.93

package/dist/AppDrawerContent-Cx4zDKi_.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-l08vvOmt.js";
+import { D as xt } from "./DashboardSidebarBackgroundAnimation-DYsp7Imm.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/ApprovalRulesSettingsPage-B-bAvYxw.cjs

@@ -0,0 +1,47 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-.pnpm-D0ILHvHB.cjs"),i=require("@emotion/styled"),S=require("@zeniai/client-epic-state"),e=require("./index-CwWJYVG_.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;

package/dist/ApprovalRulesSettingsPage-BcRZvSQH.js

@@ -0,0 +1,145 @@
+import { u as U, b as f, j as e } from "./vendor-.pnpm-B2klaOGU.js";
+import s from "@emotion/styled";
+import { hasBillPayAccessible as F, hasReimbursementAccessible as G } from "@zeniai/client-epic-state";
+import { u as N, dB as J, a as c, aE as V, A as q, hI as y, gi as w, R as r, S as R, E as K, t as b, D as l } from "./index-l08vvOmt.js";
+const i = {
+  sectionRowGap: new r(l[4], l[8], l[8]),
+  lastSectionPaddingBottom: new r(l[7], l[10], l[10]),
+  iconWidthHeight: new r(20, l[4]),
+  subtitleSectionWidth: new r(343, 580, 1200)
+}, ie = ({
+  billpayApprovalView: t,
+  remiApproverView: A,
+  currentTenant: p,
+  onBackClick: j,
+  onClickMenuIcon: P,
+  onSetupApprovalRulesBillPaySectionClick: C,
+  onSetupApprovalRulesRemiSectionClick: B
+}) => {
+  const a = U(), o = N(), d = J(), {
+    fetchState: u,
+    allApprovalRules: h,
+    approvalRulesStatus: z
+  } = t, {
+    fetchState: m,
+    allApprovalRules: g,
+    approvalRulesStatus: I
+  } = A, { commonSetUp: T, spendManagement: k } = c.getLocalizedStrings(), v = c.getLocalizedStrings().common.settings, x = c.getLocalizedStrings().common.headers, { billPay: $, reimbursement: W } = k, { billPaySetup: L } = $, { reimbursementSetup: D } = W, { setUp: n } = T, E = u === "In-Progress" || m === "In-Progress" || u === "Not-Started" || m === "Not-Started", S = a.mode === "light" ? new f(a.colors.brandColorJadeLight) : new f(a.colors.brandColorJadeDark), H = F(
+    p,
+    d.loggedInUserRoleMap
+  ), M = G(
+    p,
+    d.loggedInUserRoleMap
+  );
+  return /* @__PURE__ */ e.jsxs(Q, { children: [
+    /* @__PURE__ */ e.jsx(
+      V,
+      {
+        source: "ApprovalRulesSettingsPage",
+        title: v.title.approvalRules,
+        backgroundColor: a.colors.grey4,
+        style: { zIndex: 3 },
+        onBackClick: j,
+        showBackButton: !1,
+        showMenuIcon: o === "medium-compact" || o === "small",
+        onClickMenuIcon: P
+      }
+    ),
+    /* @__PURE__ */ e.jsx(X, { windowSize: o, children: E ? /* @__PURE__ */ e.jsx(Y, { children: /* @__PURE__ */ e.jsx(q, { size: "ExtraLarge", start: !0 }) }) : /* @__PURE__ */ e.jsxs(O, { children: [
+      /* @__PURE__ */ e.jsx(_, { windowSize: o, children: /* @__PURE__ */ e.jsx(ee, { windowSize: o, children: v.infoText.approvalRules }) }),
+      /* @__PURE__ */ e.jsxs(Z, { windowSize: o, children: [
+        H === !0 && /* @__PURE__ */ e.jsx(
+          y,
+          {
+            title: h.length > 0 ? n.approvalTitle : n.createApprovalTitle,
+            subTitle: L.approvalSubTitle,
+            header: x.bills,
+            icon: {
+              element: /* @__PURE__ */ e.jsx(
+                w,
+                {
+                  width: i.iconWidthHeight.valuePx(o),
+                  height: i.iconWidthHeight.valuePx(o)
+                }
+              ),
+              color: S
+            },
+            onClick: C,
+            status: h.length > 0 ? z : void 0
+          }
+        ),
+        M === !0 && /* @__PURE__ */ e.jsx(
+          y,
+          {
+            title: g.length > 0 ? n.approvalTitle : n.createApprovalTitle,
+            subTitle: D.approvalSubTitle,
+            header: x.reimbursements,
+            icon: {
+              element: /* @__PURE__ */ e.jsx(
+                w,
+                {
+                  height: i.iconWidthHeight.valuePx(o)
+                }
+              ),
+              color: S
+            },
+            style: {
+              paddingBottom: i.lastSectionPaddingBottom.valuePx(o)
+            },
+            onClick: B,
+            status: g.length > 0 ? I : void 0
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}, O = s.div`
+  width: 100%;
+  margin: auto;
+  display: flex;
+  justify-content: flex-start;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+`, Q = s.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  row-gap: ${R.sp3};
+  width: 100%;
+  background-color: ${(t) => t.theme.colors.grey4};
+`, X = s.div`
+  display: flex;
+  height: 100%;
+  overflow-y: auto;
+  justify-content: center;
+`, Y = s.div`
+  display: flex;
+  width: 100%;
+  height: calc(100vh - 110px);
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${(t) => t.theme.colors.grey4};
+`, Z = s.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${(t) => i.sectionRowGap.valuePx(t.windowSize)};
+`, _ = s(K)`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: ${(t) => i.subtitleSectionWidth.valuePx(t.windowSize)};
+  margin-bottom: ${R.sp5};
+`, ee = s.div`
+  display: flex;
+  align-items: center;
+
+  color: ${(t) => t.theme.colors.hero};
+  font-family: ${b.largeMedium.fontFamily};
+  ${b.standardRegular.css};
+`;
+export {
+  ie as default
+};

package/dist/ArAgingChart-Bce9G3aV.cjs

@@ -0,0 +1,24 @@
+"use strict";const c=require("./vendor-.pnpm-D0ILHvHB.cjs"),j=require("react"),R=require("@emotion/styled"),h=require("recharts"),n=require("./index-CwWJYVG_.cjs"),y=require("./chartTypes-Dd8pl6nm.cjs"),b=require("@zeniai/client-epic-state"),T=R.div`
+  display: flex;
+`,O=R.div`
+  flex: display;
+  opacity: 0.85;
+  border-radius: ${n.Space.sp1};
+  flex-direction: column;
+  padding: ${n.Space.sp3};
+  background-color: ${t=>t.theme.colors.black};
+`,E=R(n.StandardRegular)`
+  color: ${t=>t.color??n.Colors.neutralGrey2Light};
+  text-align: left;
+`,$=R.div`
+  margin: ${n.Space.sp2} ${n.Space.sp0} ${n.Space.sp2} ${n.Space.sp0};
+  width: 100%;
+  height: 1px;
+  background-color: ${n.Colors.neutralGrey3Dark};
+`,w=({active:t,payload:s,barName:o})=>{const u=[];if(s!=null&&t===!0){const r=s.filter(p=>p.name==o)[0],a=r.payload,l=r.color,d=o!=null&&a.record[o]!=null?a.record[o].amount:void 0,i={amount:0,currencyCode:"",currencySymbol:""};let m;for(m in a.record){const p=a.record[m].amount;i.amount+=a.record[m].amount?.amount??0,i.currencyCode=p!=null?p.currencyCode:i.currencyCode,i.currencySymbol=p!=null?p.currencySymbol:i.currencySymbol}const e=y.getAgingReportIDFromAgingReportChartValueKey(o);u.push({barName:e,actual:d,color:l}),u.push({barName:n.appLocale.getLocalizedStrings().chartCard.total,actual:i,color:n.Colors.brandColorPearl})}return u},v=({barLabelsWithValues:t})=>c.jsxRuntimeExports.jsx(T,{children:c.jsxRuntimeExports.jsxs(O,{children:[c.jsxRuntimeExports.jsx(E,{color:t[0].color,children:`${t[0].barName}: ${y.currencyFormatter(t[0].actual)}`}),c.jsxRuntimeExports.jsx($,{}),c.jsxRuntimeExports.jsx(E,{children:`${n.appLocale.getLocalizedStrings().chartCard.total}: ${y.currencyFormatter(t[1].actual)}`})]})}),V=t=>{const s=w({...t});return s.length===0?null:c.jsxRuntimeExports.jsx(v,{barLabelsWithValues:s})},B=j.memo(V),k=5;function z(t){const s=c.map(t,(u,r)=>[u.amount?.amount??0,r]);return s.sort((u,r)=>r[0]-u[0]),s.slice(0,k-1).reduce((u,r)=>({...u,[r[1]]:!0}),{})}function A(t){const s=[];for(const o in t)s.push(o);return s.sort((o,u)=>(t[u].amount?.amount??0)-(t[o].amount?.amount??0)),s}const D=t=>{const s=t.agingPeriods.map(r=>n.appLocale.getLocalizedStrings().reports.aging.duration[r]),o=[];return{recordByDurations:t.agingPeriods.map(r=>{const a={};t.agingBalances.forEach(i=>{const m=y.getAgingReportChartValueKey(i.vendor?.name??"",r);a[m]={amount:i.apAgingBalances.find(e=>e.period===r)?.balance}});const l=n.appLocale.getLocalizedStrings().reports.aging.duration[r];if(Object.keys(a).length>k){const i=z(a),m=c.pickBy(a,(f,x)=>i[x]===!0),e=c.pickBy(a,(f,x)=>i[x]!==!0),p=Object.keys(e).reduce((f,x)=>f+(e[x].amount?.amount??0),0),g=Object.keys(e)[0],C=y.getAgingReportChartValueKey("Other",r);m[C]={...e[g],amount:{amount:p,currencyCode:e[g].amount?.currencyCode??b.defaultVendorCurrency.currencyCode,currencySymbol:e[g].amount?.currencySymbol??b.defaultVendorCurrency.currencySymbol}};const S=A(m);return o.push(...S),{label:l,record:m}}const d=A(a);return o.push(...d),{label:l,record:a}}),durationLabels:s,orderedKeys:Array.from(o)}},I=R.div`
+  width: ${t=>t.width}px;
+  height: ${t=>t.height}px;
+`,M=({active:t,payload:s,mouseOverBarName:o})=>s?.find(r=>r.name===o)!=null&&o!=null&&t===!0?c.jsxRuntimeExports.jsx(B,{active:t,payload:s,barName:o}):null;function _({report:t,width:s,height:o,isDetailPage:u}){const r=j.useRef(!1),[a,l]=j.useState(void 0);j.useEffect(()=>{r.current=!0},[]);const d=D(t),i=()=>{const e=[];return d?.orderedKeys.forEach(p=>{const g=u===!0&&!r.current;e.push(m(p,g))}),e},m=(e,p)=>c.jsxRuntimeExports.jsx(h.Bar,{name:e,animationDuration:p?500:void 0,style:{cursor:"pointer"},dataKey:g=>{const C=g.record;return(C[e]?.amount!=null?C[e].amount:void 0)?.amount??0},stackId:"a",fill:G(e,d),onMouseEnter:()=>{a!==e&&l(e)},onMouseLeave:()=>{a!=null&&l(void 0)}},e);return d==null?null:c.jsxRuntimeExports.jsx(F,{chartData:d,barElements:i(),width:s,height:o,isDetailPage:u===!0,customToolTipContent:c.jsxRuntimeExports.jsx(M,{mouseOverBarName:a})})}const F=({chartData:t,barElements:s,customToolTipContent:o,width:u,height:r,isDetailPage:a})=>{const l=c.useTheme(),d=y.getCurrencySymbolForAgingChart(t);return c.jsxRuntimeExports.jsx(I,{width:u,height:r,children:c.jsxRuntimeExports.jsx(c.AutoSizer,{children:({height:i,width:m})=>c.jsxRuntimeExports.jsxs(h.ComposedChart,{width:m,height:i,stackOffset:"sign",data:t.recordByDurations,barCategoryGap:"25%",maxBarSize:a?n.sp[8]:n.sp[3],margin:{top:5,right:20,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[c.jsxRuntimeExports.jsx(h.CartesianGrid,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:l.colors.grey3}),c.jsxRuntimeExports.jsx(h.XAxis,{dataKey:e=>e.label,type:"category",axisLine:{stroke:l.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:l.colors.hero,...n.textStyles.extraSmallRegular.cssObject}}),c.jsxRuntimeExports.jsx(h.YAxis,{type:"number",axisLine:!1,tickLine:!1,tick:{color:l.colors.hero,...n.textStyles.extraSmallRegular.cssObject},tickFormatter:e=>n.amountValueToString("0,0.[00]a",e,d)}),c.jsxRuntimeExports.jsx(h.Tooltip,{wrapperStyle:{zIndex:2},cursor:!1,content:o,allowEscapeViewBox:{x:!1,y:!0}}),s]})})})};function G(t,s){const o=y.getAgingPeriodFromAgingReportChartValueKey(t),u=n.appLocale.getLocalizedStrings().reports.aging.duration[o],r=s?.recordByDurations.find(a=>a.label===u)?.record;if(r?.[t]!=null){const a=r[t].amount?.amount??0;let l=1;switch(c.forOwn(r,d=>{(d.amount?.amount??0)>a&&l++}),l){case 1:return n.Colors.graphColor24;case 2:return n.Colors.graphColor33;case 3:return n.Colors.graphColor18;case 4:return n.Colors.graphColor12;case 5:return n.Colors.graphColor01;default:return n.Colors.graphColor01}}return n.Colors.graphColor01}const K=5;function q(t){const s=c.map(t,(u,r)=>[u.amount?.amount??0,r]);return s.sort((u,r)=>r[0]-u[0]),s.slice(0,K-1).reduce((u,r)=>({...u,[r[1]]:!0}),{})}function L(t){const s=[];for(const o in t)s.push(o);return s.sort((o,u)=>(t[u].amount?.amount??0)-(t[o].amount?.amount??0)),s}const P=t=>{const s=t.agingPeriods.map(r=>n.appLocale.getLocalizedStrings().reports.aging.duration[r]),o=[];return{recordByDurations:t.agingPeriods.map(r=>{const a={};t.agingBalances.forEach(i=>{const m=y.getAgingReportChartValueKey(i.customer?.name??"",r),e=i.arAgingBalances.find(p=>p.period===r);a[m]={amount:i.children.length>0?e?.totalBalance:e?.balance}});const l=n.appLocale.getLocalizedStrings().reports.aging.duration[r];if(Object.keys(a).length>K){const i=q(a),m=c.pickBy(a,(f,x)=>i[x]===!0),e=c.pickBy(a,(f,x)=>i[x]!==!0),p=Object.keys(e).reduce((f,x)=>f+(e[x].amount?.amount??0),0),g=Object.keys(e)[0],C=y.getAgingReportChartValueKey("Other",r);m[C]={...e[g],amount:{amount:p,currencyCode:e[g].amount?.currencyCode??b.defaultCustomerCurrency.currencyCode,currencySymbol:e[g].amount?.currencySymbol??b.defaultCustomerCurrency.currencySymbol}};const S=L(m);return o.push(...S),{label:l,record:m}}const d=L(a);return o.push(...d),{label:l,record:a}}),durationLabels:s,orderedKeys:Array.from(o)}},W=R.div`
+  width: ${t=>t.width}px;
+  height: ${t=>t.height}px;
+`,X=({active:t,payload:s,mouseOverBarName:o})=>s?.find(r=>r.name===o)!=null&&o!=null&&t===!0?c.jsxRuntimeExports.jsx(B,{active:t,payload:s,barName:o}):null;function J({report:t,width:s,height:o,isDetailPage:u}){const r=j.useRef(!1),[a,l]=j.useState(void 0);j.useEffect(()=>{r.current=!0},[]);const d=P(t),i=()=>{const e=[];return d?.orderedKeys.forEach(p=>{const g=u===!0&&!r.current;e.push(m(p,g))}),e},m=(e,p)=>c.jsxRuntimeExports.jsx(h.Bar,{name:e,animationDuration:p?500:void 0,style:{cursor:"pointer"},dataKey:g=>{const C=g.record;return(C[e]?.amount!=null?C[e].amount:void 0)?.amount??0},stackId:"a",fill:N(e,d),onMouseEnter:()=>{a!==e&&l(e)},onMouseLeave:()=>{a!=null&&l(void 0)}},e);return d==null?null:c.jsxRuntimeExports.jsx(Y,{chartData:d,barElements:i(),width:s,height:o,isDetailPage:u===!0,customToolTipContent:c.jsxRuntimeExports.jsx(X,{mouseOverBarName:a})})}const Y=({chartData:t,barElements:s,customToolTipContent:o,width:u,height:r,isDetailPage:a})=>{const l=c.useTheme(),d=y.getCurrencySymbolForAgingChart(t);return c.jsxRuntimeExports.jsx(W,{width:u,height:r,children:c.jsxRuntimeExports.jsx(c.AutoSizer,{children:({height:i,width:m})=>c.jsxRuntimeExports.jsxs(h.ComposedChart,{width:m,height:i,stackOffset:"sign",data:t.recordByDurations,barCategoryGap:"25%",maxBarSize:a?n.sp[8]:n.sp[3],margin:{top:5,right:20,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[c.jsxRuntimeExports.jsx(h.CartesianGrid,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:l.colors.grey3}),c.jsxRuntimeExports.jsx(h.XAxis,{dataKey:e=>e.label,type:"category",axisLine:{stroke:l.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:l.colors.hero,...n.textStyles.extraSmallRegular.cssObject}}),c.jsxRuntimeExports.jsx(h.YAxis,{type:"number",axisLine:!1,tickLine:!1,tick:{color:l.colors.hero,...n.textStyles.extraSmallRegular.cssObject},tickFormatter:e=>n.amountValueToString("0,0.[00]a",e,d)}),c.jsxRuntimeExports.jsx(h.Tooltip,{wrapperStyle:{zIndex:2},cursor:!1,content:o,allowEscapeViewBox:{x:!1,y:!0}}),s]})})})};function N(t,s){const o=y.getAgingPeriodFromAgingReportChartValueKey(t),u=n.appLocale.getLocalizedStrings().reports.aging.duration[o],r=s?.recordByDurations.find(a=>a.label===u)?.record;if(r?.[t]!=null){const a=r[t].amount?.amount??0;let l=1;switch(c.forOwn(r,d=>{(d.amount?.amount??0)>a&&l++}),l){case 1:return n.Colors.graphColor24;case 2:return n.Colors.graphColor33;case 3:return n.Colors.graphColor18;case 4:return n.Colors.graphColor12;case 5:return n.Colors.graphColor01;default:return n.Colors.graphColor01}}return n.Colors.graphColor01}exports.ApAgingChart=_;exports.ArAgingChart=J;