@cartbot/vehicle-search-beta 3.0.21 → 3.0.23

package/dist/js/vehicle-search.es.js

@@ -1,12 +1,12 @@
 import { jsx as a, jsxs as E, Fragment as $e } from "react/jsx-runtime";
-import { useState as A, useEffect as B, useRef as Z, useCallback as N, useMemo as ut } from "react";
-import mt from "react-dom";
-import ft from "js-cookie";
+import { useState as A, useEffect as B, useRef as Z, useCallback as N, useMemo as mt } from "react";
+import ft from "react-dom";
+import Ke from "js-cookie";
 import { Combobox as gt, ComboboxInput as bt, ComboboxButton as wt, ComboboxOptions as yt, ComboboxOption as xt } from "@headlessui/react";
 import kt from "fuzzysearch";
-import Ke from "pluralize";
+import Qe from "pluralize";
 import ne from "clsx";
-import { MeiliSearch as Qe } from "meilisearch";
+import { MeiliSearch as We } from "meilisearch";
 import Ct from "lodash/debounce.js";
 import _t from "tinycolor2";
 import Be from "posthog-js";
@@ -117,43 +117,43 @@ function X({
   label: b,
   items: v,
   selected: p,
-  refine: U,
+  refine: F,
   showPopular: I,
   bgDark: R,
   sortOptions: P = !0,
-  showLabel: O = !1,
+  showLabel: T = !1,
   isMobile: _ = !1,
   loading: V = !1,
-  shouldBeActive: T = !1
+  shouldBeActive: O = !1
   // True when parent fields are selected and this field tried to load
 }) {
-  const [re, u] = A(""), [y, C] = A(p || null), q = (s) => {
-    C(s), u(""), !(s && s.value === (p == null ? void 0 : p.value)) && U(s);
-  }, ee = (s) => {
-    s.preventDefault(), s.stopPropagation(), u(""), C(null), U("");
+  const [ee, u] = A(""), [y, C] = A(p || null), q = (l) => {
+    C(l), u(""), !(l && l.value === (p == null ? void 0 : p.value)) && F(l);
+  }, te = (l) => {
+    l.preventDefault(), l.stopPropagation(), u(""), C(null), F("");
   };
   B(() => {
     u(""), C(p || null);
   }, [p, v]);
   let G = /* @__PURE__ */ new Set(), f = [];
-  v && (v.forEach((s) => {
-    String(s.value).split(/,(?![^(]*\))/).forEach((z) => {
-      z = z.trim(), z && kt(re, z.toLowerCase()) && !G.has(z.toLowerCase()) && (G.add(z.toLowerCase()), f.push({
-        ...s,
+  v && (v.forEach((l) => {
+    String(l.value).split(/,(?![^(]*\))/).forEach((z) => {
+      z = z.trim(), z && kt(ee, z.toLowerCase()) && !G.has(z.toLowerCase()) && (G.add(z.toLowerCase()), f.push({
+        ...l,
         value: z,
-        refinement: s.value
+        refinement: l.value
       }));
     });
   }), f.length === 0 && (f = v));
-  const D = f.filter((s) => s.popularity > 0).slice(0, 11);
+  const D = f.filter((l) => l.popularity > 0).slice(0, 11);
   P && (f = f.filter(
-    (s) => !D.includes(s)
+    (l) => !D.includes(l)
   ), f.sort(
-    (s, F) => s.value.localeCompare(F.value, "en", { numeric: !0 })
+    (l, U) => l.value.localeCompare(U.value, "en", { numeric: !0 })
   ), f = D.concat(f));
   const g = !f || f.length === 0;
   return /* @__PURE__ */ E("div", { className: "vs:relative vs:flex vs:flex-col", children: [
-    O && /* @__PURE__ */ a(
+    T && /* @__PURE__ */ a(
       "span",
       {
         className: `${R ? "vs:text-white" : "vs:text-black"} vs:mb-1 vs:block vs:text-(length:--partbot-font-size) vs:leading-[calc(var(--partbot-font-size)*1.5)] vs:font-medium vs:font-(family-name:--partbot-font-family)`,
@@ -164,11 +164,11 @@ function X({
       /* @__PURE__ */ E(
         "select",
         {
-          onChange: (s) => {
-            const F = f.find(
-              (z) => z.value.toString() === s.target.value.toString()
+          onChange: (l) => {
+            const U = f.find(
+              (z) => z.value.toString() === l.target.value.toString()
             );
-            F && q(F);
+            U && q(U);
           },
           className: "vehicle-search-select vs:relative vs:w-full vs:cursor-default vs:overflow-hidden vs:rounded-(--partbot-button-border-radius) partbot-input-border vs:bg-white vs:py-(--partbot-padding) vs:pl-[calc(var(--partbot-padding)*1.3)] vs:pr-10 vs:text-left vs:shadow-(--partbot-input-shadow) vs:focus:border-[rgb(var(--partbot-theme))] vs:focus:outline-none vs:focus:ring-1 vs:focus:ring-[rgb(var(--partbot-theme))] vs:disabled:opacity-100! vs:disabled:text-stone-400! vs:sm:text-(length:--partbot-font-size) vs:font-(family-name:--partbot-font-family) vs:text-(length:--partbot-font-size) vs:leading-[calc(var(--partbot-font-size)*1.5)]",
           tabIndex: -1,
@@ -177,13 +177,13 @@ function X({
           children: [
             /* @__PURE__ */ a("option", { value: "", disabled: !0, children: b }),
             D.length > 0 ? /* @__PURE__ */ E($e, { children: [
-              /* @__PURE__ */ a("optgroup", { label: `Popular ${Ke(b)}`, children: D.map((s) => /* @__PURE__ */ a("option", { value: s.refinement, children: s.value }, s.value)) }),
-              /* @__PURE__ */ a("optgroup", { label: `All ${Ke(b)}`, children: f.filter(
-                (s) => !D.some(
-                  (F) => F.value === s.value
+              /* @__PURE__ */ a("optgroup", { label: `Popular ${Qe(b)}`, children: D.map((l) => /* @__PURE__ */ a("option", { value: l.refinement, children: l.value }, l.value)) }),
+              /* @__PURE__ */ a("optgroup", { label: `All ${Qe(b)}`, children: f.filter(
+                (l) => !D.some(
+                  (U) => U.value === l.value
                 )
-              ).map((s) => /* @__PURE__ */ a("option", { value: s.refinement, children: s.value }, s.value)) })
-            ] }) : f.map((s) => /* @__PURE__ */ a("option", { value: s.refinement, children: s.value }, s.value))
+              ).map((l) => /* @__PURE__ */ a("option", { value: l.refinement, children: l.value }, l.value)) })
+            ] }) : f.map((l) => /* @__PURE__ */ a("option", { value: l.refinement, children: l.value }, l.value))
           ]
         }
       ),
@@ -191,7 +191,7 @@ function X({
       !V && (y == null ? void 0 : y.value) && /* @__PURE__ */ a(
         "button",
         {
-          onClick: ee,
+          onClick: te,
           tabIndex: -1,
           className: "vs:absolute vs:inset-y-0 vs:right-[calc(var(--partbot-font-size)*1.95)] vs:items-center vs:pr-(--partbot-padding) vs:text-red-300 vs:hover:text-red-500 vs:bg-transparent vs:border-none vs:outline-none vs:p-(--partbot-padding) vs:text-(length:--partbot-font-size) vs:leading-[calc(var(--partbot-font-size)*1.5)] vs:font-medium vs:transition vs:pointer-events-auto vs:flex vs:justify-center",
           children: /* @__PURE__ */ a(
@@ -224,10 +224,10 @@ function X({
               {
                 autoComplete: "off",
                 spellCheck: "false",
-                placeholder: g && T && !V ? "N/A" : b,
+                placeholder: g && O && !V ? "N/A" : b,
                 className: "vs:w-full vs:cursor-default vs:rounded-(--partbot-button-border-radius) partbot-input-border vs:bg-white vs:py-(--partbot-padding) vs:pl-[calc(var(--partbot-padding)*1.3)] vs:pr-10 vs:text-left vs:shadow-(--partbot-input-shadow) vs:focus:border-[rgb(var(--partbot-theme))] vs:focus:outline-none vs:focus:ring-1 vs:focus:ring-[rgb(var(--partbot-theme))] vs:text-(length:--partbot-font-size) vs:leading-[calc(var(--partbot-font-size)*1.5)] vs:font-(family-name:--partbot-font-family) vs:text-stone-900 vs:placeholder:text-stone-600 vs:disabled:placeholder:text-stone-400 vs:disabled:cursor-not-allowed",
-                displayValue: (s) => (s == null ? void 0 : s.value) || "",
-                onChange: (s) => u(s.target.value),
+                displayValue: (l) => (l == null ? void 0 : l.value) || "",
+                onChange: (l) => u(l.target.value),
                 title: b
               }
             ),
@@ -235,7 +235,7 @@ function X({
               (y == null ? void 0 : y.value) && /* @__PURE__ */ a(
                 "button",
                 {
-                  onClick: ee,
+                  onClick: te,
                   tabIndex: -1,
                   className: "vs:inset-y-0 vs:pr-2 vs:text-red-300 vs:hover:text-red-500 vs:bg-transparent vs:border-none vs:outline-none vs:p-2 vs:text-(length:--partbot-font-size) vs:leading-[calc(var(--partbot-font-size)*1.5)] vs:font-medium vs:transition vs:pointer-events-auto vs:flex vs:items-center vs:justify-center vs:cursor-pointer",
                   children: /* @__PURE__ */ a(
@@ -272,31 +272,31 @@ function X({
               portal: !0,
               anchor: "bottom start",
               className: "vs:w-(--input-width) vs:z-99999! vs:max-h-60! vs:overflow-auto vs:rounded-[min(var(--partbot-button-border-radius),0.89rem)] vs:bg-white vs:py-1 vs:text-base vs:shadow-lg vs:ring-1 vs:ring-stone-200 vs:focus:outline-none vs:sm:text-(length:--partbot-font-size) empty:vs:invisible vs:mt-2",
-              children: ({ option: s }) => {
-                const F = s && D.some(
-                  (z) => z.value === s.value
+              children: ({ option: l }) => {
+                const U = l && D.some(
+                  (z) => z.value === l.value
                 );
                 return /* @__PURE__ */ a(
                   xt,
                   {
-                    value: s,
+                    value: l,
                     className: ({ focus: z }) => ne(
                       "vs:group vs:relative vs:w-full vs:cursor-default vs:py-(--partbot-padding) vs:px-[calc(var(--partbot-padding)*1.3)] vs:text-left vs:border-none",
                       z ? "vs:bg-[rgb(var(--partbot-theme))] vs:text-[rgb(var(--partbot-button-label-color))]" : "vs:bg-white vs:text-stone-900 vs:hover:bg-theme vs:hover:text-button-label",
-                      F && "vs:font-bold!"
+                      U && "vs:font-bold!"
                     ),
                     children: ({ selected: z }) => /* @__PURE__ */ E("div", { className: "vs:flex vs:w-full vs:items-center vs:justify-between", children: [
                       /* @__PURE__ */ a(
                         "span",
                         {
                           className: ne(
-                            s.value === (p == null ? void 0 : p.value) ? "vs:font-semibold" : "vs:font-normal",
+                            l.value === (p == null ? void 0 : p.value) ? "vs:font-semibold" : "vs:font-normal",
                             "vs:block vs:font-(family-name:--partbot-font-family) vs:whitespace-pre-wrap vs:text-left vs:text-(length:--partbot-font-size) vs:leading-none"
                           ),
-                          children: s.value
+                          children: l.value
                         }
                       ),
-                      s.value === (p == null ? void 0 : p.value) && /* @__PURE__ */ a(
+                      l.value === (p == null ? void 0 : p.value) && /* @__PURE__ */ a(
                         "span",
                         {
                           className: ne(
@@ -328,45 +328,45 @@ function X({
     )
   ] });
 }
-const $t = "3.0.21";
+const $t = "3.0.23";
 console.info(
   `Vehicle Search v${$t} powered by Partbot https://mmyvs.partbot.io`
 );
 function Se(b = [], v = []) {
   const p = [];
-  return b.forEach((U) => {
-    const [I, ...R] = U.split(":"), P = R.join(":");
+  return b.forEach((F) => {
+    const [I, ...R] = F.split(":"), P = R.join(":");
     if (P.includes(" > ")) {
-      const O = P.split(" > "), _ = O[O.length - 1].trim();
-      if (I !== "make" && O.length >= 2) {
-        const V = O[0].trim();
+      const T = P.split(" > "), _ = T[T.length - 1].trim();
+      if (I !== "make" && T.length >= 2) {
+        const V = T[0].trim();
         p.push(`make = "${V}"`);
       }
       p.push(`${I} = "${_}"`);
     } else
       p.push(`${I} = "${P}"`);
-  }), v.forEach((U) => {
-    p.push(U);
+  }), v.forEach((F) => {
+    p.push(F);
   }), p.length > 0 ? p.join(" AND ") : null;
 }
 function Mt({
   apiKey: b,
   makes: v = "",
   models: p = "",
-  callbackUrl: U = "",
+  callbackUrl: F = "",
   layout: I = "row",
   fields: R,
   fieldPrefix: P = "",
-  showBranding: O = !0,
+  showBranding: T = !0,
   showLabels: _ = !1,
   mobileFullWidthButton: V = !0,
-  mobileDrawer: T = !0,
-  modifyQueryString: re = !0,
+  mobileDrawer: O = !0,
+  modifyQueryString: ee = !0,
   onChange: u,
   buttonLabel: y = "Search",
   showButton: C = !0,
   onSubmit: q,
-  store: ee,
+  store: te,
   useStoreVehicles: G = !0,
   fieldOrder: f = "MMY",
   // "MMY" (Make→Model→Year) or "YMM" (Year→Make→Model)
@@ -374,10 +374,10 @@ function Mt({
   // Use api.cartbot.io instead of api.partbot.io
   yearOptional: g = !1,
   // Make year selection optional, only requiring make + model
-  mobileButtonLabel: s = "Select Vehicle"
+  mobileButtonLabel: l = "Select Vehicle"
   // Label for mobile drawer trigger button
 }) {
-  const F = Z(null), z = Z(null), ie = Z(null), S = Z(null), K = Z(null), j = Z(null), Q = Z(null), w = Z(null), W = Z(null), M = Z(!1), x = f === "YMM", [le, ve] = A([]), [fe, ce] = A([]), [de, he] = A([]), [Le, ge] = A([]), [Ie, be] = A([]), [Ve, we] = A([]), [De, ye] = A([]), [Fe, xe] = A([]), Je = Z([]), [se, ke] = A([]), [e, Y] = A({
+  const U = Z(null), z = Z(null), ie = Z(null), S = Z(null), K = Z(null), j = Z(null), Q = Z(null), w = Z(null), W = Z(null), M = Z(!1), x = f === "YMM", [le, ve] = A([]), [fe, ce] = A([]), [de, he] = A([]), [Le, ge] = A([]), [Ie, be] = A([]), [Ve, we] = A([]), [De, ye] = A([]), [Ue, xe] = A([]), Xe = Z([]), [se, ke] = A([]), [e, Y] = A({
     make: null,
     model: null,
     year: null,
@@ -386,21 +386,21 @@ function Mt({
     variant: null,
     engine: null,
     engine_capacity: null
-  }), [Xe, Me] = A(!1), Ue = Z([
+  }), [Ge, Me] = A(!1), Fe = Z([
     "body",
     "series",
     "variant",
     "engine",
     "engine_capacity"
   ]), Ce = Z(
-    R && R.length && Ue.current ? R.split(",").filter((t) => {
+    R && R.length && Fe.current ? R.split(",").filter((t) => {
       var r;
-      return (r = Ue.current) == null ? void 0 : r.includes(t);
+      return (r = Fe.current) == null ? void 0 : r.includes(t);
     }) : null
-  ), [J, Ge] = A(!1);
+  ), [J, et] = A(!1);
   B(() => {
     const t = navigator.userAgent;
-    Ge(
+    et(
       /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
         t
       )
@@ -412,7 +412,7 @@ function Mt({
       disable_session_recording: !1
     });
   }, []);
-  const [oe, et] = A({}), [Nt, tt] = A(""), Re = N(async () => {
+  const [oe, tt] = A({}), [Nt, rt] = A(""), Re = N(async () => {
     if (!b)
       return;
     const r = `${D ? "https://api.cartbot.io" : "https://api.partbot.io"}/v1/vehicles/auth`;
@@ -427,7 +427,7 @@ function Mt({
         body: JSON.stringify(
           (() => {
             const m = { use_store_vehicles: G };
-            return ee && (m.store = ee), m;
+            return te && (m.store = te), m;
           })()
         )
       });
@@ -435,13 +435,13 @@ function Mt({
         throw new Error(`Error: ${i.status} ${i.statusText}`);
       const {
         merchant: o,
-        vehicle_makes: l,
+        vehicle_makes: s,
         vehicle_models: n,
         meilisearch_search_key: c,
         meilisearch_index_name: d,
         algolia_search_key: $,
         // Fallback for backward compatibility
-        algolia_index_name: te,
+        algolia_index_name: re,
         // Fallback for backward compatibility
         store_index_name: pe,
         store_popular_makes: ae,
@@ -449,27 +449,27 @@ function Mt({
         store_popular_models: h
         // Object mapping makes to popular models: { "TOYOTA": ["HILUX", "LANDCRUISER"], ... }
       } = await i.json();
-      z.current = o, ie.current = (l || []).map((m) => ({
+      z.current = o, ie.current = (s || []).map((m) => ({
         ...m,
         refinement: m.value
-      })), G && n ? typeof n == "object" && !Array.isArray(n) ? S.current = n : Array.isArray(n) ? S.current = n.map((m) => m && m.value ? String(m.value).trim() : "").filter(Boolean) : S.current = [] : S.current = [], K.current = Array.isArray(ae) ? ae.map((m) => String(m).trim().toUpperCase()) : null, j.current = h || null, et({
+      })), G && n ? typeof n == "object" && !Array.isArray(n) ? S.current = n : Array.isArray(n) ? S.current = n.map((m) => m && m.value ? String(m.value).trim() : "").filter(Boolean) : S.current = [] : S.current = [], K.current = Array.isArray(ae) ? ae.map((m) => String(m).trim().toUpperCase()) : null, j.current = h || null, tt({
         searchKey: "eeace38b64f52bf56ebb4fe8bd5837b3cd6c0ff9d7e272f76449d94b80cba86b",
         indexName: "otto_v1_vehicles_production"
       });
     } catch (i) {
-      console.error("[VehicleSearch] Auth failed:", i), tt(i);
+      console.error("[VehicleSearch] Auth failed:", i), rt(i);
     }
-  }, [b, ee, G, D]);
+  }, [b, te, G, D]);
   B(() => {
     Re();
   }, [Re]), B(() => {
     if (oe.searchKey) {
       try {
-        Q.current = new Qe({
+        Q.current = new We({
           host: "https://search.partbot.io",
           apiKey: oe.searchKey
         }), w.current = Q.current.index(oe.indexName);
-        const t = new Qe({
+        const t = new We({
           host: "https://partbot-meilisearch-cache.partbot.workers.dev",
           // Cloudflare Worker endpoint
           apiKey: oe.searchKey
@@ -483,7 +483,7 @@ function Mt({
       };
     }
   }, [oe.searchKey, b]);
-  const [H, rt] = A(!1), Oe = N(() => {
+  const [H, ot] = A(!1), Te = N(() => {
     function t(n) {
       if (!n) return "rgba(0,0,0,1)";
       var c = r(), d = window.getComputedStyle(n).backgroundColor;
@@ -497,9 +497,9 @@ function Mt({
     }
     const i = document.querySelector("vehicle-search");
     let o;
-    i ? o = t(i) : o = t(F.current);
-    const l = _t(o).isDark();
-    rt(l);
+    i ? o = t(i) : o = t(U.current);
+    const s = _t(o).isDark();
+    ot(s);
   }, []);
   B(() => {
     async function t() {
@@ -516,13 +516,13 @@ function Mt({
       ), e.series && r.push(`series:${e.series.refinement}`), e.engine && r.push(`engine:${e.engine.refinement}`), e.engine_capacity && r.push(
         `engine_capacity:${e.engine_capacity.refinement}`
       );
-      let l = (await w.current.search("", {
+      let s = (await w.current.search("", {
         filter: Se(r, i),
         attributesToRetrieve: ["otto_id"],
         limit: 500
         // Reduced from 1000 for faster queries
       })).hits.map((d) => d.otto_id);
-      ke(l);
+      ke(s);
       let c = {
         ...Object.fromEntries(
           Object.entries(e || {}).map(([d, $]) => [d, $ && $.value || null]).filter(([d, $]) => $ !== null)
@@ -533,7 +533,7 @@ function Mt({
     }
     t();
   }, [e, w, g]);
-  const Ae = (t) => P ? `${P}${t}` : t, ot = (t) => P ? t.replace(new RegExp(`^${P}`), "") : t, at = N(() => {
+  const Ae = (t) => P ? `${P}${t}` : t, at = (t) => P ? t.replace(new RegExp(`^${P}`), "") : t, nt = N(() => {
     const t = new URL(window.location.href).searchParams, r = [
       "make",
       "model",
@@ -543,19 +543,19 @@ function Mt({
       "engine",
       "engine_capacity"
     ].map(Ae), i = Object.fromEntries(
-      [...t.entries()].filter(([o]) => r.includes(o)).map(([o, l]) => [ot(o), { value: l, refinement: l }])
+      [...t.entries()].filter(([o]) => r.includes(o)).map(([o, s]) => [at(o), { value: s, refinement: s }])
     );
     Y(i);
   }, []), L = N(({ query: t, value: r, remove: i }) => {
-    if (re && "URLSearchParams" in window) {
+    if (ee && "URLSearchParams" in window) {
       let o = new URLSearchParams(window.location.search);
       t = Ae(t), t && r && o.set(t, r), t && !r && o.delete(t), i && i.forEach((n) => {
         n = Ae(n), o.delete(n);
       });
-      const l = window.location.pathname + "?" + o.toString();
-      window.history.pushState(null, "", l);
+      const s = window.location.pathname + "?" + o.toString();
+      window.history.pushState(null, "", s);
     }
-  }, []), nt = N(() => {
+  }, []), it = N(() => {
     var i;
     const t = {
       vehicle_ids: se,
@@ -568,8 +568,8 @@ function Mt({
     window.dispatchEvent(r), document.dispatchEvent(r), setTimeout(() => {
       Me(!1);
     }, 900);
-  }, [se, q]), Te = N(() => {
-    var i, o, l, n, c, d, $, te, pe;
+  }, [se, q]), Oe = N(() => {
+    var i, o, s, n, c, d, $, re, pe;
     const t = {
       vehicle_ids: se,
       vehicle: (i = e == null ? void 0 : e.make) != null && i.value ? e : {},
@@ -583,23 +583,23 @@ function Mt({
     if (M.current === !0) {
       localStorage.removeItem("partbot_plate_details");
       const ae = JSON.stringify({
-        description: `${((o = e.make) == null ? void 0 : o.value) || ""} ${((l = e.model) == null ? void 0 : l.value) || ""} ${((n = e.year) == null ? void 0 : n.value) || ""} ${((c = e.body) == null ? void 0 : c.value) || ""} ${((d = e.series) == null ? void 0 : d.value) || ""} ${(($ = e.variant) == null ? void 0 : $.value) || ""} ${((te = e.engine) == null ? void 0 : te.value) || ""} ${((pe = e.engine_capacity) == null ? void 0 : pe.value) || ""}`.trim(),
+        description: `${((o = e.make) == null ? void 0 : o.value) || ""} ${((s = e.model) == null ? void 0 : s.value) || ""} ${((n = e.year) == null ? void 0 : n.value) || ""} ${((c = e.body) == null ? void 0 : c.value) || ""} ${((d = e.series) == null ? void 0 : d.value) || ""} ${(($ = e.variant) == null ? void 0 : $.value) || ""} ${((re = e.engine) == null ? void 0 : re.value) || ""} ${((pe = e.engine_capacity) == null ? void 0 : pe.value) || ""}`.trim(),
         vehicle_ids: se,
         vehicle: e ? Object.entries(e).reduce((h, [m, k]) => (h[m] = k != null && k.value ? k.value : {}, h), {}) : {}
       });
       localStorage.setItem(
         "partbot_selected_vehicle",
         ae
-      ), ft.set("partbot_selected_vehicle", ae, {
+      ), Ke.set("partbot_selected_vehicle", ae, {
         secure: !0
       });
     }
-    window.dispatchEvent(r), document.dispatchEvent(r), Je.current = se, setTimeout(() => {
+    window.dispatchEvent(r), document.dispatchEvent(r), Xe.current = se, setTimeout(() => {
       Me(!1);
     }, 900);
-  }, [se, u]), _e = ut(
-    () => Ct(Te, 100),
-    [Te]
+  }, [se, u]), _e = mt(
+    () => Ct(Oe, 100),
+    [Oe]
   );
   B(() => {
     _e();
@@ -607,7 +607,21 @@ function Mt({
     _e.cancel();
   }, [_e]), B(() => {
     const t = () => {
-      M.current = !1, Y({
+      M.current = !1, localStorage.removeItem("partbot_selected_vehicle"), Ke.remove("partbot_selected_vehicle"), ee && setTimeout(() => {
+        const r = new URL(window.location.href), i = [
+          "make",
+          "model",
+          "year",
+          "body",
+          "series",
+          "variant",
+          "engine"
+        ];
+        let o = !1;
+        i.forEach((s) => {
+          r.searchParams.has(s) && (r.searchParams.delete(s), o = !0);
+        }), o && window.history.replaceState(null, "", r.toString());
+      }, 100), Y({
         make: null,
         model: null,
         year: null,
@@ -625,14 +639,14 @@ function Mt({
       );
     };
   }, []), B(() => {
-    oe.searchKey && (x || pt(), at());
+    oe.searchKey && (x || vt(), nt());
   }, [oe.searchKey, x]), B(() => {
     x && w.current && de.length === 0 && !e.year && w.current.search("", {
       attributesToRetrieve: ["year_from", "year_to"],
       limit: 1e4
     }).then(({ hits: t }) => {
-      const r = t.map((c) => c.year_from).filter(Boolean), i = t.map((c) => c.year_to).filter(Boolean), o = Math.min(...r), l = Math.max(...i), n = Array.from(
-        { length: l - o + 1 },
+      const r = t.map((c) => c.year_from).filter(Boolean), i = t.map((c) => c.year_to).filter(Boolean), o = Math.min(...r), s = Math.max(...i), n = Array.from(
+        { length: s - o + 1 },
         (c, d) => ({ value: o + d, refinement: o + d })
       ).reverse();
       he(n);
@@ -640,8 +654,8 @@ function Mt({
       console.error("[VehicleSearch] Error loading year range:", t);
     });
   }, [x, oe.searchKey, de.length, e.year]), B(() => {
-    typeof document > "u" || Oe();
-  }, [Oe]);
+    typeof document > "u" || Te();
+  }, [Te]);
   const Ze = N(
     (t) => {
       M.current = !0, ce([]), !x && !g && he([]), ge([]), be([]), we([]), xe([]), ye([]), Y((r) => ({
@@ -725,7 +739,7 @@ function Mt({
       }), !g && (!t || t === "") && ke([]);
     },
     [L, x, g]
-  ), it = N(
+  ), st = N(
     (t) => {
       M.current = !0, Y((r) => ({
         ...r,
@@ -736,7 +750,7 @@ function Mt({
       });
     },
     [L]
-  ), st = N(
+  ), lt = N(
     (t) => {
       M.current = !0, Y((r) => ({
         ...r,
@@ -747,7 +761,7 @@ function Mt({
       });
     },
     [L]
-  ), lt = N(
+  ), ct = N(
     (t) => {
       M.current = !0, Y((r) => ({
         ...r,
@@ -758,7 +772,7 @@ function Mt({
       });
     },
     [L]
-  ), ct = N(
+  ), dt = N(
     (t) => {
       M.current = !0, Y((r) => ({
         ...r,
@@ -769,7 +783,7 @@ function Mt({
       });
     },
     [L]
-  ), dt = N(
+  ), pt = N(
     (t) => {
       M.current = !0, Y((r) => ({
         ...r,
@@ -797,9 +811,9 @@ function Mt({
           });
         });
         let o = Array.from(i.values());
-        const l = new Set(K.current || []);
-        l.size > 0 ? o.sort((n, c) => {
-          const d = l.has(n.value), $ = l.has(c.value);
+        const s = new Set(K.current || []);
+        s.size > 0 ? o.sort((n, c) => {
+          const d = s.has(n.value), $ = s.has(c.value);
           return d && !$ ? -1 : !d && $ ? 1 : d && $ ? K.current.indexOf(n.value) - K.current.indexOf(c.value) : n.value.localeCompare(c.value);
         }) : o.sort(
           (n, c) => c.popularity === n.popularity ? n.value.localeCompare(c.value) : c.popularity - n.popularity
@@ -809,7 +823,7 @@ function Mt({
       }
     })();
   }, [x, e.year]);
-  const pt = N(() => {
+  const vt = N(() => {
     (async () => {
       let r = [];
       if (ie.current && ie.current.length)
@@ -820,11 +834,11 @@ function Mt({
             attributesToRetrieve: ["make", "make_popularity"],
             limit: 1e3
           }), o = /* @__PURE__ */ new Map();
-          i.hits.forEach((l) => {
-            l.make && !o.has(l.make) && o.set(l.make, {
-              value: l.make.toUpperCase(),
-              refinement: l.make.toUpperCase(),
-              popularity: l.make_popularity || 0
+          i.hits.forEach((s) => {
+            s.make && !o.has(s.make) && o.set(s.make, {
+              value: s.make.toUpperCase(),
+              refinement: s.make.toUpperCase(),
+              popularity: s.make_popularity || 0
             });
           }), r = Array.from(o.values());
         } catch (i) {
@@ -838,9 +852,9 @@ function Mt({
       }
       if (K.current && K.current.length > 0) {
         const i = new Set(K.current);
-        r.sort((o, l) => {
-          const n = i.has(o.value), c = i.has(l.value);
-          return n && !c ? -1 : !n && c ? 1 : n && c ? K.current.indexOf(o.value) - K.current.indexOf(l.value) : o.value.localeCompare(l.value);
+        r.sort((o, s) => {
+          const n = i.has(o.value), c = i.has(s.value);
+          return n && !c ? -1 : !n && c ? 1 : n && c ? K.current.indexOf(o.value) - K.current.indexOf(s.value) : o.value.localeCompare(s.value);
         });
       } else
         r.sort((i, o) => i.popularity === o.popularity ? i.value.localeCompare(o.value) : o.popularity - i.popularity);
@@ -853,26 +867,26 @@ function Mt({
       const r = e.make.refinement;
       if (G && typeof S.current == "object" && !Array.isArray(S.current) && S.current[r]) {
         const i = S.current[r].map(
-          (l) => ({
-            value: l,
-            refinement: l,
+          (s) => ({
+            value: s,
+            refinement: s,
             popularity: 0
             // Popularity will be used from PostHog for sorting
           })
         ), o = (t = j.current) == null ? void 0 : t[r];
         if (o && Array.isArray(o)) {
-          const l = new Map(
+          const s = new Map(
             o.map((n, c) => [
               n.toUpperCase(),
               o.length - c
             ])
           );
           i.sort((n, c) => {
-            const d = l.get(n.value.toUpperCase()) || 0, $ = l.get(c.value.toUpperCase()) || 0;
+            const d = s.get(n.value.toUpperCase()) || 0, $ = s.get(c.value.toUpperCase()) || 0;
             return d !== $ ? $ - d : n.value.localeCompare(c.value);
           });
         } else
-          i.sort((l, n) => l.value.localeCompare(n.value));
+          i.sort((s, n) => s.value.localeCompare(n.value));
         ce(i);
         return;
       }
@@ -885,9 +899,9 @@ function Mt({
       }).then((i) => {
         var pe, ae;
         const { hits: o } = i;
-        let l = [];
-        o.length > 0 && o[0].models && (l = o[0].models);
-        let n = l.map((h) => ({
+        let s = [];
+        o.length > 0 && o[0].models && (s = o[0].models);
+        let n = s.map((h) => ({
           model: `${e.make.refinement} > ${h.name}`,
           model_popularity: h.popularity || 0
         })), c = [];
@@ -924,18 +938,18 @@ function Mt({
           refinement: h.model.match(/[^>]*$/)[0].trim(),
           popularity: h.model_popularity
         }));
-        const $ = (pe = e.make) == null ? void 0 : pe.refinement, te = (ae = j.current) == null ? void 0 : ae[$];
-        if (te && Array.isArray(te) && te.length > 0) {
+        const $ = (pe = e.make) == null ? void 0 : pe.refinement, re = (ae = j.current) == null ? void 0 : ae[$];
+        if (re && Array.isArray(re) && re.length > 0) {
           const h = new Set(
-            te.map((m) => String(m).trim().toUpperCase())
+            re.map((m) => String(m).trim().toUpperCase())
           );
           n.sort((m, k) => {
             const je = h.has(m.value), Ne = h.has(k.value);
             if (je && !Ne) return -1;
             if (!je && Ne) return 1;
             if (je && Ne) {
-              const qe = te.map(
-                (ht) => String(ht).trim().toUpperCase()
+              const qe = re.map(
+                (ut) => String(ut).trim().toUpperCase()
               );
               return qe.indexOf(m.value) - qe.indexOf(k.value);
             }
@@ -971,7 +985,7 @@ function Mt({
         limit: 200
         // Reduced from 1000 for faster queries
       }).then(({ hits: r }) => {
-        const i = r.map((d) => d.year_from), o = Math.min(...i), l = r.map((d) => d.year_to), n = Math.max(...l);
+        const i = r.map((d) => d.year_from), o = Math.min(...i), s = r.map((d) => d.year_to), n = Math.max(...s);
         let c = Array.apply(null, {
           length: n + 1 - o
         }).map(function(d, $) {
@@ -1015,13 +1029,13 @@ function Mt({
   }, [e.year, e.make, e.model, g]);
   const ue = N(({ hits: t, attribute: r, stateCallback: i }) => {
     let o = [
-      ...new Map(t.map((l) => [l[r], l])).values()
-    ].map((l) => ({
-      value: l[r].match(/[^|]*$/)[0].trim(),
-      refinement: l[r].match(/[^|]*$/)[0].trim()
-    })).filter((l) => l.refinement);
+      ...new Map(t.map((s) => [s[r], s])).values()
+    ].map((s) => ({
+      value: s[r].match(/[^|]*$/)[0].trim(),
+      refinement: s[r].match(/[^|]*$/)[0].trim()
+    })).filter((s) => s.refinement);
     i(o);
-  }, []), vt = N(() => {
+  }, []), ht = N(() => {
     const t = Ce.current ? Ce.current.length + 3 : 3, r = C ? t + 1 : t;
     return `vs:lg:grid-cols-${r > 8 ? 8 : r}`;
   }, [C]);
@@ -1086,12 +1100,12 @@ function Mt({
   ]);
   const [ze, Ee] = A(!1);
   return B(() => {
-    if (T)
+    if (O)
       return ze ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
         document.body.style.overflow = "";
       };
-  }, [ze, T]), /* @__PURE__ */ E($e, { children: [
-    T && /* @__PURE__ */ a(
+  }, [ze, O]), /* @__PURE__ */ E($e, { children: [
+    O && /* @__PURE__ */ a(
       "button",
       {
         onClick: () => Ee(!0),
@@ -1100,10 +1114,10 @@ function Mt({
           "vehicle-search-btn vs:md:hidden!",
           V ? "vs:w-full! vs:flex! vs:shrink-0!" : "vs:w-auto! vs:inline-flex! vs:shrink!"
         ),
-        children: /* @__PURE__ */ a("span", { children: s })
+        children: /* @__PURE__ */ a("span", { children: l })
       }
     ),
-    T && /* @__PURE__ */ a(
+    O && /* @__PURE__ */ a(
       "div",
       {
         onClick: () => Ee(!1),
@@ -1118,11 +1132,11 @@ function Mt({
       {
         className: ne(
           "partbot-mmyvs-container",
-          T && ze && "active",
+          O && ze && "active",
           "w-full"
         ),
         children: [
-          T && /* @__PURE__ */ E("div", { className: "vs:flex vs:justify-between vs:items-center vs:pb-4 vs:font-bold vs:text-white vs:md:hidden", children: [
+          O && /* @__PURE__ */ E("div", { className: "vs:flex vs:justify-between vs:items-center vs:pb-4 vs:font-bold vs:text-white vs:md:hidden", children: [
             /* @__PURE__ */ a("span", { children: "Select Vehicle" }),
             /* @__PURE__ */ E(
               "button",
@@ -1149,10 +1163,10 @@ function Mt({
           /* @__PURE__ */ E(
             "div",
             {
-              ref: F,
+              ref: U,
               className: ne(
                 "vs:grid vs:gap-3",
-                I === "row" ? `${vt()} vs:grid-cols-1 vs:md:grid-cols-3` : "vs:grid-cols-1 vs:md:max-w-[400px] vs:md:gap-5",
+                I === "row" ? `${ht()} vs:grid-cols-1 vs:md:grid-cols-3` : "vs:grid-cols-1 vs:md:max-w-[400px] vs:md:gap-5",
                 "vs:w-full vs:transition vs:lg:mx-auto"
               ),
               children: [
@@ -1262,7 +1276,7 @@ function Mt({
                         {
                           label: "Body",
                           items: Le,
-                          refine: it,
+                          refine: st,
                           selected: e.body,
                           bgDark: H,
                           showLabel: _,
@@ -1279,7 +1293,7 @@ function Mt({
                         {
                           label: "Series",
                           items: Ie,
-                          refine: st,
+                          refine: lt,
                           selected: e.series,
                           bgDark: H,
                           showLabel: _,
@@ -1296,7 +1310,7 @@ function Mt({
                         {
                           label: "Variant",
                           items: Ve,
-                          refine: lt,
+                          refine: ct,
                           selected: e.variant,
                           bgDark: H,
                           showLabel: _,
@@ -1312,13 +1326,13 @@ function Mt({
                         X,
                         {
                           label: "Engine Capacity",
-                          items: Fe,
-                          refine: dt,
+                          items: Ue,
+                          refine: pt,
                           selected: e.engine_capacity,
                           bgDark: H,
                           showLabel: _,
                           isMobile: J,
-                          loading: !!(e.make && e.model && e.year) && Fe.length === 0,
+                          loading: !!(e.make && e.model && e.year) && Ue.length === 0,
                           shouldBeActive: !!(e.make && e.model && e.year)
                         },
                         "engine_capacity"
@@ -1330,7 +1344,7 @@ function Mt({
                         {
                           label: "Engine",
                           items: De,
-                          refine: ct,
+                          refine: dt,
                           selected: e.engine,
                           bgDark: H,
                           showLabel: _,
@@ -1349,18 +1363,18 @@ function Mt({
                   {
                     className: "vehicle-search-btn",
                     onClick: () => {
-                      Me(!0), U && !q ? window.location.href = U + window.location.search : nt();
+                      Me(!0), F && !q ? window.location.href = F + window.location.search : it();
                     },
                     children: [
                       /* @__PURE__ */ a("span", { children: y }),
-                      Xe && /* @__PURE__ */ a(Pe, { className: "vs:w-[calc(var(--partbot-font-size)*0.9)]! vs:h-[calc(var(--partbot-font-size)*0.9)]! vs:animate-spin" })
+                      Ge && /* @__PURE__ */ a(Pe, { className: "vs:w-[calc(var(--partbot-font-size)*0.9)]! vs:h-[calc(var(--partbot-font-size)*0.9)]! vs:animate-spin" })
                     ]
                   }
                 ) })
               ]
             }
           ),
-          O && /* @__PURE__ */ a(
+          T && /* @__PURE__ */ a(
             "div",
             {
               className: ne(
@@ -1389,9 +1403,9 @@ function Mt({
     )
   ] });
 }
-let We = !1, me = !1;
+let Je = !1, me = !1;
 function At(b) {
-  var T, re;
+  var O, ee;
   const v = b.shadowRoot;
   if (!v) {
     console.error("[ShadowDOMPatch] No shadow root found");
@@ -1425,29 +1439,29 @@ function At(b) {
   }).observe(p, {
     childList: !0,
     subtree: !0
-  }), We)
+  }), Je)
     return;
-  const R = (T = Object.getOwnPropertyDescriptor(
+  const R = (O = Object.getOwnPropertyDescriptor(
     Document.prototype,
     "activeElement"
-  )) == null ? void 0 : T.get;
+  )) == null ? void 0 : O.get;
   Object.defineProperty(Document.prototype, "activeElement", {
     get: function() {
       const u = R == null ? void 0 : R.call(this);
       return u === b ? v.activeElement : u;
     }
   });
-  const P = (re = Object.getOwnPropertyDescriptor(
+  const P = (ee = Object.getOwnPropertyDescriptor(
     Event.prototype,
     "target"
-  )) == null ? void 0 : re.get;
+  )) == null ? void 0 : ee.get;
   Object.defineProperty(Event.prototype, "target", {
     get: function() {
       const u = P == null ? void 0 : P.call(this);
       return u === b ? this.composedPath()[0] : u;
     }
   });
-  const O = (u) => {
+  const T = (u) => {
     try {
       return document.body && u === document.body.style;
     } catch {
@@ -1455,7 +1469,7 @@ function At(b) {
     }
   }, _ = CSSStyleDeclaration.prototype.setProperty;
   CSSStyleDeclaration.prototype.setProperty = function(u, y, C) {
-    if (!(O(this) && u === "overflow" && y === "hidden" && me))
+    if (!(T(this) && u === "overflow" && y === "hidden" && me))
       return _.call(this, u, y, C);
   };
   const V = Object.getOwnPropertyDescriptor(
@@ -1467,10 +1481,10 @@ function At(b) {
       return V.get.call(this);
     },
     set: function(u) {
-      if (!(O(this) && u === "hidden" && me))
+      if (!(T(this) && u === "hidden" && me))
         return V.set.call(this, u);
     }
-  }), We = !0;
+  }), Je = !0;
 }
 const Et = "/css/vehicle-search.css", Yt = Et;
 class jt extends HTMLElement {
@@ -1481,7 +1495,7 @@ class jt extends HTMLElement {
     }
     let v = document.createElement("style");
     v.textContent = zt;
-    const p = document.createElement("div"), U = this.attachShadow({ mode: "open" }), I = (j, Q, w) => {
+    const p = document.createElement("div"), F = this.attachShadow({ mode: "open" }), I = (j, Q, w) => {
       let W;
       if (this.hasAttribute(Q)) {
         const M = this.getAttribute(Q);
@@ -1500,7 +1514,7 @@ class jt extends HTMLElement {
       "partbot-button-color",
       "data-button-color",
       "0 0 0"
-    ), O = I(
+    ), T = I(
       "partbot-button-hover-color",
       "data-button-hover-color",
       "0 0 0"
@@ -1512,13 +1526,13 @@ class jt extends HTMLElement {
       "partbot-button-hover-label-color",
       "data-button-hover-label-color",
       "255 255 255"
-    ), T = I(
+    ), O = I(
       "partbot-mobile-background-color",
       "data-mobile-background-color",
       "0 0 0"
-    ), re = `:host { --partbot-button-border-radius: ${this.getAttribute("data-button-border-radius") || "0.375rem"}; } .partbot-mmyvs-container { --partbot-button-border-radius: ${this.getAttribute("data-button-border-radius") || "0.375rem"}; }`, u = `:host { --partbot-font-size: ${this.getAttribute("data-font-size") || "0.875rem"}; } .partbot-mmyvs-container { --partbot-font-size: ${this.getAttribute("data-font-size") || "0.875rem"}; }`, y = `:host { --partbot-font-family: ${(this.getAttribute("data-font-family") || this.getAttribute("data-font")) && (this.getAttribute("data-font-family") || this.getAttribute("data-font")).trim() !== "" ? this.getAttribute("data-font-family") || this.getAttribute("data-font") : '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif'}; } .partbot-mmyvs-container { --partbot-font-family: ${(this.getAttribute("data-font-family") || this.getAttribute("data-font")) && (this.getAttribute("data-font-family") || this.getAttribute("data-font")).trim() !== "" ? this.getAttribute("data-font-family") || this.getAttribute("data-font") : '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif'}; }`, C = `:host { --partbot-padding: ${this.getAttribute("data-padding") || "0.5rem"}; } .partbot-mmyvs-container { --partbot-padding: ${this.getAttribute("data-padding") || "0.5rem"}; }`;
-    const q = this.getAttribute("data-input-shadow"), ee = q === "none" ? "none" : q || "0 1px 2px 0 rgb(0 0 0 / 0.05)";
-    let G = `:host { --partbot-input-shadow: ${ee}; } .partbot-mmyvs-container { --partbot-input-shadow: ${ee}; }`;
+    ), ee = `:host { --partbot-button-border-radius: ${this.getAttribute("data-button-border-radius") || "0.375rem"}; } .partbot-mmyvs-container { --partbot-button-border-radius: ${this.getAttribute("data-button-border-radius") || "0.375rem"}; }`, u = `:host { --partbot-font-size: ${this.getAttribute("data-font-size") || "0.875rem"}; } .partbot-mmyvs-container { --partbot-font-size: ${this.getAttribute("data-font-size") || "0.875rem"}; }`, y = `:host { --partbot-font-family: ${(this.getAttribute("data-font-family") || this.getAttribute("data-font")) && (this.getAttribute("data-font-family") || this.getAttribute("data-font")).trim() !== "" ? this.getAttribute("data-font-family") || this.getAttribute("data-font") : '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif'}; } .partbot-mmyvs-container { --partbot-font-family: ${(this.getAttribute("data-font-family") || this.getAttribute("data-font")) && (this.getAttribute("data-font-family") || this.getAttribute("data-font")).trim() !== "" ? this.getAttribute("data-font-family") || this.getAttribute("data-font") : '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif'}; }`, C = `:host { --partbot-padding: ${this.getAttribute("data-padding") || "0.5rem"}; } .partbot-mmyvs-container { --partbot-padding: ${this.getAttribute("data-padding") || "0.5rem"}; }`;
+    const q = this.getAttribute("data-input-shadow"), te = q === "none" ? "none" : q || "0 1px 2px 0 rgb(0 0 0 / 0.05)";
+    let G = `:host { --partbot-input-shadow: ${te}; } .partbot-mmyvs-container { --partbot-input-shadow: ${te}; }`;
     const f = this.getAttribute("data-input-border-color");
     let D = "229 231 235";
     if (f)
@@ -1527,9 +1541,9 @@ class jt extends HTMLElement {
         D = `${j} ${Q} ${w}`;
       } else /^\d+\s+\d+\s+\d+$/.test(f) && (D = f);
     let g = `:host { --partbot-input-border-color: ${D}; } .partbot-mmyvs-container { --partbot-input-border-color: ${D}; }`;
-    const s = this.getAttribute("data-input-border-width") || "1px";
-    let F = `:host { --partbot-input-border-width: ${s}; } .partbot-mmyvs-container { --partbot-input-border-width: ${s}; }`;
-    v.textContent += R, v.textContent += P, v.textContent += O, v.textContent += _, v.textContent += V, v.textContent += T, v.textContent += re, v.textContent += u, v.textContent += y, v.textContent += C, v.textContent += G, v.textContent += g, v.textContent += F, U.appendChild(v), U.appendChild(p);
+    const l = this.getAttribute("data-input-border-width") || "1px";
+    let U = `:host { --partbot-input-border-width: ${l}; } .partbot-mmyvs-container { --partbot-input-border-width: ${l}; }`;
+    v.textContent += R, v.textContent += P, v.textContent += T, v.textContent += _, v.textContent += V, v.textContent += O, v.textContent += ee, v.textContent += u, v.textContent += y, v.textContent += C, v.textContent += G, v.textContent += g, v.textContent += U, F.appendChild(v), F.appendChild(p);
     const z = this.getAttribute("data-api-key");
     if (!z) {
       console.warn("Missing attributes: " + (z ? "" : "data-api-key "));
@@ -1545,7 +1559,7 @@ class jt extends HTMLElement {
     }
     At(this);
     const K = /* @__PURE__ */ a(Mt, { ...S });
-    mt.render(K, p);
+    ft.render(K, p);
   }
 }
 customElements.define("vehicle-search", jt);