@instockng/storefront-ui 1.0.89 → 1.0.91

package/dist/components/DeliveryConfirmation.d.ts

@@ -0,0 +1,18 @@
+/**
+ * DeliveryConfirmation Component
+ *
+ * Customer-facing page for confirming or updating delivery details
+ * before an order is shipped.
+ */
+export interface DeliveryConfirmationProps {
+    orderId: string;
+    token: string;
+    className?: string;
+    headerClassName?: string;
+    buttonClassName?: string;
+    cardClassName?: string;
+    whatsappHelpLink?: string;
+    whatsappHelpNumber?: string;
+}
+export declare function DeliveryConfirmation({ orderId, token, className, headerClassName, buttonClassName, cardClassName, whatsappHelpLink, whatsappHelpNumber, }: DeliveryConfirmationProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DeliveryConfirmation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeliveryConfirmation.d.ts","sourceRoot":"","sources":["../../src/components/DeliveryConfirmation.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAeH,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,KAAK,EACL,SAAS,EACT,eAAe,EACf,eAAe,EACf,aAAa,EACb,gBAAqC,EACrC,kBAAmD,GACpD,EAAE,yBAAyB,2CA4T3B"}

package/dist/index.d.ts

@@ -12,6 +12,8 @@ export { useTikTokPixel, TikTokPixelProvider } from './providers/TikTokPixelProv
 export { usePageTracking } from './hooks/usePageTracking';
 export { OrderConfirmation } from './components/OrderConfirmation';
 export type { OrderConfirmationProps } from './components/OrderConfirmation';
+export { DeliveryConfirmation } from './components/DeliveryConfirmation';
+export type { DeliveryConfirmationProps } from './components/DeliveryConfirmation';
 export { ProductCard } from './components/ProductCard';
 export type { ProductCardProps, ProductCardProduct } from './components/ProductCard';
 export { ProductGrid } from './components/ProductGrid';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,YAAY,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAG9E,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAG/D,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAChF,YAAY,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAG1F,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAGtF,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,YAAY,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAE7E,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAErF,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAEnF,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,YAAY,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAEjF,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,YAAY,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAE9G,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,YAAY,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAE3E,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,YAAY,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAE3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,YAAY,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAE7E,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAG7E,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC7G,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,YAAY,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,YAAY,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,YAAY,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAGnE,OAAO,EAAE,EAAE,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAC3I,YAAY,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAIvD,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.mjs

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

package/dist/index10.mjs

@@ -1,199 +1,83 @@
 'use client';
-import { jsxs as a, jsx as t, Fragment as C } from "react/jsx-runtime";
-import { useState as f, useRef as V } from "react";
-import { ChevronLeft as U, ChevronRight as z } from "lucide-react";
-import { Switch as G } from "./index46.mjs";
-import { Badge as T } from "./index21.mjs";
-import { cn as P, formatCurrency as k } from "./index25.mjs";
-import { VariantPickerModal as _ } from "./index12.mjs";
-import "./index26.mjs";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import "./index27.mjs";
 import "@tanstack/react-query";
-import { useGetProductAddOns as $ } from "./index40.mjs";
-import { useCart as q } from "./index3.mjs";
-function le({
-  slug: g,
-  products: x,
-  onToggle: u,
-  selectedProductIds: A,
-  onProductClick: H,
+import { useGetProducts as C } from "./index41.mjs";
+import { ProductCard as k } from "./index9.mjs";
+import { Loader2 as j, Package as d } from "lucide-react";
+import { cn as P } from "./index26.mjs";
+function q({
+  brandId: l,
+  onAddToCart: n,
+  onProductClick: t,
+  columns: o = 3,
+  showStock: m = !0,
   className: p,
-  title: j = "Popular add-ons",
-  limit: D = 6
+  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
 }) {
-  const { cart: s, addItem: v, removeItem: I } = q(), { data: M, isLoading: N } = $(g || "", D, {
-    enabled: !!g && !x
-  }), c = x || M || [], W = A || c.filter((e) => s == null ? void 0 : s.items.some(
-    (n) => e.variants.some((r) => r.id === n.variant.id)
-  )).map((e) => e.id), [y, m] = f(null), [B, b] = f(!1), F = async (e, n) => {
-    if (u) {
-      u(e, n);
-      return;
-    }
-    if (n && e.variants.length > 1) {
-      m(e);
-      return;
-    }
-    const r = e.variants[0];
-    if (r)
-      if (n)
-        await v(
-          e.slug,
-          e.name,
-          r.price,
-          r.sku,
-          1
-        );
-      else {
-        const l = s == null ? void 0 : s.items.find(
-          (i) => e.variants.some((d) => d.id === i.variant.id)
+  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",
+    {
+      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
+      ),
+      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,
+          {
+            product: c,
+            onAddToCart: n,
+            onClick: t ? () => t(c) : void 0,
+            showStock: m,
+            className: g,
+            isAddingToCart: y
+          },
+          i.id
         );
-        l && await I(l.id);
-      }
-  }, S = async (e, n) => {
-    b(!0);
-    try {
-      await v(
-        e.slug,
-        e.name,
-        n.price,
-        n.sku,
-        1
-      ), m(null);
-    } finally {
-      b(!1);
+      })
     }
-  }, o = V(null), [L, O] = f(0), E = () => {
-    if (o.current) {
-      const { scrollLeft: e, scrollWidth: n, clientWidth: r } = o.current, l = e / (n - r);
-      O(l || 0);
-    }
-  }, w = (e) => {
-    if (o.current) {
-      const { clientWidth: n } = o.current, r = n * 0.9;
-      o.current.scrollBy({
-        left: e === "left" ? -r : r,
-        behavior: "smooth"
-      });
-    }
-  };
-  return (!c || c.length === 0) && !N ? null : N ? /* @__PURE__ */ a("div", { className: P("w-full py-8 space-y-4 animate-pulse", p), style: { maxWidth: "calc(100vw - calc(var(--spacing) * 7))" }, children: [
-    /* @__PURE__ */ t("div", { className: "h-4 w-32 bg-gray-200 rounded px-1 mb-6" }),
-    /* @__PURE__ */ a("div", { className: "flex gap-4 overflow-x-hidden", children: [
-      /* @__PURE__ */ t("div", { className: "min-w-[90%] h-[90px] bg-gray-100 rounded-[2rem]" }),
-      /* @__PURE__ */ t("div", { className: "min-w-[90%] h-[90px] bg-gray-100 rounded-[2rem]" })
-    ] })
-  ] }) : /* @__PURE__ */ a(C, { children: [
-    /* @__PURE__ */ a("div", { className: p, children: [
-      /* @__PURE__ */ t("div", { className: "px-1 mb-3", children: /* @__PURE__ */ t("h3", { className: "text-lg font-bold tracking-tight text-gray-900", children: j }) }),
-      /* @__PURE__ */ t("div", { className: "relative", children: /* @__PURE__ */ t(
-        "div",
-        {
-          ref: o,
-          onScroll: E,
-          className: "flex gap-4 overflow-x-auto scrollbar-hide snap-x snap-mandatory px-1",
-          style: { scrollbarWidth: "none", msOverflowStyle: "none", maxWidth: "calc(100vw - calc(var(--spacing) * 7))" },
-          children: c.map((e) => {
-            const n = W.includes(e.id), r = e.variants[0], l = (r == null ? void 0 : r.price) || 0, i = e.compareAtPrice || r.compareAtPrice, d = i && i > l, R = d ? Math.round((i - l) / i * 100) : 0;
-            return /* @__PURE__ */ a(
-              "div",
-              {
-                className: "relative flex min-w-[90%] md:min-w-[420px] snap-start items-center gap-4 rounded-xl bg-[#EBEBEB] p-3 transition-all",
-                children: [
-                  /* @__PURE__ */ a(
-                    "a",
-                    {
-                      href: `/product/${e.slug}`,
-                      className: "flex flex-1 items-center gap-4 min-w-0",
-                      children: [
-                        /* @__PURE__ */ t("div", { className: "h-16 w-16 flex-shrink-0 overflow-hidden rounded-xl bg-white/40 flex items-center justify-center", children: e.thumbnailUrl ? /* @__PURE__ */ t(
-                          "img",
-                          {
-                            src: e.thumbnailUrl,
-                            alt: e.name,
-                            className: "h-full w-full object-cover",
-                            loading: "lazy"
-                          }
-                        ) : /* @__PURE__ */ t("div", { className: "flex h-full w-full items-center justify-center text-[10px] text-gray-400", children: "No Img" }) }),
-                        /* @__PURE__ */ a("div", { className: "flex flex-1 flex-col justify-center min-w-0", children: [
-                          /* @__PURE__ */ t("h4", { className: "text-md font-bold text-[#333] truncate pr-2", title: e.name, children: e.name }),
-                          e.addonDescription && /* @__PURE__ */ t("p", { className: "text-[11px] text-gray-500 line-clamp-3 italic mb-1", children: e.addonDescription }),
-                          /* @__PURE__ */ a("div", { className: "flex items-center gap-2 mt-1", children: [
-                            /* @__PURE__ */ t("span", { className: "text-md font-bold text-[#333]", children: k(l) }),
-                            d && /* @__PURE__ */ a(C, { children: [
-                              /* @__PURE__ */ t("span", { className: "text-sm text-[#DC143C] line-through", children: k(i) }),
-                              /* @__PURE__ */ a(T, { className: "bg-[#DC143C]/10 hover:bg-[#DC143C]/20 text-[#DC143C] border-none text-[10px] font-bold px-2 py-0.5 rounded-lg uppercase tracking-tight", children: [
-                                R,
-                                "% OFF"
-                              ] })
-                            ] })
-                          ] })
-                        ] })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ t("div", { className: "pl-2", onClick: (h) => h.stopPropagation(), children: /* @__PURE__ */ t(
-                    G,
-                    {
-                      checked: n,
-                      onCheckedChange: (h) => F(e, h),
-                      className: "scale-125"
-                    }
-                  ) })
-                ]
-              },
-              e.id
-            );
-          })
-        }
-      ) }),
-      /* @__PURE__ */ a("div", { className: "flex items-center justify-between px-2 mt-2", children: [
-        /* @__PURE__ */ t("div", { className: "flex gap-1.5 focus:outline-none", children: Array.from({ length: Math.min(c.length, 6) }).map((e, n) => {
-          const r = Math.round(L * (Math.min(c.length, 6) - 1)) === n;
-          return /* @__PURE__ */ t(
-            "div",
-            {
-              className: P(
-                "h-2 w-2 rounded-full transition-all duration-300",
-                r ? "bg-gray-600 scale-110" : "bg-gray-300"
-              )
-            },
-            n
-          );
-        }) }),
-        /* @__PURE__ */ a("div", { className: "flex gap-4", children: [
-          /* @__PURE__ */ t(
-            "button",
-            {
-              onClick: () => w("left"),
-              className: "text-gray-400 hover:text-gray-900 transition-colors",
-              "aria-label": "Previous",
-              children: /* @__PURE__ */ t(U, { className: "h-6 w-6 stroke-[2.5px]" })
-            }
-          ),
-          /* @__PURE__ */ t(
-            "button",
-            {
-              onClick: () => w("right"),
-              className: "text-gray-400 hover:text-gray-900 transition-colors",
-              "aria-label": "Next",
-              children: /* @__PURE__ */ t(z, { className: "h-6 w-6 stroke-[2.5px]" })
-            }
-          )
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ t(
-      _,
-      {
-        isOpen: !!y,
-        onClose: () => m(null),
-        product: y,
-        onConfirm: S,
-        isLoading: B
-      }
-    )
-  ] });
+  );
 }
 export {
-  le as ProductAddOns
+  q as ProductGrid
 };

package/dist/index100.mjs

@@ -1,57 +1,7 @@
 'use client';
-import c from "./index89.mjs";
-function r(t, i, o, a, e) {
-  Error.call(this), Error.captureStackTrace ? Error.captureStackTrace(this, this.constructor) : this.stack = new Error().stack, this.message = t, this.name = "AxiosError", i && (this.code = i), o && (this.config = o), a && (this.request = a), e && (this.response = e, this.status = e.status ? e.status : null);
+function t(n) {
+  return !!(n && n.__CANCEL__);
 }
-c.inherits(r, Error, {
-  toJSON: function() {
-    return {
-      // Standard
-      message: this.message,
-      name: this.name,
-      // Microsoft
-      description: this.description,
-      number: this.number,
-      // Mozilla
-      fileName: this.fileName,
-      lineNumber: this.lineNumber,
-      columnNumber: this.columnNumber,
-      stack: this.stack,
-      // Axios
-      config: c.toJSONObject(this.config),
-      code: this.code,
-      status: this.status
-    };
-  }
-});
-const u = r.prototype, R = {};
-[
-  "ERR_BAD_OPTION_VALUE",
-  "ERR_BAD_OPTION",
-  "ECONNABORTED",
-  "ETIMEDOUT",
-  "ERR_NETWORK",
-  "ERR_FR_TOO_MANY_REDIRECTS",
-  "ERR_DEPRECATED",
-  "ERR_BAD_RESPONSE",
-  "ERR_BAD_REQUEST",
-  "ERR_CANCELED",
-  "ERR_NOT_SUPPORT",
-  "ERR_INVALID_URL"
-  // eslint-disable-next-line func-names
-].forEach((t) => {
-  R[t] = { value: t };
-});
-Object.defineProperties(r, R);
-Object.defineProperty(u, "isAxiosError", { value: !0 });
-r.from = (t, i, o, a, e, E) => {
-  const s = Object.create(u);
-  c.toFlatObject(t, s, function(m) {
-    return m !== Error.prototype;
-  }, (n) => n !== "isAxiosError");
-  const l = t && t.message ? t.message : "Error", h = i == null && t ? t.code : i;
-  return r.call(s, l, h, o, a, e), t && s.cause == null && Object.defineProperty(s, "cause", { value: t, configurable: !0 }), s.name = t && t.name || "Error", E && Object.assign(s, E), s;
-};
 export {
-  r as default
+  t as default
 };