randmarcomps 1.139.0 → 1.141.0

package/dist/randmarcomps.js

@@ -6,7 +6,7 @@ import * as React from "react";
 import React__default, { forwardRef, createElement, useState, useLayoutEffect, useEffect, isValidElement, Children, PureComponent, useRef, useImperativeHandle, useCallback, useMemo, cloneElement, useContext, createContext, Component, useDebugValue } from "react";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default from "react-dom";
-import { useLocation, useParams, Link } from "react-router-dom";
+import { Link, useLocation, useParams } from "react-router-dom";
 var Bt = Object.defineProperty, At = Object.defineProperties, kt = Object.getOwnPropertyDescriptors, Y = Object.getOwnPropertySymbols, gt = Object.prototype.hasOwnProperty, Et = Object.prototype.propertyIsEnumerable, vt = (t, e, n) => e in t ? Bt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, St = (t, e) => {
   for (var n in e || (e = {})) gt.call(e, n) && vt(t, n, e[n]);
   if (Y) for (var n of Y(e)) Et.call(e, n) && vt(t, n, e[n]);
@@ -50163,10 +50163,10 @@ ${p.description}` : p.summary || `${f.toUpperCase()} ${m[m.length - 1]}`,
           var R;
           try {
             let I = `https://api.randmar.io${l}`;
-            console.log(`[API Function] ${g} called with args:`, T), console.log(`[API Function] Original URL: ${I}`), E.forEach((B) => {
+            E.forEach((B) => {
               const F = `{${B}}`, j = B;
               I = I.replace(F, T[j]);
-            }), console.log(`[API Function] Final URL: ${I}`);
+            });
             const M = localStorage.getItem("access_token"), A = {
               method: f.toUpperCase(),
               headers: {
@@ -50181,15 +50181,12 @@ ${p.description}` : p.summary || `${f.toUpperCase()} ${m[m.length - 1]}`,
               const F = T[bodyKey];
               F && (A.body = F);
             }
-            console.log(`[API Function] Making request to: ${I}`), console.log("[API Function] Request options:", A);
             const D = await fetch(I, A);
-            if (console.log(`[API Function] Response status: ${D.status}`), !D.ok) {
+            if (!D.ok) {
               const B = await D.text();
               throw console.error(`[API Function] Error response: ${B}`), new Error(`Error ${D.status}: ${B}`);
             }
-            const V = await D.json();
-            console.log("[API Function] Response data:", V);
-            const L = getComponent(l, V);
+            const V = await D.json(), L = getComponent(l, V);
             return L ? {
               component: L,
               summary: JSON.stringify(V, null, 2)
@@ -50201,7 +50198,7 @@ ${p.description}` : p.summary || `${f.toUpperCase()} ${m[m.length - 1]}`,
         o.push({ declaration: C, handler: S });
       }
     }
-    return console.log(o), o;
+    return o;
   } catch (n) {
     return console.error("Error fetching API functions:", n), [];
   }
