@cimplify/sdk 0.79.0 → 0.81.0

package/dist/react.mjs

@@ -1,13 +1,14 @@
 "use client";
-import { DURATION_UNIT, getVariantDisplayName, INPUT_FIELD_TYPE, PRODUCT_TYPE, resolveGallery, RENDER_HINT } from './chunk-E6T5VJMG.mjs';
+import { DURATION_UNIT, getVariantDisplayName, INPUT_FIELD_TYPE, PRODUCT_TYPE, resolveGallery, RENDER_HINT, DEFAULT_CDN_BASE_URL } from './chunk-E6T5VJMG.mjs';
 export { getVariantDisplayName } from './chunk-E6T5VJMG.mjs';
-import { createCimplifyClient } from './chunk-LBFTEXGD.mjs';
-import { ELEMENT_TYPES, EVENT_TYPES, startSignIn } from './chunk-3BKMNVTR.mjs';
+import { createCimplifyClient } from './chunk-NWUEWUX2.mjs';
+import { ELEMENT_TYPES, EVENT_TYPES, startSignIn } from './chunk-7BM56JET.mjs';
 import { parsePrice, formatMoney, formatPrice, getProductCurrency, getUnitPriceAtQuantity, isOnSale, getDiscountPercentage, getBasePrice, getPriceRange, formatPriceRange } from './chunk-TD3AY34U.mjs';
 import { isSupportedCurrency } from './chunk-AMZXALF6.mjs';
 import './chunk-3G6RQLXK.mjs';
 import React14, { createContext, useRef, useState, useCallback, useEffect, useContext, useMemo, useId, useSyncExternalStore } from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import * as ReactDOM from 'react-dom';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { format, parseISO, isValid } from 'date-fns';
@@ -1076,6 +1077,28 @@ function useCart(options = {}) {
     ]
   );
 }
+var reactPreconnect = typeof ReactDOM.preconnect === "function" ? ReactDOM.preconnect : void 0;
+var connected = /* @__PURE__ */ new Set();
+function preconnectOrigin(url, crossOrigin) {
+  let origin;
+  try {
+    origin = new URL(url).origin;
+  } catch {
+    return;
+  }
+  if (reactPreconnect) {
+    reactPreconnect(origin, crossOrigin ? { crossOrigin } : void 0);
+    return;
+  }
+  if (typeof document === "undefined") return;
+  if (origin === window.location.origin || connected.has(origin)) return;
+  connected.add(origin);
+  const link = document.createElement("link");
+  link.rel = "preconnect";
+  link.href = origin;
+  if (crossOrigin) link.crossOrigin = crossOrigin;
+  document.head.appendChild(link);
+}
 var LOCATION_STORAGE_KEY = "cimplify_location_id";
 var DISPLAY_CURRENCY_STORAGE_KEY = "cimplify_display_currency";
 var FX_REFRESH_INTERVAL = 12e4;
@@ -1141,6 +1164,11 @@ function resolveInitialLocation(locations) {
   }
   return locations[0];
 }
