@memberjunction/ng-conversations 2.117.0 → 2.118.0

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

@@ -0,0 +1,310 @@
+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/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@progress/kendo-angular-buttons";
+import * as i4 from "./form-question.component";
+function AgentResponseFormComponent_div_0_div_1_button_1_i_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 8);
+} if (rf & 2) {
+    const option_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵclassMapInterpolate1("fa ", option_r2.icon, "");
+} }
+function AgentResponseFormComponent_div_0_div_1_button_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 6);
+    i0.ɵɵlistener("click", function AgentResponseFormComponent_div_0_div_1_button_1_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.ɵɵtemplate(1, AgentResponseFormComponent_div_0_div_1_button_1_i_1_Template, 1, 3, "i", 7);
+    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.ɵɵproperty("ngIf", ctx_r2.hasIcon(option_r2));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", option_r2.label, " ");
+} }
+function AgentResponseFormComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 4);
+    i0.ɵɵtemplate(1, AgentResponseFormComponent_div_0_div_1_button_1_Template, 3, 3, "button", 5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r2.getOptions(ctx_r2.responseForm.questions[0]))("ngForTrackBy", ctx_r2.trackByValue);
+} }
+function AgentResponseFormComponent_div_0_form_2_h3_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "h3", 17);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r2.responseForm.title);
+} }
+function AgentResponseFormComponent_div_0_form_2_p_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 18);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r2.responseForm.description);
+} }
+function AgentResponseFormComponent_div_0_form_2_mj_form_question_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-form-question", 19);
+} if (rf & 2) {
+    const question_r5 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("question", question_r5)("control", ctx_r2.getControl(question_r5.id))("formControlName", question_r5.id);
+} }
+function AgentResponseFormComponent_div_0_form_2_span_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵelement(1, "i", 20);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.submitLabel, " ");
+} }
+function AgentResponseFormComponent_div_0_form_2_span_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵelement(1, "span", 21);
+    i0.ɵɵtext(2, " Submitting... ");
+    i0.ɵɵelementEnd();
+} }
+function AgentResponseFormComponent_div_0_form_2_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "form", 9);
+    i0.ɵɵlistener("ngSubmit", function AgentResponseFormComponent_div_0_form_2_Template_form_ngSubmit_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onSubmit()); });
+    i0.ɵɵtemplate(1, AgentResponseFormComponent_div_0_form_2_h3_1_Template, 2, 1, "h3", 10)(2, AgentResponseFormComponent_div_0_form_2_p_2_Template, 2, 1, "p", 11);
+    i0.ɵɵelementStart(3, "div", 12);
+    i0.ɵɵtemplate(4, AgentResponseFormComponent_div_0_form_2_mj_form_question_4_Template, 1, 3, "mj-form-question", 13);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 14)(6, "button", 15);
+    i0.ɵɵtemplate(7, AgentResponseFormComponent_div_0_form_2_span_7_Template, 3, 1, "span", 16)(8, AgentResponseFormComponent_div_0_form_2_span_8_Template, 3, 0, "span", 16);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("formGroup", ctx_r2.formGroup);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.responseForm.title);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.responseForm.description);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngForOf", ctx_r2.responseForm.questions)("ngForTrackBy", ctx_r2.trackByQuestionId);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("themeColor", "primary")("disabled", ctx_r2.disabled || ctx_r2.isSubmitting || ctx_r2.formGroup.invalid);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r2.isSubmitting);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.isSubmitting);
+} }
+function AgentResponseFormComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵtemplate(1, AgentResponseFormComponent_div_0_div_1_Template, 2, 2, "div", 2)(2, AgentResponseFormComponent_div_0_form_2_Template, 9, 9, "form", 3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.isSimpleChoice);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r2.isSimpleChoice);
+} }
+/**
+ * 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.log('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]));
+    }
+    /**
+     * 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 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(t) { return new (t || 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" }, decls: 1, vars: 1, consts: [["class", "agent-response-form", 4, "ngIf"], [1, "agent-response-form"], ["class", "simple-choice-buttons", 4, "ngIf"], ["class", "response-form", 3, "formGroup", "ngSubmit", 4, "ngIf"], [1, "simple-choice-buttons"], ["kendoButton", "", "class", "choice-button", 3, "disabled", "click", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["kendoButton", "", 1, "choice-button", 3, "click", "disabled"], ["aria-hidden", "true", 3, "class", 4, "ngIf"], ["aria-hidden", "true"], [1, "response-form", 3, "ngSubmit", "formGroup"], ["class", "form-title", 4, "ngIf"], ["class", "form-description", 4, "ngIf"], [1, "form-questions"], [3, "question", "control", "formControlName", 4, "ngFor", "ngForOf", "ngForTrackBy"], [1, "form-actions"], ["kendoButton", "", "type", "submit", 1, "submit-button", 3, "themeColor", "disabled"], [4, "ngIf"], [1, "form-title"], [1, "form-description"], [3, "question", "control", "formControlName"], ["aria-hidden", "true", 1, "fa", "fa-check"], [1, "k-icon", "k-i-loading"]], template: function AgentResponseFormComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, AgentResponseFormComponent_div_0_Template, 3, 2, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.isVisible);
+        } }, dependencies: [i1.NgForOf, i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i3.ButtonComponent, i4.FormQuestionComponent], styles: [".agent-response-form[_ngcontent-%COMP%] {\n  margin-top: 16px;\n  display: inline-block;\n  max-width: min(800px, 100%);\n  min-width: 400px;\n  width: auto;\n}\n\n\n\n.simple-choice-buttons[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\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  justify-content: flex-end;\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.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: 600px) {\n  .agent-response-form[_ngcontent-%COMP%] {\n    min-width: 300px;\n  }\n\n  .form-questions[_ngcontent-%COMP%] {\n    padding: 12px;\n  }\n\n  .simple-choice-buttons[_ngcontent-%COMP%] {\n    flex-direction: column;\n  }\n\n  .choice-button[_ngcontent-%COMP%] {\n    width: 100%;\n  }\n}\n\n@media (max-width: 400px) {\n  .agent-response-form[_ngcontent-%COMP%] {\n    min-width: 100%;\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}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AgentResponseFormComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-agent-response-form', template: "<div *ngIf=\"isVisible\" class=\"agent-response-form\">\n  <!-- Simple Choice Mode (single question, no title, buttongroup/radio) -->\n  <div *ngIf=\"isSimpleChoice\" class=\"simple-choice-buttons\">\n    <button\n      *ngFor=\"let option of getOptions(responseForm.questions[0]); trackBy: trackByValue\"\n      kendoButton\n      [disabled]=\"disabled || isSubmitting\"\n      (click)=\"onSimpleChoiceClick(option.value)\"\n      class=\"choice-button\"\n    >\n      <i *ngIf=\"hasIcon(option)\" class=\"fa {{ option.icon }}\" aria-hidden=\"true\"></i>\n      {{ option.label }}\n    </button>\n  </div>\n\n  <!-- Full Form Mode (complex forms) -->\n  <form *ngIf=\"!isSimpleChoice\" [formGroup]=\"formGroup\" (ngSubmit)=\"onSubmit()\" class=\"response-form\">\n    <!-- Form Title -->\n    <h3 *ngIf=\"responseForm.title\" class=\"form-title\">{{ responseForm.title }}</h3>\n\n    <!-- Form Description -->\n    <p *ngIf=\"responseForm.description\" class=\"form-description\">{{ responseForm.description }}</p>\n\n    <!-- Questions -->\n    <div class=\"form-questions\">\n      <mj-form-question\n        *ngFor=\"let question of responseForm.questions; trackBy: trackByQuestionId\"\n        [question]=\"question\"\n        [control]=\"getControl(question.id)\"\n        [formControlName]=\"question.id\"\n      ></mj-form-question>\n    </div>\n\n    <!-- Submit Button -->\n    <div class=\"form-actions\">\n      <button\n        kendoButton\n        type=\"submit\"\n        [themeColor]=\"'primary'\"\n        [disabled]=\"disabled || isSubmitting || formGroup.invalid\"\n        class=\"submit-button\"\n      >\n        <span *ngIf=\"!isSubmitting\">\n          <i class=\"fa fa-check\" aria-hidden=\"true\"></i>\n          {{ submitLabel }}\n        </span>\n        <span *ngIf=\"isSubmitting\">\n          <span class=\"k-icon k-i-loading\"></span>\n          Submitting...\n        </span>\n      </button>\n    </div>\n  </form>\n</div>\n", styles: [".agent-response-form {\n  margin-top: 16px;\n  display: inline-block;\n  max-width: min(800px, 100%);\n  min-width: 400px;\n  width: auto;\n}\n\n/* Simple Choice Mode */\n.simple-choice-buttons {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\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  justify-content: flex-end;\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.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: 600px) {\n  .agent-response-form {\n    min-width: 300px;\n  }\n\n  .form-questions {\n    padding: 12px;\n  }\n\n  .simple-choice-buttons {\n    flex-direction: column;\n  }\n\n  .choice-button {\n    width: 100%;\n  }\n}\n\n@media (max-width: 400px) {\n  .agent-response-form {\n    min-width: 100%;\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"] }]
+    }], () => [{ 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: 14 }); })();
+//# sourceMappingURL=agent-response-form.component.js.map

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

@@ -0,0 +1 @@
+{"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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"}

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

@@ -0,0 +1,105 @@
+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

@@ -0,0 +1 @@
+{"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,qBAYa,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"}