@zeniai/web-components 3.16.80 → 3.16.81

package/dist/EmptySearchResults-9RiVaS4w.js

@@ -1,70 +0,0 @@
-import { j as r } from "./vendor-.pnpm-DtFedGku.js";
-import o from "@emotion/styled";
-import { f1 as p, ac as h, a as u, S as n, C as s, G as m } from "./index-CTjYJrsF.js";
-import * as t from "react";
-const C = (e) => /* @__PURE__ */ t.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M2 17.3376C2 18.5212 2.47021 19.6564 3.3072 20.4934C4.14418 21.3304 5.27937 21.8006 6.46304 21.8006C7.64672 21.8006 8.78191 21.3304 9.61889 20.4934C10.4559 19.6564 10.9261 18.5212 10.9261 17.3376C10.9261 16.1539 10.4559 15.0187 9.61889 14.1817C8.78191 13.3447 7.64672 12.8745 6.46304 12.8745C5.27937 12.8745 4.14418 13.3447 3.3072 14.1817C2.47021 15.0187 2 16.1539 2 17.3376Z", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M10.9261 7.0726V3.50217C10.5552 3.1784 10.0795 3 9.58717 3C9.09483 3 8.61917 3.1784 8.24826 3.50217L6.90935 7.0726L5.57043 8.41151L2.89261 14.6598", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M13.6039 17.3376C13.6039 18.5212 14.0741 19.6564 14.9111 20.4934C15.7481 21.3304 16.8833 21.8006 18.067 21.8006C19.2506 21.8006 20.3858 21.3304 21.2228 20.4934C22.0598 19.6564 22.53 18.5212 22.53 17.3376C22.53 16.1539 22.0598 15.0187 21.2228 14.1817C20.3858 13.3447 19.2506 12.8745 18.067 12.8745C16.8833 12.8745 15.7481 13.3447 14.9111 14.1817C14.0741 15.0187 13.6039 16.1539 13.6039 17.3376Z", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M13.6039 7.07264V3.55844C13.9748 3.23467 14.4505 3.05627 14.9428 3.05627C15.4352 3.05627 15.9108 3.23467 16.2817 3.55844L17.6207 7.07264L18.9596 8.41155L21.6374 14.6598", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M8.69456 10.643C8.69456 9.66114 10.2932 8.85779 12.265 8.85779C14.2368 8.85779 15.8354 9.65667 15.8354 10.643", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M10.9261 17.3375V8.98718", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M13.6039 17.3375V8.98718", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), k = o.div`
-  justify-content: center;
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-  height: calc(100vh - 268px);
-  gap: ${n.sp6};
-  color: ${(e) => e.theme.colors.grey2};
-`, x = o(m)`
-  color: ${(e) => e.theme.colors.hero};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-`, j = o.div`
-  justify-content: center;
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-  height: calc(100vh - 268px);
-  gap: ${n.sp5};
-  color: ${(e) => e.theme.colors.hero};
-  p {
-    margin: 0;
-  }
-`, f = o.div`
-  justify-content: center;
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-  row-gap: ${n.sp3};
-`, g = o.button`
-  background: none;
-  box-shadow: none;
-  border-radius: ${n.sp1};
-  cursor: pointer;
-  border: ${(e) => `1px solid ${e.theme.colors.grey3}`};
-  color: ${s.info};
-  &:hover {
-    border: ${`1px solid ${s.info}`};
-  }
-`, i = o.div``, c = o(C)`
-  width: ${n.sp7};
-  height: ${n.sp7};
-  color: ${(e) => e.theme.colors.grey2};
-`, $ = ({
-  emptySearchTextFirstLine: e,
-  emptySearchTextSecondLine: l,
-  filtersApplied: a = !1,
-  onClearFilter: d
-}) => a ? /* @__PURE__ */ r.jsxs(j, { children: [
-  /* @__PURE__ */ r.jsx(c, {}),
-  /* @__PURE__ */ r.jsxs(f, { children: [
-    /* @__PURE__ */ r.jsx(p, { children: e }),
-    /* @__PURE__ */ r.jsx(g, { onClick: d, children: /* @__PURE__ */ r.jsx(h, { children: u.getLocalizedStrings().cockpit.filters.clearFilterBtnText }) })
-  ] })
-] }) : /* @__PURE__ */ r.jsxs(k, { children: [
-  /* @__PURE__ */ r.jsx(c, {}),
-  /* @__PURE__ */ r.jsxs(x, { children: [
-    /* @__PURE__ */ r.jsx(i, { children: e }),
-    /* @__PURE__ */ r.jsx(i, { children: l })
-  ] })
-] });
-export {
-  $ as E
-};

package/dist/EmptySearchResults-SViOfGA0.cjs

@@ -1,46 +0,0 @@
-"use strict";const r=require("./vendor-.pnpm-CT-Z_-kn.cjs"),n=require("@emotion/styled"),t=require("./index-DyoGf8RV.cjs"),p=require("react");function u(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(c,s,i.get?i:{enumerable:!0,get:()=>e[s]})}}return c.default=e,Object.freeze(c)}const o=u(p),d=e=>o.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{d:"M2 17.3376C2 18.5212 2.47021 19.6564 3.3072 20.4934C4.14418 21.3304 5.27937 21.8006 6.46304 21.8006C7.64672 21.8006 8.78191 21.3304 9.61889 20.4934C10.4559 19.6564 10.9261 18.5212 10.9261 17.3376C10.9261 16.1539 10.4559 15.0187 9.61889 14.1817C8.78191 13.3447 7.64672 12.8745 6.46304 12.8745C5.27937 12.8745 4.14418 13.3447 3.3072 14.1817C2.47021 15.0187 2 16.1539 2 17.3376Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M10.9261 7.0726V3.50217C10.5552 3.1784 10.0795 3 9.58717 3C9.09483 3 8.61917 3.1784 8.24826 3.50217L6.90935 7.0726L5.57043 8.41151L2.89261 14.6598",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M13.6039 17.3376C13.6039 18.5212 14.0741 19.6564 14.9111 20.4934C15.7481 21.3304 16.8833 21.8006 18.067 21.8006C19.2506 21.8006 20.3858 21.3304 21.2228 20.4934C22.0598 19.6564 22.53 18.5212 22.53 17.3376C22.53 16.1539 22.0598 15.0187 21.2228 14.1817C20.3858 13.3447 19.2506 12.8745 18.067 12.8745C16.8833 12.8745 15.7481 13.3447 14.9111 14.1817C14.0741 15.0187 13.6039 16.1539 13.6039 17.3376Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M13.6039 7.07264V3.55844C13.9748 3.23467 14.4505 3.05627 14.9428 3.05627C15.4352 3.05627 15.9108 3.23467 16.2817 3.55844L17.6207 7.07264L18.9596 8.41155L21.6374 14.6598",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M8.69456 10.643C8.69456 9.66114 10.2932 8.85779 12.265 8.85779C14.2368 8.85779 15.8354 9.65667 15.8354 10.643",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M10.9261 17.3375V8.98718",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M13.6039 17.3375V8.98718",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),x=n.div`
-  justify-content: center;
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-  height: calc(100vh - 268px);
-  gap: ${t.Space.sp6};
-  color: ${e=>e.theme.colors.grey2};
-`,m=n(t.SmallRegular)`
-  color: ${e=>e.theme.colors.hero};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-`,h=n.div`
-  justify-content: center;
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-  height: calc(100vh - 268px);
-  gap: ${t.Space.sp5};
-  color: ${e=>e.theme.colors.hero};
-  p {
-    margin: 0;
-  }
-`,j=n.div`
-  justify-content: center;
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-  row-gap: ${t.Space.sp3};
-`,C=n.button`
-  background: none;
-  box-shadow: none;
-  border-radius: ${t.Space.sp1};
-  cursor: pointer;
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  color: ${t.Colors.info};
-  &:hover {
-    border: ${`1px solid ${t.Colors.info}`};
-  }
-`,l=n.div``,a=n(d)`
-  width: ${t.Space.sp7};
-  height: ${t.Space.sp7};
-  color: ${e=>e.theme.colors.grey2};
-`,k=({emptySearchTextFirstLine:e,emptySearchTextSecondLine:c,filtersApplied:s=!1,onClearFilter:i})=>s?r.jsxRuntimeExports.jsxs(h,{children:[r.jsxRuntimeExports.jsx(a,{}),r.jsxRuntimeExports.jsxs(j,{children:[r.jsxRuntimeExports.jsx(t.SmallRegularP,{children:e}),r.jsxRuntimeExports.jsx(C,{onClick:i,children:r.jsxRuntimeExports.jsx(t.SmallMediumSp,{children:t.appLocale.getLocalizedStrings().cockpit.filters.clearFilterBtnText})})]})]}):r.jsxRuntimeExports.jsxs(x,{children:[r.jsxRuntimeExports.jsx(a,{}),r.jsxRuntimeExports.jsxs(m,{children:[r.jsxRuntimeExports.jsx(l,{children:e}),r.jsxRuntimeExports.jsx(l,{children:c})]})]});exports.EmptySearchResults=k;

package/dist/EntityDetailPage-B4Lud2ZO.cjs

@@ -1,18 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-.pnpm-CT-Z_-kn.cjs"),r=require("@emotion/styled"),p=require("@zeniai/client-analytics"),e=require("./index-DyoGf8RV.cjs"),T=require("./TrendWithTransactions-ClfQ9JiI.cjs"),v=r.div`
-  display: flex;
-  margin: ${e.Space.sp0} ${e.Space.sp0} ${e.Space.sp0} ${e.Space.sp0};
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  background-color: ${o=>o.theme.colors.grey5};
-`,y=r.div`
-  padding-left: ${e.Space.sp0};
-  position: fixed;
-  width: 100%;
-  z-index: 20;
-  position: -webkit-sticky;
-  position: sticky;
-  top: ${e.Space.sp0};
-`,C=r.div`
-  flex: 1 1 auto;
-`;function f({firstMonthOfFY:o,selectedEntity:n,trendWithTransactionsReport:a,autoCompleteData:d,autoCompleteActions:l,analytics:s,onTransactionItemClick:u,onTrendSelectedPeriodChange:m}){const x=t.useTheme(),{dateFormat:{analytics:h}}=e.appLocale.getLocalizedStrings(),g=new t.Color(x.colors.graphColor12),S=(c,i)=>{c==="Chart"&&i!=null&&s?.trackSpendIncomeTrend(n.type==="vendor"?p.Event.spendTrend:p.Event.incomeTrend,"Search",n.type,n.name,i?.addTimePeriod.startDate.format(h.MMMYYFormat)),c==="TransactionListLoadMore"&&s?.trackTransactionList(void 0,void 0,"Search",void 0,void 0,!0),m?.(i)};return t.jsxRuntimeExports.jsxs(v,{children:[t.jsxRuntimeExports.jsx(y,{children:t.jsxRuntimeExports.jsx(e.AutoComplete,{viewType:"entity_search",searchAutoComplete:{autoCompleteData:d,autoCompleteActions:l},source:"EntityDetailPage"})}),n!=null&&a!=null&&t.jsxRuntimeExports.jsx(C,{children:t.jsxRuntimeExports.jsx(T.TrendWithTransactions,{firstMonthOfFY:o,trendWithTransactionsReport:a,isDetailPage:!1,graphColor:g,page:"EntityDetailPage",onTransactionItemClick:u,onTimePeriodChange:S})})]})}exports.default=f;

package/dist/EntityDetailPage-XsEIg05w.js

@@ -1,82 +0,0 @@
-import { u as C, b as T, j as o } from "./vendor-.pnpm-DtFedGku.js";
-import n from "@emotion/styled";
-import { Event as p } from "@zeniai/client-analytics";
-import { a as v, eK as y, S as e } from "./index-CTjYJrsF.js";
-import { T as S } from "./TrendWithTransactions-DoCnDpHm.js";
-const j = n.div`
-  display: flex;
-  margin: ${e.sp0} ${e.sp0} ${e.sp0} ${e.sp0};
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  background-color: ${(a) => a.theme.colors.grey5};
-`, $ = n.div`
-  padding-left: ${e.sp0};
-  position: fixed;
-  width: 100%;
-  z-index: 20;
-  position: -webkit-sticky;
-  position: sticky;
-  top: ${e.sp0};
-`, k = n.div`
-  flex: 1 1 auto;
-`;
-function b({
-  firstMonthOfFY: a,
-  selectedEntity: t,
-  trendWithTransactionsReport: r,
-  autoCompleteData: l,
-  autoCompleteActions: c,
-  analytics: s,
-  onTransactionItemClick: m,
-  onTrendSelectedPeriodChange: h
-}) {
-  const u = C(), {
-    dateFormat: { analytics: f }
-  } = v.getLocalizedStrings(), g = new T(u.colors.graphColor12), x = (d, i) => {
-    d === "Chart" && i != null && s?.trackSpendIncomeTrend(
-      t.type === "vendor" ? p.spendTrend : p.incomeTrend,
-      "Search",
-      t.type,
-      t.name,
-      i?.addTimePeriod.startDate.format(
-        f.MMMYYFormat
-      )
-    ), d === "TransactionListLoadMore" && s?.trackTransactionList(
-      void 0,
-      void 0,
-      "Search",
-      void 0,
-      void 0,
-      !0
-    ), h?.(i);
-  };
-  return /* @__PURE__ */ o.jsxs(j, { children: [
-    /* @__PURE__ */ o.jsx($, { children: /* @__PURE__ */ o.jsx(
-      y,
-      {
-        viewType: "entity_search",
-        searchAutoComplete: {
-          autoCompleteData: l,
-          autoCompleteActions: c
-        },
-        source: "EntityDetailPage"
-      }
-    ) }),
-    t != null && r != null && /* @__PURE__ */ o.jsx(k, { children: /* @__PURE__ */ o.jsx(
-      S,
-      {
-        firstMonthOfFY: a,
-        trendWithTransactionsReport: r,
-        isDetailPage: !1,
-        graphColor: g,
-        page: "EntityDetailPage",
-        onTransactionItemClick: m,
-        onTimePeriodChange: x
-      }
-    ) })
-  ] });
-}
-export {
-  b as default
-};

package/dist/EntitySummarySection-CapY7fEV.cjs

@@ -1,149 +0,0 @@
-"use strict";const n=require("./vendor-.pnpm-CT-Z_-kn.cjs"),w=require("react"),i=require("@emotion/styled"),e=require("./index-DyoGf8RV.cjs"),W=require("./agingReportHelper-BX2km1yO.cjs"),x=e.appLocale.getLocalizedStrings().reports.aging.agingDetail.header,c=[{key:"date",value:x.date,sortOrder:"ascending",width:new e.ResponsiveSized(212,212)},{key:"invoiceNumber",value:x.invoiceNumber,sortOrder:"ascending",width:new e.ResponsiveSized(188,188)},{key:"dueDate",value:x.dueDate,sortOrder:"ascending",width:new e.ResponsiveSized(188,188)},{key:"daysPastDue",value:x.daysPastDue,sortOrder:"ascending",width:new e.ResponsiveSized(188,188)},{key:"amount",value:x.amount,sortOrder:"ascending",width:new e.ResponsiveSized(188,188)},{key:"balance",value:x.balance,sortOrder:"ascending",width:new e.ResponsiveSized(120,120)}],E={headerLastColumnTopPadding:new e.ResponsiveSized(e.sp[0],e.sp[4]),headerLastColumnRightPadding:new e.ResponsiveSized(e.sp[3],e.sp[8]),headerLastColumnBottomPadding:new e.ResponsiveSized(e.sp[0],e.sp[4]),headerLastColumnLeftPadding:new e.ResponsiveSized(e.sp[3],e.sp[8]),containerMarginLeft:new e.ResponsiveSized(e.sp[0],e.sp[8]),containerMarginRight:new e.ResponsiveSized(e.sp[0],e.sp[8]),headerHeight:new e.ResponsiveSized(45,58)},D=i.div`
-  top: ${e.Space.sp0};
-  left: ${e.Space.sp0};
-  min-height: ${t=>E.headerHeight.valuePx(t.windowSize)};
-  max-height: ${t=>E.headerHeight.valuePx(t.windowSize)};
-  width: fit-content;
-  min-width: 100%;
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  background-color: ${t=>t.theme.colors.grey4};
-  position: sticky;
-`,T=i.div`
-  color: ${t=>t.sortDataValue===t.actualDataValue?t.theme.colors.primary:t.theme.colors.grey1};
-
-  width: ${t=>t.windowSize!=="extra-large"?t.wrapperWidth.valuePx(t.windowSize):t.wrapperWidth.valuePercentage(t.windowSize)};
-  max-width: ${t=>t.windowSize!=="extra-large"?t.wrapperWidth.valuePx(t.windowSize):t.wrapperWidth.valuePercentage(t.windowSize)};
-  padding-left: ${e.Space.sp0};
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  left: ${e.Space.sp0};
-  justify-content: flex-start;
-  position: static;
-  z-index: 0;
-  box-sizing: border-box;
-`,M=i(e.SvgCloseRound)`
-  width: 12px;
-  height: 12px;
-`,k=i.div`
-  display: flex;
-  align-items: center;
-  transform: ${t=>t.sortConfig.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
-  ${t=>t.sortConfig.sortOrder==="ascending"?"padding-top: 2px":"padding-bottom: 2px"};
-`,H=i.div`
-  display: ${t=>t.isVisible?"flex":"none"};
-  align-items: center;
-  padding-top: 2px;
-  cursor: pointer;
-  &:hover {
-    color: ${t=>t.theme.colors.primary};
-  }
-`,Y=i.div`
-  display: flex;
-  cursor: pointer;
-  gap: 6px;
-  &:hover {
-    color: ${t=>t.theme.colors.primary};
-  }
-`;function A({sortConfig:t,onColumnSortConfigChanged:a}){const d=e.useWindowSizeContext(),s=w.useCallback((o,r)=>{let l=r;t.sortKey===o&&(l=t.sortOrder==="ascending"?"descending":"ascending"),a(o,l)},[a,t]);return n.jsxRuntimeExports.jsx(D,{windowSize:d,children:c.map(o=>n.jsxRuntimeExports.jsxs(T,{sortDataValue:t.sortKey,actualDataValue:o.key,wrapperWidth:o.width,windowSize:d,children:[n.jsxRuntimeExports.jsxs(Y,{onClick:()=>s(o.key,o.sortOrder),children:[n.jsxRuntimeExports.jsx(e.SmallRegular,{children:o.value}),n.jsxRuntimeExports.jsx(k,{sortConfig:t,children:n.jsxRuntimeExports.jsx(e.SvgArrowTailTop,{width:12,height:12})})]}),n.jsxRuntimeExports.jsx(H,{isVisible:t.sortKey===o.key&&t.sortKey!=="date",children:n.jsxRuntimeExports.jsx(M,{onClick:()=>a("date","ascending")})})]},o.key))})}const S={containerPaddingLeft:new e.ResponsiveSized(e.sp[3],e.sp[4]),containerPaddingRight:new e.ResponsiveSized(e.sp[3],e.sp[4]),containerPaddingTop:new e.ResponsiveSized(e.sp[3],e.sp[3]),containerPaddingBottom:new e.ResponsiveSized(e.sp[3],e.sp[3]),containerMarginLeft:new e.ResponsiveSized(e.sp[4],e.sp[8]),nameLogoWidth:new e.ResponsiveSized(e.sp[4],e.sp[4]),nameLogoHeight:new e.ResponsiveSized(e.sp[4],e.sp[4]),nameWidth:new e.ResponsiveSized(150,150)},O=i.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${e.Space.sp2};
-`,_=i.div`
-  display: flex;
-  background-color: ${t=>t.theme.colors.grey5};
-  box-sizing: border-box;
-  align-items: center;
-  padding-top: ${t=>S.containerPaddingTop.valuePx(t.windowSize)};
-  padding-bottom: ${t=>S.containerPaddingBottom.valuePx(t.windowSize)};
-  border: ${t=>`1px solid ${t.theme.colors.grey3}`};
-  box-shadow: ${t=>t.theme.mode==="dark"?`${e.Colors.dropShadowNormalDark} ${e.Space.sp0} 2px ${e.Space.sp1}`:`${e.Space.sp0} 2px ${e.Space.sp1} ${e.Colors.dropShadowNormalLight}`};
-  border-radius: ${e.Space.sp2};
-  cursor: pointer;
-  &:hover {
-    border-color: ${t=>t.theme.colors.primary};
-    div {
-      color: ${t=>t.theme.colors.primary};
-    }
-    .entity-icon {
-      color: ${t=>t.theme.colors.grey5};
-    }
-  }
-`,m=i.div`
-  display: flex;
-  align-items: center;
-  width: ${t=>t.windowSize!=="extra-large"?t.itemWidth.valuePx(t.windowSize):t.itemWidth.valuePercentage(t.windowSize)};
-  :last-of-type {
-    padding-right: 0;
-  }
-`,N=i(e.SmallRegular)`
-  color: ${t=>t.theme.colors.grey1};
-`,h=i(e.StandardRegular)`
-  color: ${t=>t.theme.colors.hero};
-`,V=i(e.StandardRegular)`
-  color: ${t=>t.theme.colors.hero};
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: ${t=>S.nameWidth.valuePx(t.windowSize)};
-`,q=i.div`
-  display: flex;
-  padding-left: ${e.Space.sp3};
-  align-items: center;
-  justify-content: center;
-  column-gap: ${e.Space.sp2};
-`;function I({invoice:t,entityLogo:a,onTransactionClick:d}){const s=e.useWindowSizeContext(),{common:o,dateFormat:r}=e.appLocale.getLocalizedStrings();return n.jsxRuntimeExports.jsxs(O,{windowSize:s,children:[n.jsxRuntimeExports.jsx(N,{children:t.date.format(r.visual.MMMDCommaYYYYformat)}),n.jsxRuntimeExports.jsxs(_,{onClick:()=>{d(t)},windowSize:s,children:[n.jsxRuntimeExports.jsx(m,{windowSize:s,itemWidth:c[0].width,children:n.jsxRuntimeExports.jsxs(q,{children:[a!=null?n.jsxRuntimeExports.jsx(e.EntityLogoAvatar,{photoUrl:a.toString(),styles:{width:S.nameLogoWidth.valuePx(s),height:S.nameLogoHeight.valuePx(s)}}):n.jsxRuntimeExports.jsx(e.EntityAvatar,{name:t.entity.name,size:e.Space.sp4}),n.jsxRuntimeExports.jsx(V,{windowSize:s,title:t.entity.name,children:t.entity.name})]})}),n.jsxRuntimeExports.jsx(m,{windowSize:s,itemWidth:c[1].width,children:n.jsxRuntimeExports.jsx(h,{children:t.invoiceNumber??o.strings.hyphen})}),n.jsxRuntimeExports.jsx(m,{windowSize:s,itemWidth:c[2].width,children:n.jsxRuntimeExports.jsx(h,{children:t.dueDate!=null?t.dueDate.format(r.visual.MMMDCommaYYYYformat):o.strings.hyphen})}),n.jsxRuntimeExports.jsx(m,{windowSize:s,itemWidth:c[3].width,children:n.jsxRuntimeExports.jsx(h,{children:t.daysPastDue??o.strings.hyphen})}),n.jsxRuntimeExports.jsx(m,{windowSize:s,itemWidth:c[4].width,children:n.jsxRuntimeExports.jsx(h,{children:e.amountToString("0,0",t.amount)})}),n.jsxRuntimeExports.jsx(m,{windowSize:s,itemWidth:c[5].width,children:n.jsxRuntimeExports.jsx(h,{children:e.amountToString("0,0",t.balance)})})]})]})}const K={wrapperContainerMarginTop:new e.ResponsiveSized(e.sp[4],e.sp[0]),wrapperContaineHorizontalrMargin:new e.ResponsiveSized(e.sp[0],e.sp[8]),itemHeight:new e.ResponsiveSized(103,103)},U=i.div`
-  position: relative;
-  width: auto;
-  height: 100%;
-`,B=i.div`
-  top: ${e.Space.sp0};
-  left: ${e.Space.sp0};
-  padding-bottom: ${e.Space.sp3};
-  box-sizing: border-box;
-`,F=i.div``,b=w.forwardRef((t,a)=>{const{children:d,style:s,sortConfig:o,onColumnSortConfigChanged:r,onUpdateCurrentYTDSelection:l,selectedYTDSpendOption:j,fetchState:R,...u}=t;return n.jsxRuntimeExports.jsxs(F,{ref:a,style:{...s,width:"auto"},...u,children:[n.jsxRuntimeExports.jsx(A,{onColumnSortConfigChanged:r,sortConfig:o}),n.jsxRuntimeExports.jsx(U,{children:d})]})});b.displayName="Aging invoices list view inner element type";const G=({index:t,style:a,invoices:d,entityLogo:s,onTransactionClick:o})=>{const r=d[t];return t<d.length?n.jsxRuntimeExports.jsx(B,{style:{...a,width:"fit-content",minWidth:"100%"},children:n.jsxRuntimeExports.jsx(I,{onTransactionClick:o,invoice:r,entityLogo:s})}):null};function J({uiState:t,invoices:a,entityLogo:d,onColumnSortConfigChanged:s,onTransactionClick:o}){const r=w.useRef(null),l=e.useWindowSizeContext(),j=w.useCallback(()=>K.itemHeight.value(l),[l]);return n.jsxRuntimeExports.jsx(n.AutoSizer,{children:({height:R,width:u})=>n.jsxRuntimeExports.jsx(n.VariableSizeList,{height:R,width:u,ref:r,overscanCount:1,itemCount:a.length,innerElementType:g=>n.jsxRuntimeExports.jsx(b,{...g,onColumnSortConfigChanged:s,sortConfig:{sortKey:t.sortKey,sortOrder:t.sortOrder}}),itemSize:j,style:{willChange:"auto"},children:g=>n.jsxRuntimeExports.jsx(G,{...g,invoices:a,entityLogo:d,onTransactionClick:o})})})}const p={containerHorizontalPadding:new e.ResponsiveSized(e.sp[2],e.sp[8]),nameLogoWidth:new e.ResponsiveSized(e.sp[5],e.sp[5]),nameLogoHeight:new e.ResponsiveSized(e.sp[5],e.sp[5]),nameLogoMarginTop:new e.ResponsiveSized(e.sp[1],e.sp[1]),entityContainerWidth:new e.ResponsiveSized(300,350,350,350,400),summaryColumnGap:new e.ResponsiveSized(e.sp[2],e.sp[1],e.sp[1],e.sp[2],e.sp[6])},Q=i.div`
-  background: ${t=>t.theme.colors.grey5};
-  padding-left: ${t=>p.containerHorizontalPadding.valuePx(t.windowSize)};
-  padding-right: ${t=>p.containerHorizontalPadding.valuePx(t.windowSize)};
-  padding-bottom: ${e.Space.sp4};
-  display: flex;
-  justify-content: space-between;
-  align-items: ${t=>t.isLargeScreen===!0?"center":"flex-start"};
-  flex-direction: ${t=>t.isLargeScreen===!0?"row":"column"};
-  border-bottom: 1px solid ${t=>t.theme.colors.grey3};
-  row-gap: ${e.Space.sp3};
-`,X=i.div`
-  display: flex;
-  align-items: flex-start;
-  column-gap: ${e.Space.sp3};
-  max-width: ${t=>p.entityContainerWidth.valuePx(t.windowSize)};
-`,Z=i.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  column-gap: ${t=>p.summaryColumnGap.valuePx(t.windowSize)};
-  width: ${t=>t.isLargeScreen===!0?"unset":"100%"};
-  overflow: auto;
-`,ee=i.div`
-  display: flex;
-  flex-direction: column;
-`,$=i(e.ExtraSmallRegular)`
-  color: ${t=>t.theme.colors.hero};
-`,te=i.div`
-  margin-top: ${t=>p.nameLogoMarginTop.valuePx(t.windowSize)};
-`,f=i.div`
-  display: flex;
-  flex-direction: column;
-`,C=i(e.LargeMedium)`
-  text-align: right;
-  color: ${t=>t.theme.colors.primary};
-`,y=i(e.StandardRegular)`
-  color: ${t=>t.theme.colors.hero};
-  text-wrap: nowrap;
-  width: fit-content;
-`,ne=i(e.H5Regular)`
-  color: ${t=>t.theme.colors.primary};
-`;function ie({totalBalances:t,entityName:a,reportId:d,reportDate:s,entityLogo:o}){const r=e.useWindowSizeContext(),l=r==="large"||r==="extra-large",{reports:{aging:{duration:j,apAgingDetail:R,arAgingDetail:u,apAging:g,arAging:L}},dateFormat:z}=e.appLocale.getLocalizedStrings(),P=w.useMemo(()=>W.calculateTotalBalance(t),[t]);return n.jsxRuntimeExports.jsxs(Q,{isLargeScreen:l,windowSize:r,children:[n.jsxRuntimeExports.jsxs(X,{windowSize:r,children:[o!=null?n.jsxRuntimeExports.jsx(e.EntityLogoAvatar,{photoUrl:o.toString(),styles:{width:p.nameLogoWidth.valuePx(r),height:p.nameLogoHeight.valuePx(r),marginTop:p.nameLogoMarginTop.valuePx(r)}}):n.jsxRuntimeExports.jsx(te,{windowSize:r,children:n.jsxRuntimeExports.jsx(e.EntityAvatar,{name:a,size:e.Space.sp5})}),n.jsxRuntimeExports.jsxs(ee,{children:[n.jsxRuntimeExports.jsx(ne,{children:a}),n.jsxRuntimeExports.jsx(e.ControlledComponent,{controller:d==="accounts_payable_aging",children:n.jsxRuntimeExports.jsx($,{children:`${R.dateLabel} ${s.format(z.visual.MMMDCommaYYYYformat)}`})}),n.jsxRuntimeExports.jsx(e.ControlledComponent,{controller:d==="accounts_receivable_aging",children:n.jsxRuntimeExports.jsx($,{children:`${u.dateLabel} ${s.format(z.visual.MMMDCommaYYYYformat)}`})})]})]}),n.jsxRuntimeExports.jsxs(Z,{isLargeScreen:l,windowSize:r,children:[t.map(v=>n.jsxRuntimeExports.jsxs(f,{children:[n.jsxRuntimeExports.jsx(y,{children:j[v.period]}),n.jsxRuntimeExports.jsx(C,{children:e.amountToString("0,0",v?.balance)})]},v.period)),n.jsxRuntimeExports.jsxs(f,{children:[n.jsxRuntimeExports.jsx(e.ControlledComponent,{controller:d==="accounts_payable_aging",children:n.jsxRuntimeExports.jsx(y,{children:g.totalPayable})}),n.jsxRuntimeExports.jsx(e.ControlledComponent,{controller:d==="accounts_receivable_aging",children:n.jsxRuntimeExports.jsx(y,{children:L.totalReceivable})}),n.jsxRuntimeExports.jsx(C,{children:e.amountToString("0,0",P?.balance)})]})]})]})}exports.AgingDetailReportTable=J;exports.EntitySummarySection=ie;