@zeniai/web-components 3.17.6 → 3.17.7

package/dist/TreasuryStatementsPage-CqmpxOhI.cjs

@@ -1,58 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-.pnpm-D0ILHvHB.cjs"),l=require("react"),n=require("@emotion/styled"),e=require("./index-DqpzSdEQ.cjs"),w=require("./BoxItem-Djgj9NOx.cjs"),R=require("./commonDimensions-CKGGxtyo.cjs"),v=require("./StatementItem-zXICTHUu.cjs"),d=e.appLocale.getLocalizedStrings().spendManagement.treasury.statements,m={listItemMargin:new e.ResponsiveSized(e.sp[3],e.sp[8])},E=({currentTenantCompanyName:s,authParams:x,downloadEndPoint:u,statementListView:o,onBackClick:h})=>{const g=t.useTheme(),r=e.useWindowSizeContext(),b=l.createRef(),S=l.useRef(),y=o.statements.length===0,j=()=>R.transactionItemDimensions.transactionItemHeightResponsive.value(r),f=({index:i,style:a})=>{const c=o.statements[i];return y===!1?t.jsxRuntimeExports.jsx(p,{windowSize:r,style:{...a,width:`calc(100% - 2*${m.listItemMargin.valuePx(r)})`},children:t.jsxRuntimeExports.jsx(v.StatementItem,{currentTenantCompanyName:s,accountLast4:"",data:c,authParams:x,downloadEndPoint:u,documentType:"treasuryStatement",boxType:w.boxType(i,o.statements.length)},c.id)}):t.jsxRuntimeExports.jsx($,{style:{...a},children:t.jsxRuntimeExports.jsx(I,{children:t.jsxRuntimeExports.jsx(p,{windowSize:r,children:t.jsxRuntimeExports.jsx(z,{children:d.noStatements})})})})};return t.jsxRuntimeExports.jsxs(k,{children:[t.jsxRuntimeExports.jsx(e.NavBar,{title:d.title,backgroundColor:g.colors.grey4,style:{zIndex:3},onBackClick:h,source:"treasury"}),t.jsxRuntimeExports.jsx(C,{windowSize:r,children:t.jsxRuntimeExports.jsx(t.AutoSizer,{children:({height:i,width:a})=>t.jsxRuntimeExports.jsx(T,{ref:b,height:i,width:a,innerRef:S,itemKey:c=>c,itemCount:o.statements.length,itemSize:j,initialScrollOffset:0,children:f})})})]})},$=n.div``,p=n.div`
-  margin: ${s=>`${e.Space.sp0} ${m.listItemMargin.valuePx(s.windowSize)}`};
-  &:hover {
-    position: relative;
-    z-index: 2;
-  }
-`,I=n.div`
-  display: flex;
-  height: 100%;
-  flex: 1 1 auto;
-  flex-direction: row;
-  justify-content: center;
-  align-items: flex-end;
-`,k=n.div`
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  width: 100%;
-  padding-bottom: ${e.Space.sp7};
-`,z=n(e.StandardRegular)`
-  display: flex;
-  color: ${s=>s.theme.colors.grey2};
-`,C=n.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  margin-top: ${s=>s.windowSize==="small"?e.Space.sp3:e.Space.sp6};
-`,T=n(t.VariableSizeList)`
-  scrollbar-width: thin;
-  scrollbar-color: transparent transparent;
-  &::-webkit-scrollbar {
-    width: ${e.Space.sp2};
-    height: ${e.Space.sp0};
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 2px ${e.Colors.scrollbarBoxShadow};
-    -webkit-box-shadow: inset 0 0 2px ${e.Colors.scrollbarBoxShadow};
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-thumb {
-    background-color: transparent;
-  }
-
-  &:hover {
-    scrollbar-color: ${s=>s.theme.colors.grey1} transparent;
-    &::-webkit-scrollbar {
-      width: ${e.Space.sp2};
-      height: ${e.Space.sp0};
-      background-color: transparent;
-    }
-    &::-webkit-scrollbar-thumb {
-      background-color: ${s=>s.theme.colors.grey1};
-      border-radius: 2px;
-    }
-  }
-`;exports.default=E;

package/dist/TreasuryTaxLetterPage-BYW6FGih.cjs

