randmarcomps 1.163.0 → 1.165.0

package/dist/randmarcomps.d.ts

@@ -58,7 +58,7 @@ export declare const ApiKeyProvider: ({ apiKey, children, }: {
     children: ReactNode;
 }) => JSX.Element;
 
-export declare function AreaChart({ data, units, unitsPosition, width, height, className }: AreaChartProps): JSX.Element;
+export declare function AreaChart({ data, units, unitsPosition, width, height, className, size, }: AreaChartProps): JSX.Element;
 
 export declare interface AreaChartProps {
     data: DataPoint[];
@@ -67,6 +67,7 @@ export declare interface AreaChartProps {
     width?: string | number;
     height?: string | number;
     className?: string;
+    size?: "default" | "mini";
 }
 
 export declare const Avatar: React_2.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React_2.RefAttributes<HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
@@ -266,13 +267,14 @@ declare interface LayoutProps {
     chatRef?: React.Ref<ChatLayoutHandle>;
 }
 
-export declare function ManufacturerCard({ manufacturer, link, linkNewTab, actions, loading, }: ManufacturerCardProps): JSX.Element;
+export declare function ManufacturerCard({ manufacturer, link, linkNewTab, actions, mainAction, loading, }: ManufacturerCardProps): JSX.Element;
 
 export declare interface ManufacturerCardProps {
     manufacturer?: Manufacturer;
     link?: string;
     linkNewTab?: boolean;
-    actions?: React.ReactNode;
+    actions?: default_2.ReactNode;
+    mainAction?: default_2.ReactNode;
     loading?: boolean;
 }
 

package/dist/randmarcomps.js

@@ -275,6 +275,22 @@ const createLucideIcon = (e, t) => {
   );
   return n.displayName = `${e}`, n;
 };
+/**
+ * @license lucide-react v0.479.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$I = [
+  [
+    "path",
+    {
+      d: "M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z",
+      key: "3c2336"
+    }
+  ],
+  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
+], BadgeCheck = createLucideIcon("BadgeCheck", __iconNode$I);
 /**
  * @license lucide-react v0.479.0 - ISC
  *
@@ -27578,56 +27594,49 @@ function AreaChart({
   unitsPosition: n = "right",
   width: o = "100%",
   height: l = 300,
-  className: u
+  className: u,
+  size: d = "default"
 }) {
   if (!(e != null && e.length))
     return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-40 text-muted-foreground", children: "No data available" });
-  const d = Object.keys(e[0])[0], f = Object.keys(e[0]).filter((m) => m !== d);
-  if (!f.length)
+  const f = Object.keys(e[0])[0], p = Object.keys(e[0]).filter((_) => _ !== f);
+  if (!p.length)
     return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-40 text-muted-foreground", children: "Invalid data format" });
-  const p = (m) => n === "left" ? `${t || ""}${m}` : `${m}${t || ""}`;
-  return /* @__PURE__ */ jsx("div", { className: cn("w-full", u), children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: o, height: l, children: /* @__PURE__ */ jsxs(AreaChart$1, { data: e, margin: { top: 10, right: 30, left: 0, bottom: 0 }, children: [
-    /* @__PURE__ */ jsx("defs", { children: f.map((m) => /* @__PURE__ */ jsxs("linearGradient", { id: `gradient-${m}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+  const m = (_) => n === "left" ? `${t || ""}${_}` : `${_}${t || ""}`, g = d === "mini" ? { top: 0, right: 0, left: 0, bottom: 0 } : { top: 10, right: 30, left: 0, bottom: 0 }, b = d === "mini";
+  return /* @__PURE__ */ jsx("div", { className: cn("w-full", u), children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: o, height: b ? l || 100 : l, children: /* @__PURE__ */ jsxs(AreaChart$1, { data: e, margin: g, children: [
+    /* @__PURE__ */ jsx("defs", { children: p.map((_) => /* @__PURE__ */ jsxs("linearGradient", { id: `gradient-${_}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
       /* @__PURE__ */ jsx("stop", { offset: "5%", stopColor: "var(--primary, #8884d8)", stopOpacity: 0.8 }),
       /* @__PURE__ */ jsx("stop", { offset: "95%", stopColor: "var(--primary, #8884d8)", stopOpacity: 0.1 })
-    ] }, m)) }),
-    /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3", className: "stroke-border/50" }),
-    /* @__PURE__ */ jsx(
-      XAxis,
-      {
-        dataKey: d,
-        className: "text-xs text-muted-foreground",
-        tickLine: !1,
-        axisLine: !1
-      }
-    ),
-    /* @__PURE__ */ jsx(
+    ] }, _)) }),
+    !b && /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3", className: "stroke-border/50" }),
+    !b && /* @__PURE__ */ jsx(XAxis, { dataKey: f, className: "text-xs text-muted-foreground", tickLine: !1, axisLine: !1 }),
+    !b && /* @__PURE__ */ jsx(
       YAxis,
       {
         className: "text-xs text-muted-foreground",
         tickLine: !1,
         axisLine: !1,
-        tickFormatter: p
+        tickFormatter: m
       }
     ),
