@zeniai/web-components 3.16.31 → 3.16.32

package/dist/AppDrawerContent-DAoQqu2t.js

@@ -1,375 +0,0 @@
-import { j as t, L as b } from "./vendor-.pnpm-DxbX2tX4.js";
-import at, { memo as c, useState as m, useEffect as h } from "react";
-import r from "@emotion/styled";
-import { isZeniSignedInUser as nt } from "@zeniai/client-epic-state";
-import { r as x, S as e, dz as rt, d$ as lt, e0 as k, eb as dt, ek as ct, ej as mt, eJ as pt, l as ut, aL as ft, k as bt, h as ht } from "./index-BcmM9nFj.js";
-import { D as xt } from "./DashboardSidebarBackgroundAnimation-Dxf_aFtw.js";
-const gt = c(function({
-  animationEnabled: n = !1
-}) {
-  const [o, a] = x(
-    "DashboardSidebarBottomNewYear"
-  ), [i, l] = m(null);
-  return h(() => {
-    o != null && !a && l(o);
-  }, [o, a]), n && i != null ? /* @__PURE__ */ t.jsx(Dt, { children: /* @__PURE__ */ t.jsx(
-    b,
-    {
-      style: {
-        display: "flex",
-        width: "70px",
-        height: "140px"
-      },
-      animationData: i,
-      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: n = !1
-}) {
-  const [o, a] = x(
-    "DashboardSidebarBottomChristmas"
-  ), [i, l] = m(null);
-  return h(() => {
-    o != null && !a && l(o);
-  }, [o, a]), n && i != null ? /* @__PURE__ */ t.jsx(yt, { children: /* @__PURE__ */ t.jsx(
-    b,
-    {
-      style: {
-        display: "flex",
-        width: "240px",
-        height: "98px"
-      },
-      animationData: i,
-      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: n = !1
-}) {
-  const [o, a] = x(
-    "DashboardSidebarBottomHalloween"
-  ), [i, l] = m(null);
-  return o != null && i == null && !a && l(o), n && i != null ? /* @__PURE__ */ t.jsx(jt, { children: /* @__PURE__ */ t.jsx(
-    b,
-    {
-      style: {
-        display: "flex",
-        width: "60px",
-        height: "60px",
-        marginLeft: "20%",
-        marginTop: "10%"
-      },
-      animationData: i,
-      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: n = !1
-}) {
-  const [o, a] = x(
-    "DashboardSidebarBottomThanksgiving"
-  ), [i, l] = m(null);
-  return h(() => {
-    o != null && !a && l(o);
-  }, [o, a]), n && i != null ? /* @__PURE__ */ t.jsx(wt, { children: /* @__PURE__ */ t.jsx(
-    b,
-    {
-      style: {
-        display: "flex",
-        width: "100px",
-        height: "100px",
-        marginLeft: "45%"
-      },
-      animationData: i,
-      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: n = !1,
-  halloweenAnimationEnabled: o = !1,
-  newYearAnimationEnabled: a = !1,
-  thanksGivingAnimationEnabled: i = !1
-}) {
-  return o ? /* @__PURE__ */ t.jsx(
-    Bt,
-    {
-      animationEnabled: o
-    }
-  ) : i ? /* @__PURE__ */ t.jsx(
-    vt,
-    {
-      animationEnabled: i
-    }
-  ) : n ? /* @__PURE__ */ t.jsx(
-    St,
-    {
-      animationEnabled: n
-    }
-  ) : a ? /* @__PURE__ */ t.jsx(
-    gt,
-    {
-      animationEnabled: a
-    }
-  ) : 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: ${(s) => s.isOnDashboard ? "none" : `inset -2px 0 ${e.sp1} -2px ${s.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: ${(s) => s.isDisabled ? "not-allowed" : "pointer"};
-  color: ${(s) => s.theme.colors.hero};
-  &:hover {
-    color: ${(s) => s.theme.colors.primary};
-  }
-  z-index: 1;
-`, It = r(ht)`
-  display: flex;
-  width: ${e.sp4};
-  height: ${e.sp4};
-  align-items: center;
-  justify-content: center;
-`;
-function Et({
-  currentTenantId: s,
-  tenants: n,
-  isVendorsTabVisible: o,
-  isZeniAccountEnabled: a,
-  isTreasuryEnabled: i,
-  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: E,
-  treasuryYieldPercentage: F,
-  onNotificationIconClick: Y,
-  handleLogOutClick: Z,
-  handleMenuChange: _,
-  onZeniLogoClick: O,
-  handlePopupClose: U,
-  handleBackClick: C,
-  handleCockpitClick: W,
-  handleTenantSelect: G,
-  updateCurrentChatSessionId: J,
-  handleSettingsClick: $
-}) {
-  const [d, K] = m(
-    p && y
-  ), S = at.useRef("noAnimation"), q = 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();
-  };
-  h(() => {
-    p !== d && K(p);
-  }, [p, d]);
-  const f = u?.fetchStatus.fetchState === "Not-Started" || u?.fetchStatus.fetchState === "In-Progress", it = S.current, st = q || 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: O,
-          halloweenAnimationEnabled: j,
-          thanksGivingAnimationEnabled: w,
-          christmasAnimationEnabled: D,
-          newYearAnimationEnabled: v
-        }
-      ),
-      /* @__PURE__ */ t.jsx(
-        mt,
-        {
-          currentTenantId: s ?? "",
-          tenants: n,
-          isDisabled: M,
-          onTenantSelect: G
-        }
-      )
-    ] }),
-    /* @__PURE__ */ t.jsx(kt, { children: /* @__PURE__ */ t.jsx(
-      pt,
-      {
-        className: it,
-        signedInUser: g,
-        selectedMenu: I,
-        currentTenant: B,
-        isVendorsTabVisible: o,
-        rewardsConfiguration: N,
-        isSetting: d,
-        isAiCfo: R,
-        isAiCfoAccessEnabled: P,
-        aiCfoView: T,
-        isZeniAccountEnabled: a,
-        isTreasuryEnabled: i,
-        isTreasuryPopupVisible: l,
-        treasuryYieldPercentage: F,
-        isChargeCardEnabled: A,
-        isNotificationsTabVisible: H,
-        isPerformanceEnabledForUser: tt,
-        isExpenseAutomationEnabledForUser: E,
-        onSelectionChanged: _,
-        updateCurrentChatSessionId: J,
-        onBackClick: et,
-        onPopupClose: U
-      }
-    ) }),
-    /* @__PURE__ */ t.jsx(
-      xt,
-      {
-        christmasAnimationEnabled: D
-      }
-    ),
-    /* @__PURE__ */ t.jsxs(At, { children: [
-      /* @__PURE__ */ t.jsx(
-        ut,
-        {
-          signedInUser: g,
-          onLogOutClick: Z,
-          onSettingsClick: ot,
-          onCockpitClick: W,
-          currentTenant: B,
-          isSettingsFeatureEnabled: y
-        }
-      ),
-      st ? /* @__PURE__ */ t.jsx(ft, { controller: u != null, children: /* @__PURE__ */ t.jsxs(
-        Nt,
-        {
-          isDisabled: f,
-          onClick: f ? void 0 : Y,
-          children: [
-            /* @__PURE__ */ t.jsx(
-              bt,
-              {
-                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 {
-  Et as default
-};

package/dist/ApprovalRulesSettingsPage-BfdaJqb9.js

@@ -1,146 +0,0 @@
-import { u as U, b as f, j as e } from "./vendor-.pnpm-DxbX2tX4.js";
-import s from "@emotion/styled";
-import { hasBillPayAccessible as F, hasReimbursementAccessible as G } from "@zeniai/client-epic-state";
-import { u as N, dz as J, a as c, aE as V, A as q, gf as y, R as r, S as R, E as K, t as w, D as l } from "./index-BcmM9nFj.js";
-import { S as b } from "./SetUpDefaultSection-B4Tvbzll.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)
-}, ae = ({
-  billpayApprovalView: t,
-  remiApproverView: A,
-  currentTenant: p,
-  onBackClick: j,
-  onClickMenuIcon: P,
-  onSetupApprovalRulesBillPaySectionClick: C,
-  onSetupApprovalRulesRemiSectionClick: z
-}) => {
-  const a = U(), o = N(), d = J(), {
-    fetchState: u,
-    allApprovalRules: m,
-    approvalRulesStatus: B
-  } = t, {
-    fetchState: g,
-    allApprovalRules: h,
-    approvalRulesStatus: T
-  } = A, { commonSetUp: k, spendManagement: I } = c.getLocalizedStrings(), v = c.getLocalizedStrings().common.settings, S = c.getLocalizedStrings().common.headers, { billPay: $, reimbursement: W } = I, { billPaySetup: L } = $, { reimbursementSetup: D } = W, { setUp: n } = k, E = u === "In-Progress" || g === "In-Progress" || u === "Not-Started" || g === "Not-Started", x = 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(
-          b,
-          {
-            title: m.length > 0 ? n.approvalTitle : n.createApprovalTitle,
-            subTitle: L.approvalSubTitle,
-            header: S.bills,
-            icon: {
-              element: /* @__PURE__ */ e.jsx(
-                y,
-                {
-                  width: i.iconWidthHeight.valuePx(o),
-                  height: i.iconWidthHeight.valuePx(o)
-                }
-              ),
-              color: x
-            },
-            onClick: C,
-            status: m.length > 0 ? B : void 0
-          }
-        ),
-        M === !0 && /* @__PURE__ */ e.jsx(
-          b,
-          {
-            title: h.length > 0 ? n.approvalTitle : n.createApprovalTitle,
-            subTitle: D.approvalSubTitle,
-            header: S.reimbursements,
-            icon: {
-              element: /* @__PURE__ */ e.jsx(
-                y,
-                {
-                  height: i.iconWidthHeight.valuePx(o)
-                }
-              ),
-              color: x
-            },
-            style: {
-              paddingBottom: i.lastSectionPaddingBottom.valuePx(o)
-            },
-            onClick: z,
-            status: h.length > 0 ? T : 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: ${w.largeMedium.fontFamily};
-  ${w.standardRegular.css};
-`;
-export {
-  ae as default
-};

package/dist/ApprovalRulesSettingsPage-DYX8fsMF.cjs

@@ -1,47 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-.pnpm-B6vI-hvj.cjs"),i=require("@emotion/styled"),S=require("@zeniai/client-epic-state"),e=require("./index-PcEfbmFv.cjs"),v=require("./SetUpDefaultSection-BY-oOH7X.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)},$=({billpayApprovalView:o,remiApproverView:R,currentTenant:a,onBackClick:y,onClickMenuIcon:f,onSetupApprovalRulesBillPaySectionClick:w,onSetupApprovalRulesRemiSectionClick:b})=>{const n=t.useTheme(),s=e.useWindowSizeContext(),c=e.useGlobalInfoContext(),{fetchState:p,allApprovalRules:u,approvalRulesStatus:j}=o,{fetchState:d,allApprovalRules:m,approvalRulesStatus:A}=R,{commonSetUp:P,spendManagement:C}=e.appLocale.getLocalizedStrings(),x=e.appLocale.getLocalizedStrings().common.settings,g=e.appLocale.getLocalizedStrings().common.headers,{billPay:E,reimbursement:z}=C,{billPaySetup:B}=E,{reimbursementSetup:T}=z,{setUp:r}=P,k=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),L=S.hasBillPayAccessible(a,c.loggedInUserRoleMap),I=S.hasReimbursementAccessible(a,c.loggedInUserRoleMap);return t.jsxRuntimeExports.jsxs(U,{children:[t.jsxRuntimeExports.jsx(e.NavBar,{source:"ApprovalRulesSettingsPage",title:x.title.approvalRules,backgroundColor:n.colors.grey4,style:{zIndex:3},onBackClick:y,showBackButton:!1,showMenuIcon:s==="medium-compact"||s==="small",onClickMenuIcon:f}),t.jsxRuntimeExports.jsx(D,{windowSize:s,children:k?t.jsxRuntimeExports.jsx(M,{children:t.jsxRuntimeExports.jsx(e.ActivityIndicator,{size:"ExtraLarge",start:!0})}):t.jsxRuntimeExports.jsxs(W,{children:[t.jsxRuntimeExports.jsx(H,{windowSize:s,children:t.jsxRuntimeExports.jsx(F,{windowSize:s,children:x.infoText.approvalRules})}),t.jsxRuntimeExports.jsxs(q,{windowSize:s,children:[L===!0&&t.jsxRuntimeExports.jsx(v.SetUpDefaultSection,{title:u.length>0?r.approvalTitle:r.createApprovalTitle,subTitle:B.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?j:void 0}),I===!0&&t.jsxRuntimeExports.jsx(v.SetUpDefaultSection,{title:m.length>0?r.approvalTitle:r.createApprovalTitle,subTitle:T.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?A:void 0})]})]})})]})},W=i.div`
-  width: 100%;
-  margin: auto;
-  display: flex;
-  justify-content: flex-start;
-  height: 100%;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-`,U=i.div`
-  display: flex;
-  min-height: 100%;
-  flex-direction: column;
-  row-gap: ${e.Space.sp3};
-  width: 100%;
-  background-color: ${o=>o.theme.colors.grey4};
-`,D=i.div`
-  display: flex;
-  height: 100%;
-  overflow-y: auto;
-  justify-content: center;
-`,M=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};
-`,q=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};
-`,F=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=$;

package/dist/ArAgingChart-DAfGJxis.cjs

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