@magicx-eng/ai-autocomplete-angular 0.28.4 → 0.29.0

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

@@ -1355,6 +1355,15 @@ class AIAutocompleteController {
             return;
         this.core.reset();
     }
+    /**
+     * Records a submit in telemetry. Enter is recorded by the SDK; call this
+     * from a submit button you render, so each submit is counted once.
+     */
+    recordSubmit(result) {
+        if (this.isDestroyed)
+            return;
+        this.core.recordSubmit(result);
+    }
     /** Pick a dropdown option (or replace the re-edited param if in re-edit mode). */
     selectOption(option) {
         if (this.isDestroyed)
@@ -2047,6 +2056,7 @@ class AIAutocompleteComponent {
         this.controller = new AIAutocompleteController({
             apiConfig: this.apiConfig,
             additionalContext: this.additionalContext,
+            visitorId: this.visitorId,
             optionOverrides: this.optionOverrides,
             maskCompletedText: this.maskCompletedText,
             columns: this.columns,
@@ -2131,6 +2141,7 @@ class AIAutocompleteComponent {
         // Reactive options
         if (changes["apiConfig"] ||
             changes["additionalContext"] ||
+            changes["visitorId"] ||
             changes["optionOverrides"] ||
             changes["dropdownTrigger"] ||
             changes["optionsPosition"] ||
@@ -2141,6 +2152,7 @@ class AIAutocompleteComponent {
             this.controller.update({
                 apiConfig: this.apiConfig,
                 additionalContext: this.additionalContext,
+                visitorId: this.visitorId,
                 optionOverrides: this.optionOverrides,
                 dropdownTrigger: this.dropdownTrigger,
                 optionsPosition: this.optionsPosition,
@@ -2273,18 +2285,23 @@ class AIAutocompleteComponent {
      * the React component uses — so the emitted query reflects whatever's in
      * the DOM right now, not a possibly-stale state snapshot.
      */
-    handleSubmit(_result) {
+    // `fromButton`: the SDK records an Enter submit itself before it calls back
+    // here; a click on our own button never passes through it.
+    handleSubmit(_result, fromButton = false) {
         const editor = this.editorRef?.nativeElement;
         if (!editor)
             return;
         const text = extractPlainText(editor);
         const state = this.controller.getState();
         const params = this.completedParams ?? state.completedParams;
-        this.submitted.emit(buildSubmitResult$1(text, params, state.skippedParams, {
+        const result = buildSubmitResult$1(text, params, state.skippedParams, {
             identifiedParams: state.identifiedParams,
             isReady: state.isReady,
             customFields: state.customFields,
-        }));
+        });
+        if (fromButton)
+            this.controller.recordSubmit(result);
+        this.submitted.emit(result);
         if (this.resetOnSubmit)
             this.controller.reset();
     }
@@ -2301,7 +2318,7 @@ class AIAutocompleteComponent {
             completed_params: [],
             identified_params: [],
             is_ready: state.isReady,
-        });
+        }, true);
     }
     measurePillWrap() {
         const container = this.pillContainerRef?.nativeElement;
@@ -2328,7 +2345,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", 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", 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: [
         {
             provide: NG_VALUE_ACCESSOR,
             // eslint-disable-next-line @typescript-eslint/no-use-before-define
@@ -2356,6 +2373,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], additionalContext: [{
                 type: Input
+            }], visitorId: [{
+                type: Input
             }], optionOverrides: [{
                 type: Input
             }], maskCompletedText: [{