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

package/dist/hawksearch-handlebars-ui.js

@@ -1,7 +1,7 @@
 /**
  * name: @bridgeline-digital/hawksearch-handlebars-ui
  *
- * version: v6.2.4
+ * version: v6.2.6
  *
  * description: The HawkSearch Handlebars UI package allows you to add a highly-customizable search results page to your website powered by HawkSearch.
  *
@@ -6321,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}}
@@ -7324,7 +7327,7 @@ class RecommendationsItemComponent extends BaseComponent {
     });
   }
 }
-const defaultHtml$t = '<div class="autocomplete">\n    <div class="row">\n        {{#if products.results.length}}\n            <div class="column column--12 column-md--8">\n                <span class="autocomplete__title autocomplete__title--products">{{products.title}}</span>\n                <div class="row autocomplete__products">\n                    {{#each products.results}}\n                        <div class="column column--12 column-sm--4">\n                            <div class="autocomplete__product">\n                                <a hawksearch-product="{{id}}" href="{{url}}" class="autocomplete__product__image">\n                                    <img hawksearch-image src="{{imageUrl}}" alt="" />\n                                </a>\n                                <span class="autocomplete__product__title">\n                                    <a hawksearch-product="{{id}}" href="{{url}}">{{html title}}</a>\n                                </span>\n                                {{#if rating}}\n                                    <hawksearch-rating rating="{{rating}}"></hawksearch-rating>\n                                {{/if}}\n                                {{#unless (eq price undefined)}}\n                                    <div class="autocomplete__product__price" itemprop="offers" itemtype="http://schema.org/Offer" itemscope>\n                                        {{#if (lt salePrice price)}}\n                                            <span class="autocomplete__product__price__original">{{currency price}}</span>\n                                            <span class="autocomplete__product__price__current" itemprop="price">{{currency salePrice}}</span>\n                                        {{else}}\n                                            <span class="autocomplete__product__price-__current" itemprop="price">{{currency price}}</span>\n                                        {{/if}}\n                                    </div>\n                                {{/unless}}\n                                <hawksearch-variant-selector></hawksearch-variant-selector>\n                            </div>\n                        </div>\n                    {{/each}}\n                </div>\n            </div>\n        {{/if}}\n        {{#if (or categories.results.length content.results.length queries.results.length)}}\n            <div class="column column--12 column-md--4">\n                {{#if productSuggestedQueries.results.length}}\n                    <span class="autocomplete__title autocomplete__title--queries">{{productSuggestedQueries.title}}</span>\n                    <ul class="autocomplete__list">\n                        {{#each productSuggestedQueries.results}}\n                            <li>\n                                <a hawksearch-query="{{query}}" href="{{url}}">{{query}}</a>\n                            </li>\n                        {{/each}}\n                    </ul>\n                {{/if}}\n                {{#if contentSuggestedQueries.results.length}}\n                    <span class="autocomplete__title autocomplete__title--queries">{{contentSuggestedQueries.title}}</span>\n                    <ul class="autocomplete__list">\n                        {{#each contentSuggestedQueries.results}}\n                            <li>\n                                <a hawksearch-query="{{query}}" href="{{url}}">{{query}}</a>\n                            </li>\n                        {{/each}}\n                    </ul>\n                {{/if}}\n                {{#if categories.results.length}}\n                    <span class="autocomplete__title autocomplete__title--categories">{{categories.title}}</span>\n                    <ul class="autocomplete__list">\n                        {{#each categories.results}}\n                            <li>\n                                <a hawksearch-category-field="{{field}}" hawksearch-category-value="{{value}}" href="{{url}}">{{html title}}</a>\n                            </li>\n                        {{/each}}\n                    </ul>\n                {{/if}}\n                {{#if content.results.length}}\n                    <span class="autocomplete__title autocomplete__title--content">{{content.title}}</span>\n                    <ul class="autocomplete__list">\n                        {{#each content.results}}\n                            <li>\n                                <a hawksearch-content="{{id}}" href="{{url}}">{{html title}}</a>\n                            </li>\n                        {{/each}}\n                    </ul>\n                {{/if}}\n                {{#if queries.results.length}}\n                    <span class="autocomplete__title autocomplete__title--queries">{{queries.title}}</span>\n                    <ul class="autocomplete__list">\n                        {{#each queries.results}}\n                            <li>\n                                <a hawksearch-query="{{query}}" href="{{url}}">{{query}}</a>\n                            </li>\n                        {{/each}}\n                    </ul>\n                {{/if}}\n            </div>\n        {{/if}}\n    </div>\n    <div class="autocomplete__view-all">\n        <a hawksearch-view-all>{{viewAllText}}</a>\n    </div>\n</div>';
+const defaultHtml$t = '<div class="autocomplete">\n    <div class="row">\n        {{#if products.results.length}}\n            <div class="column column--12 column-md--8">\n                <span class="autocomplete__title autocomplete__title--products">{{products.title}}</span>\n                <div class="row autocomplete__products">\n                    {{#each products.results}}\n                        <div class="column column--12 column-sm--4">\n                            <div class="autocomplete__product">\n                                <a hawksearch-product="{{id}}" href="{{url}}" class="autocomplete__product__image">\n                                    <img hawksearch-image src="{{imageUrl}}" alt="" />\n                                </a>\n                                <span class="autocomplete__product__title">\n                                    <a hawksearch-product="{{id}}" href="{{url}}">{{html title}}</a>\n                                </span>\n                                {{#if rating}}\n                                    <hawksearch-rating rating="{{rating}}"></hawksearch-rating>\n                                {{/if}}\n                                {{#unless (eq price undefined)}}\n                                    <div class="autocomplete__product__price" itemprop="offers" itemtype="http://schema.org/Offer" itemscope>\n                                        {{#if (lt salePrice price)}}\n                                            <span class="autocomplete__product__price__original">{{currency price}}</span>\n                                            <span class="autocomplete__product__price__current" itemprop="price">{{currency salePrice}}</span>\n                                        {{else}}\n                                            <span class="autocomplete__product__price-__current" itemprop="price">{{currency price}}</span>\n                                        {{/if}}\n                                    </div>\n                                {{/unless}}\n                                <hawksearch-variant-selector></hawksearch-variant-selector>\n                            </div>\n                        </div>\n                    {{/each}}\n                </div>\n            </div>\n        {{/if}}\n        {{#if (or categories.results.length content.results.length queries.results.length productSuggestedQueries.results.length contentSuggestedQueries.results.length)}}\n            <div class="column column--12 column-md--4">\n                {{#if productSuggestedQueries.results.length}}\n                    <span class="autocomplete__title autocomplete__title--queries">{{productSuggestedQueries.title}}</span>\n                    <ul class="autocomplete__list">\n                        {{#each productSuggestedQueries.results}}\n                            <li>\n                                <a hawksearch-query="{{query}}" href="{{url}}">{{query}}</a>\n                            </li>\n                        {{/each}}\n                    </ul>\n                {{/if}}\n                {{#if contentSuggestedQueries.results.length}}\n                    <span class="autocomplete__title autocomplete__title--queries">{{contentSuggestedQueries.title}}</span>\n                    <ul class="autocomplete__list">\n                        {{#each contentSuggestedQueries.results}}\n                            <li>\n                                <a hawksearch-query="{{query}}" href="{{url}}">{{query}}</a>\n                            </li>\n                        {{/each}}\n                    </ul>\n                {{/if}}\n                {{#if categories.results.length}}\n                    <span class="autocomplete__title autocomplete__title--categories">{{categories.title}}</span>\n                    <ul class="autocomplete__list">\n                        {{#each categories.results}}\n                            <li>\n                                <a hawksearch-category-field="{{field}}" hawksearch-category-value="{{value}}" href="{{url}}">{{html title}}</a>\n                            </li>\n                        {{/each}}\n                    </ul>\n                {{/if}}\n                {{#if content.results.length}}\n                    <span class="autocomplete__title autocomplete__title--content">{{content.title}}</span>\n                    <ul class="autocomplete__list">\n                        {{#each content.results}}\n                            <li>\n                                <a hawksearch-content="{{id}}" href="{{url}}">{{html title}}</a>\n                            </li>\n                        {{/each}}\n                    </ul>\n                {{/if}}\n                {{#if queries.results.length}}\n                    <span class="autocomplete__title autocomplete__title--queries">{{queries.title}}</span>\n                    <ul class="autocomplete__list">\n                        {{#each queries.results}}\n                            <li>\n                                <a hawksearch-query="{{query}}" href="{{url}}">{{query}}</a>\n                            </li>\n                        {{/each}}\n                    </ul>\n                {{/if}}\n            </div>\n        {{/if}}\n    </div>\n    <div class="autocomplete__view-all">\n        <a hawksearch-view-all>{{viewAllText}}</a>\n    </div>\n</div>';
 class AutocompleteComponent extends BaseComponent {
   constructor() {
     super(...arguments);
@@ -9415,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
       }
     };
   }
@@ -9518,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) => {
@@ -10259,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
     };
@@ -10437,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)) {
@@ -11268,9 +11262,9 @@ class SearchService extends BaseService {
   getSearchUrl(searchRequest) {
     const searchPage = window.location.pathname === this.searchUrl || !!searchRequest.url;
     const url = new URL(searchPage ? window.location.href : this.searchUrl, window.location.origin);
-    const nonFacetParams = Object.keys(this.queryStringParams);
+    const nonFacetParams = Object.values(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));