@forgeroute/ui 0.4.40 → 0.4.42

package/fesm2022/forgeroute-ui-messaging.mjs

@@ -3618,6 +3618,9 @@ var SendEmailComponent = class SendEmailComponent {
 		}, ...ngDevMode ? [{ debugName: "previewContact" }] : /* istanbul ignore next */ []);
 		this.videoDefaults = input(null, ...ngDevMode ? [{ debugName: "videoDefaults" }] : /* istanbul ignore next */ []);
 		this.attachmentsAndScheduling = input(true, ...ngDevMode ? [{ debugName: "attachmentsAndScheduling" }] : /* istanbul ignore next */ []);
+		this.showSubject = input(true, ...ngDevMode ? [{ debugName: "showSubject" }] : /* istanbul ignore next */ []);
+		this.showTemplates = input(true, ...ngDevMode ? [{ debugName: "showTemplates" }] : /* istanbul ignore next */ []);
+		this.showVideo = input(true, ...ngDevMode ? [{ debugName: "showVideo" }] : /* istanbul ignore next */ []);
 		this.sent = output();
 		this.emailAdded = output();
 		this.validChange = output();
@@ -3816,7 +3819,7 @@ var SendEmailComponent = class SendEmailComponent {
 		if (this.ccError || this.documents() && this.documentsInvalid) return false;
 		if (this.signersActive && (this.signersInvalid || !this.signersValue)) return false;
 		if (this.viaDocuSign && !this.contactId()) return false;
-		const hasContent = (this.viaDocuSign || !!this.subject.trim() && !!this.body.trim()) && this.unresolvedVars.length === 0 && !hasLeftoverTags(this.resolvedSubject) && !hasLeftoverTags(this.resolvedBody);
+		const hasContent = (this.viaDocuSign || (!this.showSubject() || !!this.subject.trim()) && !!this.body.trim()) && this.unresolvedVars.length === 0 && !hasLeftoverTags(this.resolvedSubject) && !hasLeftoverTags(this.resolvedBody);
 		if (this.showSchedule) return hasContent && !!this.scheduledAt && new Date(this.scheduledAt).getTime() > Date.now();
 		return hasContent;
 	}