@@ -50236,8 +50233,8 @@ function useAIAssistant({ userId: t, apiKey: e }) {
   }, [o]), useEffect(() => {
     (async () => {
       try {
-        const D = await (await fetch("https://docs.google.com/document/d/e/2PACX-1vT-f5SWSJ2BcRUcyiumzT1aPUeC8kyyV7ryJTTymWJWOcRbDRgV5nX6Wyh7HaSPf8rxTY9w63Q2C8rG/pub")).text(), F = new DOMParser().parseFromString(D, "text/html").querySelector(".doc-content").innerHTML.replace(/__user_id__/g, t);
-        console.log("google doc fetched: ", F), _(F);
+        const D = await (await fetch("https://docs.google.com/document/d/e/2PACX-1vT-f5SWSJ2BcRUcyiumzT1aPUeC8kyyV7ryJTTymWJWOcRbDRgV5nX6Wyh7HaSPf8rxTY9w63Q2C8rG/pub")).text(), F = new DOMParser().parseFromString(D, "text/html").querySelector(".doc-content").innerHTML.replace(/__user_id__/g, t).replace(/__today__/g, "" + /* @__PURE__ */ new Date());
+        _(F);
       } catch (O) {
         console.error("Error fetching system instructions:", O), _("You are a helpful assistant, but cannot help the user right now. They should come back another time.");
       }
@@ -50296,14 +50293,14 @@ function useAIAssistant({ userId: t, apiKey: e }) {
     if (!(O in S))
       return console.error(`Function ${O} not found`), "";
     const D = S[O], V = N.args || {};
-    if (console.log(`[Function Call] ${O} with args:`, V), !((B = m.find((F) => F.declaration.name === O)) == null ? void 0 : B.declaration))
+    if (!((B = m.find((F) => F.declaration.name === O)) == null ? void 0 : B.declaration))
       return console.error(`[Function Call] Could not find declaration for ${O}`), "";
     try {
       p((U) => [...U, `Calling ${O} with:
  ${JSON.stringify(V, null, 2)}`]);
       const F = await D(V);
       let j, q = null, G = !1;
-      return typeof F == "string" ? j = F : (j = F.summary, q = F.component, G = !0), p((U) => [...U, `${O} returned ${j.length} character(s).`]), console.log(`[Function Response] ${O} returned:`, j), o ? (G && q && I({
+      return typeof F == "string" ? j = F : (j = F.summary, q = F.component, G = !0), p((U) => [...U, `${O} returned ${j.length} character(s).`]), o ? (G && q && I({
         role: "assistant",
         content: q,
         timestamp: /* @__PURE__ */ new Date(),
@@ -52196,6 +52193,18 @@ function PartnerCard({ account: t, action: e, loading: n = !1, withVoice: i = !0
     ] })
   ] });
 }
+const Textarea = React.forwardRef(({ className: t, ...e }, n) => /* @__PURE__ */ jsx(
+  "textarea",
+  {
+    className: cn(
+      "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+      t
+    ),
+    ref: n,
+    ...e
+  }
+));
+Textarea.displayName = "Textarea";
 const ASSISTANT_ID = "RandmarAIChatAssistant", ChatLayout = forwardRef(
   ({ userId: t, userName: e, apiKey: n, inputRef: i }, o) => {
     var ce, se, te;
@@ -52351,7 +52360,7 @@ const ASSISTANT_ID = "RandmarAIChatAssistant", ChatLayout = forwardRef(
     }, ae = () => {
       V((Z) => Z.map((de) => de.partner1 !== ASSISTANT_ID && de.partner2 !== ASSISTANT_ID ? de : { ...de, messages: [] })), C();
     };
-    return /* @__PURE__ */ jsxs("div", { className: "flex h-[80vh] overflow-hidden", children: [
+    return /* @__PURE__ */ jsxs("div", { className: "flex h-[85vh] overflow-hidden", children: [
       /* @__PURE__ */ jsxs("div", { className: "w-[260px] p-4 pt-3 flex flex-col border-r", children: [
         /* @__PURE__ */ jsx("div", { className: "p-4 font-semibold border-b", children: "Communications" }),
         D.length > 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -52403,14 +52412,16 @@ const ASSISTANT_ID = "RandmarAIChatAssistant", ChatLayout = forwardRef(
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "p-4 border-t flex", children: [
             /* @__PURE__ */ jsx(
-              Input,
+              Textarea,
               {
                 ref: W,
                 placeholder: "Type a message...",
                 value: M,
                 onChange: (Z) => A(Z.target.value),
-                onKeyDown: (Z) => Z.key === "Enter" && ie(),
-                className: "flex-1"
+                onKeyDown: (Z) => {
+                  Z.key !== "Enter" || Z.shiftKey || (Z.preventDefault(), ie());
+                },
+                className: "flex-1 resize-none"
               }
             ),
             /* @__PURE__ */ jsx(
@@ -52418,10 +52429,10 @@ const ASSISTANT_ID = "RandmarAIChatAssistant", ChatLayout = forwardRef(
               {
                 size: "icon",
                 variant: "default",
-                className: "ml-1",
+                className: "ml-2 h-15 w-15",
                 disabled: E !== "",
                 onClick: ie,
-                children: /* @__PURE__ */ jsx(Send, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx(Send, { className: "h-6 w-6" })
               }
             )
           ] })
@@ -52445,6 +52456,196 @@ function getActiveChatObject(t, e) {
 function isAssistantChat(t) {
   return (t == null ? void 0 : t[0]) == ASSISTANT_ID || (t == null ? void 0 : t[1]) == ASSISTANT_ID;
 }
+function ManufacturerCard({
+  manufacturer: t,
+  link: e,
+  actions: n,
+  loading: i = !1
+}) {
+  var p;
+  if (i || !t)
+    return /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { className: "flex flex-row items-start justify-between space-y-0 pb-2 pt-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-12 rounded-md" }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-24 mb-2" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-40 mb-1" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32 mb-1" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx(CardContent, { className: "pb-2", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-16 rounded-full" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-20 rounded-full" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-14 rounded-full" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1 pt-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-40" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-36" })
+          ] })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsxs(CardFooter, { className: "flex justify-between pt-2 gap-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-24" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-40" })
+      ] })
+    ] });
+  const o = t.ManufacturerId || "N/A", l = t.PublicName || "N/A", u = [t.City, t.Province, t.Country].filter(Boolean), d = u.length > 0 ? u.join(", ") : "", f = ((p = t.Tags) == null ? void 0 : p.split(",").map((m) => m.trim()).filter(Boolean)) || [];
+  return /* @__PURE__ */ jsxs(Card, { className: "manufacturer-theme", children: [
+    /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-start justify-between space-y-0 pb-2 pt-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "h-12 w-12 overflow-hidden rounded-md", children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: `https://api.randmar.io/V4/Partner/${o}/Account/Logo?width=64&height=64`,
+            alt: `${l}'s logo`,
+            className: "max-h-10 w-auto object-contain"
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-primary", children: "Manufacturer" }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "|" }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: o })
+          ] }),
+          /* @__PURE__ */ jsx("h3", { className: "font-semibold", children: t.PublicName || "N/A" }),
+          t.Name && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t.Name }),
+          d && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: d })
+        ] })
+      ] }),
+      !!t.OnHold && t.OnHold !== 0 && /* @__PURE__ */ jsx(Badge, { variant: "warning", children: "On Hold" })
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { className: "pb-2", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-2", children: [
+      (!!t.OpenToWork || f.length > 0) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+        !!t.OpenToWork && /* @__PURE__ */ jsx(Badge, { variant: "success", children: "Open To Work" }),
+        f.map((m, g) => /* @__PURE__ */ jsx(Badge, { children: m }, g))
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1 pt-2", children: [
+        t.Phone && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsx(Phone, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { children: t.Phone })
+        ] }),
+        t.PublicEmail && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsx(Mail, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { children: t.PublicEmail })
+        ] }),
+        t.Website && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsx(Globe, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { children: t.Website })
+        ] }),
+        t.CurrencyCode && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsx(DollarSign, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { children: t.CurrencyCode })
+        ] })
+      ] })
+    ] }) }),
+    (n || e) && /* @__PURE__ */ jsxs(CardFooter, { className: `flex pt-2 gap-2 ${n ? "justify-between" : "justify-end"}`, children: [
+      n && n,
+      e && /* @__PURE__ */ jsx(Button, { className: "flex items-center gap-1", asChild: !0, children: /* @__PURE__ */ jsxs(Link, { to: e, target: "_blank", children: [
+        /* @__PURE__ */ jsx(ExternalLink, { className: "h-4 w-4" }),
+        "Go to Manufacturer"
+      ] }) })
+    ] })
+  ] });
+}
+function ResellerCard({
+  reseller: t,
+  link: e,
+  actions: n,
+  loading: i = !1
+}) {
+  if (i || !t)
+    return /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { className: "flex flex-row items-start justify-between space-y-0 pb-2 pt-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-12 rounded-md" }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-24 mb-2" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-40 mb-1" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32 mb-1" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx(CardContent, { className: "pb-2", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col space-y-2", children: /* @__PURE__ */ jsxs("div", { className: "space-y-1 pt-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-40" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-36" })
+        ] })
+      ] }) }) }),
+      /* @__PURE__ */ jsxs(CardFooter, { className: "flex justify-between pt-2 gap-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-24" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-40" })
+      ] })
+    ] });
+  const o = t.ResellerId || "N/A", l = t.PublicName || "N/A", u = [t.City, t.Province, t.Country].filter(Boolean), d = u.length > 0 ? u.join(", ") : "Location not provided";
+  return /* @__PURE__ */ jsxs(Card, { className: "reseller-theme", children: [
+    /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-start justify-between space-y-0 pb-2 pt-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "h-12 w-12 overflow-hidden rounded-md", children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: `https://api.randmar.io/V4/Partner/${o}/Account/Logo?width=64&height=64`,
+            alt: `${l}'s logo`,
+            className: "max-h-10 w-auto object-contain"
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-primary", children: "Reseller" }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "|" }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: o })
+          ] }),
+          /* @__PURE__ */ jsx("h3", { className: "font-semibold", children: t.PublicName || "N/A" }),
+          t.Name && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t.Name }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: d })
+        ] })
+      ] }),
+      !!t.OnHold && t.OnHold !== 0 && /* @__PURE__ */ jsx(Badge, { variant: "warning", children: "On Hold" })
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { className: "pb-2", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col space-y-2", children: /* @__PURE__ */ jsxs("div", { className: "space-y-1 pt-2", children: [
+      t.Phone && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(Phone, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx("span", { children: t.Phone })
+      ] }),
+      t.PublicEmail && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(Mail, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx("span", { children: t.PublicEmail })
+      ] }),
+      t.Website && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(Globe, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx("span", { children: t.Website })
+      ] }),
+      t.CurrencyCode && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(DollarSign, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx("span", { children: t.CurrencyCode })
+      ] })
+    ] }) }) }),
+    (n || e) && /* @__PURE__ */ jsxs(CardFooter, { className: `flex pt-2 gap-2 ${n ? "justify-between" : "justify-end"}`, children: [
+      n && n,
+      e && /* @__PURE__ */ jsx(Button, { className: "flex items-center gap-1", asChild: !0, children: /* @__PURE__ */ jsxs(Link, { to: e, target: "_blank", children: [
+        /* @__PURE__ */ jsx(ExternalLink, { className: "h-4 w-4" }),
+        "Go to Reseller"
+      ] }) })
+    ] })
+  ] });
+}
 const Topbar = forwardRef(
   ({ onSignOut: t, handleValidSearch: e, rightMenu: n, searchPlaceholder: i }, o) => {
     const [l, u] = useState(""), d = useLocation(), { toast: f } = useToast();
@@ -52502,6 +52703,105 @@ const Topbar = forwardRef(
   }
 );
 Topbar.displayName = "Topbar";
+function ActiveOrdersCard({ orders: t, loading: e = !1 }) {
+  const n = (l) => new Intl.NumberFormat("en-CA", {
+    style: "currency",
+    currency: "CAD",
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  }).format(l), i = useMemo(() => {
+    if (!t || t.length === 0)
+      return {
+        all: { orders: 0, amount: 0 },
+        processing: { orders: 0, amount: 0 },
+        shipped: { orders: 0, amount: 0 },
+        delayed: { orders: 0, amount: 0 }
+      };
+    const l = t.filter((T) => T.DocumentType === "Order"), u = t.filter((T) => T.DocumentType === "Shipment"), d = l.filter((T) => T.WarehouseCode !== "3PLE"), f = d.reduce((T, R) => T + (R.Quantity || 0), 0), p = d.reduce((T, R) => T + (R.ExtendedPrice || 0), 0), m = l.filter((T) => T.WarehouseCode === "3PLE"), g = m.reduce((T, R) => T + (R.Quantity || 0), 0), b = m.reduce((T, R) => T + (R.ExtendedPrice || 0), 0), _ = u.length, E = u.reduce((T, R) => T + (R.ExtendedPrice || 0), 0), C = f + g + _, S = p + b + E;
+    return {
+      all: { orders: C, amount: S },
+      processing: { orders: f, amount: p },
+      shipped: { orders: _, amount: E },
+      delayed: { orders: g, amount: b }
+    };
+  }, [t]), o = [
+    {
+      name: "All",
+      icon: Package,
+      color: "bg-blue-500",
+      textColor: "text-blue-600",
+      orders: i.all.orders,
+      amount: i.all.amount
+    },
+    {
+      name: "Processing",
+      icon: RefreshCcw,
+      color: "bg-yellow-500",
+      textColor: "text-yellow-600",
+      orders: i.processing.orders,
+      amount: i.processing.amount
+    },
+    {
+      name: "Shipped",
+      icon: Truck,
+      color: "bg-green-500",
+      textColor: "text-green-600",
+      orders: i.shipped.orders,
+      amount: i.shipped.amount
+    },
+    {
+      name: "Delayed",
+      icon: CircleAlert,
+      color: "bg-red-500",
+      textColor: "text-red-600",
+      orders: i.delayed.orders,
+      amount: i.delayed.amount
+    }
+  ];
+  return e ? /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsx(CardHeader, { className: "pb-0", children: /* @__PURE__ */ jsx(CardTitle, { className: "text-lg font-bold", children: "Active Orders" }) }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4 p-4", children: [1, 2, 3, 4].map((l) => /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-md border", children: [
+      /* @__PURE__ */ jsx("div", { className: "bg-slate-200 dark:bg-slate-700 h-[3px]" }),
+      /* @__PURE__ */ jsxs("div", { className: "p-6 border border-t-0", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-4", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-8 rounded-full" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-16 mb-2" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-12" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "text-end", children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-16 mb-2" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-20" })
+          ] })
+        ] })
+      ] })
+    ] }, l)) })
+  ] }) : /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsx(CardHeader, { className: "pb-0", children: /* @__PURE__ */ jsx(CardTitle, { className: "text-lg font-bold", children: "Active Orders" }) }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4 p-4", children: o.map((l) => /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-md border", children: [
+      /* @__PURE__ */ jsx("div", { className: `${l.color} bg-opacity-60 h-[3px]` }),
+      /* @__PURE__ */ jsxs("div", { className: "p-6 border border-t-0", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-4", children: [
+          /* @__PURE__ */ jsx("h3", { className: "font-semibold text-base", children: l.name }),
+          /* @__PURE__ */ jsx("div", { className: `${l.color} bg-opacity-90 p-2 rounded-full`, children: /* @__PURE__ */ jsx(l.icon, { className: "size-4 shrink-0 text-white" }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Total Orders" }),
+            /* @__PURE__ */ jsx("p", { className: "text-xl font-bold", children: l.orders })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "text-end", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Total Amount" }),
+            /* @__PURE__ */ jsx("p", { className: "text-base font-semibold", children: n(l.amount) })
+          ] })
+        ] })
+      ] })
+    ] }, l.name)) })
+  ] });
+}
 const CountryFlag = ({ countryCode: t, className: e = "" }) => {
   const [n, i] = useState(null), [o, l] = useState(!1);
   return useEffect(() => {
@@ -52521,7 +52821,15 @@ const CountryFlag = ({ countryCode: t, className: e = "" }) => {
       style: { width: "24px", height: "auto" }
     }
   );
-}, Navbar = forwardRef(
+};
+function GeneralDocumentCard({ document: t, loading: e = !1 }) {
+  return e ? /* @__PURE__ */ jsx("div", { children: "loading..." }) : /* @__PURE__ */ jsxs("div", { children: [
+    t == null ? void 0 : t.OrderNumber,
+    " for P.O. ",
+    t == null ? void 0 : t.PONumber
+  ] });
+}
+const Navbar = forwardRef(
   ({ routes: t, footer: e, dashboardTitle: n, withRandmarAssistant: i, chatUserName: o, chatApiKey: l }, u) => {
     const { appID: d } = useParams(), f = t.filter((b) => b.showInNav), p = useRef(null), m = useRef(null), g = useRef(null);
     return useImperativeHandle(u, () => ({
@@ -52617,759 +52925,6 @@ const CountryFlag = ({ countryCode: t, className: e = "" }) => {
   ] })
 ] }) }) }));
 Layout.displayName = "Layout";
