@memberjunction/ng-conversations 5.11.0 → 5.12.0

package/dist/lib/components/message/agent-response-form.component.js

@@ -1,435 +0,0 @@
-import { Component, Input, Output, EventEmitter } from '@angular/core';
-import { FormGroup, FormControl, Validators } from '@angular/forms';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
-import * as i2 from "@progress/kendo-angular-buttons";
-import * as i3 from "./form-question.component";
-function AgentResponseFormComponent_Conditional_0_Conditional_1_For_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 6);
-} if (rf & 2) {
-    const option_r2 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵclassMap(i0.ɵɵinterpolate1("fa ", option_r2.icon));
-} }
-function AgentResponseFormComponent_Conditional_0_Conditional_1_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 4);
-    i0.ɵɵlistener("click", function AgentResponseFormComponent_Conditional_0_Conditional_1_For_2_Template_button_click_0_listener() { const option_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onSimpleChoiceClick(option_r2.value)); });
-    i0.ɵɵconditionalCreate(1, AgentResponseFormComponent_Conditional_0_Conditional_1_For_2_Conditional_1_Template, 1, 3, "i", 5);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const option_r2 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("disabled", ctx_r2.disabled || ctx_r2.isSubmitting);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.hasIcon(option_r2) ? 1 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", option_r2.label, " ");
-} }
-function AgentResponseFormComponent_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 1);
-    i0.ɵɵrepeaterCreate(1, AgentResponseFormComponent_Conditional_0_Conditional_1_For_2_Template, 3, 3, "button", 3, i0.ɵɵcomponentInstance().trackByValue, true);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r2.getOptions(ctx_r2.responseForm.questions[0]));
-} }
-function AgentResponseFormComponent_Conditional_0_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "h3", 8);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r2.responseForm.title);
-} }
-function AgentResponseFormComponent_Conditional_0_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 9);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r2.responseForm.description);
-} }
-function AgentResponseFormComponent_Conditional_0_Conditional_2_Conditional_3_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-form-question", 13);
-} if (rf & 2) {
-    const question_r5 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("question", question_r5)("control", ctx_r2.getControl(question_r5.id))("formControlName", question_r5.id);
-} }
-function AgentResponseFormComponent_Conditional_0_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 10);
-    i0.ɵɵrepeaterCreate(1, AgentResponseFormComponent_Conditional_0_Conditional_2_Conditional_3_For_2_Template, 1, 3, "mj-form-question", 13, i0.ɵɵcomponentInstance().trackByQuestionId, true);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r2.mainQuestions);
-} }
-function AgentResponseFormComponent_Conditional_0_Conditional_2_Conditional_5_For_1_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 6);
-} if (rf & 2) {
-    const option_r7 = i0.ɵɵnextContext(2).$implicit;
-    i0.ɵɵclassMap(i0.ɵɵinterpolate1("fa ", option_r7.icon));
-} }
-function AgentResponseFormComponent_Conditional_0_Conditional_2_Conditional_5_For_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span");
-    i0.ɵɵconditionalCreate(1, AgentResponseFormComponent_Conditional_0_Conditional_2_Conditional_5_For_1_Conditional_1_Conditional_1_Template, 1, 3, "i", 5);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const option_r7 = i0.ɵɵnextContext().$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.hasIcon(option_r7) ? 1 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", option_r7.label, " ");
-} }
-function AgentResponseFormComponent_Conditional_0_Conditional_2_Conditional_5_For_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span");
-    i0.ɵɵelement(1, "span", 16);
-    i0.ɵɵelementEnd();
-} }
-function AgentResponseFormComponent_Conditional_0_Conditional_2_Conditional_5_For_1_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 15);
-    i0.ɵɵlistener("click", function AgentResponseFormComponent_Conditional_0_Conditional_2_Conditional_5_For_1_Template_button_click_0_listener() { const option_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.onFooterChoiceClick(option_r7.value)); });
-    i0.ɵɵconditionalCreate(1, AgentResponseFormComponent_Conditional_0_Conditional_2_Conditional_5_For_1_Conditional_1_Template, 3, 2, "span");
-    i0.ɵɵconditionalCreate(2, AgentResponseFormComponent_Conditional_0_Conditional_2_Conditional_5_For_1_Conditional_2_Template, 2, 0, "span");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("themeColor", "primary")("disabled", ctx_r2.disabled || ctx_r2.isSubmitting);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(!ctx_r2.isSubmitting ? 1 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.isSubmitting ? 2 : -1);
-} }
-function AgentResponseFormComponent_Conditional_0_Conditional_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵrepeaterCreate(0, AgentResponseFormComponent_Conditional_0_Conditional_2_Conditional_5_For_1_Template, 3, 4, "button", 14, i0.ɵɵcomponentInstance().trackByValue, true);
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵrepeater(ctx_r2.getOptions(ctx_r2.footerChoiceQuestion));
-} }
-function AgentResponseFormComponent_Conditional_0_Conditional_2_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span");
-    i0.ɵɵelement(1, "i", 17);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r2.submitLabel, " ");
-} }
-function AgentResponseFormComponent_Conditional_0_Conditional_2_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span");
-    i0.ɵɵelement(1, "span", 16);
-    i0.ɵɵtext(2, " Submitting... ");
-    i0.ɵɵelementEnd();
-} }
-function AgentResponseFormComponent_Conditional_0_Conditional_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "button", 12);
-    i0.ɵɵconditionalCreate(1, AgentResponseFormComponent_Conditional_0_Conditional_2_Conditional_6_Conditional_1_Template, 3, 1, "span");
-    i0.ɵɵconditionalCreate(2, AgentResponseFormComponent_Conditional_0_Conditional_2_Conditional_6_Conditional_2_Template, 3, 0, "span");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("themeColor", "primary")("disabled", ctx_r2.disabled || ctx_r2.isSubmitting || ctx_r2.formGroup.invalid);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(!ctx_r2.isSubmitting ? 1 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.isSubmitting ? 2 : -1);
-} }
-function AgentResponseFormComponent_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "form", 7);
-    i0.ɵɵlistener("ngSubmit", function AgentResponseFormComponent_Conditional_0_Conditional_2_Template_form_ngSubmit_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onSubmit()); });
-    i0.ɵɵconditionalCreate(1, AgentResponseFormComponent_Conditional_0_Conditional_2_Conditional_1_Template, 2, 1, "h3", 8);
-    i0.ɵɵconditionalCreate(2, AgentResponseFormComponent_Conditional_0_Conditional_2_Conditional_2_Template, 2, 1, "p", 9);
-    i0.ɵɵconditionalCreate(3, AgentResponseFormComponent_Conditional_0_Conditional_2_Conditional_3_Template, 3, 0, "div", 10);
-    i0.ɵɵelementStart(4, "div", 11);
-    i0.ɵɵconditionalCreate(5, AgentResponseFormComponent_Conditional_0_Conditional_2_Conditional_5_Template, 2, 0);
-    i0.ɵɵconditionalCreate(6, AgentResponseFormComponent_Conditional_0_Conditional_2_Conditional_6_Template, 3, 4, "button", 12);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("formGroup", ctx_r2.formGroup);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.responseForm.title ? 1 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.responseForm.description ? 2 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.mainQuestions.length > 0 ? 3 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r2.footerChoiceQuestion ? 5 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.showSubmitButton ? 6 : -1);
-} }
-function AgentResponseFormComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 0);
-    i0.ɵɵconditionalCreate(1, AgentResponseFormComponent_Conditional_0_Conditional_1_Template, 3, 0, "div", 1);
-    i0.ɵɵconditionalCreate(2, AgentResponseFormComponent_Conditional_0_Conditional_2_Template, 7, 6, "form", 2);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.isSimpleChoice ? 1 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(!ctx_r2.isSimpleChoice ? 2 : -1);
-} }
-/**
- * Component for displaying agent response forms with dynamic questions
- * Handles both simple button choices and complex multi-question forms
- */
-export class AgentResponseFormComponent {
-    cdr;
-    responseForm;
-    disabled = false;
-    isLastMessage = false;
-    isConversationOwner = false;
-    formSubmitted = new EventEmitter();
-    formGroup;
-    isSubmitting = false;
-    constructor(cdr) {
-        this.cdr = cdr;
-    }
-    ngOnInit() {
-        console.debug('AgentResponseForm ngOnInit:', {
-            hasResponseForm: !!this.responseForm,
-            responseForm: this.responseForm,
-            disabled: this.disabled,
-            isLastMessage: this.isLastMessage,
-            isConversationOwner: this.isConversationOwner,
-            isVisible: this.isVisible,
-            isSimpleChoice: this.isSimpleChoice
-        });
-        this.buildFormGroup();
-    }
-    /**
-     * Check if this is a simple choice (single question with buttongroup/radio, no title)
-     * Simple choices render as buttons only, complex forms render as full forms
-     */
-    get isSimpleChoice() {
-        if (!this.responseForm)
-            return false;
-        return (this.responseForm.questions.length === 1 &&
-            !this.responseForm.title &&
-            this.isChoiceQuestion(this.responseForm.questions[0]));
-    }
-    /**
-     * Get the choice question that should be rendered in the footer (if any)
-     * Forms with a buttongroup/radio question have those buttons in the footer instead of Submit
-     */
-    get footerChoiceQuestion() {
-        if (!this.responseForm || this.isSimpleChoice)
-            return null;
-        // Find the last buttongroup/radio question - it becomes the footer action
-        const choiceQuestions = this.responseForm.questions.filter(q => this.isChoiceQuestion(q));
-        return choiceQuestions.length > 0 ? choiceQuestions[choiceQuestions.length - 1] : null;
-    }
-    /**
-     * Get questions to render in the main form area (excludes footer choice question)
-     */
-    get mainQuestions() {
-        if (!this.responseForm)
-            return [];
-        const footerChoice = this.footerChoiceQuestion;
-        if (!footerChoice)
-            return this.responseForm.questions;
-        return this.responseForm.questions.filter(q => q.id !== footerChoice.id);
-    }
-    /**
-     * Check if we should show the standard Submit button (no footer choice question)
-     */
-    get showSubmitButton() {
-        return !this.footerChoiceQuestion;
-    }
-    /**
-     * Check if component should be visible
-     */
-    get isVisible() {
-        return (this.isLastMessage &&
-            this.isConversationOwner &&
-            this.responseForm &&
-            this.responseForm.questions.length > 0);
-    }
-    /**
-     * Get submit button label
-     */
-    get submitLabel() {
-        return this.responseForm.submitLabel || 'Submit';
-    }
-    /**
-     * Check if a question is a choice-based question
-     */
-    isChoiceQuestion(question) {
-        const type = typeof question.type === 'string' ? question.type : question.type.type;
-        return ['buttongroup', 'radio'].includes(type);
-    }
-    /**
-     * Build the reactive form group from the response form definition
-     */
-    buildFormGroup() {
-        const controls = {};
-        for (const question of this.responseForm.questions) {
-            const validators = [];
-            if (question.required) {
-                validators.push(Validators.required);
-            }
-            // Add email validator for email questions
-            const questionType = typeof question.type === 'string' ? question.type : question.type.type;
-            if (questionType === 'email') {
-                validators.push(Validators.email);
-            }
-            // Add min/max validators for number/currency questions
-            if (['number', 'currency'].includes(questionType) && typeof question.type === 'object') {
-                if ('min' in question.type && question.type.min != null) {
-                    validators.push(Validators.min(question.type.min));
-                }
-                if ('max' in question.type && question.type.max != null) {
-                    validators.push(Validators.max(question.type.max));
-                }
-            }
-            // Initialize value based on question type
-            let initialValue = question.defaultValue;
-            if (!initialValue) {
-                // For checkbox with multiple selection, initialize as empty array
-                if (questionType === 'checkbox' && typeof question.type === 'object' && 'multiple' in question.type && question.type.multiple) {
-                    initialValue = [];
-                }
-                else {
-                    initialValue = null;
-                }
-            }
-            controls[question.id] = new FormControl(initialValue, validators);
-        }
-        this.formGroup = new FormGroup(controls);
-    }
-    /**
-     * Get FormControl for a specific question
-     */
-    getControl(questionId) {
-        return this.formGroup.get(questionId);
-    }
-    /**
-     * Handle simple choice button click (for single question forms)
-     */
-    onSimpleChoiceClick(value) {
-        if (!this.disabled && !this.isSubmitting) {
-            const question = this.responseForm.questions[0];
-            this.isSubmitting = true;
-            this.formSubmitted.emit({ [question.id]: value });
-            // Reset submitting state after a short delay
-            setTimeout(() => {
-                this.isSubmitting = false;
-                this.cdr.detectChanges();
-            }, 1000);
-        }
-    }
-    /**
-     * Handle footer choice button click (for forms with choice buttons in footer)
-     * Submits the form with all field values plus the selected choice
-     */
-    onFooterChoiceClick(value) {
-        if (!this.disabled && !this.isSubmitting && this.footerChoiceQuestion) {
-            // First validate any required fields in the main form
-            const mainControlKeys = this.mainQuestions.map(q => q.id);
-            let hasInvalidFields = false;
-            for (const key of mainControlKeys) {
-                const control = this.formGroup.get(key);
-                if (control?.invalid) {
-                    control.markAsTouched();
-                    hasInvalidFields = true;
-                }
-            }
-            if (hasInvalidFields) {
-                return;
-            }
-            this.isSubmitting = true;
-            // Gather all form values and add the choice value
-            const formData = { ...this.formGroup.value };
-            formData[this.footerChoiceQuestion.id] = value;
-            this.formSubmitted.emit(formData);
-            // Reset form and submitting state
-            Promise.resolve().then(() => {
-                this.formGroup.reset();
-                this.isSubmitting = false;
-                this.cdr.detectChanges();
-            });
-        }
-    }
-    /**
-     * Handle full form submission
-     */
-    onSubmit() {
-        if (this.formGroup.invalid) {
-            // Mark all fields as touched to show validation errors
-            Object.keys(this.formGroup.controls).forEach(key => {
-                this.formGroup.controls[key].markAsTouched();
-            });
-            return;
-        }
-        if (!this.disabled && !this.isSubmitting) {
-            this.isSubmitting = true;
-            this.formSubmitted.emit(this.formGroup.value);
-            // Reset form and submitting state
-            Promise.resolve().then(() => {
-                this.formGroup.reset();
-                this.isSubmitting = false;
-                this.cdr.detectChanges();
-            });
-        }
-    }
-    /**
-     * Get options for a choice question (used in simple choice mode)
-     */
-    getOptions(question) {
-        if (typeof question.type === 'object' && 'options' in question.type) {
-            return question.type.options;
-        }
-        return [];
-    }
-    /**
-     * Check if question has an icon
-     */
-    hasIcon(option) {
-        return option && option.icon;
-    }
-    /**
-     * Track by function for questions list
-     */
-    trackByQuestionId(index, question) {
-        return question.id;
-    }
-    /**
-     * Track by function for options list
-     */
-    trackByValue(index, option) {
-        return option.value;
-    }
-    static ɵfac = function AgentResponseFormComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AgentResponseFormComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AgentResponseFormComponent, selectors: [["mj-agent-response-form"]], inputs: { responseForm: "responseForm", disabled: "disabled", isLastMessage: "isLastMessage", isConversationOwner: "isConversationOwner" }, outputs: { formSubmitted: "formSubmitted" }, standalone: false, decls: 1, vars: 1, consts: [[1, "agent-response-form"], [1, "simple-choice-buttons"], [1, "response-form", 3, "formGroup"], ["kendoButton", "", 1, "choice-button", 3, "disabled"], ["kendoButton", "", 1, "choice-button", 3, "click", "disabled"], ["aria-hidden", "true", 3, "class"], ["aria-hidden", "true"], [1, "response-form", 3, "ngSubmit", "formGroup"], [1, "form-title"], [1, "form-description"], [1, "form-questions"], [1, "form-actions"], ["kendoButton", "", "type", "submit", 1, "submit-button", 3, "themeColor", "disabled"], [3, "question", "control", "formControlName"], ["kendoButton", "", "type", "button", 1, "footer-choice-button", 3, "themeColor", "disabled"], ["kendoButton", "", "type", "button", 1, "footer-choice-button", 3, "click", "themeColor", "disabled"], [1, "k-icon", "k-i-loading"], ["aria-hidden", "true", 1, "fa", "fa-check"]], template: function AgentResponseFormComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, AgentResponseFormComponent_Conditional_0_Template, 3, 2, "div", 0);
-        } if (rf & 2) {
-            i0.ɵɵconditional(ctx.isVisible ? 0 : -1);
-        } }, dependencies: [i1.ɵNgNoValidate, i1.NgControlStatus, i1.NgControlStatusGroup, i1.FormGroupDirective, i1.FormControlName, i2.ButtonComponent, i3.FormQuestionComponent], styles: [".agent-response-form[_ngcontent-%COMP%] {\n  margin-top: 16px;\n  display: block;\n  width: fit-content;\n  max-width: 600px;\n}\n\n\n\n.simple-choice-buttons[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 12px;\n}\n\n.choice-button[_ngcontent-%COMP%] {\n  padding: 8px 16px;\n  font-size: 14px;\n}\n\n.choice-button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 6px;\n}\n\n\n\n.response-form[_ngcontent-%COMP%] {\n  background: rgba(16, 185, 129, 0.03);\n  border: 2px solid rgba(16, 185, 129, 0.3);\n  border-radius: 12px;\n  padding: 0;\n  margin-top: 12px;\n  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.1);\n  overflow: hidden;\n}\n\n.form-title[_ngcontent-%COMP%] {\n  margin: 0;\n  padding: 12px 16px;\n  font-size: 14px;\n  font-weight: 600;\n  color: white;\n  background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.form-title[_ngcontent-%COMP%]::before {\n  content: \"\\f044\";\n  font-family: \"Font Awesome 6 Free\";\n  font-weight: 900;\n  font-size: 13px;\n  opacity: 0.95;\n}\n\n.form-description[_ngcontent-%COMP%] {\n  margin: 0;\n  padding: 12px 16px;\n  font-size: 13px;\n  color: #059669;\n  background: rgba(16, 185, 129, 0.08);\n  border-bottom: 1px solid rgba(16, 185, 129, 0.15);\n  font-style: italic;\n}\n\n.form-questions[_ngcontent-%COMP%] {\n  padding: 16px;\n  background: white;\n}\n\n.form-actions[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  justify-content: flex-start;\n  padding: 12px 16px;\n  background: rgba(16, 185, 129, 0.05);\n  border-top: 1px solid rgba(16, 185, 129, 0.15);\n}\n\n.submit-button[_ngcontent-%COMP%] {\n  min-width: 120px;\n}\n\n\n\n.footer-choice-button[_ngcontent-%COMP%] {\n  min-width: 120px;\n  max-width: 100%;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.3;\n  padding: 10px 16px;\n}\n\n.footer-choice-button[_ngcontent-%COMP%]   i.fa[_ngcontent-%COMP%] {\n  margin-right: 6px;\n  flex-shrink: 0;\n}\n\n.footer-choice-button[_ngcontent-%COMP%]   .k-icon[_ngcontent-%COMP%] {\n  animation: _ngcontent-%COMP%_spin 1s linear infinite;\n}\n\n.submit-button[_ngcontent-%COMP%]   i.fa[_ngcontent-%COMP%] {\n  margin-right: 6px;\n}\n\n.submit-button[_ngcontent-%COMP%]   .k-icon[_ngcontent-%COMP%] {\n  margin-right: 6px;\n  animation: _ngcontent-%COMP%_spin 1s linear infinite;\n}\n\n@keyframes _ngcontent-%COMP%_spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n\n\n@media (max-width: 768px) {\n  .agent-response-form[_ngcontent-%COMP%] {\n    margin-top: 12px;\n  }\n\n  .response-form[_ngcontent-%COMP%] {\n    border-radius: 10px;\n  }\n\n  .form-questions[_ngcontent-%COMP%] {\n    padding: 12px;\n  }\n\n  .form-actions[_ngcontent-%COMP%] {\n    padding: 10px 12px;\n  }\n\n  .simple-choice-buttons[_ngcontent-%COMP%] {\n    gap: 8px;\n  }\n\n  .choice-button[_ngcontent-%COMP%] {\n    padding: 10px 14px;\n    font-size: 13px;\n  }\n}\n\n@media (max-width: 480px) {\n  .agent-response-form[_ngcontent-%COMP%] {\n    margin-top: 10px;\n    width: 100%;\n    max-width: 100%;\n  }\n\n  .response-form[_ngcontent-%COMP%] {\n    border-radius: 8px;\n    border-width: 1.5px;\n  }\n\n  .form-title[_ngcontent-%COMP%] {\n    font-size: 13px;\n    padding: 10px 12px;\n  }\n\n  .form-description[_ngcontent-%COMP%] {\n    font-size: 12px;\n    padding: 10px 12px;\n  }\n\n  .form-questions[_ngcontent-%COMP%] {\n    padding: 10px;\n  }\n\n  .form-actions[_ngcontent-%COMP%] {\n    padding: 8px 10px;\n    flex-direction: column;\n  }\n\n  .choice-button[_ngcontent-%COMP%] {\n    width: 100%;\n    min-height: 44px;\n    padding: 12px 16px;\n    font-size: 14px;\n  }\n\n  .footer-choice-button[_ngcontent-%COMP%] {\n    width: 100%;\n    min-height: 44px;\n    font-size: 14px;\n  }\n\n  .submit-button[_ngcontent-%COMP%] {\n    width: 100%;\n    min-height: 44px;\n    font-size: 13px;\n  }\n}"] });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AgentResponseFormComponent, [{
-        type: Component,
-        args: [{ standalone: false, selector: 'mj-agent-response-form', template: "@if (isVisible) {\n  <div class=\"agent-response-form\">\n    <!-- Simple Choice Mode (single question, no title, buttongroup/radio) -->\n    @if (isSimpleChoice) {\n      <div class=\"simple-choice-buttons\">\n        @for (option of getOptions(responseForm.questions[0]); track trackByValue($index, option)) {\n          <button\n            kendoButton\n            [disabled]=\"disabled || isSubmitting\"\n            (click)=\"onSimpleChoiceClick(option.value)\"\n            class=\"choice-button\"\n            >\n            @if (hasIcon(option)) {\n              <i class=\"fa {{ option.icon }}\" aria-hidden=\"true\"></i>\n            }\n            {{ option.label }}\n          </button>\n        }\n      </div>\n    }\n    <!-- Full Form Mode (complex forms) -->\n    @if (!isSimpleChoice) {\n      <form [formGroup]=\"formGroup\" (ngSubmit)=\"onSubmit()\" class=\"response-form\">\n        <!-- Form Title -->\n        @if (responseForm.title) {\n          <h3 class=\"form-title\">{{ responseForm.title }}</h3>\n        }\n        <!-- Form Description -->\n        @if (responseForm.description) {\n          <p class=\"form-description\">{{ responseForm.description }}</p>\n        }\n        <!-- Questions (excludes footer choice question) -->\n        @if (mainQuestions.length > 0) {\n          <div class=\"form-questions\">\n            @for (question of mainQuestions; track trackByQuestionId($index, question)) {\n              <mj-form-question\n                [question]=\"question\"\n                [control]=\"getControl(question.id)\"\n                [formControlName]=\"question.id\"\n              ></mj-form-question>\n            }\n          </div>\n        }\n        <!-- Footer Actions -->\n        <div class=\"form-actions\">\n          <!-- Footer Choice Buttons (replaces Submit when present) -->\n          @if (footerChoiceQuestion) {\n            @for (option of getOptions(footerChoiceQuestion); track trackByValue($index, option)) {\n              <button\n                kendoButton\n                type=\"button\"\n                [themeColor]=\"'primary'\"\n                [disabled]=\"disabled || isSubmitting\"\n                (click)=\"onFooterChoiceClick(option.value)\"\n                class=\"footer-choice-button\"\n                >\n                @if (!isSubmitting) {\n                  <span>\n                    @if (hasIcon(option)) {\n                      <i class=\"fa {{ option.icon }}\" aria-hidden=\"true\"></i>\n                    }\n                    {{ option.label }}\n                  </span>\n                }\n                @if (isSubmitting) {\n                  <span>\n                    <span class=\"k-icon k-i-loading\"></span>\n                  </span>\n                }\n              </button>\n            }\n          }\n          <!-- Standard Submit Button (when no footer choice) -->\n          @if (showSubmitButton) {\n            <button\n              kendoButton\n              type=\"submit\"\n              [themeColor]=\"'primary'\"\n              [disabled]=\"disabled || isSubmitting || formGroup.invalid\"\n              class=\"submit-button\"\n              >\n              @if (!isSubmitting) {\n                <span>\n                  <i class=\"fa fa-check\" aria-hidden=\"true\"></i>\n                  {{ submitLabel }}\n                </span>\n              }\n              @if (isSubmitting) {\n                <span>\n                  <span class=\"k-icon k-i-loading\"></span>\n                  Submitting...\n                </span>\n              }\n            </button>\n          }\n        </div>\n      </form>\n    }\n  </div>\n}\n", styles: [".agent-response-form {\n  margin-top: 16px;\n  display: block;\n  width: fit-content;\n  max-width: 600px;\n}\n\n/* Simple Choice Mode */\n.simple-choice-buttons {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 12px;\n}\n\n.choice-button {\n  padding: 8px 16px;\n  font-size: 14px;\n}\n\n.choice-button i {\n  margin-right: 6px;\n}\n\n/* Full Form Mode - Styled to match response cards but clearly active */\n.response-form {\n  background: rgba(16, 185, 129, 0.03);\n  border: 2px solid rgba(16, 185, 129, 0.3);\n  border-radius: 12px;\n  padding: 0;\n  margin-top: 12px;\n  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.1);\n  overflow: hidden;\n}\n\n.form-title {\n  margin: 0;\n  padding: 12px 16px;\n  font-size: 14px;\n  font-weight: 600;\n  color: white;\n  background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.form-title::before {\n  content: \"\\f044\";\n  font-family: \"Font Awesome 6 Free\";\n  font-weight: 900;\n  font-size: 13px;\n  opacity: 0.95;\n}\n\n.form-description {\n  margin: 0;\n  padding: 12px 16px;\n  font-size: 13px;\n  color: #059669;\n  background: rgba(16, 185, 129, 0.08);\n  border-bottom: 1px solid rgba(16, 185, 129, 0.15);\n  font-style: italic;\n}\n\n.form-questions {\n  padding: 16px;\n  background: white;\n}\n\n.form-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  justify-content: flex-start;\n  padding: 12px 16px;\n  background: rgba(16, 185, 129, 0.05);\n  border-top: 1px solid rgba(16, 185, 129, 0.15);\n}\n\n.submit-button {\n  min-width: 120px;\n}\n\n/* Footer choice buttons - horizontal on desktop with text wrapping */\n.footer-choice-button {\n  min-width: 120px;\n  max-width: 100%;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.3;\n  padding: 10px 16px;\n}\n\n.footer-choice-button i.fa {\n  margin-right: 6px;\n  flex-shrink: 0;\n}\n\n.footer-choice-button .k-icon {\n  animation: spin 1s linear infinite;\n}\n\n.submit-button i.fa {\n  margin-right: 6px;\n}\n\n.submit-button .k-icon {\n  margin-right: 6px;\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  .agent-response-form {\n    margin-top: 12px;\n  }\n\n  .response-form {\n    border-radius: 10px;\n  }\n\n  .form-questions {\n    padding: 12px;\n  }\n\n  .form-actions {\n    padding: 10px 12px;\n  }\n\n  .simple-choice-buttons {\n    gap: 8px;\n  }\n\n  .choice-button {\n    padding: 10px 14px;\n    font-size: 13px;\n  }\n}\n\n@media (max-width: 480px) {\n  .agent-response-form {\n    margin-top: 10px;\n    width: 100%;\n    max-width: 100%;\n  }\n\n  .response-form {\n    border-radius: 8px;\n    border-width: 1.5px;\n  }\n\n  .form-title {\n    font-size: 13px;\n    padding: 10px 12px;\n  }\n\n  .form-description {\n    font-size: 12px;\n    padding: 10px 12px;\n  }\n\n  .form-questions {\n    padding: 10px;\n  }\n\n  .form-actions {\n    padding: 8px 10px;\n    flex-direction: column;\n  }\n\n  .choice-button {\n    width: 100%;\n    min-height: 44px;\n    padding: 12px 16px;\n    font-size: 14px;\n  }\n\n  .footer-choice-button {\n    width: 100%;\n    min-height: 44px;\n    font-size: 14px;\n  }\n\n  .submit-button {\n    width: 100%;\n    min-height: 44px;\n    font-size: 13px;\n  }\n}\n"] }]
-    }], () => [{ type: i0.ChangeDetectorRef }], { responseForm: [{
-            type: Input
-        }], disabled: [{
-            type: Input
-        }], isLastMessage: [{
-            type: Input
-        }], isConversationOwner: [{
-            type: Input
-        }], formSubmitted: [{
-            type: Output
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AgentResponseFormComponent, { className: "AgentResponseFormComponent", filePath: "src/lib/components/message/agent-response-form.component.ts", lineNumber: 15 }); })();
-//# sourceMappingURL=agent-response-form.component.js.map

