@enadhq/enad-react-sdk 0.0.6 → 1.0.2

package/dist/client/wishlist/hooks/useWishlistActions.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/wishlist/hooks/useWishlistActions.tsx"],"sourcesContent":["\"use client\"\n\nimport {\n  AddItemsToWishlistOptions,\n  CreateOrGetShareTokenForWishlistOptions,\n  CreateWishlistOptions,\n  DeleteItemsFromWishlistOptions,\n  UpdateWishlistOptions,\n} from \"@enadhq/enad-ts-sdk\"\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\"\nimport { CACHE_TAGS } from \"../../global/constants/tags\"\nimport { addItemsToWishlistAction } from \"../actions/addItemsToWishlistAction\"\nimport { createOrGetShareTokenAction } from \"../actions/createOrGetShareTokenAction\"\nimport { createWishlistAction } from \"../actions/createWishlistAction\"\nimport { deleteItemsFromWishlistAction } from \"../actions/deleteItemsFromWishlistAction\"\nimport { deleteWishlistAction } from \"../actions/deleteWishlistAction\"\nimport { revokeShareTokenAction } from \"../actions/revokeShareTokenAction\"\nimport { updateWishlistAction } from \"../actions/updateWishlistAction\"\n\n/**\n * Hook to provide wishlist action mutations: create, update, delete wishlist, and add/remove items.\n */\nexport const useWishlistActions = () => {\n  const queryClient = useQueryClient()\n\n  // Create wishlist mutation\n  const createWishlistMutation = useMutation({\n    mutationFn: async (options?: CreateWishlistOptions) => {\n      return createWishlistAction(options)\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: [CACHE_TAGS.wishlist] })\n    },\n  })\n\n  // Update wishlist mutation\n  const updateWishlistMutation = useMutation({\n    mutationFn: async ({\n      wishlistId,\n      options,\n    }: {\n      wishlistId: string\n      options?: UpdateWishlistOptions\n    }) => {\n      return updateWishlistAction(wishlistId, options)\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: [CACHE_TAGS.wishlist] })\n    },\n  })\n\n  // Delete wishlist mutation\n  const deleteWishlistMutation = useMutation({\n    mutationFn: async (wishlistId: string) => {\n      return deleteWishlistAction(wishlistId)\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: [CACHE_TAGS.wishlist] })\n    },\n  })\n\n  // Add items to wishlist mutation\n  const addItemsMutation = useMutation({\n    mutationFn: async ({\n      wishlistId,\n      options,\n    }: {\n      wishlistId: string\n      options?: AddItemsToWishlistOptions\n    }) => {\n      return addItemsToWishlistAction(wishlistId, options)\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: [CACHE_TAGS.wishlist] })\n    },\n  })\n\n  // Remove items from wishlist mutation\n  const deleteItemsMutation = useMutation({\n    mutationFn: async ({\n      wishlistId,\n      options,\n    }: {\n      wishlistId: string\n      options?: DeleteItemsFromWishlistOptions\n    }) => {\n      return deleteItemsFromWishlistAction(wishlistId, options)\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: [CACHE_TAGS.wishlist] })\n    },\n  })\n\n  // Create or get share token mutation\n  const createOrGetShareTokenMutation = useMutation({\n    mutationFn: async ({\n      wishlistId,\n      options,\n    }: {\n      wishlistId: string\n      options?: CreateOrGetShareTokenForWishlistOptions\n    }) => {\n      return createOrGetShareTokenAction(wishlistId, options)\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: [CACHE_TAGS.wishlist] })\n    },\n  })\n\n  // Revoke share token mutation\n  const revokeShareTokenMutation = useMutation({\n    mutationFn: async ({ wishlistId, shareToken }: { wishlistId: string; shareToken: string }) => {\n      return revokeShareTokenAction(wishlistId, shareToken)\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: [CACHE_TAGS.wishlist] })\n    },\n  })\n\n  return {\n    createWishlist: createWishlistMutation.mutateAsync,\n    updateWishlist: updateWishlistMutation.mutateAsync,\n    deleteWishlist: deleteWishlistMutation.mutateAsync,\n    addItems: addItemsMutation.mutateAsync,\n    deleteItems: deleteItemsMutation.mutateAsync,\n    createOrGetShareToken: createOrGetShareTokenMutation.mutateAsync,\n    revokeShareToken: revokeShareTokenMutation.mutateAsync,\n    isCreatingWishlist: createWishlistMutation.isPending,\n    isUpdatingWishlist: updateWishlistMutation.isPending,\n    isDeletingWishlist: deleteWishlistMutation.isPending,\n    isAddingItemsToWishlist: addItemsMutation.isPending,\n    isDeletingItemsFromWishlist: deleteItemsMutation.isPending,\n    isCreatingShareToken: createOrGetShareTokenMutation.isPending,\n    isRevokingShareToken: revokeShareTokenMutation.isPending,\n  }\n}\n"],"mappings":";AASA,SAAS,aAAa,sBAAsB;AAC5C,SAAS,kBAAkB;AAC3B,SAAS,gCAAgC;AACzC,SAAS,mCAAmC;AAC5C,SAAS,4BAA4B;AACrC,SAAS,qCAAqC;AAC9C,SAAS,4BAA4B;AACrC,SAAS,8BAA8B;AACvC,SAAS,4BAA4B;AAK9B,MAAM,qBAAqB,MAAM;AACtC,QAAM,cAAc,eAAe;AAGnC,QAAM,yBAAyB,YAAY;AAAA,IACzC,YAAY,OAAO,YAAoC;AACrD,aAAO,qBAAqB,OAAO;AAAA,IACrC;AAAA,IACA,WAAW,MAAM;AACf,kBAAY,kBAAkB,EAAE,UAAU,CAAC,WAAW,QAAQ,EAAE,CAAC;AAAA,IACnE;AAAA,EACF,CAAC;AAGD,QAAM,yBAAyB,YAAY;AAAA,IACzC,YAAY,OAAO;AAAA,MACjB;AAAA,MACA;AAAA,IACF,MAGM;AACJ,aAAO,qBAAqB,YAAY,OAAO;AAAA,IACjD;AAAA,IACA,WAAW,MAAM;AACf,kBAAY,kBAAkB,EAAE,UAAU,CAAC,WAAW,QAAQ,EAAE,CAAC;AAAA,IACnE;AAAA,EACF,CAAC;AAGD,QAAM,yBAAyB,YAAY;AAAA,IACzC,YAAY,OAAO,eAAuB;AACxC,aAAO,qBAAqB,UAAU;AAAA,IACxC;AAAA,IACA,WAAW,MAAM;AACf,kBAAY,kBAAkB,EAAE,UAAU,CAAC,WAAW,QAAQ,EAAE,CAAC;AAAA,IACnE;AAAA,EACF,CAAC;AAGD,QAAM,mBAAmB,YAAY;AAAA,IACnC,YAAY,OAAO;AAAA,MACjB;AAAA,MACA;AAAA,IACF,MAGM;AACJ,aAAO,yBAAyB,YAAY,OAAO;AAAA,IACrD;AAAA,IACA,WAAW,MAAM;AACf,kBAAY,kBAAkB,EAAE,UAAU,CAAC,WAAW,QAAQ,EAAE,CAAC;AAAA,IACnE;AAAA,EACF,CAAC;AAGD,QAAM,sBAAsB,YAAY;AAAA,IACtC,YAAY,OAAO;AAAA,MACjB;AAAA,MACA;AAAA,IACF,MAGM;AACJ,aAAO,8BAA8B,YAAY,OAAO;AAAA,IAC1D;AAAA,IACA,WAAW,MAAM;AACf,kBAAY,kBAAkB,EAAE,UAAU,CAAC,WAAW,QAAQ,EAAE,CAAC;AAAA,IACnE;AAAA,EACF,CAAC;AAGD,QAAM,gCAAgC,YAAY;AAAA,IAChD,YAAY,OAAO;AAAA,MACjB;AAAA,MACA;AAAA,IACF,MAGM;AACJ,aAAO,4BAA4B,YAAY,OAAO;AAAA,IACxD;AAAA,IACA,WAAW,MAAM;AACf,kBAAY,kBAAkB,EAAE,UAAU,CAAC,WAAW,QAAQ,EAAE,CAAC;AAAA,IACnE;AAAA,EACF,CAAC;AAGD,QAAM,2BAA2B,YAAY;AAAA,IAC3C,YAAY,OAAO,EAAE,YAAY,WAAW,MAAkD;AAC5F,aAAO,uBAAuB,YAAY,UAAU;AAAA,IACtD;AAAA,IACA,WAAW,MAAM;AACf,kBAAY,kBAAkB,EAAE,UAAU,CAAC,WAAW,QAAQ,EAAE,CAAC;AAAA,IACnE;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL,gBAAgB,uBAAuB;AAAA,IACvC,gBAAgB,uBAAuB;AAAA,IACvC,gBAAgB,uBAAuB;AAAA,IACvC,UAAU,iBAAiB;AAAA,IAC3B,aAAa,oBAAoB;AAAA,IACjC,uBAAuB,8BAA8B;AAAA,IACrD,kBAAkB,yBAAyB;AAAA,IAC3C,oBAAoB,uBAAuB;AAAA,IAC3C,oBAAoB,uBAAuB;AAAA,IAC3C,oBAAoB,uBAAuB;AAAA,IAC3C,yBAAyB,iBAAiB;AAAA,IAC1C,6BAA6B,oBAAoB;AAAA,IACjD,sBAAsB,8BAA8B;AAAA,IACpD,sBAAsB,yBAAyB;AAAA,EACjD;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/client/wishlist/hooks/useWishlistActions.tsx"],"sourcesContent":["\"use client\"\n\nimport {\n  type AddItemsToWishlistOptions,\n  type CreateOrGetShareTokenForWishlistOptions,\n  type CreateWishlistOptions,\n  type DeleteItemsFromWishlistOptions,\n  type UpdateWishlistOptions,\n} from \"@enadhq/enad-ts-sdk\"\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\"\nimport { CACHE_TAGS } from \"../../global/constants/tags\"\nimport { addItemsToWishlistAction } from \"../actions/addItemsToWishlistAction\"\nimport { createOrGetShareTokenAction } from \"../actions/createOrGetShareTokenAction\"\nimport { createWishlistAction } from \"../actions/createWishlistAction\"\nimport { deleteItemsFromWishlistAction } from \"../actions/deleteItemsFromWishlistAction\"\nimport { deleteWishlistAction } from \"../actions/deleteWishlistAction\"\nimport { revokeShareTokenAction } from \"../actions/revokeShareTokenAction\"\nimport { updateWishlistAction } from \"../actions/updateWishlistAction\"\n\n/**\n * Hook to provide wishlist action mutations: create, update, delete wishlist, and add/remove items.\n */\nexport const useWishlistActions = () => {\n  const queryClient = useQueryClient()\n\n  // Create wishlist mutation\n  const createWishlistMutation = useMutation({\n    mutationFn: async (options?: CreateWishlistOptions) => {\n      return createWishlistAction(options)\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: [CACHE_TAGS.wishlist] })\n    },\n  })\n\n  // Update wishlist mutation\n  const updateWishlistMutation = useMutation({\n    mutationFn: async ({\n      wishlistId,\n      options,\n    }: {\n      wishlistId: string\n      options?: UpdateWishlistOptions\n    }) => {\n      return updateWishlistAction(wishlistId, options)\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: [CACHE_TAGS.wishlist] })\n    },\n  })\n\n  // Delete wishlist mutation\n  const deleteWishlistMutation = useMutation({\n    mutationFn: async (wishlistId: string) => {\n      return deleteWishlistAction(wishlistId)\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: [CACHE_TAGS.wishlist] })\n    },\n  })\n\n  // Add items to wishlist mutation\n  const addItemsMutation = useMutation({\n    mutationFn: async ({\n      wishlistId,\n      options,\n    }: {\n      wishlistId: string\n      options?: AddItemsToWishlistOptions\n    }) => {\n      return addItemsToWishlistAction(wishlistId, options)\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: [CACHE_TAGS.wishlist] })\n    },\n  })\n\n  // Remove items from wishlist mutation\n  const deleteItemsMutation = useMutation({\n    mutationFn: async ({\n      wishlistId,\n      options,\n    }: {\n      wishlistId: string\n      options?: DeleteItemsFromWishlistOptions\n    }) => {\n      return deleteItemsFromWishlistAction(wishlistId, options)\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: [CACHE_TAGS.wishlist] })\n    },\n  })\n\n  // Create or get share token mutation\n  const createOrGetShareTokenMutation = useMutation({\n    mutationFn: async ({\n      wishlistId,\n      options,\n    }: {\n      wishlistId: string\n      options?: CreateOrGetShareTokenForWishlistOptions\n    }) => {\n      return createOrGetShareTokenAction(wishlistId, options)\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: [CACHE_TAGS.wishlist] })\n    },\n  })\n\n  // Revoke share token mutation\n  const revokeShareTokenMutation = useMutation({\n    mutationFn: async ({ wishlistId, shareToken }: { wishlistId: string; shareToken: string }) => {\n      return revokeShareTokenAction(wishlistId, shareToken)\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: [CACHE_TAGS.wishlist] })\n    },\n  })\n\n  return {\n    createWishlist: createWishlistMutation.mutateAsync,\n    updateWishlist: updateWishlistMutation.mutateAsync,\n    deleteWishlist: deleteWishlistMutation.mutateAsync,\n    addItems: addItemsMutation.mutateAsync,\n    deleteItems: deleteItemsMutation.mutateAsync,\n    createOrGetShareToken: createOrGetShareTokenMutation.mutateAsync,\n    revokeShareToken: revokeShareTokenMutation.mutateAsync,\n    isCreatingWishlist: createWishlistMutation.isPending,\n    isUpdatingWishlist: updateWishlistMutation.isPending,\n    isDeletingWishlist: deleteWishlistMutation.isPending,\n    isAddingItemsToWishlist: addItemsMutation.isPending,\n    isDeletingItemsFromWishlist: deleteItemsMutation.isPending,\n    isCreatingShareToken: createOrGetShareTokenMutation.isPending,\n    isRevokingShareToken: revokeShareTokenMutation.isPending,\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/client/wishlist/index.d.ts

@@ -0,0 +1,5 @@
+export { WishlistDrawer } from "./wishlist-drawer";
+export type { WishlistDrawerProps } from "./wishlist-drawer";
+export { useWishlist } from "./hooks/useWishlist";
+export { useWishlistActions } from "./hooks/useWishlistActions";
+//# sourceMappingURL=index.d.ts.map

package/dist/client/wishlist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/wishlist/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA"}

package/dist/client/wishlist/index.mjs

@@ -0,0 +1,9 @@
+import { WishlistDrawer } from "./wishlist-drawer";
+import { useWishlist } from "./hooks/useWishlist";
+import { useWishlistActions } from "./hooks/useWishlistActions";
+export {
+  WishlistDrawer,
+  useWishlist,
+  useWishlistActions
+};
+//# sourceMappingURL=index.mjs.map

package/dist/client/wishlist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/wishlist/index.ts"],"sourcesContent":["export { WishlistDrawer } from \"./wishlist-drawer\"\nexport type { WishlistDrawerProps } from \"./wishlist-drawer\"\nexport { useWishlist } from \"./hooks/useWishlist\"\nexport { useWishlistActions } from \"./hooks/useWishlistActions\"\n"],"mappings":"AAAA,SAAS,sBAAsB;AAE/B,SAAS,mBAAmB;AAC5B,SAAS,0BAA0B;","names":[]}

