randmarcomps 1.100.0 → 1.102.0

package/dist/randmarcomps.d.ts

@@ -1,3 +1,4 @@
+import { Account } from 'randmar-api-client';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { ButtonProps as ButtonProps_2 } from './button';
 import { ClassProp } from 'class-variance-authority/types';
@@ -242,13 +243,13 @@ declare interface LayoutProps {
     chatRef?: React.Ref<ChatLayoutHandle>;
 }
 
-export declare function ManufacturerCard({ manufacturer, goToManufacturerLink, actionItems, isLoading, }: ManufacturerCardProps): JSX.Element;
+export declare function ManufacturerCard({ manufacturer, link, actionItems, loading, }: ManufacturerCardProps): JSX.Element;
 
 export declare interface ManufacturerCardProps {
-    manufacturer: Manufacturer;
-    goToManufacturerLink: string;
+    manufacturer?: Manufacturer;
+    link?: string;
     actionItems?: ActionItem[];
-    isLoading?: boolean;
+    loading?: boolean;
 }
 
 declare type MaskType = "phone" | "postal-code-ca" | "zip-code-us";
@@ -272,15 +273,10 @@ export declare interface NavRoute {
     showInNav?: boolean;
 }
 
-export declare function PartnerCard({ id, name, about, voiceName, voiceStyle, sceneName, action, loading, }: PartnerCardProps): JSX.Element;
+export declare function PartnerCard({ account, action, loading, }: PartnerCardProps): JSX.Element;
 
 declare interface PartnerCardProps {
-    id: string;
-    name: string;
-    about: string;
-    voiceName?: string;
-    voiceStyle?: string;
-    sceneName?: string;
+    account?: Account;
     action?: ReactNode;
     loading?: boolean;
 }
@@ -327,13 +323,13 @@ declare interface ProductInventoryGridProps {
     showBinLocation?: boolean;
 }
 
-export declare function ResellerCard({ reseller, goToResellerLink, actionItems, isLoading, }: ResellerCardProps): JSX.Element;
+export declare function ResellerCard({ reseller, link, actionItems, loading, }: ResellerCardProps): JSX.Element;
 
 export declare interface ResellerCardProps {
-    reseller: Reseller;
-    goToResellerLink: string;
+    reseller?: Reseller;
+    link?: string;
     actionItems?: ActionItem_2[];
-    isLoading?: boolean;
+    loading?: boolean;
 }
 
 export declare const ScrollArea: React_2.ForwardRefExoticComponent<ScrollAreaProps & React_2.RefAttributes<HTMLDivElement>>;

package/dist/randmarcomps.js

