randmarcomps 1.261.0 → 1.263.0

package/dist/randmarcomps.js

@@ -17067,7 +17067,7 @@ const ManufacturerSectionComponent = React__default.memo(({
     t && /* @__PURE__ */ jsx("h2", { className: "text-2xl mb-4 mr-auto", children: t }),
     n
   ] }),
-  (e == null ? void 0 : e.length) > 0 ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4", children: e.map((b) => /* @__PURE__ */ jsx(
+  (e == null ? void 0 : e.length) > 0 ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 @md:grid-cols-2 @xl:grid-cols-3 gap-4", children: e.map((b) => /* @__PURE__ */ jsx(
     ManufacturerCard,
     {
       manufacturer: b,
@@ -57391,7 +57391,7 @@ function PartnerCard({
         /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-full" }),
         /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-full" })
       ] }),
-      d && /* @__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: [
+      d && /* @__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" })
@@ -57437,7 +57437,7 @@ function PartnerCard({
             dangerouslySetInnerHTML: { __html: t.About ?? "" }
           }
         ),
-        d && /* @__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: [
+        d && /* @__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: t.VoiceName ?? "Regular" })
@@ -57459,7 +57459,7 @@ function PartnerCard({
           /* @__PURE__ */ jsx(Video, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsx("span", { children: "Watch Video" })
         ] }) }),
-        /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-[360px]", children: [
+        /* @__PURE__ */ jsxs(DialogContent, { className: "@sm:max-w-[360px]", children: [
           /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsxs(DialogTitle, { children: [
             t.PublicName,
             " Video"
@@ -60155,7 +60155,7 @@ const DebugMessageDisplay = ({ debugMessages: t }) => {
           ] })
         ] })
       ] }) : /* @__PURE__ */ jsx("div", { className: "flex-1 flex items-center justify-center text-muted-foreground", children: "Select a chat to start messaging" }) }),
-      /* @__PURE__ */ jsxs("div", { className: "w-[480px] flex flex-2 flex-col border-l", children: [
+      /* @__PURE__ */ jsx("div", { className: "w-[480px] flex flex-2 flex-col border-l", children: isAssistantChat(ae) ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
         /* @__PURE__ */ jsx("div", { className: "flex items-center p-4 border-b", children: /* @__PURE__ */ jsx("p", { className: "h-9 text-base/9", children: "Sources and System Info" }) }),
         /* @__PURE__ */ jsx(ScrollArea, { className: "flex-1 pl-2 pr-2 bg-slate-50", children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
           et ? /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsxs("div", { className: "flex", children: [
@@ -60171,7 +60171,10 @@ const DebugMessageDisplay = ({ debugMessages: t }) => {
           ] }) }))
         ] }) }),
         /* @__PURE__ */ jsx(ScrollArea, { className: "flex-4 border-t pl-2 pr-2 bg-slate-50", children: /* @__PURE__ */ jsx("div", { className: "space-y-2", children: /* @__PURE__ */ jsx(DebugMessageDisplay, { debugMessages: Q }) }) })
-      ] })
+      ] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center p-4 border-b", children: /* @__PURE__ */ jsx("p", { className: "h-9 text-base/9", children: "Partner Overview" }) }),
+        /* @__PURE__ */ jsx(ScrollArea, { className: "flex-1 pl-2 pr-2 bg-slate-50", children: /* @__PURE__ */ jsx(PartnerRelationshipPage, { applicationId: t, partnerId: ((ae == null ? void 0 : ae[0]) === t ? ae[1] : ae == null ? void 0 : ae[0]) ?? t, userEmail: e, shopifyHostName: void 0, isSuperAdmin: !1 }) })
+      ] }) })
     ] });
   }
 );
