@magicx-eng/ai-autocomplete-angular 0.32.5 → 0.33.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
@@ -2127,6 +2125,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),
@@ -2209,7 +2208,8 @@ class AIAutocompleteComponent {
             changes["closeDropdownOnBlur"] ||
             changes["showNonTappableOptions"] ||
             changes["showProducts"] ||
-            changes["products"]) {
+            changes["products"] ||
+            changes["mapProducts"]) {
             this.controller.update({
                 apiConfig: this.apiConfig,
                 additionalContext: this.additionalContext,
@@ -2224,6 +2224,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 +2249,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 +2420,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", 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
@@ -2489,6 +2498,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], products: [{
                 type: Input
+            }], mapProducts: [{
+                type: Input
             }], submitButton: [{
                 type: Input
             }], resetOnSubmit: [{