@@ -4317,6 +4320,27 @@ var SendEmailComponent = class SendEmailComponent {
 					isSignal: true,
 					isRequired: false,
 					transformFunction: null
+				},
+				showSubject: {
+					classPropertyName: "showSubject",
+					publicName: "showSubject",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				showTemplates: {
+					classPropertyName: "showTemplates",
+					publicName: "showTemplates",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				showVideo: {
+					classPropertyName: "showVideo",
+					publicName: "showVideo",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
 				}
 			},
 			outputs: {
@@ -4381,12 +4405,15 @@ var SendEmailComponent = class SendEmailComponent {
           (ngModelChange)="notifyValid()" />
       }
 
-      <!-- Mode -->
+      <!-- Mode (hidden with [showTemplates]="false": the form is Create Message only) -->
+      @if (showTemplates()) {
       <div class="sm-mode-row">
         <ui-pill-tabs [tabs]="modeTabs" [activeKey]="mode" (tabChange)="setMode($event)" />
       </div>
+      }
 
       @if (mode === 'compose') {
+        @if (showSubject()) {
         <ui-text-input
           label="Subject"
           [required]="!viaDocuSign"
@@ -4394,6 +4421,7 @@ var SendEmailComponent = class SendEmailComponent {
           [maxlength]="MAX_SUBJECT"
           [(ngModel)]="subject"
           (ngModelChange)="notifyValid()" />
+        }
         <ui-textarea-input
           label="Message"
           [required]="!viaDocuSign"
@@ -4543,7 +4571,7 @@ var SendEmailComponent = class SendEmailComponent {
       }
 
       <!-- Video: the LAST section. The picker, and once a video is attached its settings, Watch Preview and Remove Video. -->
-      @if (mode === 'compose') {
+      @if (mode === 'compose' && showVideo()) {
         <ui-form-section label="Video" [divider]="true">
           @for (k of [videoPickerKey]; track k) {
             <ui-video-picker (videoSelected)="onVideoSelected($event)" />
@@ -4887,7 +4915,8 @@ var SendEmailComponent = class SendEmailComponent {
 						"dismissAriaLabel",
 						"quiet",
 						"compact",
-						"inline"
+						"inline",
+						"fill"
 					],
 					outputs: ["dismissed"]
 				}
@@ -4979,12 +5008,15 @@ i0.ɵɵngDeclareClassMetadata({
           (ngModelChange)="notifyValid()" />
       }
 
-      <!-- Mode -->
+      <!-- Mode (hidden with [showTemplates]="false": the form is Create Message only) -->
+      @if (showTemplates()) {
       <div class="sm-mode-row">
         <ui-pill-tabs [tabs]="modeTabs" [activeKey]="mode" (tabChange)="setMode($event)" />
       </div>
+      }
 
       @if (mode === 'compose') {
+        @if (showSubject()) {
         <ui-text-input
           label="Subject"
           [required]="!viaDocuSign"
@@ -4992,6 +5024,7 @@ i0.ɵɵngDeclareClassMetadata({
           [maxlength]="MAX_SUBJECT"
           [(ngModel)]="subject"
           (ngModelChange)="notifyValid()" />
+        }
         <ui-textarea-input
           label="Message"
           [required]="!viaDocuSign"
@@ -5141,7 +5174,7 @@ i0.ɵɵngDeclareClassMetadata({
       }
 
       <!-- Video: the LAST section. The picker, and once a video is attached its settings, Watch Preview and Remove Video. -->
-      @if (mode === 'compose') {
+      @if (mode === 'compose' && showVideo()) {
         <ui-form-section label="Video" [divider]="true">
           @for (k of [videoPickerKey]; track k) {
             <ui-video-picker (videoSelected)="onVideoSelected($event)" />
@@ -5407,6 +5440,30 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		showSubject: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showSubject",
+				required: false
+			}]
+		}],
+		showTemplates: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showTemplates",
+				required: false
+			}]
+		}],
+		showVideo: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showVideo",
+				required: false
+			}]
+		}],
 		sent: [{
 			type: i0.Output,
 			args: ["sent"]
@@ -5429,6 +5486,395 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
+const MAX_SUBJECT = 255;
+var SendInAppComponent = class SendInAppComponent {
+	constructor() {
+		this.destroyRef = inject(DestroyRef);
+		this.toast = inject(ToastService);
+		this.contactName = input("", ...ngDevMode ? [{ debugName: "contactName" }] : /* istanbul ignore next */ []);
+		this.contactId = input("", ...ngDevMode ? [{ debugName: "contactId" }] : /* istanbul ignore next */ []);
+		this.defaultSubject = input("", ...ngDevMode ? [{ debugName: "defaultSubject" }] : /* istanbul ignore next */ []);
+		this.defaultBody = input("", ...ngDevMode ? [{ debugName: "defaultBody" }] : /* istanbul ignore next */ []);
+		this.showSubject = input(true, ...ngDevMode ? [{ debugName: "showSubject" }] : /* istanbul ignore next */ []);
+		this.maxLength = input(null, ...ngDevMode ? [{ debugName: "maxLength" }] : /* istanbul ignore next */ []);
+		this.limit = computed(() => this.maxLength() ?? 0, ...ngDevMode ? [{ debugName: "limit" }] : /* istanbul ignore next */ []);
+		this.sendFn = input(null, ...ngDevMode ? [{ debugName: "sendFn" }] : /* istanbul ignore next */ []);
+		this.sent = output();
+		this.validChange = output();
+		this.MAX_SUBJECT = MAX_SUBJECT;
+		this.sending = signal(false, ...ngDevMode ? [{ debugName: "sending" }] : /* istanbul ignore next */ []);
+		this.subject = "";
+		this.body = "";
+	}
+	ngOnInit() {
+		this.subject = this.defaultSubject();
+		this.body = this.defaultBody();
+		this.notifyValid();
+	}
+	get canSend() {
+		if (!this.body.trim() || this.showSubject() && !this.subject.trim()) return false;
+		if (this.showSubject() && this.subject.length > MAX_SUBJECT) return false;
+		const max = this.maxLength();
+		return max == null || this.body.length <= max;
+	}
+	notifyValid() {
+		this.validChange.emit(!this.sending() && !!this.sendFn() && this.canSend);
+	}
+	submit() {
+		const send = this.sendFn();
+		if (!send || this.sending() || !this.canSend) return;
+		this.sending.set(true);
+		this.notifyValid();
+		const payload = {
+			contactName: this.contactName(),
+			contactId: this.contactId() || void 0,
+			body: this.body.trim()
+		};
+		if (this.showSubject()) payload.subject = this.subject.trim();
+		send(payload).pipe(takeUntilDestroyed(this.destroyRef)).subscribe({
+			next: () => {
+				this.toast.show("Message sent");
+				this.sending.set(false);
+				this.sent.emit();
+			},
+			error: (err) => {
+				this.toast.error(serverMessage(err) || "Failed to send message");
+				this.sending.set(false);
+				this.notifyValid();
+			}
+		});
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: SendInAppComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: SendInAppComponent,
+			isStandalone: true,
+			selector: "ui-send-in-app",
+			inputs: {
+				contactName: {
+					classPropertyName: "contactName",
+					publicName: "contactName",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				contactId: {
+					classPropertyName: "contactId",
+					publicName: "contactId",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				defaultSubject: {
+					classPropertyName: "defaultSubject",
+					publicName: "defaultSubject",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				defaultBody: {
+					classPropertyName: "defaultBody",
+					publicName: "defaultBody",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				showSubject: {
+					classPropertyName: "showSubject",
+					publicName: "showSubject",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				maxLength: {
+					classPropertyName: "maxLength",
+					publicName: "maxLength",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				sendFn: {
+					classPropertyName: "sendFn",
+					publicName: "sendFn",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: {
+				sent: "sent",
+				validChange: "validChange"
+			},
+			ngImport: i0,
+			template: `
+    <div class="sm-group">
+      <span class="sm-group-label">To</span>
+      <div class="sm-to-card">
+        <span class="sm-to-name">{{ contactName() }}</span>
+      </div>
+    </div>
+    @if (showSubject()) {
+      <ui-text-input
+        label="Subject"
+        [required]="true"
+        placeholder="Subject..."
+        [maxlength]="MAX_SUBJECT"
+        [(ngModel)]="subject"
+        (ngModelChange)="notifyValid()" />
+    }
+    @if (limit(); as max) {
+      <ui-textarea-input
+        label="Message"
+        [required]="true"
+        placeholder="Write your message..."
+        [rows]="8"
+        [maxlength]="max"
+        [(ngModel)]="body"
+        (ngModelChange)="notifyValid()" />
+    } @else {
+      <ui-textarea-input
+        label="Message"
+        [required]="true"
+        placeholder="Write your message..."
+        [rows]="8"
+        [(ngModel)]="body"
+        (ngModelChange)="notifyValid()" />
+    }
+  `,
+			isInline: true,
+			styles: [":host{display:flex;flex-direction:column;gap:14px}.sm-group-label{display:block;font-size:.8125rem;font-weight:600;color:#334155;margin-bottom:6px}.sm-to-card{border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:3px}.sm-to-name{font-size:.9375rem;font-weight:600;color:#1e293b;min-width:0;overflow-wrap:anywhere}\n"],
+			dependencies: [
+				{
+					kind: "ngmodule",
+					type: FormsModule
+				},
+				{
+					kind: "directive",
+					type: i1.NgControlStatus,
+					selector: "[formControlName],[ngModel],[formControl]"
+				},
+				{
+					kind: "directive",
+					type: i1.RequiredValidator,
+					selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]",
+					inputs: ["required"]
+				},
+				{
+					kind: "directive",
+					type: i1.MaxLengthValidator,
+					selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]",
+					inputs: ["maxlength"]
+				},
+				{
+					kind: "directive",
+					type: i1.NgModel,
+					selector: "[ngModel]:not([formControlName]):not([formControl])",
+					inputs: [
+						"name",
+						"disabled",
+						"ngModel",
+						"ngModelOptions"
+					],
+					outputs: ["ngModelChange"],
+					exportAs: ["ngModel"]
+				},
+				{
+					kind: "component",
+					type: TextInputComponent,
+					selector: "ui-text-input",
+					inputs: [
+						"label",
+						"ariaLabel",
+						"inputTestId",
+						"placeholder",
+						"prefix",
+						"revealable",
+						"passwordRequirements",
+						"passwordRules",
+						"type",
+						"maxlength",
+						"required",
+						"autocomplete",
+						"inputmode",
+						"readonly",
+						"hint",
+						"error",
+						"phoneFormat",
+						"min",
+						"max",
+						"maxDecimals",
+						"step",
+						"valueType",
+						"formatter",
+						"integer",
+						"showErrors",
+						"disabled"
+					],
+					outputs: [
+						"valueChange",
+						"focused",
+						"blurred",
+						"invalidChange"
+					]
+				},
+				{
+					kind: "component",
+					type: TextareaInputComponent,
+					selector: "ui-textarea-input",
+					inputs: [
+						"label",
+						"ariaLabel",
+						"placeholder",
+						"rows",
+						"maxlength",
+						"required",
+						"readonly",
+						"hint",
+						"hintAsDescription",
+						"error",
+						"monospace",
+						"showErrors",
+						"disabled"
+					],
+					outputs: ["invalidChange"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: SendInAppComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-send-in-app",
+			standalone: true,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				FormsModule,
+				TextInputComponent,
+				TextareaInputComponent
+			],
+			template: `
+    <div class="sm-group">
+      <span class="sm-group-label">To</span>
+      <div class="sm-to-card">
+        <span class="sm-to-name">{{ contactName() }}</span>
+      </div>
+    </div>
+    @if (showSubject()) {
+      <ui-text-input
+        label="Subject"
+        [required]="true"
+        placeholder="Subject..."
+        [maxlength]="MAX_SUBJECT"
+        [(ngModel)]="subject"
+        (ngModelChange)="notifyValid()" />
+    }
+    @if (limit(); as max) {
+      <ui-textarea-input
+        label="Message"
+        [required]="true"
+        placeholder="Write your message..."
+        [rows]="8"
+        [maxlength]="max"
+        [(ngModel)]="body"
+        (ngModelChange)="notifyValid()" />
+    } @else {
+      <ui-textarea-input
+        label="Message"
+        [required]="true"
+        placeholder="Write your message..."
+        [rows]="8"
+        [(ngModel)]="body"
+        (ngModelChange)="notifyValid()" />
+    }
+  `,
+			styles: [":host{display:flex;flex-direction:column;gap:14px}.sm-group-label{display:block;font-size:.8125rem;font-weight:600;color:#334155;margin-bottom:6px}.sm-to-card{border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:3px}.sm-to-name{font-size:.9375rem;font-weight:600;color:#1e293b;min-width:0;overflow-wrap:anywhere}\n"]
+		}]
+	}],
+	propDecorators: {
+		contactName: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "contactName",
+				required: false
+			}]
+		}],
+		contactId: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "contactId",
+				required: false
+			}]
+		}],
+		defaultSubject: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "defaultSubject",
+				required: false
+			}]
+		}],
+		defaultBody: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "defaultBody",
+				required: false
+			}]
+		}],
+		showSubject: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showSubject",
+				required: false
+			}]
+		}],
+		maxLength: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "maxLength",
+				required: false
+			}]
+		}],
+		sendFn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "sendFn",
+				required: false
+			}]
+		}],
+		sent: [{
+			type: i0.Output,
+			args: ["sent"]
+		}],
+		validChange: [{
+			type: i0.Output,
+			args: ["validChange"]
+		}]
+	}
+});
 const MAX_SMS_LENGTH = 320;
 const PHONE_RE = /^\+?[\d\s\-().]{7,}$/;
 function formatPhone(raw) {
@@ -5466,6 +5912,8 @@ var SendTextComponent = class SendTextComponent {
 		this.documentSentMessage = input(null, ...ngDevMode ? [{ debugName: "documentSentMessage" }] : /* istanbul ignore next */ []);
 		this.documents = input(false, ...ngDevMode ? [{ debugName: "documents" }] : /* istanbul ignore next */ []);
 		this.attachmentsAndScheduling = input(true, ...ngDevMode ? [{ debugName: "attachmentsAndScheduling" }] : /* istanbul ignore next */ []);
+		this.showTemplates = input(true, ...ngDevMode ? [{ debugName: "showTemplates" }] : /* istanbul ignore next */ []);
+		this.showVideo = input(true, ...ngDevMode ? [{ debugName: "showVideo" }] : /* istanbul ignore next */ []);
 		this.documentPurposes = input([
 			"ESIGN",
 			"ATTACH",
@@ -5945,6 +6393,20 @@ var SendTextComponent = class SendTextComponent {
 					isRequired: false,
 					transformFunction: null
 				},
+				showTemplates: {
+					classPropertyName: "showTemplates",
+					publicName: "showTemplates",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				showVideo: {
+					classPropertyName: "showVideo",
+					publicName: "showVideo",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
 				documentPurposes: {
 					classPropertyName: "documentPurposes",
 					publicName: "documentPurposes",
@@ -6051,10 +6513,12 @@ var SendTextComponent = class SendTextComponent {
         </div>
       </div>
 
-      <!-- Mode -->
+      <!-- Mode (hidden with [showTemplates]="false": the form is Create Message only) -->
+      @if (showTemplates()) {
       <div class="sm-mode-row">
         <ui-pill-tabs [tabs]="modeTabs" [activeKey]="mode" (tabChange)="setMode($event)" />
       </div>
+      }
 
       @if (mode === 'compose') {
         <div class="sm-field">
@@ -6198,7 +6662,7 @@ var SendTextComponent = class SendTextComponent {
       }
 
       <!-- Video: the LAST section. The picker, and once a video is attached its settings, Watch Preview and Remove Video. -->
-      @if (mode === 'compose') {
+      @if (mode === 'compose' && showVideo()) {
         <ui-form-section label="Video" [divider]="true">
           @for (k of [videoPickerKey]; track k) {
             <ui-video-picker (videoSelected)="onVideoSelected($event)" />
@@ -6533,7 +6997,8 @@ var SendTextComponent = class SendTextComponent {
 						"dismissAriaLabel",
 						"quiet",
 						"compact",
-						"inline"
+						"inline",
+						"fill"
 					],
 					outputs: ["dismissed"]
 				}
@@ -6597,10 +7062,12 @@ i0.ɵɵngDeclareClassMetadata({
         </div>
       </div>
 
-      <!-- Mode -->
+      <!-- Mode (hidden with [showTemplates]="false": the form is Create Message only) -->
+      @if (showTemplates()) {
       <div class="sm-mode-row">
         <ui-pill-tabs [tabs]="modeTabs" [activeKey]="mode" (tabChange)="setMode($event)" />
       </div>
+      }
 
       @if (mode === 'compose') {
         <div class="sm-field">
@@ -6744,7 +7211,7 @@ i0.ɵɵngDeclareClassMetadata({
       }
 
       <!-- Video: the LAST section. The picker, and once a video is attached its settings, Watch Preview and Remove Video. -->
-      @if (mode === 'compose') {
+      @if (mode === 'compose' && showVideo()) {
         <ui-form-section label="Video" [divider]="true">
           @for (k of [videoPickerKey]; track k) {
             <ui-video-picker (videoSelected)="onVideoSelected($event)" />
@@ -6888,6 +7355,22 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		showTemplates: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showTemplates",
+				required: false
+			}]
+		}],
+		showVideo: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showVideo",
+				required: false
+			}]
+		}],
 		documentPurposes: [{
 			type: i0.Input,
 			args: [{
@@ -7021,6 +7504,13 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
 		this.documents = input(false, ...ngDevMode ? [{ debugName: "documents" }] : /* istanbul ignore next */ []);
 		this.documentsEnabled = input(true, ...ngDevMode ? [{ debugName: "documentsEnabled" }] : /* istanbul ignore next */ []);
 		this.showCc = input(false, ...ngDevMode ? [{ debugName: "showCc" }] : /* istanbul ignore next */ []);
+		this.recipientMode = input("contact", ...ngDevMode ? [{ debugName: "recipientMode" }] : /* istanbul ignore next */ []);
+		this.sendMessage = input(null, ...ngDevMode ? [{ debugName: "sendMessage" }] : /* istanbul ignore next */ []);
+		this.maxBodyLength = input(null, ...ngDevMode ? [{ debugName: "maxBodyLength" }] : /* istanbul ignore next */ []);
+		this.showSubject = input(true, ...ngDevMode ? [{ debugName: "showSubject" }] : /* istanbul ignore next */ []);
+		this.showTemplates = input(true, ...ngDevMode ? [{ debugName: "showTemplates" }] : /* istanbul ignore next */ []);
+		this.showVideo = input(true, ...ngDevMode ? [{ debugName: "showVideo" }] : /* istanbul ignore next */ []);
+		this.inApp = computed(() => this.recipientMode() === "in-app", ...ngDevMode ? [{ debugName: "inApp" }] : /* istanbul ignore next */ []);
 		this.attachmentsAndScheduling = input(true, ...ngDevMode ? [{ debugName: "attachmentsAndScheduling" }] : /* istanbul ignore next */ []);
 		this.documentPurposes = input([
 			"ESIGN",
@@ -7055,6 +7545,7 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
 		this.phoneAdded = output();
 		this.sendEmailRef = viewChild("sendEmailRef", ...ngDevMode ? [{ debugName: "sendEmailRef" }] : /* istanbul ignore next */ []);
 		this.sendTextRef = viewChild("sendTextRef", ...ngDevMode ? [{ debugName: "sendTextRef" }] : /* istanbul ignore next */ []);
+		this.sendInAppRef = viewChild("sendInAppRef", ...ngDevMode ? [{ debugName: "sendInAppRef" }] : /* istanbul ignore next */ []);
 		this.destroyRef = inject(DestroyRef);
 		this.jobSearch$ = new Subject();
 		this.jobOptions = signal([], ...ngDevMode ? [{ debugName: "jobOptions" }] : /* istanbul ignore next */ []);
@@ -7070,7 +7561,7 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
 		this.activeContact = signal(null, ...ngDevMode ? [{ debugName: "activeContact" }] : /* istanbul ignore next */ []);
 		this.contactNotices = computed(() => {
 			const c = this.activeContact();
-			if (!c) return [];
+			if (!c || this.inApp()) return [];
 			const notices = [];
 			const hasEmail = !!c.email, hasPhone = !!c.phone;
 			if (!this.textEnabled()) notices.push("Text messaging is not enabled. Connect Twilio in Comm Settings to send texts.");
@@ -7148,7 +7639,8 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
 		this.phoneAdded.emit(phone);
 	}
 	submit() {
-		if (this.channel() === "email") this.sendEmailRef()?.submit();
+		if (this.inApp()) this.sendInAppRef()?.submit();
+		else if (this.channel() === "email") this.sendEmailRef()?.submit();
 		else this.sendTextRef()?.submit();
 	}
 	onSent() {
@@ -7295,6 +7787,48 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
 					isRequired: false,
 					transformFunction: null
 				},
+				recipientMode: {
+					classPropertyName: "recipientMode",
+					publicName: "recipientMode",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				sendMessage: {
+					classPropertyName: "sendMessage",
+					publicName: "sendMessage",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				maxBodyLength: {
+					classPropertyName: "maxBodyLength",
+					publicName: "maxBodyLength",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				showSubject: {
+					classPropertyName: "showSubject",
+					publicName: "showSubject",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				showTemplates: {
+					classPropertyName: "showTemplates",
+					publicName: "showTemplates",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				showVideo: {
+					classPropertyName: "showVideo",
+					publicName: "showVideo",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
 				attachmentsAndScheduling: {
 					classPropertyName: "attachmentsAndScheduling",
 					publicName: "attachmentsAndScheduling",
@@ -7445,19 +7979,29 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
 				mapFieldsClick: "mapFieldsClick",
 				phoneAdded: "phoneAdded"
 			},
-			viewQueries: [{
-				propertyName: "sendEmailRef",
-				first: true,
-				predicate: ["sendEmailRef"],
-				descendants: true,
-				isSignal: true
-			}, {
-				propertyName: "sendTextRef",
-				first: true,
-				predicate: ["sendTextRef"],
-				descendants: true,
-				isSignal: true
-			}],
+			viewQueries: [
+				{
+					propertyName: "sendEmailRef",
+					first: true,
+					predicate: ["sendEmailRef"],
+					descendants: true,
+					isSignal: true
+				},
+				{
+					propertyName: "sendTextRef",
+					first: true,
+					predicate: ["sendTextRef"],
+					descendants: true,
+					isSignal: true
+				},
+				{
+					propertyName: "sendInAppRef",
+					first: true,
+					predicate: ["sendInAppRef"],
+					descendants: true,
+					isSignal: true
+				}
+			],
 			ngImport: i0,
 			template: `
     <ui-side-panel
@@ -7465,7 +8009,7 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
       [title]="title()"
       [wide]="wide()"
       cancelLabel="Cancel"
-      [primaryLabel]="!loading() && activeContact() ? (sendLabel() || (channel() === 'email' ? 'Send Email' : 'Send Text')) : ''"
+      [primaryLabel]="!loading() && activeContact() ? (sendLabel() || (inApp() ? 'Send Message' : channel() === 'email' ? 'Send Email' : 'Send Text')) : ''"
       primaryVariant="warning"
       [primaryDisabled]="!valid()"
       (closed)="onClose()"
@@ -7479,7 +8023,7 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
         </div>
       }
 
-      @if (!loading() && !activeContact()) {
+      @if (!loading() && !activeContact() && !inApp()) {
         <div class="msg-step">
           <span class="msg-step-badge">1</span>
           <span class="msg-step-text">Who would you like to message?</span>
@@ -7490,7 +8034,7 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
       }
 
       @if (!loading() && activeContact()) {
-        @if (textEnabled() && activeContact()?.smsOptedIn) {
+        @if (!inApp() && textEnabled() && activeContact()?.smsOptedIn) {
           <div class="msg-channel-row">
             <label class="form-label msg-via-label">Send via</label>
             <div class="msg-via-tabs">
@@ -7528,7 +8072,19 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
 
         <!-- Keyed on formEpoch: a fresh open or another contact gets brand-new forms (no stale draft / template). -->
         @for (epoch of [formEpoch()]; track epoch) {
-        @if (channel() === 'email') {
+        @if (inApp()) {
+          <ui-send-in-app
+            #sendInAppRef
+            [contactName]="activeContact()!.name"
+            [contactId]="activeContact()!.id"
+            [defaultSubject]="defaultSubject()"
+            [defaultBody]="defaultBody()"
+            [showSubject]="showSubject()"
+            [maxLength]="maxBodyLength()"
+            [sendFn]="sendMessage()"
+            (sent)="onSent()"
+            (validChange)="valid.set($event)" />
+        } @else if (channel() === 'email') {
           <ui-send-email
             #sendEmailRef
             [contactName]="activeContact()!.name"
@@ -7560,6 +8116,9 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
             [videoDefaults]="videoDefaults()"
             [showCc]="showCc()"
             [attachmentsAndScheduling]="attachmentsAndScheduling()"
+            [showSubject]="showSubject()"
+            [showTemplates]="showTemplates()"
+            [showVideo]="showVideo()"
             (sent)="onSent()"
             (emailAdded)="onEmailAdded($event)"
             (validChange)="valid.set($event)" />
@@ -7587,6 +8146,8 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
             (rejected)="rejected.emit()"
             [documentPreview]="documentPreview()"
             [videoDefaults]="videoDefaults()"
+            [showTemplates]="showTemplates()"
+            [showVideo]="showVideo()"
             (sent)="onSent()"
             (phoneAdded)="onPhoneAdded($event)"
             (validChange)="valid.set($event)" />
@@ -7663,7 +8224,10 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
 						"docuSignConnected",
 						"documentPreview",
 						"videoDefaults",
-						"attachmentsAndScheduling"
+						"attachmentsAndScheduling",
+						"showSubject",
+						"showTemplates",
+						"showVideo"
 					],
 					outputs: [
 						"sent",
@@ -7673,6 +8237,21 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
 						"mapFieldsClick"
 					]
 				},
+				{
+					kind: "component",
+					type: SendInAppComponent,
+					selector: "ui-send-in-app",
+					inputs: [
+						"contactName",
+						"contactId",
+						"defaultSubject",
+						"defaultBody",
+						"showSubject",
+						"maxLength",
+						"sendFn"
+					],
+					outputs: ["sent", "validChange"]
+				},
 				{
 					kind: "component",
 					type: SendTextComponent,
@@ -7688,6 +8267,8 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
 						"documentSentMessage",
 						"documents",
 						"attachmentsAndScheduling",
+						"showTemplates",
+						"showVideo",
 						"documentPurposes",
 						"initialDocuments",
 						"documentSigners",
@@ -7779,6 +8360,7 @@ i0.ɵɵngDeclareClassMetadata({
 				SidePanelComponent,
 				ToggleBadgeComponent,
 				SendEmailComponent,
+				SendInAppComponent,
 				SendTextComponent,
 				ContactPickerComponent,
 				ComboboxComponent
@@ -7789,7 +8371,7 @@ i0.ɵɵngDeclareClassMetadata({
       [title]="title()"
       [wide]="wide()"
       cancelLabel="Cancel"
-      [primaryLabel]="!loading() && activeContact() ? (sendLabel() || (channel() === 'email' ? 'Send Email' : 'Send Text')) : ''"
+      [primaryLabel]="!loading() && activeContact() ? (sendLabel() || (inApp() ? 'Send Message' : channel() === 'email' ? 'Send Email' : 'Send Text')) : ''"
       primaryVariant="warning"
       [primaryDisabled]="!valid()"
       (closed)="onClose()"
@@ -7803,7 +8385,7 @@ i0.ɵɵngDeclareClassMetadata({
         </div>
       }
 
-      @if (!loading() && !activeContact()) {
+      @if (!loading() && !activeContact() && !inApp()) {
         <div class="msg-step">
           <span class="msg-step-badge">1</span>
           <span class="msg-step-text">Who would you like to message?</span>
@@ -7814,7 +8396,7 @@ i0.ɵɵngDeclareClassMetadata({
       }
 
       @if (!loading() && activeContact()) {
-        @if (textEnabled() && activeContact()?.smsOptedIn) {
+        @if (!inApp() && textEnabled() && activeContact()?.smsOptedIn) {
           <div class="msg-channel-row">
             <label class="form-label msg-via-label">Send via</label>
             <div class="msg-via-tabs">
@@ -7852,7 +8434,19 @@ i0.ɵɵngDeclareClassMetadata({
 
         <!-- Keyed on formEpoch: a fresh open or another contact gets brand-new forms (no stale draft / template). -->
         @for (epoch of [formEpoch()]; track epoch) {
-        @if (channel() === 'email') {
+        @if (inApp()) {
+          <ui-send-in-app
+            #sendInAppRef
+            [contactName]="activeContact()!.name"
+            [contactId]="activeContact()!.id"
+            [defaultSubject]="defaultSubject()"
+            [defaultBody]="defaultBody()"
+            [showSubject]="showSubject()"
+            [maxLength]="maxBodyLength()"
+            [sendFn]="sendMessage()"
+            (sent)="onSent()"
+            (validChange)="valid.set($event)" />
+        } @else if (channel() === 'email') {
           <ui-send-email
             #sendEmailRef
             [contactName]="activeContact()!.name"
@@ -7884,6 +8478,9 @@ i0.ɵɵngDeclareClassMetadata({
             [videoDefaults]="videoDefaults()"
             [showCc]="showCc()"
             [attachmentsAndScheduling]="attachmentsAndScheduling()"
+            [showSubject]="showSubject()"
+            [showTemplates]="showTemplates()"
+            [showVideo]="showVideo()"
             (sent)="onSent()"
             (emailAdded)="onEmailAdded($event)"
             (validChange)="valid.set($event)" />
@@ -7911,6 +8508,8 @@ i0.ɵɵngDeclareClassMetadata({
             (rejected)="rejected.emit()"
             [documentPreview]="documentPreview()"
             [videoDefaults]="videoDefaults()"
+            [showTemplates]="showTemplates()"
+            [showVideo]="showVideo()"
             (sent)="onSent()"
             (phoneAdded)="onPhoneAdded($event)"
             (validChange)="valid.set($event)" />
@@ -8061,6 +8660,54 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		recipientMode: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "recipientMode",
+				required: false
+			}]
+		}],
+		sendMessage: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "sendMessage",
+				required: false
+			}]
+		}],
+		maxBodyLength: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "maxBodyLength",
+				required: false
+			}]
+		}],
+		showSubject: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showSubject",
+				required: false
+			}]
+		}],
+		showTemplates: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showTemplates",
+				required: false
+			}]
+		}],
+		showVideo: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showVideo",
+				required: false
+			}]
+		}],
 		attachmentsAndScheduling: [{
 			type: i0.Input,
 			args: [{
@@ -8256,6 +8903,10 @@ i0.ɵɵngDeclareClassMetadata({
 		sendTextRef: [{
 			type: i0.ViewChild,
 			args: ["sendTextRef", { isSignal: true }]
+		}],
+		sendInAppRef: [{
+			type: i0.ViewChild,
+			args: ["sendInAppRef", { isSignal: true }]
 		}]
 	}
 });