@nextblock-cms/ecom 0.16.4 → 0.17.1

package/lib/pages/cms/products/components/ProductCategorySelector.es.js

@@ -1,78 +1,78 @@
 'use client';
-import { jsxDEV as o } from "react/jsx-dev-runtime";
-import { useState as n, useEffect as w, useMemo as u } from "react";
+import { jsxDEV as s } from "react/jsx-dev-runtime";
+import { useState as i, useEffect as w, useMemo as b } from "react";
 import { X as W, ChevronsUpDown as L, Search as j, Loader2 as $, Check as O } from "lucide-react";
 import { cn as Q } from "@nextblock-cms/utils";
 import { Badge as T, Popover as q, PopoverTrigger as A, Button as y, PopoverContent as B, Input as E, Checkbox as R } from "@nextblock-cms/ui";
 import { createCategoryAction as z } from "../server-actions.es.js";
-import { toast as b } from "sonner";
+import { toast as u } from "sonner";
 function J({
   categories: m = [],
-  selectedIds: r = [],
+  selectedIds: t = [],
   onChange: a,
   placeholder: v = "Select categories..."
 }) {
-  const [d, C] = n(!1), [i, p] = n(""), [s, g] = n(m), [f, N] = n(!1);
+  const [d, C] = i(!1), [l, p] = i(""), [r, x] = i(m), [g, f] = i(!1);
   w(() => {
-    g(m);
+    x(m);
   }, [m]);
-  const x = u(() => s.filter((e) => r.includes(e.id)), [s, r]), h = u(() => {
-    if (!i) return s;
-    const e = i.toLowerCase();
-    return s.filter(
-      (t) => t.name.toLowerCase().includes(e) || t.slug.toLowerCase().includes(e)
+  const N = b(() => r.filter((e) => t.includes(e.id)), [r, t]), h = b(() => {
+    if (!l) return r;
+    const e = l.toLowerCase();
+    return r.filter(
+      (o) => o.name.toLowerCase().includes(e) || o.slug.toLowerCase().includes(e)
     );
-  }, [s, i]), c = i.trim(), k = u(() => {
+  }, [r, l]), c = l.trim(), k = b(() => {
     if (!c) return !1;
     const e = c.toLowerCase();
-    return !s.some((t) => t.name.toLowerCase() === e);
-  }, [s, c]), S = async () => {
+    return !r.some((o) => o.name.toLowerCase() === e);
+  }, [r, c]), S = async () => {
     if (c) {
-      N(!0);
+      f(!0);
       try {
         const e = await z({ name: c });
         if (e.success && e.category) {
-          const t = {
+          const o = {
             id: e.category.id,
             name: e.category.name,
             slug: e.category.slug
           };
-          g((l) => [...l, t]), a([...r, t.id]), p(""), b.success(`Category "${t.name}" created successfully.`);
+          x((n) => [...n, o]), a([...t, o.id]), p(""), u.success(`Category "${o.name}" created successfully.`);
         } else
-          b.error(e.error || "Failed to create category.");
+          u.error(e.error || "Failed to create category.");
       } catch (e) {
-        b.error(e.message || "An error occurred while creating category.");
+        u.error(e.message || "An error occurred while creating category.");
       } finally {
-        N(!1);
+        f(!1);
       }
     }
   }, P = (e) => {
-    const t = r.includes(e) ? r.filter((l) => l !== e) : [...r, e];
-    a(t);
-  }, D = (e, t) => {
-    t.stopPropagation(), a(r.filter((l) => l !== e));
+    const o = t.includes(e) ? t.filter((n) => n !== e) : [...t, e];
+    a(o);
+  }, D = (e, o) => {
+    o.stopPropagation(), a(t.filter((n) => n !== e));
   };
-  return /* @__PURE__ */ o("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ o("div", { className: "flex flex-wrap gap-1.5 min-h-[32px] p-1 border rounded-md bg-background focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2", children: x.length === 0 ? /* @__PURE__ */ o("span", { className: "text-xs text-muted-foreground self-center px-2 py-1 select-none", children: "No categories selected." }, void 0, !1, {
-      fileName: "D:/Websites/nextblock-production/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
+  return /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ s("div", { className: "flex flex-wrap gap-1.5 min-h-[32px] p-1 border rounded-md bg-background focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2", children: N.length === 0 ? /* @__PURE__ */ s("span", { className: "text-xs text-muted-foreground self-center px-2 py-1 select-none", children: "No categories selected." }, void 0, !1, {
+      fileName: "D:/Websites/nextblock-sandbox/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
       lineNumber: 108,
       columnNumber: 11
-    }, this) : x.map((e) => /* @__PURE__ */ o(
+    }, this) : N.map((e) => /* @__PURE__ */ s(
       T,
       {
         variant: "secondary",
         className: "pl-2 pr-1.5 py-0.5 text-xs flex items-center gap-1 bg-amber-500/10 text-amber-800 dark:text-amber-300 border border-amber-500/20 rounded-full",
         children: [
           e.name,
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ s(
             "button",
             {
               type: "button",
-              onClick: (t) => D(e.id, t),
+              onClick: (o) => D(e.id, o),
               className: "rounded-full p-0.5 text-muted-foreground hover:bg-amber-500/20 hover:text-amber-950 dark:hover:text-amber-50 transition-colors cursor-pointer",
               "aria-label": `Remove ${e.name}`,
-              children: /* @__PURE__ */ o(W, { className: "h-3 w-3" }, void 0, !1, {
-                fileName: "D:/Websites/nextblock-production/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
+              children: /* @__PURE__ */ s(W, { className: "h-3 w-3" }, void 0, !1, {
+                fileName: "D:/Websites/nextblock-sandbox/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
                 lineNumber: 125,
                 columnNumber: 17
               }, this)
@@ -80,7 +80,7 @@ function J({
             void 0,
             !1,
             {
-              fileName: "D:/Websites/nextblock-production/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
+              fileName: "D:/Websites/nextblock-sandbox/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
               lineNumber: 119,
               columnNumber: 15
             },
@@ -91,18 +91,18 @@ function J({
       e.id,
       !0,
       {
-        fileName: "D:/Websites/nextblock-production/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
+        fileName: "D:/Websites/nextblock-sandbox/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
         lineNumber: 113,
         columnNumber: 13
       },
       this
     )) }, void 0, !1, {
-      fileName: "D:/Websites/nextblock-production/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
+      fileName: "D:/Websites/nextblock-sandbox/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
       lineNumber: 106,
       columnNumber: 7
     }, this),
-    /* @__PURE__ */ o(q, { open: d, onOpenChange: C, children: [
-      /* @__PURE__ */ o(A, { asChild: !0, children: /* @__PURE__ */ o(
+    /* @__PURE__ */ s(q, { open: d, onOpenChange: C, children: [
+      /* @__PURE__ */ s(A, { asChild: !0, children: /* @__PURE__ */ s(
         y,
         {
           variant: "outline",
@@ -110,13 +110,13 @@ function J({
           "aria-expanded": d,
           className: "w-full justify-between h-8 text-xs font-normal",
           children: [
-            /* @__PURE__ */ o("span", { className: "truncate", children: r.length > 0 ? `${r.length} categor${r.length === 1 ? "y" : "ies"} selected` : v }, void 0, !1, {
-              fileName: "D:/Websites/nextblock-production/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
+            /* @__PURE__ */ s("span", { className: "truncate", children: t.length > 0 ? `${t.length} categor${t.length === 1 ? "y" : "ies"} selected` : v }, void 0, !1, {
+              fileName: "D:/Websites/nextblock-sandbox/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
               lineNumber: 140,
               columnNumber: 13
             }, this),
-            /* @__PURE__ */ o(L, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" }, void 0, !1, {
-              fileName: "D:/Websites/nextblock-production/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
+            /* @__PURE__ */ s(L, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" }, void 0, !1, {
+              fileName: "D:/Websites/nextblock-sandbox/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
               lineNumber: 145,
               columnNumber: 13
             }, this)
@@ -125,46 +125,46 @@ function J({
         void 0,
         !0,
         {
-          fileName: "D:/Websites/nextblock-production/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
+          fileName: "D:/Websites/nextblock-sandbox/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
           lineNumber: 134,
           columnNumber: 11
         },
         this
       ) }, void 0, !1, {
-        fileName: "D:/Websites/nextblock-production/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
+        fileName: "D:/Websites/nextblock-sandbox/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
         lineNumber: 133,
         columnNumber: 9
       }, this),
-      /* @__PURE__ */ o(B, { className: "w-[--radix-popover-trigger-width] p-0", align: "start", children: [
-        /* @__PURE__ */ o("div", { className: "flex items-center border-b px-3", children: [
-          /* @__PURE__ */ o(j, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }, void 0, !1, {
-            fileName: "D:/Websites/nextblock-production/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
+      /* @__PURE__ */ s(B, { className: "w-[--radix-popover-trigger-width] p-0", align: "start", children: [
+        /* @__PURE__ */ s("div", { className: "flex items-center border-b px-3", children: [
+          /* @__PURE__ */ s(j, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }, void 0, !1, {
+            fileName: "D:/Websites/nextblock-sandbox/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
             lineNumber: 150,
             columnNumber: 13
           }, this),
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ s(
             E,
             {
               className: "flex h-9 w-full rounded-md bg-transparent py-2 text-xs outline-none border-0 focus-visible:ring-0 focus-visible:ring-offset-0",
               placeholder: "Search categories...",
-              value: i,
+              value: l,
               onChange: (e) => p(e.target.value)
             },
             void 0,
             !1,
             {
-              fileName: "D:/Websites/nextblock-production/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
+              fileName: "D:/Websites/nextblock-sandbox/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
               lineNumber: 151,
               columnNumber: 13
             },
             this
           )
         ] }, void 0, !0, {
-          fileName: "D:/Websites/nextblock-production/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
+          fileName: "D:/Websites/nextblock-sandbox/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
           lineNumber: 149,
           columnNumber: 11
         }, this),
-        k && /* @__PURE__ */ o("div", { className: "border-b border-border/50 p-1", children: /* @__PURE__ */ o(
+        k && /* @__PURE__ */ s("div", { className: "border-b border-border/50 p-1", children: /* @__PURE__ */ s(
           y,
           {
             type: "button",
@@ -172,14 +172,14 @@ function J({
             size: "sm",
             className: "w-full justify-start text-xs h-8 text-amber-600 dark:text-amber-400 hover:text-amber-700 hover:bg-amber-500/10 cursor-pointer",
             onClick: S,
-            disabled: f,
+            disabled: g,
             children: [
-              f ? /* @__PURE__ */ o($, { className: "mr-2 h-3 w-3 animate-spin" }, void 0, !1, {
-                fileName: "D:/Websites/nextblock-production/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
+              g ? /* @__PURE__ */ s($, { className: "mr-2 h-3 w-3 animate-spin" }, void 0, !1, {
+                fileName: "D:/Websites/nextblock-sandbox/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
                 lineNumber: 169,
                 columnNumber: 19
-              }, this) : /* @__PURE__ */ o("span", { className: "font-bold mr-1.5", children: "+" }, void 0, !1, {
-                fileName: "D:/Websites/nextblock-production/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
+              }, this) : /* @__PURE__ */ s("span", { className: "font-bold mr-1.5", children: "+" }, void 0, !1, {
+                fileName: "D:/Websites/nextblock-sandbox/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
                 lineNumber: 171,
                 columnNumber: 19
               }, this),
@@ -191,35 +191,35 @@ function J({
           void 0,
           !0,
           {
-            fileName: "D:/Websites/nextblock-production/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
+            fileName: "D:/Websites/nextblock-sandbox/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
             lineNumber: 160,
             columnNumber: 15
           },
           this
         ) }, void 0, !1, {
-          fileName: "D:/Websites/nextblock-production/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
+          fileName: "D:/Websites/nextblock-sandbox/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
           lineNumber: 159,
           columnNumber: 13
         }, this),
-        /* @__PURE__ */ o("div", { className: "max-h-60 overflow-y-auto p-1", children: h.length === 0 ? /* @__PURE__ */ o("p", { className: "py-4 text-center text-xs text-muted-foreground", children: "No categories found." }, void 0, !1, {
-          fileName: "D:/Websites/nextblock-production/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
+        /* @__PURE__ */ s("div", { className: "max-h-60 overflow-y-auto p-1", children: h.length === 0 ? /* @__PURE__ */ s("p", { className: "py-4 text-center text-xs text-muted-foreground", children: "No categories found." }, void 0, !1, {
+          fileName: "D:/Websites/nextblock-sandbox/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
           lineNumber: 179,
           columnNumber: 15
-        }, this) : /* @__PURE__ */ o("div", { className: "flex flex-col gap-0.5", children: h.map((e) => {
-          const t = r.includes(e.id);
-          return /* @__PURE__ */ o(
+        }, this) : /* @__PURE__ */ s("div", { className: "flex flex-col gap-0.5", children: h.map((e) => {
+          const o = t.includes(e.id);
+          return /* @__PURE__ */ s(
             "div",
             {
               onClick: () => P(e.id),
               className: Q(
                 "relative flex w-full cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-xs outline-none hover:bg-accent hover:text-accent-foreground text-left transition-colors",
-                t && "bg-accent/40 font-medium"
+                o && "bg-accent/40 font-medium"
               ),
               children: [
-                /* @__PURE__ */ o("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center pointer-events-none", children: /* @__PURE__ */ o(
+                /* @__PURE__ */ s("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center pointer-events-none", children: /* @__PURE__ */ s(
                   R,
                   {
-                    checked: t,
+                    checked: o,
                     tabIndex: -1,
                     "aria-label": `Toggle ${e.name}`,
                     className: "h-3.5 w-3.5"
@@ -227,41 +227,41 @@ function J({
                   void 0,
                   !1,
                   {
-                    fileName: "D:/Websites/nextblock-production/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
+                    fileName: "D:/Websites/nextblock-sandbox/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
                     lineNumber: 196,
                     columnNumber: 25
                   },
                   this
                 ) }, void 0, !1, {
-                  fileName: "D:/Websites/nextblock-production/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
+                  fileName: "D:/Websites/nextblock-sandbox/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
                   lineNumber: 195,
                   columnNumber: 23
                 }, this),
-                /* @__PURE__ */ o("span", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ o("span", { children: e.name }, void 0, !1, {
-                    fileName: "D:/Websites/nextblock-production/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
+                /* @__PURE__ */ s("span", { className: "flex flex-col", children: [
+                  /* @__PURE__ */ s("span", { children: e.name }, void 0, !1, {
+                    fileName: "D:/Websites/nextblock-sandbox/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
                     lineNumber: 204,
                     columnNumber: 25
                   }, this),
-                  /* @__PURE__ */ o("span", { className: "font-mono text-[9px] text-muted-foreground leading-none", children: [
+                  /* @__PURE__ */ s("span", { className: "font-mono text-[9px] text-muted-foreground leading-none", children: [
                     "/",
                     e.slug
                   ] }, void 0, !0, {
-                    fileName: "D:/Websites/nextblock-production/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
+                    fileName: "D:/Websites/nextblock-sandbox/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
                     lineNumber: 205,
                     columnNumber: 25
                   }, this)
                 ] }, void 0, !0, {
-                  fileName: "D:/Websites/nextblock-production/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
+                  fileName: "D:/Websites/nextblock-sandbox/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
                   lineNumber: 203,
                   columnNumber: 23
                 }, this),
-                t && /* @__PURE__ */ o("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ o(O, { className: "h-3.5 w-3.5 text-primary" }, void 0, !1, {
-                  fileName: "D:/Websites/nextblock-production/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
+                o && /* @__PURE__ */ s("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ s(O, { className: "h-3.5 w-3.5 text-primary" }, void 0, !1, {
+                  fileName: "D:/Websites/nextblock-sandbox/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
                   lineNumber: 211,
                   columnNumber: 27
                 }, this) }, void 0, !1, {
-                  fileName: "D:/Websites/nextblock-production/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
+                  fileName: "D:/Websites/nextblock-sandbox/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
                   lineNumber: 210,
                   columnNumber: 25
                 }, this)
@@ -270,33 +270,33 @@ function J({
             e.id,
             !0,
             {
-              fileName: "D:/Websites/nextblock-production/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
+              fileName: "D:/Websites/nextblock-sandbox/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
               lineNumber: 187,
               columnNumber: 21
             },
             this
           );
         }) }, void 0, !1, {
-          fileName: "D:/Websites/nextblock-production/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
+          fileName: "D:/Websites/nextblock-sandbox/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
           lineNumber: 183,
           columnNumber: 15
         }, this) }, void 0, !1, {
-          fileName: "D:/Websites/nextblock-production/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
+          fileName: "D:/Websites/nextblock-sandbox/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
           lineNumber: 177,
           columnNumber: 11
         }, this)
       ] }, void 0, !0, {
-        fileName: "D:/Websites/nextblock-production/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
+        fileName: "D:/Websites/nextblock-sandbox/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
         lineNumber: 148,
         columnNumber: 9
       }, this)
     ] }, void 0, !0, {
-      fileName: "D:/Websites/nextblock-production/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
+      fileName: "D:/Websites/nextblock-sandbox/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
       lineNumber: 132,
       columnNumber: 7
     }, this)
   ] }, void 0, !0, {
-    fileName: "D:/Websites/nextblock-production/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
+    fileName: "D:/Websites/nextblock-sandbox/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
     lineNumber: 105,
     columnNumber: 5
   }, this);