-const imgSizeMap = {
-  sm: 100,
-  md: 200,
-  lg: 300,
-  xl: 400
-};
-function ProductImage({ randmarSKU: t, size: e = "md", alt: n, secondaryContent: i }) {
-  const [o, l] = React.useState(!1), [u, d] = React.useState(!1), [f, p] = React.useState(!1), [m, g] = React.useState(!1), b = `https://api.randmar.io/Product/${t}/Video`;
-  React.useEffect(() => {
-    (async () => {
-      try {
-        const I = await (await fetch(b + "/Exists")).json();
-        d(I);
-      } catch (R) {
-        console.error("Error checking for video:", R), d(!1);
-      }
-    })();
-  }, [t, b]);
-  async function _() {
-    if (u) {
-      g(!0);
-      try {
-        const R = await (await fetch(b)).blob(), I = window.URL.createObjectURL(R), M = document.createElement("a");
-        M.href = I, M.download = `${t || "product"}-video.mp4`, document.body.appendChild(M), M.click(), document.body.removeChild(M), window.URL.revokeObjectURL(I);
-      } catch (T) {
-        console.error("Error downloading video:", T);
-      } finally {
-        g(!1);
-      }
-    }
-  }
-  function E() {
-    navigator.clipboard.writeText(b), p(!0), setTimeout(() => {
-      p(!1);
-    }, 2e3);
-  }
-  function C() {
-    l(!0);
-  }
-  const S = imgSizeMap[e || "xl"];
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Dialog, { open: o, onOpenChange: l, children: /* @__PURE__ */ jsx(DialogContent, { className: "max-w-4xl p-0 overflow-hidden", children: i ? /* @__PURE__ */ jsxs("div", { className: "flex flex-row", children: [
-      /* @__PURE__ */ jsxs(
-        "video",
-        {
-          className: "w-full rounded-l-lg max-h-[720px] object-contain",
-          controls: !0,
-          autoPlay: !0,
-          muted: !0,
-          loop: !0,
-          children: [
-            /* @__PURE__ */ jsx("source", { src: b, type: "video/mp4" }),
-            "Your browser does not support the video tag."
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "flex-grow min-w-[400px] h-[70vh] p-6", children: i })
-    ] }) : /* @__PURE__ */ jsxs("div", { className: "w-full relative", children: [
-      /* @__PURE__ */ jsxs("video", { className: "w-full max-h-[720px] object-contain", controls: !0, autoPlay: !0, children: [
-        /* @__PURE__ */ jsx("source", { src: b, type: "video/mp4" }),
-        "Your browser does not support the video tag."
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "absolute top-2 right-12 flex gap-1", children: [
-        /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip$1, { children: [
-          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "secondary",
-              size: "icon",
-              onClick: E,
-              children: f ? /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Copy, { className: "h-4 w-4" })
-            }
-          ) }),
-          /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Copy video link" }) })
-        ] }) }),
-        /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip$1, { children: [
-          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "secondary",
-              size: "icon",
-              onClick: _,
-              disabled: m,
-              children: /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" })
-            }
-          ) }),
-          /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Download video" }) })
-        ] }) })
-      ] })
-    ] }) }) }),
-    /* @__PURE__ */ jsxs("div", { className: "relative w-max h-max", children: [
-      /* @__PURE__ */ jsx(
-        "img",
-        {
-          alt: n || `Product ${t}`,
-          className: `rounded-md ${u ? "cursor-pointer" : ""}`,
-          onClick: u ? C : void 0,
-          src: `https://api.randmar.io/Product/${t}/Image?width=${S * 1.5}&height=${S * 1.5}`,
-          width: S,
-          height: S
-        }
-      ),
-      u && /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip$1, { children: [
-        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "secondary",
-            size: "icon",
-            className: "absolute top-2 right-2",
-            onClick: C,
-            children: /* @__PURE__ */ jsx(Play, { className: "h-4 w-4" })
-          }
-        ) }),
-        /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Play video" }) })
-      ] }) })
-    ] })
-  ] });
-}
-function ProductCard({
-  item: t,
-  addToCart: e = !1,
-  syncToShopify: n = !1,
-  customAction: i = /* @__PURE__ */ jsx(Fragment, {}),
-  defaultOpportunityNumber: o = "",
-  viewProductLink: l,
-  addToCartAction: u,
-  isAddToCartActionLoading: d = !1,
-  syncToShopifyAction: f,
-  isSyncToShopifyActionLoading: p = !1
-}) {
-  var z, W, J, ne, oe, le, ie, ue, ae, ce, se;
-  const [m, g] = useState(1), [b, _] = useState(null), [E, C] = useState(0), [S, T] = useState(!1), R = ((z = t == null ? void 0 : t.Distribution) == null ? void 0 : z.Cost) || 0, I = ((W = t == null ? void 0 : t.Distribution) == null ? void 0 : W.RegularPrice) || 0, M = ((J = t == null ? void 0 : t.Distribution) == null ? void 0 : J.Price) || 0;
-  useEffect(() => {
-    g(1), _(null), C(0), T(!1);
-  }, [t == null ? void 0 : t.RandmarSKU]);
-  const [A, N] = useState(null), [O, D] = useState(!1);
-  useEffect(() => {
-    const te = async () => {
-      if (t != null && t.ManufacturerId) {
-        D(!0);
-        try {
-          const Z = await fetch(
-            `https://api.randmar.io/V4/Partner/${t.ManufacturerId}/Account/Logo?width=60&height=40`
-          );
-          if (Z.ok) {
-            const K = await Z.blob();
-            N(URL.createObjectURL(K));
-          }
-        } catch (Z) {
-          console.error("Failed to load logo:", Z);
-        } finally {
-          D(!1);
-        }
-      }
-    };
-    t != null && t.ManufacturerId && te();
-  }, [t == null ? void 0 : t.ManufacturerId]), useEffect(() => {
-    var te;
-    if (t && o) {
-      const Z = (te = t.Opportunities) == null ? void 0 : te.find((K) => K.BidNumber == o);
-      Z && _(Z);
-    }
-  }, [t, o]), useEffect(() => {
-    if (!t) return;
-    const te = b != null && b.Price ? b.Price : M;
-    C(I > 0 ? Math.round((I - te) / I * 100) : 0);
-  }, [t, b, M, I]), useEffect(() => {
-    d || g(1);
-  }, [d]);
-  const V = (te) => {
-    if (te.Active !== !0) return !1;
-    const Z = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
-    return !(te.EndDate && te.EndDate.split("T")[0] < Z || te.StartDate && te.StartDate.split("T")[0] > Z);
-  };
-  if (!t)
-    return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "p-6", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start mb-3", children: [
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-3/4" }),
-        /* @__PURE__ */ jsx("div", { className: "h-10 w-24 flex items-center justify-end ml-4", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-24 rounded-md" }) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2 mb-4", children: [
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-20 rounded-full" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-24 rounded-full" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-28 rounded-full" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex gap-6", children: [
-        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-4 gap-y-6 flex-1", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-12 mb-1" }),
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-20" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-12 mb-1" }),
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20 mb-1" }),
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-16" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-12 mb-1" }),
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-20" })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx("div", { className: "w-60 h-40", children: /* @__PURE__ */ jsx(Skeleton, { className: "w-full h-full rounded-lg" }) }) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex gap-6 mt-4", children: [
-        /* @__PURE__ */ jsx("div", { className: "flex flex-1", children: /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24 mb-3" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-16 w-full rounded-md" })
-        ] }) }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-32 rounded-md" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24 mt-4" })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex gap-6 mt-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start gap-1 mb-2", children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-32" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-24" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center gap-2", children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-24 rounded-md" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-10 flex-1 rounded-md" })
-        ] })
-      ] })
-    ] }) });
-  const L = (t == null ? void 0 : t.Opportunities) || [], B = L.length > 0, F = () => {
-    if (m == null) {
-      g(1);
-      return;
-    }
-    m > 1 && g(m - 1);
-  }, j = () => {
-    if (m == null) {
-      g(1);
-      return;
-    }
-    g(m + 1);
-  }, q = (te) => {
-    const Z = parseInt(te.target.value, 10);
-    if (!isNaN(Z) && Z > 0) {
-      g(Z);
-      return;
-    }
-    g(void 0);
-  }, G = () => {
-    (m == null || m < 1) && g(1);
-  }, U = ((oe = (ne = t.Distribution) == null ? void 0 : ne.Inventory) == null ? void 0 : oe.reduce((te, Z) => te + (Z.AvailableQuantity || 0), 0)) || 0, Q = (te) => {
-    try {
-      return new Date(te).toLocaleDateString("en-US", { year: "numeric", month: "short", day: "numeric" });
-    } catch (Z) {
-      return console.error(Z), te.split("T")[0] || "N/A";
-    }
-  }, H = () => {
-    u && u({ quantity: m ?? 1, bidNumber: (b == null ? void 0 : b.BidNumber) ?? null });
-  };
-  return /* @__PURE__ */ jsx(Card, { className: "hover:shadow-lg transition-shadow", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-6", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start mb-3", children: [
-      /* @__PURE__ */ jsx("h3", { className: "font-semibold text-xl", children: t.Title || t.RandmarTitle }),
-      /* @__PURE__ */ jsx("div", { className: "h-10 w-24 flex items-center justify-end ml-4", children: O ? /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-24 rounded-md" }) : A && /* @__PURE__ */ jsx(
-        "img",
-        {
-          src: A,
-          alt: t.ManufacturerName ?? "",
-          className: "max-h-10 max-w-24 object-contain"
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex gap-6", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2 mb-4", children: [
-          t.State && /* @__PURE__ */ jsxs(
-            Badge,
-            {
-              variant: "outline",
-              className: `rounded-full px-3 ${t.State === "Active" ? "bg-green-50 text-green-700 hover:bg-green-50" : "bg-red-50 text-red-700 hover:bg-red-50"}`,
-              children: [
-                /* @__PURE__ */ jsx(Check, { size: "12", className: "mr-1.5" }),
-                " ",
-                t.State
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            Badge,
-            {
-              variant: "outline",
-              className: `rounded-full px-3 ${t.SerialNumber ? "bg-green-50 text-green-700 hover:bg-green-50" : "bg-yellow-50 text-yellow-700 hover:bg-yellow-50"}`,
-              children: [
-                /* @__PURE__ */ jsx(QrCode, { size: "12", className: "mr-1.5" }),
-                " ",
-                t.SerialNumber ? "Serialized" : "Unserialized"
-              ]
-            }
-          ),
-          t.TransparencyCode && /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "rounded-full px-3 bg-green-50 text-green-700 hover:bg-green-50", children: [
-            /* @__PURE__ */ jsx(CircleDashed, { size: "12", className: "mr-1.5" }),
-            " Transparency Code"
-          ] }),
-          t.AvailableToBuy !== void 0 && /* @__PURE__ */ jsxs(
-            Badge,
-            {
-              variant: "outline",
-              className: `rounded-full px-3 ${t.AvailableToBuy ? "bg-green-50 text-green-700 hover:bg-green-50" : "bg-red-50 text-red-700 hover:bg-red-50"}`,
-              children: [
-                /* @__PURE__ */ jsx(ShoppingCart, { size: "12", className: "mr-1.5" }),
-                " ",
-                t.AvailableToBuy ? "Available" : "Unavailable"
-              ]
-            }
-          ),
-          t.ManufacturerCategory !== void 0 && /* @__PURE__ */ jsxs(
-            Badge,
-            {
-              variant: "outline",
-              className: `rounded-full px-3 ${(le = t.ManufacturerCategory) != null && le.QualificationRequired ? "bg-blue-50 text-blue-700 hover:bg-blue-50" : "bg-neutral-50 text-neutral-700 hover:bg-neutral-50"}`,
-              children: [
-                /* @__PURE__ */ jsx(ShieldCheck, { size: "12", className: "mr-1.5" }),
-                " ",
-                (ie = t.ManufacturerCategory) != null && ie.QualificationRequired ? "Qualified Only" : "Available to all"
-              ]
-            }
-          ),
-          t.ManufacturerId && /* @__PURE__ */ jsxs(
-            Badge,
-            {
-              variant: "outline",
-              className: `rounded-full px-3 ${t.AutoUpdate ? "bg-green-50 text-green-700 hover:bg-green-50" : "bg-red-50 text-red-700 hover:bg-red-50"}`,
-              children: [
-                /* @__PURE__ */ jsx(RefreshCw, { size: "12", className: "mr-1.5" }),
-                " ",
-                t.AutoUpdate ? `Automatic Reorder (${t.MasterCarton})` : "Manually Reorders"
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            Badge,
-            {
-              variant: "outline",
-              className: `rounded-full px-3 ${t.BodyHTML && t.Title && t.MAP ? "bg-green-50 text-green-700 hover:bg-green-50" : "bg-red-50 text-red-700 hover:bg-red-50"}`,
-              children: [
-                /* @__PURE__ */ jsx(Store, { size: "12", className: "mr-1.5" }),
-                " ",
-                t.BodyHTML && t.Title && t.MAP ? "Shopify Ready" : "Not Shopify Ready"
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-4 gap-y-4 flex-1", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "MPN" }),
-            /* @__PURE__ */ jsx("div", { className: "font-medium", children: t.MPN || "N/A" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "UPC" }),
-            /* @__PURE__ */ jsx("div", { className: "font-medium", children: t.UPC || "N/A" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Unit Weight" }),
-            /* @__PURE__ */ jsx("div", { className: "font-medium", children: t.UnitWeight ? `${t.UnitWeight} lbs` : "N/A" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "MAP" }),
-            /* @__PURE__ */ jsx("div", { className: "font-medium", children: t.MAP ? "$" + t.MAP.toFixed(2) : "N/A" })
-          ] }),
-          t.CountryCodeOfOrigin && /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Origin" }),
-            /* @__PURE__ */ jsxs("div", { className: "font-medium flex items-center", children: [
-              /* @__PURE__ */ jsx(
-                CountryFlag,
-                {
-                  countryCode: t.CountryCodeOfOrigin,
-                  className: "mr-2"
-                }
-              ),
-              t.CountryCodeOfOrigin
-            ] })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx(ProductImage, { randmarSKU: t.RandmarSKU || "", alt: t.RandmarTitle || "" }) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex gap-6 mt-4", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex flex-1", children: B && t.Distribution && /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
-        /* @__PURE__ */ jsx("div", { className: "flex items-center", children: "You have " + L.length + (L.length > 1 ? " opportunities" : " opportunity") + " for this product:" }),
-        /* @__PURE__ */ jsx("div", { className: "space-y-2 max-h-[200px] overflow-y-auto p-2 mt-1", children: L.map((te, Z) => {
-          var K;
-          return /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: `flex justify-between items-center rounded-lg transition-colors py-2 px-4 bg-purple-100 border border-muted
-                        ${te.BidNumber == (b == null ? void 0 : b.BidNumber) ? "cursor-pointer border-2 border-purple-900" : V(te) ? "hover:bg-purple-200 cursor-pointer" : "!bg-neutral-50"}
-                        `,
-              onClick: () => {
-                V(te) && _(
-                  te.BidNumber != (b == null ? void 0 : b.BidNumber) ? te : null
-                );
-              },
-              children: [
-                /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", children: te.Opportunity }),
-                  /* @__PURE__ */ jsxs("span", { className: "text-xs text-neutral-900", children: [
-                    te.BidNumber,
-                    " ",
-                    !V(te) && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-xs mx-1 h-5 bg-gray-100", children: "Currently unavailable" })
-                  ] })
-                ] }) }),
-                /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end", children: [
-                  /* @__PURE__ */ jsxs("span", { className: "font-semibold", children: [
-                    "$",
-                    (K = te.Price) == null ? void 0 : K.toFixed(2)
-                  ] }),
-                  te.Rebate && te.Rebate > 0 && /* @__PURE__ */ jsxs("span", { className: "text-xs text-green-600", children: [
-                    "Rebate: $",
-                    te.Rebate.toFixed(2)
-                  ] }),
-                  te.EndDate && /* @__PURE__ */ jsxs("span", { className: "text-xs text-neutral-600", children: [
-                    "Ends: ",
-                    Q(te.EndDate)
-                  ] })
-                ] })
-              ]
-            },
-            Z
-          );
-        }) })
-      ] }) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
-        l && /* @__PURE__ */ jsx(Link, { to: l, children: /* @__PURE__ */ jsxs(Button, { variant: "secondary", children: [
-          /* @__PURE__ */ jsx(Eye, { className: "mr-2" }),
-          "View Product"
-        ] }) }),
-        ((ue = t.Distribution) == null ? void 0 : ue.Inventory) && /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsxs(Dialog, { open: S, onOpenChange: T, children: [
-          /* @__PURE__ */ jsx(DialogTrigger, { asChild: !0, children: /* @__PURE__ */ jsxs(
-            Button,
-            {
-              variant: "ghost",
-              className: `flex items-center text-sm ${U > 0 ? "text-green-700" : "text-red-700"}`,
-              children: [
-                /* @__PURE__ */ jsx(Warehouse, { size: "16", className: "mr-2" }),
-                U > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                  U,
-                  " in stock"
-                ] }) : /* @__PURE__ */ jsx(Fragment, { children: "Out of stock" })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-4xl", children: [
-            /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsxs(DialogTitle, { className: "flex items-center", children: [
-              /* @__PURE__ */ jsx(Warehouse, { className: "mr-2", size: 18 }),
-              "Inventory Information"
-            ] }) }),
-            /* @__PURE__ */ jsx(ProductInventoryGrid, { inventory: t.Distribution.Inventory })
-          ] })
-        ] }) })
-      ] })
-    ] }),
-    t.Distribution && /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-end mt-4", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex-shrink-1 flex flex-col items-start gap-1", children: R > 0 ? /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxs("span", { className: "text-2xl font-bold whitespace-nowrap", children: [
-        /* @__PURE__ */ jsx("span", { children: "Cost: $" }),
-        R.toFixed(2),
-        /* @__PURE__ */ jsx("span", { children: " CAD" })
-      ] }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center flex-wrap", children: [
-          /* @__PURE__ */ jsxs("span", { className: "text-2xl font-bold whitespace-nowrap", children: [
-            /* @__PURE__ */ jsx("span", { children: "$" }),
-            b ? (ce = (ae = t.Opportunities) == null ? void 0 : ae.find((te) => te.BidNumber == b.BidNumber)) == null ? void 0 : ce.Price : M.toFixed(2),
-            /* @__PURE__ */ jsx("span", { children: " CAD" })
-          ] }),
-          E > 0 && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground line-through ml-2 whitespace-nowrap", children: [
-            "$",
-            I.toFixed(2)
-          ] })
-        ] }),
-        E > 0 && /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "bg-red-50 text-red-700 rounded-full px-3 whitespace-nowrap", children: [
-          /* @__PURE__ */ jsxs("span", { children: [
-            E,
-            "% OFF"
-          ] }),
-          ((se = t.InstantRebate) == null ? void 0 : se.EndDate) && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("span", { className: "mx-1.5", children: "●" }),
-            " Ends ",
-            t.InstantRebate.EndDate.split("T")[0]
-          ] }),
-          (b == null ? void 0 : b.EndDate) && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("span", { className: "mx-1.5", children: "●" }),
-            " Ends ",
-            b.EndDate.split("T")[0]
-          ] })
-        ] }) })
-      ] }) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-shrink-0 gap-2 ml-4", children: [
-        typeof e < "u" && e && /* @__PURE__ */ jsxs("div", { className: "flex items-center border rounded-md", children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "ghost",
-              size: "icon",
-              className: "rounded-r-none",
-              onClick: F,
-              disabled: typeof m < "u" && (m <= 1 || !t.AvailableToBuy || d || !u),
-              children: "-"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              value: m,
-              onChange: q,
-              onBlur: G,
-              onClick: (te) => te.currentTarget.select(),
-              className: `w-12 text-center border-0 focus:ring-0 focus:outline-none ${!t.AvailableToBuy || d || !u ? "text-gray-400" : ""}`,
-              disabled: !t.AvailableToBuy || d || !u
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "ghost",
-              size: "icon",
-              className: "rounded-l-none",
-              onClick: j,
-              disabled: !t.AvailableToBuy || d || !u,
-              children: "+"
-            }
-          )
-        ] }),
-        typeof e < "u" && e && /* @__PURE__ */ jsx(
-          Button,
-          {
-            className: "gap-2 whitespace-nowrap",
-            onClick: H,
-            disabled: !t.AvailableToBuy || d || !u,
-            children: d ? /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" }),
-              "Adding..."
-            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(ShoppingCart, { className: "mr-2" }),
-              "Add to Cart"
-            ] })
-          }
-        ),
-        n && /* @__PURE__ */ jsx(
-          Button,
-          {
-            className: "gap-2 whitespace-nowrap bg-green-600 hover:bg-green-700",
-            onClick: f,
-            disabled: p || !f,
-            children: p ? /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" }),
-              "Syncing..."
-            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(ShoppingCart, { className: "mr-2" }),
-              "Sync to Shopify"
-            ] })
-          }
-        ),
-        i
-      ] })
-    ] })
-  ] }) });
-}
-function ManufacturerCard({
-  manufacturer: t,
-  link: e,
-  actions: n,
-  loading: i = !1
-}) {
-  var p;
-  if (i || !t)
-    return /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsx(CardHeader, { className: "flex flex-row items-start justify-between space-y-0 pb-2 pt-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-12 rounded-md" }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-24 mb-2" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-40 mb-1" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32 mb-1" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" })
-        ] })
-      ] }) }),
-      /* @__PURE__ */ jsx(CardContent, { className: "pb-2", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-2", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-16 rounded-full" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-20 rounded-full" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-14 rounded-full" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-1 pt-2", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-40" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-36" })
-          ] })
-        ] })
-      ] }) }),
-      /* @__PURE__ */ jsxs(CardFooter, { className: "flex justify-between pt-2 gap-2", children: [
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-24" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-40" })
-      ] })
-    ] });
-  const o = t.ManufacturerId || "N/A", l = t.PublicName || "N/A", u = [t.City, t.Province, t.Country].filter(Boolean), d = u.length > 0 ? u.join(", ") : "Location not provided", f = ((p = t.Tags) == null ? void 0 : p.split(",").map((m) => m.trim()).filter(Boolean)) || [];
-  return /* @__PURE__ */ jsxs(Card, { className: "manufacturer-theme", children: [
-    /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-start justify-between space-y-0 pb-2 pt-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-12 w-12 overflow-hidden rounded-md", children: /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: `https://api.randmar.io/V4/Partner/${o}/Account/Logo?width=64&height=64`,
-            alt: `${l}'s logo`,
-            className: "max-h-10 w-auto object-contain"
-          }
-        ) }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-xs text-primary", children: "Manufacturer" }),
-            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "|" }),
-            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: o })
-          ] }),
-          /* @__PURE__ */ jsx("h3", { className: "font-semibold", children: t.PublicName || "N/A" }),
-          t.Name && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t.Name }),
-          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: d })
-        ] })
-      ] }),
-      !!t.OnHold && t.OnHold !== 0 && /* @__PURE__ */ jsx(Badge, { variant: "warning", children: "On Hold" })
-    ] }),
-    /* @__PURE__ */ jsx(CardContent, { className: "pb-2", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-2", children: [
-      (!!t.OpenToWork || f.length > 0) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
-        !!t.OpenToWork && /* @__PURE__ */ jsx(Badge, { variant: "success", children: "Open To Work" }),
-        f.map((m, g) => /* @__PURE__ */ jsx(Badge, { children: m }, g))
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-1 pt-2", children: [
-        t.Phone && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-          /* @__PURE__ */ jsx(Phone, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx("span", { children: t.Phone })
-        ] }),
-        t.PublicEmail && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-          /* @__PURE__ */ jsx(Mail, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx("span", { children: t.PublicEmail })
-        ] }),
-        t.Website && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-          /* @__PURE__ */ jsx(Globe, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx("span", { children: t.Website })
-        ] }),
-        t.CurrencyCode && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-          /* @__PURE__ */ jsx(DollarSign, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx("span", { children: t.CurrencyCode })
-        ] })
-      ] })
-    ] }) }),
-    (n || e) && /* @__PURE__ */ jsxs(CardFooter, { className: `flex pt-2 gap-2 ${n ? "justify-between" : "justify-end"}`, children: [
-      n && n,
-      e && /* @__PURE__ */ jsx(Button, { className: "flex items-center gap-1", asChild: !0, children: /* @__PURE__ */ jsxs(Link, { to: e, target: "_blank", children: [
-        /* @__PURE__ */ jsx(ExternalLink, { className: "h-4 w-4" }),
-        "Go to Manufacturer"
-      ] }) })
-    ] })
-  ] });
-}
-function ResellerCard({
-  reseller: t,
-  link: e,
-  actions: n,
-  loading: i = !1
-}) {
-  if (i || !t)
-    return /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsx(CardHeader, { className: "flex flex-row items-start justify-between space-y-0 pb-2 pt-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-12 rounded-md" }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-24 mb-2" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-40 mb-1" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32 mb-1" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" })
-        ] })
-      ] }) }),
-      /* @__PURE__ */ jsx(CardContent, { className: "pb-2", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col space-y-2", children: /* @__PURE__ */ jsxs("div", { className: "space-y-1 pt-2", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-40" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-36" })
-        ] })
-      ] }) }) }),
-      /* @__PURE__ */ jsxs(CardFooter, { className: "flex justify-between pt-2 gap-2", children: [
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-24" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-40" })
-      ] })
-    ] });
-  const o = t.ResellerId || "N/A", l = t.PublicName || "N/A", u = [t.City, t.Province, t.Country].filter(Boolean), d = u.length > 0 ? u.join(", ") : "Location not provided";
-  return /* @__PURE__ */ jsxs(Card, { className: "reseller-theme", children: [
-    /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-start justify-between space-y-0 pb-2 pt-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-12 w-12 overflow-hidden rounded-md", children: /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: `https://api.randmar.io/V4/Partner/${o}/Account/Logo?width=64&height=64`,
-            alt: `${l}'s logo`,
-            className: "max-h-10 w-auto object-contain"
-          }
-        ) }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-xs text-primary", children: "Reseller" }),
-            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "|" }),
-            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: o })
-          ] }),
-          /* @__PURE__ */ jsx("h3", { className: "font-semibold", children: t.PublicName || "N/A" }),
-          t.Name && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t.Name }),
-          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: d })
-        ] })
-      ] }),
-      !!t.OnHold && t.OnHold !== 0 && /* @__PURE__ */ jsx(Badge, { variant: "warning", children: "On Hold" })
-    ] }),
-    /* @__PURE__ */ jsx(CardContent, { className: "pb-2", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col space-y-2", children: /* @__PURE__ */ jsxs("div", { className: "space-y-1 pt-2", children: [
-      t.Phone && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-        /* @__PURE__ */ jsx(Phone, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx("span", { children: t.Phone })
-      ] }),
-      t.PublicEmail && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-        /* @__PURE__ */ jsx(Mail, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx("span", { children: t.PublicEmail })
-      ] }),
-      t.Website && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-        /* @__PURE__ */ jsx(Globe, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx("span", { children: t.Website })
-      ] }),
-      t.CurrencyCode && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-        /* @__PURE__ */ jsx(DollarSign, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx("span", { children: t.CurrencyCode })
-      ] })
-    ] }) }) }),
-    (n || e) && /* @__PURE__ */ jsxs(CardFooter, { className: `flex pt-2 gap-2 ${n ? "justify-between" : "justify-end"}`, children: [
-      n && n,
-      e && /* @__PURE__ */ jsx(Button, { className: "flex items-center gap-1", asChild: !0, children: /* @__PURE__ */ jsxs(Link, { to: e, target: "_blank", children: [
-        /* @__PURE__ */ jsx(ExternalLink, { className: "h-4 w-4" }),
-        "Go to Reseller"
-      ] }) })
-    ] })
-  ] });
-}
 function usePrevious(t) {
   const e = React.useRef({ value: t, previous: t });
   return React.useMemo(() => (e.current.value !== t && (e.current.previous = e.current.value, e.current.value = t), e.current.previous), [t]);
@@ -54570,230 +54125,700 @@ function ManufacturerReorderingCard({
             /* @__PURE__ */ jsx("span", { className: "ml-2 text-sm text-muted-foreground", children: "days" })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx(Label$2, { htmlFor: "maximum-inventory-value", children: "Default Maximum Inventory Value" }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center relative", children: [
-            /* @__PURE__ */ jsx("span", { className: "absolute left-3 top-1/2 -translate-y-1/2", children: "$" }),
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: "maximum-inventory-value",
-                type: "number",
-                className: "pl-6",
-                value: o.DefaultMaxInventoryValue || "",
-                onChange: (b) => d("DefaultMaxInventoryValue", Number(b.target.value)),
-                disabled: i
-              }
-            )
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Label$2, { htmlFor: "maximum-inventory-value", children: "Default Maximum Inventory Value" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center relative", children: [
+            /* @__PURE__ */ jsx("span", { className: "absolute left-3 top-1/2 -translate-y-1/2", children: "$" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "maximum-inventory-value",
+                type: "number",
+                className: "pl-6",
+                value: o.DefaultMaxInventoryValue || "",
+                onChange: (b) => d("DefaultMaxInventoryValue", Number(b.target.value)),
+                disabled: i
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Label$2, { htmlFor: "order-confirmations", children: "Send Order Confirmations To" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "order-confirmations",
+              type: "email",
+              value: o.POEmail || "",
+              onChange: (b) => f("POEmail", b.target.value),
+              placeholder: "email@example.com",
+              disabled: i
+            }
+          )
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(CardFooter, { className: "flex justify-end", children: n ? /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-20" }) : /* @__PURE__ */ jsxs(Button, { onClick: p, disabled: i, children: [
+      i && /* @__PURE__ */ jsx(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }),
+      "Save"
+    ] }) })
+  ] });
+}
+const imgSizeMap = {
+  sm: 100,
+  md: 200,
+  lg: 300,
+  xl: 400
+};
+function ProductImage({ randmarSKU: t, size: e = "md", alt: n, secondaryContent: i }) {
+  const [o, l] = React.useState(!1), [u, d] = React.useState(!1), [f, p] = React.useState(!1), [m, g] = React.useState(!1), b = `https://api.randmar.io/Product/${t}/Video`;
+  React.useEffect(() => {
+    (async () => {
+      try {
+        const I = await (await fetch(b + "/Exists")).json();
+        d(I);
+      } catch (R) {
+        console.error("Error checking for video:", R), d(!1);
+      }
+    })();
+  }, [t, b]);
+  async function _() {
+    if (u) {
+      g(!0);
+      try {
+        const R = await (await fetch(b)).blob(), I = window.URL.createObjectURL(R), M = document.createElement("a");
+        M.href = I, M.download = `${t || "product"}-video.mp4`, document.body.appendChild(M), M.click(), document.body.removeChild(M), window.URL.revokeObjectURL(I);
+      } catch (T) {
+        console.error("Error downloading video:", T);
+      } finally {
+        g(!1);
+      }
+    }
+  }
+  function E() {
+    navigator.clipboard.writeText(b), p(!0), setTimeout(() => {
+      p(!1);
+    }, 2e3);
+  }
+  function C() {
+    l(!0);
+  }
+  const S = imgSizeMap[e || "xl"];
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Dialog, { open: o, onOpenChange: l, children: /* @__PURE__ */ jsx(DialogContent, { className: "max-w-4xl p-0 overflow-hidden", children: i ? /* @__PURE__ */ jsxs("div", { className: "flex flex-row", children: [
+      /* @__PURE__ */ jsxs(
+        "video",
+        {
+          className: "w-full rounded-l-lg max-h-[720px] object-contain",
+          controls: !0,
+          autoPlay: !0,
+          muted: !0,
+          loop: !0,
+          children: [
+            /* @__PURE__ */ jsx("source", { src: b, type: "video/mp4" }),
+            "Your browser does not support the video tag."
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "flex-grow min-w-[400px] h-[70vh] p-6", children: i })
+    ] }) : /* @__PURE__ */ jsxs("div", { className: "w-full relative", children: [
+      /* @__PURE__ */ jsxs("video", { className: "w-full max-h-[720px] object-contain", controls: !0, autoPlay: !0, children: [
+        /* @__PURE__ */ jsx("source", { src: b, type: "video/mp4" }),
+        "Your browser does not support the video tag."
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "absolute top-2 right-12 flex gap-1", children: [
+        /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip$1, { children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "secondary",
+              size: "icon",
+              onClick: E,
+              children: f ? /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Copy, { className: "h-4 w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Copy video link" }) })
+        ] }) }),
+        /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip$1, { children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "secondary",
+              size: "icon",
+              onClick: _,
+              disabled: m,
+              children: /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Download video" }) })
+        ] }) })
+      ] })
+    ] }) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "relative w-max h-max", children: [
+      /* @__PURE__ */ jsx(
+        "img",
+        {
+          alt: n || `Product ${t}`,
+          className: `rounded-md ${u ? "cursor-pointer" : ""}`,
+          onClick: u ? C : void 0,
+          src: `https://api.randmar.io/Product/${t}/Image?width=${S * 1.5}&height=${S * 1.5}`,
+          width: S,
+          height: S
+        }
+      ),
+      u && /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip$1, { children: [
+        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "secondary",
+            size: "icon",
+            className: "absolute top-2 right-2",
+            onClick: C,
+            children: /* @__PURE__ */ jsx(Play, { className: "h-4 w-4" })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Play video" }) })
+      ] }) })
+    ] })
+  ] });
+}
+function ProductCard({
+  item: t,
+  addToCart: e = !1,
+  syncToShopify: n = !1,
+  customAction: i = /* @__PURE__ */ jsx(Fragment, {}),
+  defaultOpportunityNumber: o = "",
+  viewProductLink: l,
+  addToCartAction: u,
+  isAddToCartActionLoading: d = !1,
+  syncToShopifyAction: f,
+  isSyncToShopifyActionLoading: p = !1
+}) {
+  var z, W, J, ne, oe, le, ie, ue, ae, ce, se;
+  const [m, g] = useState(1), [b, _] = useState(null), [E, C] = useState(0), [S, T] = useState(!1), R = ((z = t == null ? void 0 : t.Distribution) == null ? void 0 : z.Cost) || 0, I = ((W = t == null ? void 0 : t.Distribution) == null ? void 0 : W.RegularPrice) || 0, M = ((J = t == null ? void 0 : t.Distribution) == null ? void 0 : J.Price) || 0;
+  useEffect(() => {
+    g(1), _(null), C(0), T(!1);
+  }, [t == null ? void 0 : t.RandmarSKU]);
+  const [A, N] = useState(null), [O, D] = useState(!1);
+  useEffect(() => {
+    const te = async () => {
+      if (t != null && t.ManufacturerId) {
+        D(!0);
+        try {
+          const Z = await fetch(
+            `https://api.randmar.io/V4/Partner/${t.ManufacturerId}/Account/Logo?width=60&height=40`
+          );
+          if (Z.ok) {
+            const K = await Z.blob();
+            N(URL.createObjectURL(K));
+          }
+        } catch (Z) {
+          console.error("Failed to load logo:", Z);
+        } finally {
+          D(!1);
+        }
+      }
+    };
+    t != null && t.ManufacturerId && te();
+  }, [t == null ? void 0 : t.ManufacturerId]), useEffect(() => {
+    var te;
+    if (t && o) {
+      const Z = (te = t.Opportunities) == null ? void 0 : te.find((K) => K.BidNumber == o);
+      Z && _(Z);
+    }
+  }, [t, o]), useEffect(() => {
+    if (!t) return;
+    const te = b != null && b.Price ? b.Price : M;
+    C(I > 0 ? Math.round((I - te) / I * 100) : 0);
+  }, [t, b, M, I]), useEffect(() => {
+    d || g(1);
+  }, [d]);
+  const V = (te) => {
+    if (te.Active !== !0) return !1;
+    const Z = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
+    return !(te.EndDate && te.EndDate.split("T")[0] < Z || te.StartDate && te.StartDate.split("T")[0] > Z);
+  };
+  if (!t)
+    return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "p-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start mb-3", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-3/4" }),
+        /* @__PURE__ */ jsx("div", { className: "h-10 w-24 flex items-center justify-end ml-4", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-24 rounded-md" }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2 mb-4", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-20 rounded-full" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-24 rounded-full" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-28 rounded-full" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-4 gap-y-6 flex-1", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-12 mb-1" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-20" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-12 mb-1" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20 mb-1" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-16" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-12 mb-1" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-20" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx("div", { className: "w-60 h-40", children: /* @__PURE__ */ jsx(Skeleton, { className: "w-full h-full rounded-lg" }) }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-6 mt-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex flex-1", children: /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24 mb-3" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-16 w-full rounded-md" })
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-32 rounded-md" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24 mt-4" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-6 mt-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start gap-1 mb-2", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-32" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-24" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-24 rounded-md" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-10 flex-1 rounded-md" })
+        ] })
+      ] })
+    ] }) });
+  const L = (t == null ? void 0 : t.Opportunities) || [], B = L.length > 0, F = () => {
+    if (m == null) {
+      g(1);
+      return;
+    }
+    m > 1 && g(m - 1);
+  }, j = () => {
+    if (m == null) {
+      g(1);
+      return;
+    }
+    g(m + 1);
+  }, q = (te) => {
+    const Z = parseInt(te.target.value, 10);
+    if (!isNaN(Z) && Z > 0) {
+      g(Z);
+      return;
+    }
+    g(void 0);
+  }, G = () => {
+    (m == null || m < 1) && g(1);
+  }, U = ((oe = (ne = t.Distribution) == null ? void 0 : ne.Inventory) == null ? void 0 : oe.reduce((te, Z) => te + (Z.AvailableQuantity || 0), 0)) || 0, Q = (te) => {
+    try {
+      return new Date(te).toLocaleDateString("en-US", { year: "numeric", month: "short", day: "numeric" });
+    } catch (Z) {
+      return console.error(Z), te.split("T")[0] || "N/A";
+    }
+  }, H = () => {
+    u && u({ quantity: m ?? 1, bidNumber: (b == null ? void 0 : b.BidNumber) ?? null });
+  };
+  return /* @__PURE__ */ jsx(Card, { className: "hover:shadow-lg transition-shadow", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start mb-3", children: [
+      /* @__PURE__ */ jsx("h3", { className: "font-semibold text-xl", children: t.Title || t.RandmarTitle }),
+      /* @__PURE__ */ jsx("div", { className: "h-10 w-24 flex items-center justify-end ml-4", children: O ? /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-24 rounded-md" }) : A && /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: A,
+          alt: t.ManufacturerName ?? "",
+          className: "max-h-10 max-w-24 object-contain"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2 mb-4", children: [
+          t.State && /* @__PURE__ */ jsxs(
+            Badge,
+            {
+              variant: "outline",
+              className: `rounded-full px-3 ${t.State === "Active" ? "bg-green-50 text-green-700 hover:bg-green-50" : "bg-red-50 text-red-700 hover:bg-red-50"}`,
+              children: [
+                /* @__PURE__ */ jsx(Check, { size: "12", className: "mr-1.5" }),
+                " ",
+                t.State
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Badge,
+            {
+              variant: "outline",
+              className: `rounded-full px-3 ${t.SerialNumber ? "bg-green-50 text-green-700 hover:bg-green-50" : "bg-yellow-50 text-yellow-700 hover:bg-yellow-50"}`,
+              children: [
+                /* @__PURE__ */ jsx(QrCode, { size: "12", className: "mr-1.5" }),
+                " ",
+                t.SerialNumber ? "Serialized" : "Unserialized"
+              ]
+            }
+          ),
+          t.TransparencyCode && /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "rounded-full px-3 bg-green-50 text-green-700 hover:bg-green-50", children: [
+            /* @__PURE__ */ jsx(CircleDashed, { size: "12", className: "mr-1.5" }),
+            " Transparency Code"
+          ] }),
+          t.AvailableToBuy !== void 0 && /* @__PURE__ */ jsxs(
+            Badge,
+            {
+              variant: "outline",
+              className: `rounded-full px-3 ${t.AvailableToBuy ? "bg-green-50 text-green-700 hover:bg-green-50" : "bg-red-50 text-red-700 hover:bg-red-50"}`,
+              children: [
+                /* @__PURE__ */ jsx(ShoppingCart, { size: "12", className: "mr-1.5" }),
+                " ",
+                t.AvailableToBuy ? "Available" : "Unavailable"
+              ]
+            }
+          ),
+          t.ManufacturerCategory !== void 0 && /* @__PURE__ */ jsxs(
+            Badge,
+            {
+              variant: "outline",
+              className: `rounded-full px-3 ${(le = t.ManufacturerCategory) != null && le.QualificationRequired ? "bg-blue-50 text-blue-700 hover:bg-blue-50" : "bg-neutral-50 text-neutral-700 hover:bg-neutral-50"}`,
+              children: [
+                /* @__PURE__ */ jsx(ShieldCheck, { size: "12", className: "mr-1.5" }),
+                " ",
+                (ie = t.ManufacturerCategory) != null && ie.QualificationRequired ? "Qualified Only" : "Available to all"
+              ]
+            }
+          ),
+          t.ManufacturerId && /* @__PURE__ */ jsxs(
+            Badge,
+            {
+              variant: "outline",
+              className: `rounded-full px-3 ${t.AutoUpdate ? "bg-green-50 text-green-700 hover:bg-green-50" : "bg-red-50 text-red-700 hover:bg-red-50"}`,
+              children: [
+                /* @__PURE__ */ jsx(RefreshCw, { size: "12", className: "mr-1.5" }),
+                " ",
+                t.AutoUpdate ? `Automatic Reorder (${t.MasterCarton})` : "Manually Reorders"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Badge,
+            {
+              variant: "outline",
+              className: `rounded-full px-3 ${t.BodyHTML && t.Title && t.MAP ? "bg-green-50 text-green-700 hover:bg-green-50" : "bg-red-50 text-red-700 hover:bg-red-50"}`,
+              children: [
+                /* @__PURE__ */ jsx(Store, { size: "12", className: "mr-1.5" }),
+                " ",
+                t.BodyHTML && t.Title && t.MAP ? "Shopify Ready" : "Not Shopify Ready"
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-4 gap-y-4 flex-1", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "MPN" }),
+            /* @__PURE__ */ jsx("div", { className: "font-medium", children: t.MPN || "N/A" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "UPC" }),
+            /* @__PURE__ */ jsx("div", { className: "font-medium", children: t.UPC || "N/A" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Unit Weight" }),
+            /* @__PURE__ */ jsx("div", { className: "font-medium", children: t.UnitWeight ? `${t.UnitWeight} lbs` : "N/A" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "MAP" }),
+            /* @__PURE__ */ jsx("div", { className: "font-medium", children: t.MAP ? "$" + t.MAP.toFixed(2) : "N/A" })
+          ] }),
+          t.CountryCodeOfOrigin && /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Origin" }),
+            /* @__PURE__ */ jsxs("div", { className: "font-medium flex items-center", children: [
+              /* @__PURE__ */ jsx(
+                CountryFlag,
+                {
+                  countryCode: t.CountryCodeOfOrigin,
+                  className: "mr-2"
+                }
+              ),
+              t.CountryCodeOfOrigin
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx(ProductImage, { randmarSKU: t.RandmarSKU || "", alt: t.RandmarTitle || "" }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-6 mt-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex flex-1", children: B && t.Distribution && /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center", children: "You have " + L.length + (L.length > 1 ? " opportunities" : " opportunity") + " for this product:" }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-2 max-h-[200px] overflow-y-auto p-2 mt-1", children: L.map((te, Z) => {
+          var K;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: `flex justify-between items-center rounded-lg transition-colors py-2 px-4 bg-purple-100 border border-muted
+                        ${te.BidNumber == (b == null ? void 0 : b.BidNumber) ? "cursor-pointer border-2 border-purple-900" : V(te) ? "hover:bg-purple-200 cursor-pointer" : "!bg-neutral-50"}
+                        `,
+              onClick: () => {
+                V(te) && _(
+                  te.BidNumber != (b == null ? void 0 : b.BidNumber) ? te : null
+                );
+              },
+              children: [
+                /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+                  /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", children: te.Opportunity }),
+                  /* @__PURE__ */ jsxs("span", { className: "text-xs text-neutral-900", children: [
+                    te.BidNumber,
+                    " ",
+                    !V(te) && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-xs mx-1 h-5 bg-gray-100", children: "Currently unavailable" })
+                  ] })
+                ] }) }),
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end", children: [
+                  /* @__PURE__ */ jsxs("span", { className: "font-semibold", children: [
+                    "$",
+                    (K = te.Price) == null ? void 0 : K.toFixed(2)
+                  ] }),
+                  te.Rebate && te.Rebate > 0 && /* @__PURE__ */ jsxs("span", { className: "text-xs text-green-600", children: [
+                    "Rebate: $",
+                    te.Rebate.toFixed(2)
+                  ] }),
+                  te.EndDate && /* @__PURE__ */ jsxs("span", { className: "text-xs text-neutral-600", children: [
+                    "Ends: ",
+                    Q(te.EndDate)
+                  ] })
+                ] })
+              ]
+            },
+            Z
+          );
+        }) })
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
+        l && /* @__PURE__ */ jsx(Link, { to: l, children: /* @__PURE__ */ jsxs(Button, { variant: "secondary", children: [
+          /* @__PURE__ */ jsx(Eye, { className: "mr-2" }),
+          "View Product"
+        ] }) }),
+        ((ue = t.Distribution) == null ? void 0 : ue.Inventory) && /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsxs(Dialog, { open: S, onOpenChange: T, children: [
+          /* @__PURE__ */ jsx(DialogTrigger, { asChild: !0, children: /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "ghost",
+              className: `flex items-center text-sm ${U > 0 ? "text-green-700" : "text-red-700"}`,
+              children: [
+                /* @__PURE__ */ jsx(Warehouse, { size: "16", className: "mr-2" }),
+                U > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  U,
+                  " in stock"
+                ] }) : /* @__PURE__ */ jsx(Fragment, { children: "Out of stock" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-4xl", children: [
+            /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsxs(DialogTitle, { className: "flex items-center", children: [
+              /* @__PURE__ */ jsx(Warehouse, { className: "mr-2", size: 18 }),
+              "Inventory Information"
+            ] }) }),
+            /* @__PURE__ */ jsx(ProductInventoryGrid, { inventory: t.Distribution.Inventory })
+          ] })
+        ] }) })
+      ] })
+    ] }),
+    t.Distribution && /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-end mt-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex-shrink-1 flex flex-col items-start gap-1", children: R > 0 ? /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxs("span", { className: "text-2xl font-bold whitespace-nowrap", children: [
+        /* @__PURE__ */ jsx("span", { children: "Cost: $" }),
+        R.toFixed(2),
+        /* @__PURE__ */ jsx("span", { children: " CAD" })
+      ] }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center flex-wrap", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-2xl font-bold whitespace-nowrap", children: [
+            /* @__PURE__ */ jsx("span", { children: "$" }),
+            b ? (ce = (ae = t.Opportunities) == null ? void 0 : ae.find((te) => te.BidNumber == b.BidNumber)) == null ? void 0 : ce.Price : M.toFixed(2),
+            /* @__PURE__ */ jsx("span", { children: " CAD" })
+          ] }),
+          E > 0 && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground line-through ml-2 whitespace-nowrap", children: [
+            "$",
+            I.toFixed(2)
+          ] })
+        ] }),
+        E > 0 && /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "bg-red-50 text-red-700 rounded-full px-3 whitespace-nowrap", children: [
+          /* @__PURE__ */ jsxs("span", { children: [
+            E,
+            "% OFF"
+          ] }),
+          ((se = t.InstantRebate) == null ? void 0 : se.EndDate) && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { className: "mx-1.5", children: "●" }),
+            " Ends ",
+            t.InstantRebate.EndDate.split("T")[0]
+          ] }),
+          (b == null ? void 0 : b.EndDate) && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { className: "mx-1.5", children: "●" }),
+            " Ends ",
+            b.EndDate.split("T")[0]
           ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx(Label$2, { htmlFor: "order-confirmations", children: "Send Order Confirmations To" }),
