@enadhq/enad-react-sdk 1.0.2 → 1.1.0

package/dist/client/wishlist/wishlist-drawer.mjs

@@ -1,199 +1,187 @@
 "use client";
+import { useIcon } from "../icons/icon-context.mjs";
+import { Button } from "../ui/button.mjs";
+import { Sheet, SheetContent, SheetHeader, SheetTitle } from "../ui/sheet.mjs";
+import { useWishlistActions } from "./hooks/useWishlistActions.mjs";
+import { useWishlist } from "./hooks/useWishlist.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useIcon } from "../icons/icon-context";
-import { Button } from "../ui/button";
-import { Sheet, SheetContent, SheetHeader, SheetTitle } from "../ui/sheet";
-import { useWishlist } from "./hooks/useWishlist";
-import { useWishlistActions } from "./hooks/useWishlistActions";
+//#region src/client/wishlist/wishlist-drawer.tsx
 function WishlistItemImage({ imageUrl, imageAlt }) {
-  return /* @__PURE__ */ jsx("div", { className: "relative size-24 flex-shrink-0 overflow-hidden rounded-(--enad-border-radius) bg-(--enad-border-color)", children: imageUrl ? /* @__PURE__ */ jsx("img", { src: imageUrl, alt: imageAlt, loading: "lazy", className: "size-full object-cover" }) : /* @__PURE__ */ jsx("div", { className: "size-full bg-(--enad-border-color)" }) });
+	return /* @__PURE__ */ jsx("div", {
+		className: "relative size-24 flex-shrink-0 overflow-hidden rounded-(--enad-border-radius) bg-(--enad-border-color)",
+		children: imageUrl ? /* @__PURE__ */ jsx("img", {
+			src: imageUrl,
+			alt: imageAlt,
+			loading: "lazy",
+			className: "size-full object-cover"
+		}) : /* @__PURE__ */ jsx("div", { className: "size-full bg-(--enad-border-color)" })
+	});
 }
-function WishlistItemActions({
-  productId,
-  productName,
-  onMoveToCart,
-  onRemove,
-  isDeleting,
-  removeLabel,
-  moveToCartLabel
-}) {
-  const TrashIcon = useIcon("trash");
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-2", children: [
-    onMoveToCart && productId && /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: () => onMoveToCart(productId), children: moveToCartLabel }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "ghost",
-        size: "icon",
-        className: "flex-shrink-0",
-        onClick: () => productId && onRemove(productId),
-        disabled: isDeleting || !productId,
-        "aria-label": `${removeLabel} ${productName}`,
-        children: /* @__PURE__ */ jsx(TrashIcon, { className: "size-4" })
-      }
-    )
-  ] });
+function WishlistItemActions({ productId, productName, onMoveToCart, onRemove, isDeleting, removeLabel, moveToCartLabel }) {
+	const TrashIcon = useIcon("trash");
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-2 mt-2",
+		children: [onMoveToCart && productId && /* @__PURE__ */ jsx(Button, {
+			variant: "outline",
+			size: "sm",
+			onClick: () => onMoveToCart(productId),
+			children: moveToCartLabel
+		}), /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			size: "icon",
+			className: "flex-shrink-0",
+			onClick: () => productId && onRemove(productId),
+			disabled: isDeleting || !productId,
+			"aria-label": `${removeLabel} ${productName}`,
+			children: /* @__PURE__ */ jsx(TrashIcon, { className: "size-4" })
+		})]
+	});
 }
