@cimplify/sdk 0.79.0 → 0.81.0

package/dist/react.js

@@ -2,13 +2,14 @@
 'use strict';
 
 var chunkIQLJJW2H_js = require('./chunk-IQLJJW2H.js');
-var chunk5BPBDWAA_js = require('./chunk-5BPBDWAA.js');
-var chunkCV5QMDQS_js = require('./chunk-CV5QMDQS.js');
+var chunkGFM5JW45_js = require('./chunk-GFM5JW45.js');
+var chunkHPN5R3K2_js = require('./chunk-HPN5R3K2.js');
 var chunk7Y2O3E4D_js = require('./chunk-7Y2O3E4D.js');
 var chunkXA3ZNR75_js = require('./chunk-XA3ZNR75.js');
 require('./chunk-OWW5GUSB.js');
 var React14 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
+var ReactDOM = require('react-dom');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var dateFns = require('date-fns');
@@ -27,7 +28,26 @@ var input = require('@base-ui/react/input');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
 var React14__default = /*#__PURE__*/_interopDefault(React14);
+var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 
 // src/ads/identity.ts
 var COOKIE_NAME = "_cimplify_uid";
@@ -1081,6 +1101,28 @@ function useCart(options = {}) {
     ]
   );
 }
+var reactPreconnect = typeof ReactDOM__namespace.preconnect === "function" ? ReactDOM__namespace.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;
@@ -1089,7 +1131,7 @@ var DEFAULT_COUNTRY = "US";
 function createDefaultClient() {
   const processRef = globalThis.process;
   const envPublicKey = processRef?.env?.NEXT_PUBLIC_CIMPLIFY_PUBLIC_KEY || "";
-  return chunk5BPBDWAA_js.createCimplifyClient({ publicKey: envPublicKey });
+  return chunkGFM5JW45_js.createCimplifyClient({ publicKey: envPublicKey });
 }
 function getStoredLocationId() {
   if (typeof window === "undefined" || !window.localStorage) {
@@ -1146,6 +1188,11 @@ function resolveInitialLocation(locations) {
   }
   return locations[0];
 }
+var DEFAULT_PREFETCH_OPTIONS = {
+  mode: "aggressive",
+  rootMargin: "300px",
+  images: true
+};
 var CimplifyClientContext = React14.createContext(null);
 var CimplifyStateContext = React14.createContext(null);
 function CimplifyProvider({
@@ -1154,9 +1201,19 @@ function CimplifyProvider({
   onLocationChange,
   initialBusiness,
   initialLocations,
-  optimistic = true
+  optimistic = true,
+  prefetch,
+  linkComponent
 }) {
   const resolvedClient = React14.useMemo(() => client ?? createDefaultClient(), [client]);
+  const resolvedPrefetch = React14.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 = React14.useRef(onLocationChange);
   const seeded = initialBusiness !== void 0;
   const initialBootstrapDone = React14.useRef(seeded);
@@ -1223,6 +1280,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(chunkIQLJJW2H_js.DEFAULT_CDN_BASE_URL);
+  }
   const setCurrentLocation = React14.useCallback(
     (location) => {
       const previousLocationId = resolvedClient.getLocationId();
@@ -1296,7 +1359,9 @@ function CimplifyProvider({
       locations,
       isReady,
       baseCurrency,
-      optimistic
+      optimistic,
+      prefetch: resolvedPrefetch,
+      linkComponent: linkComponent ?? null
     }),
     [
       resolvedClient,
@@ -1304,7 +1369,9 @@ function CimplifyProvider({
       baseCurrency,
       locations,
       isReady,
-      optimistic
+      optimistic,
+      resolvedPrefetch,
+      linkComponent
     ]
   );
   const stateContextValue = React14.useMemo(
@@ -3376,7 +3443,7 @@ function CimplifySignInButton({
   const onClick = async () => {
     if (busy || disabled) return;
     setBusy(true);
-    await chunkCV5QMDQS_js.startSignIn({
+    await chunkHPN5R3K2_js.startSignIn({
       ...signInOpts,
       onSuccess: () => {
         setBusy(false);
@@ -4326,6 +4393,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();
@@ -4382,6 +4459,9 @@ var productsQuery = createCachedQuery({
     };
   }
 });
+function prefetchProducts(client, options) {
+  return productsQuery.prefetch(client, options);
+}
 function useProducts(options = {}) {
   const { data, isLoading, error, refetch } = productsQuery(options);
   return {
@@ -4406,14 +4486,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({
@@ -5712,6 +5805,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",
@@ -6004,15 +6121,15 @@ function AuthElement({
   }, [onReady, onAuthenticated, onError]);
   React14.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunkCV5QMDQS_js.ELEMENT_TYPES.AUTH, { prefillEmail });
+    const element = elements.create(chunkHPN5R3K2_js.ELEMENT_TYPES.AUTH, { prefillEmail });
     elementRef.current = element;
-    element.on(chunkCV5QMDQS_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkHPN5R3K2_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkCV5QMDQS_js.EVENT_TYPES.AUTHENTICATED,
+      chunkHPN5R3K2_js.EVENT_TYPES.AUTHENTICATED,
       (data) => onAuthenticatedRef.current?.(data)
     );
     element.on(
-      chunkCV5QMDQS_js.EVENT_TYPES.ERROR,
+      chunkHPN5R3K2_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -6041,15 +6158,15 @@ function AddressElement({
   }, [onReady, onChange, onError]);
   React14.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunkCV5QMDQS_js.ELEMENT_TYPES.ADDRESS, { mode });
+    const element = elements.create(chunkHPN5R3K2_js.ELEMENT_TYPES.ADDRESS, { mode });
     elementRef.current = element;
-    element.on(chunkCV5QMDQS_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkHPN5R3K2_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkCV5QMDQS_js.EVENT_TYPES.CHANGE,
+      chunkHPN5R3K2_js.EVENT_TYPES.CHANGE,
       (data) => onChangeRef.current?.(data)
     );
     element.on(
-      chunkCV5QMDQS_js.EVENT_TYPES.ERROR,
+      chunkHPN5R3K2_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -6079,15 +6196,15 @@ function PaymentElement({
   }, [onReady, onChange, onError]);
   React14.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunkCV5QMDQS_js.ELEMENT_TYPES.PAYMENT, { amount, currency });
+    const element = elements.create(chunkHPN5R3K2_js.ELEMENT_TYPES.PAYMENT, { amount, currency });
     elementRef.current = element;
-    element.on(chunkCV5QMDQS_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkHPN5R3K2_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkCV5QMDQS_js.EVENT_TYPES.CHANGE,
+      chunkHPN5R3K2_js.EVENT_TYPES.CHANGE,
       (data) => onChangeRef.current?.(data)
     );
     element.on(
-      chunkCV5QMDQS_js.EVENT_TYPES.ERROR,
+      chunkHPN5R3K2_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -9626,6 +9743,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" },
@@ -9658,6 +9808,8 @@ function ProductImageGallery({
     return null;
   }
   const activeImage = normalizedImages[selectedImage] || normalizedImages[0];
+  preloadImage(normalizedImages[selectedImage + 1]);
+  preloadImage(normalizedImages[selectedImage - 1]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-image-gallery": true, className, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -9669,6 +9821,7 @@ function ProductImageGallery({
           {
             src: activeImage,
             alt: productName,
+            fetchPriority: "high",
             style: {
               width: "100%",
               height: "100%",
@@ -9710,6 +9863,8 @@ function ProductImageGallery({
                 {
                   src: image,
                   alt: "",
+                  loading: "lazy",
+                  decoding: "async",
                   style: { width: "100%", height: "100%", objectFit: "cover" }
                 }
               )
@@ -10698,6 +10853,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 = React14.useRef(onEnter);
+  onEnterRef.current = onEnter;
+  const attachedRef = React14.useRef(null);
+  const firedRef = React14.useRef(false);
+  return React14.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__default.default.createContext(false);
 function CardImage({
   src,
   alt,
@@ -10706,6 +10918,7 @@ function CardImage({
   className,
   children
 }) {
+  const priority = React14__default.default.useContext(ImagePriorityContext);
   const aspectClass = {
     square: "aspect-square",
     "3/4": "aspect-[3/4]",
@@ -10713,11 +10926,14 @@ function CardImage({
     "16/9": "aspect-[16/9]"
   }[aspectRatio];
   return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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,
@@ -11657,25 +11873,41 @@ function ProductCard({
   onQuickAdd,
   children,
   aspectRatio = "4/3",
+  prefetch: prefetchProp,
   className,
   classNames
 }) {
   const mode = displayMode ?? product.display_mode ?? "card";
   const [isOpen, setIsOpen] = React14.useState(false);
-  const [shouldFetch, setShouldFetch] = React14.useState(false);
-  const { product: productDetails } = useProduct(
-    product.slug ?? product.id,
-    { enabled: shouldFetch || isOpen }
-  );
-  const handlePrefetch = React14.useCallback(() => {
-    setShouldFetch(true);
-  }, []);
-  const handleOpenChange = React14.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 = React14.useContext(ImagePriorityContext);
+  const { product: productDetails } = useProduct(product.slug ?? product.id, {
+    enabled: isOpen
+  });
+  const warm = React14.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 = React14.useCallback(
+    (open) => {
+      setIsOpen(open);
+      if (open && client) {
+        trackProductView(client, product);
+      }
+    },
+    [client, product]
+  );
   const handleClose = React14.useCallback(() => {
     setIsOpen(false);
   }, []);
@@ -11704,6 +11936,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
             }
@@ -11721,12 +11956,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__ */ jsxRuntime.jsx(
+        LinkComponent,
+        {
+          href: linkHref,
+          className: linkClassName,
+          onPointerEnter: warm,
+          onFocus: warm,
+          children: cardBody
+        }
+      );
     }
     return /* @__PURE__ */ jsxRuntime.jsx(
       "a",
       {
         href: linkHref,
+        ref: viewportRef,
+        onPointerEnter: warm,
+        onFocus: warm,
         "data-cimplify-product-card": true,
         "data-display-mode": "page",
         className: linkClassName,
@@ -11738,7 +11994,9 @@ function ProductCard({
     /* @__PURE__ */ jsxRuntime.jsx(
       dialog.Dialog.Trigger,
       {
-        onPointerEnter: handlePrefetch,
+        ref: viewportRef,
+        onPointerEnter: warm,
+        onFocus: warm,
         "data-cimplify-product-card": true,
         "data-display-mode": "card",
         className: cn(
@@ -11840,21 +12098,18 @@ function ProductGrid({
         id: gridId,
         "data-cimplify-product-grid": true,
         className: cn(className, classNames?.root),
-        children: products.map((product) => /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            "data-cimplify-product-grid-item": true,
-            className: classNames?.item,
-            children: renderCard ? renderCard(product) : /* @__PURE__ */ jsxRuntime.jsx(
-              ProductCard,
-              {
-                product,
-                renderImage
-              }
-            )
-          },
-          product.id
-        ))
+        children: products.map((product, index) => {
+          const card = renderCard ? renderCard(product) : /* @__PURE__ */ jsxRuntime.jsx(ProductCard, { product, renderImage });
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              "data-cimplify-product-grid-item": true,
+              className: classNames?.item,
+              children: index < xl ? /* @__PURE__ */ jsxRuntime.jsx(ImagePriorityContext.Provider, { value: true, children: card }) : card
+            },
+            product.id
+          );
+        })
       }
     )
   ] });
@@ -11895,6 +12150,15 @@ function SearchInput({
     [searchOptions, categoryId]
   );
   const { results, isLoading, query, setQuery, clear } = useSearch(mergedOptions);
+  const context = useOptionalCimplifyClient();
+  const warmResult = React14.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 = React14.useCallback(
     (value) => {
       setQuery(value);
@@ -11959,6 +12223,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,
@@ -13668,18 +13934,24 @@ function CataloguePage({
   const [maxPrice, setMaxPrice] = React14.useState("");
   const [page, setPage] = React14.useState(1);
   const debouncedSearch = useDebounce(searchQuery, 300);
+  const filterOptions = React14.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
@@ -13687,6 +13959,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 = React14.useCallback((id) => {
     setSelectedCategory(id);
     setPage(1);
@@ -14588,6 +14864,12 @@ function ProductPage({
     enabled: !productProp && resolvedId.length > 0
   });
   const product = productProp ?? fetched;
+  const context = useOptionalCimplifyClient();
+  React14.useEffect(() => {
+    if (product && context) {
+      trackProductView(context.client, product);
+    }
+  }, [context, product]);
   if (isLoading && !product) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -16012,6 +16294,15 @@ function RecommendationCarousel({
     enabled: recommendationsProp === void 0
   });
   const recommendations = recommendationsProp ?? fetched;
+  const context = useOptionalCimplifyClient();
+  const warmRecommendation = React14.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__ */ jsxRuntime.jsx(
       "div",
@@ -16038,6 +16329,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 },
@@ -16116,6 +16409,14 @@ function RecentlyViewed({
   classNames
 }) {
   const { state, isLoading } = useActivityState();
+  const context = useOptionalCimplifyClient();
+  const warmViewed = React14.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) {
@@ -16136,6 +16437,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__ */ jsxRuntime.jsx("span", { children: product.product_name ?? product.product_id })
@@ -16956,6 +17259,8 @@ exports.WholesaleProductCard = WholesaleProductCard;
 exports.WholesaleProductLayout = WholesaleProductLayout;
 exports.WishlistButton = WishlistButton;
 exports.cn = cn;
+exports.prefetchProduct = prefetchProduct;
+exports.prefetchProducts = prefetchProducts;
 exports.roomToResource = roomToResource;
 exports.sanitizeRichTextHtml = sanitizeRichTextHtml;
 exports.stripHtmlToText = stripHtmlToText;
@@ -16982,6 +17287,7 @@ exports.useCollection = useCollection;
 exports.useCollections = useCollections;
 exports.useDeals = useDeals;
 exports.useDeliveryFee = useDeliveryFee;
+exports.useDeliveryOptions = useDeliveryOptions;
 exports.useElements = useElements;
 exports.useElementsReady = useElementsReady;
 exports.useFxRate = useFxRate;