@instockng/storefront-ui 1.0.106 → 1.0.108

package/dist/components/AssistantDrawer.d.ts

@@ -0,0 +1,22 @@
+export interface AssistantDrawerProps {
+    /** Controls drawer visibility */
+    isOpen: boolean;
+    /** Callback when drawer should close */
+    onClose: () => void;
+    /** API base URL */
+    apiUrl: string;
+    /** Brand slug for context */
+    brandSlug: string;
+    /** Product slug if opened from a product page */
+    productSlug?: string;
+    /** Initial question to send immediately when opened */
+    initialQuestion?: string;
+    /** Assistant display name */
+    assistantName?: string;
+    /** Custom class name */
+    className?: string;
+    /** Render inline instead of using a portal (useful for Storybook) */
+    disablePortal?: boolean;
+}
+export declare function AssistantDrawer({ isOpen, onClose, apiUrl, brandSlug, productSlug, initialQuestion, assistantName, className, disablePortal, }: AssistantDrawerProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=AssistantDrawer.d.ts.map

package/dist/components/AssistantDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantDrawer.d.ts","sourceRoot":"","sources":["../../src/components/AssistantDrawer.tsx"],"names":[],"mappings":"AAgCA,MAAM,WAAW,oBAAoB;IACnC,iCAAiC;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,wCAAwC;IACxC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,mBAAmB;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uDAAuD;IACvD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,OAAO,EACP,MAAM,EACN,SAAS,EACT,WAAW,EACX,eAAe,EACf,aAA8B,EAC9B,SAAS,EACT,aAAqB,GACtB,EAAE,oBAAoB,kDA0WtB"}

package/dist/components/ProductAssistantChips.d.ts

@@ -0,0 +1,13 @@
+export interface ProductAssistantChipsProps {
+    /** FAQ questions to display as chips */
+    faqs?: Array<{
+        question: string;
+        answer: string;
+    }>;
+    /** Callback when a chip is clicked — should open the drawer with this question */
+    onAsk: (question: string) => void;
+    /** Custom class name */
+    className?: string;
+}
+export declare function ProductAssistantChips({ faqs, onAsk, className, }: ProductAssistantChipsProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ProductAssistantChips.d.ts.map

package/dist/components/ProductAssistantChips.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductAssistantChips.d.ts","sourceRoot":"","sources":["../../src/components/ProductAssistantChips.tsx"],"names":[],"mappings":"AAYA,MAAM,WAAW,0BAA0B;IACzC,wCAAwC;IACxC,IAAI,CAAC,EAAE,KAAK,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnD,kFAAkF;IAClF,KAAK,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,IAAS,EACT,KAAK,EACL,SAAS,GACV,EAAE,0BAA0B,kDAsC5B"}

package/dist/contexts/AssistantContext.d.ts

@@ -0,0 +1,19 @@
+import { type ReactNode } from 'react';
+type AssistantContextType = {
+    /** Open the assistant drawer with a question. Pass productSlug if on a product page. */
+    ask: (question: string, productSlug?: string) => void;
+    /** Close the assistant drawer */
+    close: () => void;
+    /** Whether the drawer is currently open */
+    isOpen: boolean;
+};
+export declare function useAssistant(): AssistantContextType;
+export interface AssistantProviderProps {
+    children: ReactNode;
+    apiUrl: string;
+    brandSlug: string;
+    assistantName?: string;
+}
+export declare function AssistantProvider({ children, apiUrl, brandSlug, assistantName, }: AssistantProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AssistantContext.d.ts.map

package/dist/contexts/AssistantContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantContext.d.ts","sourceRoot":"","sources":["../../src/contexts/AssistantContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzF,KAAK,oBAAoB,GAAG;IAC1B,wFAAwF;IACxF,GAAG,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,iCAAiC;IACjC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,2CAA2C;IAC3C,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AAIF,wBAAgB,YAAY,yBAI3B;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,MAAM,EACN,SAAS,EACT,aAAa,GACd,EAAE,sBAAsB,2CA2BxB"}

package/dist/index.d.ts

@@ -6,6 +6,7 @@
 export { StorefrontProvider } from './providers/StorefrontProvider';
 export type { StorefrontProviderProps } from './providers/StorefrontProvider';
 export { CartProvider, useCart } from './contexts/CartContext';
+export { useAssistant } from './contexts/AssistantContext';
 export { useMetaPixel, MetaPixelProvider } from './providers/MetaPixelProvider';
 export type { MetaPixelProviderProps, PurchaseItem } from './providers/MetaPixelProvider';
 export { useTikTokPixel, TikTokPixelProvider } from './providers/TikTokPixelProvider';
@@ -38,6 +39,10 @@ export { DiscountCodeInput } from './components/DiscountCodeInput';
 export type { DiscountCodeInputProps } from './components/DiscountCodeInput';
 export { Checkout } from './components/Checkout';
 export type { CheckoutProps, CheckoutFormData } from './components/Checkout';
+export { AssistantDrawer } from './components/AssistantDrawer';
+export type { AssistantDrawerProps } from './components/AssistantDrawer';
+export { ProductAssistantChips } from './components/ProductAssistantChips';
+export type { ProductAssistantChipsProps } from './components/ProductAssistantChips';
 export { Button } from './components/ui/button';
 export { Card, CardContent, CardHeader, CardTitle, CardDescription, CardFooter } from './components/ui/card';
 export { Badge } from './components/ui/badge';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.mjs

@@ -1,144 +1,150 @@
 'use client';
-import { StorefrontProvider as m } from "./index2.mjs";
-import { CartProvider as a, useCart as d } from "./index3.mjs";
-import { MetaPixelProvider as n, useMetaPixel as s } from "./index4.mjs";
-import { TikTokPixelProvider as c, useTikTokPixel as f } from "./index5.mjs";
-import { usePageTracking as x } from "./index6.mjs";
-import { OrderConfirmation as P } from "./index7.mjs";
-import { DeliveryConfirmation as h } from "./index8.mjs";
-import { ProductCard as v } from "./index9.mjs";
-import { ProductGrid as G } from "./index10.mjs";
-import { ProductAddOns as R } from "./index11.mjs";
-import { RecommendedProducts as I } from "./index12.mjs";
-import { VariantPickerModal as S } from "./index13.mjs";
-import { CartItem as T } from "./index14.mjs";
-import { QuantitySelector as M } from "./index15.mjs";
-import { ShoppingCart as H } from "./index16.mjs";
-import { CartUpsellScreen as b } from "./index17.mjs";
-import { AddOnsDiscountScreen as z } from "./index18.mjs";
-import { DiscountCodeInput as Q } from "./index19.mjs";
-import { Checkout as $ } from "./index20.mjs";
-import { Button as w } from "./index21.mjs";
-import { Card as J, CardContent as L, CardDescription as N, CardFooter as W, CardHeader as X, CardTitle as Y } from "./index22.mjs";
-import { Badge as ee } from "./index23.mjs";
-import { Modal as te } from "./index24.mjs";
-import { FormInput as me } from "./index25.mjs";
-import { FormSelect as ae } from "./index26.mjs";
-import { calculateDiscountedPrice as pe, cn as ne, formatCurrency as se, formatDate as ue, formatDateTime as ce, getDiscountPercent as fe, getStatusColor as Ce } from "./index27.mjs";
-import { ApiClientProvider as le, useApiClientContext as Pe } from "./index28.mjs";
-import { useApiConfig as he } from "./index29.mjs";
-import { getApiClient as ve, initializeApiClient as ye, resetApiClient as Ge } from "./index30.mjs";
-import { authHeaders as Re, createAdminRpcClients as ge, createRpcClients as Ie } from "./index31.mjs";
-import { fetchProductAddons as Se, fetchProductBySlug as Be, fetchProductRecommendations as Te, fetchProductsByBrand as Ue } from "./index32.mjs";
-import { addCartItem as Fe, applyDiscount as He, checkoutCart as Ze, createCart as be, fetchCart as qe, fetchCartRecommendations as ze, fetchCartUpsellAddons as Ke, initiateCheckout as Qe, removeCartItem as Ve, removeDiscount as $e, updateCart as je, updateCartItem as we } from "./index33.mjs";
-import { confirmDelivery as Je, confirmOrder as Le, fetchOrder as Ne, fetchOrderRecommendations as We, updateDeliveryAddress as Xe } from "./index34.mjs";
-import { fetchDeliveryZones as _e } from "./index35.mjs";
-import { fetchBrandBySlug as rr } from "./index36.mjs";
-import { queryKeys as or } from "./index37.mjs";
-import * as e from "./index38.mjs";
-import * as r from "./index39.mjs";
-import { useAddCartItem as ir, useApplyDiscount as ar, useCheckoutCart as dr, useCreateCart as pr, useGetCart as nr, useGetCartRecommendations as sr, useGetCartUpsellAddons as ur, useInitiateCheckout as cr, useRemoveCartItem as fr, useRemoveDiscount as Cr, useUpdateCart as xr, useUpdateCartItem as lr } from "./index40.mjs";
-import { useGetBrand as Ar } from "./index41.mjs";
-import { useGetProduct as Dr, useGetProductAddOns as vr, useGetProductRecommendations as yr, useGetProducts as Gr } from "./index42.mjs";
-import { useConfirmDelivery as Rr, useConfirmOrder as gr, useGetOrder as Ir, useGetOrderRecommendations as Or, useUpdateDeliveryAddress as Sr } from "./index43.mjs";
-import { useGetDeliveryZones as Tr } from "./index44.mjs";
+import { StorefrontProvider as i } from "./index2.mjs";
+import { CartProvider as a, useCart as s } from "./index3.mjs";
+import { useAssistant as p } from "./index4.mjs";
+import { MetaPixelProvider as u, useMetaPixel as f } from "./index5.mjs";
+import { TikTokPixelProvider as x, useTikTokPixel as C } from "./index6.mjs";
+import { usePageTracking as P } from "./index7.mjs";
+import { OrderConfirmation as h } from "./index8.mjs";
+import { DeliveryConfirmation as v } from "./index9.mjs";
+import { ProductCard as G } from "./index10.mjs";
+import { ProductGrid as R } from "./index11.mjs";
+import { ProductAddOns as I } from "./index12.mjs";
+import { RecommendedProducts as S } from "./index13.mjs";
+import { VariantPickerModal as T } from "./index14.mjs";
+import { CartItem as M } from "./index15.mjs";
+import { QuantitySelector as H } from "./index16.mjs";
+import { ShoppingCart as b } from "./index17.mjs";
+import { CartUpsellScreen as w } from "./index18.mjs";
+import { AddOnsDiscountScreen as K } from "./index19.mjs";
+import { DiscountCodeInput as V } from "./index20.mjs";
+import { Checkout as j } from "./index21.mjs";
+import { AssistantDrawer as J } from "./index22.mjs";
+import { ProductAssistantChips as N } from "./index23.mjs";
+import { Button as X } from "./index24.mjs";
+import { Card as _, CardContent as ee, CardDescription as re, CardFooter as te, CardHeader as oe, CardTitle as ie } from "./index25.mjs";
+import { Badge as ae } from "./index26.mjs";
+import { Modal as de } from "./index27.mjs";
+import { FormInput as ne } from "./index28.mjs";
+import { FormSelect as fe } from "./index29.mjs";
+import { calculateDiscountedPrice as xe, cn as Ce, formatCurrency as le, formatDate as Pe, formatDateTime as Ae, getDiscountPercent as he, getStatusColor as De } from "./index30.mjs";
+import { ApiClientProvider as ye, useApiClientContext as Ge } from "./index31.mjs";
+import { useApiConfig as Re } from "./index32.mjs";
+import { getApiClient as Ie, initializeApiClient as Oe, resetApiClient as Se } from "./index33.mjs";
+import { authHeaders as Te, createAdminRpcClients as Ue, createRpcClients as Me } from "./index34.mjs";
+import { fetchProductAddons as He, fetchProductBySlug as Ze, fetchProductRecommendations as be, fetchProductsByBrand as qe } from "./index35.mjs";
+import { addCartItem as ze, applyDiscount as Ke, checkoutCart as Qe, createCart as Ve, fetchCart as $e, fetchCartRecommendations as je, fetchCartUpsellAddons as Ee, initiateCheckout as Je, removeCartItem as Le, removeDiscount as Ne, updateCart as We, updateCartItem as Xe } from "./index36.mjs";
+import { confirmDelivery as _e, confirmOrder as er, fetchOrder as rr, fetchOrderRecommendations as tr, updateDeliveryAddress as or } from "./index37.mjs";
+import { fetchDeliveryZones as mr } from "./index38.mjs";
+import { fetchBrandBySlug as sr } from "./index39.mjs";
+import { queryKeys as pr } from "./index40.mjs";
+import * as e from "./index41.mjs";
+import * as r from "./index42.mjs";
+import { useAddCartItem as ur, useApplyDiscount as fr, useCheckoutCart as cr, useCreateCart as xr, useGetCart as Cr, useGetCartRecommendations as lr, useGetCartUpsellAddons as Pr, useInitiateCheckout as Ar, useRemoveCartItem as hr, useRemoveDiscount as Dr, useUpdateCart as vr, useUpdateCartItem as yr } from "./index43.mjs";
+import { useGetBrand as kr } from "./index44.mjs";
+import { useGetProduct as gr, useGetProductAddOns as Ir, useGetProductRecommendations as Or, useGetProducts as Sr } from "./index45.mjs";
+import { useConfirmDelivery as Tr, useConfirmOrder as Ur, useGetOrder as Mr, useGetOrderRecommendations as Fr, useUpdateDeliveryAddress as Hr } from "./index46.mjs";
+import { useGetDeliveryZones as br } from "./index47.mjs";
 export {
-  z as AddOnsDiscountScreen,
-  le as ApiClientProvider,
-  ee as Badge,
-  w as Button,
-  J as Card,
-  L as CardContent,
-  N as CardDescription,
-  W as CardFooter,
-  X as CardHeader,
-  Y as CardTitle,
-  T as CartItem,
+  K as AddOnsDiscountScreen,
+  ye as ApiClientProvider,
+  J as AssistantDrawer,
+  ae as Badge,
+  X as Button,
+  _ as Card,
+  ee as CardContent,
+  re as CardDescription,
+  te as CardFooter,
+  oe as CardHeader,
+  ie as CardTitle,
+  M as CartItem,
   a as CartProvider,
-  b as CartUpsellScreen,
-  $ as Checkout,
-  h as DeliveryConfirmation,
-  Q as DiscountCodeInput,
-  me as FormInput,
-  ae as FormSelect,
-  n as MetaPixelProvider,
-  te as Modal,
-  P as OrderConfirmation,
-  R as ProductAddOns,
-  v as ProductCard,
-  G as ProductGrid,
-  M as QuantitySelector,
-  I as RecommendedProducts,
-  H as ShoppingCart,
-  m as StorefrontProvider,
-  c as TikTokPixelProvider,
-  S as VariantPickerModal,
-  Fe as addCartItem,
+  w as CartUpsellScreen,
+  j as Checkout,
+  v as DeliveryConfirmation,
+  V as DiscountCodeInput,
+  ne as FormInput,
+  fe as FormSelect,
+  u as MetaPixelProvider,
+  de as Modal,
+  h as OrderConfirmation,
+  I as ProductAddOns,
+  N as ProductAssistantChips,
+  G as ProductCard,
+  R as ProductGrid,
+  H as QuantitySelector,
+  S as RecommendedProducts,
+  b as ShoppingCart,
+  i as StorefrontProvider,
+  x as TikTokPixelProvider,
+  T as VariantPickerModal,
+  ze as addCartItem,
   r as adminApi,
-  He as applyDiscount,
-  Re as authHeaders,
-  pe as calculateDiscountedPrice,
-  Ze as checkoutCart,
-  ne as cn,
-  Je as confirmDelivery,
-  Le as confirmOrder,
-  ge as createAdminRpcClients,
-  be as createCart,
-  Ie as createRpcClients,
-  rr as fetchBrandBySlug,
-  qe as fetchCart,
-  ze as fetchCartRecommendations,
-  Ke as fetchCartUpsellAddons,
-  _e as fetchDeliveryZones,
-  Ne as fetchOrder,
-  We as fetchOrderRecommendations,
-  Se as fetchProductAddons,
-  Be as fetchProductBySlug,
-  Te as fetchProductRecommendations,
-  Ue as fetchProductsByBrand,
-  se as formatCurrency,
-  ue as formatDate,
-  ce as formatDateTime,
-  ve as getApiClient,
-  fe as getDiscountPercent,
-  Ce as getStatusColor,
-  ye as initializeApiClient,
-  Qe as initiateCheckout,
+  Ke as applyDiscount,
+  Te as authHeaders,
+  xe as calculateDiscountedPrice,
+  Qe as checkoutCart,
+  Ce as cn,
+  _e as confirmDelivery,
+  er as confirmOrder,
+  Ue as createAdminRpcClients,
+  Ve as createCart,
+  Me as createRpcClients,
+  sr as fetchBrandBySlug,
+  $e as fetchCart,
+  je as fetchCartRecommendations,
+  Ee as fetchCartUpsellAddons,
+  mr as fetchDeliveryZones,
+  rr as fetchOrder,
+  tr as fetchOrderRecommendations,
+  He as fetchProductAddons,
+  Ze as fetchProductBySlug,
+  be as fetchProductRecommendations,
+  qe as fetchProductsByBrand,
+  le as formatCurrency,
+  Pe as formatDate,
+  Ae as formatDateTime,
+  Ie as getApiClient,
+  he as getDiscountPercent,
+  De as getStatusColor,
+  Oe as initializeApiClient,
+  Je as initiateCheckout,
   e as publicApi,
-  or as queryKeys,
-  Ve as removeCartItem,
-  $e as removeDiscount,
-  Ge as resetApiClient,
-  je as updateCart,
-  we as updateCartItem,
-  Xe as updateDeliveryAddress,
-  ir as useAddCartItem,
-  Pe as useApiClientContext,
-  he as useApiConfig,
-  ar as useApplyDiscount,
-  d as useCart,
-  dr as useCheckoutCart,
-  Rr as useConfirmDelivery,
-  gr as useConfirmOrder,
-  pr as useCreateCart,
-  Ar as useGetBrand,
-  nr as useGetCart,
-  sr as useGetCartRecommendations,
-  ur as useGetCartUpsellAddons,
-  Tr as useGetDeliveryZones,
-  Ir as useGetOrder,
-  Or as useGetOrderRecommendations,
-  Dr as useGetProduct,
-  vr as useGetProductAddOns,
-  yr as useGetProductRecommendations,
-  Gr as useGetProducts,
-  cr as useInitiateCheckout,
-  s as useMetaPixel,
-  x as usePageTracking,
-  fr as useRemoveCartItem,
-  Cr as useRemoveDiscount,
-  f as useTikTokPixel,
-  xr as useUpdateCart,
-  lr as useUpdateCartItem,
-  Sr as useUpdateDeliveryAddress
+  pr as queryKeys,
+  Le as removeCartItem,
+  Ne as removeDiscount,
+  Se as resetApiClient,
+  We as updateCart,
+  Xe as updateCartItem,
+  or as updateDeliveryAddress,
+  ur as useAddCartItem,
+  Ge as useApiClientContext,
+  Re as useApiConfig,
+  fr as useApplyDiscount,
+  p as useAssistant,
+  s as useCart,
+  cr as useCheckoutCart,
+  Tr as useConfirmDelivery,
+  Ur as useConfirmOrder,
+  xr as useCreateCart,
+  kr as useGetBrand,
+  Cr as useGetCart,
+  lr as useGetCartRecommendations,
+  Pr as useGetCartUpsellAddons,
+  br as useGetDeliveryZones,
+  Mr as useGetOrder,
+  Fr as useGetOrderRecommendations,
+  gr as useGetProduct,
+  Ir as useGetProductAddOns,
+  Or as useGetProductRecommendations,
+  Sr as useGetProducts,
+  Ar as useInitiateCheckout,
+  f as useMetaPixel,
+  P as usePageTracking,
+  hr as useRemoveCartItem,
+  Dr as useRemoveDiscount,
+  C as useTikTokPixel,
+  vr as useUpdateCart,
+  yr as useUpdateCartItem,
+  Hr as useUpdateDeliveryAddress
 };

package/dist/index10.mjs

@@ -1,83 +1,113 @@
 'use client';
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import "./index28.mjs";
-import "@tanstack/react-query";
-import { useGetProducts as C } from "./index42.mjs";
-import { ProductCard as k } from "./index9.mjs";
-import { Loader2 as j, Package as d } from "lucide-react";
-import { cn as P } from "./index27.mjs";
-function q({
-  brandId: l,
-  onAddToCart: n,
-  onProductClick: t,
-  columns: o = 3,
-  showStock: m = !0,
-  className: p,
-  cardClassName: g,
-  showLoading: u = !0,
-  emptyMessage: x = "No products available at the moment.",
-  errorMessage: h = "Failed to load products. Please try again later.",
-  loadingVariantId: f
+import { jsxs as l, jsx as a, Fragment as u } from "react/jsx-runtime";
+import { useState as f } from "react";
+import { Card as P, CardContent as S, CardFooter as j } from "./index25.mjs";
+import { Button as I } from "./index24.mjs";
+import { Badge as h } from "./index26.mjs";
+import { Package as O, ShoppingCart as q } from "lucide-react";
+import { cn as p, formatCurrency as g } from "./index30.mjs";
+function D({
+  product: r,
+  onAddToCart: o,
+  showStock: b = !0,
+  className: x,
+  imageClassName: N,
+  disableAddToCart: v = !1,
+  isAddingToCart: n = !1,
+  onClick: i
 }) {
-  const { data: N, isLoading: v, error: b } = C(l);
-  if (v && u)
-    return /* @__PURE__ */ e("div", { className: "flex min-h-[400px] items-center justify-center", children: /* @__PURE__ */ s("div", { className: "text-center", children: [
-      /* @__PURE__ */ e(j, { className: "mx-auto mb-4 h-12 w-12 animate-spin text-blue-600" }),
-      /* @__PURE__ */ e("p", { className: "text-gray-600", children: "Loading products..." })
-    ] }) });
-  if (b)
-    return /* @__PURE__ */ e("div", { className: "flex min-h-[400px] items-center justify-center", children: /* @__PURE__ */ s("div", { className: "text-center", children: [
-      /* @__PURE__ */ e(d, { className: "mx-auto mb-4 h-12 w-12 text-red-600" }),
-      /* @__PURE__ */ e("p", { className: "text-red-600", children: h })
-    ] }) });
-  const a = N || [];
-  return a.length === 0 ? /* @__PURE__ */ e("div", { className: "flex min-h-[400px] items-center justify-center", children: /* @__PURE__ */ s("div", { className: "text-center", children: [
-    /* @__PURE__ */ e(d, { className: "mx-auto mb-4 h-12 w-12 text-gray-400" }),
-    /* @__PURE__ */ e("p", { className: "text-gray-600", children: x })
-  ] }) }) : /* @__PURE__ */ e(
-    "div",
+  var d;
+  const [c, y] = f(
+    ((d = r.variants[0]) == null ? void 0 : d.id) || ""
+  ), [m, k] = f(1), t = r.variants.find((e) => e.id === c), C = r.variants.length > 1, s = t ? t.stock === void 0 || t.stock > 0 : !1, w = (e) => {
+    e.stopPropagation(), t && o && o(t.id, m);
+  };
+  return /* @__PURE__ */ l(
+    P,
     {
-      className: P(
-        "grid gap-6",
-        {
-          2: "grid-cols-1 sm:grid-cols-2",
-          3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
-          4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"
-        }[o],
-        p
+      className: p(
+        "group overflow-hidden transition-all hover:shadow-lg",
+        i && "cursor-pointer",
+        x
       ),
-      children: a.map((i) => {
-        const c = {
-          id: i.id,
-          name: i.name,
-          description: i.description || void 0,
-          thumbnailUrl: i.thumbnailUrl || void 0,
-          brand: void 0,
-          // Brand info not included in product response
-          variants: i.variants.map((r) => ({
-            id: r.id,
-            name: r.name || r.sku,
-            price: typeof r.price == "string" ? parseFloat(r.price) : r.price,
-            sku: r.sku,
-            stock: r.stock || void 0
-          }))
-        }, y = i.variants.some((r) => r.id === f);
-        return /* @__PURE__ */ e(
-          k,
+      onClick: i,
+      children: [
+        /* @__PURE__ */ l("div", { className: "relative aspect-square overflow-hidden bg-gray-100", children: [
+          r.thumbnailUrl ? /* @__PURE__ */ a(
+            "img",
+            {
+              src: r.thumbnailUrl,
+              alt: r.name,
+              className: p(
+                "h-full w-full object-cover transition-transform group-hover:scale-105",
+                N
+              )
+            }
+          ) : /* @__PURE__ */ a("div", { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ a(O, { className: "h-16 w-16 text-gray-400" }) }),
+          !s && /* @__PURE__ */ a(h, { className: "absolute right-2 top-2 bg-red-600", children: "Out of Stock" }),
+          b && s && (t == null ? void 0 : t.stock) !== void 0 && t.stock < 10 && /* @__PURE__ */ l(h, { className: "absolute right-2 top-2 bg-orange-600", children: [
+            "Only ",
+            t.stock,
+            " left"
+          ] })
+        ] }),
+        /* @__PURE__ */ l(S, { className: "p-4", children: [
+          /* @__PURE__ */ a("h3", { className: "mb-1 font-semibold line-clamp-2", children: r.name }),
+          r.description && /* @__PURE__ */ a("p", { className: "mb-2 text-sm text-gray-600 line-clamp-2", children: r.description }),
+          C && /* @__PURE__ */ l("div", { className: "mb-3", children: [
+            /* @__PURE__ */ a("label", { className: "mb-1 block text-xs font-medium text-gray-700", children: "Select Option" }),
+            /* @__PURE__ */ a(
+              "select",
+              {
+                value: c,
+                onChange: (e) => {
+                  e.stopPropagation(), y(e.target.value);
+                },
+                className: "w-full rounded-md border border-gray-300 px-2 py-1 text-sm focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500",
+                onClick: (e) => e.stopPropagation(),
+                children: r.variants.map((e) => /* @__PURE__ */ l("option", { value: e.id, children: [
+                  e.name,
+                  " - ",
+                  g(e.price)
+                ] }, e.id))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a("div", { className: "mb-3 text-2xl font-bold text-blue-600", children: t && g(t.price) }),
+          /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ a("label", { className: "text-xs font-medium text-gray-700", children: "Qty:" }),
+            /* @__PURE__ */ a(
+              "input",
+              {
+                type: "number",
+                min: "1",
+                max: (t == null ? void 0 : t.stock) || 999,
+                value: m,
+                onChange: (e) => {
+                  e.stopPropagation(), k(Math.max(1, parseInt(e.target.value) || 1));
+                },
+                onClick: (e) => e.stopPropagation(),
+                className: "w-20 rounded-md border border-gray-300 px-2 py-1 text-sm focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ a(j, { className: "p-4 pt-0", children: /* @__PURE__ */ a(
+          I,
           {
-            product: c,
-            onAddToCart: n,
-            onClick: t ? () => t(c) : void 0,
-            showStock: m,
-            className: g,
-            isAddingToCart: y
-          },
-          i.id
-        );
-      })
+            onClick: w,
+            disabled: v || !s || n,
+            className: "w-full",
+            children: n ? /* @__PURE__ */ a(u, { children: "Adding..." }) : /* @__PURE__ */ l(u, { children: [
+              /* @__PURE__ */ a(q, { className: "mr-2 h-4 w-4" }),
+              "Add to Cart"
+            ] })
+          }
+        ) })
+      ]
     }
   );
 }
 export {
-  q as ProductGrid
+  D as ProductCard
 };