-function WishlistItemRow({
-  item,
-  onMoveToCart,
-  onRemove,
-  isDeleting,
-  removeLabel,
-  moveToCartLabel
-}) {
-  const product = item.product;
-  const productName = product?.product_name ?? "Unknown Product";
-  const imageUrl = product?.images?.[0]?.image_url;
-  const imageAlt = product?.images?.[0]?.alt_text ?? productName;
-  const productId = item.product_id ?? product?.id;
-  return /* @__PURE__ */ jsxs("div", { className: "flex gap-4", role: "listitem", children: [
-    /* @__PURE__ */ jsx(WishlistItemImage, { imageUrl, imageAlt }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-1 min-w-0 flex-col justify-between", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-(--enad-text-primary-color)", children: productName }),
-      /* @__PURE__ */ jsx(
-        WishlistItemActions,
-        {
-          productId,
-          productName,
-          onMoveToCart,
-          onRemove,
-          isDeleting,
-          removeLabel,
-          moveToCartLabel
-        }
-      )
-    ] })
-  ] });
+function WishlistItemRow({ item, onMoveToCart, onRemove, isDeleting, removeLabel, moveToCartLabel }) {
+	const product = item.product;
+	const productName = product?.product_name ?? "Unknown Product";
+	const imageUrl = product?.images?.[0]?.image_url;
+	const imageAlt = product?.images?.[0]?.alt_text ?? productName;
+	const productId = item.product_id ?? product?.id;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex gap-4",
+		role: "listitem",
+		children: [/* @__PURE__ */ jsx(WishlistItemImage, {
+			imageUrl,
+			imageAlt
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-1 min-w-0 flex-col justify-between",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "text-sm font-medium text-(--enad-text-primary-color)",
+				children: productName
+			}), /* @__PURE__ */ jsx(WishlistItemActions, {
+				productId,
+				productName,
+				onMoveToCart,
+				onRemove,
+				isDeleting,
+				removeLabel,
+				moveToCartLabel
+			})]
+		})]
+	});
 }
 function WishlistLoadingSkeleton() {
-  return /* @__PURE__ */ jsx("div", { className: "space-y-6", "aria-busy": "true", "aria-label": "Loading wishlist items", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs("div", { className: "flex gap-4 animate-pulse", children: [
-    /* @__PURE__ */ jsx("div", { className: "size-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)" })
-    ] })
-  ] }, i)) });
+	return /* @__PURE__ */ jsx("div", {
+		className: "space-y-6",
+		"aria-busy": "true",
+		"aria-label": "Loading wishlist items",
+		children: [
+			1,
+			2,
+			3
+		].map((i) => /* @__PURE__ */ jsxs("div", {
+			className: "flex gap-4 animate-pulse",
+			children: [/* @__PURE__ */ jsx("div", { className: "size-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)" })]
+			})]
+		}, i))
+	});
 }
-function WishlistEmptyState({
-  emptyTitle,
-  emptyDescription,
-  continueShoppingLabel,
-  onClose
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col items-center justify-center text-center", children: [
-    /* @__PURE__ */ jsx("p", { className: "font-medium text-(--enad-text-primary-color) mb-2", children: emptyTitle }),
-    /* @__PURE__ */ jsx("p", { className: "text-(--enad-text-muted-color) mb-4", children: emptyDescription }),
-    /* @__PURE__ */ jsx(Button, { onClick: onClose, variant: "outline", children: continueShoppingLabel })
-  ] });
+function WishlistEmptyState({ emptyTitle, emptyDescription, continueShoppingLabel, onClose }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex h-full flex-col items-center justify-center text-center",
+		children: [
+			/* @__PURE__ */ jsx("p", {
+				className: "font-medium text-(--enad-text-primary-color) mb-2",
+				children: emptyTitle
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-(--enad-text-muted-color) mb-4",
+				children: emptyDescription
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				onClick: onClose,
+				variant: "outline",
+				children: continueShoppingLabel
+			})
+		]
+	});
 }
-function WishlistContent({
-  isLoading,
-  items,
-  onMoveToCart,
-  handleMoveToCart,
-  handleRemoveItem,
-  isDeletingItemsFromWishlist,
-  removeLabel,
-  moveToCartLabel,
-  emptyTitle,
-  emptyDescription,
-  continueShoppingLabel,
-  onClose
-}) {
-  if (isLoading) return /* @__PURE__ */ jsx(WishlistLoadingSkeleton, {});
-  if (items.length === 0) {
-    return /* @__PURE__ */ jsx(
-      WishlistEmptyState,
-      {
-        emptyTitle,
-        emptyDescription,
-        continueShoppingLabel,
-        onClose
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-6", role: "list", "aria-label": "Wishlist items", children: items.map((item) => /* @__PURE__ */ jsx(
-    WishlistItemRow,
-    {
-      item,
-      onMoveToCart: onMoveToCart ? handleMoveToCart : void 0,
-      onRemove: handleRemoveItem,
-      isDeleting: isDeletingItemsFromWishlist,
-      removeLabel,
-      moveToCartLabel
-    },
-    item.id
-  )) });
+function WishlistContent({ isLoading, items, onMoveToCart, handleMoveToCart, handleRemoveItem, isDeletingItemsFromWishlist, removeLabel, moveToCartLabel, emptyTitle, emptyDescription, continueShoppingLabel, onClose }) {
+	if (isLoading) return /* @__PURE__ */ jsx(WishlistLoadingSkeleton, {});
+	if (items.length === 0) return /* @__PURE__ */ jsx(WishlistEmptyState, {
+		emptyTitle,
+		emptyDescription,
+		continueShoppingLabel,
+		onClose
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex flex-col gap-6",
+		role: "list",
+		"aria-label": "Wishlist items",
+		children: items.map((item) => /* @__PURE__ */ jsx(WishlistItemRow, {
+			item,
+			onMoveToCart: onMoveToCart ? handleMoveToCart : void 0,
+			onRemove: handleRemoveItem,
+			isDeleting: isDeletingItemsFromWishlist,
+			removeLabel,
+			moveToCartLabel
+		}, item.id))
+	});
 }