+        ] }) })
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-shrink-0 gap-2 ml-4", children: [
+        typeof e < "u" && e && /* @__PURE__ */ jsxs("div", { className: "flex items-center border rounded-md", children: [
           /* @__PURE__ */ jsx(
-            Input,
+            Button,
             {
-              id: "order-confirmations",
-              type: "email",
-              value: o.POEmail || "",
-              onChange: (b) => f("POEmail", b.target.value),
-              placeholder: "email@example.com",
-              disabled: i
+              variant: "ghost",
+              size: "icon",
+              className: "rounded-r-none",
+              onClick: F,
+              disabled: typeof m < "u" && (m <= 1 || !t.AvailableToBuy || d || !u),
+              children: "-"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              value: m,
+              onChange: q,
+              onBlur: G,
+              onClick: (te) => te.currentTarget.select(),
+              className: `w-12 text-center border-0 focus:ring-0 focus:outline-none ${!t.AvailableToBuy || d || !u ? "text-gray-400" : ""}`,
+              disabled: !t.AvailableToBuy || d || !u
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "rounded-l-none",
+              onClick: j,
+              disabled: !t.AvailableToBuy || d || !u,
+              children: "+"
             }
           )
-        ] })
+        ] }),
+        typeof e < "u" && e && /* @__PURE__ */ jsx(
+          Button,
+          {
+            className: "gap-2 whitespace-nowrap",
+            onClick: H,
+            disabled: !t.AvailableToBuy || d || !u,
+            children: d ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" }),
+              "Adding..."
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(ShoppingCart, { className: "mr-2" }),
+              "Add to Cart"
+            ] })
+          }
+        ),
+        n && /* @__PURE__ */ jsx(
+          Button,
+          {
+            className: "gap-2 whitespace-nowrap bg-green-600 hover:bg-green-700",
+            onClick: f,
+            disabled: p || !f,
+            children: p ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" }),
+              "Syncing..."
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(ShoppingCart, { className: "mr-2" }),
+              "Sync to Shopify"
+            ] })
+          }
+        ),
+        i
       ] })
