@nextblock-cms/ecom 0.18.8 → 0.19.2

package/lib/components/CartDrawer.es.js

@@ -1,303 +1,149 @@
 'use client';
-import { jsxDEV as e, Fragment as v } from "react/jsx-dev-runtime";
-import { Sheet as w, SheetContent as j, SheetHeader as B, SheetTitle as R, SheetDescription as H } from "@nextblock-cms/ui/sheet";
-import { Badge as U } from "@nextblock-cms/ui/badge";
-import { Button as m } from "@nextblock-cms/ui/button";
-import { useRouter as y } from "next/navigation";
-import { Minus as g, Plus as _, Trash2 as S } from "lucide-react";
-import { useCartSubtotal as q, getCartItemActivePrice as P } from "../cart-store.es.js";
+import { jsx as t, jsxs as r, Fragment as x } from "react/jsx-runtime";
+import { Sheet as C, SheetContent as k, SheetHeader as j, SheetTitle as q, SheetDescription as S } from "@nextblock-cms/ui/sheet";
+import { Badge as F } from "@nextblock-cms/ui/badge";
+import { Button as d } from "@nextblock-cms/ui/button";
+import b from "next/link";
+import { useRef as D } from "react";
+import { Minus as P, Plus as R, Trash2 as A } from "lucide-react";
+import { useCartSubtotal as O, getCartItemActivePrice as Q } from "../cart-store.es.js";
 import { useCart as T } from "../use-cart.es.js";