package/dist/lib/components/message/agent-response-form.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"agent-response-form.component.js","sourceRoot":"","sources":["../../../../src/lib/components/message/agent-response-form.component.ts","../../../../src/lib/components/message/agent-response-form.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, OnInit, ChangeDetectorRef } from '@angular/core';\nimport { FormGroup, FormControl, Validators } from '@angular/forms';\nimport { AgentResponseForm, FormQuestion } from '@memberjunction/ai-core-plus';\n\n/**\n * Component for displaying agent response forms with dynamic questions\n * Handles both simple button choices and complex multi-question forms\n */\n@Component({\n  standalone: false,\n  selector: 'mj-agent-response-form',\n  templateUrl: './agent-response-form.component.html',\n  styleUrls: ['./agent-response-form.component.css']\n})\nexport class AgentResponseFormComponent implements OnInit {\n  @Input() responseForm!: AgentResponseForm;\n  @Input() disabled: boolean = false;\n  @Input() isLastMessage: boolean = false;\n  @Input() isConversationOwner: boolean = false;\n\n  @Output() formSubmitted = new EventEmitter<Record<string, any>>();\n\n  public formGroup!: FormGroup;\n  public isSubmitting: boolean = false;\n\n  constructor(private cdr: ChangeDetectorRef) {}\n\n  ngOnInit(): void {\n    console.debug('AgentResponseForm ngOnInit:', {\n      hasResponseForm: !!this.responseForm,\n      responseForm: this.responseForm,\n      disabled: this.disabled,\n      isLastMessage: this.isLastMessage,\n      isConversationOwner: this.isConversationOwner,\n      isVisible: this.isVisible,\n      isSimpleChoice: this.isSimpleChoice\n    });\n    this.buildFormGroup();\n  }\n\n  /**\n   * Check if this is a simple choice (single question with buttongroup/radio, no title)\n   * Simple choices render as buttons only, complex forms render as full forms\n   */\n  public get isSimpleChoice(): boolean {\n    if (!this.responseForm) return false;\n\n    return (\n      this.responseForm.questions.length === 1 &&\n      !this.responseForm.title &&\n      this.isChoiceQuestion(this.responseForm.questions[0])\n    );\n  }\n\n  /**\n   * Get the choice question that should be rendered in the footer (if any)\n   * Forms with a buttongroup/radio question have those buttons in the footer instead of Submit\n   */\n  public get footerChoiceQuestion(): FormQuestion | null {\n    if (!this.responseForm || this.isSimpleChoice) return null;\n\n    // Find the last buttongroup/radio question - it becomes the footer action\n    const choiceQuestions = this.responseForm.questions.filter(q => this.isChoiceQuestion(q));\n    return choiceQuestions.length > 0 ? choiceQuestions[choiceQuestions.length - 1] : null;\n  }\n\n  /**\n   * Get questions to render in the main form area (excludes footer choice question)\n   */\n  public get mainQuestions(): FormQuestion[] {\n    if (!this.responseForm) return [];\n\n    const footerChoice = this.footerChoiceQuestion;\n    if (!footerChoice) return this.responseForm.questions;\n\n    return this.responseForm.questions.filter(q => q.id !== footerChoice.id);\n  }\n\n  /**\n   * Check if we should show the standard Submit button (no footer choice question)\n   */\n  public get showSubmitButton(): boolean {\n    return !this.footerChoiceQuestion;\n  }\n\n  /**\n   * Check if component should be visible\n   */\n  public get isVisible(): boolean {\n    return (\n      this.isLastMessage &&\n      this.isConversationOwner &&\n      this.responseForm &&\n      this.responseForm.questions.length > 0\n    );\n  }\n\n  /**\n   * Get submit button label\n   */\n  public get submitLabel(): string {\n    return this.responseForm.submitLabel || 'Submit';\n  }\n\n  /**\n   * Check if a question is a choice-based question\n   */\n  private isChoiceQuestion(question: FormQuestion): boolean {\n    const type = typeof question.type === 'string' ? question.type : question.type.type;\n    return ['buttongroup', 'radio'].includes(type);\n  }\n\n  /**\n   * Build the reactive form group from the response form definition\n   */\n  private buildFormGroup(): void {\n    const controls: Record<string, FormControl> = {};\n\n    for (const question of this.responseForm.questions) {\n      const validators = [];\n      if (question.required) {\n        validators.push(Validators.required);\n      }\n\n      // Add email validator for email questions\n      const questionType = typeof question.type === 'string' ? question.type : question.type.type;\n      if (questionType === 'email') {\n        validators.push(Validators.email);\n      }\n\n      // Add min/max validators for number/currency questions\n      if (['number', 'currency'].includes(questionType) && typeof question.type === 'object') {\n        if ('min' in question.type && question.type.min != null) {\n          validators.push(Validators.min(question.type.min as number));\n        }\n        if ('max' in question.type && question.type.max != null) {\n          validators.push(Validators.max(question.type.max as number));\n        }\n      }\n\n      // Initialize value based on question type\n      let initialValue = question.defaultValue;\n      if (!initialValue) {\n        // For checkbox with multiple selection, initialize as empty array\n        if (questionType === 'checkbox' && typeof question.type === 'object' && 'multiple' in question.type && question.type.multiple) {\n          initialValue = [];\n        } else {\n          initialValue = null;\n        }\n      }\n\n      controls[question.id] = new FormControl(initialValue, validators);\n    }\n\n    this.formGroup = new FormGroup(controls);\n  }\n\n  /**\n   * Get FormControl for a specific question\n   */\n  public getControl(questionId: string): FormControl {\n    return this.formGroup.get(questionId) as FormControl;\n  }\n\n  /**\n   * Handle simple choice button click (for single question forms)\n   */\n  public onSimpleChoiceClick(value: any): void {\n    if (!this.disabled && !this.isSubmitting) {\n      const question = this.responseForm.questions[0];\n      this.isSubmitting = true;\n      this.formSubmitted.emit({ [question.id]: value });\n\n      // Reset submitting state after a short delay\n      setTimeout(() => {\n        this.isSubmitting = false;\n        this.cdr.detectChanges();\n      }, 1000);\n    }\n  }\n\n  /**\n   * Handle footer choice button click (for forms with choice buttons in footer)\n   * Submits the form with all field values plus the selected choice\n   */\n  public onFooterChoiceClick(value: any): void {\n    if (!this.disabled && !this.isSubmitting && this.footerChoiceQuestion) {\n      // First validate any required fields in the main form\n      const mainControlKeys = this.mainQuestions.map(q => q.id);\n      let hasInvalidFields = false;\n\n      for (const key of mainControlKeys) {\n        const control = this.formGroup.get(key);\n        if (control?.invalid) {\n          control.markAsTouched();\n          hasInvalidFields = true;\n        }\n      }\n\n      if (hasInvalidFields) {\n        return;\n      }\n\n      this.isSubmitting = true;\n\n      // Gather all form values and add the choice value\n      const formData = { ...this.formGroup.value };\n      formData[this.footerChoiceQuestion.id] = value;\n\n      this.formSubmitted.emit(formData);\n\n      // Reset form and submitting state\n      Promise.resolve().then(() => {\n        this.formGroup.reset();\n        this.isSubmitting = false;\n        this.cdr.detectChanges();\n      });\n    }\n  }\n\n  /**\n   * Handle full form submission\n   */\n  public onSubmit(): void {\n    if (this.formGroup.invalid) {\n      // Mark all fields as touched to show validation errors\n      Object.keys(this.formGroup.controls).forEach(key => {\n        this.formGroup.controls[key].markAsTouched();\n      });\n      return;\n    }\n\n    if (!this.disabled && !this.isSubmitting) {\n      this.isSubmitting = true;\n      this.formSubmitted.emit(this.formGroup.value);\n\n      // Reset form and submitting state\n      Promise.resolve().then(() => {\n        this.formGroup.reset();\n        this.isSubmitting = false;\n        this.cdr.detectChanges();\n      });\n    }\n  }\n\n  /**\n   * Get options for a choice question (used in simple choice mode)\n   */\n  public getOptions(question: FormQuestion): any[] {\n    if (typeof question.type === 'object' && 'options' in question.type) {\n      return question.type.options;\n    }\n    return [];\n  }\n\n  /**\n   * Check if question has an icon\n   */\n  public hasIcon(option: any): boolean {\n    return option && option.icon;\n  }\n\n  /**\n   * Track by function for questions list\n   */\n  public trackByQuestionId(index: number, question: FormQuestion): string {\n    return question.id;\n  }\n\n  /**\n   * Track by function for options list\n   */\n  public trackByValue(index: number, option: any): any {\n    return option.value;\n  }\n}\n","@if (isVisible) {\n  <div class=\"agent-response-form\">\n    <!-- Simple Choice Mode (single question, no title, buttongroup/radio) -->\n    @if (isSimpleChoice) {\n      <div class=\"simple-choice-buttons\">\n        @for (option of getOptions(responseForm.questions[0]); track trackByValue($index, option)) {\n          <button\n            kendoButton\n            [disabled]=\"disabled || isSubmitting\"\n            (click)=\"onSimpleChoiceClick(option.value)\"\n            class=\"choice-button\"\n            >\n            @if (hasIcon(option)) {\n              <i class=\"fa {{ option.icon }}\" aria-hidden=\"true\"></i>\n            }\n            {{ option.label }}\n          </button>\n        }\n      </div>\n    }\n    <!-- Full Form Mode (complex forms) -->\n    @if (!isSimpleChoice) {\n      <form [formGroup]=\"formGroup\" (ngSubmit)=\"onSubmit()\" class=\"response-form\">\n        <!-- Form Title -->\n        @if (responseForm.title) {\n          <h3 class=\"form-title\">{{ responseForm.title }}</h3>\n        }\n        <!-- Form Description -->\n        @if (responseForm.description) {\n          <p class=\"form-description\">{{ responseForm.description }}</p>\n        }\n        <!-- Questions (excludes footer choice question) -->\n        @if (mainQuestions.length > 0) {\n          <div class=\"form-questions\">\n            @for (question of mainQuestions; track trackByQuestionId($index, question)) {\n              <mj-form-question\n                [question]=\"question\"\n                [control]=\"getControl(question.id)\"\n                [formControlName]=\"question.id\"\n              ></mj-form-question>\n            }\n          </div>\n        }\n        <!-- Footer Actions -->\n        <div class=\"form-actions\">\n          <!-- Footer Choice Buttons (replaces Submit when present) -->\n          @if (footerChoiceQuestion) {\n            @for (option of getOptions(footerChoiceQuestion); track trackByValue($index, option)) {\n              <button\n                kendoButton\n                type=\"button\"\n                [themeColor]=\"'primary'\"\n                [disabled]=\"disabled || isSubmitting\"\n                (click)=\"onFooterChoiceClick(option.value)\"\n                class=\"footer-choice-button\"\n                >\n                @if (!isSubmitting) {\n                  <span>\n                    @if (hasIcon(option)) {\n                      <i class=\"fa {{ option.icon }}\" aria-hidden=\"true\"></i>\n                    }\n                    {{ option.label }}\n                  </span>\n                }\n                @if (isSubmitting) {\n                  <span>\n                    <span class=\"k-icon k-i-loading\"></span>\n                  </span>\n                }\n              </button>\n            }\n          }\n          <!-- Standard Submit Button (when no footer choice) -->\n          @if (showSubmitButton) {\n            <button\n              kendoButton\n              type=\"submit\"\n              [themeColor]=\"'primary'\"\n              [disabled]=\"disabled || isSubmitting || formGroup.invalid\"\n              class=\"submit-button\"\n              >\n              @if (!isSubmitting) {\n                <span>\n                  <i class=\"fa fa-check\" aria-hidden=\"true\"></i>\n                  {{ submitLabel }}\n                </span>\n              }\n              @if (isSubmitting) {\n                <span>\n                  <span class=\"k-icon k-i-loading\"></span>\n                  Submitting...\n                </span>\n              }\n            </button>\n          }\n        </div>\n      </form>\n    }\n  </div>\n}\n"]}