-    /* @__PURE__ */ jsx(
+    !b && /* @__PURE__ */ jsx(
       Tooltip,
       {
         content: /* @__PURE__ */ jsx(ChartTooltipContent, { units: t, unitsPosition: n }),
         cursor: { stroke: "var(--muted)", strokeWidth: 1 }
       }
     ),
-    f.map((m) => /* @__PURE__ */ jsx(
+    p.map((_) => /* @__PURE__ */ jsx(
       Area,
       {
         type: "monotone",
-        dataKey: m,
+        dataKey: _,
         stroke: "var(--primary, #8884d8)",
         fillOpacity: 0.6,
-        fill: `url(#gradient-${m})`,
-        strokeWidth: 2
+        fill: `url(#gradient-${_})`,
+        strokeWidth: b ? 1 : 2
       },
-      m
+      _
     ))
   ] }) }) });
 }
@@ -52604,11 +52613,18 @@ function QualificationBadge({ qualification: e }) {
     ] }) }),
     /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Qualification" }) })
   ] }) }) : /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip$1, { children: [
-    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsxs(Badge, { variant: "success", children: [
-      /* @__PURE__ */ jsx(Check, { className: "h-3 w-3 mr-1" }),
-      e.QualificationId,
-      e.DefaultOpportunityNumber && ` | ${e.DefaultOpportunityNumber}`
-    ] }) }),
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsxs(
+      Badge,
+      {
+        variant: "info",
+        className: e.DefaultOpportunityNumber ? "pr-1" : "",
+        children: [
+          /* @__PURE__ */ jsx(BadgeCheck, { className: "h-3 w-3 mr-1" }),
+          e.QualificationId,
+          e.DefaultOpportunityNumber && /* @__PURE__ */ jsx(Badge, { variant: "secondary", size: "sm", className: "ml-1", children: e.DefaultOpportunityNumber })
+        ]
+      }
+    ) }),
     /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Qualification" }) })
   ] }) });
 }
