@cartbot/vehicle-search-beta 3.0.24 → 3.0.25

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

@@ -328,7 +328,7 @@ function X({
     )
   ] });
 }
-const $t = "3.0.24";
+const $t = "3.0.25";
 console.info(
   `Vehicle Search v${$t} powered by Partbot https://mmyvs.partbot.io`
 );
@@ -377,7 +377,7 @@ function Mt({
   mobileButtonLabel: s = "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 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, he] = A([]), [ge, ce] = A([]), [de, ue] = A([]), [Le, be] = A([]), [Ie, we] = A([]), [Ve, ye] = A([]), [De, xe] = A([]), [Fe, ke] = A([]), Je = Z([]), [se, Ce] = A([]), [e, Y] = A({
     make: null,
     model: null,
     year: null,
@@ -392,7 +392,7 @@ function Mt({
     "variant",
     "engine",
     "engine_capacity"
-  ]), Ce = Z(
+  ]), _e = Z(
     R && R.length && Ue.current ? R.split(",").filter((t) => {
       var r;
       return (r = Ue.current) == null ? void 0 : r.includes(t);
@@ -443,7 +443,7 @@ function Mt({
         // Fallback for backward compatibility
         algolia_index_name: te,
         // Fallback for backward compatibility
-        store_index_name: pe,
+        store_index_name: ve,
         store_popular_makes: ae,
         // Array of popular make values for this store (from PostHog)
         store_popular_models: h
@@ -522,7 +522,7 @@ function Mt({
         limit: 500
         // Reduced from 1000 for faster queries
       })).hits.map((d) => d.otto_id);
-      ke(l);
+      Ce(l);
       let c = {
         ...Object.fromEntries(
           Object.entries(e || {}).map(([d, $]) => [d, $ && $.value || null]).filter(([d, $]) => $ !== null)
@@ -569,7 +569,7 @@ function Mt({
       Me(!1);
     }, 900);
   }, [se, q]), Te = N(() => {
-    var i, o, l, n, c, d, $, te, pe;
+    var i, o, l, n, c, d, $, te, ve;
     const t = {
       vehicle_ids: se,
       vehicle: (i = e == null ? void 0 : e.make) != null && i.value ? e : {},
@@ -583,7 +583,7 @@ 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) || ""} ${((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) || ""} ${((ve = e.engine_capacity) == null ? void 0 : ve.value) || ""}`.trim(),
         vehicle_ids: se,
         vehicle: e ? Object.entries(e).reduce((h, [m, k]) => (h[m] = k != null && k.value ? k.value : {}, h), {}) : {}
       });
@@ -597,17 +597,17 @@ function Mt({
     window.dispatchEvent(r), document.dispatchEvent(r), Je.current = se, setTimeout(() => {
       Me(!1);
     }, 900);
-  }, [se, u]), _e = ut(
+  }, [se, u]), pe = ut(
     () => Ct(Te, 100),
     [Te]
   );
   B(() => {
-    _e();
-  }, [se, _e]), B(() => () => {
-    _e.cancel();
-  }, [_e]), B(() => {
+    pe();
+  }, [se, pe]), B(() => () => {
+    pe.cancel();
+  }, [pe]), B(() => {
     const t = () => {
-      M.current = !1, Y({
+      M.current = !1, pe.cancel(), Y({
         make: null,
         model: null,
         year: null,
@@ -616,7 +616,7 @@ function Mt({
         variant: null,
         engine: null,
         engine_capacity: null
-      }), ke([]);
+      }), Ce([]);
     };
     return window.addEventListener("plate-search-change", t), () => {
       window.removeEventListener(
@@ -624,7 +624,7 @@ function Mt({
         t
       );
     };
-  }, []), B(() => {
+  }, [pe]), B(() => {
     oe.searchKey && (x || pt(), at());
   }, [oe.searchKey, x]), B(() => {
     x && w.current && de.length === 0 && !e.year && w.current.search("", {
@@ -635,7 +635,7 @@ function Mt({
         { length: l - o + 1 },
         (c, d) => ({ value: o + d, refinement: o + d })
       ).reverse();
-      he(n);
+      ue(n);
     }).catch((t) => {
       console.error("[VehicleSearch] Error loading year range:", t);
     });
@@ -644,7 +644,7 @@ function Mt({
   }, [Oe]);
   const Ze = N(
     (t) => {
-      M.current = !0, ce([]), !x && !g && he([]), ge([]), be([]), we([]), xe([]), ye([]), Y((r) => ({
+      M.current = !0, ce([]), !x && !g && ue([]), be([]), we([]), ye([]), ke([]), xe([]), Y((r) => ({
         make: t,
         year: x || g ? r.year : null
       })), L({
@@ -666,7 +666,7 @@ function Mt({
           "variant",
           "engine_capacity"
         ]
-      }), t || ke([]);
+      }), t || Ce([]);
     },
     [L, x, g]
   ), Ye = N(
@@ -681,7 +681,7 @@ function Mt({
         variant: null,
         engine: null,
         engine_capacity: null
-      })), !x && !g && he([]), ge([]), be([]), we([]), xe([]), ye([]), L({
+      })), !x && !g && ue([]), be([]), we([]), ye([]), ke([]), xe([]), L({
         query: "model",
         value: (t == null ? void 0 : t.value) ?? "",
         remove: x ? ["body", "series", "engine", "variant", "engine_capacity"] : g ? ["body", "series", "engine", "variant", "engine_capacity"] : [
@@ -697,9 +697,9 @@ function Mt({
     [L, x, g]
   ), He = N(
     (t) => {
-      M.current = !0, x ? (ve([]), ce([]), Y({
+      M.current = !0, x ? (he([]), ce([]), Y({
         year: t !== "" ? t : null
-      }), (!t || t === "") && he([])) : Y(g ? (r) => ({
+      }), (!t || t === "") && ue([])) : Y(g ? (r) => ({
         ...r,
         year: t !== "" ? t : null
       }) : (r) => ({
@@ -710,7 +710,7 @@ function Mt({
         variant: null,
         engine: null,
         engine_capacity: null
-      })), g || (ge([]), be([]), we([]), xe([]), ye([])), L({
+      })), g || (be([]), we([]), ye([]), ke([]), xe([])), L({
         query: "year",
         value: (t == null ? void 0 : t.value) ?? "",
         remove: x ? [
@@ -722,7 +722,7 @@ function Mt({
           "engine",
           "engine_capacity"
         ] : g ? [] : ["body", "series", "variant", "engine", "engine_capacity"]
-      }), !g && (!t || t === "") && ke([]);
+      }), !g && (!t || t === "") && Ce([]);
     },
     [L, x, g]
   ), it = N(
@@ -803,7 +803,7 @@ function Mt({
           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
-        ), ve(o);
+        ), he(o);
       } catch (r) {
         console.error("[VehicleSearch] Error loading makes for year:", r);
       }
@@ -844,7 +844,7 @@ function Mt({
         });
       } else
         r.sort((i, o) => i.popularity === o.popularity ? i.value.localeCompare(o.value) : o.popularity - i.popularity);
-      ve(r);
+      he(r);
     })();
   }, [v]);
   B(() => {
@@ -883,7 +883,7 @@ function Mt({
         limit: 1
         // Only one document per make
       }).then((i) => {
-        var pe, ae;
+        var ve, ae;
         const { hits: o } = i;
         let l = [];
         o.length > 0 && o[0].models && (l = o[0].models);
@@ -924,7 +924,7 @@ 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[$];
+        const $ = (ve = e.make) == null ? void 0 : ve.refinement, te = (ae = j.current) == null ? void 0 : ae[$];
         if (te && Array.isArray(te) && te.length > 0) {
           const h = new Set(
             te.map((m) => String(m).trim().toUpperCase())
@@ -977,7 +977,7 @@ function Mt({
         }).map(function(d, $) {
           return $ + o;
         });
-        c = c.reverse().map((d) => ({ value: d, refinement: d })), he(c);
+        c = c.reverse().map((d) => ({ value: d, refinement: d })), ue(c);
       }).catch((r) => {
         console.error("[VehicleSearch] Error fetching years:", r);
       });
@@ -1009,11 +1009,11 @@ function Mt({
         i = [...new Map(i.map((o) => [o.body, o])).values()].map((o) => ({
           value: o.body.match(/[^>]*$/)[0].trim(),
           refinement: o.body.match(/[^>]*$/)[0].trim()
-        })).filter((o) => o.value), ge(i);
+        })).filter((o) => o.value), be(i);
       });
     }
   }, [e.year, e.make, e.model, g]);
-  const ue = N(({ hits: t, attribute: r, stateCallback: i }) => {
+  const me = N(({ hits: t, attribute: r, stateCallback: i }) => {
     let o = [
       ...new Map(t.map((l) => [l[r], l])).values()
     ].map((l) => ({
@@ -1022,7 +1022,7 @@ function Mt({
     })).filter((l) => l.refinement);
     i(o);
   }, []), vt = N(() => {
-    const t = Ce.current ? Ce.current.length + 3 : 3, r = C ? t + 1 : t;
+    const t = _e.current ? _e.current.length + 3 : 3, r = C ? t + 1 : t;
     return `vs:lg:grid-cols-${r > 8 ? 8 : r}`;
   }, [C]);
   B(() => {
@@ -1053,22 +1053,22 @@ function Mt({
         ],
         limit: 1e3
       }).then(({ hits: o }) => {
-        ue({
+        me({
           hits: o,
           attribute: "series",
-          stateCallback: be
-        }), ue({
+          stateCallback: we
+        }), me({
           hits: o,
           attribute: "variant",
-          stateCallback: we
-        }), ue({
+          stateCallback: ye
+        }), me({
           hits: o,
           attribute: "engine",
-          stateCallback: ye
-        }), ue({
+          stateCallback: xe
+        }), me({
           hits: o,
           attribute: "engine_capacity",
-          stateCallback: xe
+          stateCallback: ke
         });
       });
     }
@@ -1078,7 +1078,7 @@ function Mt({
     e.variant,
     e.engine,
     e.engine_capacity,
-    ue,
+    me,
     e.make,
     e.model,
     e.year,
@@ -1192,7 +1192,7 @@ function Mt({
                     X,
                     {
                       label: "Model",
-                      items: fe,
+                      items: ge,
                       refine: Ye,
                       selected: e.model,
                       showPopular: !0,
@@ -1200,7 +1200,7 @@ function Mt({
                       showLabel: _,
                       isMobile: J,
                       sortOptions: !1,
-                      loading: e.make && fe.length === 0,
+                      loading: e.make && ge.length === 0,
                       shouldBeActive: !!e.make
                     }
                   )
@@ -1225,7 +1225,7 @@ function Mt({
                     X,
                     {
                       label: "Model",
-                      items: fe,
+                      items: ge,
                       refine: Ye,
                       selected: e.model,
                       showPopular: !0,
@@ -1233,7 +1233,7 @@ function Mt({
                       showLabel: _,
                       isMobile: J,
                       sortOptions: !1,
-                      loading: e.make && fe.length === 0,
+                      loading: e.make && ge.length === 0,
                       shouldBeActive: !!e.make
                     }
                   ),
@@ -1253,7 +1253,7 @@ function Mt({
                     }
                   )
                 ] }),
-                Ce.current && Ce.current.map((t) => {
+                _e.current && _e.current.map((t) => {
                   let r = null;
                   switch (t) {
                     case "body":
@@ -1389,7 +1389,7 @@ function Mt({
     )
   ] });
 }
-let We = !1, me = !1;
+let We = !1, fe = !1;
 function At(b) {
   var T, re;
   const v = b.shadowRoot;
@@ -1405,13 +1405,13 @@ function At(b) {
   if (new MutationObserver((u) => {
     u.forEach((y) => {
       y.addedNodes.forEach((C) => {
-        C.nodeType === 1 && C.id === "headlessui-portal-root" && (p.appendChild(C), me = !0);
+        C.nodeType === 1 && C.id === "headlessui-portal-root" && (p.appendChild(C), fe = !0);
       });
     }), u.forEach((y) => {
       y.removedNodes.forEach((C) => {
         C.nodeType === 1 && C.id === "headlessui-portal-root" && (p.querySelector(
           "#headlessui-portal-root"
-        ) || (me = !1));
+        ) || (fe = !1));
       });
     });
   }).observe(document.body, {
@@ -1419,7 +1419,7 @@ function At(b) {
   }), new MutationObserver((u) => {
     u.forEach((y) => {
       y.removedNodes.forEach((C) => {
-        C.nodeType === 1 && C.id === "headlessui-portal-root" && (me = !1);
+        C.nodeType === 1 && C.id === "headlessui-portal-root" && (fe = !1);
       });
     });
   }).observe(p, {
@@ -1455,7 +1455,7 @@ function At(b) {
     }
   }, _ = CSSStyleDeclaration.prototype.setProperty;
   CSSStyleDeclaration.prototype.setProperty = function(u, y, C) {
-    if (!(O(this) && u === "overflow" && y === "hidden" && me))
+    if (!(O(this) && u === "overflow" && y === "hidden" && fe))
       return _.call(this, u, y, C);
   };
   const V = Object.getOwnPropertyDescriptor(
@@ -1467,7 +1467,7 @@ function At(b) {
       return V.get.call(this);
     },
     set: function(u) {
-      if (!(O(this) && u === "hidden" && me))
+      if (!(O(this) && u === "hidden" && fe))
         return V.set.call(this, u);
     }
   }), We = !0;
@@ -1486,8 +1486,8 @@ class jt extends HTMLElement {
       if (this.hasAttribute(Q)) {
         const M = this.getAttribute(Q);
         if (/^#[0-9A-F]{6}$/i.test(M)) {
-          const x = parseInt(M.slice(1, 3), 16), le = parseInt(M.slice(3, 5), 16), ve = parseInt(M.slice(5, 7), 16);
-          W = `${x} ${le} ${ve}`;
+          const x = parseInt(M.slice(1, 3), 16), le = parseInt(M.slice(3, 5), 16), he = parseInt(M.slice(5, 7), 16);
+          W = `${x} ${le} ${he}`;
         }
       }
       return W = W || w, `:host { --${j}: ${W}; } .partbot-mmyvs-container { --${j}: ${W}; }`;