@@ -48000,61 +48000,67 @@ const CardFooter = React.forwardRef(({ className: e, ...t }, n) => /* @__PURE__
 ));
 CardFooter.displayName = "CardFooter";
 function PartnerCard({
-  id: e,
-  name: t,
-  about: n,
-  voiceName: i,
-  voiceStyle: o,
-  sceneName: l,
-  action: u,
-  loading: d = !1
+  account: e,
+  action: t,
+  loading: n = !1
 }) {
-  const f = `https://api.randmar.io/V4/Partner/${e}/Account/Video`, p = `https://api.randmar.io/V4/Partner/${e}/Account/Video/Exists`, m = `https://api.randmar.io/V4/Partner/${e}/Account/Logo?width=64&height=64`, g = `https://api.randmar.io/V4/Partner/${e}/Account/Logo/Exists`, b = !!(i || o || l), [_, E] = useState(null), [R, S] = useState(!1), [C, A] = useState(!1), [I, O] = useState(!1), [T, M] = useState(!0);
+  const [i, o] = useState(null), [l, u] = useState(!1), [d, f] = useState(!1), [p, m] = useState(!1), [g, b] = useState(!0), [_, E] = useState(null), R = useMemo(() => e != null && e.ApplicationId ? {
+    videoUrl: `https://api.randmar.io/V4/Partner/${e.ApplicationId}/Account/Video`,
+    videoExistsUrl: `https://api.randmar.io/V4/Partner/${e.ApplicationId}/Account/Video/Exists`,
+    logoUrl: `https://api.randmar.io/V4/Partner/${e.ApplicationId}/Account/Logo?width=64&height=64`,
+    logoExistsUrl: `https://api.randmar.io/V4/Partner/${e.ApplicationId}/Account/Logo/Exists`
+  } : null, [e == null ? void 0 : e.ApplicationId]), S = !!(e != null && e.VoiceName || e != null && e.VoiceStyle || e != null && e.SceneName);
   useEffect(() => {
-    if (!e || d) return;
-    const D = async () => {
+    if (!R || n) return;
+    let A = !0;
+    E(null);
+    const I = async () => {
       try {
-        const B = await fetch(g);
-        if (B.ok) {
-          const V = (await B.text()).toLowerCase() === "true";
-          return A(V), V;
+        const N = await fetch(R.logoExistsUrl);
+        if (N.ok) {
+          const j = (await N.text()).toLowerCase() === "true";
+          return A && f(j), j;
         }
         return !1;
-      } catch (B) {
-        return console.error("Failed to check if logo exists:", B), A(!1), !1;
+      } catch (N) {
+        return console.error("Failed to check if logo exists:", N), A && f(!1), !1;
       }
-    }, j = async () => {
-      S(!0);
+    }, O = async () => {
+      A && u(!0);
       try {
-        const B = await fetch(m);
-        if (B.ok) {
-          const z = await B.blob();
-          E(URL.createObjectURL(z));
-        }
-      } catch (B) {
-        console.error("Failed to load logo:", B);
+        const N = await fetch(R.logoUrl);
+        if (N.ok) {
+          const D = await N.blob();
+          A && (i && URL.revokeObjectURL(i), o(URL.createObjectURL(D)));
+        } else
+          throw new Error(`Failed to load logo: ${N.status}`);
+      } catch (N) {
+        console.error("Failed to load logo:", N), A && E("Failed to load partner logo");
       } finally {
-        S(!1);
+        A && u(!1);
       }
-    }, F = async () => {
+    }, T = async () => {
       try {
-        const B = await fetch(p);
-        if (B.ok) {
-          const z = await B.text();
-          O(z.toLowerCase() === "true");
-        }
-      } catch (B) {
-        console.error("Failed to check if video exists:", B), O(!1);
+        const N = await fetch(R.videoExistsUrl);
+        if (N.ok) {
+          const D = await N.text();
+          A && m(D.toLowerCase() === "true");
+        } else
+          throw new Error(`Failed to check video: ${N.status}`);
+      } catch (N) {
+        console.error("Failed to check if video exists:", N), A && m(!1);
       }
     };
-    (async () => {
-      await D() && j(), F();
-    })();
-  }, [e, m, g, p, d]);
-  const N = () => {
-    M(!1);
+    return (async () => {
+      await I() && O(), T();
+    })(), () => {
+      A = !1, i && URL.revokeObjectURL(i);
+    };
+  }, [R, n]);
+  const C = () => {
+    b(!1);
   };
-  return d ? /* @__PURE__ */ jsx(Card, { className: "hover:shadow-lg transition-shadow", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-6", children: [
+  return n || !e ? /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "p-6", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row justify-between items-start gap-4 mb-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
         /* @__PURE__ */ jsx("div", { className: "h-10 flex items-center justify-center mr-4", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-10 rounded-md" }) }),
@@ -48087,55 +48093,57 @@ function PartnerCard({
       ] }),
       /* @__PURE__ */ jsx("div", { className: "flex flex-col order-1 md:order-1 md:w-auto", children: /* @__PURE__ */ jsx("div", { className: "w-[180px] h-[320px] rounded-md overflow-hidden", children: /* @__PURE__ */ jsx(Skeleton, { className: "w-full h-full" }) }) })
     ] })
-  ] }) }) : /* @__PURE__ */ jsx(Card, { className: "hover:shadow-lg transition-shadow", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-6", children: [
+  ] }) }) : /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "p-6", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row justify-between items-start gap-4 mb-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
-        C && /* @__PURE__ */ jsx("div", { className: "h-10 flex items-center justify-center mr-4", children: R ? /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-10 rounded-md" }) : _ && /* @__PURE__ */ jsx(
+        d && /* @__PURE__ */ jsx("div", { className: "h-10 flex items-center justify-center mr-4", children: l ? /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-10 rounded-md" }) : i && /* @__PURE__ */ jsx(
           "img",
           {
-            src: _ || "/placeholder.svg",
-            alt: `${t} logo`,
+            src: i || "/placeholder.svg",
+            alt: `${e.PublicName}'s logo`,
             className: "max-h-10 w-auto object-contain"
           }
         ) }),
-        /* @__PURE__ */ jsx("h3", { className: "font-semibold text-xl", children: t })
+        /* @__PURE__ */ jsx("h3", { className: "font-semibold text-xl", children: e.PublicName })
       ] }),