-import { useTranslations as O, formatPrice as a } from "@nextblock-cms/utils";
-import { isDigitalItem as b } from "../types.es.js";
-import { useCurrency as Q } from "../CurrencyProvider.es.js";
-import { getTrialSummary as A } from "../trials.es.js";
-import { CouponForm as F } from "./CouponForm.es.js";
-const $ = () => {
-  const d = y(), u = T((r) => r), f = q(), { t: s } = O(), { activeCurrencyCode: t, currencies: p } = Q();
-  if (!u) return null;
-  const { isOpen: x, setIsOpen: i, items: l, updateQuantity: N, removeItem: C } = u, k = (r) => l.reduce((o, n) => b(n) || n.sku !== r ? o : o + n.quantity, 0), D = () => {
-    i(!1), d.push("/cart");
-  }, h = () => {
-    i(!1), d.push("/checkout");
-  };
-  return /* @__PURE__ */ e(w, { open: x, onOpenChange: i, children: /* @__PURE__ */ e(j, { className: "flex w-full flex-col pr-0 sm:max-w-lg", children: [
-    /* @__PURE__ */ e(B, { className: "px-1 text-left", children: [
-      /* @__PURE__ */ e(R, { children: [
-        s("ecommerce.shopping_cart"),
-        " (",
-        l.length,
-        ")"
-      ] }, void 0, !0, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-        lineNumber: 57,
-        columnNumber: 11
-      }, void 0),
-      /* @__PURE__ */ e(H, { className: "sr-only", children: s("ecommerce.shopping_cart") }, void 0, !1, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-        lineNumber: 58,
-        columnNumber: 11
-      }, void 0)
-    ] }, void 0, !0, {
-      fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-      lineNumber: 56,
-      columnNumber: 9
-    }, void 0),
-    l.length > 0 ? /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col gap-5 overflow-y-auto p-1 pr-6 pt-4", children: l.map((r) => {
-      const o = k(r.sku);
-      return /* @__PURE__ */ e("div", { className: "flex gap-4", children: (() => {
-        const n = P(r, {
-          currencyCode: t,
-          currencies: p
-        }), c = A(r);
-        return /* @__PURE__ */ e(v, { children: [
-          r.image_url ? /* @__PURE__ */ e("div", { className: "relative aspect-square h-20 w-20 min-w-fit overflow-hidden rounded border bg-neutral-100", children: /* @__PURE__ */ e(
-            "img",
-            {
-              src: r.image_url,
-              alt: r.title,
-              className: "h-full w-full object-cover"
-            },
-            void 0,
-            !1,
-            {
-              fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-              lineNumber: 81,
-              columnNumber: 23
-            },
-            void 0
-          ) }, void 0, !1, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-            lineNumber: 80,
-            columnNumber: 21
-          }, void 0) : /* @__PURE__ */ e("div", { className: "flex h-20 w-20 items-center justify-center rounded bg-secondary", children: /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: s("ecommerce.no_image") }, void 0, !1, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-            lineNumber: 89,
-            columnNumber: 23
-          }, void 0) }, void 0, !1, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-            lineNumber: 88,
-            columnNumber: 21
-          }, void 0),
-          /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col justify-between", children: [
-            /* @__PURE__ */ e("div", { className: "flex justify-between gap-2", children: [
-              /* @__PURE__ */ e("div", { children: [
-                /* @__PURE__ */ e("span", { className: "line-clamp-2 text-sm font-medium leading-tight", children: r.title }, void 0, !1, {
-                  fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-                  lineNumber: 96,
-                  columnNumber: 25
-                }, void 0),
-                r.variant_label && /* @__PURE__ */ e("div", { className: "mt-1 text-xs text-muted-foreground", children: r.variant_label }, void 0, !1, {
-                  fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-                  lineNumber: 100,
-                  columnNumber: 27
-                }, void 0),
-                c && /* @__PURE__ */ e("div", { className: "mt-1 text-xs font-medium text-emerald-700", children: [
-                  c.label,
-                  " - ",
-                  c.paymentRequirementLabel
-                ] }, void 0, !0, {
-                  fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-                  lineNumber: 105,
-                  columnNumber: 27
-                }, void 0)
-              ] }, void 0, !0, {
-                fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-                lineNumber: 95,
-                columnNumber: 23
-              }, void 0),
-              /* @__PURE__ */ e("span", { className: "text-sm font-semibold", children: [
-                n.sale_price && /* @__PURE__ */ e("span", { className: "mr-1.5 text-xs font-normal text-muted-foreground line-through", children: a(n.price, t) }, void 0, !1, {
-                  fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-                  lineNumber: 112,
-                  columnNumber: 27
-                }, void 0),
-                a(n.sale_price ?? n.price, t)
-              ] }, void 0, !0, {
-                fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-                lineNumber: 110,
-                columnNumber: 23
-              }, void 0)
-            ] }, void 0, !0, {
-              fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-              lineNumber: 94,
-              columnNumber: 21
-            }, void 0),
-            /* @__PURE__ */ e("div", { className: "flex items-center justify-between text-sm", children: [
-              b(r) ? /* @__PURE__ */ e(U, { variant: "secondary", className: "font-normal text-xs", children: "1 (License)" }, void 0, !1, {
-                fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-                lineNumber: 122,
-                columnNumber: 25
-              }, void 0) : /* @__PURE__ */ e("div", { className: "flex items-center rounded-md border text-xs", children: [
-                /* @__PURE__ */ e(
-                  "button",
-                  {
-                    onClick: () => N(r.id, r.quantity - 1),
-                    className: "flex h-7 w-7 items-center justify-center border-r",
-                    type: "button",
-                    children: /* @__PURE__ */ e(g, { className: "h-3 w-3" }, void 0, !1, {
-                      fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-                      lineNumber: 132,
-                      columnNumber: 29
-                    }, void 0)
-                  },
-                  void 0,
-                  !1,
-                  {
-                    fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-                    lineNumber: 127,
-                    columnNumber: 27
-                  },
-                  void 0
-                ),
-                /* @__PURE__ */ e("span", { className: "flex h-7 w-8 items-center justify-center", children: r.quantity }, void 0, !1, {
-                  fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-                  lineNumber: 134,
-                  columnNumber: 27
-                }, void 0),
-                /* @__PURE__ */ e(
-                  "button",
-                  {
-                    onClick: () => N(r.id, r.quantity + 1),
-                    className: "flex h-7 w-7 items-center justify-center border-l",
-                    type: "button",
-                    disabled: typeof r.stock == "number" && o >= r.stock,
-                    children: /* @__PURE__ */ e(_, { className: "h-3 w-3" }, void 0, !1, {
-                      fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-                      lineNumber: 146,
-                      columnNumber: 29
-                    }, void 0)
-                  },
-                  void 0,
-                  !1,
-                  {
-                    fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-                    lineNumber: 137,
-                    columnNumber: 27
-                  },
-                  void 0
-                )
-              ] }, void 0, !0, {
-                fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-                lineNumber: 126,
-                columnNumber: 25
-              }, void 0),
-              /* @__PURE__ */ e(
-                "button",
+import { useTranslations as I } from "@nextblock-cms/utils";
+import { usePriceFormatter as $ } from "../use-price-formatter.es.js";
+import { isDigitalItem as g } from "../types.es.js";
+import { useCurrency as B } from "../CurrencyProvider.es.js";
+import { getTrialSummary as L } from "../trials.es.js";
+import { CouponForm as z } from "./CouponForm.es.js";
+const ne = () => {
+  const u = $(), f = T((e) => e), v = O(), { t: n } = I(), h = D(null), l = (e, s, c) => {
+    const a = n(e, c);
+    return a === e ? s : a;
+  }, { activeCurrencyCode: o, currencies: y } = B();
+  if (!f) return null;
+  const { isOpen: N, setIsOpen: m, items: i, updateQuantity: p, removeItem: w } = f, _ = (e) => i.reduce((s, c) => g(c) || c.sku !== e ? s : s + c.quantity, 0);
+  return /* @__PURE__ */ t(C, { open: N, onOpenChange: m, children: /* @__PURE__ */ r(
+    k,
+    {
+      className: "flex w-full flex-col pr-0 sm:max-w-lg",
+      onOpenAutoFocus: () => {
+        h.current = document.activeElement;
+      },
+      onCloseAutoFocus: (e) => {
+        e.preventDefault(), h.current?.focus();
+      },
+      children: [
+        /* @__PURE__ */ r(j, { className: "px-1 text-left", children: [
+          /* @__PURE__ */ r(q, { children: [
+            n("ecommerce.shopping_cart"),
+            " (",
+            i.length,
+            ")"
+          ] }),
+          /* @__PURE__ */ t(S, { className: "sr-only", children: n("ecommerce.shopping_cart") })
+        ] }),
+        i.length > 0 ? /* @__PURE__ */ t("div", { className: "flex flex-1 flex-col gap-5 overflow-y-auto overscroll-contain p-1 pr-6 pt-4", children: i.map((e) => {
+          const s = _(e.sku);
+          return /* @__PURE__ */ t("div", { className: "flex gap-4", children: (() => {
+            const c = Q(e, {
+              currencyCode: o,
+              currencies: y
+            }), a = L(e, n);
+            return /* @__PURE__ */ r(x, { children: [
+              e.image_url ? /* @__PURE__ */ t("div", { className: "relative aspect-square h-20 w-20 min-w-fit overflow-hidden rounded border bg-neutral-100", children: /* @__PURE__ */ t(
+                "img",
                 {
-                  onClick: () => C(r.id),
-                  className: "text-muted-foreground hover:text-destructive",
-                  type: "button",
-                  children: /* @__PURE__ */ e(S, { className: "h-4 w-4" }, void 0, !1, {
-                    fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-                    lineNumber: 156,
-                    columnNumber: 25
-                  }, void 0)
-                },
-                void 0,
-                !1,
-                {
-                  fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-                  lineNumber: 151,
-                  columnNumber: 23
-                },
-                void 0
-              )
-            ] }, void 0, !0, {
-              fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-              lineNumber: 120,
-              columnNumber: 21
-            }, void 0)
-          ] }, void 0, !0, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-            lineNumber: 93,
-            columnNumber: 19
-          }, void 0)
-        ] }, void 0, !0, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-          lineNumber: 78,
-          columnNumber: 23
-        }, void 0);
-      })() }, r.id, !1, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-        lineNumber: 69,
-        columnNumber: 17
-      }, void 0);
-    }) }, void 0, !1, {
-      fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-      lineNumber: 64,
-      columnNumber: 12
-    }, void 0) : /* @__PURE__ */ e("div", { className: "flex h-full flex-col items-center justify-center space-y-2", children: [
-      /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: s("ecommerce.cart_empty") }, void 0, !1, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-        lineNumber: 169,
-        columnNumber: 13
-      }, void 0),
-      /* @__PURE__ */ e(m, { variant: "outline", onClick: () => i(!1), children: s("ecommerce.continue_shopping") }, void 0, !1, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-        lineNumber: 170,
-        columnNumber: 13
-      }, void 0)
-    ] }, void 0, !0, {
-      fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-      lineNumber: 168,
-      columnNumber: 11
-    }, void 0),
-    l.length > 0 && /* @__PURE__ */ e("div", { className: "border-t pr-6 pt-4", children: [
-      /* @__PURE__ */ e("div", { className: "flex items-center justify-between text-base font-medium", children: [
-        /* @__PURE__ */ e("span", { children: s("ecommerce.subtotal") }, void 0, !1, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-          lineNumber: 179,
-          columnNumber: 17
-        }, void 0),
-        /* @__PURE__ */ e("span", { children: a(f, t) }, void 0, !1, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-          lineNumber: 180,
-          columnNumber: 17
-        }, void 0)
-      ] }, void 0, !0, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-        lineNumber: 178,
-        columnNumber: 14
-      }, void 0),
-      /* @__PURE__ */ e("p", { className: "mb-4 mt-1 text-xs text-muted-foreground", children: s("ecommerce.shipping_taxes_calculated") }, void 0, !1, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-        lineNumber: 182,
-        columnNumber: 14
-      }, void 0),
-      /* @__PURE__ */ e("div", { className: "mb-4", children: /* @__PURE__ */ e(F, { items: l, currencyCode: t, compact: !0 }, void 0, !1, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-        lineNumber: 186,
-        columnNumber: 17
-      }, void 0) }, void 0, !1, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-        lineNumber: 185,
-        columnNumber: 14
-      }, void 0),
-      /* @__PURE__ */ e(m, { variant: "outline", className: "w-full mb-3", onClick: D, children: s("ecommerce.view_full_cart") }, void 0, !1, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-        lineNumber: 188,
-        columnNumber: 14
-      }, void 0),
-      /* @__PURE__ */ e(m, { className: "w-full", onClick: h, children: s("ecommerce.ready_to_checkout") }, void 0, !1, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-        lineNumber: 191,
-        columnNumber: 14
-      }, void 0)
-    ] }, void 0, !0, {
-      fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-      lineNumber: 177,
-      columnNumber: 11
-    }, void 0)
-  ] }, void 0, !0, {
-    fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-    lineNumber: 55,
-    columnNumber: 7
-  }, void 0) }, void 0, !1, {
-    fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartDrawer.tsx",
-    lineNumber: 54,
-    columnNumber: 5
-  }, void 0);
+                  src: e.image_url,
+                  alt: "",
+                  width: 80,
+                  height: 80,
+                  loading: "lazy",
+                  decoding: "async",
+                  className: "h-full w-full object-cover"
+                }
+              ) }) : /* @__PURE__ */ t("div", { className: "flex h-20 w-20 items-center justify-center rounded bg-secondary", children: /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: n("ecommerce.no_image") }) }),
+              /* @__PURE__ */ r("div", { className: "flex min-w-0 flex-1 flex-col justify-between", children: [
+                /* @__PURE__ */ r("div", { className: "flex justify-between gap-2", children: [
+                  /* @__PURE__ */ r("div", { className: "min-w-0", children: [
+                    /* @__PURE__ */ t("span", { className: "line-clamp-2 text-sm font-medium leading-tight", children: e.title }),
+                    e.variant_label && /* @__PURE__ */ t("div", { className: "mt-1 text-xs text-muted-foreground", children: e.variant_label }),
+                    a && /* @__PURE__ */ r("div", { className: "mt-1 text-xs font-medium text-emerald-700", children: [
+                      a.label,
+                      " - ",
+                      a.paymentRequirementLabel
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ r("span", { className: "text-sm font-semibold tabular-nums", children: [
+                    c.sale_price && /* @__PURE__ */ r(x, { children: [
+                      /* @__PURE__ */ r("span", { className: "sr-only", children: [
+                        l("ecommerce.regular_price", "Regular price"),
+                        " "
+                      ] }),
+                      /* @__PURE__ */ t("s", { className: "mr-1.5 text-xs font-normal text-muted-foreground", children: u(c.price, o) }),
+                      /* @__PURE__ */ r("span", { className: "sr-only", children: [
+                        l("ecommerce.sale_price", "Sale price"),
+                        " "
+                      ] })
+                    ] }),
+                    u(c.sale_price ?? c.price, o)
+                  ] })
+                ] }),
+                /* @__PURE__ */ r("div", { className: "flex items-center justify-between text-sm", children: [
+                  g(e) ? /* @__PURE__ */ t(F, { variant: "secondary", className: "font-normal text-xs", children: l("ecommerce.license_count_one", "1 license", { count: 1 }) }) : /* @__PURE__ */ r("div", { role: "group", "aria-label": `${l("ecommerce.quantity", "Quantity")}: ${e.title}`, className: "flex items-center rounded-md border text-xs", children: [
+                    /* @__PURE__ */ t(
+                      "button",
+                      {
+                        onClick: () => p(e.id, e.quantity - 1),
+                        className: "flex h-7 w-7 items-center justify-center rounded-l-md border-r focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",
+                        type: "button",
+                        "aria-label": l("ecommerce.decrease_quantity", "Decrease quantity"),
+                        children: /* @__PURE__ */ t(P, { className: "h-3 w-3" })
+                      }
+                    ),
+                    /* @__PURE__ */ t("span", { "aria-live": "polite", "aria-atomic": "true", className: "flex h-7 w-8 items-center justify-center tabular-nums", children: e.quantity }),
+                    /* @__PURE__ */ t(
+                      "button",
+                      {
+                        onClick: () => p(e.id, e.quantity + 1),
+                        className: "flex h-7 w-7 items-center justify-center rounded-r-md border-l focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",
+                        type: "button",
+                        "aria-label": l("ecommerce.increase_quantity", "Increase quantity"),
+                        disabled: typeof e.stock == "number" && s >= e.stock,
+                        children: /* @__PURE__ */ t(R, { className: "h-3 w-3" })
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ t(
+                    "button",
+                    {
+                      onClick: () => w(e.id),
+                      className: "inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground transition-colors hover:text-destructive focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",
+                      type: "button",
+                      "aria-label": l("ecommerce.remove_item", `Remove ${e.title} from cart`, { item: e.title }),
+                      children: /* @__PURE__ */ t(A, { className: "h-4 w-4" })
+                    }
+                  )
+                ] })
+              ] })
+            ] });
+          })() }, e.id);
+        }) }) : /* @__PURE__ */ r("div", { className: "flex h-full flex-col items-center justify-center space-y-2", children: [
+          /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: n("ecommerce.cart_empty") }),
+          /* @__PURE__ */ t(d, { variant: "outline", onClick: () => m(!1), children: n("ecommerce.continue_shopping") })
+        ] }),
+        i.length > 0 && /* @__PURE__ */ r("div", { className: "border-t pr-6 pt-4", children: [
+          /* @__PURE__ */ r("div", { className: "flex items-center justify-between text-base font-medium", children: [
+            /* @__PURE__ */ t("span", { children: n("ecommerce.subtotal") }),
+            /* @__PURE__ */ t("span", { children: u(v, o) })
+          ] }),
+          /* @__PURE__ */ t("p", { className: "mb-4 mt-1 text-xs text-muted-foreground", children: n("ecommerce.shipping_taxes_calculated") }),
+          /* @__PURE__ */ t("div", { className: "mb-4", children: /* @__PURE__ */ t(z, { items: i, currencyCode: o, compact: !0 }) }),
+          /* @__PURE__ */ t(d, { asChild: !0, variant: "outline", className: "w-full mb-3", children: /* @__PURE__ */ t(b, { href: "/cart", onClick: () => m(!1), children: n("ecommerce.view_full_cart") }) }),
+          /* @__PURE__ */ t(d, { asChild: !0, className: "w-full", children: /* @__PURE__ */ t(b, { href: "/checkout", onClick: () => m(!1), children: n("ecommerce.ready_to_checkout") }) })
+        ] })
+      ]
+    }
+  ) });
 };
 export {
-  $ as CartDrawer
+  ne as CartDrawer
 };

package/lib/components/CartIcon.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),c=require("@nextblock-cms/ui/badge"),r=require("@nextblock-cms/ui/button"),n=require("lucide-react"),o=require("../cart-store.cjs.js"),a=require("../use-cart.cjs.js"),l=()=>{const i=o.useCartStore(s=>s.toggleCart),t=o.useCartTotalItems();return a.useCart(s=>s.isOpen)!==void 0?e.jsxDEV(r.Button,{variant:"ghost",size:"icon",className:"relative",onClick:i,"aria-label":"Open cart",children:[e.jsxDEV(n.ShoppingBag,{className:"h-5 w-5"},void 0,!1,{fileName:"C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartIcon.tsx",lineNumber:34,columnNumber:7},void 0),t>0&&e.jsxDEV(c.Badge,{variant:"destructive",className:"absolute -right-1 -top-1 h-4 w-4 items-center justify-center p-0 text-[10px]",children:t},void 0,!1,{fileName:"C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartIcon.tsx",lineNumber:36,columnNumber:9},void 0)]},void 0,!0,{fileName:"C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartIcon.tsx",lineNumber:27,columnNumber:5},void 0):e.jsxDEV(r.Button,{variant:"ghost",size:"icon",className:"relative","aria-label":"Open cart",children:e.jsxDEV(n.ShoppingBag,{className:"h-5 w-5"},void 0,!1,{fileName:"C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartIcon.tsx",lineNumber:21,columnNumber:13},void 0)},void 0,!1,{fileName:"C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartIcon.tsx",lineNumber:20,columnNumber:9},void 0)};exports.CartIcon=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("@nextblock-cms/ui/badge"),o=require("@nextblock-cms/ui/button"),n=require("lucide-react"),g=require("@nextblock-cms/utils"),c=require("../cart-store.cjs.js"),d=require("../use-cart.cjs.js"),m=()=>{const i=c.useCartStore(a=>a.toggleCart),t=c.useCartTotalItems(),l=d.useCart(a=>a.isOpen)!==void 0,{t:u}=g.useTranslations(),r=u("ecommerce.open_cart_count",{count:t}),s=r==="ecommerce.open_cart_count"?`Open cart (${t} items)`:r;return l?e.jsxs(o.Button,{variant:"ghost",size:"icon",className:"relative",onClick:i,"aria-label":s,"aria-haspopup":"dialog",children:[e.jsx(n.ShoppingBag,{className:"h-5 w-5"}),t>0&&e.jsx(p.Badge,{variant:"destructive",className:"absolute -right-1 -top-1 h-4 w-4 items-center justify-center p-0 text-[10px]",children:t})]}):e.jsx(o.Button,{variant:"ghost",size:"icon",className:"relative","aria-label":s,"aria-haspopup":"dialog",children:e.jsx(n.ShoppingBag,{className:"h-5 w-5"})})};exports.CartIcon=m;

package/lib/components/CartIcon.es.js

@@ -1,62 +1,36 @@
 'use client';
-import { jsxDEV as e } from "react/jsx-dev-runtime";
-import { Badge as i } from "@nextblock-cms/ui/badge";
-import { Button as t } from "@nextblock-cms/ui/button";
-import { ShoppingBag as o } from "lucide-react";
-import { useCartStore as a, useCartTotalItems as c } from "../cart-store.es.js";
-import { useCart as m } from "../use-cart.es.js";
-const C = () => {
-  const n = a((r) => r.toggleCart), s = c();
-  return m((r) => r.isOpen) !== void 0 ? /* @__PURE__ */ e(
-    t,
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import { Badge as p } from "@nextblock-cms/ui/badge";
+import { Button as s } from "@nextblock-cms/ui/button";
+import { ShoppingBag as i } from "lucide-react";
+import { useTranslations as u } from "@nextblock-cms/utils";
+import { useCartStore as h, useCartTotalItems as g } from "../cart-store.es.js";
+import { useCart as d } from "../use-cart.es.js";
+const j = () => {
+  const n = h((e) => e.toggleCart), t = g(), c = d((e) => e.isOpen) !== void 0, { t: m } = u(), o = m("ecommerce.open_cart_count", { count: t }), r = o === "ecommerce.open_cart_count" ? `Open cart (${t} items)` : o;
+  return c ? /* @__PURE__ */ l(
+    s,
     {
       variant: "ghost",
       size: "icon",
       className: "relative",
       onClick: n,
-      "aria-label": "Open cart",
+      "aria-label": r,
+      "aria-haspopup": "dialog",
       children: [
-        /* @__PURE__ */ e(o, { className: "h-5 w-5" }, void 0, !1, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartIcon.tsx",
-          lineNumber: 34,
-          columnNumber: 7
-        }, void 0),
-        s > 0 && /* @__PURE__ */ e(
-          i,
+        /* @__PURE__ */ a(i, { className: "h-5 w-5" }),
+        t > 0 && /* @__PURE__ */ a(
+          p,
           {
             variant: "destructive",
             className: "absolute -right-1 -top-1 h-4 w-4 items-center justify-center p-0 text-[10px]",
-            children: s
-          },
-          void 0,
-          !1,
-          {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartIcon.tsx",
-            lineNumber: 36,
-            columnNumber: 9
-          },
-          void 0
+            children: t
+          }
         )
       ]
-    },
-    void 0,
-    !0,
-    {
-      fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartIcon.tsx",
-      lineNumber: 27,
-      columnNumber: 5
-    },
-    void 0
-  ) : /* @__PURE__ */ e(t, { variant: "ghost", size: "icon", className: "relative", "aria-label": "Open cart", children: /* @__PURE__ */ e(o, { className: "h-5 w-5" }, void 0, !1, {
-    fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartIcon.tsx",
-    lineNumber: 21,
-    columnNumber: 13
-  }, void 0) }, void 0, !1, {
-    fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/CartIcon.tsx",
-    lineNumber: 20,
-    columnNumber: 9
-  }, void 0);
+    }
+  ) : /* @__PURE__ */ a(s, { variant: "ghost", size: "icon", className: "relative", "aria-label": r, "aria-haspopup": "dialog", children: /* @__PURE__ */ a(i, { className: "h-5 w-5" }) });
 };
 export {
-  C as CartIcon
+  j as CartIcon
 };