package/dist/client/wishlist/wishlist-drawer.d.ts

@@ -0,0 +1,17 @@
+export interface WishlistDrawerProps {
+    isOpen: boolean;
+    onClose: () => void;
+    wishlistId?: string;
+    onMoveToCart?: (productId: string) => void;
+    className?: string;
+    labels?: {
+        title?: string;
+        emptyTitle?: string;
+        emptyDescription?: string;
+        removeLabel?: string;
+        moveToCartLabel?: string;
+        continueShoppingLabel?: string;
+    };
+}
+export declare function WishlistDrawer({ isOpen, onClose, wishlistId, onMoveToCart, className, labels, }: WishlistDrawerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=wishlist-drawer.d.ts.map

package/dist/client/wishlist/wishlist-drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wishlist-drawer.d.ts","sourceRoot":"","sources":["../../../src/client/wishlist/wishlist-drawer.tsx"],"names":[],"mappings":"AA0BA,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;QACzB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,eAAe,CAAC,EAAE,MAAM,CAAA;QACxB,qBAAqB,CAAC,EAAE,MAAM,CAAA;KAC/B,CAAA;CACF;AA8LD,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,OAAO,EACP,UAAU,EACV,YAAY,EACZ,SAAS,EACT,MAAW,GACZ,EAAE,mBAAmB,2CAkErB"}

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

@@ -1,180 +1,199 @@
 "use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { X, Minus, Plus, Trash2 } from "lucide-react";
-import Link from "next/link";
-import { useCart } from "../cart/hooks/useCart";
-const Button = ({
-  variant = "default",
-  size = "default",
-  className = "",
-  children,
-  ...props
-}) => {
-  const baseClasses = "inline-flex items-center justify-center font-medium transition-colors disabled:opacity-50 disabled:pointer-events-none";
-  const variantClasses = {
-    default: "bg-(--enad-button-bg) text-(--enad-button-color) hover:bg-(--enad-button-hover-bg)",
-    ghost: "bg-transparent hover:bg-(--enad-border-color)",
-    outline: "border border-(--enad-border-color) bg-transparent hover:bg-(--enad-border-color)"
-  };
-  const sizeClasses = {
-    default: "h-10 px-4 py-2 rounded-(--enad-border-radius)",
-    lg: "h-12 px-6 py-3 rounded-(--enad-border-radius)",
-    icon: "h-5 w-5 rounded-(--enad-border-radius)"
-  };
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      className: `${baseClasses} ${variantClasses[variant]} ${sizeClasses[size]} ${className}`,
-      ...props,
-      children
-    }
-  );
-};
-function CartDrawer({ isOpen, onClose, labels = {} }) {
-  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 { cart, removeItem, updateItem } = useCart();
-  const items = cart?.items || [];
-  const totals = cart?.totals;
-  const handleUpdateQuantity = (itemId, newQuantity) => {
-    updateItem({ itemId, quantity: newQuantity });
-  };
-  const handleRemoveItem = (itemId) => {
-    removeItem({ itemId });
-  };
-  const formatPrice = (amount) => {
-    return `${(amount / 100).toFixed(2)} ${cart?.currencyCode || "USD"}`;
-  };
-  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 ${isOpen ? "opacity-100" : "opacity-0 pointer-events-none"}`,
-        onClick: onClose
-      }
-    ),
+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";
+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)" }) });
+}
+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(
-      "div",
+      Button,
       {
-        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 ${isOpen ? "translate-x-0" : "translate-x-full"}`,
-        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-bold tracking-wider uppercase text-(--enad-text-primary-color)",
-                style: { fontFamily: "var(--font-oswald)" },
-                children: title
-              }
-            ),
-            /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", onClick: onClose, children: /* @__PURE__ */ jsx(X, { className: "h-5 w-5" }) })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto p-6", children: items.length === 0 ? /* @__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: emptyCartMessage }),
-            /* @__PURE__ */ jsx(Button, { onClick: onClose, variant: "outline", children: continueShopping })
-          ] }) : /* @__PURE__ */ jsx("div", { className: "space-y-6", children: items.map((item) => /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
-            /* @__PURE__ */ jsx("div", { className: "relative w-24 h-24 flex-shrink-0 bg-(--enad-border-color) rounded-(--enad-border-radius) overflow-hidden", children: item.imageUrl ? /* @__PURE__ */ jsx(
-              "img",
-              {
-                src: item.imageUrl || "/placeholder.svg",
-                alt: item.displayName,
-                className: "object-cover"
-              }
-            ) : /* @__PURE__ */ jsx("div", { className: "w-full h-full bg-(--enad-border-color)" }) }),
-            /* @__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.customAttributes?.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: () => handleRemoveItem(item.id),
-                    children: /* @__PURE__ */ jsx(Trash2, { 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.salePriceAmount) }),
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      variant: "outline",
-                      size: "icon",
-                      className: "h-5 w-5 bg-transparent",
-                      onClick: () => handleUpdateQuantity(item.id, item.quantity - 1),
-                      disabled: item.quantity <= 1,
-                      children: /* @__PURE__ */ jsx(Minus, { className: "h-3 w-3" })
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("span", { className: "text-sm font-medium w-8 text-center text-(--enad-text-primary-color)", children: item.quantity }),
-                  /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      variant: "outline",
-                      size: "icon",
-                      className: "h-5 w-5 bg-transparent",
-                      onClick: () => handleUpdateQuantity(item.id, item.quantity + 1),
-                      children: /* @__PURE__ */ jsx(Plus, { className: "h-3 w-3" })
-                    }
-                  )
-                ] })
-              ] })
-            ] })
-          ] }, item.id)) }) }),
-          items.length > 0 && totals && /* @__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: subtotal }),
-              /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-primary-color)", children: formatPrice(totals.subTotal) })
-            ] }),
-            totals.discountTotal > 0 && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-muted-color)", children: discount }),
-              /* @__PURE__ */ jsxs("span", { className: "text-(--enad-success-color)", children: [
-                "-",
-                formatPrice(totals.discountTotal)
-              ] })
-            ] }),
-            totals.taxTotal > 0 && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-muted-color)", children: tax }),
-              /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-primary-color)", children: formatPrice(totals.taxTotal) })
-            ] }),
-            /* @__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: total }),
-              /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-primary-color)", children: formatPrice(totals.grandTotal) })
-            ] }),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                className: "w-full py-6 text-sm font-medium uppercase tracking-wider",
-                size: "lg",
-                children: proceedToCheckout
-              }
-            )
-          ] })
-        ] })
+        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 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)) });
+}
+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 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
+          }
+        ) })
+      ]
+    }
+  ) });
+}
 export {
-  CartDrawer
+  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 { X, Minus, Plus, Trash2 } from \"lucide-react\"\nimport Link from \"next/link\"\nimport { useCart } from \"../cart/hooks/useCart\"\n\ninterface CartDrawerProps {\n  isOpen: boolean\n  onClose: () => void\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\n// Inline Button Component\ninterface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: \"ghost\" | \"outline\" | \"default\"\n  size?: \"icon\" | \"lg\" | \"default\"\n  children: React.ReactNode\n}\n\nconst Button = ({\n  variant = \"default\",\n  size = \"default\",\n  className = \"\",\n  children,\n  ...props\n}: ButtonProps) => {\n  const baseClasses =\n    \"inline-flex items-center justify-center font-medium transition-colors disabled:opacity-50 disabled:pointer-events-none\"\n\n  const variantClasses = {\n    default: \"bg-(--enad-button-bg) text-(--enad-button-color) hover:bg-(--enad-button-hover-bg)\",\n    ghost: \"bg-transparent hover:bg-(--enad-border-color)\",\n    outline: \"border border-(--enad-border-color) bg-transparent hover:bg-(--enad-border-color)\",\n  }\n\n  const sizeClasses = {\n    default: \"h-10 px-4 py-2 rounded-(--enad-border-radius)\",\n    lg: \"h-12 px-6 py-3 rounded-(--enad-border-radius)\",\n    icon: \"h-5 w-5 rounded-(--enad-border-radius)\",\n  }\n\n  return (\n    <button\n      className={`${baseClasses} ${variantClasses[variant]} ${sizeClasses[size]} ${className}`}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n}\n\nexport function CartDrawer({ isOpen, onClose, labels = {} }: CartDrawerProps) {\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  const { cart, removeItem, updateItem } = useCart()\n\n  const items = cart?.items || []\n  const totals = cart?.totals\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  const formatPrice = (amount: number) => {\n    return `${(amount / 100).toFixed(2)} ${cart?.currencyCode || \"USD\"}`\n  }\n\n  return (\n    <>\n      {/* Backdrop */}\n      <div\n        className={`fixed font-enad inset-0 bg-black/60 backdrop-blur-sm z-50 transition-opacity duration-300 ${\n          isOpen ? \"opacity-100\" : \"opacity-0 pointer-events-none\"\n        }`}\n        onClick={onClose}\n      />\n\n      {/* Drawer */}\n      <div\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 ${\n          isOpen ? \"translate-x-0\" : \"translate-x-full\"\n        }`}\n      >\n        <div className=\"flex flex-col h-full\">\n          {/* Header */}\n          <div className=\"flex items-center justify-between p-6\">\n            <h2\n              className=\"text-xl font-bold tracking-wider uppercase text-(--enad-text-primary-color)\"\n              style={{ fontFamily: \"var(--font-oswald)\" }}\n            >\n              {title}\n            </h2>\n            <Button variant=\"ghost\" size=\"icon\" onClick={onClose}>\n              <X className=\"h-5 w-5\" />\n            </Button>\n          </div>\n\n          {/* Cart Items */}\n          <div className=\"flex-1 overflow-y-auto p-6\">\n            {items.length === 0 ? (\n              <div className=\"flex flex-col items-center justify-center h-full text-center\">\n                <p className=\"text-(--enad-text-muted-color) mb-4\">{emptyCartMessage}</p>\n                <Button onClick={onClose} variant=\"outline\">\n                  {continueShopping}\n                </Button>\n              </div>\n            ) : (\n              <div className=\"space-y-6\">\n                {items.map((item) => (\n                  <div key={item.id} className=\"flex gap-4\">\n                    {/* Product Image */}\n                    <div className=\"relative w-24 h-24 flex-shrink-0 bg-(--enad-border-color) rounded-(--enad-border-radius) overflow-hidden\">\n                      {item.imageUrl ? (\n                        <img\n                          src={item.imageUrl || \"/placeholder.svg\"}\n                          alt={item.displayName}\n                          className=\"object-cover\"\n                        />\n                      ) : (\n                        <div className=\"w-full h-full bg-(--enad-border-color)\" />\n                      )}\n                    </div>\n\n                    {/* Product Info */}\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.customAttributes?.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={() => handleRemoveItem(item.id)}\n                        >\n                          <Trash2 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.salePriceAmount)}\n                        </p>\n\n                        {/* Quantity Controls */}\n                        <div className=\"flex items-center gap-2\">\n                          <Button\n                            variant=\"outline\"\n                            size=\"icon\"\n                            className=\"h-5 w-5 bg-transparent\"\n                            onClick={() => handleUpdateQuantity(item.id, item.quantity - 1)}\n                            disabled={item.quantity <= 1}\n                          >\n                            <Minus className=\"h-3 w-3\" />\n                          </Button>\n                          <span className=\"text-sm font-medium w-8 text-center text-(--enad-text-primary-color)\">\n                            {item.quantity}\n                          </span>\n                          <Button\n                            variant=\"outline\"\n                            size=\"icon\"\n                            className=\"h-5 w-5 bg-transparent\"\n                            onClick={() => handleUpdateQuantity(item.id, item.quantity + 1)}\n                          >\n                            <Plus className=\"h-3 w-3\" />\n                          </Button>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n\n          {/* Footer with Totals */}\n          {items.length > 0 && totals && (\n            <div className=\" p-6 space-y-4\">\n              {/* Subtotal */}\n              <div className=\"flex justify-between text-sm\">\n                <span className=\"text-(--enad-text-muted-color)\">{subtotal}</span>\n                <span className=\"text-(--enad-text-primary-color)\">\n                  {formatPrice(totals.subTotal)}\n                </span>\n              </div>\n\n              {/* Discount */}\n              {totals.discountTotal > 0 && (\n                <div className=\"flex justify-between text-sm\">\n                  <span className=\"text-(--enad-text-muted-color)\">{discount}</span>\n                  <span className=\"text-(--enad-success-color)\">\n                    -{formatPrice(totals.discountTotal)}\n                  </span>\n                </div>\n              )}\n\n              {/* Tax */}\n              {totals.taxTotal > 0 && (\n                <div className=\"flex justify-between text-sm\">\n                  <span className=\"text-(--enad-text-muted-color)\">{tax}</span>\n                  <span className=\"text-(--enad-text-primary-color)\">\n                    {formatPrice(totals.taxTotal)}\n                  </span>\n                </div>\n              )}\n\n              {/* Total */}\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)\">{total}</span>\n                <span className=\"text-(--enad-text-primary-color)\">\n                  {formatPrice(totals.grandTotal)}\n                </span>\n              </div>\n\n              {/* Checkout Button */}\n              <Button\n                className=\"w-full py-6 text-sm font-medium uppercase tracking-wider\"\n                size=\"lg\"\n              >\n                {proceedToCheckout}\n              </Button>\n            </div>\n          )}\n        </div>\n      </div>\n    </>\n  )\n}\n"],"mappings":"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","names":[]}
+{"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":[]}