-      u && /* @__PURE__ */ jsx("div", { className: "w-full sm:w-auto", children: u })
+      t && /* @__PURE__ */ jsx("div", { className: "w-full sm:w-auto", children: t })
     ] }),
+    _ && /* @__PURE__ */ jsx("div", { className: "text-red-500 mb-4 text-sm", role: "alert", children: _ }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col md:flex-row gap-6", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col order-1 md:order-1", children: [
-        /* @__PURE__ */ jsx("div", { className: "prose prose-sm max-w-none", dangerouslySetInnerHTML: { __html: n } }),
-        b && /* @__PURE__ */ jsx("div", { className: "mt-4 p-3 bg-slate-50 rounded-md", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-2", children: [
-          i && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "prose prose-sm max-w-none", dangerouslySetInnerHTML: { __html: e.About ?? "" } }),
+        S && /* @__PURE__ */ jsx("div", { className: "mt-4 p-3 bg-slate-50 rounded-md", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-2", children: [
+          e.VoiceName && /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Voice Name" }),
-            /* @__PURE__ */ jsx("div", { className: "font-medium", children: i })
+            /* @__PURE__ */ jsx("div", { className: "font-medium", children: e.VoiceName })
           ] }),
-          o && /* @__PURE__ */ jsxs("div", { children: [
+          e.VoiceStyle && /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Voice Style" }),
-            /* @__PURE__ */ jsx("div", { className: "font-medium", children: o })
+            /* @__PURE__ */ jsx("div", { className: "font-medium", children: e.VoiceStyle })
           ] }),
-          l && /* @__PURE__ */ jsxs("div", { children: [
+          e.SceneName && /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Scene Name" }),
-            /* @__PURE__ */ jsx("div", { className: "font-medium", children: l })
+            /* @__PURE__ */ jsx("div", { className: "font-medium", children: e.SceneName })
           ] })
         ] }) })
       ] }),
