@askdialog/dialog-vue 3.8.0 → 3.10.0

package/dist/dialog-vue.js

@@ -1,8 +1,8 @@
-var Ce = Object.defineProperty;
-var ye = (t, e, s) => e in t ? Ce(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
+var Ee = Object.defineProperty;
+var ye = (t, e, s) => e in t ? Ee(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
 var z = (t, e, s) => ye(t, typeof e != "symbol" ? e + "" : e, s);
-import { defineComponent as w, createElementBlock as _, openBlock as u, createElementVNode as l, toDisplayString as E, Fragment as N, renderList as Q, createVNode as T, createBlock as O, ref as k, computed as b, withDirectives as ae, withKeys as Ee, vModelText as ie, onMounted as B, watch as M, renderSlot as we, withCtx as le, createCommentVNode as A, withModifiers as Ie, unref as K, resolveDynamicComponent as $e, mergeProps as Re, toHandlers as Te, createTextVNode as ce, onUnmounted as ue, Teleport as ke, normalizeStyle as Ae, normalizeClass as Z, shallowRef as Le } from "vue";
-const xe = /* @__PURE__ */ new Set(["ar", "he", "iw", "fa", "ur"]), De = (t) => t !== void 0 && xe.has(t.trim().toLowerCase().slice(0, 2)), Pe = (t) => De(t) ? "rtl" : "ltr";
+import { defineComponent as I, createElementBlock as _, openBlock as u, toDisplayString as y, unref as H, createElementVNode as l, Fragment as N, renderList as W, createVNode as T, createBlock as P, ref as R, computed as b, withDirectives as ie, withKeys as Ie, vModelText as ae, onMounted as K, watch as M, renderSlot as we, withCtx as le, withModifiers as $e, createCommentVNode as L, resolveDynamicComponent as ke, mergeProps as Te, toHandlers as Re, createTextVNode as ce, onUnmounted as de, Teleport as Ae, normalizeStyle as Le, normalizeClass as Z, shallowRef as xe } from "vue";
+const De = /* @__PURE__ */ new Set(["ar", "he", "iw", "fa", "ur"]), Pe = (t) => t !== void 0 && De.has(t.trim().toLowerCase().slice(0, 2)), Oe = (t) => Pe(t) ? "rtl" : "ltr";
 var q;
 (function(t) {
   t.OPEN_ASSISTANT = "open_assistant", t.OPEN_WITH_SUGGESTIONS = "OPEN_WITH_SUGGESTIONS", t.CLOSE_ASSISTANT = "close_assistant", t.SEND_MESSAGE = "PRODUCT_QUESTION", t.SEND_GENERIC_QUESTION = "GENERIC_QUESTION", t.TRACK_ADD_TO_CART = "TRACK_ADD_TO_CART", t.TRACK_SUBMIT_CHECKOUT = "TRACK_SUBMIT_CHECKOUT", t.TRACK_VIEW_SEARCH_RESULTS = "TRACK_VIEW_SEARCH_RESULTS", t.TRACK_SELECT_SEARCH_RESULT = "TRACK_SELECT_SEARCH_RESULT";
@@ -12,7 +12,7 @@ var J;
   t.USER_OPENED_ASSISTANT = "userOpenedAssistant", t.USER_CLOSED_ASSISTANT = "userClosedAssistant", t.USER_SENT_MESSAGE = "userSentMessage", t.USER_CLICKED_ON_PRODUCT_CARD = "userClickedOnProductCard", t.USER_OPENED_RECOMMENDATION = "userOpenedRecommendation", t.USER_ADDED_TO_CART = "userAddedToCart", t.USER_SEND_POSITIVE_FEEDBACK = "userSendPositiveFeedback", t.USER_SEND_NEGATIVE_FEEDBACK = "userSendNegativeFeedback";
 })(J || (J = {}));
 q.TRACK_ADD_TO_CART, q.TRACK_SUBMIT_CHECKOUT, q.TRACK_VIEW_SEARCH_RESULTS, q.TRACK_SELECT_SEARCH_RESULT;
-class Oe extends Error {
+class Ne extends Error {
   constructor({ status: s, code: o, message: r }) {
     super(r);
     z(this, "status");
@@ -23,11 +23,11 @@ class Oe extends Error {
 const X = (t, e, s) => {
   if (!/^[a-z]{2}$/.test(e))
     throw new Error("Search language must be a lowercase ISO 639-1 code.");
-  if (!/^[A-Za-z]{3}$/.test(s))
-    throw new Error("Search currency must be an ISO 4217 code.");
+  if (!/^[A-Za-z]{2}$/.test(s))
+    throw new Error("Search country must be an ISO 3166-1 alpha-2 code.");
   return `${t}_${e}_${s.toLowerCase()}`;
-}, ee = "multiple installation methods detected:", Ne = () => typeof window > "u" ? void 0 : window, de = () => {
-  const t = Ne();
+}, ee = "multiple installation methods detected:", qe = () => typeof window > "u" ? void 0 : window, ue = () => {
+  const t = qe();
   if (t !== void 0)
     return t.dialog = t.dialog ?? {}, t.dialog.audit = t.dialog.audit ?? {
       methods: [],
@@ -35,100 +35,101 @@ const X = (t, e, s) => {
       capabilities: [],
       warnings: []
     }, t.dialog.audit;
-}, qe = (t) => {
+}, Me = (t) => {
   if (t.warnings = t.warnings.filter((e) => !e.startsWith(ee)), t.methods.length >= 2) {
     const e = t.methods.map((s) => s.method).join(", ");
     t.warnings.push(`${ee} ${e}`);
   }
-}, Me = (t, e) => e === void 0 ? t : {
+}, Ue = (t, e) => e === void 0 ? t : {
   version: (t == null ? void 0 : t.version) ?? e.version,
   commit: (t == null ? void 0 : t.commit) ?? e.commit
 }, pe = (t) => {
-  const e = de();
+  const e = ue();
   if (e === void 0)
     return;
   const s = e.methods.find((o) => o.method === t.method);
   if (s === void 0) {
-    e.methods.push({ ...t, registeredAt: (/* @__PURE__ */ new Date()).toISOString() }), qe(e);
+    e.methods.push({ ...t, registeredAt: (/* @__PURE__ */ new Date()).toISOString() }), Me(e);
     return;
   }
-  s.version = s.version ?? t.version, s.build = Me(s.build, t.build), s.source = s.source ?? t.source;
-}, Ue = (t) => {
-  const e = de();
+  s.version = s.version ?? t.version, s.build = Ue(s.build, t.build), s.source = s.source ?? t.source;
+}, He = (t) => {
+  const e = ue();
   e !== void 0 && (e.capabilities.includes(t) || e.capabilities.push(t));
-}, L = {
+}, A = {
   IDLE: "idle",
   LOADING: "loading",
   SUCCESS: "success",
   /** Successful request with zero hits. */
   EMPTY: "empty",
   ERROR: "error"
-}, He = 0.5, Ve = 500, Be = 1500, Ke = 100;
-function Fe({ emit: t, visibilityThreshold: e = He, dwellMs: s = Ve, idleFlushMs: o = Be, maxItemsPerEvent: r = Ke }) {
-  let n, i = [];
-  const a = /* @__PURE__ */ new Set(), h = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map();
-  let d;
-  const g = () => {
-    clearTimeout(d), !(n === void 0 || i.length === 0) && (t({ ...n, items: i }), i = []);
-  }, y = (m) => {
+}, Ve = 0.5, Be = 500, Ke = 1500, Fe = 100;
+function ze({ emit: t, visibilityThreshold: e = Ve, dwellMs: s = Be, idleFlushMs: o = Ke, maxItemsPerEvent: r = Fe }) {
+  let n, a = [];
+  const i = /* @__PURE__ */ new Set(), p = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map();
+  let C;
+  const d = () => {
+    clearTimeout(C), !(n === void 0 || a.length === 0) && (t({ ...n, items: a }), a = []);
+  }, f = (S) => {
     if (n === void 0)
       return;
-    const v = `${n.query_id}:${m.product_id}`;
-    if (!a.has(v)) {
-      if (a.add(v), i.push(m), i.length >= r) {
-        g();
+    const m = `${n.query_id}:${S.product_id}`;
+    if (!i.has(m)) {
+      if (i.add(m), a.push(S), a.length >= r) {
+        d();
         return;
       }
-      clearTimeout(d), d = setTimeout(g, o);
+      clearTimeout(C), C = setTimeout(d, o);
     }
-  }, S = (m) => {
-    const v = c.get(m);
-    v !== void 0 && (clearTimeout(v), c.delete(m));
-  }, f = new IntersectionObserver((m) => {
-    for (const v of m) {
-      const p = h.get(v.target);
-      p !== void 0 && (v.intersectionRatio >= e ? c.has(v.target) || c.set(v.target, setTimeout(() => {
-        c.delete(v.target), y(p);
-      }, s)) : S(v.target));
+  }, v = (S) => {
+    const m = c.get(S);
+    m !== void 0 && (clearTimeout(m), c.delete(S));
+  }, g = new IntersectionObserver((S) => {
+    for (const m of S) {
+      const h = p.get(m.target);
+      h !== void 0 && (m.intersectionRatio >= e ? c.has(m.target) || c.set(m.target, setTimeout(() => {
+        c.delete(m.target), f(h);
+      }, s)) : v(m.target));
     }
-  }, { threshold: e }), I = () => {
-    f.disconnect();
-    for (const m of c.values())
-      clearTimeout(m);
-    c.clear(), h.clear();
+  }, { threshold: e }), w = () => {
+    g.disconnect();
+    for (const S of c.values())
+      clearTimeout(S);
+    c.clear(), p.clear();
   }, $ = () => {
-    g();
-  }, R = (m) => {
-    if (m.persisted) {
-      a.clear();
-      for (const v of h.keys())
-        S(v), f.unobserve(v), f.observe(v);
+    d();
+  }, k = (S) => {
+    if (S.persisted) {
+      i.clear();
+      for (const m of p.keys())
+        v(m), g.unobserve(m), g.observe(m);
     }
   };
-  return window.addEventListener("pagehide", $), window.addEventListener("pageshow", R), {
-    setContext(m) {
-      g(), a.clear(), n = m, I();
+  return window.addEventListener("pagehide", $), window.addEventListener("pageshow", k), {
+    setContext(S) {
+      d(), i.clear(), n = S, w();
     },
-    observe(m, v) {
-      h.set(m, v), f.observe(m);
+    observe(S, m) {
+      p.set(S, m), g.observe(S);
     },
-    forceImpression(m) {
-      y(m), g();
+    forceImpression(S) {
+      f(S), d();
     },
-    flush: g,
+    flush: d,
     disconnect() {
-      g(), I(), window.removeEventListener("pagehide", $), window.removeEventListener("pageshow", R);
+      d(), w(), window.removeEventListener("pagehide", $), window.removeEventListener("pageshow", k);
     }
   };
 }
 const te = (t, e) => ({
-  product_id: t.hits[e].objectID,
+  // `objectID` is the variant id; analytics count products.
+  product_id: String(t.hits[e].id),
   // One-based position across all pages.
   position: t.page * t.hitsPerPage + e + 1
 });
-function ze(t) {
+function Ge(t) {
   let e, s;
-  const o = () => (e ?? (e = Fe({
+  const o = () => (e ?? (e = ze({
     emit: t.trackViewSearchResults
   })), e);
   return {
@@ -144,14 +145,14 @@ function ze(t) {
         query_length: [...r.query].length
       }, o().setContext(s), r.nbHits === 0 && t.trackViewSearchResults({ ...s, items: [] });
     },
-    observeResult(r, n, i) {
-      o().observe(r, te(n, i));
+    observeResult(r, n, a) {
+      o().observe(r, te(n, a));
     },
     select(r, n) {
       if (s === void 0)
         return;
-      const i = te(r, n);
-      o().forceImpression(i), t.trackSelectSearchResult({ ...s, items: [i] });
+      const a = te(r, n);
+      o().forceImpression(a), t.trackSelectSearchResult({ ...s, items: [a] });
     },
     dispose() {
       e == null || e.disconnect();
@@ -161,138 +162,192 @@ function ze(t) {
 const je = 2, se = (t) => {
   const e = t.trim();
   return [...e].length >= je ? e : void 0;
-}, Ge = (t, e, s, { indexName: o, language: r, currency: n, hitsPerPage: i }) => ({
+}, Qe = (t, e, s, { indexName: o, language: r, country: n, hitsPerPage: a }) => ({
   requests: [
-    { indexName: o, query: t, page: e, hitsPerPage: i },
-    ...s.map((a) => ({
-      indexName: X(a.index, r, n),
+    { indexName: o, query: t, page: e, hitsPerPage: a },
+    ...s.map((i) => ({
+      indexName: X(i.index, r, n),
       query: t,
       page: 0,
-      hitsPerPage: a.hitsPerPage ?? i
+      hitsPerPage: i.hitsPerPage ?? a
     }))
   ]
-}), We = (t, e, { indexName: s, language: o, currency: r }) => {
-  const n = t.results.find((a) => a.index === s);
+}), We = (t, e, { indexName: s, language: o, country: r }) => {
+  const n = t.results.find((i) => i.index === s);
   if (n === void 0)
     throw new Error(`Dialog search returned no ${s} entry`);
-  const i = {};
-  for (const a of e) {
-    const h = X(a.index, o, r), c = t.results.find((d) => d.index === h);
-    c !== void 0 && (i[a.index] = c);
+  const a = {};
+  for (const i of e) {
+    const p = X(i.index, o, r), c = t.results.find((C) => C.index === p);
+    c !== void 0 && (a[i.index] = c);
   }
   return {
+    // The products index answers product records only.
     response: n,
-    sections: e.length === 0 ? void 0 : i
+    sections: e.length === 0 ? void 0 : a
   };
-}, j = {
-  status: L.IDLE,
+}, G = {
+  status: A.IDLE,
   query: "",
   page: 0,
   response: void 0,
   sections: void 0,
   error: void 0
 };
-function Qe({ search: t, language: e, currency: s, analytics: o, navigate: r, debounceMs: n = 250, hitsPerPage: i = 12, sections: a = [] }) {
-  const h = {
+function Xe({ search: t, language: e, country: s, analytics: o, navigate: r, debounceMs: n = 250, hitsPerPage: a = 12, sections: i = [] }) {
+  const p = {
     indexName: X("products", e, s),
     language: e,
-    currency: s,
-    hitsPerPage: i
+    country: s,
+    hitsPerPage: a
   };
-  let c = j;
-  const d = /* @__PURE__ */ new Set(), g = ze(o);
-  let y, S, f, I = 0, $ = !1;
-  const R = (p) => {
-    c = { ...c, ...p };
-    for (const C of d)
-      C(c);
-  }, m = () => {
-    clearTimeout(y), S = void 0, I += 1, f == null || f.abort(), f = void 0;
-  }, v = async (p, C) => {
-    m(), f = new AbortController();
-    const P = I;
-    R({ status: L.LOADING, query: p, page: C });
+  let c = G;
+  const C = /* @__PURE__ */ new Set(), d = Ge(o);
+  let f, v, g, w = 0, $ = !1;
+  const k = (h) => {
+    c = { ...c, ...h };
+    for (const E of C)
+      E(c);
+  }, S = () => {
+    clearTimeout(f), v = void 0, w += 1, g == null || g.abort(), g = void 0;
+  }, m = async (h, E) => {
+    S(), g = new AbortController();
+    const O = w;
+    k({ status: A.LOADING, query: h, page: E });
     try {
-      const x = typeof a == "function" ? a() : a, Y = Ge(p, C, x, h), Se = await t(Y, {
-        signal: f.signal
+      const D = typeof i == "function" ? i() : i, Y = Qe(h, E, D, p), Ce = await t(Y, {
+        signal: g.signal
       });
-      if (P !== I)
+      if (O !== w)
         return;
-      const F = We(Se, x, h);
-      g.onResponse(F.response), R({
+      const F = We(Ce, D, p);
+      d.onResponse(F.response), k({
         ...F,
-        status: F.response.nbHits === 0 ? L.EMPTY : L.SUCCESS,
+        status: F.response.nbHits === 0 ? A.EMPTY : A.SUCCESS,
         error: void 0
       });
-    } catch (x) {
-      if (x instanceof DOMException && x.name === "AbortError" || P !== I)
+    } catch (D) {
+      if (D instanceof DOMException && D.name === "AbortError" || O !== w)
         return;
-      R({
-        status: L.ERROR,
-        error: x,
+      k({
+        status: A.ERROR,
+        error: D,
         response: void 0,
         sections: void 0
       });
     }
   };
   return {
-    setQuery(p) {
+    setQuery(h) {
       if ($)
         return;
-      m();
-      const C = se(p);
-      if (C === void 0) {
-        R(j);
+      S();
+      const E = se(h);
+      if (E === void 0) {
+        k(G);
         return;
       }
-      S = C, y = setTimeout(() => void v(C, 0), n);
+      v = E, f = setTimeout(() => void m(E, 0), n);
     },
-    submit(p) {
+    submit(h) {
       if ($)
         return;
-      m();
-      const C = se(p);
-      if (C === void 0) {
-        R(j);
+      S();
+      const E = se(h);
+      if (E === void 0) {
+        k(G);
         return;
       }
-      v(C, 0);
+      m(E, 0);
     },
-    setPage(p) {
+    setPage(h) {
       if (!$) {
-        if (S !== void 0) {
-          v(S, 0);
+        if (v !== void 0) {
+          m(v, 0);
           return;
         }
-        c.query !== "" && v(c.query, p);
+        c.query !== "" && m(c.query, h);
       }
     },
     retry() {
-      $ || c.status !== L.ERROR || v(c.query, c.page);
+      $ || c.status !== A.ERROR || m(c.query, c.page);
     },
-    observeResult(p, C) {
-      c.response !== void 0 && g.observeResult(p, c.response, C);
+    observeResult(h, E) {
+      c.response !== void 0 && d.observeResult(h, c.response, E);
     },
-    selectResult(p, C) {
-      const P = c.response;
-      if (P === void 0)
+    selectResult(h, E) {
+      const O = c.response;
+      if (O === void 0)
         return !1;
-      g.select(P, p);
-      const x = P.hits[p].url;
-      return ((C == null ? void 0 : C.navigate) ?? !0) && r !== void 0 && x !== void 0 ? (r(x, P.hits[p]), !0) : !1;
+      d.select(O, h);
+      const D = O.hits[h].url;
+      return ((E == null ? void 0 : E.navigate) ?? !0) && r !== void 0 && D !== void 0 ? (r(D, O.hits[h]), !0) : !1;
     },
-    subscribe(p) {
-      return d.add(p), () => {
-        d.delete(p);
+    subscribe(h) {
+      return C.add(h), () => {
+        C.delete(h);
       };
     },
     getState: () => c,
     dispose() {
-      $ = !0, m(), d.clear(), g.dispose();
+      $ = !0, S(), C.clear(), d.dispose();
     }
   };
 }
-const Xe = { class: "dialog-block-header-container" }, Ye = { class: "dialog-block-title" }, Ze = { class: "dialog-block-description" }, Je = /* @__PURE__ */ w({
+const oe = {
+  en: {
+    placeholder: "Ask the AI a question",
+    aiDisclosure: "You're chatting with an AI assistant. It can make mistakes, so please double-check important information",
+    askSomethingElse: "Ask something else"
+  },
+  fr: {
+    placeholder: "Posez une question à l'IA",
+    aiDisclosure: "Vous discutez avec un assistant IA. Il peut se tromper, pensez à vérifier les informations importantes",
+    askSomethingElse: "Posez une autre question"
+  },
+  es: {
+    placeholder: "Haz una pregunta a la IA",
+    aiDisclosure: "Estás chateando con un asistente de IA. Puede cometer errores, así que verifica la información importante",
+    askSomethingElse: "Pregunta otra cosa"
+  }
+}, he = (t) => {
+  var s;
+  const e = ((s = t == null ? void 0 : t.split("-")[0]) == null ? void 0 : s.toLowerCase()) ?? "en";
+  return oe[e] ?? oe.en;
+}, Ye = ["disabled"], Ze = /* @__PURE__ */ I({
+  __name: "DialogAskSomethingElse",
+  props: {
+    client: {},
+    questions: {},
+    disabled: { type: Boolean },
+    productId: {},
+    productTitle: {},
+    selectedVariantId: {}
+  },
+  setup(t) {
+    const e = t, s = () => {
+      e.client.openAssistantWithSuggestions({
+        questions: e.questions ?? [],
+        product: {
+          id: e.productId,
+          title: e.productTitle,
+          selectedVariantId: e.selectedVariantId
+        }
+      });
+    };
+    return (o, r) => (u(), _("button", {
+      type: "button",
+      class: "dialog-ask-something-else",
+      disabled: e.disabled,
+      onClick: s
+    }, y(H(he)(e.client.locale).askSomethingElse), 9, Ye));
+  }
+}), x = (t, e) => {
+  const s = t.__vccOpts || t;
+  for (const [o, r] of e)
+    s[o] = r;
+  return s;
+}, Je = /* @__PURE__ */ x(Ze, [["__scopeId", "data-v-d0e272a0"]]), et = { class: "dialog-block-header-container" }, tt = { class: "dialog-block-title" }, st = { class: "dialog-block-description" }, ot = /* @__PURE__ */ I({
   __name: "DialogBlockHeader",
   props: {
     title: {},
@@ -300,31 +355,26 @@ const Xe = { class: "dialog-block-header-container" }, Ye = { class: "dialog-blo
   },
   setup(t) {
     const e = t;
-    return (s, o) => (u(), _("div", Xe, [
-      l("div", Ye, E(e.title ?? "Your expert"), 1),
-      l("div", Ze, E(e.description ?? "A question about this product?"), 1)
+    return (s, o) => (u(), _("div", et, [
+      l("div", tt, y(e.title ?? "Your expert"), 1),
+      l("div", st, y(e.description ?? "A question about this product?"), 1)
     ]));
   }
-}), D = (t, e) => {
-  const s = t.__vccOpts || t;
-  for (const [o, r] of e)
-    s[o] = r;
-  return s;
-}, et = /* @__PURE__ */ D(Je, [["__scopeId", "data-v-28e6dda7"]]), tt = {
+}), nt = /* @__PURE__ */ x(ot, [["__scopeId", "data-v-28e6dda7"]]), rt = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, st = { "clip-path": "url(#clip0_466_934)" }, ot = ["stroke"], nt = ["stroke"], rt = /* @__PURE__ */ w({
+}, it = { "clip-path": "url(#clip0_466_934)" }, at = ["stroke"], lt = ["stroke"], ct = /* @__PURE__ */ I({
   __name: "AiStarsIcon",
   props: {
     color: {}
   },
   setup(t) {
     const e = t;
-    return (s, o) => (u(), _("svg", tt, [
-      l("g", st, [
+    return (s, o) => (u(), _("svg", rt, [
+      l("g", it, [
         l("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
@@ -340,7 +390,7 @@ const Xe = { class: "dialog-block-header-container" }, Ye = { class: "dialog-blo
           "stroke-width": "1.5",
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, ot),
+        }, null, 8, at),
         l("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
@@ -356,7 +406,7 @@ const Xe = { class: "dialog-block-header-container" }, Ye = { class: "dialog-blo
           "stroke-width": "1.5",
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, nt)
+        }, null, 8, lt)
       ]),
       o[0] || (o[0] = l("defs", null, [
         l("clipPath", { id: "clip0_466_934" }, [
@@ -369,7 +419,7 @@ const Xe = { class: "dialog-block-header-container" }, Ye = { class: "dialog-blo
       ], -1))
     ]));
   }
-}), at = ["onClick"], it = { class: "dialog-block-suggestions-item-label" }, lt = /* @__PURE__ */ w({
+}), dt = ["onClick"], ut = { class: "dialog-block-suggestions-item-label" }, pt = /* @__PURE__ */ I({
   __name: "DialogBlockSuggestions",
   props: {
     client: {},
@@ -388,27 +438,27 @@ const Xe = { class: "dialog-block-header-container" }, Ye = { class: "dialog-blo
         fromQuestionSuggestion: !0
       });
     };
-    return (o, r) => (u(!0), _(N, null, Q(e.questions, (n) => (u(), _("button", {
+    return (o, r) => (u(!0), _(N, null, W(e.questions, (n) => (u(), _("button", {
       key: n.question,
       class: "dialog-block-suggestions-item",
-      onClick: (i) => s(n.question)
+      onClick: (a) => s(n.question)
     }, [
-      T(rt, {
+      T(ct, {
         class: "dialog-block-suggestions-item-icon",
         color: e.client.theme.primaryColor
       }, null, 8, ["color"]),
-      l("span", it, E(n.question), 1)
-    ], 8, at))), 128));
+      l("span", ut, y(n.question), 1)
+    ], 8, dt))), 128));
   }
-}), ct = /* @__PURE__ */ D(lt, [["__scopeId", "data-v-db34d4b4"]]), ut = {};
-function dt(t, e) {
+}), ht = /* @__PURE__ */ x(pt, [["__scopeId", "data-v-db34d4b4"]]), _t = {};
+function gt(t, e) {
   return u(), _(N, null, [
     e[0] || (e[0] = l("div", { class: "dialog-block-suggestions-skeleton-item" }, null, -1)),
     e[1] || (e[1] = l("div", { class: "dialog-block-suggestions-skeleton-item" }, null, -1)),
     e[2] || (e[2] = l("div", { class: "dialog-block-suggestions-skeleton-item" }, null, -1))
   ], 64);
 }
-const pt = /* @__PURE__ */ D(ut, [["render", dt], ["__scopeId", "data-v-26a64b58"]]), ht = { class: "dialog-block-suggestions-container" }, _t = /* @__PURE__ */ w({
+const ft = /* @__PURE__ */ x(_t, [["render", gt], ["__scopeId", "data-v-26a64b58"]]), vt = { class: "dialog-block-suggestions-container" }, mt = /* @__PURE__ */ I({
   __name: "DialogBlockSuggestionsContainer",
   props: {
     client: {},
@@ -420,8 +470,8 @@ const pt = /* @__PURE__ */ D(ut, [["render", dt], ["__scopeId", "data-v-26a64b58
   },
   setup(t) {
     const e = t;
-    return (s, o) => (u(), _("div", ht, [
-      e.isLoading || !e.questions ? (u(), O(pt, { key: 0 })) : (u(), O(ct, {
+    return (s, o) => (u(), _("div", vt, [
+      e.isLoading || !e.questions ? (u(), P(ft, { key: 0 })) : (u(), P(ht, {
         key: 1,
         client: e.client,
         questions: e.questions,
@@ -431,50 +481,33 @@ const pt = /* @__PURE__ */ D(ut, [["render", dt], ["__scopeId", "data-v-26a64b58
       }, null, 8, ["client", "questions", "product-id", "product-title", "selected-variant-id"]))
     ]));
   }
-}), gt = /* @__PURE__ */ D(_t, [["__scopeId", "data-v-18c9e78b"]]), ft = {
+}), bt = /* @__PURE__ */ x(mt, [["__scopeId", "data-v-18c9e78b"]]), St = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, vt = ["stroke"], mt = /* @__PURE__ */ w({
+}, Ct = ["stroke"], Et = /* @__PURE__ */ I({
   __name: "ArrowIcon",
   props: {
     color: {}
   },
   setup(t) {
     const e = t;
-    return (s, o) => (u(), _("svg", ft, [
+    return (s, o) => (u(), _("svg", St, [
       l("path", {
         d: "M10 16.6667V3.33334M10 3.33334L5 8.33334M10 3.33334L15 8.33334",
         stroke: e.color || "#ffffff",
         "stroke-width": "1.5",
         "stroke-linecap": "round",
         "stroke-linejoin": "round"
-      }, null, 8, vt)
+      }, null, 8, Ct)
     ]));
   }
-}), oe = {
-  en: {
-    placeholder: "Ask the AI a question",
-    aiDisclosure: "You're chatting with an AI assistant. It can make mistakes, so please double-check important information"
-  },
-  fr: {
-    placeholder: "Posez une question à l'IA",
-    aiDisclosure: "Vous discutez avec un assistant IA. Il peut se tromper, pensez à vérifier les informations importantes"
-  },
-  es: {
-    placeholder: "Haz una pregunta a la IA",
-    aiDisclosure: "Estás chateando con un asistente de IA. Puede cometer errores, así que verifica la información importante"
-  }
-}, bt = (t) => {
-  var s;
-  const e = ((s = t == null ? void 0 : t.split("-")[0]) == null ? void 0 : s.toLowerCase()) ?? "en";
-  return oe[e] ?? oe.en;
-}, St = { class: "dialog-input-container" }, Ct = ["placeholder"], yt = ["disabled"], Et = {
+}), yt = { class: "dialog-input-container" }, It = ["placeholder"], wt = ["disabled"], $t = {
   id: "dialog-input-ai-disclosure",
   class: "dialog-input-ai-disclosure"
-}, wt = /* @__PURE__ */ w({
+}, kt = /* @__PURE__ */ I({
   __name: "DialogInput",
   props: {
     client: {},
@@ -484,87 +517,87 @@ const pt = /* @__PURE__ */ D(ut, [["render", dt], ["__scopeId", "data-v-26a64b58
     selectedVariantId: {}
   },
   setup(t) {
-    const e = t, s = k(), o = k(""), r = b(() => bt(e.client.locale)), n = () => {
-      var a;
-      (a = s.value) == null || a.focus();
-    }, i = () => {
-      const a = o.value;
-      a.trim() && (e.client.sendProductMessage({
+    const e = t, s = R(), o = R(""), r = b(() => he(e.client.locale)), n = () => {
+      var i;
+      (i = s.value) == null || i.focus();
+    }, a = () => {
+      const i = o.value;
+      i.trim() && (e.client.sendProductMessage({
         productId: e.productId,
         productTitle: e.productTitle,
         selectedVariantId: e.selectedVariantId,
-        question: a,
+        question: i,
         fromQuestionSuggestion: !0
       }), o.value = "");
     };
-    return (a, h) => (u(), _("div", St, [
+    return (i, p) => (u(), _("div", yt, [
       l("div", {
         class: "dialog-input-wrapper",
         onClick: n
       }, [
-        ae(l("input", {
+        ie(l("input", {
           id: "dialog-ask-anything-input-ai-input",
           ref_key: "inputRef",
           ref: s,
-          "onUpdate:modelValue": h[0] || (h[0] = (c) => o.value = c),
+          "onUpdate:modelValue": p[0] || (p[0] = (c) => o.value = c),
           class: "dialog-ask-anything-input-ai-input",
           placeholder: r.value.placeholder,
           "aria-describedby": "dialog-input-ai-disclosure",
-          onKeydown: Ee(i, ["enter"])
-        }, null, 40, Ct), [
-          [ie, o.value]
+          onKeydown: Ie(a, ["enter"])
+        }, null, 40, It), [
+          [ae, o.value]
         ]),
         l("button", {
           id: "send-message-button-ai-input",
           class: "dialog-input-submit",
           disabled: !o.value.trim(),
-          onClick: i
+          onClick: a
         }, [
-          T(mt, {
+          T(Et, {
             color: e.client.theme.ctaTextColor
           }, null, 8, ["color"])
-        ], 8, yt)
+        ], 8, wt)
       ]),
-      l("p", Et, E(r.value.aiDisclosure), 1)
+      l("p", $t, y(r.value.aiDisclosure), 1)
     ]));
   }
-}), It = /* @__PURE__ */ D(wt, [["__scopeId", "data-v-87013888"]]), $t = /* @__PURE__ */ w({
+}), Tt = /* @__PURE__ */ x(kt, [["__scopeId", "data-v-87013888"]]), Rt = /* @__PURE__ */ I({
   __name: "ThemeProvider",
   props: {
     theme: {}
   },
   setup(t) {
     const e = t, s = document.body, o = (n) => n.replace(/([A-Z])/g, "-$1").toLowerCase(), r = (n) => {
-      n && Object.keys(n).forEach((i) => {
-        const a = i, h = o(i);
-        if (n[a] !== void 0) {
-          if (typeof n[a] == "object") {
-            Object.keys(n[a]).forEach((c) => {
-              var g;
-              const d = c;
-              if (d !== void 0) {
-                const y = o(c), S = n[a];
+      n && Object.keys(n).forEach((a) => {
+        const i = a, p = o(a);
+        if (n[i] !== void 0) {
+          if (typeof n[i] == "object") {
+            Object.keys(n[i]).forEach((c) => {
+              var d;
+              const C = c;
+              if (C !== void 0) {
+                const f = o(c), v = n[i];
                 s.style.setProperty(
-                  `--dialog-theme-${h}-${y}`,
-                  (g = S[d]) == null ? void 0 : g.toString()
+                  `--dialog-theme-${p}-${f}`,
+                  (d = v[C]) == null ? void 0 : d.toString()
                 );
               }
             });
             return;
           }
-          if (a === "ctaBorderType") {
-            const c = n[a] === "rounded" ? "24px" : "0";
-            s.style.setProperty(`--dialog-theme-${h}`, c);
+          if (i === "ctaBorderType") {
+            const c = n[i] === "rounded" ? "24px" : "0";
+            s.style.setProperty(`--dialog-theme-${p}`, c);
             return;
           }
           s.style.setProperty(
-            `--dialog-theme-${h}`,
-            n[a].toString()
+            `--dialog-theme-${p}`,
+            n[i].toString()
           );
         }
       });
     };
-    return B(() => {
+    return K(() => {
       e.theme && r(e.theme);
     }), M(
       () => e.theme,
@@ -572,49 +605,56 @@ const pt = /* @__PURE__ */ D(ut, [["render", dt], ["__scopeId", "data-v-26a64b58
         n && r(n);
       },
       { deep: !0 }
-    ), (n, i) => we(n.$slots, "default");
+    ), (n, a) => we(n.$slots, "default");
   }
-}), Rt = ["dir"], Tt = /* @__PURE__ */ w({
+}), At = ["dir"], Lt = 2, xt = 5, Dt = /* @__PURE__ */ I({
   __name: "DialogProductBlock",
   props: {
     client: {},
     productId: {},
     productTitle: {},
     selectedVariantId: { default: void 0 },
-    enableInput: { type: Boolean, default: !0 }
+    enableInput: { type: Boolean, default: !1 }
   },
   setup(t) {
     const e = t;
-    B(() => {
+    K(() => {
       pe({
         method: "vue",
-        version: "3.8.0"
-      }), Ue("pdp-block");
+        version: "3.10.0"
+      }), He("pdp-block");
     });
-    const s = k(!0), o = k(void 0), r = k(0), n = b(() => {
+    const s = R(!0), o = R(void 0), r = R(0), n = b(() => {
       var d;
       return s.value ? "" : (d = o.value) == null ? void 0 : d.assistantName;
-    }), i = b(() => {
+    }), a = b(() => {
       var d;
       return s.value ? "" : (d = o.value) == null ? void 0 : d.description;
-    }), a = b(() => {
+    }), i = b(
+      () => {
+        var d, f;
+        return (f = (d = o.value) == null ? void 0 : d.questions) == null ? void 0 : f.slice(0, Lt);
+      }
+    ), p = b(() => {
       var d;
       return s.value ? "" : (d = o.value) == null ? void 0 : d.inputPlaceholder;
-    }), h = b(
+    }), c = b(
       () => {
         var d;
-        return Pe(
+        return Oe(
           (d = e.client.getLocalizationInformations()) == null ? void 0 : d.languageCode
         );
       }
-    ), c = async () => {
+    ), C = async () => {
       const d = ++r.value;
       s.value = !0, o.value = void 0;
       try {
-        const g = await e.client.getSuggestions(e.productId);
-        d === r.value && (o.value = g);
-      } catch (g) {
-        console.error("error", g);
+        const f = await e.client.getSuggestions(e.productId, {
+          limit: xt
+        });
+        d === r.value && (o.value = f);
+      } catch (f) {
+        console.error("error", f);
       } finally {
         d === r.value && (s.value = !1);
       }
@@ -622,47 +662,55 @@ const pt = /* @__PURE__ */ D(ut, [["render", dt], ["__scopeId", "data-v-26a64b58
     return M(
       () => [e.client, e.productId],
       () => {
-        c();
+        C();
       },
       { immediate: !0 }
-    ), (d, g) => (u(), O($t, {
+    ), (d, f) => (u(), P(Rt, {
       theme: e.client.theme
     }, {
       default: le(() => {
-        var y;
+        var v;
         return [
           l("div", {
             id: "dialog-instant",
             class: "dialog-block-container",
-            dir: h.value
+            dir: c.value
           }, [
-            T(et, {
+            T(nt, {
               title: n.value,
-              description: i.value
+              description: a.value
             }, null, 8, ["title", "description"]),
-            T(gt, {
+            T(bt, {
               client: e.client,
-              questions: (y = o.value) == null ? void 0 : y.questions,
+              questions: i.value,
               "is-loading": s.value,
               "product-id": e.productId,
               "product-title": e.productTitle,
               "selected-variant-id": e == null ? void 0 : e.selectedVariantId
             }, null, 8, ["client", "questions", "is-loading", "product-id", "product-title", "selected-variant-id"]),
-            e.enableInput ? (u(), O(It, {
+            e.enableInput ? (u(), P(Tt, {
               key: 0,
               client: e.client,
-              placeholder: a.value,
+              placeholder: p.value,
               "product-id": e.productId,
               "product-title": e.productTitle,
               "selected-variant-id": e == null ? void 0 : e.selectedVariantId
-            }, null, 8, ["client", "placeholder", "product-id", "product-title", "selected-variant-id"])) : A("", !0)
-          ], 8, Rt)
+            }, null, 8, ["client", "placeholder", "product-id", "product-title", "selected-variant-id"])) : (u(), P(Je, {
+              key: 1,
+              client: e.client,
+              questions: (v = o.value) == null ? void 0 : v.questions,
+              disabled: s.value,
+              "product-id": e.productId,
+              "product-title": e.productTitle,
+              "selected-variant-id": e.selectedVariantId
+            }, null, 8, ["client", "questions", "disabled", "product-id", "product-title", "selected-variant-id"]))
+          ], 8, At)
         ];
       }),
       _: 1
     }, 8, ["theme"]));
   }
-}), so = /* @__PURE__ */ D(Tt, [["__scopeId", "data-v-c57aa677"]]), kt = {}, At = {
+}), ao = /* @__PURE__ */ x(Dt, [["__scopeId", "data-v-0c307e5f"]]), Pt = {}, Ot = {
   width: "16",
   height: "16",
   viewBox: "0 0 16 16",
@@ -670,8 +718,8 @@ const pt = /* @__PURE__ */ D(ut, [["render", dt], ["__scopeId", "data-v-26a64b58
   xmlns: "http://www.w3.org/2000/svg",
   "aria-hidden": "true"
 };
-function Lt(t, e) {
-  return u(), _("svg", At, e[0] || (e[0] = [
+function Nt(t, e) {
+  return u(), _("svg", Ot, e[0] || (e[0] = [
     l("path", {
       d: "M8 13V3M8 3L3 8M8 3L13 8",
       stroke: "currentColor",
@@ -681,28 +729,28 @@ function Lt(t, e) {
     }, null, -1)
   ]));
 }
-const xt = /* @__PURE__ */ D(kt, [["render", Lt]]), Dt = {
+const qt = /* @__PURE__ */ x(Pt, [["render", Nt]]), Mt = {
   width: "16",
   height: "16",
   viewBox: "0 0 12 12",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
   "aria-hidden": "true"
-}, Pt = ["fill"], Ot = "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", Nt = /* @__PURE__ */ w({
+}, Ut = ["fill"], Ht = "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", Vt = /* @__PURE__ */ I({
   __name: "ShurikenIcon",
   props: {
     color: {}
   },
   setup(t) {
     const e = t;
-    return (s, o) => (u(), _("svg", Dt, [
+    return (s, o) => (u(), _("svg", Mt, [
       l("path", {
-        d: Ot,
+        d: Ht,
         fill: e.color || "currentColor"
-      }, null, 8, Pt)
+      }, null, 8, Ut)
     ]));
   }
-}), qt = { class: "dialog-search-bar-field" }, Mt = { class: "dialog-search-bar-icon" }, Ut = ["aria-label", "placeholder", "autofocus"], Ht = ["aria-label"], oo = /* @__PURE__ */ w({
+}), Bt = { class: "dialog-search-bar-field" }, Kt = { class: "dialog-search-bar-icon" }, Ft = ["aria-label", "placeholder", "autofocus"], zt = ["aria-label"], lo = /* @__PURE__ */ I({
   __name: "DialogSearchBar",
   props: {
     controller: {},
@@ -711,22 +759,22 @@ const xt = /* @__PURE__ */ D(kt, [["render", Lt]]), Dt = {
     submitAriaLabel: { default: "Search" }
   },
   setup(t) {
-    const e = t, s = k(""), o = () => {
+    const e = t, s = R(""), o = () => {
       e.controller.setQuery(s.value);
     }, r = () => {
       e.controller.submit(s.value);
     };
-    return (n, i) => (u(), _("form", {
+    return (n, a) => (u(), _("form", {
       class: "dialog-search-bar",
       role: "search",
-      onSubmit: Ie(r, ["prevent"])
+      onSubmit: $e(r, ["prevent"])
     }, [
-      l("div", qt, [
-        l("span", Mt, [
-          T(Nt)
+      l("div", Bt, [
+        l("span", Kt, [
+          T(Vt)
         ]),
-        ae(l("input", {
-          "onUpdate:modelValue": i[0] || (i[0] = (a) => s.value = a),
+        ie(l("input", {
+          "onUpdate:modelValue": a[0] || (a[0] = (i) => s.value = i),
           type: "text",
           name: "dialog-search-query",
           class: "dialog-search-bar-input",
@@ -734,8 +782,8 @@ const xt = /* @__PURE__ */ D(kt, [["render", Lt]]), Dt = {
           placeholder: e.placeholder,
           autofocus: e.autoFocus,
           onInput: o
-        }, null, 40, Ut), [
-          [ie, s.value]
+        }, null, 40, Ft), [
+          [ae, s.value]
         ])
       ]),
       l("button", {
@@ -743,11 +791,11 @@ const xt = /* @__PURE__ */ D(kt, [["render", Lt]]), Dt = {
         class: "dialog-search-bar-submit",
         "aria-label": e.submitAriaLabel
       }, [
-        T(xt)
-      ], 8, Ht)
+        T(qt)
+      ], 8, zt)
     ], 32));
   }
-}), Vt = (t, e) => {
+}), Gt = (t, e) => {
   try {
     return new Intl.NumberFormat(e).format(t);
   } catch {
@@ -819,15 +867,15 @@ const xt = /* @__PURE__ */ D(kt, [["render", Lt]]), Dt = {
     next: "Successivo",
     pageOf: (e, s) => `Pagina ${t(e)} / ${t(s)}`
   })
-}, he = (t) => {
+}, _e = (t) => {
   var o;
   const e = ((o = t == null ? void 0 : t.split("-")[0]) == null ? void 0 : o.toLowerCase()) ?? "en";
-  return (ne[e] ?? ne.en)((r) => Vt(r, t));
-}, _e = (t) => t.status !== L.LOADING && t.response !== void 0 && t.response.nbPages > 1, Bt = {
+  return (ne[e] ?? ne.en)((r) => Gt(r, t));
+}, ge = (t) => t.status !== A.LOADING && t.response !== void 0 && t.response.nbPages > 1, jt = {
   key: 0,
   "aria-label": "Search results pages",
   class: "dialog-search-pagination"
-}, Kt = ["disabled"], Ft = ["disabled"], zt = /* @__PURE__ */ w({
+}, Qt = ["disabled"], Wt = ["disabled"], Xt = /* @__PURE__ */ I({
   __name: "DialogSearchPagination",
   props: {
     controller: {},
@@ -835,87 +883,86 @@ const xt = /* @__PURE__ */ D(kt, [["render", Lt]]), Dt = {
     locale: {}
   },
   setup(t) {
-    const e = t, s = b(() => e.state.response), o = b(() => he(e.locale));
-    return (r, n) => s.value !== void 0 && K(_e)(e.state) ? (u(), _("nav", Bt, [
+    const e = t, s = b(() => e.state.response), o = b(() => _e(e.locale));
+    return (r, n) => s.value !== void 0 && H(ge)(e.state) ? (u(), _("nav", jt, [
       l("button", {
         type: "button",
         disabled: s.value.page === 0,
-        onClick: n[0] || (n[0] = (i) => e.controller.setPage(s.value.page - 1))
-      }, E(o.value.previous), 9, Kt),
-      l("span", null, E(o.value.pageOf(s.value.page + 1, s.value.nbPages)), 1),
+        onClick: n[0] || (n[0] = (a) => e.controller.setPage(s.value.page - 1))
+      }, y(o.value.previous), 9, Qt),
+      l("span", null, y(o.value.pageOf(s.value.page + 1, s.value.nbPages)), 1),
       l("button", {
         type: "button",
         disabled: s.value.page >= s.value.nbPages - 1,
-        onClick: n[1] || (n[1] = (i) => e.controller.setPage(s.value.page + 1))
-      }, E(o.value.next), 9, Ft)
-    ])) : A("", !0);
+        onClick: n[1] || (n[1] = (a) => e.controller.setPage(s.value.page + 1))
+      }, y(o.value.next), 9, Wt)
+    ])) : L("", !0);
   }
-}), re = (t) => t.normalize("NFD").replace(new RegExp("\\p{M}", "gu"), "").replace(/ẞ/gu, "ß").toUpperCase().toLowerCase().replace(/ς/g, "σ"), jt = (t, e) => {
+}), re = (t) => t.normalize("NFD").replace(new RegExp("\\p{M}", "gu"), "").replace(/ẞ/gu, "ß").toUpperCase().toLowerCase().replace(/ς/g, "σ"), Yt = (t, e) => {
   const s = { before: "", match: t, after: "" }, o = re(e.trim());
   if (o === "")
     return s;
   const r = [...t], n = [];
-  let i = "";
-  r.forEach((d, g) => {
-    const y = re(d);
-    for (let S = 0; S < y.length; S += 1)
-      n.push(g);
-    i += y;
+  let a = "";
+  r.forEach((C, d) => {
+    const f = re(C);
+    for (let v = 0; v < f.length; v += 1)
+      n.push(d);
+    a += f;
   });
-  const a = i.indexOf(o);
-  if (a === -1)
+  const i = a.indexOf(o);
+  if (i === -1)
     return s;
-  const h = n[a], c = n[a + o.length - 1] + 1;
+  const p = n[i], c = n[i + o.length - 1] + 1;
   return {
-    before: r.slice(0, h).join(""),
-    match: r.slice(h, c).join(""),
+    before: r.slice(0, p).join(""),
+    match: r.slice(p, c).join(""),
     after: r.slice(c).join("")
   };
-}, Gt = {
+}, Zt = {
   key: 0,
   class: "dialog-search-muted"
-}, Wt = { class: "dialog-search-match" }, Qt = {
+}, Jt = { class: "dialog-search-match" }, es = {
   key: 1,
   class: "dialog-search-muted"
-}, ge = /* @__PURE__ */ w({
+}, fe = /* @__PURE__ */ I({
   __name: "HighlightedTitle",
   props: {
     title: {},
     query: {}
   },
   setup(t) {
-    const e = t, s = b(() => jt(e.title, e.query));
+    const e = t, s = b(() => Yt(e.title, e.query));
     return (o, r) => (u(), _(N, null, [
-      s.value.before !== "" ? (u(), _("span", Gt, E(s.value.before), 1)) : A("", !0),
-      l("span", Wt, E(s.value.match), 1),
-      s.value.after !== "" ? (u(), _("span", Qt, E(s.value.after), 1)) : A("", !0)
+      s.value.before !== "" ? (u(), _("span", Zt, y(s.value.before), 1)) : L("", !0),
+      l("span", Jt, y(s.value.match), 1),
+      s.value.after !== "" ? (u(), _("span", es, y(s.value.after), 1)) : L("", !0)
     ], 64));
   }
-}), Xt = ({ amount: t, currencyCode: e }, s) => e === void 0 ? new Intl.NumberFormat(s).format(Number(t)) : new Intl.NumberFormat(s, {
-  style: "currency",
-  currency: e
-}).format(Number(t)), Yt = (t, e) => {
+}), ts = ({ variants_min_price: t, currency: e }, s) => {
   if (t === void 0)
     return "";
   try {
-    return Xt(t.min, e);
+    return e === void 0 ? new Intl.NumberFormat(s).format(t) : new Intl.NumberFormat(s, { style: "currency", currency: e }).format(
+      t
+    );
   } catch {
     return "";
   }
-}, Zt = (t) => {
+}, ss = (t) => t.product_image || t.image || void 0, os = (t) => {
   try {
     const { protocol: e } = new URL(t, window.location.href);
     return e === "http:" || e === "https:" ? t : void 0;
   } catch {
     return;
   }
-}, fe = (t) => t.url === void 0 || t.url === "" ? void 0 : Zt(t.url), ve = (t) => t.title ?? t.handle ?? t.objectID, Jt = {
+}, ve = (t) => t.url === void 0 || t.url === "" ? void 0 : os(t.url), me = (t) => t.title ?? t.handle ?? t.objectID, ns = {
   class: "dialog-search-product-thumb",
   "aria-hidden": "true"
-}, es = ["src"], ts = { class: "dialog-search-product-title" }, ss = {
+}, rs = ["src"], is = { class: "dialog-search-product-title" }, as = {
   key: 0,
   class: "dialog-search-product-price"
-}, os = /* @__PURE__ */ w({
+}, ls = /* @__PURE__ */ I({
   __name: "DialogSearchProductCard",
   props: {
     controller: {},
@@ -925,7 +972,7 @@ const xt = /* @__PURE__ */ D(kt, [["render", Lt]]), Dt = {
     query: { default: "" }
   },
   setup(t) {
-    const e = t, s = k();
+    const e = t, s = R();
     M(
       () => e.hit,
       () => {
@@ -933,47 +980,45 @@ const xt = /* @__PURE__ */ D(kt, [["render", Lt]]), Dt = {
       },
       { immediate: !0, flush: "post" }
     );
-    const o = b(() => fe(e.hit)), r = b(
-      () => Yt(e.hit.priceRange, e.locale)
-    ), n = (a) => {
-      const h = a.metaKey || a.ctrlKey || a.shiftKey || a.altKey;
-      e.controller.selectResult(e.index, { navigate: !h }) && a.preventDefault();
-    }, i = (a) => {
-      a.button === 1 && e.controller.selectResult(e.index, { navigate: !1 });
+    const o = b(() => ve(e.hit)), r = b(() => ss(e.hit)), n = b(() => ts(e.hit, e.locale)), a = (p) => {
+      const c = p.metaKey || p.ctrlKey || p.shiftKey || p.altKey;
+      e.controller.selectResult(e.index, { navigate: !c }) && p.preventDefault();
+    }, i = (p) => {
+      p.button === 1 && e.controller.selectResult(e.index, { navigate: !1 });
     };
-    return (a, h) => (u(), _("li", {
+    return (p, c) => (u(), _("li", {
       ref_key: "cardRef",
       ref: s,
       class: "dialog-search-card"
     }, [
-      (u(), O($e(o.value === void 0 ? "div" : "a"), Re({
+      (u(), P(ke(o.value === void 0 ? "div" : "a"), Te({
         class: "dialog-search-product",
         href: o.value
-      }, Te(
-        o.value === void 0 ? {} : { click: n, auxclick: i }
+      }, Re(
+        o.value === void 0 ? {} : { click: a, auxclick: i }
       )), {
         default: le(() => [
-          l("span", Jt, [
-            e.hit.imageUrl !== void 0 && e.hit.imageUrl !== "" ? (u(), _("img", {
+          l("span", ns, [
+            r.value !== void 0 ? (u(), _("img", {
               key: 0,
-              src: e.hit.imageUrl,
+              src: r.value,
               alt: "",
               loading: "lazy"
-            }, null, 8, es)) : A("", !0)
+            }, null, 8, rs)) : L("", !0)
           ]),
-          l("span", ts, [
-            T(ge, {
-              title: K(ve)(e.hit),
+          l("span", is, [
+            T(fe, {
+              title: H(me)(e.hit),
               query: e.query
             }, null, 8, ["title", "query"])
           ]),
-          r.value !== "" ? (u(), _("span", ss, E(r.value), 1)) : A("", !0)
+          n.value !== "" ? (u(), _("span", as, y(n.value), 1)) : L("", !0)
         ]),
         _: 1
       }, 16, ["href"]))
     ], 512));
   }
-}), ns = {}, rs = {
+}), cs = {}, ds = {
   width: "16",
   height: "16",
   viewBox: "0 0 256 256",
@@ -981,12 +1026,12 @@ const xt = /* @__PURE__ */ D(kt, [["render", Lt]]), Dt = {
   xmlns: "http://www.w3.org/2000/svg",
   "aria-hidden": "true"
 };
-function as(t, e) {
-  return u(), _("svg", rs, e[0] || (e[0] = [
+function us(t, e) {
+  return u(), _("svg", ds, e[0] || (e[0] = [
     l("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" }, null, -1)
   ]));
 }
-const is = /* @__PURE__ */ D(ns, [["render", as]]), ls = {}, cs = {
+const ps = /* @__PURE__ */ x(cs, [["render", us]]), hs = {}, _s = {
   width: "12",
   height: "12",
   viewBox: "0 0 256 256",
@@ -994,21 +1039,21 @@ const is = /* @__PURE__ */ D(ns, [["render", as]]), ls = {}, cs = {
   xmlns: "http://www.w3.org/2000/svg",
   "aria-hidden": "true"
 };
-function us(t, e) {
-  return u(), _("svg", cs, e[0] || (e[0] = [
+function gs(t, e) {
+  return u(), _("svg", _s, e[0] || (e[0] = [
     l("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" }, null, -1)
   ]));
 }
-const ds = /* @__PURE__ */ D(ls, [["render", us]]), me = (t) => (t ?? []).flatMap((e) => {
-  const s = fe(e);
+const fs = /* @__PURE__ */ x(hs, [["render", gs]]), be = (t) => (t ?? []).flatMap((e) => {
+  const s = ve(e);
   return s === void 0 ? [] : [{ collection: e, href: s }];
-}), ps = {
+}), vs = {
   key: 0,
   class: "dialog-search-collections"
-}, hs = { class: "dialog-search-section-head" }, _s = { class: "dialog-search-label" }, gs = { class: "dialog-search-count" }, fs = { class: "dialog-search-collection-list" }, vs = ["href"], ms = {
+}, ms = { class: "dialog-search-section-head" }, bs = { class: "dialog-search-label" }, Ss = { class: "dialog-search-count" }, Cs = { class: "dialog-search-collection-list" }, Es = ["href"], ys = {
   class: "dialog-search-collection-thumb",
   "aria-hidden": "true"
-}, bs = ["src"], Ss = { class: "dialog-search-collection-title" }, Cs = { class: "dialog-search-caret" }, ys = /* @__PURE__ */ w({
+}, Is = ["src"], ws = { class: "dialog-search-collection-title" }, $s = { class: "dialog-search-caret" }, ks = /* @__PURE__ */ I({
   __name: "DialogSearchCollections",
   props: {
     collections: {},
@@ -1016,50 +1061,50 @@ const ds = /* @__PURE__ */ D(ls, [["render", us]]), me = (t) => (t ?? []).flatMa
     messages: {}
   },
   setup(t) {
-    const e = t, s = b(() => me(e.collections));
-    return (o, r) => s.value.length > 0 ? (u(), _("aside", ps, [
-      l("div", hs, [
-        l("p", _s, E(e.messages.collectionsLabel), 1),
-        l("span", gs, E(e.messages.collectionsCount(s.value.length)), 1)
+    const e = t, s = b(() => be(e.collections));
+    return (o, r) => s.value.length > 0 ? (u(), _("aside", vs, [
+      l("div", ms, [
+        l("p", bs, y(e.messages.collectionsLabel), 1),
+        l("span", Ss, y(e.messages.collectionsCount(s.value.length)), 1)
       ]),
-      l("ul", fs, [
-        (u(!0), _(N, null, Q(s.value, ({ collection: n, href: i }) => (u(), _("li", {
+      l("ul", Cs, [
+        (u(!0), _(N, null, W(s.value, ({ collection: n, href: a }) => (u(), _("li", {
           key: n.objectID
         }, [
           l("a", {
             class: "dialog-search-collection",
-            href: i
+            href: a
           }, [
-            l("span", ms, [
+            l("span", ys, [
               n.imageUrl !== void 0 && n.imageUrl !== "" ? (u(), _("img", {
                 key: 0,
                 src: n.imageUrl,
                 alt: "",
                 loading: "lazy"
-              }, null, 8, bs)) : A("", !0)
+              }, null, 8, Is)) : L("", !0)
             ]),
-            l("span", Ss, [
-              T(ge, {
-                title: K(ve)(n),
+            l("span", ws, [
+              T(fe, {
+                title: H(me)(n),
                 query: e.query
               }, null, 8, ["title", "query"])
             ]),
-            l("span", Cs, [
-              T(ds)
+            l("span", $s, [
+              T(fs)
             ])
-          ], 8, vs)
+          ], 8, Es)
         ]))), 128))
       ])
-    ])) : A("", !0);
+    ])) : L("", !0);
   }
-}), Es = { class: "dialog-search-products" }, ws = { class: "dialog-search-section-head" }, Is = { class: "dialog-search-label" }, $s = {
+}), Ts = { class: "dialog-search-products" }, Rs = { class: "dialog-search-section-head" }, As = { class: "dialog-search-label" }, Ls = {
   key: 0,
   class: "dialog-search-label-count"
-}, Rs = { class: "dialog-search-results" }, Ts = {
+}, xs = { class: "dialog-search-results" }, Ds = {
   key: 0,
   class: "dialog-search-empty",
   role: "status"
-}, ks = /* @__PURE__ */ w({
+}, Ps = /* @__PURE__ */ I({
   __name: "DialogSearchProducts",
   props: {
     controller: {},
@@ -1069,15 +1114,15 @@ const ds = /* @__PURE__ */ D(ls, [["render", us]]), me = (t) => (t ?? []).flatMa
   },
   setup(t) {
     const e = t;
-    return (s, o) => (u(), _("section", Es, [
-      l("div", ws, [
-        l("p", Is, [
-          ce(E(e.messages.productsLabel), 1),
-          e.response.nbHits > 0 ? (u(), _("span", $s, " · " + E(e.messages.resultsCount(e.response.nbHits)), 1)) : A("", !0)
+    return (s, o) => (u(), _("section", Ts, [
+      l("div", Rs, [
+        l("p", As, [
+          ce(y(e.messages.productsLabel), 1),
+          e.response.nbHits > 0 ? (u(), _("span", Ls, " · " + y(e.messages.resultsCount(e.response.nbHits)), 1)) : L("", !0)
         ])
       ]),
-      l("ul", Rs, [
-        e.response.hits.length === 0 ? (u(), _("li", Ts, E(e.messages.noResults), 1)) : (u(!0), _(N, { key: 1 }, Q(e.response.hits, (r, n) => (u(), O(os, {
+      l("ul", xs, [
+        e.response.hits.length === 0 ? (u(), _("li", Ds, y(e.messages.noResults), 1)) : (u(!0), _(N, { key: 1 }, W(e.response.hits, (r, n) => (u(), P(ls, {
           key: r.objectID,
           controller: e.controller,
           hit: r,
@@ -1088,27 +1133,27 @@ const ds = /* @__PURE__ */ D(ls, [["render", us]]), me = (t) => (t ?? []).flatMa
       ])
     ]));
   }
-}), H = 8, U = 16, As = 200, Ls = 1440, xs = (t, e) => t.bottom > 0 && t.top < e, Ds = (t, e) => {
+}), V = 8, U = 16, Os = 200, Ns = 1440, qs = (t, e) => t.bottom > 0 && t.top < e, Ms = (t, e) => {
   const s = Math.min(
-    Ls,
+    Ns,
     e - 2 * U
   ), o = t.left + t.width / 2 - s / 2;
   return { left: `${Math.min(
     Math.max(o, U),
     e - U - s
   )}px`, width: `${s}px` };
-}, Ps = (t, e, s) => {
-  const o = s - t.bottom - H - U, r = t.top - H - U, n = Ds(t, e);
-  return o < As && r > o ? {
+}, Us = (t, e, s) => {
+  const o = s - t.bottom - V - U, r = t.top - V - U, n = Ms(t, e);
+  return o < Os && r > o ? {
     ...n,
-    bottom: `${s - t.top + H}px`,
+    bottom: `${s - t.top + V}px`,
     maxHeight: `${Math.max(r, 0)}px`
   } : {
     ...n,
-    top: `${t.bottom + H}px`,
+    top: `${t.bottom + V}px`,
     maxHeight: `${Math.max(o, 0)}px`
   };
-}, Os = (t) => {
+}, Hs = (t) => {
   const e = t.trim().replace(/^#/, "");
   if (!/^(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(e))
     return;
@@ -1116,29 +1161,29 @@ const ds = /* @__PURE__ */ D(ls, [["render", us]]), me = (t) => (t ?? []).flatMa
   return [0, 2, 4].map(
     (o) => Number.parseInt(s.slice(o, o + 2), 16)
   );
-}, Ns = (t) => {
+}, Vs = (t) => {
   const e = /^rgba?\((\d+), (\d+), (\d+)(?:, [\d.]+)?\)$/.exec(t);
   if (e !== null)
     return [e[1], e[2], e[3]].map(Number);
-}, qs = (t) => {
+}, Bs = (t) => {
   if (typeof document > "u")
     return;
   const e = document.createElement("span");
   if (e.style.color = t, e.style.color === "")
     return;
   document.body.appendChild(e);
-  const s = Ns(getComputedStyle(e).color);
+  const s = Vs(getComputedStyle(e).color);
   return e.remove(), s;
-}, Ms = (t) => Os(t) ?? qs(t), Us = (t) => {
+}, Ks = (t) => Hs(t) ?? Bs(t), Fs = (t) => {
   const e = t / 255;
   return e <= 0.03928 ? e / 12.92 : ((e + 0.055) / 1.055) ** 2.4;
-}, be = (t) => {
-  const e = Ms(t);
+}, Se = (t) => {
+  const e = Ks(t);
   if (e === void 0)
     return;
-  const [s, o, r] = e.map(Us);
+  const [s, o, r] = e.map(Fs);
   return 0.2126 * s + 0.7152 * o + 0.0722 * r;
-}, Hs = "#181825", Vs = "#ffffff", Bs = "straight", G = 0.5, W = {
+}, zs = "#181825", Gs = "#ffffff", js = "straight", j = 0.5, Q = {
   light: {
     panel: "#ffffff",
     side: "#fafbfc",
@@ -1157,7 +1202,7 @@ const ds = /* @__PURE__ */ D(ls, [["render", us]]), me = (t) => (t ?? []).flatMa
     hover: "#242830",
     thumb: "#2b2f38"
   }
-}, Ks = {
+}, Qs = {
   rectangle: {
     "r-panel": "4px",
     "r-item": "4px",
@@ -1170,52 +1215,52 @@ const ds = /* @__PURE__ */ D(ls, [["render", us]]), me = (t) => (t ?? []).flatMa
     "r-thumb": "8px",
     "r-btn": "10px"
   }
-}, V = (t) => t === void 0 || t.trim() === "" ? void 0 : t.trim(), Fs = (t) => {
-  const e = t === void 0 ? void 0 : be(t);
-  return e === void 0 ? "light" : e < G ? "dark" : "light";
-}, zs = (t, e) => {
-  const s = be(t);
-  return s === void 0 ? W[e].text : (e === "light" ? s < G : s >= G) ? t : W[e].text;
-}, js = (t) => {
-  const e = Fs(V(t == null ? void 0 : t.backgroundColor)), s = (t == null ? void 0 : t.ctaBorderType) === Bs ? "rectangle" : "rectangle-rounded", o = V(t == null ? void 0 : t.primaryColor) ?? Hs, r = V(t == null ? void 0 : t.fontFamily), n = {
-    ...W[e],
-    ...Ks[s],
+}, B = (t) => t === void 0 || t.trim() === "" ? void 0 : t.trim(), Ws = (t) => {
+  const e = t === void 0 ? void 0 : Se(t);
+  return e === void 0 ? "light" : e < j ? "dark" : "light";
+}, Xs = (t, e) => {
+  const s = Se(t);
+  return s === void 0 ? Q[e].text : (e === "light" ? s < j : s >= j) ? t : Q[e].text;
+}, Ys = (t) => {
+  const e = Ws(B(t == null ? void 0 : t.backgroundColor)), s = (t == null ? void 0 : t.ctaBorderType) === js ? "rectangle" : "rectangle-rounded", o = B(t == null ? void 0 : t.primaryColor) ?? zs, r = B(t == null ? void 0 : t.fontFamily), n = {
+    ...Q[e],
+    ...Qs[s],
     primary: o,
-    accent: zs(o, e),
-    "cta-text": V(t == null ? void 0 : t.ctaTextColor) ?? Vs,
+    accent: Xs(o, e),
+    "cta-text": B(t == null ? void 0 : t.ctaTextColor) ?? Gs,
     ...r === void 0 ? {} : { font: r }
   };
   return Object.fromEntries(
-    Object.entries(n).map(([i, a]) => [`--dso-${i}`, a])
+    Object.entries(n).map(([a, i]) => [`--dso-${a}`, i])
   );
-}, Gs = (t) => {
-  const e = k(), s = k(void 0), o = k({ width: 0, height: 0 });
+}, Zs = (t) => {
+  const e = R(), s = R(void 0), o = R({ width: 0, height: 0 });
   return M(
     t,
-    (r, n, i) => {
+    (r, n, a) => {
       if (!r)
         return;
-      const a = () => {
-        const h = e.value;
-        if (h === void 0)
+      const i = () => {
+        const p = e.value;
+        if (p === void 0)
           return;
-        const c = h.previousElementSibling ?? h, { top: d, bottom: g, left: y, width: S } = c.getBoundingClientRect();
+        const c = p.previousElementSibling ?? p, { top: C, bottom: d, left: f, width: v } = c.getBoundingClientRect();
         (o.value.width !== window.innerWidth || o.value.height !== window.innerHeight) && (o.value = {
           width: window.innerWidth,
           height: window.innerHeight
         });
-        const f = s.value;
-        (f === void 0 || f.top !== d || f.bottom !== g || f.left !== y || f.width !== S) && (s.value = { top: d, bottom: g, left: y, width: S });
+        const g = s.value;
+        (g === void 0 || g.top !== C || g.bottom !== d || g.left !== f || g.width !== v) && (s.value = { top: C, bottom: d, left: f, width: v });
       };
-      a(), window.addEventListener("scroll", a, !0), window.addEventListener("resize", a), i(() => {
-        window.removeEventListener("scroll", a, !0), window.removeEventListener("resize", a);
+      i(), window.addEventListener("scroll", i, !0), window.addEventListener("resize", i), a(() => {
+        window.removeEventListener("scroll", i, !0), window.removeEventListener("resize", i);
       });
     },
     { immediate: !0, flush: "post" }
   ), { anchorRef: e, rect: s, viewport: o };
-}, Ws = (t, e) => {
-  const s = k(!1), o = k(), r = b(
-    () => t.value.status !== L.IDLE && !s.value
+}, Js = (t, e) => {
+  const s = R(!1), o = R(), r = b(
+    () => t.value.status !== A.IDLE && !s.value
   );
   M(
     () => t.value.query,
@@ -1224,18 +1269,18 @@ const ds = /* @__PURE__ */ D(ls, [["render", us]]), me = (t) => (t ?? []).flatMa
     }
   ), M(
     r,
-    (i, a, h) => {
-      if (!i)
+    (a, i, p) => {
+      if (!a)
         return;
-      const c = (d) => {
-        var I, $;
-        const g = d.target;
-        if (!(g instanceof Node))
+      const c = (C) => {
+        var w, $;
+        const d = C.target;
+        if (!(d instanceof Node))
           return;
-        const y = (I = e.value) == null ? void 0 : I.previousElementSibling, S = (($ = o.value) == null ? void 0 : $.contains(g)) ?? !1, f = (y == null ? void 0 : y.contains(g)) ?? !1;
-        !S && !f && (s.value = !0);
+        const f = (w = e.value) == null ? void 0 : w.previousElementSibling, v = (($ = o.value) == null ? void 0 : $.contains(d)) ?? !1, g = (f == null ? void 0 : f.contains(d)) ?? !1;
+        !v && !g && (s.value = !0);
       };
-      document.addEventListener("pointerdown", c), h(
+      document.addEventListener("pointerdown", c), p(
         () => document.removeEventListener("pointerdown", c)
       );
     },
@@ -1244,33 +1289,33 @@ const ds = /* @__PURE__ */ D(ls, [["render", us]]), me = (t) => (t ?? []).flatMa
   const n = () => {
     s.value = !1;
   };
-  return B(() => {
-    var i, a;
-    (a = (i = e.value) == null ? void 0 : i.previousElementSibling) == null || a.addEventListener(
+  return K(() => {
+    var a, i;
+    (i = (a = e.value) == null ? void 0 : a.previousElementSibling) == null || i.addEventListener(
       "focusin",
       n
     );
-  }), ue(() => {
-    var i, a;
-    (a = (i = e.value) == null ? void 0 : i.previousElementSibling) == null || a.removeEventListener(
+  }), de(() => {
+    var a, i;
+    (i = (a = e.value) == null ? void 0 : a.previousElementSibling) == null || i.removeEventListener(
       "focusin",
       n
     );
   }), { isOpen: r, panelRef: o };
-}, Qs = {
+}, eo = {
   key: 0,
   class: "dialog-search-error"
-}, Xs = {
+}, to = {
   role: "alert",
   class: "dialog-search-status dialog-search-status-error"
-}, Ys = {
+}, so = {
   key: 1,
   role: "status",
   class: "dialog-search-status"
-}, Zs = {
+}, oo = {
   key: 0,
   class: "dialog-search-footer"
-}, Js = ["href"], no = /* @__PURE__ */ w({
+}, no = ["href"], co = /* @__PURE__ */ I({
   __name: "DialogSearchResults",
   props: {
     controller: {},
@@ -1281,32 +1326,32 @@ const ds = /* @__PURE__ */ D(ls, [["render", us]]), me = (t) => (t ?? []).flatMa
     seeAllHref: { type: Function, default: void 0 }
   },
   setup(t) {
-    const e = t, s = (p) => p instanceof Oe ? `Search failed (${p.status}${p.code ? ` ${p.code}` : ""}): ${p.message}` : "Search failed: network error. Check your connection and try again.", o = b(() => e.state), r = b(() => e.state.status !== L.IDLE), { anchorRef: n, rect: i, viewport: a } = Gs(r), { isOpen: h, panelRef: c } = Ws(o, n), d = b(
-      () => h.value && i.value !== void 0 && xs(i.value, a.value.height)
-    ), g = b(() => js(e.theme)), y = b(() => ({
-      ...i.value === void 0 ? {} : Ps(i.value, a.value.width, a.value.height),
-      ...g.value
-    })), S = b(() => he(e.locale)), f = b(() => e.state.response), I = b(
+    const e = t, s = (h) => h instanceof Ne ? `Search failed (${h.status}${h.code ? ` ${h.code}` : ""}): ${h.message}` : "Search failed: network error. Check your connection and try again.", o = b(() => e.state), r = b(() => e.state.status !== A.IDLE), { anchorRef: n, rect: a, viewport: i } = Zs(r), { isOpen: p, panelRef: c } = Js(o, n), C = b(
+      () => p.value && a.value !== void 0 && qs(a.value, i.value.height)
+    ), d = b(() => Ys(e.theme)), f = b(() => ({
+      ...a.value === void 0 ? {} : Us(a.value, i.value.width, i.value.height),
+      ...d.value
+    })), v = b(() => _e(e.locale)), g = b(() => e.state.response), w = b(
       () => {
-        var p, C;
-        return ((C = (p = e.state.sections) == null ? void 0 : p.collections) == null ? void 0 : C.hits) ?? [];
+        var h, E;
+        return ((E = (h = e.state.sections) == null ? void 0 : h.collections) == null ? void 0 : E.hits) ?? [];
       }
     ), $ = b(
-      () => me(I.value).length > 0
-    ), R = b(
-      () => e.seeAllHref !== void 0 && f.value !== void 0 && f.value.nbHits > 0
-    ), m = b(() => !R.value && _e(e.state)), v = b(
+      () => be(w.value).length > 0
+    ), k = b(
+      () => e.seeAllHref !== void 0 && g.value !== void 0 && g.value.nbHits > 0
+    ), S = b(() => !k.value && ge(e.state)), m = b(
       () => {
-        var p;
-        return f.value === void 0 || (p = e.seeAllHref) == null ? void 0 : p.call(e, f.value.query);
+        var h;
+        return g.value === void 0 || (h = e.seeAllHref) == null ? void 0 : h.call(e, g.value.query);
       }
     );
-    return (p, C) => (u(), _(N, null, [
+    return (h, E) => (u(), _(N, null, [
       l("div", {
         ref_key: "anchorRef",
         ref: n
       }, null, 512),
-      d.value ? (u(), O(ke, {
+      C.value ? (u(), P(Ae, {
         key: 0,
         to: "body"
       }, [
@@ -1314,81 +1359,81 @@ const ds = /* @__PURE__ */ D(ls, [["render", us]]), me = (t) => (t ?? []).flatMa
           ref_key: "panelRef",
           ref: c,
           class: Z(["dialog-search-panel", `dialog-search-panel--${e.layout}`]),
-          style: Ae(y.value)
+          style: Le(f.value)
         }, [
-          e.state.status === K(L).ERROR ? (u(), _("div", Qs, [
-            l("p", Xs, E(s(e.state.error)), 1),
+          e.state.status === H(A).ERROR ? (u(), _("div", eo, [
+            l("p", to, y(s(e.state.error)), 1),
             l("button", {
               type: "button",
               class: "dialog-search-retry",
-              onClick: C[0] || (C[0] = (P) => e.controller.retry())
-            }, E(S.value.retry), 1)
-          ])) : f.value === void 0 ? (u(), _("p", Ys, E(S.value.searching(e.state.query)), 1)) : (u(), _(N, { key: 2 }, [
+              onClick: E[0] || (E[0] = (O) => e.controller.retry())
+            }, y(v.value.retry), 1)
+          ])) : g.value === void 0 ? (u(), _("p", so, y(v.value.searching(e.state.query)), 1)) : (u(), _(N, { key: 2 }, [
             l("div", {
               class: Z([
                 "dialog-search-body",
                 { "dialog-search-body--no-collections": !$.value }
               ])
             }, [
-              T(ys, {
-                collections: I.value,
-                query: f.value.query,
-                messages: S.value
-              }, null, 8, ["collections", "query", "messages"]),
               T(ks, {
+                collections: w.value,
+                query: g.value.query,
+                messages: v.value
+              }, null, 8, ["collections", "query", "messages"]),
+              T(Ps, {
                 controller: e.controller,
-                response: f.value,
+                response: g.value,
                 locale: e.locale,
-                messages: S.value
+                messages: v.value
               }, null, 8, ["controller", "response", "locale", "messages"])
             ], 2),
-            R.value || m.value ? (u(), _("div", Zs, [
-              R.value ? (u(), _("a", {
+            k.value || S.value ? (u(), _("div", oo, [
+              k.value ? (u(), _("a", {
                 key: 0,
                 class: "dialog-search-cta",
-                href: v.value
+                href: m.value
               }, [
-                ce(E(S.value.seeAllLabel(f.value.nbHits)) + " ", 1),
-                T(is)
-              ], 8, Js)) : (u(), O(zt, {
+                ce(y(v.value.seeAllLabel(g.value.nbHits)) + " ", 1),
+                T(ps)
+              ], 8, no)) : (u(), P(Xt, {
                 key: 1,
                 controller: e.controller,
                 state: e.state,
                 locale: e.locale
               }, null, 8, ["controller", "state", "locale"]))
-            ])) : A("", !0)
+            ])) : L("", !0)
           ], 64))
         ], 6)
-      ])) : A("", !0)
+      ])) : L("", !0)
     ], 64));
   }
-}), ro = (t) => {
-  const { client: e, surface: s = "search_page", ...o } = t, r = Qe({
-    search: (a, h) => e.search(a, h),
+}), uo = (t) => {
+  const { client: e, surface: s = "search_page", ...o } = t, r = Xe({
+    search: (i, p) => e.search(i, p),
     analytics: {
       surface: s,
-      trackViewSearchResults: (a) => e.trackViewSearchResults(a),
-      trackSelectSearchResult: (a) => e.trackSelectSearchResult(a)
+      trackViewSearchResults: (i) => e.trackViewSearchResults(i),
+      trackSelectSearchResult: (i) => e.trackSelectSearchResult(i)
     },
     ...o
-  }), n = Le(r.getState()), i = r.subscribe(() => {
+  }), n = xe(r.getState()), a = r.subscribe(() => {
     n.value = r.getState();
   });
-  return B(() => {
+  return K(() => {
     pe({
       method: "vue",
-      version: "3.8.0"
+      version: "3.10.0"
     });
-  }), ue(() => {
-    i(), r.dispose();
+  }), de(() => {
+    a(), r.dispose();
   }), { controller: r, state: n, theme: e.theme };
 };
 export {
-  It as DialogInput,
-  so as DialogProductBlock,
-  oo as DialogSearchBar,
-  zt as DialogSearchPagination,
-  os as DialogSearchProductCard,
-  no as DialogSearchResults,
-  ro as useDialogSearch
+  Tt as DialogInput,
+  ao as DialogProductBlock,
+  lo as DialogSearchBar,
+  Xt as DialogSearchPagination,
+  ls as DialogSearchProductCard,
+  co as DialogSearchResults,
+  uo as useDialogSearch
 };