+var DEFAULT_PREFETCH_OPTIONS = {
+  mode: "aggressive",
+  rootMargin: "300px",
+  images: true
+};
 var CimplifyClientContext = createContext(null);
 var CimplifyStateContext = createContext(null);
 function CimplifyProvider({
@@ -1149,9 +1177,19 @@ function CimplifyProvider({
   onLocationChange,
   initialBusiness,
   initialLocations,
-  optimistic = true
+  optimistic = true,
+  prefetch,
+  linkComponent
 }) {
   const resolvedClient = useMemo(() => client ?? createDefaultClient(), [client]);
+  const resolvedPrefetch = useMemo(
+    () => ({
+      mode: prefetch?.mode ?? DEFAULT_PREFETCH_OPTIONS.mode,
+      rootMargin: prefetch?.rootMargin ?? DEFAULT_PREFETCH_OPTIONS.rootMargin,
+      images: prefetch?.images ?? DEFAULT_PREFETCH_OPTIONS.images
+    }),
+    [prefetch?.mode, prefetch?.rootMargin, prefetch?.images]
+  );
   const onLocationChangeRef = useRef(onLocationChange);
   const seeded = initialBusiness !== void 0;
   const initialBootstrapDone = useRef(seeded);
@@ -1218,6 +1256,12 @@ function CimplifyProvider({
     },
     [fxRate, displayCurrency, baseCurrency]
   );
+  if (resolvedPrefetch.mode !== "off") {
+    const apiCredentials = resolvedClient.getCredentialsMode() === "include" ? "use-credentials" : "anonymous";
+    preconnectOrigin(resolvedClient.getBaseUrl(), apiCredentials);
+    preconnectOrigin(resolvedClient.getLinkApiUrl(), apiCredentials);
+    preconnectOrigin(DEFAULT_CDN_BASE_URL);
+  }
   const setCurrentLocation = useCallback(
     (location) => {
       const previousLocationId = resolvedClient.getLocationId();
@@ -1291,7 +1335,9 @@ function CimplifyProvider({
       locations,
       isReady,
       baseCurrency,
-      optimistic
+      optimistic,
+      prefetch: resolvedPrefetch,
+      linkComponent: linkComponent ?? null
     }),
     [
       resolvedClient,
@@ -1299,7 +1345,9 @@ function CimplifyProvider({
       baseCurrency,
       locations,
       isReady,
-      optimistic
+      optimistic,
+      resolvedPrefetch,
+      linkComponent
     ]
   );
   const stateContextValue = useMemo(
@@ -4321,6 +4369,16 @@ function createCachedQuery(config) {
     }, [cacheKey2, load]);
     return { data, isLoading, error, refetch };
   }
+  useCachedQuery.prefetch = (client, options) => {
+    const key = config.key(client, options);
+    if (cache.has(key) || inflight.has(key)) return void 0;
+    const promise = config.fetch(client, options);
+    inflight.set(key, promise);
+    return promise.then((value) => {
+      cache.set(key, { data: value, ts: Date.now() });
+    }).catch(() => {
+    }).finally(() => inflight.delete(key));
+  };
   useCachedQuery.clear = () => {
     cache.clear();
     inflight.clear();
@@ -4377,6 +4435,9 @@ var productsQuery = createCachedQuery({
     };
   }
 });
+function prefetchProducts(client, options) {
+  return productsQuery.prefetch(client, options);
+}
 function useProducts(options = {}) {
   const { data, isLoading, error, refetch } = productsQuery(options);
   return {
@@ -4401,14 +4462,27 @@ var productQuery = createCachedQuery({
   fetch: async (client, options) => {
     const result = isLikelySlug(options.slugOrId) ? await client.catalogue.getProductBySlug(options.slugOrId) : await client.catalogue.getProduct(options.slugOrId);
     if (!result.ok) throw result.error;
-    client.activity.trackProductView(result.value.id, {
-      productName: result.value.name,
-      categoryId: result.value.category_id,
-      price: String(result.value.default_price)
-    });
     return result.value;
   }
 });
+function prefetchProduct(client, slugOrId) {
+  const normalized = (slugOrId || "").trim();
+  if (!normalized) return void 0;
+  return productQuery.prefetch(client, { slugOrId: normalized });
+}
+var VIEW_DEDUPE_WINDOW_MS = 3e5;
+var recentlyTracked = /* @__PURE__ */ new Map();
+function trackProductView(client, product) {
+  const now = Date.now();
+  const last = recentlyTracked.get(product.id);
+  if (last !== void 0 && now - last < VIEW_DEDUPE_WINDOW_MS) return;
+  recentlyTracked.set(product.id, now);
+  client.activity.trackProductView(product.id, {
+    productName: product.name,
+    categoryId: product.category_id,
+    price: String(product.default_price)
+  });
+}
 function useProduct(slugOrId, options = {}) {
   const normalized = (slugOrId || "").trim();
   const { data, isLoading, error, refetch } = productQuery({
@@ -5707,6 +5781,30 @@ function useDeliveryFee(options) {
   return { fee: data, isLoading, error, refetch };
 }
 
+// src/react/hooks/use-delivery-options.ts
+var deliveryOptionsQuery = createCachedQuery({
+  name: "useDeliveryOptions",
+  key: (client, options) => cacheKey(
+    client.getPublicKey(),
+    options.latitude,
+    options.longitude,
+    options.country,
+    options.orderValue
+  ),
+  fetch: async (client, options) => {
+    const result = await client.delivery.getOptions(options.latitude, options.longitude, {
+      country: options.country,
+      orderValue: options.orderValue
+    });
+    if (!result.ok) throw result.error;
+    return result.value;
+  }
+});
+function useDeliveryOptions(options) {
+  const { data, isLoading, error, refetch } = deliveryOptionsQuery(options);
+  return { options: data, isLoading, error, refetch };
+}
+
 // src/react/hooks/use-fx-rate.ts
 var fxRateQuery = createCachedQuery({
   name: "useFxRate",
@@ -9621,6 +9719,39 @@ function ProductCustomizer({
     )
   ] });
 }
+
+// src/react/utils/prefetch-policy.ts
+var SLOW_EFFECTIVE_TYPES = /* @__PURE__ */ new Set(["slow-2g", "2g"]);
+var MAX_CONCURRENT_SPECULATIVE = 4;
+var inFlight = 0;
+function connectionAllowsPrefetch() {
+  if (typeof navigator === "undefined") return false;
+  const connection = navigator.connection;
+  if (!connection) return true;
+  if (connection.saveData) return false;
+  return !SLOW_EFFECTIVE_TYPES.has(connection.effectiveType ?? "");
+}
+function speculate(task) {
+  if (!connectionAllowsPrefetch() || inFlight >= MAX_CONCURRENT_SPECULATIVE) return;
+  const pending = task();
+  if (!pending) return;
+  inFlight++;
+  pending.catch(() => {
+  }).finally(() => {
+    inFlight--;
+  });
+}
+
+// src/react/utils/preload-image.ts
+var preloaded = /* @__PURE__ */ new Set();
+function preloadImage(src) {
+  if (!src || typeof window === "undefined") return;
+  if (!connectionAllowsPrefetch() || preloaded.has(src)) return;
+  preloaded.add(src);
+  const image = new Image();
+  image.decoding = "async";
+  image.src = src;
+}
 var ASPECT_STYLES = {
   square: { aspectRatio: "1/1" },
   "4/3": { aspectRatio: "4/3" },
@@ -9653,6 +9784,8 @@ function ProductImageGallery({
     return null;
   }
   const activeImage = normalizedImages[selectedImage] || normalizedImages[0];
+  preloadImage(normalizedImages[selectedImage + 1]);
+  preloadImage(normalizedImages[selectedImage - 1]);
   return /* @__PURE__ */ jsxs("div", { "data-cimplify-image-gallery": true, className, children: [
     /* @__PURE__ */ jsx(
       "div",
@@ -9664,6 +9797,7 @@ function ProductImageGallery({
           {
             src: activeImage,
             alt: productName,
+            fetchPriority: "high",
             style: {
               width: "100%",
               height: "100%",
@@ -9705,6 +9839,8 @@ function ProductImageGallery({
                 {
                   src: image,
                   alt: "",
+                  loading: "lazy",
+                  decoding: "async",
                   style: { width: "100%", height: "100%", objectFit: "cover" }
                 }
               )
@@ -10693,6 +10829,63 @@ function ProductSheet({
     }
   );
 }
+var observers = /* @__PURE__ */ new Map();
+function observe(node, rootMargin, onEnter) {
+  let shared = observers.get(rootMargin);
+  if (!shared) {
+    const targets = /* @__PURE__ */ new Map();
+    const observer = new IntersectionObserver(
+      (entries) => {
+        for (const entry of entries) {
+          if (!entry.isIntersecting) continue;
+          const callback = targets.get(entry.target);
+          if (callback) {
+            unobserve(entry.target, rootMargin);
+            callback();
+          }
+        }
+      },
+      { rootMargin }
+    );
+    shared = { observer, targets };
+    observers.set(rootMargin, shared);
+  }
+  shared.targets.set(node, onEnter);
+  shared.observer.observe(node);
+}
+function unobserve(node, rootMargin) {
+  const shared = observers.get(rootMargin);
+  if (!shared || !shared.targets.delete(node)) return;
+  shared.observer.unobserve(node);
+  if (shared.targets.size === 0) {
+    shared.observer.disconnect();
+    observers.delete(rootMargin);
+  }
+}
+function useInViewport(onEnter, { rootMargin = "300px", disabled = false } = {}) {
+  const onEnterRef = useRef(onEnter);
+  onEnterRef.current = onEnter;
+  const attachedRef = useRef(null);
+  const firedRef = useRef(false);
+  return useCallback(
+    (node) => {
+      if (attachedRef.current) {
+        unobserve(attachedRef.current.node, attachedRef.current.rootMargin);
+        attachedRef.current = null;
+      }
+      if (!node || disabled || firedRef.current) return;
+      if (typeof IntersectionObserver === "undefined") return;
+      attachedRef.current = { node, rootMargin };
+      observe(node, rootMargin, () => {
+        firedRef.current = true;
+        attachedRef.current = null;
+        onEnterRef.current();
+      });
+    },
+    [rootMargin, disabled]
+  );
+}
+var ImagePriorityContext = React14.createContext(false);
 function CardImage({
   src,
   alt,
@@ -10701,6 +10894,7 @@ function CardImage({
   className,
   children
 }) {
+  const priority = React14.useContext(ImagePriorityContext);
   const aspectClass = {
     square: "aspect-square",
     "3/4": "aspect-[3/4]",
@@ -10708,11 +10902,14 @@ function CardImage({
     "16/9": "aspect-[16/9]"
   }[aspectRatio];
   return /* @__PURE__ */ jsxs("div", { "data-cimplify-card-image": true, className: cn("relative overflow-hidden bg-muted", aspectClass, className), children: [
-    renderImage ? renderImage({ src, alt, className: "w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-[1.04]" }) : src ? /* @__PURE__ */ jsx(
+    renderImage ? renderImage({ src, alt, className: "w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-[1.04]", priority }) : src ? /* @__PURE__ */ jsx(
       "img",
       {
         src,
         alt,
+        loading: priority ? "eager" : "lazy",
+        decoding: priority ? "auto" : "async",
+        fetchPriority: priority ? "high" : void 0,
         className: "w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-[1.04]"
       }
     ) : null,
@@ -11652,25 +11849,41 @@ function ProductCard({
   onQuickAdd,
   children,
   aspectRatio = "4/3",
+  prefetch: prefetchProp,
   className,
   classNames
 }) {
   const mode = displayMode ?? product.display_mode ?? "card";
   const [isOpen, setIsOpen] = useState(false);
-  const [shouldFetch, setShouldFetch] = useState(false);
-  const { product: productDetails } = useProduct(
-    product.slug ?? product.id,
-    { enabled: shouldFetch || isOpen }
-  );
-  const handlePrefetch = useCallback(() => {
-    setShouldFetch(true);
-  }, []);
-  const handleOpenChange = useCallback((open) => {
-    setIsOpen(open);
-    if (open) {
-      setShouldFetch(true);
+  const context = useOptionalCimplifyClient();
+  const client = context?.client ?? null;
+  const prefetchConfig = context?.prefetch ?? DEFAULT_PREFETCH_OPTIONS;
+  const LinkComponent = context?.linkComponent ?? null;
+  const prefetchMode = prefetchProp ?? prefetchConfig.mode;
+  const imagePriority = useContext(ImagePriorityContext);
+  const { product: productDetails } = useProduct(product.slug ?? product.id, {
+    enabled: isOpen
+  });
+  const warm = useCallback(() => {
+    if (!client || prefetchMode === "off") return;
+    speculate(() => prefetchProduct(client, product.slug ?? product.id));
+    if (prefetchConfig.images) {
+      preloadImage(product.images?.[0] || product.image_url);
     }
-  }, []);
+  }, [client, prefetchMode, prefetchConfig.images, product]);
+  const viewportRef = useInViewport(warm, {
+    rootMargin: prefetchConfig.rootMargin,
+    disabled: prefetchMode !== "aggressive"
+  });
+  const handleOpenChange = useCallback(
+    (open) => {
+      setIsOpen(open);
+      if (open && client) {
+        trackProductView(client, product);
+      }
+    },
+    [client, product]
+  );
   const handleClose = useCallback(() => {
     setIsOpen(false);
   }, []);
@@ -11699,6 +11912,9 @@ function ProductCard({
             {
               src: imageUrl,
               alt: product.name,
+              loading: imagePriority ? "eager" : "lazy",
+              decoding: imagePriority ? "auto" : "async",
+              fetchPriority: imagePriority ? "high" : void 0,
               className: cn("w-full h-full object-cover transition-transform duration-300 group-hover:scale-105", classNames?.image),
               "data-cimplify-product-card-image": true
             }
@@ -11716,12 +11932,33 @@ function ProductCard({
     const linkHref = href ?? `/menu/${product.slug}`;
     const linkClassName = cn("group block no-underline text-[inherit] rounded-xl border border-border bg-background transition-shadow duration-200 hover:shadow-md", className, classNames?.root);
     if (renderLink) {
-      return renderLink({ href: linkHref, className: linkClassName, children: cardBody });
+      return renderLink({
+        href: linkHref,
+        className: linkClassName,
+        children: cardBody,
+        onPointerEnter: warm,
+        onFocus: warm
+      });
+    }
+    if (LinkComponent) {
+      return /* @__PURE__ */ jsx(
+        LinkComponent,
+        {
+          href: linkHref,
+          className: linkClassName,
+          onPointerEnter: warm,
+          onFocus: warm,
+          children: cardBody
+        }
+      );
     }
     return /* @__PURE__ */ jsx(
       "a",
       {
         href: linkHref,
+        ref: viewportRef,
+        onPointerEnter: warm,
+        onFocus: warm,
         "data-cimplify-product-card": true,
         "data-display-mode": "page",
         className: linkClassName,
@@ -11733,7 +11970,9 @@ function ProductCard({
     /* @__PURE__ */ jsx(
       Dialog.Trigger,
       {
-        onPointerEnter: handlePrefetch,
+        ref: viewportRef,
+        onPointerEnter: warm,
+        onFocus: warm,
         "data-cimplify-product-card": true,
         "data-display-mode": "card",
         className: cn(
@@ -11835,21 +12074,18 @@ function ProductGrid({
         id: gridId,
         "data-cimplify-product-grid": true,
         className: cn(className, classNames?.root),
-        children: products.map((product) => /* @__PURE__ */ jsx(
-          "div",
-          {
-            "data-cimplify-product-grid-item": true,
-            className: classNames?.item,
-            children: renderCard ? renderCard(product) : /* @__PURE__ */ jsx(
-              ProductCard,
-              {
-                product,
-                renderImage
-              }
-            )
-          },
-          product.id
-        ))
+        children: products.map((product, index) => {
+          const card = renderCard ? renderCard(product) : /* @__PURE__ */ jsx(ProductCard, { product, renderImage });
+          return /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-cimplify-product-grid-item": true,
+              className: classNames?.item,
+              children: index < xl ? /* @__PURE__ */ jsx(ImagePriorityContext.Provider, { value: true, children: card }) : card
+            },
+            product.id
+          );
+        })
       }
     )
   ] });
@@ -11890,6 +12126,15 @@ function SearchInput({
     [searchOptions, categoryId]
   );
   const { results, isLoading, query, setQuery, clear } = useSearch(mergedOptions);
+  const context = useOptionalCimplifyClient();
+  const warmResult = useCallback(
+    (product) => {
+      const client = mergedOptions.client ?? context?.client;
+      if (!client || context?.prefetch.mode === "off") return;
+      speculate(() => prefetchProduct(client, product.slug ?? product.id));
+    },
+    [mergedOptions.client, context]
+  );
   const handleValueChange = useCallback(
     (value) => {
       setQuery(value);
@@ -11954,6 +12199,8 @@ function SearchInput({
             {
               type: "button",
               onClick: () => onResultClick?.(product),
+              onPointerEnter: () => warmResult(product),
+              onFocus: () => warmResult(product),
               "data-cimplify-search-result": true,
               className: classNames?.resultItem,
               style: !renderResult ? { display: "flex", alignItems: "center", gap: "0.5rem", width: "100%" } : void 0,
@@ -13663,18 +13910,24 @@ function CataloguePage({
   const [maxPrice, setMaxPrice] = useState("");
   const [page, setPage] = useState(1);
   const debouncedSearch = useDebounce(searchQuery, 300);
+  const filterOptions = useMemo(
+    () => ({
+      category: selectedCategory ?? void 0,
+      search: debouncedSearch.length >= 2 ? debouncedSearch : void 0,
+      sort_by: sortBy,
+      sort_order: sortOrder,
+      in_stock: inStockOnly || void 0,
+      tags: selectedTags.length > 0 ? selectedTags : void 0,
+      min_price: minPrice ? parseFloat(minPrice) : void 0,
+      max_price: maxPrice ? parseFloat(maxPrice) : void 0,
+      limit: pageSize
+    }),
+    [selectedCategory, debouncedSearch, sortBy, sortOrder, inStockOnly, selectedTags, minPrice, maxPrice, pageSize]
+  );
   const { products: fetchedProducts, isLoading, pagination } = useProducts({
+    ...filterOptions,
     enabled: productsProp === void 0,
-    category: selectedCategory ?? void 0,
-    search: debouncedSearch.length >= 2 ? debouncedSearch : void 0,
-    sort_by: sortBy,
-    sort_order: sortOrder,
-    in_stock: inStockOnly || void 0,
-    tags: selectedTags.length > 0 ? selectedTags : void 0,
-    min_price: minPrice ? parseFloat(minPrice) : void 0,
-    max_price: maxPrice ? parseFloat(maxPrice) : void 0,
-    page,
-    limit: pageSize
+    page
   });
   const { categories: fetchedCategories } = useCategories({
     enabled: categoriesProp === void 0
@@ -13682,6 +13935,10 @@ function CataloguePage({
   const products = productsProp ?? fetchedProducts;
   const categories = categoriesProp ?? fetchedCategories;
   const totalPages = pagination?.total_pages ?? 1;
+  const context = useOptionalCimplifyClient();
+  if (context && context.prefetch.mode !== "off" && productsProp === void 0 && !isLoading && page < totalPages) {
+    speculate(() => prefetchProducts(context.client, { ...filterOptions, page: page + 1 }));
+  }
   const handleCategoryChange = useCallback((id) => {
     setSelectedCategory(id);
     setPage(1);
@@ -14583,6 +14840,12 @@ function ProductPage({
     enabled: !productProp && resolvedId.length > 0
   });
   const product = productProp ?? fetched;
+  const context = useOptionalCimplifyClient();
+  useEffect(() => {
+    if (product && context) {
+      trackProductView(context.client, product);
+    }
+  }, [context, product]);
   if (isLoading && !product) {
     return /* @__PURE__ */ jsx(
       "div",
@@ -16007,6 +16270,15 @@ function RecommendationCarousel({
     enabled: recommendationsProp === void 0
   });
   const recommendations = recommendationsProp ?? fetched;
+  const context = useOptionalCimplifyClient();
+  const warmRecommendation = useCallback(
+    (rec) => {
+      const productId = rec.product?.id;
+      if (!productId || !context || context.prefetch.mode === "off") return;
+      speculate(() => prefetchProduct(context.client, productId));
+    },
+    [context]
+  );
   if (isLoading && recommendations.length === 0) {
     return /* @__PURE__ */ jsx(
       "div",
@@ -16033,6 +16305,8 @@ function RecommendationCarousel({
           {
             type: "button",
             onClick: () => onProductClick?.(rec),
+            onPointerEnter: () => warmRecommendation(rec),
+            onFocus: () => warmRecommendation(rec),
             "data-cimplify-recommendation-item": true,
             className: classNames?.item,
             style: { flexShrink: 0 },
@@ -16111,6 +16385,14 @@ function RecentlyViewed({
   classNames
 }) {
   const { state, isLoading } = useActivityState();
+  const context = useOptionalCimplifyClient();
+  const warmViewed = useCallback(
+    (productId) => {
+      if (!context || context.prefetch.mode === "off") return;
+      speculate(() => prefetchProduct(context.client, productId));
+    },
+    [context]
+  );
   const rawViewed = state?.activity?.viewed_products ?? [];
   const viewed = limit ? rawViewed.slice(0, limit) : rawViewed;
   if (isLoading && viewed.length === 0) {
@@ -16131,6 +16413,8 @@ function RecentlyViewed({
     {
       type: "button",
       onClick: () => onProductClick?.(product),
+      onPointerEnter: () => warmViewed(product.product_id),
+      onFocus: () => warmViewed(product.product_id),
       "data-cimplify-recently-viewed-item": true,
       className: classNames?.item,
       children: renderProduct ? renderProduct(product) : /* @__PURE__ */ jsx("span", { children: product.product_name ?? product.product_id })
@@ -16771,4 +17055,4 @@ function SparkleIcon({ className }) {
   );
 }
 
-export { AccommodationCard, AccountContent, AccountDashboardPage, AccountHero, AccountIdentityStrip, AccountLineItem, AccountLineItems, AccountNav, AccountOrderDetailPage, AccountOrderView, AccountOrdersPage, AccountShell, AccountSidebar, AccountSignedOutPrompt, AccountSubscriptionDetailPage, AccountSubscriptionsPage, Ad, AdProvider, AddOnSelector, AddressElement, AuthElement, AvailabilityBadge, BackLink, BillingPlanSelector, BookingCard, BookingList, BookingPage, BookingSummary, BookingsPage, BoxIcon24, BundleProductCard, BundleProductLayout, BundleSelector, Button, CardImage, CardShell, CardVariant, CartDrawer, CartDrawerProvider, CartPage, CartSummary, CartTemplate, CatalogueCollectionLayout, CataloguePage, CatalogueTemplate, CategoryFilter, CategoryGrid, ChatWidget, CheckIcon, CheckoutPage, CimplifyCheckout, CimplifyProvider, CimplifySignInButton, CimplifyUserButton, CollectionPage, CollectionTemplate, CompactCartLayout, CompactCatalogueLayout, CompactSearchLayout, CompactServiceCard, CompositeProductCard, CompositeProductLayout, CompositeSelector, ContextCard, ContinuityCard, CurrencySelector, CustomAttributesTable, CustomerInputFields, DashboardIcon, DashboardIcon20, DatePicker, DateSlotPicker, DealBanner, DealsPage, DefaultCartLayout, DefaultCatalogueLayout, DefaultCollectionLayout, DefaultProductLayout, DefaultSearchLayout, DeliveryEstimate, DeliveryTracker, DeliveryTruckIcon, DigitalProductCard, DigitalProductLayout, DiscountInput, ElementsProvider, EmptyState, ErrorState, FeaturedCollectionLayout, FilterTabs, FoodProductCard, FoodProductLayout, HappeningCard, IdentityIcon, IdentityOfframp, InventoryBadge, ItemsCard, LeaseServiceCard, LineItemDetails, LocationPicker, MediaGallery, MetadataStringList, MobileAccountShell, MobileBackButton, MobileMoreButton, MobileTabBar, NextDeliveryCard, OrderDetailHeader, OrderDetailMetaPipe, OrderDetailPage, OrderHistory, OrderHistoryPage, OrderList, OrderRow, OrderSummary, OrderTimeline, OrderTotals, OrdersIcon, OrdersIcon20, OvenIcon, PackageIcon, PaymentElement, Price, PriceRange, ProductCard, ProductCustomizer, ProductGrid, ProductImageGallery, ProductModel3D, ProductPage, ProductSheet, ProductTemplate, PropertiesTable, QuantitySelector, QuickAddButton, RecentlyViewed, RecommendationCarousel, RelatedProductsSection, RentalServiceCard, ResourcePicker, RetailProductCard, RichText, SaleBadge, ScheduleServiceCard, SearchInput, SearchPage, SearchTemplate, Section, SectionMore, ServiceProductLayout, SessionMessageBanner, SignOutIcon, Skeleton, SlotPicker, SoldOutOverlay, StaffPicker, StandardServiceCard, Status, StoreNav, StoreVideo, SubscriptionCard, SubscriptionList, SubscriptionRow, SubscriptionsIcon, SubscriptionsIcon20, TagPills, TimePicker, Toast, TwoColumnGrid, VariantSelector, VolumePricing, WelcomeCard, WholesaleProductCard, WholesaleProductLayout, WishlistButton, cn, roomToResource, sanitizeRichTextHtml, stripHtmlToText, toAccountLineItem, toAccountLineItems, toAccountOrderView, useActivityState, useAds, useAttributeDefinitions, useAvailableSlots, useBillingPlans, useBookings, useBootstrap, useBundles, useCart, useCartDrawer, useCategories, useChat, useCheckout, useCimplify, useCimplifyClient, useCimplifySession, useCollection, useCollections, useDeals, useDeliveryFee, useElements, useElementsReady, useFxRate, useLocations, useOptionalCimplify, useOrder, useOrders, useProduct, useProductAvailability, useProductDeals, useProductPrice, useProductSchedules, useProducts, useProductsOnSale, usePropertyFacets, useQuote, useRecommendations, useSearch, useServiceAvailability, useServices, useStoreCredit, useSubscription, useSubscriptions, useTaxonomies, useTaxonomy, useTaxonomyPath, useValidateDiscount, useVariantSelector };
+export { AccommodationCard, AccountContent, AccountDashboardPage, AccountHero, AccountIdentityStrip, AccountLineItem, AccountLineItems, AccountNav, AccountOrderDetailPage, AccountOrderView, AccountOrdersPage, AccountShell, AccountSidebar, AccountSignedOutPrompt, AccountSubscriptionDetailPage, AccountSubscriptionsPage, Ad, AdProvider, AddOnSelector, AddressElement, AuthElement, AvailabilityBadge, BackLink, BillingPlanSelector, BookingCard, BookingList, BookingPage, BookingSummary, BookingsPage, BoxIcon24, BundleProductCard, BundleProductLayout, BundleSelector, Button, CardImage, CardShell, CardVariant, CartDrawer, CartDrawerProvider, CartPage, CartSummary, CartTemplate, CatalogueCollectionLayout, CataloguePage, CatalogueTemplate, CategoryFilter, CategoryGrid, ChatWidget, CheckIcon, CheckoutPage, CimplifyCheckout, CimplifyProvider, CimplifySignInButton, CimplifyUserButton, CollectionPage, CollectionTemplate, CompactCartLayout, CompactCatalogueLayout, CompactSearchLayout, CompactServiceCard, CompositeProductCard, CompositeProductLayout, CompositeSelector, ContextCard, ContinuityCard, CurrencySelector, CustomAttributesTable, CustomerInputFields, DashboardIcon, DashboardIcon20, DatePicker, DateSlotPicker, DealBanner, DealsPage, DefaultCartLayout, DefaultCatalogueLayout, DefaultCollectionLayout, DefaultProductLayout, DefaultSearchLayout, DeliveryEstimate, DeliveryTracker, DeliveryTruckIcon, DigitalProductCard, DigitalProductLayout, DiscountInput, ElementsProvider, EmptyState, ErrorState, FeaturedCollectionLayout, FilterTabs, FoodProductCard, FoodProductLayout, HappeningCard, IdentityIcon, IdentityOfframp, InventoryBadge, ItemsCard, LeaseServiceCard, LineItemDetails, LocationPicker, MediaGallery, MetadataStringList, MobileAccountShell, MobileBackButton, MobileMoreButton, MobileTabBar, NextDeliveryCard, OrderDetailHeader, OrderDetailMetaPipe, OrderDetailPage, OrderHistory, OrderHistoryPage, OrderList, OrderRow, OrderSummary, OrderTimeline, OrderTotals, OrdersIcon, OrdersIcon20, OvenIcon, PackageIcon, PaymentElement, Price, PriceRange, ProductCard, ProductCustomizer, ProductGrid, ProductImageGallery, ProductModel3D, ProductPage, ProductSheet, ProductTemplate, PropertiesTable, QuantitySelector, QuickAddButton, RecentlyViewed, RecommendationCarousel, RelatedProductsSection, RentalServiceCard, ResourcePicker, RetailProductCard, RichText, SaleBadge, ScheduleServiceCard, SearchInput, SearchPage, SearchTemplate, Section, SectionMore, ServiceProductLayout, SessionMessageBanner, SignOutIcon, Skeleton, SlotPicker, SoldOutOverlay, StaffPicker, StandardServiceCard, Status, StoreNav, StoreVideo, SubscriptionCard, SubscriptionList, SubscriptionRow, SubscriptionsIcon, SubscriptionsIcon20, TagPills, TimePicker, Toast, TwoColumnGrid, VariantSelector, VolumePricing, WelcomeCard, WholesaleProductCard, WholesaleProductLayout, WishlistButton, cn, prefetchProduct, prefetchProducts, roomToResource, sanitizeRichTextHtml, stripHtmlToText, toAccountLineItem, toAccountLineItems, toAccountOrderView, useActivityState, useAds, useAttributeDefinitions, useAvailableSlots, useBillingPlans, useBookings, useBootstrap, useBundles, useCart, useCartDrawer, useCategories, useChat, useCheckout, useCimplify, useCimplifyClient, useCimplifySession, useCollection, useCollections, useDeals, useDeliveryFee, useDeliveryOptions, useElements, useElementsReady, useFxRate, useLocations, useOptionalCimplify, useOrder, useOrders, useProduct, useProductAvailability, useProductDeals, useProductPrice, useProductSchedules, useProducts, useProductsOnSale, usePropertyFacets, useQuote, useRecommendations, useSearch, useServiceAvailability, useServices, useStoreCredit, useSubscription, useSubscriptions, useTaxonomies, useTaxonomy, useTaxonomyPath, useValidateDiscount, useVariantSelector };

package/dist/{server-Daq42vK7.d.ts → server-N4Q24CnO.d.ts}

@@ -894,6 +894,19 @@ interface PlacesService {
     }): unknown;
 }
 
+interface MockDeliveryOption {
+    rate_id: string | null;
+    name: string;
+    description?: string;
+    fee: string;
+    currency: string;
+    free_delivery_applied: boolean;
+    free_over_amount?: string;
+    eta_min_minutes?: number;
+    eta_max_minutes?: number;
+    is_default: boolean;
+    details: Record<string, unknown>;
+}
 interface DeliveryService {
     getFee(opts: {
         lat?: number;
@@ -907,6 +920,14 @@ interface DeliveryService {
         provider: string;
         quotes: unknown[];
     };
+    getOptions(opts: {
+        lat?: number;
+        lng?: number;
+        order_value?: string;
+    }): {
+        serviceable: boolean;
+        options: MockDeliveryOption[];
+    };
 }
 
 interface ActivityService {