randmarcomps 1.322.0 → 1.325.0

package/dist/randmarcomps.d.ts

@@ -12,6 +12,7 @@ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { FC } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { GeneralDocument } from 'randmar-api-client';
+import { GoogleChartOptions } from 'react-google-charts';
 import { InputProps as InputProps_2 } from './input';
 import { Inventory } from 'randmar-api-client';
 import { JSX } from 'react/jsx-runtime';
@@ -804,7 +805,7 @@ export declare const Sidebar: React_2.ForwardRefExoticComponent<Omit<React_2.Cla
 
 export declare const SidebarContent: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-declare type SidebarContext = {
+declare type SidebarContextValue = {
     state: "expanded" | "collapsed";
     open: boolean;
     setOpen: (open: boolean) => void;
@@ -814,8 +815,6 @@ declare type SidebarContext = {
     toggleSidebar: () => void;
 };
 
-declare const SidebarContext: React_2.Context<SidebarContext | null>;
-
 export declare const SidebarFooter: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const SidebarGroup: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
@@ -985,12 +984,12 @@ declare interface TopPercentTreemapProps {
 export declare const Treemap: React_2.ForwardRefExoticComponent<TreemapProps & React_2.RefAttributes<HTMLDivElement>>;
 
 declare interface TreemapProps {
-    data: any[][];
+    data: (string | number | null)[][];
     /**
      * A Google Charts options object for customizing the treemap's appearance and behavior.
      * @see https://developers.google.com/chart/interactive/docs/gallery/treemap#configuration-options
      */
-    options?: object;
+    options?: GoogleChartOptions;
     height?: string;
     className?: string;
     loading?: boolean;
@@ -1003,7 +1002,7 @@ export declare const useGeminiApiKey: () => ApiKeyContextType;
 
 export declare function useIsMobile(): boolean;
 
-export declare function useSidebar(): SidebarContext;
+export declare function useSidebar(): SidebarContextValue;
 
 export declare function useToast(): {
     toast: typeof toast;

package/dist/randmarcomps.js

@@ -16288,6 +16288,13 @@ function useIsMobile() {
     return n.addEventListener("change", o), e(window.innerWidth < MOBILE_BREAKPOINT), () => n.removeEventListener("change", o);
   }, []), !!t;
 }
+const SidebarContext = React.createContext(null);
+function useSidebar() {
+  const t = React.useContext(SidebarContext);
+  if (!t)
+    throw new Error("useSidebar must be used within a SidebarProvider.");
+  return t;
+}
 function Skeleton({
   className: t,
   ...e
@@ -16300,14 +16307,7 @@ function Skeleton({
     }
   );
 }
-const SIDEBAR_COOKIE_NAME = "sidebar:state", SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7, SIDEBAR_WIDTH = "16rem", SIDEBAR_WIDTH_MOBILE = "18rem", SIDEBAR_WIDTH_ICON = "3rem", SIDEBAR_KEYBOARD_SHORTCUT = "b", SidebarContext = React.createContext(null);
-function useSidebar() {
-  const t = React.useContext(SidebarContext);
-  if (!t)
-    throw new Error("useSidebar must be used within a SidebarProvider.");
-  return t;
-}
-const SidebarProvider = React.forwardRef(
+const SIDEBAR_COOKIE_NAME = "sidebar:state", SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7, SIDEBAR_WIDTH = "16rem", SIDEBAR_WIDTH_MOBILE = "18rem", SIDEBAR_WIDTH_ICON = "3rem", SIDEBAR_KEYBOARD_SHORTCUT = "b", SidebarProvider = React.forwardRef(
   ({
     defaultOpen: t = !0,
     open: e,
@@ -35593,7 +35593,7 @@ function ChartTooltipContent({ active: t, payload: e, label: n, series: o }) {
     return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-background p-2 text-sm shadow-sm", children: [
       /* @__PURE__ */ jsx("div", { className: "mb-1 font-medium", children: n }),
       /* @__PURE__ */ jsx("div", { className: "space-y-1", children: e.map((d) => {
-        if (d.value === null || d.value === void 0)
+        if (typeof d.dataKey != "string" || d.value === null || d.value === void 0)
           return null;
         const f = l.get(d.dataKey);
         if (!f) return null;
@@ -54132,7 +54132,8 @@ async function convertExcelWithApi(t, e, n, o) {
         const b = await f.json();
         g += `
 Server response: ${JSON.stringify(b)}`;
-      } catch {
+      } catch (b) {
+        console.error(b);
         const S = await f.text().catch(() => "Could not read error text.");
         g += `
 Server response (text): ${S}`;
@@ -54274,35 +54275,35 @@ function useAIAssistant({ userId: t, smartAndSlow: e = !1 }) {
   }
   const oe = async ($e, Ne) => {
     try {
-      const je = [$e.trim()];
+      const Ve = [$e.trim()];
       if (Ne) {
         o("Receiving attached file...");
-        let Oe = new Blob(
+        let ze = new Blob(
           [await Ne.arrayBuffer()],
           { type: Ne.type }
-        ), Le = Ne.name;
-        if (Le.indexOf(".xl") !== -1) {
-          var Ve = await convertExcelWithApi(t, Oe, Le, localStorage.getItem("access_token"));
-          Le = Le.replace(/\.(xlsx|xls)$/, ".txt"), Oe = new Blob([ne(Ve)], { type: "text/plain" });
-        }
-        const qe = await O.files.upload({
-          file: Oe,
-          config: { displayName: Le }
+        ), Oe = Ne.name;
+        if (Oe.indexOf(".xl") !== -1) {
+          const Ge = await convertExcelWithApi(t, ze, Oe, localStorage.getItem("access_token"));
+          Oe = Oe.replace(/\.(xlsx|xls)$/, ".txt"), ze = new Blob([ne(Ge)], { type: "text/plain" });
+        }
+        const Le = await O.files.upload({
+          file: ze,
+          config: { displayName: Oe }
         });
-        let Ge = await O.files.get({ name: qe.name });
-        for (; Ge.state === "PROCESSING"; )
-          Ge = await O.files.get({ name: qe.name }), await new Promise((He) => {
-            setTimeout(He, 1e3);
+        let qe = await O.files.get({ name: Le.name });
+        for (; qe.state === "PROCESSING"; )
+          qe = await O.files.get({ name: Le.name }), await new Promise((Ge) => {
+            setTimeout(Ge, 1e3);
           });
-        if (qe.state === "FAILED")
+        if (Le.state === "FAILED")
           throw new Error("File processing failed.");
-        je.push({ fileData: { fileUri: qe.uri, mimeType: qe.mimeType } });
+        Ve.push({ fileData: { fileUri: Le.uri, mimeType: Le.mimeType } });
       }
       o("Thinking...");
-      const ze = await f.sendMessage({ message: je });
-      await F(ze);
-    } catch (je) {
-      console.error("[debug] error sending message:", je), ge({
+      const je = await f.sendMessage({ message: Ve });
+      await F(je);
+    } catch (Ve) {
+      console.error("[debug] error sending message:", Ve), ge({
         content: "I'm sorry, I encountered an error processing your request. Please try again later.",
         timestamp: /* @__PURE__ */ new Date()
       });
@@ -60274,7 +60275,7 @@ function createDOMPurify() {
 }
 var purify = createDOMPurify();
 function markdownToSafeHTML(t) {
-  var e = marked(t, { async: !1 });
+  const e = marked(t, { async: !1 });
   return purify.sanitize(e, {
     ALLOWED_TAGS: [
       // ======== Headings ========
@@ -60698,10 +60699,9 @@ const DebugMessageDisplay = ({ debugMessages: t }) => {
     if (useEffect(() => {
       if (je === null) return;
       const pt = Oe.find((Kt) => Kt.conversationID === je[0]);
-      if (pt && (pt.pending && se("pending"), $e([pt.partner1, pt.partner2]), !(je[0] === -1 && !F) && !(je[0] !== -1 && !He))) {
-        var Zt = je[1];
-        ze(null), Zt && Ke(Zt);
-      }
+      if (!pt || (pt.pending && se("pending"), $e([pt.partner1, pt.partner2]), je[0] === -1 && !F) || je[0] !== -1 && !He) return;
+      const Zt = je[1];
+      ze(null), Zt && Ke(Zt);
     }, [je, Oe, se, $e, F, He]), useImperativeHandle(f, () => ({
       setActiveChatAndSendMessage: it
     })), !F)
@@ -64857,7 +64857,7 @@ function SalesChart({
         const z = String(q.Day ?? 0);
         if (z.length !== 8) return;
         const Q = `${z.substring(0, 4)}-${z.substring(4, 6)}`;
-        O.hasOwnProperty(Q) && (O[Q].price += q.ExtendedPrice ?? 0, O[Q].quantity += q.Quantity ?? 0);
+        O[Q] && (O[Q].price += q.ExtendedPrice ?? 0, O[Q].quantity += q.Quantity ?? 0);
       }), _ = I.map((q) => {
         const z = O[q], [Q, j] = q.split("-").map(Number);
         return {
@@ -93274,9 +93274,7 @@ const Treemap = React.forwardRef(
     const b = React.useRef(null), [S, _] = React.useState(null);
     React.useEffect(() => {
       if (!b.current) return;
-      const R = b.current;
-      let A;
-      const M = () => {
+      const R = b.current, A = () => {
         const q = getComputedStyle(R).getPropertyValue("--primary").trim();
         if (q) {
           const z = parseHsl(q);
@@ -93292,14 +93290,14 @@ const Treemap = React.forwardRef(
         }
         return !1;
       };
-      if (M())
+      if (A())
         return;
-      let I = 0;
-      const O = 20;
-      return A = setInterval(() => {
-        (M() || I >= O) && clearInterval(A), I++;
-      }, 100), () => {
-        A && clearInterval(A);
+      let M = 0;
+      const I = 20, O = setInterval(() => {
+        (A() || M >= I) && clearInterval(O), M++;
+      }, 100);
+      return () => {
+        O && clearInterval(O);
       };
     }, []);
     const C = React.useMemo(() => {
@@ -93308,6 +93306,7 @@ const Treemap = React.forwardRef(
         fontSize: 14,
         showScale: !1,
         isHtml: !0,
+        backgroundColor: "hsl(var(--background))",
         generateTooltip: (A, M) => {
           var q;
           const I = (q = t[A + 1]) == null ? void 0 : q[0];
@@ -93321,6 +93320,9 @@ const Treemap = React.forwardRef(
       return S && (!e || !e.colorAxis) && (R.minColor = S.minColor, R.midColor = S.midColor, R.maxColor = S.maxColor), { ...R, ...e };
     }, [t, e, S]), E = React.useMemo(() => d ? [{
       eventName: "select",
+      // react-google-charts is not officially maintained by Google and not up 
+      // to date with the GoogleChartWrapper type, setSelection is missing
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
       callback: ({ chartWrapper: A }) => {
         A.getChart().setSelection(null);
       }
@@ -93368,7 +93370,8 @@ const TopPercentTreemap = ({
     return _;
   }, [t, e]), f = React.useMemo(() => ({
     title: n,
-    maxDepth: 1
+    maxDepth: 1,
+    backgroundColor: "hsl(var(--background))"
   }), [n]);
   return /* @__PURE__ */ jsx(
     Treemap,