@@ -1,58 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-.pnpm-D0ILHvHB.cjs"),l=require("react"),s=require("@emotion/styled"),e=require("./index-DqpzSdEQ.cjs"),w=require("./BoxItem-Djgj9NOx.cjs"),R=require("./commonDimensions-CKGGxtyo.cjs"),v=require("./StatementItem-zXICTHUu.cjs"),x=e.appLocale.getLocalizedStrings().spendManagement.treasury.taxLetter,p={listItemMargin:new e.ResponsiveSized(e.sp[3],e.sp[8])},E=({currentTenantCompanyName:r,authParams:m,downloadEndPoint:u,taxLetterListView:o,onBackClick:h})=>{const g=t.useTheme(),n=e.useWindowSizeContext(),b=l.createRef(),S=l.useRef(),y=o.taxLetters.length===0,j=()=>R.transactionItemDimensions.transactionItemHeightResponsive.value(n),f=({index:i,style:a})=>{const c=o.taxLetters[i];return y===!1?t.jsxRuntimeExports.jsx(d,{windowSize:n,style:{...a,width:`calc(100% - 2*${p.listItemMargin.valuePx(n)})`},children:t.jsxRuntimeExports.jsx(v.StatementItem,{currentTenantCompanyName:r,accountLast4:"",data:c,authParams:m,downloadEndPoint:u,documentType:"taxLetter",boxType:w.boxType(i,o.taxLetters.length)},c.id)}):t.jsxRuntimeExports.jsx($,{style:{...a},children:t.jsxRuntimeExports.jsx(I,{children:t.jsxRuntimeExports.jsx(d,{windowSize:n,children:t.jsxRuntimeExports.jsx(T,{children:x.noTaxLetter})})})})};return t.jsxRuntimeExports.jsxs(k,{children:[t.jsxRuntimeExports.jsx(e.NavBar,{title:x.title,backgroundColor:g.colors.grey4,style:{zIndex:3},onBackClick:h,source:"treasury"}),t.jsxRuntimeExports.jsx(z,{windowSize:n,children:t.jsxRuntimeExports.jsx(t.AutoSizer,{children:({height:i,width:a})=>t.jsxRuntimeExports.jsx(L,{ref:b,height:i,width:a,innerRef:S,itemKey:c=>c,itemCount:o.taxLetters.length,itemSize:j,initialScrollOffset:0,children:f})})})]})},$=s.div``,d=s.div`
-  margin: ${r=>`${e.Space.sp0} ${p.listItemMargin.valuePx(r.windowSize)}`};
-  &:hover {
-    position: relative;
-    z-index: 2;
-  }
-`,I=s.div`
-  display: flex;
-  height: 100%;
-  flex: 1 1 auto;
-  flex-direction: row;
-  justify-content: center;
-  align-items: flex-end;
-`,k=s.div`
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  width: 100%;
-  padding-bottom: ${e.Space.sp7};
-`,T=s(e.StandardRegular)`
-  display: flex;
-  color: ${r=>r.theme.colors.grey2};
-`,z=s.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  margin-top: ${r=>r.windowSize==="small"?e.Space.sp3:e.Space.sp6};
-`,L=s(t.VariableSizeList)`
-  scrollbar-width: thin;
-  scrollbar-color: transparent transparent;
-  &::-webkit-scrollbar {
-    width: ${e.Space.sp2};
-    height: ${e.Space.sp0};
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 2px ${e.Colors.scrollbarBoxShadow};
-    -webkit-box-shadow: inset 0 0 2px ${e.Colors.scrollbarBoxShadow};
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-thumb {
-    background-color: transparent;
-  }
-
-  &:hover {
-    scrollbar-color: ${r=>r.theme.colors.grey1} transparent;
-    &::-webkit-scrollbar {
-      width: ${e.Space.sp2};
-      height: ${e.Space.sp0};
-      background-color: transparent;
-    }
-    &::-webkit-scrollbar-thumb {
-      background-color: ${r=>r.theme.colors.grey1};
-      border-radius: 2px;
-    }
-  }
-`;exports.default=E;

package/dist/TreasuryTaxLetterPage-CkyTwHUk.js

