@bikematrix/web-components 1.3.15 → 1.3.16

package/dist/bm_core.es.js

@@ -1718,7 +1718,7 @@ const os = Ae(!1), Z = Ae(null), xr = Ae([]), hr = Ae(!1), Ee = Ae(!1), _r = Ae(
   Ed(() => {
     Z.value = null, xr.value = [], hr.value = !1, Ee.value = !1, _r.value = [], Qe.value = !1, mn.value = null, ke.value = null, Wi.value = !1, bn.value = !0, _t.value = !1;
   });
-}, qs = "bm_currentBike", Md = "v2", Ln = 2, as = "https://cdn.bikematrix.io", vn = "https://imagestore.bikematrix.io", Pd = "1.0.2", jo = {
+}, qs = "bm_currentBike", Md = "v2", Ln = 2, as = "https://cdn.bikematrix.io", vn = "https://imagestore.bikematrix.io", Pd = "1.0.3", jo = {
   // Shopify specific
   isShopify: !1,
   skuField: "sku",
@@ -4747,7 +4747,7 @@ class Se {
       ...this._apiToken && {
         "bm-app-token": this._apiToken
       },
-      "bm-sdk-version": "1.3.15",
+      "bm-sdk-version": "1.3.16",
       // Added globally so request origin context is available on every endpoint.
       "bm-url": window.location.href,
       // Added globally so all endpoints can be tied to the same page-load event.
@@ -6534,7 +6534,7 @@ const e2 = Be(`bm_translation_${Pd}.json`), t2 = async () => {
   return await me.use(Ml).use(Cd).init({
     debug: !1,
     resources: t,
-    supportedLngs: ["en", "en-GB", "en-US", "de", "fr", "es", "it", "nl", "fi", "pl"],
+    supportedLngs: ["en", "en-GB", "en-US", "de", "fr", "es", "it", "nl", "fi", "pl", "da", "sl"],
     fallbackLng: "en-GB",
     ns: ["translation"],
     defaultNS: "translation",
@@ -6557,7 +6557,7 @@ const e2 = Be(`bm_translation_${Pd}.json`), t2 = async () => {
       ...e
     }), this.initializeConfig(), this.service = new Se(this.config.apiUrl, this.config.apiKey, this.config.apiToken, this.config.isShopify), this.initializeActiveSubscription(), localStorage.bm_currentBike && (this.currentBike = JSON.parse(localStorage.bm_currentBike)), await t2(), (this.config.logLevel === "verbose" || this.config.logLevel === "core") && console.log(`Core: Resolved Language: ${me.resolvedLanguage}`), this.setupEventListeners(), this.registerComponents(), this.initialized = !0, os.value = !0;
     const t = new Event("BM:Initialized");
-    document.dispatchEvent(t), (this.config.logLevel === "verbose" || this.config.logLevel === "core") && (console.log("Core: BikeMatrix WebComponent Version: 1.3.15"), console.log("Core: BikeMatrixCore initialized"));
+    document.dispatchEvent(t), (this.config.logLevel === "verbose" || this.config.logLevel === "core") && (console.log("Core: BikeMatrix WebComponent Version: 1.3.16"), console.log("Core: BikeMatrixCore initialized"));
   }
   // Singleton pattern to ensure a single global instance
   static getInstance() {
@@ -8950,7 +8950,7 @@ function rt({
     if (!f.current)
       return;
     const C = f.current.querySelectorAll("&>div")[A];
-    f.current.scrollLeft = C.clientWidth * A;
+    C && (f.current.scrollLeft = C.offsetLeft);
   }
   function g() {
     b != 0 && m(b - 1);
@@ -8963,7 +8963,7 @@ function rt({
     class: X("rounded-xl select-none border  py-4 relative", e ? "border-gray-950" : "border-gray-300"),
     ...d,
     onClick: (A) => {
-      if (w.current && !w.current.contains(A.target))
+      if (a && w.current && !w.current.contains(A.target))
         a(A);
       else {
         A.preventDefault();
@@ -9644,7 +9644,7 @@ function Ef() {
     const g = new URLSearchParams(window.location.search).get("bikematrixid"), x = sessionStorage.getItem("bm_passed_id");
     if (!(x && x !== null && g === x) && (!x || g !== x)) {
       const _ = n.find((y) => y.key === g);
-      _ ? (i(_), sessionStorage.setItem("bm_passed_id", g)) : _ || (await w(g), sessionStorage.setItem("bm_passed_id", g));
+      _ && g ? (i(_), sessionStorage.setItem("bm_passed_id", g)) : !_ && g && (await w(g), sessionStorage.setItem("bm_passed_id", g));
     }
   }, w = async (m) => {
     const g = await b.getBikeBom(m);
@@ -9710,7 +9710,7 @@ function Ef() {
       onClick: (m) => {
         m.preventDefault(), o(), re("/add");
       },
-      class: X("duration-300 transition-colors sticky bottom-[128px] mt-auto rounded-xl p-3 pr-5 w-full flex justify-center items-center", n.length && !(t != null && t.key) ? "bg-gray-950 text-white" : n.length ? "bg-gray-200 text-gray-800" : "bg-gray-950 text-white", !t && "bottom-0", t && f && "bottom-[128px]", t && !f && "bottom-[72px]"),
+      class: X("duration-300 transition-colors sticky bottom-[128px] mt-auto rounded-xl p-3 pr-5 w-full flex justify-center items-center z-20", n.length && !(t != null && t.key) ? "bg-gray-950 text-white" : n.length ? "bg-gray-200 text-gray-800" : "bg-gray-950 text-white", !t && "bottom-0", t && f && "bottom-[128px]", t && !f && "bottom-[72px]"),
       children: [l("bikeselector_home_add_btn"), p(gi, {
         class: "h-3 absolute [&>path]:stroke-[2px] right-5 justify-self-end rotate-45"
       })]
@@ -9718,7 +9718,7 @@ function Ef() {
       onClick: (m) => {
         m.preventDefault(), !(t != null && t.isCustom) && !(t != null && t.isShared) ? re("/workshop") : t != null && t.isCustom && !(t != null && t.isShared) ? re("/bom") : !(t != null && t.isCustom) && (t != null && t.isShared) && re("/read-only");
       },
-      class: X("duration-300 sticky bottom-[72px] transition-colors mt-4 rounded-xl p-3 w-full flex justify-center items-center", "bg-gray-200 text-gray-800"),
+      class: X("duration-300 sticky bottom-[72px] transition-colors mt-4 rounded-xl p-3 w-full flex justify-center items-center z-20", "bg-gray-200 text-gray-800"),
       children: [l("virtualworkshop_title"), p(Sf, {
         class: "h-5 absolute right-5 justify-self-end"
       })]
@@ -9726,7 +9726,7 @@ function Ef() {
       onClick: (m) => {
         m.preventDefault(), !r.showBrowseCategoryButtons && r.browseCompatibilityUrl ? window.location.href = r.browseCompatibilityUrl : re("/browse");
       },
-      class: X("duration-300 sticky bottom-4 transition-colors mt-4 rounded-xl p-3 w-full flex justify-center items-center", n.length ? "bg-gray-950 text-white" : "bg-gray-200 text-gray-800"),
+      class: X("duration-300 sticky bottom-4 transition-colors mt-4 rounded-xl p-3 w-full flex justify-center items-center z-20", n.length ? "bg-gray-950 text-white" : "bg-gray-200 text-gray-800"),
       children: l("bikeselector_home_browse_btn")
     }), p(Bt, {})]
   });
@@ -14305,7 +14305,7 @@ function F1() {
         s.logLevel === "verbose" && console.error(F.logError), E(F.error);
         return;
       }
-    } else if (/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/g.test(g)) {
+    } else if (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(g)) {
       const F = await C.saveCustomBike(e.key, g);
       if (F.success)
         B();
@@ -14313,7 +14313,8 @@ function F1() {
         s.logLevel === "verbose" && console.error(F.logError), E(F.error);
         return;
       }
-    }
+    } else
+      E("error_invalid_email");
   };
   U(() => {
     k && _ && y("");
@@ -14822,16 +14823,17 @@ const z1 = `.edit-field__wrapper{position:relative}.edit-container{display:flex;
     });
   };
   return U(() => {
-    a && d.current.focus();
+    var x;
+    a && ((x = d == null ? void 0 : d.current) == null || x.focus());
   }, [a]), U(() => {
     n ? (g(), b({
       type: "success",
       message: o("virtualworkshop_saved", {
         label: i
       })
-    })) : !n && n !== null && (g(), b({
+    })) : !n && n !== null && s && (g(), b({
       type: "error",
-      message: s
+      message: o(s)
     }));
   }, [n]), p("div", {
     className: "edit-field__wrapper",
@@ -14845,8 +14847,8 @@ const z1 = `.edit-field__wrapper{position:relative}.edit-container{display:flex;
       className: "edit-container",
       children: [p("div", {
         className: "edit-input_wrapper",
-        style: a && {
-          border: "1px solid #000"
+        style: {
+          border: a ? "1px solid #000" : "1px solid #d1d5db"
         },
         children: [a && p("div", {
           className: "input-wrapper",
@@ -14854,12 +14856,12 @@ const z1 = `.edit-field__wrapper{position:relative}.edit-container{display:flex;
             maxLength: 80,
             type: "text",
             className: "edit-input",
-            placeholder: u,
+            placeholder: u || void 0,
             onChange: (x) => c(x.currentTarget.value),
-            value: u,
+            value: u || void 0,
             ref: d,
             onKeyDown: (x) => {
-              x.key === "Enter" && e(u);
+              x.key === "Enter" && u && e(u);
             }
           })
         }), !a && p("div", {
@@ -14889,7 +14891,12 @@ const z1 = `.edit-field__wrapper{position:relative}.edit-container{display:flex;
           children: [p("div", {
             className: "edit-button",
             onClick: () => {
-              t || e(u);
+              !t && u && e(u);
+            },
+            style: {
+              opacity: u ? 1 : 0.5,
+              cursor: u ? "pointer" : "not-allowed",
+              pointerEvents: u ? "auto" : "none"
             },
             children: [p("div", {
               className: "label-wrapper",
@@ -14996,7 +15003,7 @@ function W1() {
   const r = ke.value, t = window.BikeMatrix.getConfig(), {
     currentBike: i,
     saveBike: n
-  } = Ie(), [s, o] = R(r == null ? void 0 : r.owner_Email_Address), [a, l] = R(!1), [u, c] = R(null), [d, h] = R(null), [f, b] = R(i.name), [v, w] = R(null), [m, g] = R(null), [x, _] = R(null), y = new Se(t.apiUrl, t.apiKey, t.apiToken, t.isShopify), {
+  } = Ie(), [s, o] = R((r == null ? void 0 : r.owner_Email_Address) || null), [a, l] = R(!1), [u, c] = R(null), [d, h] = R(null), [f, b] = R(i.name), [v, w] = R(null), [m, g] = R(null), [x, _] = R(null), y = new Se(t.apiUrl, t.apiKey, t.apiToken, t.isShopify), {
     t: k
   } = te(), A = async (D, S) => {
     if (S === "name") {
@@ -15005,13 +15012,15 @@ function W1() {
       n({
         ...i,
         name: D
-      }), w(!1), B.success ? g(!0) : (_(B.error), t.logLevel === "verbose" && console.error(B.logError));
-    }
-    if (S === "email") {
-      o(D), l(!0), c(null), h(null);
-      const B = await y.saveCustomBike(i.key, D);
-      l(!1), B.success ? c(!0) : (c(!1), h(B.error), t.logLevel === "verbose" && console.error(B.logError));
+      }), w(!1), B.success ? g(!0) : (_(B.error || null), t.logLevel === "verbose" && console.error(B.logError));
     }
+    if (S === "email")
+      if (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(D)) {
+        o(D), l(!0), c(null), h(null);
+        const B = await y.saveCustomBike(i.key, D);
+        l(!1), B.success ? c(!0) : (c(!1), h(B.error || null), t.logLevel === "verbose" && console.error(B.logError));
+      } else
+        c(!1), h("error_invalid_email");
   }, C = (D) => {
     navigator.share({
       title: k("virtualworkshop_settings_id"),