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

package/dist/hawksearch-handlebars-ui.js

@@ -1,7 +1,7 @@
 /**
  * name: @bridgeline-digital/hawksearch-handlebars-ui
  *
- * version: v6.2.3
+ * version: v6.2.5
  *
  * 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() {
@@ -6317,6 +6321,9 @@ function formatNumber(value, decimals = 2) {
     maximumFractionDigits: decimals
   });
 }
+function isQueryBase64Image(query) {
+  return !!query && query.includes("data:image/");
+}
 const defaultHtml$B = `<div class="date-picker">
     <input type="text" value="{{value}}" hawksearch-input readonly class="date-picker__input" aria-label="{{strings.label}}" />
     {{#if modalVisible}}
@@ -7025,6 +7032,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 +7117,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"
       }
     };
   }
@@ -9403,52 +9418,43 @@ class SmartResponseComponent extends BaseComponent {
   get schema() {
     var _a, _b;
     return ((_b = (_a = this.configuration) == null ? void 0 : _a.prompt) == null ? void 0 : _b.schema) || {
-      "name": "smartresponse_summary",
-      "description": "Recommedation message and product details which includes name, description, url, price and imageUrl",
-      "strict": true,
-      "schema": {
-        "type": "object",
-        "properties": {
-          "recommendation": {
-            "type": "string"
+      name: "smartresponse_summary",
+      description: "Recommedation message and product details which includes name, description, url, price and imageUrl",
+      strict: true,
+      schema: {
+        type: "object",
+        properties: {
+          recommendation: {
+            type: "string"
           },
-          "products": {
-            "type": "array",
-            "items": {
-              "type": "object",
-              "properties": {
-                "name": {
-                  "type": "string"
+          products: {
+            type: "array",
+            items: {
+              type: "object",
+              properties: {
+                name: {
+                  type: "string"
                 },
-                "url": {
-                  "type": "string"
+                url: {
+                  type: "string"
                 },
-                "description": {
-                  "type": "string"
+                description: {
+                  type: "string"
                 },
-                "price": {
-                  "type": "number"
+                price: {
+                  type: "number"
                 },
-                "imageUrl": {
-                  "type": "string"
+                imageUrl: {
+                  type: "string"
                 }
               },
-              "required": [
-                "name",
-                "url",
-                "description",
-                "price",
-                "imageUrl"
-              ],
-              "additionalProperties": false
+              required: ["name", "url", "description", "price", "imageUrl"],
+              additionalProperties: false
             }
           }
         },
-        "required": [
-          "recommendation",
-          "products"
-        ],
-        "additionalProperties": false
+        required: ["recommendation", "products"],
+        additionalProperties: false
       }
     };
   }
@@ -9506,9 +9512,9 @@ class SmartResponseComponent extends BaseComponent {
         { role: "user", content: `USER INPUT: "${this.currentQuery}", PRODUCTS:${JSON.stringify(this.currentResponse)}` }
       ],
       {
-        "response_format": {
-          "type": "json_schema",
-          "json_schema": this.schema
+        response_format: {
+          type: "json_schema",
+          json_schema: this.schema
         }
       }
     ).then((result) => {
@@ -9627,31 +9633,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 +9722,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">
@@ -10225,7 +10253,7 @@ class ConversationalService extends BaseService {
   async executeSearch(messages, options) {
     this.bindComponents(messages);
     const rawConversationalSearchRequest = {
-      "api_key": this.API_KEY,
+      api_key: this.API_KEY,
       messages,
       ...options
     };
@@ -10351,6 +10379,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))
         };
       })
@@ -10402,7 +10431,7 @@ class SearchService extends BaseService {
       window.location.assign(url);
       return Promise.resolve();
     }
-    if (queryString && !queryString.includes("data:image/")) {
+    if (queryString && !isQueryBase64Image(queryString)) {
       const recentQueries = this.getRecentQueries();
       const recentQueryLimit = 5;
       if (!recentQueries.includes(queryString)) {
@@ -11235,7 +11264,7 @@ class SearchService extends BaseService {
     const url = new URL(searchPage ? window.location.href : this.searchUrl, window.location.origin);
     const nonFacetParams = Object.keys(this.queryStringParams);
     url.searchParams.delete(this.queryStringParams.query);
-    if (searchRequest.query) {
+    if (searchRequest.query && !isQueryBase64Image(searchRequest.query)) {
       url.searchParams.set(this.queryStringParams.query, searchRequest.query);
     }
     Array.from(url.searchParams.keys()).filter((p) => !nonFacetParams.includes(p)).forEach((p) => url.searchParams.delete(p));