-function WishlistDrawer({
-  isOpen,
-  onClose,
-  wishlistId,
-  onMoveToCart,
-  className,
-  labels = {}
-}) {
-  const CloseIcon = useIcon("close");
-  const {
-    title = "Your Wishlist",
-    emptyTitle = "Your wishlist is empty",
-    emptyDescription = "Save items you love to your wishlist.",
-    removeLabel = "Remove",
-    moveToCartLabel = "Move to Cart",
-    continueShoppingLabel = "Continue Shopping"
-  } = labels;
-  const { wishlist, isLoading } = useWishlist(wishlistId ? { wishlistId } : void 0);
-  const { deleteItems, isDeletingItemsFromWishlist } = useWishlistActions();
-  const items = wishlist?.items ?? [];
-  const handleRemoveItem = (productId) => {
-    if (!wishlistId || !productId) return;
-    deleteItems({ wishlistId, options: { product_ids: [productId] } });
-  };
-  const handleMoveToCart = (productId) => {
-    if (onMoveToCart && productId) {
-      onMoveToCart(productId);
-    }
-  };
-  return /* @__PURE__ */ jsx(Sheet, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(
-    SheetContent,
-    {
-      side: "right",
-      className: `flex w-full flex-col p-0 sm:max-w-[480px] ${className ?? ""}`,
-      showCloseButton: false,
-      children: [
-        /* @__PURE__ */ jsxs(SheetHeader, { className: "flex flex-row items-center justify-between p-6 pb-0", children: [
-          /* @__PURE__ */ jsx(
-            SheetTitle,
-            {
-              className: "text-xl font-heading font-bold tracking-wider uppercase text-(--enad-text-primary-color)",
-              children: title
-            }
-          ),
-          /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", onClick: onClose, "aria-label": "Close wishlist", children: /* @__PURE__ */ jsx(CloseIcon, { className: "size-5" }) })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto px-6 py-6", children: /* @__PURE__ */ jsx(
-          WishlistContent,
-          {
-            isLoading,
-            items,
-            onMoveToCart,
-            handleMoveToCart,
-            handleRemoveItem,
-            isDeletingItemsFromWishlist,
-            removeLabel,
-            moveToCartLabel,
-            emptyTitle,
-            emptyDescription,
-            continueShoppingLabel,
-            onClose
-          }
-        ) })
-      ]
-    }
-  ) });
+function WishlistDrawer({ isOpen, onClose, wishlistId, onMoveToCart, className, labels = {} }) {
+	const CloseIcon = useIcon("close");
+	const { title = "Your Wishlist", emptyTitle = "Your wishlist is empty", emptyDescription = "Save items you love to your wishlist.", removeLabel = "Remove", moveToCartLabel = "Move to Cart", continueShoppingLabel = "Continue Shopping" } = labels;
+	const { wishlist, isLoading } = useWishlist(wishlistId ? { wishlistId } : void 0);
+	const { deleteItems, isDeletingItemsFromWishlist } = useWishlistActions();
+	const items = wishlist?.items ?? [];
+	const handleRemoveItem = (productId) => {
+		if (!wishlistId || !productId) return;
+		deleteItems({
+			wishlistId,
+			options: { product_ids: [productId] }
+		});
+	};
+	const handleMoveToCart = (productId) => {
+		if (onMoveToCart && productId) onMoveToCart(productId);
+	};
+	return /* @__PURE__ */ jsx(Sheet, {
+		open: isOpen,
+		onOpenChange: (open) => !open && onClose(),
+		children: /* @__PURE__ */ jsxs(SheetContent, {
+			side: "right",
+			className: `flex w-full flex-col p-0 sm:max-w-[480px] ${className ?? ""}`,
+			children: [/* @__PURE__ */ jsxs(SheetHeader, {
+				className: "flex flex-row items-center justify-between p-6 pb-0",
+				children: [/* @__PURE__ */ jsx(SheetTitle, {
+					className: "text-xl font-heading font-bold tracking-wider uppercase text-(--enad-text-primary-color)",
+					showClose: false,
+					children: title
+				}), /* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					size: "icon",
+					onClick: onClose,
+					"aria-label": "Close wishlist",
+					children: /* @__PURE__ */ jsx(CloseIcon, { className: "size-5" })
+				})]
+			}), /* @__PURE__ */ jsx("div", {
+				className: "flex-1 overflow-y-auto px-6 py-6",
+				children: /* @__PURE__ */ jsx(WishlistContent, {
+					isLoading,
+					items,
+					onMoveToCart,
+					handleMoveToCart,
+					handleRemoveItem,
+					isDeletingItemsFromWishlist,
+					removeLabel,
+					moveToCartLabel,
+					emptyTitle,
+					emptyDescription,
+					continueShoppingLabel,
+					onClose
+				})
+			})]
+		})
+	});
 }