@@ -52617,20 +52633,24 @@ function ManufacturerCard({
   link: t,
   linkNewTab: n = !0,
   actions: o,
-  loading: l = !1
+  mainAction: l,
+  loading: u = !1
 }) {
-  var b, _, S;
-  if (l || !e)
+  var T, E, C;
+  if (u || !e)
     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__ */ 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(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(Skeleton, { className: "h-16 w-24" })
+      ] }),
       /* @__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" }),
@@ -52657,20 +52677,23 @@ function ManufacturerCard({
         /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-40" })
       ] })
     ] });
-  const u = e.ManufacturerId || "N/A", d = e.PublicName || "N/A", f = [e.City, e.Province, e.Country].filter(Boolean), p = f.length > 0 ? f.join(", ") : "", m = ((b = e.Tags) == null ? void 0 : b.split(",").map((T) => T.trim()).filter(Boolean)) || [], g = (T) => T === void 0 ? "n/a" : new Intl.NumberFormat("en-CA", {
+  const d = e.ManufacturerId || "N/A", f = e.PublicName || "N/A", p = [e.City, e.Province, e.Country].filter(Boolean), m = p.length > 0 ? p.join(", ") : "", g = ((T = e.Tags) == null ? void 0 : T.split(",").map((R) => R.trim()).filter(Boolean)) || [], b = (R) => R === void 0 ? "n/a" : new Intl.NumberFormat("en-CA", {
     style: "currency",
     currency: "CAD",
     minimumFractionDigits: 0,
     maximumFractionDigits: 0
-  }).format(T);
-  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: [
+  }).format(R), S = ((R) => !R || R.length === 0 ? [] : [...R].sort((N, O) => (N.Day || 0) - (O.Day || 0)).map((N) => ({
+    date: N.Day || 0,
+    amount: N.ExtendedPrice || 0
+  })))(e.SalesStatistics);
+  return /* @__PURE__ */ jsxs(Card, { className: "manufacturer-theme flex flex-col h-full", children: [
+    /* @__PURE__ */ jsx(Link, { to: t ?? "#", target: t && n ? "_blank" : "_self", 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/${u}/Account/Logo?width=64&height=64`,
-            alt: `${d}'s logo`,
+            src: `https://api.randmar.io/V4/Partner/${d}/Account/Logo?width=64&height=64`,
+            alt: `${f}'s logo`,
             className: "max-h-10 w-auto object-contain"
           }
         ) }),
@@ -52678,43 +52701,63 @@ function ManufacturerCard({
           /* @__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: u })
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: d })
           ] }),
           /* @__PURE__ */ jsx("h3", { className: "font-semibold", children: e.PublicName || "N/A" }),
           e.Name && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: e.Name }),
-          p && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: p })
+          m && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: m })
         ] })
       ] }),
