@zeniai/web-components 3.17.11 → 3.17.13

package/dist/TreasuryStatementsPage-CQ0wyLUi.js

@@ -0,0 +1,131 @@
+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 r from "@emotion/styled";
+import { u as C, aE as R, a as T, S as s, C as c, R as E, D as d, o as L } from "./index-BveTtfdM.js";
+import { b as M } from "./BoxItem-CmRtyGqS.js";
+import { t as A } from "./commonDimensions-CPvy9LrV.js";
+import { S as B } from "./StatementItem-Soorajct.js";
+const m = T.getLocalizedStrings().spendManagement.treasury.statements, h = {
+  listItemMargin: new E(d[3], d[8])
+}, X = ({
+  currentTenantCompanyName: t,
+  authParams: x,
+  downloadEndPoint: u,
+  statementListView: n,
+  onBackClick: g
+}) => {
+  const b = j(), o = C(), f = z(), y = I(), S = n.statements.length === 0, w = () => A.transactionItemHeightResponsive.value(
+    o
+  ), $ = ({ index: a, style: i }) => {
+    const l = n.statements[a];
+    return S === !1 ? /* @__PURE__ */ e.jsx(
+      p,
+      {
+        windowSize: o,
+        style: {
+          ...i,
+          width: `calc(100% - 2*${h.listItemMargin.valuePx(o)})`
+        },
+        children: /* @__PURE__ */ e.jsx(
+          B,
+          {
+            currentTenantCompanyName: t,
+            accountLast4: "",
+            data: l,
+            authParams: x,
+            downloadEndPoint: u,
+            documentType: "treasuryStatement",
+            boxType: M(a, n.statements.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.noStatements }) }) }) });
+  };
+  return /* @__PURE__ */ e.jsxs(W, { children: [
+    /* @__PURE__ */ e.jsx(
+      R,
+      {
+        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.statements.length,
+        itemSize: w,
+        initialScrollOffset: 0,
+        children: $
+      }
+    ) }) })
+  ] });
+}, D = r.div``, p = r.div`
+  margin: ${(t) => `${s.sp0} ${h.listItemMargin.valuePx(t.windowSize)}`};
+  &:hover {
+    position: relative;
+    z-index: 2;
+  }
+`, P = r.div`
+  display: flex;
+  height: 100%;
+  flex: 1 1 auto;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-end;
+`, W = r.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  padding-bottom: ${s.sp7};
+`, H = r(L)`
+  display: flex;
+  color: ${(t) => t.theme.colors.grey2};
+`, K = r.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  margin-top: ${(t) => t.windowSize === "small" ? s.sp3 : s.sp6};
+`, N = r(k)`
+  scrollbar-width: thin;
+  scrollbar-color: transparent transparent;
+  &::-webkit-scrollbar {
+    width: ${s.sp2};
+    height: ${s.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: ${s.sp2};
+      height: ${s.sp0};
+      background-color: transparent;
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: ${(t) => t.theme.colors.grey1};
+      border-radius: 2px;
+    }
+  }
+`;
+export {
+  X as default
+};

package/dist/TreasuryStatementsPage-Dn8i4cw3.cjs

@@ -0,0 +1,58 @@
+"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-DoK40ULp.cjs"),w=require("./BoxItem-CMkN0K5i.cjs"),R=require("./commonDimensions-UZR2O_qt.cjs"),v=require("./StatementItem-B2nTeGVO.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-DuE3_UNp.js

@@ -0,0 +1,131 @@
+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-BveTtfdM.js";
+import { b as M } from "./BoxItem-CmRtyGqS.js";
+import { t as A } from "./commonDimensions-CPvy9LrV.js";
+import { S as B } from "./StatementItem-Soorajct.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/TreasuryTaxLetterPage-J0Sj1lYi.cjs

@@ -0,0 +1,58 @@
+"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-DoK40ULp.cjs"),w=require("./BoxItem-CMkN0K5i.cjs"),R=require("./commonDimensions-UZR2O_qt.cjs"),v=require("./StatementItem-B2nTeGVO.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/TrendChart-CEkG1r9J.js

@@ -0,0 +1,334 @@
+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-BveTtfdM.js";
+import { c as Q, g as v, b as Z, d as $ } from "./chartTypes-DzuJ8uk1.js";
+import j from "@emotion/styled";
+import { a as H } from "./toCOABalancesWithID-xohduZJ-.js";
+import { t as U } from "./toChartData-Ds6iyF-R.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
+};