@magicx-eng/ai-autocomplete-angular 0.32.6 → 0.34.0

package/fesm2020/magicx-eng-ai-autocomplete-angular.mjs

@@ -334,19 +334,7 @@ class ProductStripComponent {
          */
         this.focusChange = new EventEmitter();
         this.detachWheel = null;
-        /**
-         * Identity *and* content: a same-id result whose fields changed must
-         * re-render rather than reuse the previous card's bindings.
-         */
-        this.trackByProduct = (_, product) => [
-            product.id,
-            product.title,
-            product.url ?? "",
-            product.imageUrl ?? "",
-            product.price ?? "",
-            product.vendor ?? "",
-            product.available === false ? "sold-out" : "",
-        ].join("\0");
+        this.trackByProduct = (_, product) => product.id;
     }
     ngOnChanges() {
         const sources = new Map(this.products.map((product) => [product.id, productImageSources$1(product.imageUrl)]));
@@ -1537,6 +1525,16 @@ class AIAutocompleteController {
             return;
         this.core.showNextMonth();
     }
+    /**
+     * Runs mapProducts synchronously on the shown items again without a request.
+     * Keeps the same cards while updating their content.
+     * Does nothing without mapProducts or with a custom products integration.
+     */
+    refreshProducts() {
+        if (this.isDestroyed)
+            return;
+        this.core.refreshProducts();
+    }
     // === Lifecycle ===
     /**
      * Apply runtime changes to a subset of options. Event callbacks
@@ -2116,6 +2114,7 @@ class AIAutocompleteComponent {
             apiConfig: this.apiConfig,
             additionalContext: this.additionalContext,
             language: this.language,
+            productId: this.productId,
             visitorId: this.visitorId,
             optionOverrides: this.optionOverrides,
             maskCompletedText: this.maskCompletedText,
@@ -2127,6 +2126,7 @@ class AIAutocompleteComponent {
             showProducts: this.showProducts,
             source: "full-sdk",
             products: this.products,
+            mapProducts: this.mapProducts,
             value: this.value,
             completedParams: this.completedParams,
             onSubmit: (result) => this.handleSubmit(result),
@@ -2202,6 +2202,7 @@ class AIAutocompleteComponent {
         if (changes["apiConfig"] ||
             changes["additionalContext"] ||
             changes["language"] ||
+            changes["productId"] ||
             changes["visitorId"] ||
             changes["optionOverrides"] ||
             changes["dropdownTrigger"] ||
@@ -2209,11 +2210,13 @@ class AIAutocompleteComponent {
             changes["closeDropdownOnBlur"] ||
             changes["showNonTappableOptions"] ||
             changes["showProducts"] ||
-            changes["products"]) {
+            changes["products"] ||
+            changes["mapProducts"]) {
             this.controller.update({
                 apiConfig: this.apiConfig,
                 additionalContext: this.additionalContext,
                 language: this.language,
+                productId: this.productId,
                 visitorId: this.visitorId,
                 optionOverrides: this.optionOverrides,
                 dropdownTrigger: this.dropdownTrigger,
@@ -2224,6 +2227,7 @@ class AIAutocompleteComponent {
                 // Same reference on an unrelated change is a no-op in the core; only a
                 // genuinely swapped (or removed) integration clears the strip.
                 products: this.products,
+                mapProducts: this.mapProducts,
             });
         }
         if (changes["mode"]) {
@@ -2248,6 +2252,14 @@ class AIAutocompleteComponent {
     blur() {
         this.editorRef?.nativeElement.blur();
     }
+    /**
+     * Runs mapProducts synchronously on the shown items again without a request.
+     * Keeps the same cards while updating their content.
+     * Does nothing without mapProducts or with a custom products integration.
+     */
+    refreshProducts() {
+        this.controller?.refreshProducts();
+    }
     /** Clear all state, rotate session, and re-fetch. */
     reset() {
         this.controller?.reset();
@@ -2411,7 +2423,7 @@ class AIAutocompleteComponent {
     }
 }
 AIAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AIAutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AIAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AIAutocompleteComponent, isStandalone: true, selector: "ai-autocomplete", inputs: { apiConfig: "apiConfig", additionalContext: "additionalContext", language: "language", visitorId: "visitorId", optionOverrides: "optionOverrides", maskCompletedText: "maskCompletedText", columns: "columns", pillPlacement: "pillPlacement", mode: "mode", optionsPosition: "optionsPosition", animations: "animations", dropdownTrigger: "dropdownTrigger", closeDropdownOnBlur: "closeDropdownOnBlur", showNonTappableOptions: "showNonTappableOptions", showSkipButton: "showSkipButton", showOptionIcons: "showOptionIcons", showOptionImages: "showOptionImages", showOptionCounts: "showOptionCounts", productsLayout: "productsLayout", productImageFallback: "productImageFallback", showChipIcons: "showChipIcons", showChipImages: "showChipImages", autoFocus: "autoFocus", value: "value", completedParams: "completedParams", showProducts: "showProducts", products: "products", submitButton: "submitButton", resetOnSubmit: "resetOnSubmit" }, outputs: { submitted: "submitted", resultChange: "resultChange", errored: "errored", valueChange: "valueChange", completedParamsChange: "completedParamsChange", focused: "focused", blurred: "blurred", productSelect: "productSelect" }, providers: [
+AIAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AIAutocompleteComponent, isStandalone: true, selector: "ai-autocomplete", inputs: { apiConfig: "apiConfig", additionalContext: "additionalContext", language: "language", productId: "productId", visitorId: "visitorId", optionOverrides: "optionOverrides", maskCompletedText: "maskCompletedText", columns: "columns", pillPlacement: "pillPlacement", mode: "mode", optionsPosition: "optionsPosition", animations: "animations", dropdownTrigger: "dropdownTrigger", closeDropdownOnBlur: "closeDropdownOnBlur", showNonTappableOptions: "showNonTappableOptions", showSkipButton: "showSkipButton", showOptionIcons: "showOptionIcons", showOptionImages: "showOptionImages", showOptionCounts: "showOptionCounts", productsLayout: "productsLayout", productImageFallback: "productImageFallback", showChipIcons: "showChipIcons", showChipImages: "showChipImages", autoFocus: "autoFocus", value: "value", completedParams: "completedParams", showProducts: "showProducts", products: "products", mapProducts: "mapProducts", submitButton: "submitButton", resetOnSubmit: "resetOnSubmit" }, outputs: { submitted: "submitted", resultChange: "resultChange", errored: "errored", valueChange: "valueChange", completedParamsChange: "completedParamsChange", focused: "focused", blurred: "blurred", productSelect: "productSelect" }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             // eslint-disable-next-line @typescript-eslint/no-use-before-define
@@ -2441,6 +2453,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], language: [{
                 type: Input
+            }], productId: [{
+                type: Input
             }], visitorId: [{
                 type: Input
             }], optionOverrides: [{
@@ -2489,6 +2503,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], products: [{
                 type: Input
+            }], mapProducts: [{
+                type: Input
             }], submitButton: [{
                 type: Input
             }], resetOnSubmit: [{