-    ] }) }),
-    /* @__PURE__ */ jsx(CardFooter, { className: "flex justify-end", children: n ? /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-20" }) : /* @__PURE__ */ jsxs(Button, { onClick: p, disabled: i, children: [
-      i && /* @__PURE__ */ jsx(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }),
-      "Save"
-    ] }) })
-  ] });
+    ] })
+  ] }) });
 }
-function ActiveOrdersCard({ orders: t, loading: e = !1 }) {
-  const n = (l) => new Intl.NumberFormat("en-CA", {
-    style: "currency",
-    currency: "CAD",
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 2
-  }).format(l), i = useMemo(() => {
-    if (!t || t.length === 0)
-      return {
-        all: { orders: 0, amount: 0 },
-        processing: { orders: 0, amount: 0 },
-        shipped: { orders: 0, amount: 0 },
-        delayed: { orders: 0, amount: 0 }
-      };
-    const l = t.filter((T) => T.DocumentType === "Order"), u = t.filter((T) => T.DocumentType === "Shipment"), d = l.filter((T) => T.WarehouseCode !== "3PLE"), f = d.reduce((T, R) => T + (R.Quantity || 0), 0), p = d.reduce((T, R) => T + (R.ExtendedPrice || 0), 0), m = l.filter((T) => T.WarehouseCode === "3PLE"), g = m.reduce((T, R) => T + (R.Quantity || 0), 0), b = m.reduce((T, R) => T + (R.ExtendedPrice || 0), 0), _ = u.length, E = u.reduce((T, R) => T + (R.ExtendedPrice || 0), 0), C = f + g + _, S = p + b + E;
-    return {
-      all: { orders: C, amount: S },
-      processing: { orders: f, amount: p },
-      shipped: { orders: _, amount: E },
-      delayed: { orders: g, amount: b }
-    };
-  }, [t]), o = [
-    {
-      name: "All",
-      icon: Package,
-      color: "bg-blue-500",
-      textColor: "text-blue-600",
-      orders: i.all.orders,
-      amount: i.all.amount
-    },
-    {
-      name: "Processing",
-      icon: RefreshCcw,
-      color: "bg-yellow-500",
-      textColor: "text-yellow-600",
-      orders: i.processing.orders,
-      amount: i.processing.amount
-    },
-    {
-      name: "Shipped",
-      icon: Truck,
-      color: "bg-green-500",
-      textColor: "text-green-600",
-      orders: i.shipped.orders,
-      amount: i.shipped.amount
-    },
-    {
-      name: "Delayed",
-      icon: CircleAlert,
-      color: "bg-red-500",
-      textColor: "text-red-600",
-      orders: i.delayed.orders,
-      amount: i.delayed.amount
-    }
-  ];
-  return e ? /* @__PURE__ */ jsxs(Card, { children: [
-    /* @__PURE__ */ jsx(CardHeader, { className: "pb-0", children: /* @__PURE__ */ jsx(CardTitle, { className: "text-lg font-bold", children: "Active Orders" }) }),
-    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4 p-4", children: [1, 2, 3, 4].map((l) => /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-md border", children: [
-      /* @__PURE__ */ jsx("div", { className: "bg-slate-200 dark:bg-slate-700 h-[3px]" }),
-      /* @__PURE__ */ jsxs("div", { className: "p-6 border border-t-0", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-4", children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-8 rounded-full" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-16 mb-2" }),
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-12" })
+function ResellerBillingOverviewCard({ reseller: t, actions: e, loading: n = !1 }) {
+  return n || !t ? /* @__PURE__ */ jsx(ResellerBillingOverviewSkeleton, {}) : /* @__PURE__ */ jsx(ResellerBillingOverviewData, { reseller: t, actions: e });
+}
+function ResellerBillingOverviewSkeleton() {
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-40" }) }) }),
+    /* @__PURE__ */ jsxs(CardContent, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "space-y-4", children: Array(3).fill(0).map((t, e) => /* @__PURE__ */ jsxs("div", { className: "border rounded-lg p-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-4", children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-9 rounded-full" })
           ] }),
-          /* @__PURE__ */ jsxs("div", { className: "text-end", children: [
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-16 mb-2" }),
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-20" })
-          ] })
-        ] })
-      ] })
-    ] }, l)) })
-  ] }) : /* @__PURE__ */ jsxs(Card, { children: [
-    /* @__PURE__ */ jsx(CardHeader, { className: "pb-0", children: /* @__PURE__ */ jsx(CardTitle, { className: "text-lg font-bold", children: "Active Orders" }) }),
-    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4 p-4", children: o.map((l) => /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-md border", children: [
-      /* @__PURE__ */ jsx("div", { className: `${l.color} bg-opacity-60 h-[3px]` }),
-      /* @__PURE__ */ jsxs("div", { className: "p-6 border border-t-0", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-4", children: [
-          /* @__PURE__ */ jsx("h3", { className: "font-semibold text-base", children: l.name }),
-          /* @__PURE__ */ jsx("div", { className: `${l.color} bg-opacity-90 p-2 rounded-full`, children: /* @__PURE__ */ jsx(l.icon, { className: "size-4 shrink-0 text-white" }) })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start", children: [
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Total Orders" }),
-            /* @__PURE__ */ jsx("p", { className: "text-xl font-bold", children: l.orders })
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20 mb-1" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-28" })
+          ] })
+        ] }, e)) }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-4", children: Array(2).fill(0).map((t, e) => /* @__PURE__ */ jsxs("div", { className: "border rounded-lg p-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-4", children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-9 rounded-full" })
           ] }),