-export {
-  WishlistDrawer
-};
+//#endregion
+export { WishlistDrawer };
+
 //# sourceMappingURL=wishlist-drawer.mjs.map

package/dist/client/wishlist/wishlist-drawer.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/wishlist/wishlist-drawer.tsx"],"sourcesContent":["\"use client\"\n\nimport { useIcon } from \"../icons/icon-context\"\nimport { Button } from \"../ui/button\"\nimport { Sheet, SheetContent, SheetHeader, SheetTitle } from \"../ui/sheet\"\nimport { useWishlist } from \"./hooks/useWishlist\"\nimport { useWishlistActions } from \"./hooks/useWishlistActions\"\n\ninterface WishlistItemImage {\n  image_url?: string\n  alt_text?: string\n}\n\ninterface WishlistItemProduct {\n  id?: string\n  product_name?: string\n  images?: WishlistItemImage[]\n  slug?: string\n}\n\ninterface WishlistDrawerItem {\n  id?: string\n  product_id?: string\n  product?: WishlistItemProduct\n}\n\nexport interface WishlistDrawerProps {\n  isOpen: boolean\n  onClose: () => void\n  wishlistId?: string\n  onMoveToCart?: (productId: string) => void\n  className?: string\n  labels?: {\n    title?: string\n    emptyTitle?: string\n    emptyDescription?: string\n    removeLabel?: string\n    moveToCartLabel?: string\n    continueShoppingLabel?: string\n  }\n}\n\nfunction WishlistItemImage({ imageUrl, imageAlt }: { imageUrl?: string; imageAlt: string }) {\n  return (\n    <div className=\"relative size-24 flex-shrink-0 overflow-hidden rounded-(--enad-border-radius) bg-(--enad-border-color)\">\n      {imageUrl ? (\n        <img src={imageUrl} alt={imageAlt} loading=\"lazy\" className=\"size-full object-cover\" />\n      ) : (\n        <div className=\"size-full bg-(--enad-border-color)\" />\n      )}\n    </div>\n  )\n}\n\nfunction WishlistItemActions({\n  productId,\n  productName,\n  onMoveToCart,\n  onRemove,\n  isDeleting,\n  removeLabel,\n  moveToCartLabel,\n}: {\n  productId?: string\n  productName: string\n  onMoveToCart?: (productId: string) => void\n  onRemove: (productId: string) => void\n  isDeleting: boolean\n  removeLabel: string\n  moveToCartLabel: string\n}) {\n  const TrashIcon = useIcon(\"trash\")\n\n  return (\n    <div className=\"flex items-center gap-2 mt-2\">\n      {onMoveToCart && productId && (\n        <Button variant=\"outline\" size=\"sm\" onClick={() => onMoveToCart(productId)}>\n          {moveToCartLabel}\n        </Button>\n      )}\n\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        className=\"flex-shrink-0\"\n        onClick={() => productId && onRemove(productId)}\n        disabled={isDeleting || !productId}\n        aria-label={`${removeLabel} ${productName}`}\n      >\n        <TrashIcon className=\"size-4\" />\n      </Button>\n    </div>\n  )\n}\n\nfunction WishlistItemRow({\n  item,\n  onMoveToCart,\n  onRemove,\n  isDeleting,\n  removeLabel,\n  moveToCartLabel,\n}: {\n  item: WishlistDrawerItem\n  onMoveToCart?: (productId: string) => void\n  onRemove: (productId: string) => void\n  isDeleting: boolean\n  removeLabel: string\n  moveToCartLabel: string\n}) {\n  const product = item.product\n  const productName = product?.product_name ?? \"Unknown Product\"\n  const imageUrl = product?.images?.[0]?.image_url\n  const imageAlt = product?.images?.[0]?.alt_text ?? productName\n  const productId = item.product_id ?? product?.id\n\n  return (\n    <div className=\"flex gap-4\" role=\"listitem\">\n      <WishlistItemImage imageUrl={imageUrl} imageAlt={imageAlt} />\n\n      <div className=\"flex flex-1 min-w-0 flex-col justify-between\">\n        <p className=\"text-sm font-medium text-(--enad-text-primary-color)\">{productName}</p>\n\n        <WishlistItemActions\n          productId={productId}\n          productName={productName}\n          onMoveToCart={onMoveToCart}\n          onRemove={onRemove}\n          isDeleting={isDeleting}\n          removeLabel={removeLabel}\n          moveToCartLabel={moveToCartLabel}\n        />\n      </div>\n    </div>\n  )\n}\n\nfunction WishlistLoadingSkeleton() {\n  return (\n    <div className=\"space-y-6\" aria-busy=\"true\" aria-label=\"Loading wishlist items\">\n      {[1, 2, 3].map((i) => (\n        <div key={i} className=\"flex gap-4 animate-pulse\">\n          <div className=\"size-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>\n        </div>\n      ))}\n    </div>\n  )\n}\n\nfunction WishlistEmptyState({\n  emptyTitle,\n  emptyDescription,\n  continueShoppingLabel,\n  onClose,\n}: {\n  emptyTitle: string\n  emptyDescription: string\n  continueShoppingLabel: string\n  onClose: () => void\n}) {\n  return (\n    <div className=\"flex h-full flex-col items-center justify-center text-center\">\n      <p className=\"font-medium text-(--enad-text-primary-color) mb-2\">{emptyTitle}</p>\n      <p className=\"text-(--enad-text-muted-color) mb-4\">{emptyDescription}</p>\n      <Button onClick={onClose} variant=\"outline\">\n        {continueShoppingLabel}\n      </Button>\n    </div>\n  )\n}\n\nfunction WishlistContent({\n  isLoading,\n  items,\n  onMoveToCart,\n  handleMoveToCart,\n  handleRemoveItem,\n  isDeletingItemsFromWishlist,\n  removeLabel,\n  moveToCartLabel,\n  emptyTitle,\n  emptyDescription,\n  continueShoppingLabel,\n  onClose,\n}: {\n  isLoading: boolean\n  items: WishlistDrawerItem[]\n  onMoveToCart?: (productId: string) => void\n  handleMoveToCart: (productId: string) => void\n  handleRemoveItem: (productId: string) => void\n  isDeletingItemsFromWishlist: boolean\n  removeLabel: string\n  moveToCartLabel: string\n  emptyTitle: string\n  emptyDescription: string\n  continueShoppingLabel: string\n  onClose: () => void\n}) {\n  if (isLoading) return <WishlistLoadingSkeleton />\n  if (items.length === 0) {\n    return (\n      <WishlistEmptyState\n        emptyTitle={emptyTitle}\n        emptyDescription={emptyDescription}\n        continueShoppingLabel={continueShoppingLabel}\n        onClose={onClose}\n      />\n    )\n  }\n  return (\n    <div className=\"flex flex-col gap-6\" role=\"list\" aria-label=\"Wishlist items\">\n      {items.map((item) => (\n        <WishlistItemRow\n          key={item.id}\n          item={item}\n          onMoveToCart={onMoveToCart ? handleMoveToCart : undefined}\n          onRemove={handleRemoveItem}\n          isDeleting={isDeletingItemsFromWishlist}\n          removeLabel={removeLabel}\n          moveToCartLabel={moveToCartLabel}\n        />\n      ))}\n    </div>\n  )\n}\n\nexport function WishlistDrawer({\n  isOpen,\n  onClose,\n  wishlistId,\n  onMoveToCart,\n  className,\n  labels = {},\n}: WishlistDrawerProps) {\n  const CloseIcon = useIcon(\"close\")\n  const {\n    title = \"Your Wishlist\",\n    emptyTitle = \"Your wishlist is empty\",\n    emptyDescription = \"Save items you love to your wishlist.\",\n    removeLabel = \"Remove\",\n    moveToCartLabel = \"Move to Cart\",\n    continueShoppingLabel = \"Continue Shopping\",\n  } = labels\n\n  const { wishlist, isLoading } = useWishlist(wishlistId ? { wishlistId } : undefined)\n  const { deleteItems, isDeletingItemsFromWishlist } = useWishlistActions()\n\n  const items = (wishlist?.items ?? []) as WishlistDrawerItem[]\n\n  const handleRemoveItem = (productId: string) => {\n    if (!wishlistId || !productId) return\n    deleteItems({ wishlistId, options: { product_ids: [productId] } })\n  }\n\n  const handleMoveToCart = (productId: string) => {\n    if (onMoveToCart && productId) {\n      onMoveToCart(productId)\n    }\n  }\n\n  return (\n    <Sheet open={isOpen} onOpenChange={(open) => !open && onClose()}>\n      <SheetContent\n        side=\"right\"\n        className={`flex w-full flex-col p-0 sm:max-w-[480px] ${className ?? \"\"}`}\n        showCloseButton={false}\n      >\n        {/* Header */}\n        <SheetHeader className=\"flex flex-row items-center justify-between p-6 pb-0\">\n          <SheetTitle\n            className=\"text-xl font-heading font-bold tracking-wider uppercase text-(--enad-text-primary-color)\"\n          >\n            {title}\n          </SheetTitle>\n          <Button variant=\"ghost\" size=\"icon\" onClick={onClose} aria-label=\"Close wishlist\">\n            <CloseIcon className=\"size-5\" />\n          </Button>\n        </SheetHeader>\n\n        {/* Wishlist Items */}\n        <div className=\"flex-1 overflow-y-auto px-6 py-6\">\n          <WishlistContent\n            isLoading={isLoading}\n            items={items}\n            onMoveToCart={onMoveToCart}\n            handleMoveToCart={handleMoveToCart}\n            handleRemoveItem={handleRemoveItem}\n            isDeletingItemsFromWishlist={isDeletingItemsFromWishlist}\n            removeLabel={removeLabel}\n            moveToCartLabel={moveToCartLabel}\n            emptyTitle={emptyTitle}\n            emptyDescription={emptyDescription}\n            continueShoppingLabel={continueShoppingLabel}\n            onClose={onClose}\n          />\n        </div>\n      </SheetContent>\n    </Sheet>\n  )\n}\n"],"mappings":"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","names":[]}
+{"version":3,"file":"wishlist-drawer.mjs","names":[],"sources":["../../../src/client/wishlist/wishlist-drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport { useIcon } from \"../icons/icon-context\";\nimport { Button } from \"../ui/button\";\nimport { Sheet, SheetContent, SheetHeader, SheetTitle } from \"../ui/sheet\";\nimport { useWishlist } from \"./hooks/useWishlist\";\nimport { useWishlistActions } from \"./hooks/useWishlistActions\";\n\ninterface WishlistItemImage {\n  image_url?: string;\n  alt_text?: string;\n}\n\ninterface WishlistItemProduct {\n  id?: string;\n  product_name?: string;\n  images?: WishlistItemImage[];\n  slug?: string;\n}\n\ninterface WishlistDrawerItem {\n  id?: string;\n  product_id?: string;\n  product?: WishlistItemProduct;\n}\n\nexport interface WishlistDrawerProps {\n  isOpen: boolean;\n  onClose: () => void;\n  wishlistId?: string;\n  onMoveToCart?: (productId: string) => void;\n  className?: string;\n  labels?: {\n    title?: string;\n    emptyTitle?: string;\n    emptyDescription?: string;\n    removeLabel?: string;\n    moveToCartLabel?: string;\n    continueShoppingLabel?: string;\n  };\n}\n\nfunction WishlistItemImage({ imageUrl, imageAlt }: { imageUrl?: string; imageAlt: string }) {\n  return (\n    <div className=\"relative size-24 flex-shrink-0 overflow-hidden rounded-(--enad-border-radius) bg-(--enad-border-color)\">\n      {imageUrl ? (\n        <img src={imageUrl} alt={imageAlt} loading=\"lazy\" className=\"size-full object-cover\" />\n      ) : (\n        <div className=\"size-full bg-(--enad-border-color)\" />\n      )}\n    </div>\n  );\n}\n\nfunction WishlistItemActions({\n  productId,\n  productName,\n  onMoveToCart,\n  onRemove,\n  isDeleting,\n  removeLabel,\n  moveToCartLabel,\n}: {\n  productId?: string;\n  productName: string;\n  onMoveToCart?: (productId: string) => void;\n  onRemove: (productId: string) => void;\n  isDeleting: boolean;\n  removeLabel: string;\n  moveToCartLabel: string;\n}) {\n  const TrashIcon = useIcon(\"trash\");\n\n  return (\n    <div className=\"flex items-center gap-2 mt-2\">\n      {onMoveToCart && productId && (\n        <Button variant=\"outline\" size=\"sm\" onClick={() => onMoveToCart(productId)}>\n          {moveToCartLabel}\n        </Button>\n      )}\n\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        className=\"flex-shrink-0\"\n        onClick={() => productId && onRemove(productId)}\n        disabled={isDeleting || !productId}\n        aria-label={`${removeLabel} ${productName}`}\n      >\n        <TrashIcon className=\"size-4\" />\n      </Button>\n    </div>\n  );\n}\n\nfunction WishlistItemRow({\n  item,\n  onMoveToCart,\n  onRemove,\n  isDeleting,\n  removeLabel,\n  moveToCartLabel,\n}: {\n  item: WishlistDrawerItem;\n  onMoveToCart?: (productId: string) => void;\n  onRemove: (productId: string) => void;\n  isDeleting: boolean;\n  removeLabel: string;\n  moveToCartLabel: string;\n}) {\n  const product = item.product;\n  const productName = product?.product_name ?? \"Unknown Product\";\n  const imageUrl = product?.images?.[0]?.image_url;\n  const imageAlt = product?.images?.[0]?.alt_text ?? productName;\n  const productId = item.product_id ?? product?.id;\n\n  return (\n    <div className=\"flex gap-4\" role=\"listitem\">\n      <WishlistItemImage imageUrl={imageUrl} imageAlt={imageAlt} />\n\n      <div className=\"flex flex-1 min-w-0 flex-col justify-between\">\n        <p className=\"text-sm font-medium text-(--enad-text-primary-color)\">{productName}</p>\n\n        <WishlistItemActions\n          productId={productId}\n          productName={productName}\n          onMoveToCart={onMoveToCart}\n          onRemove={onRemove}\n          isDeleting={isDeleting}\n          removeLabel={removeLabel}\n          moveToCartLabel={moveToCartLabel}\n        />\n      </div>\n    </div>\n  );\n}\n\nfunction WishlistLoadingSkeleton() {\n  return (\n    <div className=\"space-y-6\" aria-busy=\"true\" aria-label=\"Loading wishlist items\">\n      {[1, 2, 3].map((i) => (\n        <div key={i} className=\"flex gap-4 animate-pulse\">\n          <div className=\"size-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>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction WishlistEmptyState({\n  emptyTitle,\n  emptyDescription,\n  continueShoppingLabel,\n  onClose,\n}: {\n  emptyTitle: string;\n  emptyDescription: string;\n  continueShoppingLabel: string;\n  onClose: () => void;\n}) {\n  return (\n    <div className=\"flex h-full flex-col items-center justify-center text-center\">\n      <p className=\"font-medium text-(--enad-text-primary-color) mb-2\">{emptyTitle}</p>\n      <p className=\"text-(--enad-text-muted-color) mb-4\">{emptyDescription}</p>\n      <Button onClick={onClose} variant=\"outline\">\n        {continueShoppingLabel}\n      </Button>\n    </div>\n  );\n}\n\nfunction WishlistContent({\n  isLoading,\n  items,\n  onMoveToCart,\n  handleMoveToCart,\n  handleRemoveItem,\n  isDeletingItemsFromWishlist,\n  removeLabel,\n  moveToCartLabel,\n  emptyTitle,\n  emptyDescription,\n  continueShoppingLabel,\n  onClose,\n}: {\n  isLoading: boolean;\n  items: WishlistDrawerItem[];\n  onMoveToCart?: (productId: string) => void;\n  handleMoveToCart: (productId: string) => void;\n  handleRemoveItem: (productId: string) => void;\n  isDeletingItemsFromWishlist: boolean;\n  removeLabel: string;\n  moveToCartLabel: string;\n  emptyTitle: string;\n  emptyDescription: string;\n  continueShoppingLabel: string;\n  onClose: () => void;\n}) {\n  if (isLoading) return <WishlistLoadingSkeleton />;\n  if (items.length === 0) {\n    return (\n      <WishlistEmptyState\n        emptyTitle={emptyTitle}\n        emptyDescription={emptyDescription}\n        continueShoppingLabel={continueShoppingLabel}\n        onClose={onClose}\n      />\n    );\n  }\n  return (\n    <div className=\"flex flex-col gap-6\" role=\"list\" aria-label=\"Wishlist items\">\n      {items.map((item) => (\n        <WishlistItemRow\n          key={item.id}\n          item={item}\n          onMoveToCart={onMoveToCart ? handleMoveToCart : undefined}\n          onRemove={handleRemoveItem}\n          isDeleting={isDeletingItemsFromWishlist}\n          removeLabel={removeLabel}\n          moveToCartLabel={moveToCartLabel}\n        />\n      ))}\n    </div>\n  );\n}\n\nexport function WishlistDrawer({\n  isOpen,\n  onClose,\n  wishlistId,\n  onMoveToCart,\n  className,\n  labels = {},\n}: WishlistDrawerProps) {\n  const CloseIcon = useIcon(\"close\");\n  const {\n    title = \"Your Wishlist\",\n    emptyTitle = \"Your wishlist is empty\",\n    emptyDescription = \"Save items you love to your wishlist.\",\n    removeLabel = \"Remove\",\n    moveToCartLabel = \"Move to Cart\",\n    continueShoppingLabel = \"Continue Shopping\",\n  } = labels;\n\n  const { wishlist, isLoading } = useWishlist(wishlistId ? { wishlistId } : undefined);\n  const { deleteItems, isDeletingItemsFromWishlist } = useWishlistActions();\n\n  const items = (wishlist?.items ?? []) as WishlistDrawerItem[];\n\n  const handleRemoveItem = (productId: string) => {\n    if (!wishlistId || !productId) return;\n    deleteItems({ wishlistId, options: { product_ids: [productId] } });\n  };\n\n  const handleMoveToCart = (productId: string) => {\n    if (onMoveToCart && productId) {\n      onMoveToCart(productId);\n    }\n  };\n\n  return (\n    <Sheet open={isOpen} onOpenChange={(open) => !open && onClose()}>\n      <SheetContent\n        side=\"right\"\n        className={`flex w-full flex-col p-0 sm:max-w-[480px] ${className ?? \"\"}`}\n      >\n        {/* Header */}\n        <SheetHeader className=\"flex flex-row items-center justify-between p-6 pb-0\">\n          <SheetTitle\n            className=\"text-xl font-heading font-bold tracking-wider uppercase text-(--enad-text-primary-color)\"\n            showClose={false}\n          >\n            {title}\n          </SheetTitle>\n          <Button variant=\"ghost\" size=\"icon\" onClick={onClose} aria-label=\"Close wishlist\">\n            <CloseIcon className=\"size-5\" />\n          </Button>\n        </SheetHeader>\n\n        {/* Wishlist Items */}\n        <div className=\"flex-1 overflow-y-auto px-6 py-6\">\n          <WishlistContent\n            isLoading={isLoading}\n            items={items}\n            onMoveToCart={onMoveToCart}\n            handleMoveToCart={handleMoveToCart}\n            handleRemoveItem={handleRemoveItem}\n            isDeletingItemsFromWishlist={isDeletingItemsFromWishlist}\n            removeLabel={removeLabel}\n            moveToCartLabel={moveToCartLabel}\n            emptyTitle={emptyTitle}\n            emptyDescription={emptyDescription}\n            continueShoppingLabel={continueShoppingLabel}\n            onClose={onClose}\n          />\n        </div>\n      </SheetContent>\n    </Sheet>\n  );\n}\n"],"mappings":"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"}