@bridgeline-digital/hawksearch-handlebars-ui 6.2.3 → 6.2.4

package/dist/hawksearch-handlebars-ui.js

@@ -1,7 +1,7 @@
 /**
  * name: @bridgeline-digital/hawksearch-handlebars-ui
  *
- * version: v6.2.3
+ * version: v6.2.4
  *
  * description: The HawkSearch Handlebars UI package allows you to add a highly-customizable search results page to your website powered by HawkSearch.
  *
@@ -6009,6 +6009,10 @@ class BaseComponent extends HTMLElement {
     });
     return output;
   }
+  triggerEvent(name, data) {
+    const event = new CustomEvent(name, { detail: data });
+    window.dispatchEvent(event);
+  }
 }
 class BaseContentComponent extends BaseComponent {
   constructor() {
@@ -7025,6 +7029,14 @@ class RecommendationsComponent extends BaseComponent {
   get carouselPosition() {
     return this.carousel ? `${-1 * this.selectedIndex * 100 / this.itemsToDisplay}%` : void 0;
   }
+  get paginationEnabled() {
+    var _a, _b, _c, _d;
+    return ((_b = (_a = this.data) == null ? void 0 : _a.carouselData) == null ? void 0 : _b.showDots) ?? ((_d = (_c = this.configuration) == null ? void 0 : _c.carousel) == null ? void 0 : _d.paginationEnabled) ?? false;
+  }
+  get buttonsEnabled() {
+    var _a, _b, _c;
+    return ((_a = this.data) == null ? void 0 : _a.carouselData.showNextPrevButtons) ?? ((_c = (_b = this.configuration) == null ? void 0 : _b.carousel) == null ? void 0 : _c.buttonsEnabled) ?? true;
+  }
   get displayType() {
     var _a, _b;
     const width = window.innerWidth;
@@ -7102,23 +7114,23 @@ class RecommendationsComponent extends BaseComponent {
     return !!((_b = (_a = this.data) == null ? void 0 : _a.items) == null ? void 0 : _b.length);
   }
   getContentModel() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    var _a, _b, _c, _d, _e;
     this.previousDisplayType = this.displayType;
     return {
       ...this.data,
-      buttonsEnabled: ((_b = (_a = this.configuration) == null ? void 0 : _a.carousel) == null ? void 0 : _b.buttonsEnabled) ?? true,
       carousel: this.carousel,
       carouselPosition: this.carouselPosition,
-      headingEnabled: ((_c = this.configuration) == null ? void 0 : _c.headingEnabled) ?? true,
+      headingEnabled: ((_a = this.configuration) == null ? void 0 : _a.headingEnabled) ?? true,
       itemWidth: this.itemWidth,
-      paginationEnabled: ((_e = (_d = this.configuration) == null ? void 0 : _d.carousel) == null ? void 0 : _e.paginationEnabled) ?? true,
+      buttonsEnabled: this.buttonsEnabled,
+      paginationEnabled: this.paginationEnabled,
       paginationItems: this.data.items.map((item, index) => ({
         selected: this.getSelected(index),
         title: item.title
       })),
       strings: {
-        next: ((_g = (_f = this.configuration) == null ? void 0 : _f.strings) == null ? void 0 : _g.next) ?? "Next",
-        previous: ((_i = (_h = this.configuration) == null ? void 0 : _h.strings) == null ? void 0 : _i.previous) ?? "Previous"
+        next: ((_c = (_b = this.configuration) == null ? void 0 : _b.strings) == null ? void 0 : _c.next) ?? "Next",
+        previous: ((_e = (_d = this.configuration) == null ? void 0 : _d.strings) == null ? void 0 : _e.previous) ?? "Previous"
       }
     };
   }
@@ -9627,31 +9639,32 @@ class VisualSearchFieldComponent extends BaseComponent {
     var _a;
     const file = files[0];
     const extension = (_a = file.name.split(".").pop()) == null ? void 0 : _a.toLowerCase();
-    if (file.type.startsWith("image/") && file.size <= this.maxSize && this.allowedExtensions.includes(extension)) {
-      const reader = new FileReader();
-      reader.onload = (e) => {
-        var _a2;
-        const img = new Image();
-        img.src = reader.result;
-        this.rootElement.querySelectorAll("[hawksearch-visualsearch-display]").forEach((e2) => {
-          if (e2.lastChild) {
-            e2.removeChild(e2.lastChild);
-          }
-          e2.appendChild(img);
-        });
-        const base64Data = (_a2 = e.target) == null ? void 0 : _a2.result;
-        if (base64Data) {
-          this.previousValue = base64Data;
-          HawkSearch.services.search.query({
-            queryString: base64Data,
-            requestType: "ImageData"
-          });
+    if (!this.isValidFile(file, extension))
+      return;
+    const reader = new FileReader();
+    reader.onload = (e) => {
+      var _a2;
+      const img = new Image();
+      img.src = reader.result;
+      this.rootElement.querySelectorAll("[hawksearch-visualsearch-display]").forEach((e2) => {
+        if (e2.lastChild) {
+          e2.removeChild(e2.lastChild);
         }
-      };
-      reader.readAsDataURL(file);
-    } else {
-      console.warn("File type, size, or extension not supported:", file.type, file.size, extension);
-    }
+        e2.appendChild(img);
+      });
+      const base64Data = (_a2 = e.target) == null ? void 0 : _a2.result;
+      if (base64Data) {
+        this.previousValue = base64Data;
+        HawkSearch.services.search.query({
+          queryString: base64Data,
+          requestType: "ImageData"
+        });
+      }
+    };
+    reader.onerror = (error) => {
+      this.triggerUploadFailed("file_read_unsuccessful", { error });
+    };
+    reader.readAsDataURL(file);
   }
   connectedCallback() {
     super.connectedCallback();
@@ -9715,6 +9728,27 @@ class VisualSearchFieldComponent extends BaseComponent {
       });
     });
   }
+  isValidFile(file, extension) {
+    if (!file.type.startsWith("image/")) {
+      this.triggerUploadFailed("file_type_unsupported", { type: file.type });
+      return false;
+    }
+    if (file.size > this.maxSize) {
+      this.triggerUploadFailed("file_too_large", { size: `${Math.round(file.size / 1024 / 1024)}MB` });
+      return false;
+    }
+    if (!this.allowedExtensions.includes(extension)) {
+      this.triggerUploadFailed("file_extension_unsupported", { extension });
+      return false;
+    }
+    return true;
+  }
+  triggerUploadFailed(reason, data) {
+    this.triggerEvent("hawksearch:visualsearch-upload-failed", {
+      reason,
+      ...data
+    });
+  }
 }
 const defaultHtml = `{{#if (arrayHasObjectsWithValue items "color")}}
     <div class="variant-selector-list">
@@ -10351,6 +10385,7 @@ class RecommendationsService extends BaseService {
           requestId: rawRecommendationsResponse.requestId,
           title: w.widgetName,
           carousel: w.isCarousel,
+          carouselData: w.carouselData,
           items: (_a2 = w.recommendationItems) == null ? void 0 : _a2.map((i) => getItem(i))
         };
       })