-          /* @__PURE__ */ jsxs("div", { className: "text-end", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Total Amount" }),
-            /* @__PURE__ */ jsx("p", { className: "text-base font-semibold", children: n(l.amount) })
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20 mb-1" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-28" })
           ] })
-        ] })
-      ] })
-    ] }, l.name)) })
-  ] });
-}
-function SalesOverviewCard({ salesData: t, salesStatistics: e = [], loading: n = !1 }) {
-  return n || !t ? /* @__PURE__ */ jsx(SalesOverviewSkeleton, {}) : /* @__PURE__ */ jsx(SalesOverviewData, { salesData: t, salesStatistics: e });
-}
-function SalesOverviewSkeleton() {
-  return /* @__PURE__ */ jsxs(Card, { children: [
-    /* @__PURE__ */ jsx(CardHeader, { className: "pb-0", children: /* @__PURE__ */ jsx(CardTitle, { className: "text-lg sm:text-xl", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-40" }) }) }),
-    /* @__PURE__ */ jsxs(CardContent, { className: "pt-4 px-3 sm:px-6", children: [
-      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: Array(3).fill(0).map((t, e) => /* @__PURE__ */ jsxs("div", { className: "border rounded-lg p-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-4", children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-9 rounded-full" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20 mb-1" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-28" })
-        ] })
-      ] }, e)) }),
-      /* @__PURE__ */ jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-32" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-[250px] w-full rounded-lg" })
-      ] }) })
+        ] }, e)) })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-28 rounded-md" }) })
     ] })
   ] });
 }
