@nextblock-cms/ecom 0.13.10 → 0.13.12

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

@@ -1,63 +1,63 @@
 'use client';
 import { jsxDEV as s } from "react/jsx-dev-runtime";
-import { useState as i, useEffect as D, useMemo as u } from "react";
-import { X as w, ChevronsUpDown as U, Search as L, Loader2 as $, Check as O } from "lucide-react";
+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 C, PopoverContent as B, Input as E, Checkbox as R } from "@nextblock-cms/ui";
+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 d } from "sonner";
-function K({
+import { toast as u } from "sonner";
+function J({
   categories: m = [],
-  selectedIds: o = [],
+  selectedIds: t = [],
   onChange: a,
-  placeholder: k = "Select categories..."
+  placeholder: v = "Select categories..."
 }) {
-  const [b, y] = i(!1), [n, p] = i(""), [t, g] = i(m), [f, N] = i(!1);
-  D(() => {
-    g(m);
+  const [d, C] = i(!1), [l, p] = i(""), [r, x] = i(m), [g, f] = i(!1);
+  w(() => {
+    x(m);
   }, [m]);
-  const x = u(() => t.filter((e) => o.includes(e.id)), [t, o]), h = u(() => {
-    if (!n) return t;
-    const e = n.toLowerCase();
-    return t.filter(
-      (r) => r.name.toLowerCase().includes(e) || r.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)
     );
-  }, [t, n]), c = n.trim(), v = u(() => {
+  }, [r, l]), c = l.trim(), k = b(() => {
     if (!c) return !1;
     const e = c.toLowerCase();
-    return !t.some((r) => r.name.toLowerCase() === e);
-  }, [t, 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 r = {
+          const o = {
             id: e.category.id,
             name: e.category.name,
             slug: e.category.slug
           };
-          g((l) => [...l, r]), a([...o, r.id]), p(""), d.success(`Category "${r.name}" created successfully.`);
+          x((n) => [...n, o]), a([...t, o.id]), p(""), u.success(`Category "${o.name}" created successfully.`);
         } else
-          d.error(e.error || "Failed to create category.");
+          u.error(e.error || "Failed to create category.");
       } catch (e) {
-        d.error(e.message || "An error occurred while creating category.");
+        u.error(e.message || "An error occurred while creating category.");
       } finally {
-        N(!1);
+        f(!1);
       }
     }
-  }, j = (e) => {
-    const r = o.includes(e) ? o.filter((l) => l !== e) : [...o, e];
-    a(r);
-  }, P = (e, r) => {
-    r.stopPropagation(), a(o.filter((l) => l !== e));
+  }, P = (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__ */ 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: x.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: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
+    /* @__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__ */ s(
+    }, this) : N.map((e) => /* @__PURE__ */ s(
       T,
       {
         variant: "secondary",
@@ -68,11 +68,11 @@ function K({
             "button",
             {
               type: "button",
-              onClick: (r) => P(e.id, r),
+              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__ */ s(w, { className: "h-3 w-3" }, void 0, !1, {
-                fileName: "C:/Users/desjardinsn/Desktop/nextblock/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 K({
             void 0,
             !1,
             {
-              fileName: "C:/Users/desjardinsn/Desktop/nextblock/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,32 +91,32 @@ function K({
       e.id,
       !0,
       {
-        fileName: "C:/Users/desjardinsn/Desktop/nextblock/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: "C:/Users/desjardinsn/Desktop/nextblock/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__ */ s(q, { open: b, onOpenChange: y, children: [
+    /* @__PURE__ */ s(q, { open: d, onOpenChange: C, children: [
       /* @__PURE__ */ s(A, { asChild: !0, children: /* @__PURE__ */ s(
-        C,
+        y,
         {
           variant: "outline",
           role: "combobox",
-          "aria-expanded": b,
+          "aria-expanded": d,
           className: "w-full justify-between h-8 text-xs font-normal",
           children: [
-            /* @__PURE__ */ s("span", { className: "truncate", children: o.length > 0 ? `${o.length} categor${o.length === 1 ? "y" : "ies"} selected` : k }, void 0, !1, {
-              fileName: "C:/Users/desjardinsn/Desktop/nextblock/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__ */ s(U, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" }, void 0, !1, {
-              fileName: "C:/Users/desjardinsn/Desktop/nextblock/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,20 +125,20 @@ function K({
         void 0,
         !0,
         {
-          fileName: "C:/Users/desjardinsn/Desktop/nextblock/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: "C:/Users/desjardinsn/Desktop/nextblock/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__ */ 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(L, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }, void 0, !1, {
-            fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/products/components/ProductCategorySelector.tsx",
+          /* @__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),
@@ -147,39 +147,39 @@ function K({
             {
               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: n,
+              value: l,
               onChange: (e) => p(e.target.value)
             },
             void 0,
             !1,
             {
-              fileName: "C:/Users/desjardinsn/Desktop/nextblock/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: "C:/Users/desjardinsn/Desktop/nextblock/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),
-        v && /* @__PURE__ */ s("div", { className: "border-b border-border/50 p-1", children: /* @__PURE__ */ s(
-          C,
+        k && /* @__PURE__ */ s("div", { className: "border-b border-border/50 p-1", children: /* @__PURE__ */ s(
+          y,
           {
             type: "button",
             variant: "ghost",
             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__ */ s($, { className: "mr-2 h-3 w-3 animate-spin" }, void 0, !1, {
-                fileName: "C:/Users/desjardinsn/Desktop/nextblock/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__ */ s("span", { className: "font-bold mr-1.5", children: "+" }, void 0, !1, {
-                fileName: "C:/Users/desjardinsn/Desktop/nextblock/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: 171,
                 columnNumber: 19
               }, this),
@@ -191,35 +191,35 @@ function K({
           void 0,
           !0,
           {
-            fileName: "C:/Users/desjardinsn/Desktop/nextblock/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: "C:/Users/desjardinsn/Desktop/nextblock/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__ */ 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: "C:/Users/desjardinsn/Desktop/nextblock/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: 179,
           columnNumber: 15
         }, this) : /* @__PURE__ */ s("div", { className: "flex flex-col gap-0.5", children: h.map((e) => {
-          const r = o.includes(e.id);
+          const o = t.includes(e.id);
           return /* @__PURE__ */ s(
             "div",
             {
-              onClick: () => j(e.id),
+              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",
-                r && "bg-accent/40 font-medium"
+                o && "bg-accent/40 font-medium"
               ),
               children: [
                 /* @__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: r,
+                    checked: o,
                     tabIndex: -1,
                     "aria-label": `Toggle ${e.name}`,
                     className: "h-3.5 w-3.5"
@@ -227,19 +227,19 @@ function K({
                   void 0,
                   !1,
                   {
-                    fileName: "C:/Users/desjardinsn/Desktop/nextblock/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: "C:/Users/desjardinsn/Desktop/nextblock/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__ */ s("span", { className: "flex flex-col", children: [
                   /* @__PURE__ */ s("span", { children: e.name }, void 0, !1, {
-                    fileName: "C:/Users/desjardinsn/Desktop/nextblock/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: 204,
                     columnNumber: 25
                   }, this),
@@ -247,21 +247,21 @@ function K({
                     "/",
                     e.slug
                   ] }, void 0, !0, {
-                    fileName: "C:/Users/desjardinsn/Desktop/nextblock/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: "C:/Users/desjardinsn/Desktop/nextblock/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),
-                r && /* @__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: "C:/Users/desjardinsn/Desktop/nextblock/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: "C:/Users/desjardinsn/Desktop/nextblock/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,37 +270,37 @@ function K({
             e.id,
             !0,
             {
-              fileName: "C:/Users/desjardinsn/Desktop/nextblock/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: "C:/Users/desjardinsn/Desktop/nextblock/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: "C:/Users/desjardinsn/Desktop/nextblock/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: "C:/Users/desjardinsn/Desktop/nextblock/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: "C:/Users/desjardinsn/Desktop/nextblock/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: "C:/Users/desjardinsn/Desktop/nextblock/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);
 }
 export {
-  K as ProductCategorySelector
+  J as ProductCategorySelector
 };