@cartbot/vehicle-search-beta 3.0.13 → 3.0.14

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

@@ -1,11 +1,11 @@
 import { jsx as a, jsxs as $, Fragment as Se } from "react/jsx-runtime";
-import { useState as M, useEffect as P, useRef as O, useCallback as N, useMemo as pt } from "react";
+import { useState as M, useEffect as V, useRef as O, useCallback as N, useMemo as pt } from "react";
 import vt from "react-dom";
 import ht from "js-cookie";
 import { Combobox as ut, ComboboxInput as mt, ComboboxButton as ft, ComboboxOptions as gt, ComboboxOption as bt } from "@headlessui/react";
 import wt from "fuzzysearch";
 import Ye from "pluralize";
-import te from "clsx";
+import re from "clsx";
 import { MeiliSearch as yt } from "meilisearch";
 import xt from "lodash/debounce.js";
 import kt from "tinycolor2";
@@ -132,13 +132,13 @@ function W({
   }, J = (i) => {
     i.preventDefault(), i.stopPropagation(), u(""), k(null), D("");
   };
-  P(() => {
+  V(() => {
     u(""), k(d || null);
   }, [d, v]);
-  let re = /* @__PURE__ */ new Set(), g = [];
+  let ee = /* @__PURE__ */ new Set(), g = [];
   v && (v.forEach((i) => {
     String(i.value).split(/,(?![^(]*\))/).forEach((_) => {
-      _ = _.trim(), _ && wt(G, _.toLowerCase()) && !re.has(_.toLowerCase()) && (re.add(_.toLowerCase()), g.push({
+      _ = _.trim(), _ && wt(G, _.toLowerCase()) && !ee.has(_.toLowerCase()) && (ee.add(_.toLowerCase()), g.push({
         ...i,
         value: _,
         refinement: i.value
@@ -280,7 +280,7 @@ function W({
                   bt,
                   {
                     value: i,
-                    className: ({ focus: _ }) => te(
+                    className: ({ focus: _ }) => re(
                       "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",
                       _ ? "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",
                       B && "vs:font-bold!"
@@ -289,7 +289,7 @@ function W({
                       /* @__PURE__ */ a(
                         "span",
                         {
-                          className: te(
+                          className: re(
                             i.value === (d == null ? void 0 : d.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"
                           ),
@@ -299,7 +299,7 @@ function W({
                       i.value === (d == null ? void 0 : d.value) && /* @__PURE__ */ a(
                         "span",
                         {
-                          className: te(
+                          className: re(
                             "vs:text-[rgb(var(--partbot-theme))]",
                             "vs:flex vs:items-center group-vs:hover:text-white"
                           ),
@@ -364,7 +364,7 @@ function St({
   showButton: k = !0,
   onSubmit: H,
   store: J,
-  useStoreVehicles: re = !0,
+  useStoreVehicles: ee = !0,
   fieldOrder: g = "MMY",
   // "MMY" (Make→Model→Year) or "YMM" (Year→Make→Model)
   enableFeatureFlags: L = !1,
@@ -383,19 +383,19 @@ function St({
     variant: null,
     engine: null,
     engine_capacity: null
-  }), [Ke, Me] = M(!1), Ve = O([
+  }), [Ke, Me] = M(!1), Pe = O([
     "body",
     "series",
     "variant",
     "engine",
     "engine_capacity"
   ]), ke = O(
-    F && F.length && Ve.current ? F.split(",").filter((t) => {
+    F && F.length && Pe.current ? F.split(",").filter((t) => {
       var r;
-      return (r = Ve.current) == null ? void 0 : r.includes(t);
+      return (r = Pe.current) == null ? void 0 : r.includes(t);
     }) : null
   ), [K, We] = M(!1);
-  P(() => {
+  V(() => {
     const t = navigator.userAgent;
     We(
       /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
@@ -409,7 +409,7 @@ function St({
       disable_session_recording: !1
     });
   }, []);
-  const [ne, Je] = M({}), [Et, Xe] = M(""), Pe = N(async () => {
+  const [ne, Je] = M({}), [Et, Xe] = M(""), Ve = N(async () => {
     if (!y)
       return;
     const r = `${L ? "https://api.cartbot.io" : "https://api.partbot.io"}/v1/vehicles/auth`;
@@ -423,7 +423,7 @@ function St({
         },
         body: JSON.stringify(
           (() => {
-            const p = { use_store_vehicles: re };
+            const p = { use_store_vehicles: ee };
             return J && (p.store = J), p;
           })()
         )
@@ -449,7 +449,7 @@ function St({
       _.current = o, oe.current = (l || []).map((p) => ({
         ...p,
         refinement: p.value
-      })), X.current = Array.isArray(s) ? s.map((p) => p && p.value ? String(p.value).trim() : "").filter(Boolean) : [], T.current = Array.isArray(h) ? h.map((p) => String(p).trim().toUpperCase()) : null, console.log(
+      })), X.current = ee && Array.isArray(s) ? s.map((p) => p && p.value ? String(p.value).trim() : "").filter(Boolean) : [], T.current = Array.isArray(h) ? h.map((p) => String(p).trim().toUpperCase()) : null, console.log(
         "[VehicleSearch] PostHog popular makes:",
         T.current
       ), E.current = z || null, console.log(
@@ -463,10 +463,10 @@ function St({
     } catch (n) {
       console.error("[VehicleSearch] Auth failed:", n), Xe(n);
     }
-  }, [y, J, re, L]);
-  P(() => {
-    Pe();
-  }, [Pe]), P(() => {
+  }, [y, J, ee, L]);
+  V(() => {
+    Ve();
+  }, [Ve]), V(() => {
     if (ne.searchKey) {
       try {
         q.current = new yt({
@@ -499,7 +499,7 @@ function St({
     const l = kt(o).isDark();
     Ge(l);
   }, []);
-  P(() => {
+  V(() => {
     async function t() {
       if (!e.make || !b.current)
         return;
@@ -544,7 +544,7 @@ function St({
       [...t.entries()].filter(([o]) => r.includes(o)).map(([o, l]) => [et(o), { value: l, refinement: l }])
     );
     Q(n);
-  }, []), V = N(({ query: t, value: r, remove: n }) => {
+  }, []), P = N(({ query: t, value: r, remove: n }) => {
     if (G && "URLSearchParams" in window) {
       let o = new URLSearchParams(window.location.search);
       t = $e(t), t && r && o.set(t, r), t && !r && o.delete(t), n && n.forEach((s) => {
@@ -580,7 +580,7 @@ function St({
       const h = JSON.stringify({
         description: `${((o = e.make) == null ? void 0 : o.value) || ""} ${((l = e.model) == null ? void 0 : l.value) || ""} ${((s = e.year) == null ? void 0 : s.value) || ""} ${((c = e.body) == null ? void 0 : c.value) || ""} ${((f = e.series) == null ? void 0 : f.value) || ""} ${((S = e.variant) == null ? void 0 : S.value) || ""} ${((de = e.engine) == null ? void 0 : de.value) || ""} ${((ie = e.engine_capacity) == null ? void 0 : ie.value) || ""}`.trim(),
         vehicle_ids: ae,
-        vehicle: e ? Object.entries(e).reduce((z, [p, ee]) => (z[p] = ee != null && ee.value ? ee.value : {}, z), {}) : {}
+        vehicle: e ? Object.entries(e).reduce((z, [p, te]) => (z[p] = te != null && te.value ? te.value : {}, z), {}) : {}
       });
       localStorage.setItem(
         "partbot_selected_vehicle",
@@ -596,13 +596,13 @@ function St({
     () => xt(Le, 100),
     [Le]
   );
-  P(() => {
+  V(() => {
     Ce();
-  }, [ae, Ce]), P(() => () => {
+  }, [ae, Ce]), V(() => () => {
     Ce.cancel();
-  }, [Ce]), P(() => {
+  }, [Ce]), V(() => {
     ne.searchKey && (m || lt(), tt());
-  }, [ne.searchKey, m]), P(() => {
+  }, [ne.searchKey, m]), V(() => {
     m && b.current && ce.length === 0 && !e.year && (console.log(
       "[VehicleSearch] YMM mode: Loading year range from dataset..."
     ), b.current.search("", {
@@ -633,7 +633,7 @@ function St({
     }).catch((t) => {
       console.error("[VehicleSearch] Error loading year range:", t);
     }));
-  }, [m, ne.searchKey, ce.length, e.year]), P(() => {
+  }, [m, ne.searchKey, ce.length, e.year]), V(() => {
     typeof document > "u" || Ie();
   }, [Ie]);
   const Be = N(
@@ -641,7 +641,7 @@ function St({
       A.current = !0, ve([]), !m && !w && he([]), ge([]), be([]), we([]), xe([]), ye([]), Q((r) => ({
         make: t,
         year: m || w ? r.year : null
-      })), V({
+      })), P({
         query: "make",
         value: (t == null ? void 0 : t.value) ?? "",
         remove: m ? ["model", "body", "series", "engine", "variant", "engine_capacity"] : w ? [
@@ -662,7 +662,7 @@ function St({
         ]
       }), t || ze([]);
     },
-    [V, m, w]
+    [P, m, w]
   ), De = N(
     (t) => {
       A.current = !0, Q((r) => ({
@@ -675,7 +675,7 @@ function St({
         variant: null,
         engine: null,
         engine_capacity: null
-      })), !m && !w && he([]), ge([]), be([]), we([]), xe([]), ye([]), V({
+      })), !m && !w && he([]), ge([]), be([]), we([]), xe([]), ye([]), P({
         query: "model",
         value: (t == null ? void 0 : t.value) ?? "",
         remove: m ? ["body", "series", "engine", "variant", "engine_capacity"] : w ? ["body", "series", "engine", "variant", "engine_capacity"] : [
@@ -688,7 +688,7 @@ function St({
         ]
       });
     },
-    [V, m, w]
+    [P, m, w]
   ), Fe = N(
     (t) => {
       A.current = !0, m ? (pe([]), ve([]), Q({
@@ -704,7 +704,7 @@ function St({
         variant: null,
         engine: null,
         engine_capacity: null
-      })), w || (ge([]), be([]), we([]), xe([]), ye([])), V({
+      })), w || (ge([]), be([]), we([]), xe([]), ye([])), P({
         query: "year",
         value: (t == null ? void 0 : t.value) ?? "",
         remove: m ? [
@@ -718,64 +718,64 @@ function St({
         ] : w ? [] : ["body", "series", "variant", "engine", "engine_capacity"]
       }), !w && (!t || t === "") && ze([]);
     },
-    [V, m, w]
+    [P, m, w]
   ), ot = N(
     (t) => {
       A.current = !0, Q((r) => ({
         ...r,
         body: t !== "" ? t : null
-      })), V({
+      })), P({
         query: "body",
         value: (t == null ? void 0 : t.value) ?? ""
       });
     },
-    [V]
+    [P]
   ), at = N(
     (t) => {
       A.current = !0, Q((r) => ({
         ...r,
         series: t !== "" ? t : null
-      })), V({
+      })), P({
         query: "series",
         value: (t == null ? void 0 : t.value) ?? ""
       });
     },
-    [V]
+    [P]
   ), nt = N(
     (t) => {
       A.current = !0, Q((r) => ({
         ...r,
         variant: t !== "" ? t : null
-      })), V({
+      })), P({
         query: "variant",
         value: (t == null ? void 0 : t.value) ?? ""
       });
     },
-    [V]
+    [P]
   ), it = N(
     (t) => {
       A.current = !0, Q((r) => ({
         ...r,
         engine: t !== "" ? t : null
-      })), V({
+      })), P({
         query: "engine",
         value: (t == null ? void 0 : t.value) ?? ""
       });
     },
-    [V]
+    [P]
   ), st = N(
     (t) => {
       A.current = !0, Q((r) => ({
         ...r,
         engine_capacity: t !== "" ? t : null
-      })), V({
+      })), P({
         query: "engine_capacity",
         value: (t == null ? void 0 : t.value) ?? ""
       });
     },
-    [V]
+    [P]
   );
-  P(() => {
+  V(() => {
     m && e.year && b.current && (async () => {
       try {
         const r = await b.current.search("", {
@@ -841,7 +841,7 @@ function St({
       pe(r);
     })();
   }, [v]);
-  P(() => {
+  V(() => {
     if (b.current && e.make && e.make.refinement && y) {
       let t = [`make:${e.make.refinement}`], r = [];
       m && e.year && (r = [
@@ -900,10 +900,10 @@ function St({
             S.map((z) => String(z).trim().toUpperCase())
           );
           o.sort((z, p) => {
-            const ee = h.has(z.value), Ae = h.has(p.value);
-            if (ee && !Ae) return -1;
-            if (!ee && Ae) return 1;
-            if (ee && Ae) {
+            const te = h.has(z.value), Ae = h.has(p.value);
+            if (te && !Ae) return -1;
+            if (!te && Ae) return 1;
+            if (te && Ae) {
               const Ue = S.map(
                 (dt) => String(dt).trim().toUpperCase()
               );
@@ -919,7 +919,7 @@ function St({
       });
     } else
       ve([]);
-  }, [e.make, d, y, m, e.year]), P(() => {
+  }, [e.make, d, y, m, e.year]), V(() => {
     if (b.current && e.make && e.model) {
       console.log(
         "[VehicleSearch] Fetching year range for:",
@@ -964,7 +964,7 @@ function St({
     e.series,
     e.engine,
     e.engine_capacity
-  ]), P(() => {
+  ]), V(() => {
     const t = w ? e.make && e.model : e.year && e.make && e.model;
     if (b.current && t) {
       const r = e.year ? [
@@ -998,7 +998,7 @@ function St({
     const t = ke.current ? ke.current.length + 3 : 3, r = k ? t + 1 : t;
     return `vs:lg:grid-cols-${r > 8 ? 8 : r}`;
   }, [k]);
-  P(() => {
+  V(() => {
     const t = w ? e.make && e.model : e.make && e.model && e.year;
     if (b.current && t) {
       let r = [
@@ -1058,7 +1058,7 @@ function St({
     w
   ]);
   const [_e, Ee] = M(!1);
-  return P(() => {
+  return V(() => {
     if (R)
       return _e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
         document.body.style.overflow = "";
@@ -1069,7 +1069,7 @@ function St({
       {
         onClick: () => Ee(!0),
         type: "button",
-        className: te(
+        className: re(
           "vehicle-search-btn vs:md:hidden!",
           Y ? "vs:w-full! vs:flex! vs:shrink-0!" : "vs:w-auto! vs:inline-flex! vs:shrink!"
         ),
@@ -1080,7 +1080,7 @@ function St({
       "div",
       {
         onClick: () => Ee(!1),
-        className: te(
+        className: re(
           "vs:z-10 vs:fixed vs:inset-0 vs:bg-stone-900 vs:transition-all vs:duration-300",
           _e ? "vs:opacity-75" : "vs:pointer-events-none vs:opacity-0"
         )
@@ -1089,7 +1089,7 @@ function St({
     /* @__PURE__ */ $(
       "div",
       {
-        className: te(
+        className: re(
           "partbot-mmyvs-container",
           R && _e && "active",
           "w-full"
@@ -1123,7 +1123,7 @@ function St({
             "div",
             {
               ref: B,
-              className: te(
+              className: re(
                 "vs:grid vs:gap-3",
                 I === "row" ? `${ct()} 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"
@@ -1330,7 +1330,7 @@ function St({
           U && /* @__PURE__ */ a(
             "div",
             {
-              className: te(
+              className: re(
                 "vs:flex vs:w-full vs:justify-center vs:items-center",
                 I === "row" ? "vs:md:items-end vs:md:justify-end" : "vs:md:justify-center",
                 "vs:mt-4 vs:md:mt-3 vs:md:pr-1.5"
@@ -1485,7 +1485,7 @@ class $t extends HTMLElement {
       "0 0 0"
     ), G = `: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"}; }`, x = `: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'}; }`, k = `:host { --partbot-padding: ${this.getAttribute("data-padding") || "0.5rem"}; } .partbot-mmyvs-container { --partbot-padding: ${this.getAttribute("data-padding") || "0.5rem"}; }`;
     const H = this.getAttribute("data-input-shadow"), J = H === "none" ? "none" : H || "0 1px 2px 0 rgb(0 0 0 / 0.05)";
-    let re = `:host { --partbot-input-shadow: ${J}; } .partbot-mmyvs-container { --partbot-input-shadow: ${J}; }`;
+    let ee = `:host { --partbot-input-shadow: ${J}; } .partbot-mmyvs-container { --partbot-input-shadow: ${J}; }`;
     const g = this.getAttribute("data-input-border-color");
     let L = "229 231 235";
     if (g)
@@ -1496,7 +1496,7 @@ class $t extends HTMLElement {
     let w = `:host { --partbot-input-border-color: ${L}; } .partbot-mmyvs-container { --partbot-input-border-color: ${L}; }`;
     const i = this.getAttribute("data-input-border-width") || "1px";
     let B = `:host { --partbot-input-border-width: ${i}; } .partbot-mmyvs-container { --partbot-input-border-width: ${i}; }`;
-    v.textContent += F, v.textContent += j, v.textContent += U, v.textContent += C, v.textContent += Y, v.textContent += R, v.textContent += G, v.textContent += u, v.textContent += x, v.textContent += k, v.textContent += re, v.textContent += w, v.textContent += B, D.appendChild(v), D.appendChild(d);
+    v.textContent += F, v.textContent += j, v.textContent += U, v.textContent += C, v.textContent += Y, v.textContent += R, v.textContent += G, v.textContent += u, v.textContent += x, v.textContent += k, v.textContent += ee, v.textContent += w, v.textContent += B, D.appendChild(v), D.appendChild(d);
     const _ = this.getAttribute("data-api-key");
     if (!_) {
       console.warn("Missing attributes: " + (_ ? "" : "data-api-key "));