-function SalesOverviewData({
-  salesData: t,
-  salesStatistics: e = []
-}) {
-  const n = (l) => new Intl.NumberFormat("en-CA", {
+function ResellerBillingOverviewData({ reseller: t, actions: e }) {
+  const n = (u) => u === void 0 ? "$0.00" : new Intl.NumberFormat("en-CA", {
     style: "currency",
     currency: "CAD",
     minimumFractionDigits: 2,
     maximumFractionDigits: 2
-  }).format(l), i = [
+  }).format(u), i = t.Statement || {}, o = [
     {
-      title: "Last 30 days",
-      amount: t.SalesLast30Days || 0,
+      title: "0 - 30 Days",
+      amount: i.Over0 || 0,
       icon: /* @__PURE__ */ jsx(Calendar, { className: "h-5 w-5 text-white" }),
-      color: "bg-blue-500"
+      color: "bg-primary"
     },
     {
-      title: "Last 3 months",
-      amount: t.SalesLast3Months || 0,
+      title: "31 - 45 Days",
+      amount: i.Over30 || 0,
       icon: /* @__PURE__ */ jsx(Calendar, { className: "h-5 w-5 text-white" }),
-      color: "bg-amber-500"
+      color: "bg-primary"
     },
     {
-      title: "Year to date",
-      amount: t.SalesYearToDay || 0,
+      title: "45+ Days",
+      amount: i.Over45 || 0,
       icon: /* @__PURE__ */ jsx(Calendar, { className: "h-5 w-5 text-white" }),
-      color: "bg-emerald-500"
+      color: "bg-primary"
     }
-  ], o = [...e].sort((l, u) => (l.Day || 0) - (u.Day || 0)).map((l) => {
-    var m;
-    const u = ((m = l.Day) == null ? void 0 : m.toString()) || "", d = u.substring(4, 6), f = u.substring(6, 8);
-    return {
-      date: `${d}/${f}`,
-      amount: l.ExtendedPrice || 0
-      //quantity: stat.Quantity || 0,
-    };
-  });
+  ], l = [
+    {
+      title: "Total",
+      amount: i.Total || 0,
+      icon: /* @__PURE__ */ jsx(DollarSign, { className: "h-5 w-5 text-white" }),
+      color: "bg-green-500"
+    },
+    {
+      title: "Credit Limit",
+      amount: t.CreditLimit || 0,
+      icon: /* @__PURE__ */ jsx(CreditCard, { className: "h-5 w-5 text-white" }),
+      color: "bg-blue-500"
+    }
+  ];
   return /* @__PURE__ */ jsxs(Card, { children: [
-    /* @__PURE__ */ jsx(CardHeader, { className: "pb-0", children: /* @__PURE__ */ jsx(CardTitle, { className: "text-lg sm:text-xl", children: "Sales Overview" }) }),
-    /* @__PURE__ */ jsxs(CardContent, { className: "pt-4 px-3 sm:px-6", children: [
-      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: i.map((l, u) => /* @__PURE__ */ jsxs("div", { className: "border rounded-lg p-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-4", children: [
-          /* @__PURE__ */ jsx("h3", { className: "text-sm sm:text-base font-medium", children: l.title }),
-          /* @__PURE__ */ jsx("div", { className: `p-2 rounded-full ${l.color}`, children: l.icon })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Total Amount" }),
-          /* @__PURE__ */ jsx("p", { className: "text-base sm:text-lg font-bold", children: n(l.amount) })
-        ] })
-      ] }, u)) }),
-      /* @__PURE__ */ jsx("div", { className: "mt-6", children: e && e.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium mb-4", children: "Sales Trend" }),
-        /* @__PURE__ */ jsx("div", { className: "space-y-6", children: /* @__PURE__ */ jsx(
-          AreaChart,
-          {
-            data: o,
-            units: "$",
-            unitsPosition: "left",
-            height: 200
-          }
-        ) })
-      ] }) })
+    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Billing Overview" }) }),
+    /* @__PURE__ */ jsxs(CardContent, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "space-y-4", children: o.map((u, d) => /* @__PURE__ */ jsxs("div", { className: "border rounded-lg p-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-sm sm:text-base font-medium", children: u.title }),
+            /* @__PURE__ */ jsx("div", { className: `p-2 rounded-full ${u.color}`, children: u.icon })
+          ] }),
+          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("p", { className: "text-base sm:text-lg font-bold", children: n(u.amount) }) })
+        ] }, d)) }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-4", children: l.map((u, d) => /* @__PURE__ */ jsxs("div", { className: "border rounded-lg p-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-sm sm:text-base font-medium", children: u.title }),
+            /* @__PURE__ */ jsx("div", { className: `p-2 rounded-full ${u.color}`, children: u.icon })
+          ] }),
+          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("p", { className: "text-base sm:text-lg font-bold", children: n(u.amount) }) })
+        ] }, d)) })
+      ] }),
+      e && /* @__PURE__ */ jsx("div", { className: "flex justify-end mt-4", children: e })
     ] })
   ] });
 }
