randmarcomps 1.575.0 → 1.577.0

package/dist/randmarcomps.d.ts

@@ -58,6 +58,7 @@ export declare const AccordionTrigger: React_2.ForwardRefExoticComponent<Omit<Ac
 
 declare type AccountWithShopifyStore = Account & {
     HasShopifyStore?: boolean | null;
+    IsVendor?: boolean | null;
 };
 
 export declare function ActiveOrdersCard({ orders, loading }: ActiveOrdersCardProps): JSX.Element;
@@ -721,7 +722,7 @@ export declare interface PartnerActionsProps {
     isAdmin: boolean;
 }
 
-export declare function PartnerCard({ account, action, loading, className, withAbout, withVoice }: PartnerCardProps): JSX.Element;
+export declare function PartnerCard({ account, action, loading, className, withAbout }: PartnerCardProps): JSX.Element;
 
 declare interface PartnerCardProps {
     account?: AccountWithShopifyStore;

package/dist/randmarcomps.js

@@ -62647,7 +62647,6 @@ function PartnerRelationshipPage({
           account: l,
           loading: c || d,
           withAbout: !0,
-          withVoice: !1,
           action: " "
         }
       ),
@@ -66617,14 +66616,13 @@ function PartnerCard({
   action: t,
   loading: n = !1,
   className: a,
-  withAbout: s = !1,
-  withVoice: o = !0
+  withAbout: s = !1
 }) {
-  const [l, c] = useState(!0), [d, f] = useState(!1), S = e?.ApplicationId, A = S ? `https://api.randmar.io/V4/Partner/${S}/Account/Video` : null, { data: R } = useGetV4PartnerByApplicationIdAccountVideoExistsQuery(
-    { applicationId: S ?? "" },
-    { skip: !S || n }
-  ), V = typeof R == "boolean" ? R : typeof R == "string" ? R.toLowerCase() === "true" : !1, at = () => {
-    c(!1);
+  const [o, l] = useState(!0), [c, d] = useState(!1), f = e?.ApplicationId, S = f ? `https://api.randmar.io/V4/Partner/${f}/Account/Video` : null, { data: A } = useGetV4PartnerByApplicationIdAccountVideoExistsQuery(
+    { applicationId: f ?? "" },
+    { skip: !f || n }
+  ), R = typeof A == "boolean" ? A : typeof A == "string" ? A.toLowerCase() === "true" : !1, V = () => {
+    l(!1);
   };
   return n || !e ? /* @__PURE__ */ jsxs(Card, { className: `flex flex-col h-full ${a}`, 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: [
@@ -66647,21 +66645,7 @@ function PartnerCard({
         /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-full" }),
         /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-full" }),
         /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-full" })
-      ] }),
-      o && /* @__PURE__ */ jsx("div", { className: "p-3 bg-slate-50 rounded-md", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 @lg:grid-cols-3 gap-2", children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-20 mb-1" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-20 mb-1" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-20 mb-1" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24" })
-        ] })
-      ] }) })
+      ] })
     ] }) }),
     /* @__PURE__ */ jsxs(CardFooter, { className: "px-6 py-4 flex justify-between gap-2 mt-auto", children: [
       /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-32" }),
@@ -66677,11 +66661,19 @@ function PartnerCard({
       }
     ),
     /* @__PURE__ */ jsx(CardContent, { className: "pb-2 flex-grow", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
-      (e.IsManufacturer || e.IsReseller || e.IsSalesAgency || e.HasShopifyStore) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+      (e.IsManufacturer || e.IsReseller || e.IsSalesAgency || e.HasShopifyStore || e.IsVendor) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
         e.IsManufacturer && /* @__PURE__ */ jsx(Badge, { className: "manufacturer-theme", children: "Manufacturer" }),
         e.IsReseller && /* @__PURE__ */ jsx(Badge, { className: "reseller-theme", children: "Reseller" }),
         e.IsSalesAgency && /* @__PURE__ */ jsx(Badge, { children: "Agency" }),
-        e.HasShopifyStore && /* @__PURE__ */ jsx(Badge, { className: "shopify-theme", children: "Shopify" })
+        e.HasShopifyStore && /* @__PURE__ */ jsx(Badge, { className: "shopify-theme", children: "Shopify" }),
+        e.IsVendor && /* @__PURE__ */ jsx(
+          Badge,
+          {
+            variant: "outline",
+            className: "text-[var(--randmar-black)] border-[var(--randmar-black)] hover:text-[var(--randmar-black)] hover:border-[var(--randmar-black)]",
+            children: "Vendor"
+          }
+        )
       ] }),
       s && e.About && /* @__PURE__ */ jsx(
         "div",
@@ -66689,29 +66681,15 @@ function PartnerCard({
           className: "prose prose-sm max-w-none",
           dangerouslySetInnerHTML: { __html: e.About ?? "" }
         }
-      ),
-      o && /* @__PURE__ */ jsx("div", { className: "p-3 bg-slate-50 rounded-md", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 @lg:grid-cols-3 gap-2", children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Voice Name" }),
-          /* @__PURE__ */ jsx("div", { className: "font-medium", children: e.VoiceName ?? "Regular" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Voice Style" }),
-          /* @__PURE__ */ jsx("div", { className: "font-medium", children: e.VoiceStyle ?? "Regular" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Scene Name" }),
-          /* @__PURE__ */ jsx("div", { className: "font-medium", children: e.SceneName ?? "N/A" })
-        ] })
-      ] }) })
+      )
     ] }) }),
     /* @__PURE__ */ jsxs(CardFooter, { className: "px-6 py-4 flex justify-between gap-2 mt-auto", children: [
-      V && A ? /* @__PURE__ */ jsxs(
+      R && S ? /* @__PURE__ */ jsxs(
         Dialog,
         {
-          open: d,
-          onOpenChange: (lt) => {
-            f(lt), lt && c(!0);
+          open: c,
+          onOpenChange: (at) => {
+            d(at), at && l(!0);
           },
           children: [
             /* @__PURE__ */ jsx(DialogTrigger, { asChild: !0, children: /* @__PURE__ */ jsxs(Button$1, { variant: "outline", className: "flex items-center gap-2", children: [
@@ -66724,19 +66702,19 @@ function PartnerCard({
                 " Video"
               ] }) }),
               /* @__PURE__ */ jsxs("div", { className: "w-full h-[640px] rounded-md overflow-hidden", children: [
-                l && /* @__PURE__ */ jsx(Skeleton, { className: "w-full h-full" }),
+                o && /* @__PURE__ */ jsx(Skeleton, { className: "w-full h-full" }),
                 /* @__PURE__ */ jsx(
                   "video",
                   {
-                    src: A,
+                    src: S,
                     controls: !0,
                     preload: "auto",
                     playsInline: !0,
                     autoPlay: !0,
                     "aria-label": `Video for ${e.PublicName}`,
-                    className: `w-full h-full object-cover object-center ${l ? "invisible" : "visible"}`,
-                    onLoadedData: at,
-                    onError: () => c(!1)
+                    className: `w-full h-full object-cover object-center ${o ? "invisible" : "visible"}`,
+                    onLoadedData: V,
+                    onError: () => l(!1)
                   }
                 )
               ] })
@@ -74035,7 +74013,7 @@ function ProductCard({
 const complexComponents = [
   `----
   PartnerCard: For data that fits this shape:
-  { "ApplicationId": "19022", "PublicName": "BiOSS", "VoiceName": null, "VoiceStyle": null, "About": "example", "SceneName": "Kitchen Counter", "IsReseller": true, "IsManufacturer": true, "IsSalesAgency": false, "Socials": [ { "ApplicationId": "19022", "SocialNetwork": "Facebook", "Tag": "@bioss.ca" }, { "ApplicationId": "19022", "SocialNetwork": "Instagram", "Tag": "@bioss.ca" }, { "ApplicationId": "19022", "SocialNetwork": "LinkedIn", "Tag": "@biossinc" }, { "ApplicationId": "19022", "SocialNetwork": "Youtube", "Tag": "@biosssolutionssanitairessa4095" } ], "Manufacturer": null, "Reseller": null }
+  { "ApplicationId": "19022", "PublicName": "BiOSS", "About": "example", "IsReseller": true, "IsManufacturer": true, "IsSalesAgency": false, "Socials": [ { "ApplicationId": "19022", "SocialNetwork": "Facebook", "Tag": "@bioss.ca" }, { "ApplicationId": "19022", "SocialNetwork": "Instagram", "Tag": "@bioss.ca" }, { "ApplicationId": "19022", "SocialNetwork": "LinkedIn", "Tag": "@biossinc" }, { "ApplicationId": "19022", "SocialNetwork": "Youtube", "Tag": "@biosssolutionssanitairessa4095" } ], "Manufacturer": null, "Reseller": null }
   Use <PartnerCard account={data} action={<></>}>`,
   `----
   ManufacturerCard: For data that fits this shape:
@@ -74047,7 +74025,7 @@ const complexComponents = [
   Use <ResellerCard reseller={data}>`,
   `----
   Sometimes, manufacturer and reseller data can be embed into a partner object: For example, for data that fits this shape:
-  { "ApplicationId": "19022", "PublicName": "BiOSS", "VoiceName": null, "VoiceStyle": null, "About": "example", "SceneName": "Kitchen Counter", "IsReseller": true, "IsManufacturer": true, "IsSalesAgency": false, "Socials": [ { "ApplicationId": "19022", "SocialNetwork": "Facebook", "Tag": "@bioss.ca" }, { "ApplicationId": "19022", "SocialNetwork": "Instagram", "Tag": "@bioss.ca" }, { "ApplicationId": "19022", "SocialNetwork": "LinkedIn", "Tag": "@biossinc" }, { "ApplicationId": "19022", "SocialNetwork": "Youtube", "Tag": "@biosssolutionssanitairessa4095" } ], "Manufacturer": { "ManufacturerId": "19022", "Website": "https://www.example.ca", "PublicName": "BiOSS", "LastUpdatedDate": 20241217, "AutoReorderDate": -1, "AutoUpdate": false, "PublicEmail": "example@example.ca", "DefaultWeeksOfStocking": 4, "Tags": "Health & Cleaning", "CreationDate": 20220127, "PartnerPortal": "", "PartnerRegistrationLink": "", "About": "example...", "OpenToWork": false, "PublicResourcesLink": "https://drive.google.com/drive/folders/example", "CurrencyCode": "CAD", "YoutubePlaylist": "null" }, "Reseller": null }
+  { "ApplicationId": "19022", "PublicName": "BiOSS", "About": "example", "IsReseller": true, "IsManufacturer": true, "IsSalesAgency": false, "Socials": [ { "ApplicationId": "19022", "SocialNetwork": "Facebook", "Tag": "@bioss.ca" }, { "ApplicationId": "19022", "SocialNetwork": "Instagram", "Tag": "@bioss.ca" }, { "ApplicationId": "19022", "SocialNetwork": "LinkedIn", "Tag": "@biossinc" }, { "ApplicationId": "19022", "SocialNetwork": "Youtube", "Tag": "@biosssolutionssanitairessa4095" } ], "Manufacturer": { "ManufacturerId": "19022", "Website": "https://www.example.ca", "PublicName": "BiOSS", "LastUpdatedDate": 20241217, "AutoReorderDate": -1, "AutoUpdate": false, "PublicEmail": "example@example.ca", "DefaultWeeksOfStocking": 4, "Tags": "Health & Cleaning", "CreationDate": 20220127, "PartnerPortal": "", "PartnerRegistrationLink": "", "About": "example...", "OpenToWork": false, "PublicResourcesLink": "https://drive.google.com/drive/folders/example", "CurrencyCode": "CAD", "YoutubePlaylist": "null" }, "Reseller": null }
   Use both <PartnerCard account={data} action={<></>}> and <ManufacturerCard manufacturer={data.Manufacturer}>`,
   `----
   ProductCard, for data that fits this shape: