@enadhq/enad-react-sdk 1.0.0 → 1.0.2

package/dist/client/cart/components/cart-drawer.mjs

@@ -0,0 +1,311 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useCallback } from "react";
+import Link from "next/link";
+import { useCart } from "../../cart/hooks/useCart";
+import { useIcon } from "../../icons/icon-context";
+import { Button } from "../../ui/button";
+function CartLoadingSkeleton() {
+  return /* @__PURE__ */ jsx("div", { className: "space-y-6", "aria-busy": "true", "aria-label": "Loading cart items", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs("div", { className: "flex gap-4 animate-pulse", children: [
+    /* @__PURE__ */ jsx("div", { className: "w-24 h-24 flex-shrink-0 bg-(--enad-border-color) rounded-(--enad-border-radius)" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-3/4 bg-(--enad-border-color) rounded-(--enad-border-radius)" }),
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-1/3 bg-(--enad-border-color) rounded-(--enad-border-radius)" }),
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-1/4 bg-(--enad-border-color) rounded-(--enad-border-radius)" })
+    ] })
+  ] }, i)) });
+}
+function CartEmptyState({
+  message,
+  onClose,
+  buttonLabel
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center h-full text-center", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-(--enad-text-muted-color) mb-4", children: message }),
+    /* @__PURE__ */ jsx(Button, { onClick: onClose, variant: "outline", children: buttonLabel })
+  ] });
+}
+function CartItemImage({ imageUrl, alt }) {
+  return /* @__PURE__ */ jsx("div", { className: "relative w-24 h-24 flex-shrink-0 bg-(--enad-border-color) rounded-(--enad-border-radius) overflow-hidden", children: imageUrl ? /* @__PURE__ */ jsx("img", { src: imageUrl, alt, className: "object-cover" }) : /* @__PURE__ */ jsx("div", { className: "w-full h-full bg-(--enad-border-color)" }) });
+}
+function CartItemDetails({
+  item,
+  onClose,
+  onUpdateQuantity,
+  onRemove,
+  formatPrice
+}) {
+  const MinusIcon = useIcon("minus");
+  const PlusIcon = useIcon("plus");
+  const TrashIcon = useIcon("trash");
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-1 min-w-0 justify-between flex-col", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-2 mb-2", children: [
+      /* @__PURE__ */ jsx(
+        Link,
+        {
+          href: `/products/${item.productSlug || item.productVariantId}`,
+          className: "font-medium text-sm text-(--enad-link-color) hover:text-(--enad-link-hover-color) transition-colors",
+          onClick: onClose,
+          children: item.displayName
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "icon",
+          className: "h-5 w-5 flex-shrink-0",
+          onClick: () => onRemove(item.id),
+          "aria-label": `Remove ${item.displayName}`,
+          children: /* @__PURE__ */ jsx(TrashIcon, { className: "h-4 w-4" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-(--enad-text-muted-color) mb-1", children: formatPrice(item.unitPrice.amount) }),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "flex items-center gap-2",
+          role: "group",
+          "aria-label": `Quantity for ${item.displayName}`,
+          children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outline",
+                size: "icon",
+                className: "h-5 w-5 bg-transparent active:scale-90 transition-transform duration-75 motion-reduce:transform-none",
+                onClick: () => onUpdateQuantity(item.id, item.quantity - 1),
+                disabled: item.quantity <= 1,
+                "aria-label": "Decrease quantity",
+                children: /* @__PURE__ */ jsx(MinusIcon, { className: "h-3 w-3" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "text-sm font-medium w-8 text-center text-(--enad-text-primary-color)",
+                "aria-live": "polite",
+                children: item.quantity
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outline",
+                size: "icon",
+                className: "h-5 w-5 bg-transparent active:scale-90 transition-transform duration-75 motion-reduce:transform-none",
+                onClick: () => onUpdateQuantity(item.id, item.quantity + 1),
+                "aria-label": "Increase quantity",
+                children: /* @__PURE__ */ jsx(PlusIcon, { className: "h-3 w-3" })
+              }
+            )
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function CartItemRow({
+  item,
+  onClose,
+  onUpdateQuantity,
+  onRemove,
+  formatPrice
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex gap-4", role: "listitem", children: [
+    /* @__PURE__ */ jsx(CartItemImage, { imageUrl: item.imageUrl, alt: item.displayName }),
+    /* @__PURE__ */ jsx(
+      CartItemDetails,
+      {
+        item,
+        onClose,
+        onUpdateQuantity,
+        onRemove,
+        formatPrice
+      }
+    )
+  ] });
+}
+function CartTotals({
+  totals,
+  formatPrice,
+  labels
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "p-6 space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-muted-color)", children: labels.subtotal }),
+      /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-primary-color)", children: formatPrice(totals.subtotal.amount) })
+    ] }),
+    totals.discount.amount > 0 && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-muted-color)", children: labels.discount }),
+      /* @__PURE__ */ jsxs("span", { className: "text-(--enad-success-color)", children: [
+        "-",
+        formatPrice(totals.discount.amount)
+      ] })
+    ] }),
+    totals.tax.amount > 0 && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-muted-color)", children: labels.tax }),
+      /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-primary-color)", children: formatPrice(totals.tax.amount) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-lg font-bold pt-4 border-t border-(--enad-border-color)", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-primary-color)", children: labels.total }),
+      /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-primary-color)", children: formatPrice(totals.total.amount) })
+    ] }),
+    /* @__PURE__ */ jsx(Button, { className: "w-full py-6 text-sm font-medium uppercase tracking-wider", size: "lg", children: labels.proceedToCheckout })
+  ] });
+}
+function useCartDrawer(isOpen, onClose) {
+  const drawerRef = useRef(null);
+  const closeButtonRef = useRef(null);
+  const { cart, isLoading, removeItem, updateItem } = useCart();
+  useEffect(() => {
+    if (isOpen) {
+      const timer = setTimeout(() => closeButtonRef.current?.focus(), 100);
+      return () => clearTimeout(timer);
+    }
+  }, [isOpen]);
+  const handleKeyDown = useCallback(
+    (e) => {
+      if (e.key === "Escape") {
+        e.stopPropagation();
+        onClose();
+      }
+    },
+    [onClose]
+  );
+  const formatPrice = (amount) => {
+    return `${(amount / 100).toFixed(2)} ${cart?.currencyCode || "SEK"}`;
+  };
+  const handleUpdateQuantity = (itemId, newQuantity) => {
+    updateItem({ itemId, quantity: newQuantity });
+  };
+  const handleRemoveItem = (itemId) => {
+    removeItem({ itemId });
+  };
+  return {
+    drawerRef,
+    closeButtonRef,
+    cart,
+    isLoading,
+    items: cart?.items || [],
+    totals: cart?.totals,
+    handleKeyDown,
+    formatPrice,
+    handleUpdateQuantity,
+    handleRemoveItem
+  };
+}
+function CartContent({
+  isLoading,
+  items,
+  emptyCartMessage,
+  continueShopping,
+  onClose,
+  onUpdateQuantity,
+  onRemove,
+  formatPrice
+}) {
+  if (isLoading) return /* @__PURE__ */ jsx(CartLoadingSkeleton, {});
+  if (items.length === 0) {
+    return /* @__PURE__ */ jsx(CartEmptyState, { message: emptyCartMessage, onClose, buttonLabel: continueShopping });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "space-y-6", role: "list", "aria-label": "Cart items", children: items.map((item) => /* @__PURE__ */ jsx(
+    CartItemRow,
+    {
+      item,
+      onClose,
+      onUpdateQuantity,
+      onRemove,
+      formatPrice
+    },
+    item.id
+  )) });
+}
+function CartDrawer({ isOpen, onClose, className, labels = {} }) {
+  const CloseIcon = useIcon("close");
+  const {
+    title = "Shopping Cart",
+    emptyCartMessage = "Your cart is empty",
+    continueShopping = "Continue Shopping",
+    subtotal = "Subtotal",
+    discount = "Discount",
+    tax = "Tax",
+    total = "Total",
+    proceedToCheckout = "Proceed to Checkout"
+  } = labels;
+  const {
+    drawerRef,
+    closeButtonRef,
+    isLoading,
+    items,
+    totals,
+    handleKeyDown,
+    formatPrice,
+    handleUpdateQuantity,
+    handleRemoveItem
+  } = useCartDrawer(isOpen, onClose);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `fixed font-enad inset-0 bg-black/60 backdrop-blur-sm z-50 transition-opacity duration-300 motion-reduce:transition-none ${isOpen ? "opacity-100" : "opacity-0 pointer-events-none"}`,
+        onClick: onClose,
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: drawerRef,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": title,
+        onKeyDown: handleKeyDown,
+        className: `fixed top-0 right-0 h-full w-full md:w-[480px] bg-(--enad-surface) z-50 transform transition-transform duration-300 ease-in-out motion-reduce:transition-none ${isOpen ? "translate-x-0" : "translate-x-full"} ${className ?? ""}`,
+        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-6", children: [
+            /* @__PURE__ */ jsx("h2", { className: "text-xl font-heading font-bold tracking-wider uppercase text-(--enad-text-primary-color)", children: title }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                ref: closeButtonRef,
+                variant: "ghost",
+                size: "icon",
+                onClick: onClose,
+                "aria-label": "Close cart",
+                children: /* @__PURE__ */ jsx(CloseIcon, { className: "h-5 w-5" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto p-6", children: /* @__PURE__ */ jsx(
+            CartContent,
+            {
+              isLoading,
+              items,
+              emptyCartMessage,
+              continueShopping,
+              onClose,
+              onUpdateQuantity: handleUpdateQuantity,
+              onRemove: handleRemoveItem,
+              formatPrice
+            }
+          ) }),
+          items.length > 0 && totals && /* @__PURE__ */ jsx(
+            CartTotals,
+            {
+              totals,
+              formatPrice,
+              labels: { subtotal, discount, tax, total, proceedToCheckout }
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+}
+export {
+  CartDrawer
+};
+//# sourceMappingURL=cart-drawer.mjs.map

package/dist/client/cart/components/cart-drawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/cart/components/cart-drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useCallback } from \"react\";\nimport Link from \"next/link\";\nimport { useCart } from \"../../cart/hooks/useCart\";\nimport type { CartItem, CartTotals as CartTotalsType } from \"../../cart/types/adapter\";\nimport { useIcon } from \"../../icons/icon-context\";\nimport { Button } from \"../../ui/button\";\n\nexport interface CartDrawerProps {\n  isOpen: boolean;\n  onClose: () => void;\n  className?: string;\n  labels?: {\n    title?: string;\n    emptyCartMessage?: string;\n    continueShopping?: string;\n    subtotal?: string;\n    discount?: string;\n    tax?: string;\n    total?: string;\n    proceedToCheckout?: string;\n  };\n}\n\nfunction CartLoadingSkeleton() {\n  return (\n    <div className=\"space-y-6\" aria-busy=\"true\" aria-label=\"Loading cart items\">\n      {[1, 2, 3].map((i) => (\n        <div key={i} className=\"flex gap-4 animate-pulse\">\n          <div className=\"w-24 h-24 flex-shrink-0 bg-(--enad-border-color) rounded-(--enad-border-radius)\" />\n          <div className=\"flex flex-1 flex-col gap-2\">\n            <div className=\"h-4 w-3/4 bg-(--enad-border-color) rounded-(--enad-border-radius)\" />\n            <div className=\"h-4 w-1/3 bg-(--enad-border-color) rounded-(--enad-border-radius)\" />\n            <div className=\"h-4 w-1/4 bg-(--enad-border-color) rounded-(--enad-border-radius)\" />\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction CartEmptyState({\n  message,\n  onClose,\n  buttonLabel,\n}: {\n  message: string;\n  onClose: () => void;\n  buttonLabel: string;\n}) {\n  return (\n    <div className=\"flex flex-col items-center justify-center h-full text-center\">\n      <p className=\"text-(--enad-text-muted-color) mb-4\">{message}</p>\n      <Button onClick={onClose} variant=\"outline\">\n        {buttonLabel}\n      </Button>\n    </div>\n  );\n}\n\nfunction CartItemImage({ imageUrl, alt }: { imageUrl?: string; alt: string }) {\n  return (\n    <div className=\"relative w-24 h-24 flex-shrink-0 bg-(--enad-border-color) rounded-(--enad-border-radius) overflow-hidden\">\n      {imageUrl ? (\n        <img src={imageUrl} alt={alt} className=\"object-cover\" />\n      ) : (\n        <div className=\"w-full h-full bg-(--enad-border-color)\" />\n      )}\n    </div>\n  );\n}\n\nfunction CartItemDetails({\n  item,\n  onClose,\n  onUpdateQuantity,\n  onRemove,\n  formatPrice,\n}: {\n  item: CartItem;\n  onClose: () => void;\n  onUpdateQuantity: (itemId: string, quantity: number) => void;\n  onRemove: (itemId: string) => void;\n  formatPrice: (amount: number) => string;\n}) {\n  const MinusIcon = useIcon(\"minus\");\n  const PlusIcon = useIcon(\"plus\");\n  const TrashIcon = useIcon(\"trash\");\n\n  return (\n    <div className=\"flex flex-1 min-w-0 justify-between flex-col\">\n      <div className=\"flex justify-between gap-2 mb-2\">\n        <Link\n          href={`/products/${item.productSlug || item.productVariantId}`}\n          className=\"font-medium text-sm text-(--enad-link-color) hover:text-(--enad-link-hover-color) transition-colors\"\n          onClick={onClose}\n        >\n          {item.displayName}\n        </Link>\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"h-5 w-5 flex-shrink-0\"\n          onClick={() => onRemove(item.id)}\n          aria-label={`Remove ${item.displayName}`}\n        >\n          <TrashIcon className=\"h-4 w-4\" />\n        </Button>\n      </div>\n\n      <div>\n        <p className=\"text-sm text-(--enad-text-muted-color) mb-1\">\n          {formatPrice(item.unitPrice.amount)}\n        </p>\n\n        <div\n          className=\"flex items-center gap-2\"\n          role=\"group\"\n          aria-label={`Quantity for ${item.displayName}`}\n        >\n          <Button\n            variant=\"outline\"\n            size=\"icon\"\n            className=\"h-5 w-5 bg-transparent active:scale-90 transition-transform duration-75 motion-reduce:transform-none\"\n            onClick={() => onUpdateQuantity(item.id, item.quantity - 1)}\n            disabled={item.quantity <= 1}\n            aria-label=\"Decrease quantity\"\n          >\n            <MinusIcon className=\"h-3 w-3\" />\n          </Button>\n          <span\n            className=\"text-sm font-medium w-8 text-center text-(--enad-text-primary-color)\"\n            aria-live=\"polite\"\n          >\n            {item.quantity}\n          </span>\n          <Button\n            variant=\"outline\"\n            size=\"icon\"\n            className=\"h-5 w-5 bg-transparent active:scale-90 transition-transform duration-75 motion-reduce:transform-none\"\n            onClick={() => onUpdateQuantity(item.id, item.quantity + 1)}\n            aria-label=\"Increase quantity\"\n          >\n            <PlusIcon className=\"h-3 w-3\" />\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction CartItemRow({\n  item,\n  onClose,\n  onUpdateQuantity,\n  onRemove,\n  formatPrice,\n}: {\n  item: CartItem;\n  onClose: () => void;\n  onUpdateQuantity: (itemId: string, quantity: number) => void;\n  onRemove: (itemId: string) => void;\n  formatPrice: (amount: number) => string;\n}) {\n  return (\n    <div className=\"flex gap-4\" role=\"listitem\">\n      <CartItemImage imageUrl={item.imageUrl} alt={item.displayName} />\n      <CartItemDetails\n        item={item}\n        onClose={onClose}\n        onUpdateQuantity={onUpdateQuantity}\n        onRemove={onRemove}\n        formatPrice={formatPrice}\n      />\n    </div>\n  );\n}\n\nfunction CartTotals({\n  totals,\n  formatPrice,\n  labels,\n}: {\n  totals: CartTotalsType;\n  formatPrice: (amount: number) => string;\n  labels: {\n    subtotal: string;\n    discount: string;\n    tax: string;\n    total: string;\n    proceedToCheckout: string;\n  };\n}) {\n  return (\n    <div className=\"p-6 space-y-4\">\n      <div className=\"flex justify-between text-sm\">\n        <span className=\"text-(--enad-text-muted-color)\">{labels.subtotal}</span>\n        <span className=\"text-(--enad-text-primary-color)\">\n          {formatPrice(totals.subtotal.amount)}\n        </span>\n      </div>\n\n      {totals.discount.amount > 0 && (\n        <div className=\"flex justify-between text-sm\">\n          <span className=\"text-(--enad-text-muted-color)\">{labels.discount}</span>\n          <span className=\"text-(--enad-success-color)\">\n            -{formatPrice(totals.discount.amount)}\n          </span>\n        </div>\n      )}\n\n      {totals.tax.amount > 0 && (\n        <div className=\"flex justify-between text-sm\">\n          <span className=\"text-(--enad-text-muted-color)\">{labels.tax}</span>\n          <span className=\"text-(--enad-text-primary-color)\">{formatPrice(totals.tax.amount)}</span>\n        </div>\n      )}\n\n      <div className=\"flex justify-between text-lg font-bold pt-4 border-t border-(--enad-border-color)\">\n        <span className=\"text-(--enad-text-primary-color)\">{labels.total}</span>\n        <span className=\"text-(--enad-text-primary-color)\">{formatPrice(totals.total.amount)}</span>\n      </div>\n\n      <Button className=\"w-full py-6 text-sm font-medium uppercase tracking-wider\" size=\"lg\">\n        {labels.proceedToCheckout}\n      </Button>\n    </div>\n  );\n}\n\nfunction useCartDrawer(isOpen: boolean, onClose: () => void) {\n  const drawerRef = useRef<HTMLDivElement>(null);\n  const closeButtonRef = useRef<HTMLButtonElement>(null);\n  const { cart, isLoading, removeItem, updateItem } = useCart();\n\n  useEffect(() => {\n    if (isOpen) {\n      const timer = setTimeout(() => closeButtonRef.current?.focus(), 100);\n      return () => clearTimeout(timer);\n    }\n  }, [isOpen]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === \"Escape\") {\n        e.stopPropagation();\n        onClose();\n      }\n    },\n    [onClose],\n  );\n\n  const formatPrice = (amount: number) => {\n    return `${(amount / 100).toFixed(2)} ${cart?.currencyCode || \"SEK\"}`;\n  };\n\n  const handleUpdateQuantity = (itemId: string, newQuantity: number) => {\n    updateItem({ itemId, quantity: newQuantity });\n  };\n\n  const handleRemoveItem = (itemId: string) => {\n    removeItem({ itemId });\n  };\n\n  return {\n    drawerRef,\n    closeButtonRef,\n    cart,\n    isLoading,\n    items: cart?.items || [],\n    totals: cart?.totals,\n    handleKeyDown,\n    formatPrice,\n    handleUpdateQuantity,\n    handleRemoveItem,\n  };\n}\n\nfunction CartContent({\n  isLoading,\n  items,\n  emptyCartMessage,\n  continueShopping,\n  onClose,\n  onUpdateQuantity,\n  onRemove,\n  formatPrice,\n}: {\n  isLoading: boolean;\n  items: CartItem[];\n  emptyCartMessage: string;\n  continueShopping: string;\n  onClose: () => void;\n  onUpdateQuantity: (itemId: string, quantity: number) => void;\n  onRemove: (itemId: string) => void;\n  formatPrice: (amount: number) => string;\n}) {\n  if (isLoading) return <CartLoadingSkeleton />;\n  if (items.length === 0) {\n    return (\n      <CartEmptyState message={emptyCartMessage} onClose={onClose} buttonLabel={continueShopping} />\n    );\n  }\n  return (\n    <div className=\"space-y-6\" role=\"list\" aria-label=\"Cart items\">\n      {items.map((item) => (\n        <CartItemRow\n          key={item.id}\n          item={item}\n          onClose={onClose}\n          onUpdateQuantity={onUpdateQuantity}\n          onRemove={onRemove}\n          formatPrice={formatPrice}\n        />\n      ))}\n    </div>\n  );\n}\n\nexport function CartDrawer({ isOpen, onClose, className, labels = {} }: CartDrawerProps) {\n  const CloseIcon = useIcon(\"close\");\n\n  const {\n    title = \"Shopping Cart\",\n    emptyCartMessage = \"Your cart is empty\",\n    continueShopping = \"Continue Shopping\",\n    subtotal = \"Subtotal\",\n    discount = \"Discount\",\n    tax = \"Tax\",\n    total = \"Total\",\n    proceedToCheckout = \"Proceed to Checkout\",\n  } = labels;\n\n  const {\n    drawerRef,\n    closeButtonRef,\n    isLoading,\n    items,\n    totals,\n    handleKeyDown,\n    formatPrice,\n    handleUpdateQuantity,\n    handleRemoveItem,\n  } = useCartDrawer(isOpen, onClose);\n\n  return (\n    <>\n      <div\n        className={`fixed font-enad inset-0 bg-black/60 backdrop-blur-sm z-50 transition-opacity duration-300 motion-reduce:transition-none ${\n          isOpen ? \"opacity-100\" : \"opacity-0 pointer-events-none\"\n        }`}\n        onClick={onClose}\n        aria-hidden=\"true\"\n      />\n\n      <div\n        ref={drawerRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label={title}\n        onKeyDown={handleKeyDown}\n        className={`fixed top-0 right-0 h-full w-full md:w-[480px] bg-(--enad-surface) z-50 transform transition-transform duration-300 ease-in-out motion-reduce:transition-none ${\n          isOpen ? \"translate-x-0\" : \"translate-x-full\"\n        } ${className ?? \"\"}`}\n      >\n        <div className=\"flex flex-col h-full\">\n          <div className=\"flex items-center justify-between p-6\">\n            <h2 className=\"text-xl font-heading font-bold tracking-wider uppercase text-(--enad-text-primary-color)\">\n              {title}\n            </h2>\n            <Button\n              ref={closeButtonRef}\n              variant=\"ghost\"\n              size=\"icon\"\n              onClick={onClose}\n              aria-label=\"Close cart\"\n            >\n              <CloseIcon className=\"h-5 w-5\" />\n            </Button>\n          </div>\n\n          <div className=\"flex-1 overflow-y-auto p-6\">\n            <CartContent\n              isLoading={isLoading}\n              items={items}\n              emptyCartMessage={emptyCartMessage}\n              continueShopping={continueShopping}\n              onClose={onClose}\n              onUpdateQuantity={handleUpdateQuantity}\n              onRemove={handleRemoveItem}\n              formatPrice={formatPrice}\n            />\n          </div>\n\n          {items.length > 0 && totals && (\n            <CartTotals\n              totals={totals}\n              formatPrice={formatPrice}\n              labels={{ subtotal, discount, tax, total, proceedToCheckout }}\n            />\n          )}\n        </div>\n      </div>\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/client/cart/components/cart-trigger.d.ts

@@ -0,0 +1,10 @@
+export interface CartTriggerProps {
+    isOpen: boolean;
+    onOpenChange: (open: boolean) => void;
+    labels?: {
+        cartLabel?: string;
+    };
+    className?: string;
+}
+export declare function CartTrigger({ isOpen, onOpenChange, labels, className, }: CartTriggerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=cart-trigger.d.ts.map

package/dist/client/cart/components/cart-trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cart-trigger.d.ts","sourceRoot":"","sources":["../../../../src/client/cart/components/cart-trigger.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,OAAO,CAAA;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,YAAY,EACZ,MAAW,EACX,SAAc,GACf,EAAE,gBAAgB,2CA4BlB"}

package/dist/client/cart/components/cart-trigger.mjs

@@ -0,0 +1,34 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "../../ui/button";
+import { useIcon } from "../../icons/icon-context";
+import { useCart } from "../hooks/useCart";
+function CartTrigger({
+  isOpen,
+  onOpenChange,
+  labels = {},
+  className = ""
+}) {
+  const CartIcon = useIcon("cart");
+  const { cartLabel = "Cart" } = labels;
+  const { cart } = useCart();
+  const itemCount = cart?.items?.reduce((total, item) => total + item.quantity, 0) ?? 0;
+  const ariaLabel = itemCount > 0 ? `${cartLabel} (${itemCount} ${itemCount === 1 ? "item" : "items"})` : cartLabel;
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "ghost",
+      className: `relative size-10 ${className}`,
+      onClick: () => onOpenChange(!isOpen),
+      "aria-label": ariaLabel,
+      children: [
+        /* @__PURE__ */ jsx(CartIcon, { className: "size-5" }),
+        itemCount > 0 && /* @__PURE__ */ jsx("span", { className: "absolute -top-1 -right-1 flex size-5 items-center justify-center rounded-full bg-primary text-primary-foreground text-xs font-bold", children: itemCount })
+      ]
+    }
+  );
+}
+export {
+  CartTrigger
+};
+//# sourceMappingURL=cart-trigger.mjs.map

package/dist/client/cart/components/cart-trigger.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/cart/components/cart-trigger.tsx"],"sourcesContent":["\"use client\"\n\nimport { Button } from \"../../ui/button\"\nimport { useIcon } from \"../../icons/icon-context\"\nimport { useCart } from \"../hooks/useCart\"\n\nexport interface CartTriggerProps {\n  isOpen: boolean\n  onOpenChange: (open: boolean) => void\n  labels?: {\n    cartLabel?: string\n  }\n  className?: string\n}\n\nexport function CartTrigger({\n  isOpen,\n  onOpenChange,\n  labels = {},\n  className = \"\",\n}: CartTriggerProps) {\n  const CartIcon = useIcon(\"cart\")\n  const { cartLabel = \"Cart\" } = labels\n  const { cart } = useCart()\n\n  const itemCount =\n    cart?.items?.reduce((total, item) => total + item.quantity, 0) ?? 0\n\n  const ariaLabel =\n    itemCount > 0\n      ? `${cartLabel} (${itemCount} ${itemCount === 1 ? \"item\" : \"items\"})`\n      : cartLabel\n\n  return (\n    <Button\n      variant=\"ghost\"\n      className={`relative size-10 ${className}`}\n      onClick={() => onOpenChange(!isOpen)}\n      aria-label={ariaLabel}\n    >\n      <CartIcon className=\"size-5\" />\n      {itemCount > 0 && (\n        <span className=\"absolute -top-1 -right-1 flex size-5 items-center justify-center rounded-full bg-primary text-primary-foreground text-xs font-bold\">\n          {itemCount}\n        </span>\n      )}\n    </Button>\n  )\n}\n"],"mappings":";AAkCI,SAME,KANF;AAhCJ,SAAS,cAAc;AACvB,SAAS,eAAe;AACxB,SAAS,eAAe;AAWjB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,SAAS,CAAC;AAAA,EACV,YAAY;AACd,GAAqB;AACnB,QAAM,WAAW,QAAQ,MAAM;AAC/B,QAAM,EAAE,YAAY,OAAO,IAAI;AAC/B,QAAM,EAAE,KAAK,IAAI,QAAQ;AAEzB,QAAM,YACJ,MAAM,OAAO,OAAO,CAAC,OAAO,SAAS,QAAQ,KAAK,UAAU,CAAC,KAAK;AAEpE,QAAM,YACJ,YAAY,IACR,GAAG,SAAS,KAAK,SAAS,IAAI,cAAc,IAAI,SAAS,OAAO,MAChE;AAEN,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAW,oBAAoB,SAAS;AAAA,MACxC,SAAS,MAAM,aAAa,CAAC,MAAM;AAAA,MACnC,cAAY;AAAA,MAEZ;AAAA,4BAAC,YAAS,WAAU,UAAS;AAAA,QAC5B,YAAY,KACX,oBAAC,UAAK,WAAU,sIACb,qBACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/client/cart/components/promo-code-input.d.ts

@@ -0,0 +1,16 @@
+export interface PromoCodeInputProps {
+    onApply: (code: string) => void;
+    onRemove?: (code: string) => void;
+    appliedCodes?: string[];
+    isApplying?: boolean;
+    error?: string;
+    labels?: {
+        placeholder?: string;
+        applyButton?: string;
+        removeLabel?: string;
+        title?: string;
+    };
+    className?: string;
+}
+export declare function PromoCodeInput({ onApply, onRemove, appliedCodes, isApplying, error, labels, className, }: PromoCodeInputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=promo-code-input.d.ts.map

package/dist/client/cart/components/promo-code-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"promo-code-input.d.ts","sourceRoot":"","sources":["../../../../src/client/cart/components/promo-code-input.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,QAAQ,EACR,YAAiB,EACjB,UAAkB,EAClB,KAAK,EACL,MAAW,EACX,SAAc,GACf,EAAE,mBAAmB,2CA8FrB"}

package/dist/client/cart/components/promo-code-input.mjs

@@ -0,0 +1,92 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useIcon } from "../../icons/icon-context";
+import { Input } from "../../ui/input";
+import { StorefrontButton } from "../../storefront/primitives/button";
+function PromoCodeInput({
+  onApply,
+  onRemove,
+  appliedCodes = [],
+  isApplying = false,
+  error,
+  labels = {},
+  className = ""
+}) {
+  const CloseIcon = useIcon("close");
+  const LoaderIcon = useIcon("loader");
+  const TagIcon = useIcon("tag");
+  const {
+    placeholder = "Enter promo code",
+    applyButton = "Apply",
+    removeLabel = "Remove",
+    title = "Promo Code"
+  } = labels;
+  const [code, setCode] = useState("");
+  const errorId = "promo-code-error";
+  const handleApply = () => {
+    const trimmed = code.trim();
+    if (!trimmed) return;
+    onApply(trimmed);
+    setCode("");
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      handleApply();
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: `font-enad space-y-3 ${className}`, children: [
+    title && /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-(--enad-text-primary-color)", children: title }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "text",
+          value: code,
+          onChange: (e) => setCode(e.target.value),
+          onKeyDown: handleKeyDown,
+          placeholder,
+          disabled: isApplying,
+          "aria-describedby": error ? errorId : void 0,
+          className: "flex-1"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        StorefrontButton,
+        {
+          type: "button",
+          onClick: handleApply,
+          disabled: isApplying || !code.trim(),
+          children: isApplying ? /* @__PURE__ */ jsx(LoaderIcon, { className: "h-4 w-4 animate-spin" }) : applyButton
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsx("p", { id: errorId, className: "text-sm text-(--enad-error-color)", role: "alert", children: error }),
+    appliedCodes.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: appliedCodes.map((appliedCode) => /* @__PURE__ */ jsxs(
+      "span",
+      {
+        className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-sm bg-(--enad-border-color) text-(--enad-text-primary-color) rounded-(--enad-border-radius)",
+        children: [
+          /* @__PURE__ */ jsx(TagIcon, { className: "h-3.5 w-3.5" }),
+          appliedCode,
+          onRemove && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => onRemove(appliedCode),
+              "aria-label": `${removeLabel} ${appliedCode}`,
+              className: "ml-0.5 p-0.5 rounded-full hover:bg-(--enad-surface) transition",
+              children: /* @__PURE__ */ jsx(CloseIcon, { className: "h-3 w-3" })
+            }
+          )
+        ]
+      },
+      appliedCode
+    )) })
+  ] });
+}
+export {
+  PromoCodeInput
+};
+//# sourceMappingURL=promo-code-input.mjs.map

package/dist/client/cart/components/promo-code-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/cart/components/promo-code-input.tsx"],"sourcesContent":["\"use client\"\n\nimport { useState } from \"react\"\nimport { useIcon } from \"../../icons/icon-context\"\nimport { Input } from \"../../ui/input\"\nimport { StorefrontButton } from \"../../storefront/primitives/button\"\n\nexport interface PromoCodeInputProps {\n  onApply: (code: string) => void\n  onRemove?: (code: string) => void\n  appliedCodes?: string[]\n  isApplying?: boolean\n  error?: string\n  labels?: {\n    placeholder?: string\n    applyButton?: string\n    removeLabel?: string\n    title?: string\n  }\n  className?: string\n}\n\nexport function PromoCodeInput({\n  onApply,\n  onRemove,\n  appliedCodes = [],\n  isApplying = false,\n  error,\n  labels = {},\n  className = \"\",\n}: PromoCodeInputProps) {\n  const CloseIcon = useIcon(\"close\")\n  const LoaderIcon = useIcon(\"loader\")\n  const TagIcon = useIcon(\"tag\")\n  const {\n    placeholder = \"Enter promo code\",\n    applyButton = \"Apply\",\n    removeLabel = \"Remove\",\n    title = \"Promo Code\",\n  } = labels\n\n  const [code, setCode] = useState(\"\")\n  const errorId = \"promo-code-error\"\n\n  const handleApply = () => {\n    const trimmed = code.trim()\n    if (!trimmed) return\n    onApply(trimmed)\n    setCode(\"\")\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === \"Enter\") {\n      e.preventDefault()\n      handleApply()\n    }\n  }\n\n  return (\n    <div className={`font-enad space-y-3 ${className}`}>\n      {title && (\n        <label className=\"block text-sm font-medium text-(--enad-text-primary-color)\">\n          {title}\n        </label>\n      )}\n\n      {/* Input + Apply button */}\n      <div className=\"flex gap-2\">\n        <Input\n          type=\"text\"\n          value={code}\n          onChange={(e) => setCode(e.target.value)}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          disabled={isApplying}\n          aria-describedby={error ? errorId : undefined}\n          className=\"flex-1\"\n        />\n        <StorefrontButton\n          type=\"button\"\n          onClick={handleApply}\n          disabled={isApplying || !code.trim()}\n        >\n          {isApplying ? (\n            <LoaderIcon className=\"h-4 w-4 animate-spin\" />\n          ) : (\n            applyButton\n          )}\n        </StorefrontButton>\n      </div>\n\n      {/* Error message */}\n      {error && (\n        <p id={errorId} className=\"text-sm text-(--enad-error-color)\" role=\"alert\">\n          {error}\n        </p>\n      )}\n\n      {/* Applied codes */}\n      {appliedCodes.length > 0 && (\n        <div className=\"flex flex-wrap gap-2\">\n          {appliedCodes.map((appliedCode) => (\n            <span\n              key={appliedCode}\n              className=\"inline-flex items-center gap-1.5 px-3 py-1.5 text-sm bg-(--enad-border-color) text-(--enad-text-primary-color) rounded-(--enad-border-radius)\"\n            >\n              <TagIcon className=\"h-3.5 w-3.5\" />\n              {appliedCode}\n              {onRemove && (\n                <button\n                  type=\"button\"\n                  onClick={() => onRemove(appliedCode)}\n                  aria-label={`${removeLabel} ${appliedCode}`}\n                  className=\"ml-0.5 p-0.5 rounded-full hover:bg-(--enad-surface) transition\"\n                >\n                  <CloseIcon className=\"h-3 w-3\" />\n                </button>\n              )}\n            </span>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":";AA6DQ,cAMF,YANE;AA3DR,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,aAAa;AACtB,SAAS,wBAAwB;AAiB1B,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA,eAAe,CAAC;AAAA,EAChB,aAAa;AAAA,EACb;AAAA,EACA,SAAS,CAAC;AAAA,EACV,YAAY;AACd,GAAwB;AACtB,QAAM,YAAY,QAAQ,OAAO;AACjC,QAAM,aAAa,QAAQ,QAAQ;AACnC,QAAM,UAAU,QAAQ,KAAK;AAC7B,QAAM;AAAA,IACJ,cAAc;AAAA,IACd,cAAc;AAAA,IACd,cAAc;AAAA,IACd,QAAQ;AAAA,EACV,IAAI;AAEJ,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE;AACnC,QAAM,UAAU;AAEhB,QAAM,cAAc,MAAM;AACxB,UAAM,UAAU,KAAK,KAAK;AAC1B,QAAI,CAAC,QAAS;AACd,YAAQ,OAAO;AACf,YAAQ,EAAE;AAAA,EACZ;AAEA,QAAM,gBAAgB,CAAC,MAA6C;AAClE,QAAI,EAAE,QAAQ,SAAS;AACrB,QAAE,eAAe;AACjB,kBAAY;AAAA,IACd;AAAA,EACF;AAEA,SACE,qBAAC,SAAI,WAAW,uBAAuB,SAAS,IAC7C;AAAA,aACC,oBAAC,WAAM,WAAU,8DACd,iBACH;AAAA,IAIF,qBAAC,SAAI,WAAU,cACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,QAAQ,EAAE,OAAO,KAAK;AAAA,UACvC,WAAW;AAAA,UACX;AAAA,UACA,UAAU;AAAA,UACV,oBAAkB,QAAQ,UAAU;AAAA,UACpC,WAAU;AAAA;AAAA,MACZ;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS;AAAA,UACT,UAAU,cAAc,CAAC,KAAK,KAAK;AAAA,UAElC,uBACC,oBAAC,cAAW,WAAU,wBAAuB,IAE7C;AAAA;AAAA,MAEJ;AAAA,OACF;AAAA,IAGC,SACC,oBAAC,OAAE,IAAI,SAAS,WAAU,qCAAoC,MAAK,SAChE,iBACH;AAAA,IAID,aAAa,SAAS,KACrB,oBAAC,SAAI,WAAU,wBACZ,uBAAa,IAAI,CAAC,gBACjB;AAAA,MAAC;AAAA;AAAA,QAEC,WAAU;AAAA,QAEV;AAAA,8BAAC,WAAQ,WAAU,eAAc;AAAA,UAChC;AAAA,UACA,YACC;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS,MAAM,SAAS,WAAW;AAAA,cACnC,cAAY,GAAG,WAAW,IAAI,WAAW;AAAA,cACzC,WAAU;AAAA,cAEV,8BAAC,aAAU,WAAU,WAAU;AAAA;AAAA,UACjC;AAAA;AAAA;AAAA,MAbG;AAAA,IAeP,CACD,GACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/client/cart/constants/session.d.ts

@@ -0,0 +1,2 @@
+export declare const CART_SESSION_KEY = "brink_cart_session";
+//# sourceMappingURL=session.d.ts.map

package/dist/client/cart/constants/session.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"session.d.ts","sourceRoot":"","sources":["../../../../src/client/cart/constants/session.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,uBAAuB,CAAA"}

package/dist/client/cart/constants/session.mjs

@@ -0,0 +1,5 @@
+const CART_SESSION_KEY = "brink_cart_session";
+export {
+  CART_SESSION_KEY
+};
+//# sourceMappingURL=session.mjs.map

package/dist/client/cart/constants/session.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/cart/constants/session.ts"],"sourcesContent":["export const CART_SESSION_KEY = \"brink_cart_session\"\n"],"mappings":"AAAO,MAAM,mBAAmB;","names":[]}

package/dist/client/cart/contexts/cart.d.ts

@@ -0,0 +1,36 @@
+import React from "react";
+import type { CartAdapter } from "../types/adapter";
+/**
+ * @deprecated Use `createBrinkCartAdapter` from `client/cart/brink-adapter` instead.
+ */
+export interface BrinkConfig {
+    env: string;
+    storeGroupId: string;
+    countryCode: string;
+    languageCode: string;
+}
+export interface CartProviderProps {
+    adapter: CartAdapter;
+    children: React.ReactNode;
+}
+/**
+ * Provides a cart adapter to all child components via React context.
+ *
+ * ```tsx
+ * import { CartProvider } from "@enadhq/enad-react-sdk/client/cart"
+ * import { createBrinkCartAdapter } from "@enadhq/enad-react-sdk/client/cart/brink-adapter"
+ *
+ * const adapter = createBrinkCartAdapter({ env: "production", ... })
+ *
+ * <CartProvider adapter={adapter}>
+ *   {children}
+ * </CartProvider>
+ * ```
+ */
+export declare function CartProvider({ adapter, children }: CartProviderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Read the cart adapter from context.
+ * Throws if called outside a CartProvider.
+ */
+export declare function useCartAdapter(): CartAdapter;
+//# sourceMappingURL=cart.d.ts.map

package/dist/client/cart/contexts/cart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cart.d.ts","sourceRoot":"","sources":["../../../../src/client/cart/contexts/cart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAMpD;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB;AAQD,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,WAAW,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAEpE;AAED;;;GAGG;AACH,wBAAgB,cAAc,IAAI,WAAW,CAQ5C"}

package/dist/client/cart/contexts/cart.mjs

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+const CartAdapterContext = createContext(void 0);
+function CartProvider({ adapter, children }) {
+  return /* @__PURE__ */ jsx(CartAdapterContext.Provider, { value: adapter, children });
+}
+function useCartAdapter() {
+  const adapter = useContext(CartAdapterContext);
+  if (!adapter) {
+    throw new Error(
+      "useCartAdapter must be used inside a <CartProvider>. Did you forget to pass a cart adapter to <EnadProvider>?"
+    );
+  }
+  return adapter;
+}
+export {
+  CartProvider,
+  useCartAdapter
+};
+//# sourceMappingURL=cart.mjs.map

package/dist/client/cart/contexts/cart.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/cart/contexts/cart.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport type { CartAdapter } from \"../types/adapter\";\n\n// ---------------------------------------------------------------------------\n// Legacy BrinkConfig type — kept for backward compatibility with EnadProvider\n// ---------------------------------------------------------------------------\n\n/**\n * @deprecated Use `createBrinkCartAdapter` from `client/cart/brink-adapter` instead.\n */\nexport interface BrinkConfig {\n  env: string;\n  storeGroupId: string;\n  countryCode: string;\n  languageCode: string;\n}\n\n// ---------------------------------------------------------------------------\n// Cart adapter context\n// ---------------------------------------------------------------------------\n\nconst CartAdapterContext = createContext<CartAdapter | undefined>(undefined);\n\nexport interface CartProviderProps {\n  adapter: CartAdapter;\n  children: React.ReactNode;\n}\n\n/**\n * Provides a cart adapter to all child components via React context.\n *\n * ```tsx\n * import { CartProvider } from \"@enadhq/enad-react-sdk/client/cart\"\n * import { createBrinkCartAdapter } from \"@enadhq/enad-react-sdk/client/cart/brink-adapter\"\n *\n * const adapter = createBrinkCartAdapter({ env: \"production\", ... })\n *\n * <CartProvider adapter={adapter}>\n *   {children}\n * </CartProvider>\n * ```\n */\nexport function CartProvider({ adapter, children }: CartProviderProps) {\n  return <CartAdapterContext.Provider value={adapter}>{children}</CartAdapterContext.Provider>;\n}\n\n/**\n * Read the cart adapter from context.\n * Throws if called outside a CartProvider.\n */\nexport function useCartAdapter(): CartAdapter {\n  const adapter = useContext(CartAdapterContext);\n  if (!adapter) {\n    throw new Error(\n      \"useCartAdapter must be used inside a <CartProvider>. Did you forget to pass a cart adapter to <EnadProvider>?\",\n    );\n  }\n  return adapter;\n}\n"],"mappings":"AA2CS;AA3CT,SAAgB,eAAe,kBAAkB;AAqBjD,MAAM,qBAAqB,cAAuC,MAAS;AAqBpE,SAAS,aAAa,EAAE,SAAS,SAAS,GAAsB;AACrE,SAAO,oBAAC,mBAAmB,UAAnB,EAA4B,OAAO,SAAU,UAAS;AAChE;AAMO,SAAS,iBAA8B;AAC5C,QAAM,UAAU,WAAW,kBAAkB;AAC7C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;","names":[]}