@enadhq/enad-react-sdk 0.0.6 → 1.0.0

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

@@ -1,101 +0,0 @@
-"use client";
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { CACHE_TAGS } from "../../global/constants/tags";
-import { addItemsToWishlistAction } from "../actions/addItemsToWishlistAction";
-import { createOrGetShareTokenAction } from "../actions/createOrGetShareTokenAction";
-import { createWishlistAction } from "../actions/createWishlistAction";
-import { deleteItemsFromWishlistAction } from "../actions/deleteItemsFromWishlistAction";
-import { deleteWishlistAction } from "../actions/deleteWishlistAction";
-import { revokeShareTokenAction } from "../actions/revokeShareTokenAction";
-import { updateWishlistAction } from "../actions/updateWishlistAction";
-const useWishlistActions = () => {
-  const queryClient = useQueryClient();
-  const createWishlistMutation = useMutation({
-    mutationFn: async (options) => {
-      return createWishlistAction(options);
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: [CACHE_TAGS.wishlist] });
-    }
-  });
-  const updateWishlistMutation = useMutation({
-    mutationFn: async ({
-      wishlistId,
-      options
-    }) => {
-      return updateWishlistAction(wishlistId, options);
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: [CACHE_TAGS.wishlist] });
-    }
-  });
-  const deleteWishlistMutation = useMutation({
-    mutationFn: async (wishlistId) => {
-      return deleteWishlistAction(wishlistId);
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: [CACHE_TAGS.wishlist] });
-    }
-  });
-  const addItemsMutation = useMutation({
-    mutationFn: async ({
-      wishlistId,
-      options
-    }) => {
-      return addItemsToWishlistAction(wishlistId, options);
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: [CACHE_TAGS.wishlist] });
-    }
-  });
-  const deleteItemsMutation = useMutation({
-    mutationFn: async ({
-      wishlistId,
-      options
-    }) => {
-      return deleteItemsFromWishlistAction(wishlistId, options);
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: [CACHE_TAGS.wishlist] });
-    }
-  });
-  const createOrGetShareTokenMutation = useMutation({
-    mutationFn: async ({
-      wishlistId,
-      options
-    }) => {
-      return createOrGetShareTokenAction(wishlistId, options);
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: [CACHE_TAGS.wishlist] });
-    }
-  });
-  const revokeShareTokenMutation = useMutation({
-    mutationFn: async ({ wishlistId, shareToken }) => {
-      return revokeShareTokenAction(wishlistId, shareToken);
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: [CACHE_TAGS.wishlist] });
-    }
-  });
-  return {
-    createWishlist: createWishlistMutation.mutateAsync,
-    updateWishlist: updateWishlistMutation.mutateAsync,
-    deleteWishlist: deleteWishlistMutation.mutateAsync,
-    addItems: addItemsMutation.mutateAsync,
-    deleteItems: deleteItemsMutation.mutateAsync,
-    createOrGetShareToken: createOrGetShareTokenMutation.mutateAsync,
-    revokeShareToken: revokeShareTokenMutation.mutateAsync,
-    isCreatingWishlist: createWishlistMutation.isPending,
-    isUpdatingWishlist: updateWishlistMutation.isPending,
-    isDeletingWishlist: deleteWishlistMutation.isPending,
-    isAddingItemsToWishlist: addItemsMutation.isPending,
-    isDeletingItemsFromWishlist: deleteItemsMutation.isPending,
-    isCreatingShareToken: createOrGetShareTokenMutation.isPending,
-    isRevokingShareToken: revokeShareTokenMutation.isPending
-  };
-};
-export {
-  useWishlistActions
-};
-//# sourceMappingURL=useWishlistActions.mjs.map

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

@@ -1 +0,0 @@
-{"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":"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","names":[]}

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

@@ -1,19 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-interface CartDrawerProps {
-    isOpen: boolean;
-    onClose: () => void;
-    labels?: {
-        title?: string;
-        emptyCartMessage?: string;
-        continueShopping?: string;
-        subtotal?: string;
-        discount?: string;
-        tax?: string;
-        total?: string;
-        proceedToCheckout?: string;
-    };
-}
-declare function CartDrawer({ isOpen, onClose, labels }: CartDrawerProps): react_jsx_runtime.JSX.Element;
-
-export { CartDrawer };

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

@@ -1,180 +0,0 @@
-"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
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        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
-              }
-            )
-          ] })
-        ] })
-      }
-    )
-  ] });
-}
-export {
-  CartDrawer
-};
-//# sourceMappingURL=wishlist-drawer.mjs.map

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

@@ -1 +0,0 @@
-{"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":[]}