package/dist/lib/components/message/form-question.component.d.ts

@@ -1,105 +0,0 @@
-import { OnInit } from '@angular/core';
-import { ControlValueAccessor, FormControl } from '@angular/forms';
-import { FormQuestion, FormOption } from '@memberjunction/ai-core-plus';
-import * as i0 from "@angular/core";
-/**
- * Component for rendering individual form questions with various input types
- * Implements ControlValueAccessor for seamless integration with Angular forms
- */
-export declare class FormQuestionComponent implements ControlValueAccessor, OnInit {
-    question: FormQuestion;
-    control: FormControl;
-    value: any;
-    disabled: boolean;
-    private onChange;
-    private onTouched;
-    ngOnInit(): void;
-    /**
-     * Get the question type (handles both simple string and complex types)
-     */
-    get questionType(): string;
-    /**
-     * Check if this is a choice-based question (buttongroup, radio, dropdown, checkbox)
-     */
-    get isChoiceQuestion(): boolean;
-    /**
-     * Get options for choice questions
-     */
-    get options(): FormOption[];
-    /**
-     * Check if multiple selections are allowed (for checkbox type)
-     */
-    get allowMultiple(): boolean;
-    /**
-     * Get CSS class for field width based on widthHint or intelligent defaults
-     */
-    get widthClass(): string;
-    /**
-     * Get placeholder text for text inputs
-     */
-    get placeholder(): string | undefined;
-    /**
-     * Get min value for number/currency inputs
-     */
-    get min(): number | undefined;
-    /**
-     * Get max value for number/currency inputs
-     */
-    get max(): number | undefined;
-    /**
-     * Get step value for number/currency inputs
-     */
-    get step(): number | undefined;
-    /**
-     * Get prefix for currency inputs
-     */
-    get prefix(): string | undefined;
-    /**
-     * Get suffix for currency inputs
-     */
-    get suffix(): string | undefined;
-    /**
-     * Handle value changes
-     */
-    onValueChange(newValue: any): void;
-    /**
-     * Handle checkbox toggle for multiple selection
-     */
-    toggleCheckbox(option: FormOption): void;
-    /**
-     * Check if a checkbox option is selected
-     */
-    isChecked(option: FormOption): boolean;
-    writeValue(value: any): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
-    setDisabledState(isDisabled: boolean): void;
-    /**
-     * Debug handler for dropdown changes
-     */
-    onDropdownChange(value: any): void;
-    /**
-     * Get slider configuration
-     */
-    getSliderConfig(): {
-        min: number;
-        max: number;
-        step?: number;
-        suffix?: string;
-    };
-    /**
-     * Handle date range start date change
-     */
-    onDateRangeStartChange(value: Date): void;
-    /**
-     * Handle date range end date change
-     */
-    onDateRangeEndChange(value: Date): void;
-    /**
-     * Track by function for options list
-     */
-    trackByValue(index: number, option: FormOption): any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FormQuestionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormQuestionComponent, "mj-form-question", never, { "question": { "alias": "question"; "required": false; }; "control": { "alias": "control"; "required": false; }; }, {}, never, never, false, never>;
-}
-//# sourceMappingURL=form-question.component.d.ts.map