@@ -1,131 +0,0 @@
-import { u as j, j as e, A as v, V as k } from "./vendor-.pnpm-B2klaOGU.js";
-import { createRef as z, useRef as I } from "react";
-import s from "@emotion/styled";
-import { u as T, aE as L, a as C, S as r, C as c, R, D as d, o as E } from "./index-BURcUrxk.js";
-import { b as M } from "./BoxItem-BRKfmDs5.js";
-import { t as A } from "./commonDimensions-kQtIqgvz.js";
-import { S as B } from "./StatementItem-CKn13Tm4.js";
-const m = C.getLocalizedStrings().spendManagement.treasury.taxLetter, x = {
-  listItemMargin: new R(d[3], d[8])
-}, X = ({
-  currentTenantCompanyName: t,
-  authParams: h,
-  downloadEndPoint: u,
-  taxLetterListView: n,
-  onBackClick: g
-}) => {
-  const b = j(), o = T(), f = z(), y = I(), w = n.taxLetters.length === 0, S = () => A.transactionItemHeightResponsive.value(
-    o
-  ), $ = ({ index: a, style: i }) => {
-    const l = n.taxLetters[a];
-    return w === !1 ? /* @__PURE__ */ e.jsx(
-      p,
-      {
-        windowSize: o,
-        style: {
-          ...i,
-          width: `calc(100% - 2*${x.listItemMargin.valuePx(o)})`
-        },
-        children: /* @__PURE__ */ e.jsx(
-          B,
-          {
-            currentTenantCompanyName: t,
-            accountLast4: "",
-            data: l,
-            authParams: h,
-            downloadEndPoint: u,
-            documentType: "taxLetter",
-            boxType: M(a, n.taxLetters.length)
-          },
-          l.id
-        )
-      }
-    ) : /* @__PURE__ */ e.jsx(D, { style: { ...i }, children: /* @__PURE__ */ e.jsx(P, { children: /* @__PURE__ */ e.jsx(p, { windowSize: o, children: /* @__PURE__ */ e.jsx(H, { children: m.noTaxLetter }) }) }) });
-  };
-  return /* @__PURE__ */ e.jsxs(W, { children: [
-    /* @__PURE__ */ e.jsx(
-      L,
-      {
-        title: m.title,
-        backgroundColor: b.colors.grey4,
-        style: { zIndex: 3 },
-        onBackClick: g,
-        source: "treasury"
-      }
-    ),
-    /* @__PURE__ */ e.jsx(K, { windowSize: o, children: /* @__PURE__ */ e.jsx(v, { children: ({ height: a, width: i }) => /* @__PURE__ */ e.jsx(
-      N,
-      {
-        ref: f,
-        height: a,
-        width: i,
-        innerRef: y,
-        itemKey: (l) => l,
-        itemCount: n.taxLetters.length,
-        itemSize: S,
-        initialScrollOffset: 0,
-        children: $
-      }
-    ) }) })
-  ] });
-}, D = s.div``, p = s.div`
-  margin: ${(t) => `${r.sp0} ${x.listItemMargin.valuePx(t.windowSize)}`};
-  &:hover {
-    position: relative;
-    z-index: 2;
-  }
-`, P = s.div`
-  display: flex;
-  height: 100%;
-  flex: 1 1 auto;
-  flex-direction: row;
-  justify-content: center;
-  align-items: flex-end;
-`, W = s.div`
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  width: 100%;
-  padding-bottom: ${r.sp7};
-`, H = s(E)`
-  display: flex;
-  color: ${(t) => t.theme.colors.grey2};
-`, K = s.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  margin-top: ${(t) => t.windowSize === "small" ? r.sp3 : r.sp6};
-`, N = s(k)`
-  scrollbar-width: thin;
-  scrollbar-color: transparent transparent;
-  &::-webkit-scrollbar {
-    width: ${r.sp2};
-    height: ${r.sp0};
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 2px ${c.scrollbarBoxShadow};
-    -webkit-box-shadow: inset 0 0 2px ${c.scrollbarBoxShadow};
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-thumb {
-    background-color: transparent;
-  }
-
-  &:hover {
-    scrollbar-color: ${(t) => t.theme.colors.grey1} transparent;
-    &::-webkit-scrollbar {
-      width: ${r.sp2};
-      height: ${r.sp0};
-      background-color: transparent;
-    }
-    &::-webkit-scrollbar-thumb {
-      background-color: ${(t) => t.theme.colors.grey1};
-      border-radius: 2px;
-    }
-  }
-`;
-export {
-  X as default
-};

package/dist/TrendChart-CQp-r1tg.js

@@ -1,334 +0,0 @@
-import { j as s, u as K, A as M } from "./vendor-.pnpm-B2klaOGU.js";
-import R, { useRef as z, useEffect as w, useState as _ } from "react";
-import { Bar as q, BarChart as N, CartesianGrid as O, XAxis as V, YAxis as W, Tooltip as X, ReferenceArea as G } from "recharts";
-import { formatZeniDate as d } from "@zeniai/client-epic-state";
-import { S as A, C as I, o as F, a as C, e as S, t as B, dM as J } from "./index-BURcUrxk.js";
-import { c as Q, g as v, b as Z, d as $ } from "./chartTypes-CrK7r3RL.js";
-import j from "@emotion/styled";
-import { a as H } from "./toCOABalancesWithID-D16btiyu.js";
-import { t as U } from "./toChartData-CKWS4YpY.js";
-const P = j.div`
-  display: flex;
-`, tt = j.div`
-  flex: display;
-  opacity: 0.85;
-  border-radius: ${A.sp1};
-  flex-direction: column;
-  padding: ${A.sp3};
-  background-color: ${(t) => t.theme.colors.black};
-`, at = j(F)`
-  color: ${(t) => t.color ?? I.neutralGrey2Light};
-  text-align: left;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-`, et = ({
-  active: t,
-  payload: a,
-  trendType: e
-}) => {
-  const r = [];
-  return a?.forEach((l) => {
-    const n = l.name;
-    if (l && t && l.value !== 0) {
-      const u = l.payload, x = l.color, m = n != null && u.record[n] != null ? u.record[n].amount : void 0;
-      r.push({
-        barName: e,
-        value: m,
-        color: x
-      });
-    }
-  }), r;
-}, rt = (t) => {
-  const a = et(t);
-  return a.length ? /* @__PURE__ */ s.jsx(P, { children: /* @__PURE__ */ s.jsx(tt, { children: a.map((e, r) => /* @__PURE__ */ s.jsx(
-    at,
-    {
-      color: e.color,
-      children: `${e.barName}: ${Q(
-        e.value
-      )}`
-    },
-    e.barName + r
-  )) }) }) : null;
-}, ot = R.memo(rt), nt = (t, a, e, r) => {
-  let l = [];
-  if (r != null) {
-    const n = st(r, e);
-    n != null && n.length > 0 && (l = H("trend", "actual", n));
-  }
-  if (l.length > 0) {
-    const n = v("trend", "actual"), u = {};
-    return u[n] = l, U(
-      t,
-      a,
-      n,
-      u
-    );
-  } else
-    return;
-}, st = (t, a) => {
-  if (t != null)
-    switch (a) {
-      case "month":
-        return t.monthly;
-      case "quarter":
-        return t.quarterly;
-      case "year":
-        return t.yearly;
-      case "free_range":
-        throw new Error("free_range dates are not supported!");
-    }
-}, k = [v("trend", "actual")];
-function bt({
-  firstMonthOfFY: t,
-  trendReport: a,
-  timeframe: e,
-  selectedTimePeriod: r,
-  graphColor: l,
-  width: n,
-  height: u,
-  onTimeframeSelectionChanged: x
-}) {
-  const m = z(!1), b = r != null ? ct(
-    t,
-    r,
-    e
-  ) : void 0, g = C.getLocalizedStrings().reports.trend[a?.balancesKind];
-  w(() => {
-    m.current = !0;
-  }, []);
-  const h = nt(
-    t,
-    k,
-    e,
-    a
-  ), D = (f) => {
-    const y = [];
-    return k.forEach((o) => {
-      y.push(
-        /* @__PURE__ */ s.jsx(
-          q,
-          {
-            name: o,
-            isAnimationActive: m.current,
-            dataKey: (c) => {
-              const i = c.record;
-              return (i[o] != null && i[o].amount != null ? i[o].amount : void 0)?.amount ?? 0;
-            },
-            maxBarSize: 36,
-            fill: f.toString(),
-            "data-testid": S(o, "bar")
-          },
-          o
-        )
-      );
-    }), y;
-  };
-  return h == null ? null : /* @__PURE__ */ s.jsx(
-    lt,
-    {
-      chartData: h,
-      timeframe: e,
-      selectedLabel: b,
-      barElements: D(l),
-      customToolTipContent: ({ active: f, payload: y }) => /* @__PURE__ */ s.jsx(
-        ot,
-        {
-          active: f,
-          payload: y,
-          trendType: g
-        }
-      ),
-      width: n,
-      height: u,
-      onTimeframeSelectionChanged: x
-    }
-  );
-}
-const lt = ({
-  chartData: t,
-  timeframe: a,
-  selectedLabel: e,
-  barElements: r,
-  customToolTipContent: l,
-  width: n,
-  height: u,
-  onTimeframeSelectionChanged: x
-}) => {
-  const m = K(), [b, g] = _([
-    void 0,
-    void 0
-  ]), h = t.timeseries, D = Z(t), f = h.map(
-    (o) => o.label
-  );
-  w(
-    () => {
-      if (e != null) {
-        const o = $(
-          e.label,
-          f,
-          1
-        );
-        g(o);
-      } else
-        g([void 0, void 0]);
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [a, e]
-  );
-  const y = (o) => {
-    if (o?.activePayload == null || o?.activePayload.length === 0)
-      return;
-    const c = o.activePayload[0];
-    if (c?.payload?.record?.[v("trend", "actual")]?.amount == null)
-      return;
-    const i = c.payload.record[v("trend", "actual")].amount;
-    if (i != null && i.amount === 0 || c?.payload?.timeLabel?.label == null)
-      return;
-    const L = c.payload.timeLabel.label, E = c.payload.timeLabel.startDate, T = c.payload.timeLabel.endDate, Y = $(
-      L,
-      f,
-      1
-    );
-    g(Y), x?.(a, {
-      startDate: E,
-      endDate: T
-    });
-  };
-  return /* @__PURE__ */ s.jsx(
-    "div",
-    {
-      style: { width: n, height: u },
-      "data-testid": S("simple-bar-chart"),
-      children: /* @__PURE__ */ s.jsx(M, { children: ({ height: o, width: c }) => /* @__PURE__ */ s.jsxs(
-        N,
-        {
-          "data-testid": S("bar-chart"),
-          width: c,
-          height: o,
-          data: t.recordByTimeseries,
-          barCategoryGap: "30%",
-          margin: {
-            top: 5,
-            right: 20,
-            left: 0,
-            bottom: 5
-          },
-          style: { display: "flex", flex: "1 1 auto", cursor: "pointer" },
-          onClick: y,
-          children: [
-            /* @__PURE__ */ s.jsx(
-              O,
-              {
-                horizontal: !0,
-                vertical: !1,
-                strokeWidth: 0.5,
-                stroke: m.colors.grey3
-              }
-            ),
-            /* @__PURE__ */ s.jsx(
-              V,
-              {
-                dataKey: (i) => i.timeLabel.label,
-                type: "category",
-                axisLine: { stroke: m.colors.grey3, strokeWidth: 0.5 },
-                tickLine: !1,
-                tick: {
-                  color: m.colors.hero,
-                  ...B.extraSmallRegular.cssObject
-                }
-              }
-            ),
-            /* @__PURE__ */ s.jsx(
-              W,
-              {
-                type: "number",
-                axisLine: !1,
-                tickLine: !1,
-                tick: {
-                  color: m.colors.hero,
-                  ...B.extraSmallRegular.cssObject
-                },
-                tickFormatter: (i) => J("0,0.[00]a", i, D)
-              }
-            ),
-            /* @__PURE__ */ s.jsx(
-              X,
-              {
-                cursor: !1,
-                content: l,
-                allowEscapeViewBox: { x: !1, y: !0 }
-              }
-            ),
-            e != null && /* @__PURE__ */ s.jsx(
-              G,
-              {
-                x1: b[0],
-                x2: b[1],
-                opacity: 0.3,
-                fillOpacity: 0.3,
-                stopOpacity: 0.1
-              }
-            ),
-            r
-          ]
-        }
-      ) })
-    }
-  );
-}, { dateFormat: p } = C.getLocalizedStrings(), ct = (t, a, e) => {
-  let r = "";
-  switch (e) {
-    case "week":
-      a.startDate.month() !== a.endDate.month() ? r = `${d(
-        a.startDate,
-        p.visual.MMMYYFormat,
-        t
-      )} - ${d(
-        a.endDate,
-        p.visual.MMMYYFormat,
-        t
-      )}` : r = `${d(
-        a.startDate,
-        p.visual.Dformat,
-        t
-      )} - ${d(
-        a.endDate,
-        p.visual.MMMDCommaYYYYformat,
-        t
-      )}`;
-      break;
-    case "month":
-      r = `${d(
-        a.startDate,
-        p.visual.MMMYYFormat,
-        t
-      )}`;
-      break;
-    case "quarter":
-      r = `${C.getLocalizedStrings().quarterPrefix}${d(
-        a.startDate,
-        p.visual.QYYformat,
-        t
-      )}`;
-      break;
-    case "year":
-      r = `${d(
-        a.startDate,
-        p.visual.YYYYformat,
-        t
-      )}`;
-      break;
-    case "free_range":
-      throw new Error("free_range dates are not supported!");
-  }
-  return {
-    label: r,
-    startDate: a.startDate,
-    endDate: a.endDate
-  };
-};
-export {
-  bt as default
-};

package/dist/TrendChart-iFPrVf9N.cjs

@@ -1,16 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-D0ILHvHB.cjs"),j=require("react"),g=require("recharts"),p=require("@zeniai/client-epic-state"),i=require("./index-DqpzSdEQ.cjs"),x=require("./chartTypes-C4yMiFnh.cjs"),C=require("@emotion/styled"),$=require("./toCOABalancesWithID-kkYCJju_.cjs"),k=require("./toChartData-4qaLBp_h.cjs"),q=C.div`
-  display: flex;
-`,w=C.div`
-  flex: display;
-  opacity: 0.85;
-  border-radius: ${i.Space.sp1};
-  flex-direction: column;
-  padding: ${i.Space.sp3};
-  background-color: ${t=>t.theme.colors.black};
-`,K=C(i.StandardRegular)`
-  color: ${t=>t.color??i.Colors.neutralGrey2Light};
-  text-align: left;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-`,Y=({active:t,payload:e,trendType:a})=>{const r=[];return e?.forEach(l=>{const s=l.name;if(l&&t&&l.value!==0){const m=l.payload,b=l.color,d=s!=null&&m.record[s]!=null?m.record[s].amount:void 0;r.push({barName:a,value:d,color:b})}}),r},M=t=>{const e=Y(t);return e.length?o.jsxRuntimeExports.jsx(q,{children:o.jsxRuntimeExports.jsx(w,{children:e.map((a,r)=>o.jsxRuntimeExports.jsx(K,{color:a.color,children:`${a.barName}: ${x.currencyFormatter(a.value)}`},a.barName+r))})}):null},V=j.memo(M),Z=(t,e,a,r)=>{let l=[];if(r!=null){const s=z(r,a);s!=null&&s.length>0&&(l=$.balancesToCOABalancesWithKey("trend","actual",s))}if(l.length>0){const s=x.getChartValueKey("trend","actual"),m={};return m[s]=l,k.toChartData(t,e,s,m)}else return},z=(t,e)=>{if(t!=null)switch(e){case"month":return t.monthly;case"quarter":return t.quarterly;case"year":return t.yearly;case"free_range":throw new Error("free_range dates are not supported!")}},L=[x.getChartValueKey("trend","actual")];function I({firstMonthOfFY:t,trendReport:e,timeframe:a,selectedTimePeriod:r,graphColor:l,width:s,height:m,onTimeframeSelectionChanged:b}){const d=j.useRef(!1),v=r!=null?_(t,r,a):void 0,D=i.appLocale.getLocalizedStrings().reports.trend[e?.balancesKind];j.useEffect(()=>{d.current=!0},[]);const S=Z(t,L,a,e),E=f=>{const h=[];return L.forEach(n=>{h.push(o.jsxRuntimeExports.jsx(g.Bar,{name:n,isAnimationActive:d.current,dataKey:c=>{const u=c.record;return(u[n]!=null&&u[n].amount!=null?u[n].amount:void 0)?.amount??0},maxBarSize:36,fill:f.toString(),"data-testid":i.generateDataTestId(n,"bar")},n))}),h};return S==null?null:o.jsxRuntimeExports.jsx(O,{chartData:S,timeframe:a,selectedLabel:v,barElements:E(l),customToolTipContent:({active:f,payload:h})=>o.jsxRuntimeExports.jsx(V,{active:f,payload:h,trendType:D}),width:s,height:m,onTimeframeSelectionChanged:b})}const O=({chartData:t,timeframe:e,selectedLabel:a,barElements:r,customToolTipContent:l,width:s,height:m,onTimeframeSelectionChanged:b})=>{const d=o.useTheme(),[v,D]=j.useState([void 0,void 0]),S=t.timeseries,E=x.getCurrencySymbol(t),f=S.map(n=>n.label);j.useEffect(()=>{if(a!=null){const n=x.getXAxisSelectionRange(a.label,f,1);D(n)}else D([void 0,void 0])},[e,a]);const h=n=>{if(n?.activePayload==null||n?.activePayload.length===0)return;const c=n.activePayload[0];if(c?.payload?.record?.[x.getChartValueKey("trend","actual")]?.amount==null)return;const u=c.payload.record[x.getChartValueKey("trend","actual")].amount;if(u!=null&&u.amount===0||c?.payload?.timeLabel?.label==null)return;const R=c.payload.timeLabel.label,T=c.payload.timeLabel.startDate,A=c.payload.timeLabel.endDate,B=x.getXAxisSelectionRange(R,f,1);D(B),b?.(e,{startDate:T,endDate:A})};return o.jsxRuntimeExports.jsx("div",{style:{width:s,height:m},"data-testid":i.generateDataTestId("simple-bar-chart"),children:o.jsxRuntimeExports.jsx(o.AutoSizer,{children:({height:n,width:c})=>o.jsxRuntimeExports.jsxs(g.BarChart,{"data-testid":i.generateDataTestId("bar-chart"),width:c,height:n,data:t.recordByTimeseries,barCategoryGap:"30%",margin:{top:5,right:20,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto",cursor:"pointer"},onClick:h,children:[o.jsxRuntimeExports.jsx(g.CartesianGrid,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:d.colors.grey3}),o.jsxRuntimeExports.jsx(g.XAxis,{dataKey:u=>u.timeLabel.label,type:"category",axisLine:{stroke:d.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:d.colors.hero,...i.textStyles.extraSmallRegular.cssObject}}),o.jsxRuntimeExports.jsx(g.YAxis,{type:"number",axisLine:!1,tickLine:!1,tick:{color:d.colors.hero,...i.textStyles.extraSmallRegular.cssObject},tickFormatter:u=>i.amountValueToString("0,0.[00]a",u,E)}),o.jsxRuntimeExports.jsx(g.Tooltip,{cursor:!1,content:l,allowEscapeViewBox:{x:!1,y:!0}}),a!=null&&o.jsxRuntimeExports.jsx(g.ReferenceArea,{x1:v[0],x2:v[1],opacity:.3,fillOpacity:.3,stopOpacity:.1}),r]})})})},{dateFormat:y}=i.appLocale.getLocalizedStrings(),_=(t,e,a)=>{let r="";switch(a){case"week":e.startDate.month()!==e.endDate.month()?r=`${p.formatZeniDate(e.startDate,y.visual.MMMYYFormat,t)} - ${p.formatZeniDate(e.endDate,y.visual.MMMYYFormat,t)}`:r=`${p.formatZeniDate(e.startDate,y.visual.Dformat,t)} - ${p.formatZeniDate(e.endDate,y.visual.MMMDCommaYYYYformat,t)}`;break;case"month":r=`${p.formatZeniDate(e.startDate,y.visual.MMMYYFormat,t)}`;break;case"quarter":r=`${i.appLocale.getLocalizedStrings().quarterPrefix}${p.formatZeniDate(e.startDate,y.visual.QYYformat,t)}`;break;case"year":r=`${p.formatZeniDate(e.startDate,y.visual.YYYYformat,t)}`;break;case"free_range":throw new Error("free_range dates are not supported!")}return{label:r,startDate:e.startDate,endDate:e.endDate}};exports.default=I;