@askdialog/dialog-react 2.8.0 → 2.10.0

package/dist/dialog-react.js

@@ -1,7 +1,7 @@
-import { jsx as o, jsxs as h, Fragment as C } from "react/jsx-runtime";
-import { useRef as b, useState as v, useEffect as f, useMemo as S, useLayoutEffect as V, useCallback as P, useSyncExternalStore as K } from "react";
-import { registerDialogInstallation as M, addAuditCapability as F, resolveTextDirection as U, SearchStatus as L, DialogSearchError as Q, createSearchController as W } from "@askdialog/dialog-sdk";
-import { createPortal as Z } from "react-dom";
+import { jsx as n, jsxs as g, Fragment as S } from "react/jsx-runtime";
+import { useRef as v, useState as C, useEffect as b, useMemo as y, useLayoutEffect as V, useCallback as P, useSyncExternalStore as K } from "react";
+import { registerDialogInstallation as M, addAuditCapability as F, resolveTextDirection as U, SearchStatus as L, formatSearchPrice as Q, formatSearchCompareAtPrice as W, DialogSearchError as Z, createSearchController as X } from "@askdialog/dialog-sdk";
+import { createPortal as G } from "react-dom";
 const R = {
   en: {
     placeholder: "Ask the AI a question",
@@ -19,22 +19,22 @@ const R = {
     askSomethingElse: "Pregunta otra cosa"
   }
 }, T = (e) => {
-  var n;
-  const t = ((n = e == null ? void 0 : e.split("-")[0]) == null ? void 0 : n.toLowerCase()) ?? "en";
+  var o;
+  const t = ((o = e == null ? void 0 : e.split("-")[0]) == null ? void 0 : o.toLowerCase()) ?? "en";
   return R[t] ?? R.en;
-}, X = ({
+}, Y = ({
   client: e,
   questions: t,
-  disabled: n,
+  disabled: o,
   productId: s,
   productTitle: r,
   selectedVariantId: a
-}) => /* @__PURE__ */ o(
+}) => /* @__PURE__ */ n(
   "button",
   {
     type: "button",
     className: "dialog-ask-something-else",
-    disabled: n,
+    disabled: o,
     onClick: () => {
       e.openAssistantWithSuggestions({
         questions: t ?? [],
@@ -47,13 +47,13 @@ const R = {
     },
     children: T(e.locale).askSomethingElse
   }
-), G = ({
+), J = ({
   title: e = "Your expert",
   description: t = "A question about this product?"
-}) => /* @__PURE__ */ h("div", { className: "dialog-block-header-container", children: [
-  /* @__PURE__ */ o("div", { className: "dialog-block-title", children: e }),
-  /* @__PURE__ */ o("div", { className: "dialog-block-description", children: t })
-] }), Y = ({ color: e = "#181825" }) => /* @__PURE__ */ h(
+}) => /* @__PURE__ */ g("div", { className: "dialog-block-header-container", children: [
+  /* @__PURE__ */ n("div", { className: "dialog-block-title", children: e }),
+  /* @__PURE__ */ n("div", { className: "dialog-block-description", children: t })
+] }), ee = ({ color: e = "#181825" }) => /* @__PURE__ */ g(
   "svg",
   {
     width: "20",
@@ -62,8 +62,8 @@ const R = {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ h("g", { clipPath: "url(#clip0_466_934)", children: [
-        /* @__PURE__ */ o(
+      /* @__PURE__ */ g("g", { clipPath: "url(#clip0_466_934)", children: [
+        /* @__PURE__ */ n(
           "path",
           {
             d: "M5.41675 10.8333L6.07046 12.1408C6.2917 12.5832 6.40232 12.8045 6.55011 12.9962C6.68124 13.1663 6.83375 13.3188 7.00388 13.45C7.19559 13.5977 7.41684 13.7084 7.85932 13.9296L9.16675 14.5833L7.85932 15.237C7.41684 15.4583 7.19559 15.5689 7.00388 15.7167C6.83375 15.8478 6.68124 16.0003 6.55011 16.1704C6.40232 16.3622 6.2917 16.5834 6.07046 17.0259L5.41675 18.3333L4.76303 17.0259C4.54179 16.5834 4.43117 16.3622 4.28339 16.1704C4.15225 16.0003 3.99974 15.8478 3.82962 15.7167C3.6379 15.5689 3.41666 15.4583 2.97418 15.237L1.66675 14.5833L2.97418 13.9296C3.41666 13.7084 3.6379 13.5977 3.82962 13.45C3.99974 13.3188 4.15225 13.1663 4.28339 12.9962C4.43117 12.8045 4.54179 12.5832 4.76303 12.1408L5.41675 10.8333Z",
@@ -73,7 +73,7 @@ const R = {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ n(
           "path",
           {
             d: "M12.5001 1.66666L13.4823 4.22034C13.7173 4.83136 13.8348 5.13688 14.0175 5.39386C14.1795 5.62162 14.3785 5.82061 14.6062 5.98256C14.8632 6.16529 15.1687 6.2828 15.7797 6.5178L18.3334 7.49999L15.7797 8.48217C15.1687 8.71718 14.8632 8.83469 14.6062 9.01742C14.3785 9.17937 14.1795 9.37836 14.0175 9.60612C13.8348 9.8631 13.7173 10.1686 13.4823 10.7796L12.5001 13.3333L11.5179 10.7796C11.2829 10.1686 11.1654 9.8631 10.9827 9.60612C10.8207 9.37836 10.6217 9.17937 10.3939 9.01742C10.137 8.83469 9.83145 8.71718 9.22043 8.48217L6.66675 7.49999L9.22043 6.5178C9.83145 6.28279 10.137 6.16529 10.3939 5.98256C10.6217 5.82061 10.8207 5.62162 10.9827 5.39386C11.1654 5.13688 11.2829 4.83136 11.5179 4.22034L12.5001 1.66666Z",
@@ -84,50 +84,50 @@ const R = {
           }
         )
       ] }),
-      /* @__PURE__ */ o("defs", { children: /* @__PURE__ */ o("clipPath", { id: "clip0_466_934", children: /* @__PURE__ */ o("rect", { width: "20", height: "20", fill: "white" }) }) })
+      /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ n("clipPath", { id: "clip0_466_934", children: /* @__PURE__ */ n("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), J = ({
+), te = ({
   client: e,
   questions: t,
-  productId: n,
+  productId: o,
   productTitle: s,
   selectedVariantId: r
 }) => {
-  const a = (c) => {
+  const a = (l) => {
     e.sendProductMessage({
-      productId: n,
+      productId: o,
       productTitle: s,
       selectedVariantId: r,
-      question: c,
+      question: l,
       fromQuestionSuggestion: !0
     });
   };
-  return /* @__PURE__ */ o(C, { children: t.map((c) => /* @__PURE__ */ h(
+  return /* @__PURE__ */ n(S, { children: t.map((l) => /* @__PURE__ */ g(
     "button",
     {
       className: "dialog-block-suggestions-item",
-      onClick: () => a(c.question),
+      onClick: () => a(l.question),
       children: [
-        /* @__PURE__ */ o(Y, { color: e.theme.primaryColor }),
-        /* @__PURE__ */ o("span", { className: "dialog-block-suggestions-item-label", children: c.question })
+        /* @__PURE__ */ n(ee, { color: e.theme.primaryColor }),
+        /* @__PURE__ */ n("span", { className: "dialog-block-suggestions-item-label", children: l.question })
       ]
     },
-    c.question
+    l.question
   )) });
-}, ee = () => /* @__PURE__ */ h(C, { children: [
-  /* @__PURE__ */ o("div", { className: "dialog-block-suggestions-skeleton-item" }),
-  /* @__PURE__ */ o("div", { className: "dialog-block-suggestions-skeleton-item" }),
-  /* @__PURE__ */ o("div", { className: "dialog-block-suggestions-skeleton-item" })
-] }), te = ({
+}, se = () => /* @__PURE__ */ g(S, { children: [
+  /* @__PURE__ */ n("div", { className: "dialog-block-suggestions-skeleton-item" }),
+  /* @__PURE__ */ n("div", { className: "dialog-block-suggestions-skeleton-item" }),
+  /* @__PURE__ */ n("div", { className: "dialog-block-suggestions-skeleton-item" })
+] }), oe = ({
   client: e,
   questions: t,
-  isLoading: n,
+  isLoading: o,
   productId: s,
   productTitle: r,
   selectedVariantId: a
-}) => /* @__PURE__ */ o("div", { className: "dialog-block-suggestions-container", children: n || !t ? /* @__PURE__ */ o(ee, {}) : /* @__PURE__ */ o(
-  J,
+}) => /* @__PURE__ */ n("div", { className: "dialog-block-suggestions-container", children: o || !t ? /* @__PURE__ */ n(se, {}) : /* @__PURE__ */ n(
+  te,
   {
     client: e,
     questions: t,
@@ -135,7 +135,7 @@ const R = {
     productTitle: r,
     selectedVariantId: a
   }
-) }), se = ({ color: e = "#ffffff" }) => /* @__PURE__ */ o(
+) }), ne = ({ color: e = "#ffffff" }) => /* @__PURE__ */ n(
   "svg",
   {
     width: "20",
@@ -143,7 +143,7 @@ const R = {
     viewBox: "0 0 20 20",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ o(
+    children: /* @__PURE__ */ n(
       "path",
       {
         d: "M10 16.6667V3.33334M10 3.33334L5 8.33334M10 3.33334L15 8.33334",
@@ -154,71 +154,71 @@ const R = {
       }
     )
   }
-), ne = ({
+), re = ({
   client: e,
   productId: t,
-  productTitle: n,
+  productTitle: o,
   selectedVariantId: s
 }) => {
-  const r = b(null), [a, c] = v(""), i = T(e.locale), l = () => {
+  const r = v(null), [a, l] = C(""), i = T(e.locale), c = () => {
     var d;
     (d = r.current) == null || d.focus();
-  }, u = () => {
+  }, h = () => {
     const d = a;
     d.trim() && (e.sendProductMessage({
       productId: t,
-      productTitle: n,
+      productTitle: o,
       selectedVariantId: s,
       question: d,
       fromQuestionSuggestion: !0
-    }), c(""));
+    }), l(""));
   }, p = (d) => {
-    d.key === "Enter" && u();
+    d.key === "Enter" && h();
   };
-  return /* @__PURE__ */ h("div", { className: "dialog-input-container", children: [
-    /* @__PURE__ */ h("div", { className: "dialog-input-wrapper", onClick: l, children: [
-      /* @__PURE__ */ o(
+  return /* @__PURE__ */ g("div", { className: "dialog-input-container", children: [
+    /* @__PURE__ */ g("div", { className: "dialog-input-wrapper", onClick: c, children: [
+      /* @__PURE__ */ n(
         "input",
         {
           id: "dialog-ask-anything-input-ai-input",
           ref: r,
           value: a,
-          onChange: (d) => c(d.target.value),
+          onChange: (d) => l(d.target.value),
           className: "dialog-ask-anything-input-ai-input",
           placeholder: i.placeholder,
           "aria-describedby": "dialog-input-ai-disclosure",
           onKeyDown: p
         }
       ),
-      /* @__PURE__ */ o(
+      /* @__PURE__ */ n(
         "button",
         {
           id: "send-message-button-ai-input",
           className: "dialog-input-submit",
           disabled: !a.trim(),
-          onClick: u,
-          children: /* @__PURE__ */ o(se, { color: e.theme.ctaTextColor })
+          onClick: h,
+          children: /* @__PURE__ */ n(ne, { color: e.theme.ctaTextColor })
         }
       )
     ] }),
-    /* @__PURE__ */ o("p", { id: "dialog-input-ai-disclosure", className: "dialog-input-ai-disclosure", children: i.aiDisclosure })
+    /* @__PURE__ */ n("p", { id: "dialog-input-ai-disclosure", className: "dialog-input-ai-disclosure", children: i.aiDisclosure })
   ] });
-}, I = (e) => e.replace(/([A-Z])/g, "-$1").toLowerCase(), oe = (e) => {
+}, $ = (e) => e.replace(/([A-Z])/g, "-$1").toLowerCase(), ie = (e) => {
   if (!e) return;
   const t = document.body;
-  Object.keys(e).forEach((n) => {
-    const s = n, r = I(n);
+  Object.keys(e).forEach((o) => {
+    const s = o, r = $(o);
     if (e[s] !== void 0) {
       if (typeof e[s] == "object") {
         Object.keys(e[s]).forEach(
           (a) => {
             var i;
-            const c = a;
-            if (c !== void 0) {
-              const l = I(a), u = e[s];
+            const l = a;
+            if (l !== void 0) {
+              const c = $(a), h = e[s];
               t.style.setProperty(
-                `--dialog-theme-${r}-${l}`,
-                (i = u[c]) == null ? void 0 : i.toString()
+                `--dialog-theme-${r}-${c}`,
+                (i = h[l]) == null ? void 0 : i.toString()
               );
             }
           }
@@ -236,101 +236,101 @@ const R = {
       );
     }
   });
-}, re = ({ theme: e, children: t }) => (f(() => {
-  e && oe(e);
-}, [e]), /* @__PURE__ */ o(C, { children: t })), ie = 2, ae = 5, Ze = ({
+}, ae = ({ theme: e, children: t }) => (b(() => {
+  e && ie(e);
+}, [e]), /* @__PURE__ */ n(S, { children: t })), ce = 2, le = 5, Xe = ({
   client: e,
   productId: t,
-  productTitle: n,
+  productTitle: o,
   selectedVariantId: s,
   enableInput: r = !1
 }) => {
-  var g;
-  const [a, c] = v(!0), [i, l] = v(
+  var u;
+  const [a, l] = C(!0), [i, c] = C(
     void 0
   );
-  f(() => {
+  b(() => {
     M({
       method: "react",
-      version: "2.8.0"
+      version: "2.10.0"
     }), F("pdp-block");
   }, []);
-  const u = S(
+  const h = y(
     () => a ? "" : i == null ? void 0 : i.assistantName,
     [i, a]
-  ), p = S(
+  ), p = y(
     () => a ? "" : i == null ? void 0 : i.description,
     [i, a]
-  ), d = S(
+  ), d = y(
     () => a ? "" : i == null ? void 0 : i.inputPlaceholder,
     [i, a]
-  ), m = S(
+  ), m = y(
     () => {
-      var y;
-      return U((y = e.getLocalizationInformations()) == null ? void 0 : y.languageCode);
+      var f;
+      return U((f = e.getLocalizationInformations()) == null ? void 0 : f.languageCode);
     },
     [e]
   );
-  return f(() => {
-    let y = !0;
+  return b(() => {
+    let f = !0;
     return (async () => {
-      c(!0), l(void 0);
+      l(!0), c(void 0);
       try {
         const E = await e.getSuggestions(t, {
-          limit: ae
+          limit: le
         });
-        y && l(E);
+        f && c(E);
       } catch (E) {
         console.error("error", E);
       } finally {
-        y && c(!1);
+        f && l(!1);
       }
     })(), () => {
-      y = !1;
+      f = !1;
     };
-  }, [e, t]), /* @__PURE__ */ o(re, { theme: e.theme, children: /* @__PURE__ */ h(
+  }, [e, t]), /* @__PURE__ */ n(ae, { theme: e.theme, children: /* @__PURE__ */ g(
     "div",
     {
       id: "dialog-instant",
       className: "dialog-block-container",
       dir: m,
       children: [
-        /* @__PURE__ */ o(G, { title: u, description: p }),
-        /* @__PURE__ */ o(
-          te,
+        /* @__PURE__ */ n(J, { title: h, description: p }),
+        /* @__PURE__ */ n(
+          oe,
           {
             client: e,
-            questions: (g = i == null ? void 0 : i.questions) == null ? void 0 : g.slice(0, ie),
+            questions: (u = i == null ? void 0 : i.questions) == null ? void 0 : u.slice(0, ce),
             isLoading: a,
             productId: t,
-            productTitle: n,
+            productTitle: o,
             selectedVariantId: s
           }
         ),
-        r ? /* @__PURE__ */ o(
-          ne,
+        r ? /* @__PURE__ */ n(
+          re,
           {
             client: e,
             placeholder: d,
             productId: t,
-            productTitle: n,
+            productTitle: o,
             selectedVariantId: s
           }
-        ) : /* @__PURE__ */ o(
-          X,
+        ) : /* @__PURE__ */ n(
+          Y,
           {
             client: e,
             questions: i == null ? void 0 : i.questions,
             disabled: a,
             productId: t,
-            productTitle: n,
+            productTitle: o,
             selectedVariantId: s
           }
         )
       ]
     }
   ) });
-}, le = () => /* @__PURE__ */ o(
+}, de = () => /* @__PURE__ */ n(
   "svg",
   {
     width: 16,
@@ -339,7 +339,7 @@ const R = {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ o(
+    children: /* @__PURE__ */ n(
       "path",
       {
         d: "M8 13V3M8 3L3 8M8 3L13 8",
@@ -350,9 +350,9 @@ const R = {
       }
     )
   }
-), ce = "M5.3217 0.588255C5.63241 -0.196084 6.36759 -0.196085 6.6783 0.588254C6.98901 1.37259 7.68193 2.82807 8.42693 3.57307C9.17193 4.31807 10.6274 5.01099 11.4117 5.3217C12.1961 5.63241 12.1961 6.36759 11.4117 6.6783C10.6274 6.98901 9.17193 7.68193 8.42693 8.42693C7.68193 9.17193 6.98901 10.6274 6.6783 11.4117C6.36759 12.1961 5.63241 12.1961 5.3217 11.4117C5.01099 10.6274 4.31807 9.17193 3.57307 8.42693C2.82808 7.68193 1.37259 6.98901 0.588255 6.6783C-0.196084 6.36759 -0.196085 5.63241 0.588254 5.3217C1.37259 5.01099 2.82807 4.31807 3.57307 3.57307C4.31807 2.82808 5.01099 1.37259 5.3217 0.588255Z", de = ({
+), ue = "M5.3217 0.588255C5.63241 -0.196084 6.36759 -0.196085 6.6783 0.588254C6.98901 1.37259 7.68193 2.82807 8.42693 3.57307C9.17193 4.31807 10.6274 5.01099 11.4117 5.3217C12.1961 5.63241 12.1961 6.36759 11.4117 6.6783C10.6274 6.98901 9.17193 7.68193 8.42693 8.42693C7.68193 9.17193 6.98901 10.6274 6.6783 11.4117C6.36759 12.1961 5.63241 12.1961 5.3217 11.4117C5.01099 10.6274 4.31807 9.17193 3.57307 8.42693C2.82808 7.68193 1.37259 6.98901 0.588255 6.6783C-0.196084 6.36759 -0.196085 5.63241 0.588254 5.3217C1.37259 5.01099 2.82807 4.31807 3.57307 3.57307C4.31807 2.82808 5.01099 1.37259 5.3217 0.588255Z", he = ({
   color: e = "currentColor"
-}) => /* @__PURE__ */ o(
+}) => /* @__PURE__ */ n(
   "svg",
   {
     width: 16,
@@ -361,21 +361,21 @@ const R = {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ o("path", { d: ce, fill: e })
+    children: /* @__PURE__ */ n("path", { d: ue, fill: e })
   }
-), Xe = ({
+), Ge = ({
   controller: e,
   placeholder: t = "Search products...",
-  autoFocus: n = !1,
+  autoFocus: o = !1,
   submitAriaLabel: s = "Search"
 }) => {
-  const [r, a] = v("");
-  return /* @__PURE__ */ h("form", { className: "dialog-search-bar", role: "search", onSubmit: (i) => {
+  const [r, a] = C("");
+  return /* @__PURE__ */ g("form", { className: "dialog-search-bar", role: "search", onSubmit: (i) => {
     i.preventDefault(), e.submit(r);
   }, children: [
-    /* @__PURE__ */ h("div", { className: "dialog-search-bar-field", children: [
-      /* @__PURE__ */ o("span", { className: "dialog-search-bar-icon", children: /* @__PURE__ */ o(de, {}) }),
-      /* @__PURE__ */ o(
+    /* @__PURE__ */ g("div", { className: "dialog-search-bar-field", children: [
+      /* @__PURE__ */ n("span", { className: "dialog-search-bar-icon", children: /* @__PURE__ */ n(he, {}) }),
+      /* @__PURE__ */ n(
         "input",
         {
           type: "text",
@@ -384,30 +384,30 @@ const R = {
           value: r,
           "aria-label": t,
           placeholder: t,
-          autoFocus: n,
+          autoFocus: o,
           onChange: (i) => {
             a(i.target.value), e.setQuery(i.target.value);
           }
         }
       )
     ] }),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ n(
       "button",
       {
         type: "submit",
         className: "dialog-search-bar-submit",
         "aria-label": s,
-        children: /* @__PURE__ */ o(le, {})
+        children: /* @__PURE__ */ n(de, {})
       }
     )
   ] });
-}, ue = (e, t) => {
+}, ge = (e, t) => {
   try {
     return new Intl.NumberFormat(t).format(e);
   } catch {
     return String(e);
   }
-}, $ = {
+}, I = {
   en: (e) => ({
     searching: (t) => `Searching “${t}”…`,
     noResults: "No matching products",
@@ -419,7 +419,7 @@ const R = {
     seeAllLabel: (t) => t === 1 ? "See the result" : `See all ${e(t)} results`,
     previous: "Previous",
     next: "Next",
-    pageOf: (t, n) => `Page ${e(t)} / ${e(n)}`
+    pageOf: (t, o) => `Page ${e(t)} / ${e(o)}`
   }),
   fr: (e) => ({
     searching: (t) => `Recherche de « ${t} »…`,
@@ -432,7 +432,7 @@ const R = {
     seeAllLabel: (t) => t === 1 ? "Voir le résultat" : `Voir les ${e(t)} résultats`,
     previous: "Précédent",
     next: "Suivant",
-    pageOf: (t, n) => `Page ${e(t)} / ${e(n)}`
+    pageOf: (t, o) => `Page ${e(t)} / ${e(o)}`
   }),
   de: (e) => ({
     searching: (t) => `Suche nach „${t}“…`,
@@ -445,7 +445,7 @@ const R = {
     seeAllLabel: (t) => t === 1 ? "Das Ergebnis anzeigen" : `Alle ${e(t)} Ergebnisse anzeigen`,
     previous: "Zurück",
     next: "Weiter",
-    pageOf: (t, n) => `Seite ${e(t)} / ${e(n)}`
+    pageOf: (t, o) => `Seite ${e(t)} / ${e(o)}`
   }),
   es: (e) => ({
     searching: (t) => `Buscando «${t}»…`,
@@ -458,7 +458,7 @@ const R = {
     seeAllLabel: (t) => t === 1 ? "Ver el resultado" : `Ver los ${e(t)} resultados`,
     previous: "Anterior",
     next: "Siguiente",
-    pageOf: (t, n) => `Página ${e(t)} / ${e(n)}`
+    pageOf: (t, o) => `Página ${e(t)} / ${e(o)}`
   }),
   it: (e) => ({
     searching: (t) => `Ricerca di “${t}”…`,
@@ -471,23 +471,23 @@ const R = {
     seeAllLabel: (t) => t === 1 ? "Vedi il risultato" : `Vedi tutti i ${e(t)} risultati`,
     previous: "Precedente",
     next: "Successivo",
-    pageOf: (t, n) => `Pagina ${e(t)} / ${e(n)}`
+    pageOf: (t, o) => `Pagina ${e(t)} / ${e(o)}`
   })
-}, O = (e) => {
+}, _ = (e) => {
   var s;
   const t = ((s = e == null ? void 0 : e.split("-")[0]) == null ? void 0 : s.toLowerCase()) ?? "en";
-  return ($[t] ?? $.en)((r) => ue(r, e));
-}, _ = (e) => e.status !== L.LOADING && e.response !== void 0 && e.response.nbPages > 1, he = ({
+  return (I[t] ?? I.en)((r) => ge(r, e));
+}, O = (e) => e.status !== L.LOADING && e.response !== void 0 && e.response.nbPages > 1, pe = ({
   controller: e,
   state: t,
-  locale: n
+  locale: o
 }) => {
   const s = t.response;
-  if (s === void 0 || !_(t))
+  if (s === void 0 || !O(t))
     return null;
-  const r = O(n);
-  return /* @__PURE__ */ h("nav", { "aria-label": "Search results pages", className: "dialog-search-pagination", children: [
-    /* @__PURE__ */ o(
+  const r = _(o);
+  return /* @__PURE__ */ g("nav", { "aria-label": "Search results pages", className: "dialog-search-pagination", children: [
+    /* @__PURE__ */ n(
       "button",
       {
         type: "button",
@@ -496,8 +496,8 @@ const R = {
         children: r.previous
       }
     ),
-    /* @__PURE__ */ o("span", { children: r.pageOf(s.page + 1, s.nbPages) }),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ n("span", { children: r.pageOf(s.page + 1, s.nbPages) }),
+    /* @__PURE__ */ n(
       "button",
       {
         type: "button",
@@ -507,87 +507,80 @@ const R = {
       }
     )
   ] });
-}, D = (e) => e.normalize("NFD").replace(new RegExp("\\p{M}", "gu"), "").replace(/ẞ/gu, "ß").toUpperCase().toLowerCase().replace(/ς/g, "σ"), ge = (e, t) => {
-  const n = { before: "", match: e, after: "" }, s = D(t.trim());
+}, D = (e) => e.normalize("NFD").replace(new RegExp("\\p{M}", "gu"), "").replace(/ẞ/gu, "ß").toUpperCase().toLowerCase().replace(/ς/g, "σ"), me = (e, t) => {
+  const o = { before: "", match: e, after: "" }, s = D(t.trim());
   if (s === "")
-    return n;
+    return o;
   const r = [...e], a = [];
-  let c = "";
+  let l = "";
   r.forEach((p, d) => {
     const m = D(p);
-    for (let g = 0; g < m.length; g += 1)
+    for (let u = 0; u < m.length; u += 1)
       a.push(d);
-    c += m;
+    l += m;
   });
-  const i = c.indexOf(s);
+  const i = l.indexOf(s);
   if (i === -1)
-    return n;
-  const l = a[i], u = a[i + s.length - 1] + 1;
+    return o;
+  const c = a[i], h = a[i + s.length - 1] + 1;
   return {
-    before: r.slice(0, l).join(""),
-    match: r.slice(l, u).join(""),
-    after: r.slice(u).join("")
+    before: r.slice(0, c).join(""),
+    match: r.slice(c, h).join(""),
+    after: r.slice(h).join("")
   };
 }, H = ({
   title: e,
   query: t
 }) => {
-  const { before: n, match: s, after: r } = ge(e, t);
-  return /* @__PURE__ */ h(C, { children: [
-    n !== "" && /* @__PURE__ */ o("span", { className: "dialog-search-muted", children: n }),
-    /* @__PURE__ */ o("span", { className: "dialog-search-match", children: s }),
-    r !== "" && /* @__PURE__ */ o("span", { className: "dialog-search-muted", children: r })
+  const { before: o, match: s, after: r } = me(e, t);
+  return /* @__PURE__ */ g(S, { children: [
+    o !== "" && /* @__PURE__ */ n("span", { className: "dialog-search-muted", children: o }),
+    /* @__PURE__ */ n("span", { className: "dialog-search-match", children: s }),
+    r !== "" && /* @__PURE__ */ n("span", { className: "dialog-search-muted", children: r })
   ] });
-}, pe = ({ amount: e, currencyCode: t }, n) => t === void 0 ? new Intl.NumberFormat(n).format(Number(e)) : new Intl.NumberFormat(n, {
-  style: "currency",
-  currency: t
-}).format(Number(e)), me = (e, t) => {
-  if (e === void 0)
-    return "";
-  try {
-    return pe(e.min, t);
-  } catch {
-    return "";
-  }
-}, fe = (e) => {
-  try {
-    const { protocol: t } = new URL(e, window.location.href);
-    return t === "http:" || t === "https:" ? e : void 0;
-  } catch {
-    return;
-  }
-}, q = (e) => e.url === void 0 || e.url === "" ? void 0 : fe(e.url), B = (e) => e.title ?? e.handle ?? e.objectID, be = ({
+}, fe = (e) => e.product_image || e.image || void 0, q = (e) => {
+  if (!(e === void 0 || e === ""))
+    try {
+      const { protocol: t } = new URL(e, window.location.href);
+      return t === "http:" || t === "https:" ? e : void 0;
+    } catch {
+      return;
+    }
+}, be = (e) => q(e.url), B = (e) => e.title ?? e.handle ?? e.objectID, ve = ({
   controller: e,
   hit: t,
-  index: n,
+  index: o,
   locale: s,
   query: r = ""
 }) => {
-  const a = b(null);
-  f(() => {
-    a.current !== null && e.observeResult(a.current, n);
-  }, [e, t, n]);
-  const c = (d) => {
-    const m = d.metaKey || d.ctrlKey || d.shiftKey || d.altKey;
-    e.selectResult(n, { navigate: !m }) && d.preventDefault();
-  }, i = (d) => {
-    d.button === 1 && e.selectResult(n, { navigate: !1 });
-  }, l = me(t.priceRange, s), u = q(t), p = /* @__PURE__ */ h(C, { children: [
-    /* @__PURE__ */ o("span", { className: "dialog-search-product-thumb", "aria-hidden": !0, children: t.imageUrl !== void 0 && t.imageUrl !== "" && /* @__PURE__ */ o("img", { src: t.imageUrl, alt: "", loading: "lazy" }) }),
-    /* @__PURE__ */ o("span", { className: "dialog-search-product-title", children: /* @__PURE__ */ o(H, { title: B(t), query: r }) }),
-    l !== "" && /* @__PURE__ */ o("span", { className: "dialog-search-product-price", children: l })
+  const a = v(null);
+  b(() => {
+    a.current !== null && e.observeResult(a.current, o);
+  }, [e, t, o]);
+  const l = (u) => {
+    const f = u.metaKey || u.ctrlKey || u.shiftKey || u.altKey;
+    e.selectResult(o, { navigate: !f }) && u.preventDefault();
+  }, i = (u) => {
+    u.button === 1 && e.selectResult(o, { navigate: !1 });
+  }, c = Q(t, s), h = W(t, s), p = q(e.productUrl(t)), d = fe(t), m = /* @__PURE__ */ g(S, { children: [
+    /* @__PURE__ */ n("span", { className: "dialog-search-product-thumb", "aria-hidden": !0, children: d !== void 0 && /* @__PURE__ */ n("img", { src: d, alt: "", loading: "lazy" }) }),
+    /* @__PURE__ */ n("span", { className: "dialog-search-product-title", children: /* @__PURE__ */ n(H, { title: B(t), query: r }) }),
+    c !== "" && /* @__PURE__ */ g("span", { className: "dialog-search-product-price", children: [
+      h !== "" && /* @__PURE__ */ n("s", { className: "dialog-search-product-compare-at", children: h }),
+      c
+    ] })
   ] });
-  return /* @__PURE__ */ o("li", { ref: a, className: "dialog-search-card", children: u === void 0 ? /* @__PURE__ */ o("div", { className: "dialog-search-product", children: p }) : /* @__PURE__ */ o(
+  return /* @__PURE__ */ n("li", { ref: a, className: "dialog-search-card", children: p === void 0 ? /* @__PURE__ */ n("div", { className: "dialog-search-product", children: m }) : /* @__PURE__ */ n(
     "a",
     {
       className: "dialog-search-product",
-      href: u,
-      onClick: c,
+      href: p,
+      onClick: l,
       onAuxClick: i,
-      children: p
+      children: m
     }
   ) });
-}, ve = () => /* @__PURE__ */ o(
+}, Ce = () => /* @__PURE__ */ n(
   "svg",
   {
     width: 16,
@@ -596,9 +589,9 @@ const R = {
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ o("path", { d: "M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z" })
+    children: /* @__PURE__ */ n("path", { d: "M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z" })
   }
-), Ce = () => /* @__PURE__ */ o(
+), Se = () => /* @__PURE__ */ n(
   "svg",
   {
     width: 12,
@@ -607,100 +600,100 @@ const R = {
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ o("path", { d: "M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z" })
+    children: /* @__PURE__ */ n("path", { d: "M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z" })
   }
 ), j = (e) => (e ?? []).flatMap((t) => {
-  const n = q(t);
-  return n === void 0 ? [] : [{ collection: t, href: n }];
+  const o = be(t);
+  return o === void 0 ? [] : [{ collection: t, href: o }];
 }), ye = ({
   collections: e,
   query: t,
-  messages: n
+  messages: o
 }) => {
   const s = j(e);
-  return s.length === 0 ? null : /* @__PURE__ */ h("aside", { className: "dialog-search-collections", children: [
-    /* @__PURE__ */ h("div", { className: "dialog-search-section-head", children: [
-      /* @__PURE__ */ o("p", { className: "dialog-search-label", children: n.collectionsLabel }),
-      /* @__PURE__ */ o("span", { className: "dialog-search-count", children: n.collectionsCount(s.length) })
+  return s.length === 0 ? null : /* @__PURE__ */ g("aside", { className: "dialog-search-collections", children: [
+    /* @__PURE__ */ g("div", { className: "dialog-search-section-head", children: [
+      /* @__PURE__ */ n("p", { className: "dialog-search-label", children: o.collectionsLabel }),
+      /* @__PURE__ */ n("span", { className: "dialog-search-count", children: o.collectionsCount(s.length) })
     ] }),
-    /* @__PURE__ */ o("ul", { className: "dialog-search-collection-list", children: s.map(({ collection: r, href: a }) => /* @__PURE__ */ o("li", { children: /* @__PURE__ */ h("a", { className: "dialog-search-collection", href: a, children: [
-      /* @__PURE__ */ o("span", { className: "dialog-search-collection-thumb", "aria-hidden": !0, children: r.imageUrl !== void 0 && r.imageUrl !== "" && /* @__PURE__ */ o("img", { src: r.imageUrl, alt: "", loading: "lazy" }) }),
-      /* @__PURE__ */ o("span", { className: "dialog-search-collection-title", children: /* @__PURE__ */ o(H, { title: B(r), query: t }) }),
-      /* @__PURE__ */ o("span", { className: "dialog-search-caret", children: /* @__PURE__ */ o(Ce, {}) })
+    /* @__PURE__ */ n("ul", { className: "dialog-search-collection-list", children: s.map(({ collection: r, href: a }) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ g("a", { className: "dialog-search-collection", href: a, children: [
+      /* @__PURE__ */ n("span", { className: "dialog-search-collection-thumb", "aria-hidden": !0, children: r.image ? /* @__PURE__ */ n("img", { src: r.image, alt: "", loading: "lazy" }) : null }),
+      /* @__PURE__ */ n("span", { className: "dialog-search-collection-title", children: /* @__PURE__ */ n(H, { title: B(r), query: t }) }),
+      /* @__PURE__ */ n("span", { className: "dialog-search-caret", children: /* @__PURE__ */ n(Se, {}) })
     ] }) }, r.objectID)) })
   ] });
-}, Se = ({
+}, we = ({
   controller: e,
   response: t,
-  locale: n,
+  locale: o,
   messages: s
-}) => /* @__PURE__ */ h("section", { className: "dialog-search-products", children: [
-  /* @__PURE__ */ o("div", { className: "dialog-search-section-head", children: /* @__PURE__ */ h("p", { className: "dialog-search-label", children: [
+}) => /* @__PURE__ */ g("section", { className: "dialog-search-products", children: [
+  /* @__PURE__ */ n("div", { className: "dialog-search-section-head", children: /* @__PURE__ */ g("p", { className: "dialog-search-label", children: [
     s.productsLabel,
-    t.nbHits > 0 && /* @__PURE__ */ o("span", { className: "dialog-search-label-count", children: ` · ${s.resultsCount(t.nbHits)}` })
+    t.nbHits > 0 && /* @__PURE__ */ n("span", { className: "dialog-search-label-count", children: ` · ${s.resultsCount(t.nbHits)}` })
   ] }) }),
-  /* @__PURE__ */ o("ul", { className: "dialog-search-results", children: t.hits.length === 0 ? /* @__PURE__ */ o("li", { className: "dialog-search-empty", role: "status", children: s.noResults }) : t.hits.map((r, a) => /* @__PURE__ */ o(
-    be,
+  /* @__PURE__ */ n("ul", { className: "dialog-search-results", children: t.hits.length === 0 ? /* @__PURE__ */ n("li", { className: "dialog-search-empty", role: "status", children: s.noResults }) : t.hits.map((r, a) => /* @__PURE__ */ n(
+    ve,
     {
       controller: e,
       hit: r,
       index: a,
-      locale: n,
+      locale: o,
       query: t.query
     },
     r.objectID
   )) })
-] }), k = 8, w = 16, we = 200, Le = 1440, ke = (e, t) => e.bottom > 0 && e.top < t, Ne = (e, t) => {
-  const n = Math.min(
-    Le,
+] }), k = 8, w = 16, Le = 200, ke = 1440, Ne = (e, t) => e.bottom > 0 && e.top < t, Ee = (e, t) => {
+  const o = Math.min(
+    ke,
     t - 2 * w
-  ), s = e.left + e.width / 2 - n / 2;
+  ), s = e.left + e.width / 2 - o / 2;
   return { left: Math.min(
     Math.max(s, w),
-    t - w - n
-  ), width: n };
-}, Ee = (e, t, n) => {
-  const s = n - e.bottom - k - w, r = e.top - k - w, a = Ne(e, t);
-  return s < we && r > s ? {
+    t - w - o
+  ), width: o };
+}, Pe = (e, t, o) => {
+  const s = o - e.bottom - k - w, r = e.top - k - w, a = Ee(e, t);
+  return s < Le && r > s ? {
     ...a,
-    bottom: n - e.top + k,
+    bottom: o - e.top + k,
     maxHeight: Math.max(r, 0)
   } : {
     ...a,
     top: e.bottom + k,
     maxHeight: Math.max(s, 0)
   };
-}, Pe = (e) => {
+}, Ae = (e) => {
   const t = e.trim().replace(/^#/, "");
   if (!/^(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(t))
     return;
-  const n = t.length <= 4 ? [...t].map((s) => s + s).join("") : t;
+  const o = t.length <= 4 ? [...t].map((s) => s + s).join("") : t;
   return [0, 2, 4].map(
-    (s) => Number.parseInt(n.slice(s, s + 2), 16)
+    (s) => Number.parseInt(o.slice(s, s + 2), 16)
   );
-}, Ae = (e) => {
+}, xe = (e) => {
   const t = /^rgba?\((\d+), (\d+), (\d+)(?:, [\d.]+)?\)$/.exec(e);
   if (t !== null)
     return [t[1], t[2], t[3]].map(Number);
-}, xe = (e) => {
+}, Re = (e) => {
   if (typeof document > "u")
     return;
   const t = document.createElement("span");
   if (t.style.color = e, t.style.color === "")
     return;
   document.body.appendChild(t);
-  const n = Ae(getComputedStyle(t).color);
-  return t.remove(), n;
-}, Re = (e) => Pe(e) ?? xe(e), Ie = (e) => {
+  const o = xe(getComputedStyle(t).color);
+  return t.remove(), o;
+}, $e = (e) => Ae(e) ?? Re(e), Ie = (e) => {
   const t = e / 255;
   return t <= 0.03928 ? t / 12.92 : ((t + 0.055) / 1.055) ** 2.4;
 }, z = (e) => {
-  const t = Re(e);
+  const t = $e(e);
   if (t === void 0)
     return;
-  const [n, s, r] = t.map(Ie);
-  return 0.2126 * n + 0.7152 * s + 0.0722 * r;
-}, $e = "#181825", De = "#ffffff", Me = "straight", A = 0.5, x = {
+  const [o, s, r] = t.map(Ie);
+  return 0.2126 * o + 0.7152 * s + 0.0722 * r;
+}, De = "#181825", Me = "#ffffff", Te = "straight", A = 0.5, x = {
   light: {
     panel: "#ffffff",
     side: "#fafbfc",
@@ -719,7 +712,7 @@ const R = {
     hover: "#242830",
     thumb: "#2b2f38"
   }
-}, Te = {
+}, _e = {
   rectangle: {
     "r-panel": "4px",
     "r-item": "4px",
@@ -735,109 +728,109 @@ const R = {
 }, N = (e) => e === void 0 || e.trim() === "" ? void 0 : e.trim(), Oe = (e) => {
   const t = e === void 0 ? void 0 : z(e);
   return t === void 0 ? "light" : t < A ? "dark" : "light";
-}, _e = (e, t) => {
-  const n = z(e);
-  return n === void 0 ? x[t].text : (t === "light" ? n < A : n >= A) ? e : x[t].text;
-}, He = (e) => {
-  const t = Oe(N(e == null ? void 0 : e.backgroundColor)), n = (e == null ? void 0 : e.ctaBorderType) === Me ? "rectangle" : "rectangle-rounded", s = N(e == null ? void 0 : e.primaryColor) ?? $e, r = N(e == null ? void 0 : e.fontFamily), a = {
+}, He = (e, t) => {
+  const o = z(e);
+  return o === void 0 ? x[t].text : (t === "light" ? o < A : o >= A) ? e : x[t].text;
+}, qe = (e) => {
+  const t = Oe(N(e == null ? void 0 : e.backgroundColor)), o = (e == null ? void 0 : e.ctaBorderType) === Te ? "rectangle" : "rectangle-rounded", s = N(e == null ? void 0 : e.primaryColor) ?? De, r = N(e == null ? void 0 : e.fontFamily), a = {
     ...x[t],
-    ...Te[n],
+    ..._e[o],
     primary: s,
-    accent: _e(s, t),
-    "cta-text": N(e == null ? void 0 : e.ctaTextColor) ?? De,
+    accent: He(s, t),
+    "cta-text": N(e == null ? void 0 : e.ctaTextColor) ?? Me,
     ...r === void 0 ? {} : { font: r }
   };
   return Object.fromEntries(
-    Object.entries(a).map(([c, i]) => [`--dso-${c}`, i])
+    Object.entries(a).map(([l, i]) => [`--dso-${l}`, i])
   );
-}, qe = (e) => {
-  const t = b(null), [n, s] = v(void 0), [r, a] = v({ width: 0, height: 0 });
+}, Be = (e) => {
+  const t = v(null), [o, s] = C(void 0), [r, a] = C({ width: 0, height: 0 });
   return V(() => {
     if (!e)
       return;
-    const c = () => {
+    const l = () => {
       const i = t.current;
       if (i === null)
         return;
-      const l = i.previousElementSibling ?? i, { top: u, bottom: p, left: d, width: m } = l.getBoundingClientRect();
+      const c = i.previousElementSibling ?? i, { top: h, bottom: p, left: d, width: m } = c.getBoundingClientRect();
       a(
-        (g) => g.width === window.innerWidth && g.height === window.innerHeight ? g : { width: window.innerWidth, height: window.innerHeight }
+        (u) => u.width === window.innerWidth && u.height === window.innerHeight ? u : { width: window.innerWidth, height: window.innerHeight }
       ), s(
-        (g) => g !== void 0 && g.top === u && g.bottom === p && g.left === d && g.width === m ? g : { top: u, bottom: p, left: d, width: m }
+        (u) => u !== void 0 && u.top === h && u.bottom === p && u.left === d && u.width === m ? u : { top: h, bottom: p, left: d, width: m }
       );
     };
-    return c(), window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), () => {
-      window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
+    return l(), window.addEventListener("scroll", l, !0), window.addEventListener("resize", l), () => {
+      window.removeEventListener("scroll", l, !0), window.removeEventListener("resize", l);
     };
-  }, [e]), { anchorRef: t, rect: n, viewport: r };
-}, Be = (e, t) => {
-  const [n, s] = v(!1), r = b(null), a = e.status !== L.IDLE && !n;
-  return f(() => {
+  }, [e]), { anchorRef: t, rect: o, viewport: r };
+}, je = (e, t) => {
+  const [o, s] = C(!1), r = v(null), a = e.status !== L.IDLE && !o;
+  return b(() => {
     s(!1);
-  }, [e.query]), f(() => {
+  }, [e.query]), b(() => {
     if (!a)
       return;
-    const c = (i) => {
-      var m, g;
-      const l = i.target;
-      if (!(l instanceof Node))
+    const l = (i) => {
+      var m, u;
+      const c = i.target;
+      if (!(c instanceof Node))
         return;
-      const u = (m = t.current) == null ? void 0 : m.previousElementSibling, p = ((g = r.current) == null ? void 0 : g.contains(l)) ?? !1, d = (u == null ? void 0 : u.contains(l)) ?? !1;
+      const h = (m = t.current) == null ? void 0 : m.previousElementSibling, p = ((u = r.current) == null ? void 0 : u.contains(c)) ?? !1, d = (h == null ? void 0 : h.contains(c)) ?? !1;
       !p && !d && s(!0);
     };
-    return document.addEventListener("pointerdown", c), () => document.removeEventListener("pointerdown", c);
-  }, [a, t]), f(() => {
-    var l;
-    const c = (l = t.current) == null ? void 0 : l.previousElementSibling;
-    if (c == null)
+    return document.addEventListener("pointerdown", l), () => document.removeEventListener("pointerdown", l);
+  }, [a, t]), b(() => {
+    var c;
+    const l = (c = t.current) == null ? void 0 : c.previousElementSibling;
+    if (l == null)
       return;
     const i = () => s(!1);
-    return c.addEventListener("focusin", i), () => c.removeEventListener("focusin", i);
+    return l.addEventListener("focusin", i), () => l.removeEventListener("focusin", i);
   }, [t]), { isOpen: a, panelRef: r };
-}, je = (e) => e instanceof Q ? `Search failed (${e.status}${e.code ? ` ${e.code}` : ""}): ${e.message}` : "Search failed: network error. Check your connection and try again.", ze = (e, t) => {
-  var m, g;
-  const { controller: n, state: s, locale: r, seeAllHref: a } = e, { status: c, response: i } = s;
-  if (c === L.ERROR)
-    return /* @__PURE__ */ h("div", { className: "dialog-search-error", children: [
-      /* @__PURE__ */ o(
+}, ze = (e) => e instanceof Z ? `Search failed (${e.status}${e.code ? ` ${e.code}` : ""}): ${e.message}` : "Search failed: network error. Check your connection and try again.", Ve = (e, t) => {
+  var m, u;
+  const { controller: o, state: s, locale: r, seeAllHref: a } = e, { status: l, response: i } = s;
+  if (l === L.ERROR)
+    return /* @__PURE__ */ g("div", { className: "dialog-search-error", children: [
+      /* @__PURE__ */ n(
         "p",
         {
           role: "alert",
           className: "dialog-search-status dialog-search-status-error",
-          children: je(s.error)
+          children: ze(s.error)
         }
       ),
-      /* @__PURE__ */ o(
+      /* @__PURE__ */ n(
         "button",
         {
           type: "button",
           className: "dialog-search-retry",
-          onClick: () => n.retry(),
+          onClick: () => o.retry(),
           children: t.retry
         }
       )
     ] });
   if (i === void 0)
-    return /* @__PURE__ */ o("p", { role: "status", className: "dialog-search-status", children: t.searching(s.query) });
-  const l = ((g = (m = s.sections) == null ? void 0 : m.collections) == null ? void 0 : g.hits) ?? [], u = j(l).length > 0, p = a !== void 0 && i.nbHits > 0, d = !p && _(s);
-  return /* @__PURE__ */ h(C, { children: [
-    /* @__PURE__ */ h(
+    return /* @__PURE__ */ n("p", { role: "status", className: "dialog-search-status", children: t.searching(s.query) });
+  const c = ((u = (m = s.sections) == null ? void 0 : m.collections) == null ? void 0 : u.hits) ?? [], h = j(c).length > 0, p = a !== void 0 && i.nbHits > 0, d = !p && O(s);
+  return /* @__PURE__ */ g(S, { children: [
+    /* @__PURE__ */ g(
       "div",
       {
-        className: `dialog-search-body${u ? "" : " dialog-search-body--no-collections"}`,
+        className: `dialog-search-body${h ? "" : " dialog-search-body--no-collections"}`,
         children: [
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ n(
             ye,
             {
-              collections: l,
+              collections: c,
               query: i.query,
               messages: t
             }
           ),
-          /* @__PURE__ */ o(
-            Se,
+          /* @__PURE__ */ n(
+            we,
             {
-              controller: n,
+              controller: o,
               response: i,
               locale: r,
               messages: t
@@ -846,106 +839,107 @@ const R = {
         ]
       }
     ),
-    (p || d) && /* @__PURE__ */ o("div", { className: "dialog-search-footer", children: p ? /* @__PURE__ */ h("a", { className: "dialog-search-cta", href: a(i.query), children: [
+    (p || d) && /* @__PURE__ */ n("div", { className: "dialog-search-footer", children: p ? /* @__PURE__ */ g("a", { className: "dialog-search-cta", href: a(i.query), children: [
       t.seeAllLabel(i.nbHits),
-      /* @__PURE__ */ o(ve, {})
-    ] }) : /* @__PURE__ */ o(
-      he,
+      /* @__PURE__ */ n(Ce, {})
+    ] }) : /* @__PURE__ */ n(
+      pe,
       {
-        controller: n,
+        controller: o,
         state: s,
         locale: r
       }
     ) })
   ] });
-}, Ge = (e) => {
-  const { state: t, locale: n, theme: s, layout: r = "list" } = e, a = t.status !== L.IDLE, { anchorRef: c, rect: i, viewport: l } = qe(a), { isOpen: u, panelRef: p } = Be(t, c), d = O(n), m = S(
-    () => He(s),
+}, Ye = (e) => {
+  const { state: t, locale: o, theme: s, layout: r = "list" } = e, a = t.status !== L.IDLE, { anchorRef: l, rect: i, viewport: c } = Be(a), { isOpen: h, panelRef: p } = je(t, l), d = _(o), m = y(
+    () => qe(s),
     [s]
   );
-  return /* @__PURE__ */ h(C, { children: [
-    /* @__PURE__ */ o("div", { ref: c }),
-    u && i !== void 0 && ke(i, l.height) && Z(
-      /* @__PURE__ */ o(
+  return /* @__PURE__ */ g(S, { children: [
+    /* @__PURE__ */ n("div", { ref: l }),
+    h && i !== void 0 && Ne(i, c.height) && G(
+      /* @__PURE__ */ n(
         "div",
         {
           ref: p,
           className: `dialog-search-panel dialog-search-panel--${r}`,
           style: {
-            ...Ee(i, l.width, l.height),
+            ...Pe(i, c.width, c.height),
             ...m
           },
-          children: ze(e, d)
+          children: Ve(e, d)
         }
       ),
       document.body
     )
   ] });
-}, Ve = {
+}, Ke = {
   status: L.IDLE,
   query: "",
   page: 0
-}, Ye = (e) => {
-  const t = b(e);
+}, Je = (e) => {
+  const t = v(e);
   t.current = e;
-  const n = b(void 0), s = P(() => {
-    if (n.current === void 0) {
-      const { client: l, surface: u = "search_page", ...p } = t.current;
-      n.current = W({
-        search: (d, m) => l.search(d, m),
+  const o = v(void 0), s = P(() => {
+    if (o.current === void 0) {
+      const { client: c, surface: h = "search_page", ...p } = t.current;
+      o.current = X({
+        search: (d, m) => c.search(d, m),
         analytics: {
-          surface: u,
-          trackViewSearchResults: (d) => l.trackViewSearchResults(d),
-          trackSelectSearchResult: (d) => l.trackSelectSearchResult(d)
+          surface: h,
+          trackViewSearchResults: (d) => c.trackViewSearchResults(d),
+          trackSelectSearchResult: (d) => c.trackSelectSearchResult(d)
         },
         ...p
       });
     }
-    return n.current;
-  }, []), r = b(void 0);
+    return o.current;
+  }, []), r = v(void 0);
   r.current ?? (r.current = {
-    setQuery: (l) => s().setQuery(l),
-    submit: (l) => s().submit(l),
-    setPage: (l) => s().setPage(l),
+    setQuery: (c) => s().setQuery(c),
+    submit: (c) => s().submit(c),
+    setPage: (c) => s().setPage(c),
     retry: () => s().retry(),
-    observeResult: (l, u) => s().observeResult(l, u),
-    selectResult: (l, u) => s().selectResult(l, u),
-    subscribe: (l) => s().subscribe(l),
+    observeResult: (c, h) => s().observeResult(c, h),
+    selectResult: (c, h) => s().selectResult(c, h),
+    productUrl: (c) => s().productUrl(c),
+    subscribe: (c) => s().subscribe(c),
     getState: () => s().getState(),
     // Create a replacement on next access after disposal.
     dispose: () => {
-      var l;
-      (l = n.current) == null || l.dispose(), n.current = void 0;
+      var c;
+      (c = o.current) == null || c.dispose(), o.current = void 0;
     }
-  }), f(() => {
+  }), b(() => {
     M({
       method: "react",
-      version: "2.8.0"
+      version: "2.10.0"
     });
-    const l = s();
+    const c = s();
     return () => {
-      l.dispose(), n.current === l && (n.current = void 0);
+      c.dispose(), o.current === c && (o.current = void 0);
     };
   }, [s]);
   const a = P(
-    (l) => s().subscribe(l),
+    (c) => s().subscribe(c),
     [s]
-  ), c = P(
+  ), l = P(
     () => s().getState(),
     [s]
   ), i = K(
     a,
-    c,
-    () => Ve
+    l,
+    () => Ke
   );
   return { controller: r.current, state: i, theme: e.client.theme };
 };
 export {
-  ne as DialogInput,
-  Ze as DialogProductBlock,
-  Xe as DialogSearchBar,
-  he as DialogSearchPagination,
-  be as DialogSearchProductCard,
-  Ge as DialogSearchResults,
-  Ye as useDialogSearch
+  re as DialogInput,
+  Xe as DialogProductBlock,
+  Ge as DialogSearchBar,
+  pe as DialogSearchPagination,
+  ve as DialogSearchProductCard,
+  Ye as DialogSearchResults,
+  Je as useDialogSearch
 };