package/dist/lib/components/message/form-question.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-question.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/message/form-question.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,MAAM,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAqB,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACtF,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;;AAExE;;;GAGG;AACH,qBAaa,qBAAsB,YAAW,oBAAoB,EAAE,MAAM;IAC/D,QAAQ,EAAG,YAAY,CAAC;IACxB,OAAO,EAAG,WAAW,CAAC;IAExB,KAAK,EAAE,GAAG,CAAQ;IAClB,QAAQ,EAAE,OAAO,CAAS;IAEjC,OAAO,CAAC,QAAQ,CAAkC;IAClD,OAAO,CAAC,SAAS,CAAwB;IAEzC,QAAQ,IAAI,IAAI;IAahB;;OAEG;IACH,IAAW,YAAY,IAAI,MAAM,CAIhC;IAED;;OAEG;IACH,IAAW,gBAAgB,IAAI,OAAO,CAGrC;IAED;;OAEG;IACH,IAAW,OAAO,IAAI,UAAU,EAAE,CAKjC;IAED;;OAEG;IACH,IAAW,aAAa,IAAI,OAAO,CAGlC;IAED;;OAEG;IACH,IAAW,UAAU,IAAI,MAAM,CAoC9B;IAED;;OAEG;IACH,IAAW,WAAW,IAAI,MAAM,GAAG,SAAS,CAK3C;IAED;;OAEG;IACH,IAAW,GAAG,IAAI,MAAM,GAAG,SAAS,CAKnC;IAED;;OAEG;IACH,IAAW,GAAG,IAAI,MAAM,GAAG,SAAS,CAKnC;IAED;;OAEG;IACH,IAAW,IAAI,IAAI,MAAM,GAAG,SAAS,CAKpC;IAED;;OAEG;IACH,IAAW,MAAM,IAAI,MAAM,GAAG,SAAS,CAKtC;IAED;;OAEG;IACH,IAAW,MAAM,IAAI,MAAM,GAAG,SAAS,CAKtC;IAED;;OAEG;IACI,aAAa,CAAC,QAAQ,EAAE,GAAG,GAAG,IAAI;IAMzC;;OAEG;IACI,cAAc,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI;IAsB/C;;OAEG;IACI,SAAS,CAAC,MAAM,EAAE,UAAU,GAAG,OAAO;IAS7C,UAAU,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;IAI5B,gBAAgB,CAAC,EAAE,EAAE,GAAG,GAAG,IAAI;IAI/B,iBAAiB,CAAC,EAAE,EAAE,GAAG,GAAG,IAAI;IAIhC,gBAAgB,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI;IAI3C;;OAEG;IACI,gBAAgB,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;IASzC;;OAEG;IACI,eAAe,IAAI;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE;IAYtF;;OAEG;IACI,sBAAsB,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI;IAKhD;;OAEG;IACI,oBAAoB,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI;IAK9C;;OAEG;IACI,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,GAAG,GAAG;yCA3QhD,qBAAqB;2CAArB,qBAAqB;CA8QjC"}