-      I && /* @__PURE__ */ jsx("div", { className: "flex flex-col order-1 md:order-1 md:w-auto", children: /* @__PURE__ */ jsxs("div", { className: "w-[180px] h-[320px] rounded-md overflow-hidden", children: [
-        T && /* @__PURE__ */ jsx(Skeleton, { className: "w-full h-full" }),
+      p && R && /* @__PURE__ */ jsx("div", { className: "flex flex-col order-1 md:order-1 md:w-auto", children: /* @__PURE__ */ jsxs("div", { className: "w-[180px] h-[320px] rounded-md overflow-hidden", children: [
+        g && /* @__PURE__ */ jsx(Skeleton, { className: "w-full h-full" }),
         /* @__PURE__ */ jsx(
           "video",
           {
-            src: f,
+            src: R.videoUrl,
             controls: !0,
             preload: "auto",
             playsInline: !0,
-            className: `w-full h-full object-contain ${T ? "invisible" : "visible"}`,
+            "aria-label": `Video for ${e.PublicName}`,
+            className: `w-full h-full object-contain ${g ? "invisible" : "visible"}`,
             style: {
               objectPosition: "center",
               imageRendering: "auto"
             },
-            onLoadedData: N,
-            onError: () => M(!1)
+            onLoadedData: C,
+            onError: () => b(!1)
           }
         )
       ] }) })
@@ -48528,7 +48536,7 @@ function ProductCard({
     return !(ce.EndDate && ce.EndDate < J || ce.StartDate && ce.StartDate > J);
   };
   if (!e)
-    return /* @__PURE__ */ jsx(Card, { className: "hover:shadow-lg transition-shadow", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-6", children: [
+    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" }) })
@@ -48917,13 +48925,13 @@ function ProductCard({
 }
 function ManufacturerCard({
   manufacturer: e,
-  goToManufacturerLink: t,
+  link: t,
   actionItems: n = [],
-  isLoading: i = !1
+  loading: i = !1
 }) {
   var m;
-  if (i)
-    return /* @__PURE__ */ jsxs(Card, { className: "w-full max-w-md overflow-hidden", children: [
+  if (i || !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: [
@@ -48966,7 +48974,7 @@ function ManufacturerCard({
     ] });
     return g.link ? /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: !0, children: /* @__PURE__ */ jsx(Link, { to: g.link, children: E }) }, b) : /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: g.onClick, children: E }, b);
   };
-  return /* @__PURE__ */ jsxs(Card, { className: "w-full max-w-md overflow-hidden manufacturer-theme", children: [
+  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(
@@ -49007,7 +49015,7 @@ function ManufacturerCard({
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxs(CardFooter, { className: `flex pt-2 gap-2 ${n.length > 0 ? "justify-between" : "justify-end"}`, children: [
+    (n.length > 0 || t) && /* @__PURE__ */ jsxs(CardFooter, { className: `flex pt-2 gap-2 ${n.length > 0 ? "justify-between" : "justify-end"}`, children: [
       n.length > 0 && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
         /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: !0, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", className: "text-primary", children: [
           "Actions ",
@@ -49015,7 +49023,7 @@ function ManufacturerCard({
         ] }) }),
         /* @__PURE__ */ jsx(DropdownMenuContent, { align: "start", children: n.map((g, b) => p(g, b)) })
       ] }),
-      /* @__PURE__ */ jsx(Button, { className: "flex items-center gap-1", asChild: !0, children: /* @__PURE__ */ jsxs(Link, { to: t, children: [
+      t && /* @__PURE__ */ jsx(Button, { className: "flex items-center gap-1", asChild: !0, children: /* @__PURE__ */ jsxs(Link, { to: t, children: [
         "Go to Manufacturer",
         /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
       ] }) })
@@ -49024,12 +49032,12 @@ function ManufacturerCard({
 }
 function ResellerCard({
   reseller: e,
-  goToResellerLink: t,
+  link: t,
   actionItems: n = [],
-  isLoading: i = !1
+  loading: i = !1
 }) {
-  if (i)
-    return /* @__PURE__ */ jsxs(Card, { className: "w-full max-w-md overflow-hidden", children: [
+  if (i || !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: [
@@ -49065,7 +49073,7 @@ function ResellerCard({
     ] });
     return p.link ? /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: !0, children: /* @__PURE__ */ jsx(Link, { to: p.link, children: b }) }, m) : /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: p.onClick, children: b }, m);
   };
-  return /* @__PURE__ */ jsxs(Card, { className: "w-full max-w-md overflow-hidden reseller-theme", children: [
+  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(
@@ -49103,7 +49111,7 @@ function ResellerCard({
         /* @__PURE__ */ jsx("span", { children: e.Website })
       ] })
     ] }) }) }),
-    /* @__PURE__ */ jsxs(CardFooter, { className: `flex pt-2 gap-2 ${n.length > 0 ? "justify-between" : "justify-end"}`, children: [
+    (n.length > 0 || t) && /* @__PURE__ */ jsxs(CardFooter, { className: `flex pt-2 gap-2 ${n.length > 0 ? "justify-between" : "justify-end"}`, children: [
       n.length > 0 && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
         /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: !0, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", className: "text-primary", children: [
           "Actions ",
@@ -49111,7 +49119,7 @@ function ResellerCard({
         ] }) }),
         /* @__PURE__ */ jsx(DropdownMenuContent, { align: "start", children: n.map((p, m) => f(p, m)) })
       ] }),
-      /* @__PURE__ */ jsx(Button, { className: "flex items-center gap-1", asChild: !0, children: /* @__PURE__ */ jsxs(Link, { to: t, children: [
+      t && /* @__PURE__ */ jsx(Button, { className: "flex items-center gap-1", asChild: !0, children: /* @__PURE__ */ jsxs(Link, { to: t, children: [
         "Go to Reseller",
         /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
       ] }) })