@@ -60720,7 +60723,7 @@ function ActiveOrdersCard({ orders: t, loading: e = !1 }) {
   ];
   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((d) => /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-md border", children: [
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 @sm:grid-cols-2 gap-4 p-4", children: [1, 2, 3, 4].map((d) => /* @__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: [
@@ -60741,7 +60744,7 @@ function ActiveOrdersCard({ orders: t, loading: e = !1 }) {
     ] }, d)) })
   ] }) : /* @__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: l.map((d) => /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-md border", children: [
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 @sm:grid-cols-2 gap-4 p-4", children: l.map((d) => /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-md border", children: [
       /* @__PURE__ */ jsx("div", { className: `${d.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: [
@@ -69294,7 +69297,7 @@ function ManufacturerReorderingCard({
         /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-10" }),
         /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-40" })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 @md:grid-cols-2 gap-6", children: [
         /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-40" }),
           /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
@@ -69339,7 +69342,7 @@ function ManufacturerReorderingCard({
         ),
         /* @__PURE__ */ jsx(Label$2, { htmlFor: "automatic-reordering", children: "Automatic Reordering" })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 @md:grid-cols-2 gap-6", children: [
         /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsx(Label$2, { htmlFor: "reorder-date", children: "Automatic Reorder Date" }),
           /* @__PURE__ */ jsxs(
@@ -69895,7 +69898,7 @@ 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__ */ 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" }),
@@ -69963,7 +69966,7 @@ function ResellerBillingOverviewData({ reseller: t, actions: e }) {
   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__ */ jsxs("div", { className: "grid grid-cols-1 @md:grid-cols-2 gap-4", children: [
         /* @__PURE__ */ jsx("div", { className: "space-y-4", children: l.map((f, g) => /* @__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: f.title }),
@@ -69986,13 +69989,13 @@ function ResellerBillingOverviewData({ reseller: t, actions: e }) {
 function ResellerQualificationsCard({ qualifications: t = [], loading: e = !1 }) {
   return e ? /* @__PURE__ */ jsxs(Card, { children: [
     /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Qualifications" }) }),
-    /* @__PURE__ */ jsx(CardContent, { className: "p-6", children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4 gap-y-8", children: Array.from({ length: 10 }).map((n, o) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
+    /* @__PURE__ */ jsx(CardContent, { className: "p-6", children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 @sm:grid-cols-3 @md:grid-cols-4 @lg:grid-cols-5 gap-4 gap-y-8", children: Array.from({ length: 10 }).map((n, o) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
       /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-24 rounded-md mb-2" }),
       /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-16 rounded-full" })
     ] }, o)) }) })
   ] }) : /* @__PURE__ */ jsxs(Card, { children: [
     /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Qualifications" }) }),
-    /* @__PURE__ */ jsx(CardContent, { children: t && t.length > 0 ? /* @__PURE__ */ jsx("div", { className: "p-6", children: /* @__PURE__ */ jsx("div", { className: "flex grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4 gap-y-8", children: t.map((n, o) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(CardContent, { children: t && t.length > 0 ? /* @__PURE__ */ jsx("div", { className: "p-6", children: /* @__PURE__ */ jsx("div", { className: "flex grid grid-cols-2 @sm:grid-cols-3 @md:grid-cols-4 @lg:grid-cols-5 gap-4 gap-y-8", children: t.map((n, o) => /* @__PURE__ */ jsx(
       ManufacturerLogo,
       {
         manufacturerId: n.ManufacturerId,
@@ -70013,9 +70016,9 @@ function SalesOverviewCard({ salesData: t, salesStatistics: e = [], loading: n =
 }
 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__ */ 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" })
@@ -70077,16 +70080,16 @@ function SalesOverviewData({
     }));
   }, [e]);
   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: o.map((d, f) => /* @__PURE__ */ jsxs("div", { className: "border rounded-lg p-4", 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: o.map((d, f) => /* @__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: d.title }),
+          /* @__PURE__ */ jsx("h3", { className: "text-sm @sm:text-base font-medium", children: d.title }),
           /* @__PURE__ */ jsx("div", { className: `p-2 rounded-full ${d.color}`, children: d.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(d.amount) })
+          /* @__PURE__ */ jsx("p", { className: "text-base @sm:text-lg font-bold", children: n(d.amount) })
         ] })
       ] }, f)) }),
       /* @__PURE__ */ jsx("div", { className: "mt-6", children: e && e.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [
@@ -71120,7 +71123,7 @@ const PublicInfo = ({ reseller: t, appID: e, isLoading: n, readonly: o, onUnsave
   return n ? /* @__PURE__ */ jsxs(Card, { children: [
     /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Public Information" }) }),
     /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 @md:grid-cols-2 gap-4", children: [
         /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" }),
           /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
@@ -71152,7 +71155,7 @@ const PublicInfo = ({ reseller: t, appID: e, isLoading: n, readonly: o, onUnsave
         /* @__PURE__ */ jsx(AlertDescription, { children: "All fields are required to get started at working with Manufacturers." })
       ] }),
       /* @__PURE__ */ jsxs("form", { onSubmit: C(q), className: "space-y-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 @md:grid-cols-2 gap-4", children: [
           /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
             /* @__PURE__ */ jsx("label", { className: "text-sm font-medium leading-none", htmlFor: "contactName", children: "Main Representative *" }),
             /* @__PURE__ */ jsx(
@@ -71786,21 +71789,21 @@ $10 with opportunities under $1,000` : t === "D" ? "$15 under $1,500" : t === "E
       /* @__PURE__ */ jsx(CardContent, { className: "pt-2 px-4 pb-4", children: /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
         /* @__PURE__ */ jsxs("div", { className: "bg-muted/30 p-2 rounded-lg", children: [
           /* @__PURE__ */ jsx(Label$2, { className: "block mb-1 text-xs font-medium", children: "Priority" }),
-          /* @__PURE__ */ jsx(RadioGroup$1, { value: I, onValueChange: ae, className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-1", children: [{ value: "starter", label: "Starter" }, { value: "ecommerce", label: "E-Commerce" }, { value: "commercial", label: "Commercial" }, { value: "cws", label: "CWS (Basics)" }, { value: "novexco", label: "Novexco" }, { value: "jeancoutu", label: "Jean Coutu" }, { value: "exclusive", label: "Exclusive" }].map((Ve) => /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-1", children: [
+          /* @__PURE__ */ jsx(RadioGroup$1, { value: I, onValueChange: ae, className: "grid grid-cols-2 @sm:grid-cols-3 @md:grid-cols-4 gap-1", children: [{ value: "starter", label: "Starter" }, { value: "ecommerce", label: "E-Commerce" }, { value: "commercial", label: "Commercial" }, { value: "cws", label: "CWS (Basics)" }, { value: "novexco", label: "Novexco" }, { value: "jeancoutu", label: "Jean Coutu" }, { value: "exclusive", label: "Exclusive" }].map((Ve) => /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-1", children: [
             /* @__PURE__ */ jsx(RadioGroupItem, { value: Ve.value, id: `priority-${Ve.value}`, className: "h-6 w-6 scale-50" }),
             /* @__PURE__ */ jsx(Label$2, { htmlFor: `priority-${Ve.value}`, className: "cursor-pointer text-xs", children: Ve.label })
           ] }, Ve.value)) })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "bg-muted/30 p-2 rounded-lg", children: [
           /* @__PURE__ */ jsx(Label$2, { className: "block mb-1 text-xs font-medium", children: "Shipping Profile" }),
-          /* @__PURE__ */ jsx(RadioGroup$1, { value: V, onValueChange: ge, className: "grid grid-cols-1 md:grid-cols-2 gap-1", children: [{ value: "free", label: "Free (A)" }, { value: "fixed", label: "Fixed $10 Shipping (B)" }, { value: "dropshipped", label: "$15 for drop shipped (C)" }, { value: "under1500", label: "15$ under 1,500 (D)" }, { value: "fullcharges", label: "Full shipping charges (E)" }].map((Ve) => /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-1", children: [
+          /* @__PURE__ */ jsx(RadioGroup$1, { value: V, onValueChange: ge, className: "grid grid-cols-1 @md:grid-cols-2 gap-1", children: [{ value: "free", label: "Free (A)" }, { value: "fixed", label: "Fixed $10 Shipping (B)" }, { value: "dropshipped", label: "$15 for drop shipped (C)" }, { value: "under1500", label: "15$ under 1,500 (D)" }, { value: "fullcharges", label: "Full shipping charges (E)" }].map((Ve) => /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-1", children: [
             /* @__PURE__ */ jsx(RadioGroupItem, { value: Ve.value, id: `shipping-${Ve.value}`, className: "h-6 w-6 scale-50" }),
             /* @__PURE__ */ jsx(Label$2, { htmlFor: `shipping-${Ve.value}`, className: "cursor-pointer text-xs", children: Ve.label })
           ] }, Ve.value)) })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "bg-muted/30 p-2 rounded-lg", children: [
           /* @__PURE__ */ jsx(Label$2, { className: "block mb-1 text-xs font-medium", children: "Pricing Profile" }),
-          /* @__PURE__ */ jsx(RadioGroup$1, { value: z, onValueChange: oe, className: "grid grid-cols-2 sm:grid-cols-3 gap-1", children: [{ value: "exclusive", label: "Exclusive (1)" }, { value: "ecommerce", label: "E-Commerce (2)" }, { value: "commercial", label: "Commercial (3)" }, { value: "buyinggroup", label: "Buying Group (4)" }, { value: "cost", label: "Cost (5)" }].map((Ve) => /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-1", children: [
+          /* @__PURE__ */ jsx(RadioGroup$1, { value: z, onValueChange: oe, className: "grid grid-cols-2 @sm:grid-cols-3 gap-1", children: [{ value: "exclusive", label: "Exclusive (1)" }, { value: "ecommerce", label: "E-Commerce (2)" }, { value: "commercial", label: "Commercial (3)" }, { value: "buyinggroup", label: "Buying Group (4)" }, { value: "cost", label: "Cost (5)" }].map((Ve) => /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-1", children: [
             /* @__PURE__ */ jsx(RadioGroupItem, { value: Ve.value, id: `pricing-${Ve.value}`, className: "h-6 w-6 scale-50 antialiased" }),
             /* @__PURE__ */ jsx(Label$2, { htmlFor: `pricing-${Ve.value}`, className: "cursor-pointer text-xs", children: Ve.label })
           ] }, Ve.value)) })
@@ -71840,9 +71843,9 @@ function OrderCategories({ openOrders: t = [], isLoading: e = !1 }) {
       amount: S
     }
   ];
-  return e ? /* @__PURE__ */ jsxs(Card, { className: "w-full md:col-span-2 xl:col-span-1", children: [
+  return e ? /* @__PURE__ */ jsxs(Card, { className: "w-full @md:col-span-2 @xl:col-span-1", children: [
     /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-40" }) }),
-    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3.5", children: [1, 2, 3, 4].map((I) => /* @__PURE__ */ jsx(Card, { className: "overflow-hidden rounded-md rounded-b-lg border-0 shadow-md", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-0", children: [
+    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 @sm:grid-cols-2 gap-3.5", children: [1, 2, 3, 4].map((I) => /* @__PURE__ */ jsx(Card, { className: "overflow-hidden rounded-md rounded-b-lg border-0 shadow-md", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-0", children: [
       /* @__PURE__ */ jsx("div", { className: "bg-gray-200 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: [
@@ -71861,9 +71864,9 @@ function OrderCategories({ openOrders: t = [], isLoading: e = !1 }) {
         ] })
       ] })
     ] }) }, I)) }) })
-  ] }) : /* @__PURE__ */ jsxs(Card, { className: "w-full md:col-span-2 xl:col-span-1", children: [
+  ] }) : /* @__PURE__ */ jsxs(Card, { className: "w-full @md:col-span-2 @xl:col-span-1", children: [
     /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-1xl font-bold", children: "Order Categories" }) }),
-    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3.5", children: A.map((I) => /* @__PURE__ */ jsx(Card, { className: "overflow-hidden rounded-md rounded-b-lg border-0 shadow-md", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-0", children: [
+    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 @sm:grid-cols-2 gap-3.5", children: A.map((I) => /* @__PURE__ */ jsx(Card, { className: "overflow-hidden rounded-md rounded-b-lg border-0 shadow-md", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-0", children: [
       /* @__PURE__ */ jsx("div", { className: `${I.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: [
@@ -71914,7 +71917,7 @@ function LongMonthName(t) {
 }
 function SalesSummary({ fiscalYearMonthStart: t, salesData: e, isLoading: n }) {
   const o = (e == null ? void 0 : e.SalesLast30Days) ?? 0, l = (e == null ? void 0 : e.SalesLast3Months) ?? 0, d = (e == null ? void 0 : e.SalesYearToDay) ?? 0, f = LongMonthName(t);
-  return n ? /* @__PURE__ */ jsxs("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3 mb-4", children: [
+  return n ? /* @__PURE__ */ jsxs("div", { className: "grid gap-4 @sm:grid-cols-2 @lg:grid-cols-3 mb-4", children: [
     /* @__PURE__ */ jsxs(Card, { children: [
       /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
         /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24" }),
@@ -71945,7 +71948,7 @@ function SalesSummary({ fiscalYearMonthStart: t, salesData: e, isLoading: n }) {
         /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" })
       ] })
     ] })
-  ] }) : /* @__PURE__ */ jsxs("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3 mb-4", children: [
+  ] }) : /* @__PURE__ */ jsxs("div", { className: "grid gap-4 @sm:grid-cols-2 @lg:grid-cols-3 mb-4", children: [
     /* @__PURE__ */ jsxs(Card, { children: [
       /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
         /* @__PURE__ */ jsx(CardTitle, { className: "text-sm font-medium", children: "Last 30 Days" }),
@@ -71966,7 +71969,7 @@ function SalesSummary({ fiscalYearMonthStart: t, salesData: e, isLoading: n }) {
         /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground" })
       ] })
     ] }),
-    f && /* @__PURE__ */ jsxs(Card, { className: "col-span-2 lg:col-span-1", children: [
+    f && /* @__PURE__ */ jsxs(Card, { className: "col-span-2 @lg:col-span-1", children: [
       /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
         /* @__PURE__ */ jsxs(CardTitle, { className: "text-sm font-medium", children: [
           "Year to Date (",
@@ -72275,7 +72278,7 @@ function ResellerOverview({
           isLoading: g
         }
       ),
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 @lg:grid-cols-2 gap-6", children: [
         /* @__PURE__ */ jsx(
           SalesChart,
           {
@@ -72316,7 +72319,7 @@ function ResellerOverview({
       ] }),
       g || M.length > 0 ? /* @__PURE__ */ jsxs(Card, { className: "w-full", children: [
         /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Manufacturers you are qualified for" }) }),
-        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: g ? Array.from({ length: 2 }).map((q, z) => /* @__PURE__ */ jsx(ManufacturerCard, { loading: !0 }, z)) : M.map((q) => /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 @md:grid-cols-2 gap-4", children: g ? Array.from({ length: 2 }).map((q, z) => /* @__PURE__ */ jsx(ManufacturerCard, { loading: !0 }, z)) : M.map((q) => /* @__PURE__ */ jsx(
           ManufacturerCard,
           {
             manufacturer: q,
@@ -74359,7 +74362,7 @@ function DataTable({ columns: t, data: e, uniqueValues: n }) {
             },
             children: [
               /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 w-[70px]", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: C.getState().pagination.pageSize }) }),
-              /* @__PURE__ */ jsx(SelectContent, { side: "top", children: [10, 20, 30, 40, 50].map((A) => /* @__PURE__ */ jsx(SelectItem, { value: `${A}`, children: A }, A)) })
+              /* @__PURE__ */ jsx(SelectContent, { side: "top", children: [10, 20, 30, 40, 50].map((A) => /* @__PURE__ */ jsx(SelectItem, { value: `${A}`, children: /* @__PURE__ */ jsx("span", { children: A }) }, A)) })
             ]
           }
         )
@@ -74529,7 +74532,7 @@ function ManufacturerProducts({
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-4 mb-4", children: E || R ? Array.from({ length: 4 }).map((Q, j) => /* @__PURE__ */ jsx(ProductCard, {}, j)) : C != null && C.Products && (C == null ? void 0 : C.Products.length) > 0 ? (z = C == null ? void 0 : C.Products) == null ? void 0 : z.map((Q) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 @md:grid-cols-2 @lg:grid-cols-2 gap-4 mb-4", children: E || R ? Array.from({ length: 4 }).map((Q, j) => /* @__PURE__ */ jsx(ProductCard, {}, j)) : C != null && C.Products && (C == null ? void 0 : C.Products.length) > 0 ? (z = C == null ? void 0 : C.Products) == null ? void 0 : z.map((Q) => /* @__PURE__ */ jsx(
       ProductCard,
       {
         applicationId: t,
@@ -74578,8 +74581,8 @@ function PartnerRelationshipPage({
       _(!1);
     }
   }, A = () => d != null && d.Reseller ? "reseller-overview" : d != null && d.Manufacturer ? "manufacturer-overview" : "";
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "grid gap-4 grid-cols-1 md:grid-cols-2", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "@container", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-4 grid-cols-1 @md:grid-cols-2", children: [
       /* @__PURE__ */ jsx(
         PartnerCard,
         {
@@ -74728,7 +74731,7 @@ function ManufacturerBillingInfoSection({ manufacturer: t, readonly: e = !1, isL
     /* @__PURE__ */ jsx(CardContent, { children: n ? (
       // Skeleton loading state
       /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 @md:grid-cols-2 gap-4", children: [
           /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
             /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" }),
             /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
@@ -74738,7 +74741,7 @@ function ManufacturerBillingInfoSection({ manufacturer: t, readonly: e = !1, isL
             /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 @md:grid-cols-2 gap-4", children: [
           /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
             /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16" }),
             /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
@@ -74792,7 +74795,7 @@ function ManufacturerBillingInfoSection({ manufacturer: t, readonly: e = !1, isL
         variant: "destructive"
       });
     }), className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 @md:grid-cols-2 gap-4", children: [
         /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsx(Label$2, { className: "text-sm font-medium leading-none", htmlFor: "accountsPayableRep", children: "Accounts Payable Representative" }),
           /* @__PURE__ */ jsx(Input, { id: "accountsPayableRep", placeholder: "John Doe", ...S("accountsPayableRep"), readOnly: e })
@@ -74816,7 +74819,7 @@ function ManufacturerBillingInfoSection({ manufacturer: t, readonly: e = !1, isL
           R.representativeEmail && /* @__PURE__ */ jsx("p", { className: "text-red-500 text-sm", children: R.representativeEmail.message })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 @md:grid-cols-2 gap-4", children: [
         /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsx(Label$2, { className: "text-sm font-medium leading-none", htmlFor: "phone", children: "Phone" }),
           /* @__PURE__ */ jsx(Input, { id: "phone", placeholder: "(555) 123-4567", ...S("phone"), readOnly: e })
@@ -75419,7 +75422,7 @@ function ManufacturerResellerOrdersSection(t) {
     /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-1xl font-bold", children: "Reseller Orders" }) }),
     /* @__PURE__ */ jsxs(CardContent, { children: [
       /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-40 mb-4" }),
-      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3.5", children: [1, 2, 3, 4].map((b) => /* @__PURE__ */ jsx(Skeleton, { className: "h-32 w-full" }, b)) })
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 @sm:grid-cols-2 gap-3.5", children: [1, 2, 3, 4].map((b) => /* @__PURE__ */ jsx(Skeleton, { className: "h-32 w-full" }, b)) })
     ] })
   ] }) : o ? /* @__PURE__ */ jsxs(Card, { className: "w-full", children: [
     /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-1xl font-bold", children: "Reseller Orders" }) }),
@@ -75435,7 +75438,7 @@ function ManufacturerResellerOrdersSection(t) {
         /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Active Orders:" }),
         /* @__PURE__ */ jsx("span", { className: "ml-2 font-bold", children: f.all.orders })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3.5", children: g.map((b) => /* @__PURE__ */ jsx(Card, { className: "overflow-hidden rounded-md rounded-b-lg border-0 shadow-md", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-0", children: [
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 @sm:grid-cols-2 gap-3.5", children: g.map((b) => /* @__PURE__ */ jsx(Card, { className: "overflow-hidden rounded-md rounded-b-lg border-0 shadow-md", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-0", children: [
         /* @__PURE__ */ jsx("div", { className: `${b.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: [
@@ -75784,7 +75787,7 @@ function ManufacturerOverviewPage({
           isLoading: f
         }
       ),
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-2 gap-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 @sm:grid-cols-1 @md:grid-cols-2 @lg:grid-cols-2 @xl:grid-cols-2 gap-6", children: [
         /* @__PURE__ */ jsx(
           SalesChart,
           {
@@ -90763,7 +90766,7 @@ function OpportunitiesTable({
     ] }),
     /* @__PURE__ */ jsx(Dialog, { open: f, onOpenChange: (ne) => {
       g(ne), ne || (C(null), S(""));
-    }, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-[425px]", children: [
+    }, children: /* @__PURE__ */ jsxs(DialogContent, { className: "@sm:max-w-[425px]", children: [
       /* @__PURE__ */ jsxs(DialogHeader, { children: [
         /* @__PURE__ */ jsx(DialogTitle, { children: "Send Opportunity Report" }),
         /* @__PURE__ */ jsxs(DialogDescription, { children: [
@@ -91031,7 +91034,7 @@ function ProductOverviewPage({
     skip: !g
   }), C = (g == null ? void 0 : g.ManufacturerId) !== t;
   return console.log("readonly", C), /* @__PURE__ */ jsxs(Fragment$1, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "grid gap-4 grid-cols-1 md:grid-cols-2 lg:grid-cols-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-4 grid-cols-1 @md:grid-cols-2 @lg:grid-cols-3", children: [
       /* @__PURE__ */ jsx("div", { className: "lg:col-span-2", children: /* @__PURE__ */ jsx(
         ProductCard,
         {