-      !!e.OnHold && e.OnHold !== 0 && /* @__PURE__ */ jsx(Badge, { variant: "warning", children: "On Hold" })
-    ] }),
-    /* @__PURE__ */ jsx(CardContent, { className: "pb-2", children: /* @__PURE__ */ jsxs("div", { className: "flex", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex flex-col items-end gap-2", children: S.length > 0 && /* @__PURE__ */ jsx("div", { className: "h-16 w-24", children: /* @__PURE__ */ jsx(AreaChart, { data: S, height: 60, size: "mini" }) }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(CardContent, { className: "pb-2 flex-grow", children: /* @__PURE__ */ jsxs("div", { className: "flex", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 space-y-2", children: [
-        (!!((_ = e.Qualification) != null && _.QualificationId) && ((S = e.Qualification) == null ? void 0 : S.QualificationId) !== "Suspended" || !!e.OpenToWork || m.length > 0) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
-          /* @__PURE__ */ jsx(
-            QualificationBadge,
-            {
-              qualification: e.Qualification ?? {}
-            }
-          ),
+        (!!((E = e.Qualification) != null && E.QualificationId) && ((C = e.Qualification) == null ? void 0 : C.QualificationId) !== "Suspended" || !!e.OpenToWork || g.length > 0) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+          /* @__PURE__ */ jsx(QualificationBadge, { qualification: e.Qualification ?? {} }),
           !!e.OpenToWork && /* @__PURE__ */ jsxs(Badge, { variant: "success", children: [
             /* @__PURE__ */ jsx(HardHat, { className: "h-3 w-3 mr-1" }),
             "Open To Work"
           ] }),
-          m.map((T, E) => /* @__PURE__ */ jsx(Badge, { variant: "outline", children: T }, E))
+          !!e.OnHold && e.OnHold !== 0 && /* @__PURE__ */ jsx(Badge, { variant: "warning", children: "On Hold" }),
+          g.map((R, N) => /* @__PURE__ */ jsx(Badge, { variant: "outline", children: R }, N))
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-1 pt-2", children: [
-          e.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: e.Phone })
-          ] }),
-          e.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: e.PublicEmail })
-          ] }),
-          e.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: e.Website })
-          ] }),
+          e.Phone && /* @__PURE__ */ jsxs(
+            Link,
+            {
+              to: `tel:${e.Phone}`,
+              target: "_blank",
+              className: "flex items-center gap-2 text-sm text-muted-foreground",
+              children: [
+                /* @__PURE__ */ jsx(Phone, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx("span", { children: e.Phone })
+              ]
+            }
+          ),
+          e.PublicEmail && /* @__PURE__ */ jsxs(
+            Link,
+            {
+              to: `mailto:${e.PublicEmail}`,
+              target: "_blank",
+              className: "flex items-center gap-2 text-sm text-muted-foreground",
+              children: [
+                /* @__PURE__ */ jsx(Mail, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx("span", { children: e.PublicEmail })
+              ]
+            }
+          ),
+          e.Website && /* @__PURE__ */ jsxs(
+            Link,
+            {
+              to: e.Website,
+              target: "_blank",
+              className: "flex items-center gap-2 text-sm text-muted-foreground",
+              children: [
+                /* @__PURE__ */ jsx(Globe, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx("span", { children: e.Website })
+              ]
+            }
+          ),
           e.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: e.CurrencyCode })
@@ -52723,19 +52766,25 @@ function ManufacturerCard({
       ] }),
       e.SalesData && /* @__PURE__ */ jsxs("div", { className: "border-l pl-2 ml-2 flex flex-col text-sm", children: [
         /* @__PURE__ */ jsx("strong", { className: "", children: "YTD" }),
-        /* @__PURE__ */ jsx("p", { children: g(e.SalesData.SalesYearToDay) }),
+        /* @__PURE__ */ jsx("p", { children: b(e.SalesData.SalesYearToDay) }),
         /* @__PURE__ */ jsx("strong", { className: "mt-2", children: "3 mo." }),
-        /* @__PURE__ */ jsx("p", { children: g(e.SalesData.SalesLast3Months) }),
+        /* @__PURE__ */ jsx("p", { children: b(e.SalesData.SalesLast3Months) }),
         /* @__PURE__ */ jsx("strong", { className: "mt-2", children: "30 days" }),
-        /* @__PURE__ */ jsx("p", { children: g(e.SalesData.SalesLast30Days) })
+        /* @__PURE__ */ jsx("p", { children: b(e.SalesData.SalesLast30Days) })
       ] })
     ] }) }),
-    (o || t) && /* @__PURE__ */ jsxs(CardFooter, { className: `flex pt-2 gap-2 ${o ? "justify-between" : "justify-end"}`, children: [
-      o && o,
-      t && /* @__PURE__ */ jsx(Button, { className: "flex items-center gap-1", asChild: !0, children: n ? /* @__PURE__ */ jsxs(Link, { to: t, target: "_blank", children: [
-        /* @__PURE__ */ jsx(ExternalLink, { className: "h-4 w-4" }),
-        "Go to Manufacturer"
-      ] }) : /* @__PURE__ */ jsx(Link, { to: t, children: "Go to Manufacturer" }) })
+    (o || t || l) && /* @__PURE__ */ jsxs(CardFooter, { className: "flex pt-2 gap-2 justify-between mt-auto", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        t && /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip$1, { children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsx(Button, { size: "icon", asChild: !0, children: /* @__PURE__ */ jsxs(Link, { to: t, target: n ? "_blank" : "_self", children: [
+            /* @__PURE__ */ jsx(Eye, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "View Manufacturer" })
+          ] }) }) }),
+          /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "View Manufacturer" }) })
+        ] }) }),
+        o && o
+      ] }),
+      l && /* @__PURE__ */ jsx("div", { children: l })
     ] })
   ] });
 }