@@ -54870,105 +54895,92 @@ function ManufacturerLogo({ manufacturerId: t, opportunityNumber: e }) {
     f && /* @__PURE__ */ jsx("div", { className: "text-red-500 text-xs mt-1", role: "alert", children: f })
   ] });
 }
-function GeneralDocumentCard({ document: t, loading: e = !1 }) {
-  return e ? /* @__PURE__ */ jsx("div", { children: "loading..." }) : /* @__PURE__ */ jsxs("div", { children: [
-    t == null ? void 0 : t.OrderNumber,
-    " for P.O. ",
-    t == null ? void 0 : t.PONumber
-  ] });
-}
-function ResellerBillingOverviewCard({ reseller: t, actions: e, loading: n = !1 }) {
-  return n || !t ? /* @__PURE__ */ jsx(ResellerBillingOverviewSkeleton, {}) : /* @__PURE__ */ jsx(ResellerBillingOverviewData, { reseller: t, actions: e });
+function SalesOverviewCard({ salesData: t, salesStatistics: e = [], loading: n = !1 }) {
+  return n || !t ? /* @__PURE__ */ jsx(SalesOverviewSkeleton, {}) : /* @__PURE__ */ jsx(SalesOverviewData, { salesData: t, salesStatistics: e });
 }
-function ResellerBillingOverviewSkeleton() {
+function SalesOverviewSkeleton() {
   return /* @__PURE__ */ jsxs(Card, { children: [
-    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-40" }) }) }),
-    /* @__PURE__ */ jsxs(CardContent, { children: [
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ jsx("div", { className: "space-y-4", children: Array(3).fill(0).map((t, e) => /* @__PURE__ */ jsxs("div", { className: "border rounded-lg p-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-4", children: [
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24" }),
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-9 rounded-full" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20 mb-1" }),
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-28" })
-          ] })
-        ] }, e)) }),
-        /* @__PURE__ */ jsx("div", { className: "space-y-4", children: Array(2).fill(0).map((t, e) => /* @__PURE__ */ jsxs("div", { className: "border rounded-lg p-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-4", children: [
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24" }),
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-9 rounded-full" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20 mb-1" }),
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-28" })
-          ] })
-        ] }, e)) })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-28 rounded-md" }) })
+    /* @__PURE__ */ jsx(CardHeader, { className: "pb-0", children: /* @__PURE__ */ jsx(CardTitle, { className: "text-lg sm:text-xl", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-40" }) }) }),
+    /* @__PURE__ */ jsxs(CardContent, { className: "pt-4 px-3 sm:px-6", children: [
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: Array(3).fill(0).map((t, e) => /* @__PURE__ */ jsxs("div", { className: "border rounded-lg p-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-4", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-9 rounded-full" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20 mb-1" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-28" })
+        ] })
+      ] }, e)) }),
+      /* @__PURE__ */ jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-32" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-[250px] w-full rounded-lg" })
+      ] }) })
     ] })
   ] });
 }
-function ResellerBillingOverviewData({ reseller: t, actions: e }) {
-  const n = (u) => u === void 0 ? "$0.00" : new Intl.NumberFormat("en-CA", {
+function SalesOverviewData({
+  salesData: t,
+  salesStatistics: e = []
+}) {
+  const n = (l) => new Intl.NumberFormat("en-CA", {
     style: "currency",
     currency: "CAD",
     minimumFractionDigits: 2,
     maximumFractionDigits: 2
-  }).format(u), i = t.Statement || {}, o = [
+  }).format(l), i = [
     {
-      title: "0 - 30 Days",
-      amount: i.Over0 || 0,
+      title: "Last 30 days",
+      amount: t.SalesLast30Days || 0,
       icon: /* @__PURE__ */ jsx(Calendar, { className: "h-5 w-5 text-white" }),
-      color: "bg-primary"
+      color: "bg-blue-500"
     },
     {
-      title: "31 - 45 Days",
-      amount: i.Over30 || 0,
+      title: "Last 3 months",
+      amount: t.SalesLast3Months || 0,
       icon: /* @__PURE__ */ jsx(Calendar, { className: "h-5 w-5 text-white" }),
-      color: "bg-primary"
+      color: "bg-amber-500"
     },
     {
-      title: "45+ Days",
-      amount: i.Over45 || 0,
+      title: "Year to date",
+      amount: t.SalesYearToDay || 0,
       icon: /* @__PURE__ */ jsx(Calendar, { className: "h-5 w-5 text-white" }),
-      color: "bg-primary"
-    }
-  ], l = [
-    {
-      title: "Total",
-      amount: i.Total || 0,
-      icon: /* @__PURE__ */ jsx(DollarSign, { className: "h-5 w-5 text-white" }),
-      color: "bg-green-500"
-    },
-    {
-      title: "Credit Limit",
-      amount: t.CreditLimit || 0,
-      icon: /* @__PURE__ */ jsx(CreditCard, { className: "h-5 w-5 text-white" }),
-      color: "bg-blue-500"
+      color: "bg-emerald-500"
     }
-  ];
+  ], o = [...e].sort((l, u) => (l.Day || 0) - (u.Day || 0)).map((l) => {
+    var m;
+    const u = ((m = l.Day) == null ? void 0 : m.toString()) || "", d = u.substring(4, 6), f = u.substring(6, 8);
+    return {
+      date: `${d}/${f}`,
+      amount: l.ExtendedPrice || 0
+      //quantity: stat.Quantity || 0,
+    };
+  });
   return /* @__PURE__ */ jsxs(Card, { children: [
-    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Billing Overview" }) }),
-    /* @__PURE__ */ jsxs(CardContent, { children: [
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ jsx("div", { className: "space-y-4", children: o.map((u, d) => /* @__PURE__ */ jsxs("div", { className: "border rounded-lg p-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
-            /* @__PURE__ */ jsx("h3", { className: "text-sm sm:text-base font-medium", children: u.title }),
-            /* @__PURE__ */ jsx("div", { className: `p-2 rounded-full ${u.color}`, children: u.icon })
-          ] }),
-          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("p", { className: "text-base sm:text-lg font-bold", children: n(u.amount) }) })
-        ] }, d)) }),
-        /* @__PURE__ */ jsx("div", { className: "space-y-4", children: l.map((u, d) => /* @__PURE__ */ jsxs("div", { className: "border rounded-lg p-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
-            /* @__PURE__ */ jsx("h3", { className: "text-sm sm:text-base font-medium", children: u.title }),
-            /* @__PURE__ */ jsx("div", { className: `p-2 rounded-full ${u.color}`, children: u.icon })
-          ] }),
-          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("p", { className: "text-base sm:text-lg font-bold", children: n(u.amount) }) })
-        ] }, d)) })
-      ] }),
-      e && /* @__PURE__ */ jsx("div", { className: "flex justify-end mt-4", children: e })
+    /* @__PURE__ */ jsx(CardHeader, { className: "pb-0", children: /* @__PURE__ */ jsx(CardTitle, { className: "text-lg sm:text-xl", children: "Sales Overview" }) }),
+    /* @__PURE__ */ jsxs(CardContent, { className: "pt-4 px-3 sm:px-6", children: [
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: i.map((l, u) => /* @__PURE__ */ jsxs("div", { className: "border rounded-lg p-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-4", children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-sm sm:text-base font-medium", children: l.title }),
+          /* @__PURE__ */ jsx("div", { className: `p-2 rounded-full ${l.color}`, children: l.icon })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Total Amount" }),
+          /* @__PURE__ */ jsx("p", { className: "text-base sm:text-lg font-bold", children: n(l.amount) })
+        ] })
+      ] }, u)) }),
+      /* @__PURE__ */ jsx("div", { className: "mt-6", children: e && e.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium mb-4", children: "Sales Trend" }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-6", children: /* @__PURE__ */ jsx(
+          AreaChart,
+          {
+            data: o,
+            units: "$",
+            unitsPosition: "left",
+            height: 200
+          }
+        ) })
+      ] }) })
     ] })
   ] });
 }
@@ -55037,6 +55049,8 @@ export {
   ScrollArea,
   ScrollBar,
   Select,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
   Separator$1 as Separator,
   Sheet,
   SheetClose,
@@ -55077,6 +55091,7 @@ export {
   TabsContent,
   TabsList,
   TabsTrigger,
+  Textarea,
   Toast,
   ToastAction,
   ToastClose,