@forgeroute/ui 0.4.71 → 0.4.73

package/fesm2022/forgeroute-ui-messaging.mjs

@@ -4,8 +4,8 @@ import * as i1 from "@angular/forms";
 import { FormsModule } from "@angular/forms";
 import { HttpClient, HttpErrorResponse } from "@angular/common/http";
 import { takeUntilDestroyed, toObservable } from "@angular/core/rxjs-interop";
-import { AlertComponent, ButtonComponent, CheckboxComponent, ChipComponent, ComboboxComponent, ContactPickerComponent, DatetimeInputComponent, ErrorComponent, FORGEROUTE_CONFIG, FormRowComponent, FormSectionComponent, HintComponent, PillTabsComponent, RadioGroupComponent, RichTextEditorComponent, SelectComponent, SidePanelComponent, TextInputComponent, TextareaInputComponent, ToastService, ToggleBadgeComponent, UiFieldValidity, createFieldReveal, getErrorMessage, requiredIssue } from "@forgeroute/ui";
-import { Subject, catchError, debounceTime, defer, distinctUntilChanged, map, of, switchMap, take } from "rxjs";
+import { AlertComponent, BadgeComponent, ButtonComponent, CheckboxComponent, ChipComponent, ComboboxComponent, ContactPickerComponent, DatetimeInputComponent, ErrorComponent, FORGEROUTE_CONFIG, FormRowComponent, FormSectionComponent, HintComponent, PillTabsComponent, RadioGroupComponent, RichTextEditorComponent, SelectComponent, SidePanelComponent, TextInputComponent, TextareaInputComponent, ToastService, ToggleBadgeComponent, UiFieldValidity, createFieldReveal, getErrorMessage, requiredIssue } from "@forgeroute/ui";
+import { Subject, catchError, debounceTime, defer, distinctUntilChanged, map, of, switchMap, take, throwError } from "rxjs";
 let nextVideoPickerId = 0;
 var VideoPickerComponent = class VideoPickerComponent {
 	optionId(i) {
@@ -1958,6 +1958,8 @@ var DocumentSendOptionsComponent = class DocumentSendOptionsComponent {
 					inputs: [
 						"label",
 						"ariaLabel",
+						"labelHidden",
+						"inputName",
 						"placeholder",
 						"options",
 						"valueType",
@@ -2080,8 +2082,10 @@ var DocumentSendOptionsComponent = class DocumentSendOptionsComponent {
 						"label",
 						"ariaLabel",
 						"inputTestId",
+						"inputName",
 						"placeholder",
 						"prefix",
+						"leadingIcon",
 						"revealable",
 						"passwordRequirements",
 						"passwordRules",
@@ -3287,6 +3291,8 @@ var VideoLinkSettingsComponent = class VideoLinkSettingsComponent {
 					inputs: [
 						"label",
 						"ariaLabel",
+						"labelHidden",
+						"inputName",
 						"placeholder",
 						"options",
 						"valueType",
@@ -3308,8 +3314,10 @@ var VideoLinkSettingsComponent = class VideoLinkSettingsComponent {
 						"label",
 						"ariaLabel",
 						"inputTestId",
+						"inputName",
 						"placeholder",
 						"prefix",
+						"leadingIcon",
 						"revealable",
 						"passwordRequirements",
 						"passwordRules",
@@ -3526,8 +3534,18 @@ function applyMergeTags(text, values) {
 		return v != null && String(v).trim() !== "" ? String(v) : whole;
 	});
 }
-function hasLeftoverTags(text) {
-	return ANY_TAG_RE.test(text ?? "");
+const PERSONAL_TAG_KEYS = [
+	"first_name",
+	"last_name",
+	"full_name",
+	"name",
+	"email",
+	"phone"
+];
+function hasLeftoverTags(text, ignoreKeys = []) {
+	const t = text ?? "";
+	if (ignoreKeys.length === 0) return ANY_TAG_RE.test(t);
+	return ANY_TAG_RE.test(t.replace(TAG_RE, (whole, k) => ignoreKeys.includes(k) ? "" : whole));
 }
 function nonBlankValues(...sources) {
 	const out = {};
@@ -3561,6 +3579,7 @@ function marketVarsFrom(resp) {
 function formatVarLabel(key) {
 	return key.replace(/[_.]/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
 }
+const BULK_NO_SEND_MESSAGE = "Sending to several recipients is not set up for this page, so nothing was sent.";
 const EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 function messagePreviewHtml(body) {
 	if (!body) return "";
@@ -3569,6 +3588,9 @@ function messagePreviewHtml(body) {
 }
 const NO_DOCUMENTS$1 = [];
 var SendEmailComponent = class SendEmailComponent {
+	get deferredKeys() {
+		return this.bulk() ? PERSONAL_TAG_KEYS : [];
+	}
 	ngOnInit() {
 		this.includeReceipt = this.receiptDefault();
 		this.http.get(`${this.apiBase}/service-areas?size=100`).pipe(takeUntilDestroyed(this.destroyRef)).subscribe({ next: (resp) => {
@@ -3586,6 +3608,8 @@ var SendEmailComponent = class SendEmailComponent {
 		this.contactEmail = input("", ...ngDevMode ? [{ debugName: "contactEmail" }] : /* istanbul ignore next */ []);
 		this.contactPhone = input("", ...ngDevMode ? [{ debugName: "contactPhone" }] : /* istanbul ignore next */ []);
 		this.contactId = input("", ...ngDevMode ? [{ debugName: "contactId" }] : /* istanbul ignore next */ []);
+		this.bulkRecipients = input(null, ...ngDevMode ? [{ debugName: "bulkRecipients" }] : /* istanbul ignore next */ []);
+		this.bulk = computed(() => this.bulkRecipients() !== null, ...ngDevMode ? [{ debugName: "bulk" }] : /* istanbul ignore next */ []);
 		this.defaultSubject = input("", ...ngDevMode ? [{ debugName: "defaultSubject" }] : /* istanbul ignore next */ []);
 		this.defaultBody = input("", ...ngDevMode ? [{ debugName: "defaultBody" }] : /* istanbul ignore next */ []);
 		this.context = input({}, ...ngDevMode ? [{ debugName: "context" }] : /* istanbul ignore next */ []);
@@ -3626,6 +3650,8 @@ var SendEmailComponent = class SendEmailComponent {
 		this.showTemplates = input(true, ...ngDevMode ? [{ debugName: "showTemplates" }] : /* istanbul ignore next */ []);
 		this.showVideo = input(true, ...ngDevMode ? [{ debugName: "showVideo" }] : /* istanbul ignore next */ []);
 		this.sent = output();
+		this.bulkResult = output();
+		this.bulkSending = output();
 		this.emailAdded = output();
 		this.validChange = output();
 		this.rejected = output();
@@ -3684,6 +3710,7 @@ var SendEmailComponent = class SendEmailComponent {
 			this.contactEmail();
 			this.contactId();
 			this.context();
+			this.bulkRecipients();
 			untracked(() => this.notifyValid());
 		});
 		effect(() => {
@@ -3823,7 +3850,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.showSubject() || !!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, this.deferredKeys) && !hasLeftoverTags(this.resolvedBody, this.deferredKeys);
 		if (this.showSchedule) return hasContent && !!this.scheduledAt && new Date(this.scheduledAt).getTime() > Date.now();
 		return hasContent;
 	}
@@ -3833,7 +3860,7 @@ var SendEmailComponent = class SendEmailComponent {
 	get knownVars() {
 		const name = this.contactName().trim();
 		const parts = name.split(/\s+/);
-		return nonBlankValues({
+		return nonBlankValues(this.bulk() ? {} : {
 			first_name: parts[0] ?? "",
 			last_name: parts.slice(1).join(" "),
 			full_name: name,
@@ -3870,11 +3897,11 @@ var SendEmailComponent = class SendEmailComponent {
 	}
 	get missingVars() {
 		const known = this.knownVars;
-		return mergeTagKeys(this.subject + " " + this.body).filter((k) => !known[k]);
+		return mergeTagKeys(this.subject + " " + this.body).filter((k) => !known[k] && !this.deferredKeys.includes(k));
 	}
 	get composeTagError() {
 		if (this.mode !== "compose") return "";
-		return hasLeftoverTags(this.resolvedSubject) || hasLeftoverTags(this.resolvedBody) ? "Replace every {{…}} field with text before sending." : "";
+		return hasLeftoverTags(this.resolvedSubject, this.deferredKeys) || hasLeftoverTags(this.resolvedBody, this.deferredKeys) ? "Replace every {{…}} field with text before sending." : "";
 	}
 	get unresolvedVars() {
 		return this.missingVars.filter((k) => !(this.pendingInputs[k] ?? "").trim());
@@ -3916,7 +3943,7 @@ var SendEmailComponent = class SendEmailComponent {
 		this.cdr.markForCheck();
 	}
 	notifyValid() {
-		this.validChange.emit(!!this.contactEmail() && this.canSend);
+		this.validChange.emit((this.bulk() || !!this.contactEmail()) && this.canSend);
 		this.cdr.markForCheck();
 	}
 	setMode(key) {
@@ -4036,7 +4063,11 @@ var SendEmailComponent = class SendEmailComponent {
 		this.videoPickerKey++;
 	}
 	submit() {
-		if (!this.canSend || this.loading || !this.contactEmail()) return;
+		if (!this.canSend || this.loading || !this.bulk() && !this.contactEmail()) return;
+		if (this.bulk() && !this.sendFn()) {
+			this.toast.error(BULK_NO_SEND_MESSAGE);
+			return;
+		}
 		if (this.mode === "template") this.applyPendingVars();
 		this.loading = true;
 		this.cdr.markForCheck();
@@ -4054,6 +4085,10 @@ var SendEmailComponent = class SendEmailComponent {
 			scheduledAt: this.showSchedule && this.scheduledAt ? new Date(this.scheduledAt).toISOString() : void 0,
 			attachments: attachments.length ? attachments : void 0
 		};
+		if (this.bulk()) {
+			payload.recipients = [...this.bulkRecipients()];
+			this.bulkSending.emit(payload.recipients);
+		}
 		if (this.showReceiptOption() === true) payload.includeReceipt = this.includeReceipt;
 		if (this.mode === "template" && this.templateId) payload.templateId = this.templateId;
 		const cc = this.ccList;
@@ -4069,7 +4104,14 @@ var SendEmailComponent = class SendEmailComponent {
 			payload.scheduledAt = void 0;
 		}
 		const custom = this.sendFn();
-		(custom ? custom(payload) : docs?.provider === "DOCUSIGN" ? sendDocuSignRequest(this.http, this.apiBase, this.docuSignBody(docs, payload)) : docs && this.documentEnvelope() ? sendExistingEnvelope(this.http, this.apiBase, this.documentEnvelope().id, {
+		const safeHostCall = () => {
+			try {
+				return custom(payload);
+			} catch (e) {
+				return throwError(() => e);
+			}
+		};
+		const req$ = custom && this.bulk() ? safeHostCall() : custom ? custom(payload) : docs?.provider === "DOCUSIGN" ? sendDocuSignRequest(this.http, this.apiBase, this.docuSignBody(docs, payload)) : docs && this.documentEnvelope() ? sendExistingEnvelope(this.http, this.apiBase, this.documentEnvelope().id, {
 			subject: payload.subject || "Document Signature Required",
 			message: payload.body,
 			customerId: payload.contactId,
@@ -4093,8 +4135,22 @@ var SendEmailComponent = class SendEmailComponent {
 			...cc.length ? { ccEmails: cc } : {},
 			...signingBodyFields(payload.documents),
 			...signersContextBodyFields(payload.documents)
-		}, payload.templateId) : this.http.post(`${this.apiBase}/email-messages`, payload)).pipe(takeUntilDestroyed(this.destroyRef)).subscribe({
-			next: () => {
+		}, payload.templateId) : this.http.post(`${this.apiBase}/email-messages`, payload);
+		let destroyed = false;
+		this.destroyRef.onDestroy(() => {
+			destroyed = true;
+		});
+		const onError = (err) => {
+			if (this.bulk() && (destroyed || !this.loading)) return;
+			this.toast.error(custom || docs ? getErrorMessage(err, "email", "send") : serverMessage(err) || "Failed to send email");
+			this.loading = false;
+			this.cdr.markForCheck();
+			if (this.bulk()) this.bulkSending.emit(null);
+			const status = err?.status;
+			if (docs && (status === 404 || status === 409)) this.rejected.emit();
+		};
+		req$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe({
+			next: (result) => {
 				const sentText = docs ? this.documentSentMessage()?.({
 					titles: docs.documents.map((d) => d.title),
 					envelopeName: this.documentEnvelope()?.name,
@@ -4106,15 +4162,16 @@ var SendEmailComponent = class SendEmailComponent {
 				this.loading = false;
 				this.attachments = [];
 				this.includeReceipt = this.receiptDefault();
+				if (this.bulk()) this.bulkResult.emit({
+					result,
+					recipients: payload.recipients ?? []
+				});
 				this.sent.emit();
 				this.cdr.markForCheck();
 			},
-			error: (err) => {
-				this.toast.error(custom || docs ? getErrorMessage(err, "email", "send") : serverMessage(err) || "Failed to send email");
-				this.loading = false;
-				this.cdr.markForCheck();
-				const status = err?.status;
-				if (docs && (status === 404 || status === 409)) this.rejected.emit();
+			error: onError,
+			complete: () => {
+				if (!destroyed && this.bulk() && this.loading) onError(null);
 			}
 		});
 	}
@@ -4164,6 +4221,13 @@ var SendEmailComponent = class SendEmailComponent {
 					isRequired: false,
 					transformFunction: null
 				},
+				bulkRecipients: {
+					classPropertyName: "bulkRecipients",
+					publicName: "bulkRecipients",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
 				defaultSubject: {
 					classPropertyName: "defaultSubject",
 					publicName: "defaultSubject",
@@ -4349,6 +4413,8 @@ var SendEmailComponent = class SendEmailComponent {
 			},
 			outputs: {
 				sent: "sent",
+				bulkResult: "bulkResult",
+				bulkSending: "bulkSending",
 				emailAdded: "emailAdded",
 				validChange: "validChange",
 				rejected: "rejected",
@@ -4357,7 +4423,7 @@ var SendEmailComponent = class SendEmailComponent {
 			ngImport: i0,
 			template: `
     <!-- Missing email guard -->
-    @if (!contactEmail()) {
+    @if (!bulk() && !contactEmail()) {
       <div class="sm-missing-banner">
         <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
         No email address on file for this contact.
@@ -4374,7 +4440,8 @@ var SendEmailComponent = class SendEmailComponent {
         Save &amp; Continue
       </ui-button>
     } @else {
-      <!-- To -->
+      <!-- To (bulk mode: the panel shows the recipient summary instead) -->
+      @if (!bulk()) {
       <div class="sm-group">
         <span class="sm-group-label">To</span>
         <div class="sm-to-card">
@@ -4382,6 +4449,7 @@ var SendEmailComponent = class SendEmailComponent {
           <span class="sm-to-detail">{{ contactEmail() }}</span>
         </div>
       </div>
+      }
 
       <ui-error errorId="sm-email-disabled" [message]="emailEnabled() ? '' : EMAIL_DISABLED_MESSAGE" />
 
@@ -4608,7 +4676,7 @@ var SendEmailComponent = class SendEmailComponent {
           <div class="sp-email-meta">
             <div class="sp-meta-row">
               <span class="sp-meta-label">To</span>
-              <span class="sp-meta-value">{{ contactName() }} &lt;{{ contactEmail() }}&gt;</span>
+              <span class="sp-meta-value">@if (bulk()) { {{ bulkRecipients()!.length }} recipient{{ bulkRecipients()!.length === 1 ? '' : 's' }} } @else { {{ contactName() }} &lt;{{ contactEmail() }}&gt; }</span>
             </div>
             <div class="sp-meta-row">
               <span class="sp-meta-label">Subject</span>
@@ -4728,7 +4796,8 @@ var SendEmailComponent = class SendEmailComponent {
 						"ariaLabel",
 						"name",
 						"noWrap",
-						"orientation"
+						"orientation",
+						"controlsPanels"
 					],
 					outputs: ["tabChange"]
 				},
@@ -4768,8 +4837,10 @@ var SendEmailComponent = class SendEmailComponent {
 						"label",
 						"ariaLabel",
 						"inputTestId",
+						"inputName",
 						"placeholder",
 						"prefix",
+						"leadingIcon",
 						"revealable",
 						"passwordRequirements",
 						"passwordRules",
@@ -4965,7 +5036,7 @@ i0.ɵɵngDeclareClassMetadata({
 			],
 			template: `
     <!-- Missing email guard -->
-    @if (!contactEmail()) {
+    @if (!bulk() && !contactEmail()) {
       <div class="sm-missing-banner">
         <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
         No email address on file for this contact.
@@ -4982,7 +5053,8 @@ i0.ɵɵngDeclareClassMetadata({
         Save &amp; Continue
       </ui-button>
     } @else {
-      <!-- To -->
+      <!-- To (bulk mode: the panel shows the recipient summary instead) -->
+      @if (!bulk()) {
       <div class="sm-group">
         <span class="sm-group-label">To</span>
         <div class="sm-to-card">
@@ -4990,6 +5062,7 @@ i0.ɵɵngDeclareClassMetadata({
           <span class="sm-to-detail">{{ contactEmail() }}</span>
         </div>
       </div>
+      }
 
       <ui-error errorId="sm-email-disabled" [message]="emailEnabled() ? '' : EMAIL_DISABLED_MESSAGE" />
 
@@ -5216,7 +5289,7 @@ i0.ɵɵngDeclareClassMetadata({
           <div class="sp-email-meta">
             <div class="sp-meta-row">
               <span class="sp-meta-label">To</span>
-              <span class="sp-meta-value">{{ contactName() }} &lt;{{ contactEmail() }}&gt;</span>
+              <span class="sp-meta-value">@if (bulk()) { {{ bulkRecipients()!.length }} recipient{{ bulkRecipients()!.length === 1 ? '' : 's' }} } @else { {{ contactName() }} &lt;{{ contactEmail() }}&gt; }</span>
             </div>
             <div class="sp-meta-row">
               <span class="sp-meta-label">Subject</span>
@@ -5265,6 +5338,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		bulkRecipients: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "bulkRecipients",
+				required: false
+			}]
+		}],
 		defaultSubject: [{
 			type: i0.Input,
 			args: [{
@@ -5477,6 +5558,14 @@ i0.ɵɵngDeclareClassMetadata({
 			type: i0.Output,
 			args: ["sent"]
 		}],
+		bulkResult: [{
+			type: i0.Output,
+			args: ["bulkResult"]
+		}],
+		bulkSending: [{
+			type: i0.Output,
+			args: ["bulkSending"]
+		}],
 		emailAdded: [{
 			type: i0.Output,
 			args: ["emailAdded"]
@@ -5798,8 +5887,10 @@ var SendInAppComponent = class SendInAppComponent {
 						"label",
 						"ariaLabel",
 						"inputTestId",
+						"inputName",
 						"placeholder",
 						"prefix",
+						"leadingIcon",
 						"revealable",
 						"passwordRequirements",
 						"passwordRules",
@@ -6063,6 +6154,9 @@ function formatPhone(raw) {
 }
 const NO_DOCUMENTS = [];
 var SendTextComponent = class SendTextComponent {
+	get deferredKeys() {
+		return this.bulk() ? PERSONAL_TAG_KEYS : [];
+	}
 	ngOnInit() {
 		this.http.get(`${this.apiBase}/service-areas?size=100`).pipe(takeUntilDestroyed(this.destroyRef)).subscribe({ next: (resp) => {
 			this.marketVars = marketVarsFrom(resp);
@@ -6080,6 +6174,8 @@ var SendTextComponent = class SendTextComponent {
 		this.contactPhone = input("", ...ngDevMode ? [{ debugName: "contactPhone" }] : /* istanbul ignore next */ []);
 		this.contactEmail = input("", ...ngDevMode ? [{ debugName: "contactEmail" }] : /* istanbul ignore next */ []);
 		this.contactId = input("", ...ngDevMode ? [{ debugName: "contactId" }] : /* istanbul ignore next */ []);
+		this.bulkRecipients = input(null, ...ngDevMode ? [{ debugName: "bulkRecipients" }] : /* istanbul ignore next */ []);
+		this.bulk = computed(() => this.bulkRecipients() !== null, ...ngDevMode ? [{ debugName: "bulk" }] : /* istanbul ignore next */ []);
 		this.defaultBody = input("", ...ngDevMode ? [{ debugName: "defaultBody" }] : /* istanbul ignore next */ []);
 		this.context = input({}, ...ngDevMode ? [{ debugName: "context" }] : /* istanbul ignore next */ []);
 		this.sendFn = input(null, ...ngDevMode ? [{ debugName: "sendFn" }] : /* istanbul ignore next */ []);
@@ -6112,6 +6208,8 @@ var SendTextComponent = class SendTextComponent {
 		}, ...ngDevMode ? [{ debugName: "previewContact" }] : /* istanbul ignore next */ []);
 		this.videoDefaults = input(null, ...ngDevMode ? [{ debugName: "videoDefaults" }] : /* istanbul ignore next */ []);
 		this.sent = output();
+		this.bulkResult = output();
+		this.bulkSending = output();
 		this.phoneAdded = output();
 		this.validChange = output();
 		this.rejected = output();
@@ -6158,6 +6256,7 @@ var SendTextComponent = class SendTextComponent {
 			this.contactPhone();
 			this.contactId();
 			this.context();
+			this.bulkRecipients();
 			untracked(() => this.notifyValid());
 		});
 		effect(() => {
@@ -6218,7 +6317,7 @@ var SendTextComponent = class SendTextComponent {
 	get canSend() {
 		if (this.documents() && this.documentsInvalid) return false;
 		if (this._videoLine && this.body.length > this.MAX_LENGTH) return false;
-		const hasBody = this.body.trim().length > 0 && this.unresolvedVars.length === 0 && !hasLeftoverTags(this.resolvedBody);
+		const hasBody = this.body.trim().length > 0 && this.unresolvedVars.length === 0 && !hasLeftoverTags(this.resolvedBody, this.deferredKeys);
 		if (this.showSchedule) return hasBody && !!this.scheduledAt && new Date(this.scheduledAt).getTime() > Date.now();
 		return hasBody;
 	}
@@ -6228,7 +6327,7 @@ var SendTextComponent = class SendTextComponent {
 	get knownVars() {
 		const name = this.contactName().trim();
 		const parts = name.split(/\s+/);
-		return nonBlankValues({
+		return nonBlankValues(this.bulk() ? {} : {
 			first_name: parts[0] ?? "",
 			last_name: parts.slice(1).join(" "),
 			full_name: name,
@@ -6253,13 +6352,13 @@ var SendTextComponent = class SendTextComponent {
 	}
 	get missingVars() {
 		const known = this.knownVars;
-		return mergeTagKeys(this.body).filter((k) => !known[k]);
+		return mergeTagKeys(this.body).filter((k) => !known[k] && !this.deferredKeys.includes(k));
 	}
 	get videoLengthError() {
 		return this._videoLine && this.body.length > this.MAX_LENGTH ? `The video link makes this text longer than ${this.MAX_LENGTH} characters. Shorten the message or remove the video.` : "";
 	}
 	get composeTagError() {
-		return this.mode === "compose" && hasLeftoverTags(this.resolvedBody) ? "Replace every {{…}} field with text before sending." : "";
+		return this.mode === "compose" && hasLeftoverTags(this.resolvedBody, this.deferredKeys) ? "Replace every {{…}} field with text before sending." : "";
 	}
 	get unresolvedVars() {
 		return this.missingVars.filter((k) => !(this.pendingInputs[k] ?? "").trim());
@@ -6303,7 +6402,7 @@ var SendTextComponent = class SendTextComponent {
 		this.notifyValid();
 	}
 	notifyValid() {
-		this.validChange.emit(!!this.contactPhone() && this.canSend);
+		this.validChange.emit((this.bulk() || !!this.contactPhone()) && this.canSend);
 		this.cdr.detectChanges();
 	}
 	setMode(key) {
@@ -6404,7 +6503,11 @@ var SendTextComponent = class SendTextComponent {
 		this.videoPickerKey++;
 	}
 	submit() {
-		if (!this.canSend || this.loading || !this.contactPhone()) return;
+		if (!this.canSend || this.loading || !this.bulk() && !this.contactPhone()) return;
+		if (this.bulk() && !this.sendFn()) {
+			this.toast.error(BULK_NO_SEND_MESSAGE);
+			return;
+		}
 		if (this.mode === "template") this.applyPendingVars();
 		this.loading = true;
 		this.cdr.detectChanges();
@@ -6419,6 +6522,10 @@ var SendTextComponent = class SendTextComponent {
 			mediaType: media?.mediaType ?? void 0,
 			mediaFileName: media?.mediaFileName ?? void 0
 		};
+		if (this.bulk()) {
+			payload.recipients = [...this.bulkRecipients()];
+			this.bulkSending.emit(payload.recipients);
+		}
 		if (this.mode === "template" && this.templateId) payload.templateId = this.templateId;
 		const docs = this.hasDocuments ? this.documentsValue : null;
 		if (docs) {
@@ -6432,7 +6539,14 @@ var SendTextComponent = class SendTextComponent {
 			payload.scheduledAt = void 0;
 		}
 		const custom = this.sendFn();
-		(custom ? custom(payload) : docs && this.documentEnvelope() ? sendExistingEnvelope(this.http, this.apiBase, this.documentEnvelope().id, {
+		const safeHostCall = () => {
+			try {
+				return custom(payload);
+			} catch (e) {
+				return throwError(() => e);
+			}
+		};
+		const req$ = custom && this.bulk() ? safeHostCall() : custom ? custom(payload) : docs && this.documentEnvelope() ? sendExistingEnvelope(this.http, this.apiBase, this.documentEnvelope().id, {
 			subject: DEFAULT_DOCUMENT_SUBJECT,
 			message: payload.body,
 			customerId: payload.contactId,
@@ -6456,8 +6570,22 @@ var SendTextComponent = class SendTextComponent {
 			delivery: "TEXT",
 			...signingBodyFields(payload.documents),
 			...signersContextBodyFields(payload.documents)
-		}, payload.templateId) : this.http.post(`${this.apiBase}/text-messages`, payload)).pipe(takeUntilDestroyed(this.destroyRef)).subscribe({
-			next: () => {
+		}, payload.templateId) : this.http.post(`${this.apiBase}/text-messages`, payload);
+		let destroyed = false;
+		this.destroyRef.onDestroy(() => {
+			destroyed = true;
+		});
+		const onError = (err) => {
+			if (this.bulk() && (destroyed || !this.loading)) return;
+			this.toast.error(custom || docs ? getErrorMessage(err, "text message", "send") : serverMessage(err) || "Failed to send text message");
+			this.loading = false;
+			this.cdr.detectChanges();
+			if (this.bulk()) this.bulkSending.emit(null);
+			const status = err?.status;
+			if (docs && (status === 404 || status === 409)) this.rejected.emit();
+		};
+		req$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe({
+			next: (result) => {
 				const sentText = docs ? this.documentSentMessage()?.({
 					titles: docs.documents.map((d) => d.title),
 					envelopeName: this.documentEnvelope()?.name,
@@ -6467,15 +6595,16 @@ var SendTextComponent = class SendTextComponent {
 				this.toast.show(sentText ?? (docs && this.documentEnvelope() ? `Envelope "${this.documentEnvelope().name}" sent` : this.showSchedule ? "Message scheduled" : "Text message sent"));
 				this.loading = false;
 				this.mediaAttachment.set(null);
+				if (this.bulk()) this.bulkResult.emit({
+					result,
+					recipients: payload.recipients ?? []
+				});
 				this.sent.emit();
 				this.cdr.detectChanges();
 			},
-			error: (err) => {
-				this.toast.error(custom || docs ? getErrorMessage(err, "text message", "send") : serverMessage(err) || "Failed to send text message");
-				this.loading = false;
-				this.cdr.detectChanges();
-				const status = err?.status;
-				if (docs && (status === 404 || status === 409)) this.rejected.emit();
+			error: onError,
+			complete: () => {
+				if (!destroyed && this.bulk() && this.loading) onError(null);
 			}
 		});
 	}
@@ -6525,6 +6654,13 @@ var SendTextComponent = class SendTextComponent {
 					isRequired: false,
 					transformFunction: null
 				},
+				bulkRecipients: {
+					classPropertyName: "bulkRecipients",
+					publicName: "bulkRecipients",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
 				defaultBody: {
 					classPropertyName: "defaultBody",
 					publicName: "defaultBody",
@@ -6654,6 +6790,8 @@ var SendTextComponent = class SendTextComponent {
 			},
 			outputs: {
 				sent: "sent",
+				bulkResult: "bulkResult",
+				bulkSending: "bulkSending",
 				phoneAdded: "phoneAdded",
 				validChange: "validChange",
 				rejected: "rejected"
@@ -6661,7 +6799,7 @@ var SendTextComponent = class SendTextComponent {
 			ngImport: i0,
 			template: `
     <!-- Missing phone guard -->
-    @if (!contactPhone()) {
+    @if (!bulk() && !contactPhone()) {
       <div class="sm-missing-banner">
         <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
         No phone number on file for this contact.
@@ -6678,7 +6816,8 @@ var SendTextComponent = class SendTextComponent {
         Save &amp; Continue
       </ui-button>
     } @else {
-      <!-- To -->
+      <!-- To (bulk mode: the panel shows the recipient summary instead) -->
+      @if (!bulk()) {
       <div class="sm-group">
         <span class="sm-group-label">To</span>
         <div class="sm-to-card">
@@ -6686,6 +6825,7 @@ var SendTextComponent = class SendTextComponent {
           <span class="sm-to-detail">{{ formatPhone(contactPhone()) }}</span>
         </div>
       </div>
+      }
 
       <!-- Mode (hidden with [showTemplates]="false": the form is Create Message only) -->
       @if (showTemplates()) {
@@ -6869,7 +7009,7 @@ var SendTextComponent = class SendTextComponent {
           <div class="sp-text-meta">
             <div class="sp-meta-row">
               <span class="sp-meta-label">To</span>
-              <span class="sp-meta-value">{{ contactName() }} {{ formatPhone(contactPhone()) }}</span>
+              <span class="sp-meta-value">@if (bulk()) { {{ bulkRecipients()!.length }} recipient{{ bulkRecipients()!.length === 1 ? '' : 's' }} } @else { {{ contactName() }} {{ formatPhone(contactPhone()) }} }</span>
             </div>
           </div>
           <div class="sp-text-body">{{ resolvedBody }}</div>
@@ -7003,7 +7143,8 @@ var SendTextComponent = class SendTextComponent {
 						"ariaLabel",
 						"name",
 						"noWrap",
-						"orientation"
+						"orientation",
+						"controlsPanels"
 					],
 					outputs: ["tabChange"]
 				},
@@ -7043,8 +7184,10 @@ var SendTextComponent = class SendTextComponent {
 						"label",
 						"ariaLabel",
 						"inputTestId",
+						"inputName",
 						"placeholder",
 						"prefix",
+						"leadingIcon",
 						"revealable",
 						"passwordRequirements",
 						"passwordRules",
@@ -7215,7 +7358,7 @@ i0.ɵɵngDeclareClassMetadata({
 			],
 			template: `
     <!-- Missing phone guard -->
-    @if (!contactPhone()) {
+    @if (!bulk() && !contactPhone()) {
       <div class="sm-missing-banner">
         <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
         No phone number on file for this contact.
@@ -7232,7 +7375,8 @@ i0.ɵɵngDeclareClassMetadata({
         Save &amp; Continue
       </ui-button>
     } @else {
-      <!-- To -->
+      <!-- To (bulk mode: the panel shows the recipient summary instead) -->
+      @if (!bulk()) {
       <div class="sm-group">
         <span class="sm-group-label">To</span>
         <div class="sm-to-card">
@@ -7240,6 +7384,7 @@ i0.ɵɵngDeclareClassMetadata({
           <span class="sm-to-detail">{{ formatPhone(contactPhone()) }}</span>
         </div>
       </div>
+      }
 
       <!-- Mode (hidden with [showTemplates]="false": the form is Create Message only) -->
       @if (showTemplates()) {
@@ -7423,7 +7568,7 @@ i0.ɵɵngDeclareClassMetadata({
           <div class="sp-text-meta">
             <div class="sp-meta-row">
               <span class="sp-meta-label">To</span>
-              <span class="sp-meta-value">{{ contactName() }} {{ formatPhone(contactPhone()) }}</span>
+              <span class="sp-meta-value">@if (bulk()) { {{ bulkRecipients()!.length }} recipient{{ bulkRecipients()!.length === 1 ? '' : 's' }} } @else { {{ contactName() }} {{ formatPhone(contactPhone()) }} }</span>
             </div>
           </div>
           <div class="sp-text-body">{{ resolvedBody }}</div>
@@ -7486,6 +7631,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		bulkRecipients: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "bulkRecipients",
+				required: false
+			}]
+		}],
 		defaultBody: [{
 			type: i0.Input,
 			args: [{
@@ -7634,6 +7787,14 @@ i0.ɵɵngDeclareClassMetadata({
 			type: i0.Output,
 			args: ["sent"]
 		}],
+		bulkResult: [{
+			type: i0.Output,
+			args: ["bulkResult"]
+		}],
+		bulkSending: [{
+			type: i0.Output,
+			args: ["bulkSending"]
+		}],
 		phoneAdded: [{
 			type: i0.Output,
 			args: ["phoneAdded"]
@@ -7648,7 +7809,46 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
+const BULK_MERGE_TAG_HINT = "Personal details such as {{first_name}} are filled in for each recipient when sent.";
+const SKIPPED_NAMES_SHOWN = 5;
 var SendMessagePanelComponent = class SendMessagePanelComponent {
+	skippedReason() {
+		return this.channel() === "email" ? "no email address" : "no phone number or no opt-in to texts";
+	}
+	skippedNames() {
+		const names = this.skippedRecipients().map((r) => r.name || "Unnamed");
+		const shown = names.slice(0, SKIPPED_NAMES_SHOWN).join(", ");
+		return names.length > SKIPPED_NAMES_SHOWN ? `${shown} and ${names.length - SKIPPED_NAMES_SHOWN} more` : shown;
+	}
+	bulkRecipientsFor(ch) {
+		if (!this.bulkMode()) return null;
+		return ch === "email" ? this.emailRecipients() : this.textRecipients();
+	}
+	onBulkSending(sent) {
+		if (sent) {
+			this.submitSnapshot = {
+				channel: this.channel(),
+				selected: [...this.bulkList()],
+				sent: [...sent]
+			};
+			this.sending.set(true);
+		} else {
+			this.submitSnapshot = null;
+			this.sending.set(false);
+		}
+	}
+	resetBulkSend() {
+		this.submitSnapshot = null;
+		this.lastBulkResult = void 0;
+		this.sending.set(false);
+	}
+	onBulkResult(e) {
+		this.lastBulkResult = e.result;
+		if (this.submitSnapshot) this.submitSnapshot = {
+			...this.submitSnapshot,
+			sent: [...e.recipients]
+		};
+	}
 	onJobPick(o) {
 		const job = o ? {
 			id: o.value,
@@ -7669,6 +7869,10 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
 		this.open = input(false, ...ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []);
 		this.contact = input(null, ...ngDevMode ? [{ debugName: "contact" }] : /* istanbul ignore next */ []);
 		this.loading = input(false, ...ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []);
+		this.recipients = input(null, ...ngDevMode ? [{ debugName: "recipients" }] : /* istanbul ignore next */ []);
+		this.initialChannel = input(null, ...ngDevMode ? [{ debugName: "initialChannel" }] : /* istanbul ignore next */ []);
+		this.recipientNoun = input("recipients", ...ngDevMode ? [{ debugName: "recipientNoun" }] : /* istanbul ignore next */ []);
+		this.recipientNounSingular = input("", ...ngDevMode ? [{ debugName: "recipientNounSingular" }] : /* istanbul ignore next */ []);
 		this.textEnabled = input(false, ...ngDevMode ? [{ debugName: "textEnabled" }] : /* istanbul ignore next */ []);
 		this.title = input("Send Message", ...ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []);
 		this.defaultSubject = input("", ...ngDevMode ? [{ debugName: "defaultSubject" }] : /* istanbul ignore next */ []);
@@ -7691,7 +7895,9 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
 		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.inApp = computed(() => this.recipientMode() === "in-app" && !this.bulkMode(), ...ngDevMode ? [{ debugName: "inApp" }] : /* istanbul ignore next */ []);
+		this.BULK_NO_SEND_MESSAGE = BULK_NO_SEND_MESSAGE;
+		this.BULK_MERGE_TAG_HINT = BULK_MERGE_TAG_HINT;
 		this.attachmentsAndScheduling = input(true, ...ngDevMode ? [{ debugName: "attachmentsAndScheduling" }] : /* istanbul ignore next */ []);
 		this.documentPurposes = input([
 			"ESIGN",
@@ -7712,7 +7918,50 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
 		this.docuSignConnected = input(false, ...ngDevMode ? [{ debugName: "docuSignConnected" }] : /* istanbul ignore next */ []);
 		this.documentPreview = input(null, ...ngDevMode ? [{ debugName: "documentPreview" }] : /* istanbul ignore next */ []);
 		this.videoDefaults = input(null, ...ngDevMode ? [{ debugName: "videoDefaults" }] : /* istanbul ignore next */ []);
-		this.documentsOn = computed(() => (this.documents() || !!this.documentEnvelope()) && this.documentsEnabled(), ...ngDevMode ? [{ debugName: "documentsOn" }] : /* istanbul ignore next */ []);
+		this.documentsOn = computed(() => (this.documents() || !!this.documentEnvelope()) && this.documentsEnabled() && !this.bulkMode(), ...ngDevMode ? [{ debugName: "documentsOn" }] : /* istanbul ignore next */ []);
+		this.bulkList = computed(() => {
+			const seen = /* @__PURE__ */ new Set();
+			return (this.recipients() ?? []).filter((r) => !seen.has(r.id) && !!seen.add(r.id));
+		}, ...ngDevMode ? [{ debugName: "bulkList" }] : /* istanbul ignore next */ []);
+		this.bulkMode = computed(() => this.bulkList().length > 0, ...ngDevMode ? [{ debugName: "bulkMode" }] : /* istanbul ignore next */ []);
+		this.emailRecipients = computed(() => this.bulkList().filter((r) => !!r.email?.trim()), ...ngDevMode ? [{ debugName: "emailRecipients" }] : /* istanbul ignore next */ []);
+		this.textRecipients = computed(() => this.textEnabled() ? this.bulkList().filter((r) => !!r.phone?.trim() && r.smsOptedIn === true) : [], ...ngDevMode ? [{ debugName: "textRecipients" }] : /* istanbul ignore next */ []);
+		this.activeRecipients = computed(() => this.channel() === "email" ? this.emailRecipients() : this.textRecipients(), ...ngDevMode ? [{ debugName: "activeRecipients" }] : /* istanbul ignore next */ []);
+		this.skippedRecipients = computed(() => {
+			const ok = new Set(this.activeRecipients());
+			return this.bulkList().filter((r) => !ok.has(r));
+		}, ...ngDevMode ? [{ debugName: "skippedRecipients" }] : /* istanbul ignore next */ []);
+		this.bulkNoneEligible = computed(() => this.bulkMode() && this.activeRecipients().length === 0, ...ngDevMode ? [{ debugName: "bulkNoneEligible" }] : /* istanbul ignore next */ []);
+		this.bulkMissingSend = computed(() => this.bulkMode() && !(this.channel() === "email" ? this.sendEmail() : this.sendText()), ...ngDevMode ? [{ debugName: "bulkMissingSend" }] : /* istanbul ignore next */ []);
+		this.bulkBlocked = computed(() => this.bulkMode() && (this.bulkNoneEligible() || this.bulkMissingSend()), ...ngDevMode ? [{ debugName: "bulkBlocked" }] : /* istanbul ignore next */ []);
+		this.hasTarget = computed(() => this.bulkMode() || !!this.activeContact(), ...ngDevMode ? [{ debugName: "hasTarget" }] : /* istanbul ignore next */ []);
+		this.sending = signal(false, ...ngDevMode ? [{ debugName: "sending" }] : /* istanbul ignore next */ []);
+		this.submitSnapshot = null;
+		this.recipientWord = computed(() => {
+			const n = this.bulkList().length;
+			const plural = this.recipientNoun() || "recipients";
+			if (n !== 1) return plural;
+			return this.recipientNounSingular() || (plural.endsWith("s") ? plural.slice(0, -1) : plural);
+		}, ...ngDevMode ? [{ debugName: "recipientWord" }] : /* istanbul ignore next */ []);
+		this.skippedText = computed(() => {
+			const n = this.skippedRecipients().length;
+			if (n === 0) return "";
+			const what = this.channel() === "email" ? "email" : "text";
+			return `${n} ${n === 1 ? "has" : "have"} ${this.skippedReason()} and will be skipped (${this.skippedNames()}). Only the others get this ${what}.`;
+		}, ...ngDevMode ? [{ debugName: "skippedText" }] : /* istanbul ignore next */ []);
+		this.noneEligibleText = computed(() => {
+			return `None of the ${this.bulkList().length} selected can receive this ${this.channel() === "email" ? "email" : "text message"} (${this.skippedReason()}), so there is nothing to send.`;
+		}, ...ngDevMode ? [{ debugName: "noneEligibleText" }] : /* istanbul ignore next */ []);
+		this.bulkAnnouncement = computed(() => {
+			if (!this.bulkMode()) return "";
+			const n = this.bulkList().length;
+			const ok = this.activeRecipients().length;
+			const ch = this.channel() === "email" ? "email" : "text";
+			if (ok === 0) return `${n} ${this.recipientWord()} selected. None can receive the ${ch}.`;
+			const skipped = this.skippedRecipients().length;
+			return `${n} ${this.recipientWord()} selected. ${ok} can receive the ${ch}.${skipped ? ` ${skipped} will be skipped.` : ""}`;
+		}, ...ngDevMode ? [{ debugName: "bulkAnnouncement" }] : /* istanbul ignore next */ []);
+		this.lastBulkResult = void 0;
 		this.showJobPicker = input(false, ...ngDevMode ? [{ debugName: "showJobPicker" }] : /* istanbul ignore next */ []);
 		this.jobLabel = input("Job", ...ngDevMode ? [{ debugName: "jobLabel" }] : /* istanbul ignore next */ []);
 		this.jobHint = input("", ...ngDevMode ? [{ debugName: "jobHint" }] : /* istanbul ignore next */ []);
@@ -7720,6 +7969,7 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
 		this.jobSelected = output();
 		this.closed = output();
 		this.sent = output();
+		this.sentBulk = output();
 		this.emailAdded = output();
 		this.rejected = output();
 		this.mapFieldsClick = output();
@@ -7777,6 +8027,31 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
 			const loadingVal = this.loading();
 			const openedNow = openVal && !this._prevOpen;
 			this._prevOpen = openVal;
+			if (this.bulkMode()) {
+				const emailCount = this.emailRecipients().length;
+				const textCount = this.textRecipients().length;
+				untracked(() => {
+					const wasSingle = !!this.activeContact();
+					const ch = this.channel();
+					const activeCount = ch === "email" ? emailCount : textCount;
+					const otherCount = ch === "email" ? textCount : emailCount;
+					const pref = this.initialChannel();
+					const defaultCh = pref === "text" && textCount > 0 ? "text" : pref === "email" && emailCount > 0 ? "email" : emailCount > 0 || textCount === 0 ? "email" : "text";
+					if (openedNow || wasSingle) {
+						this.activeContact.set(null);
+						this.channel.set(defaultCh);
+					} else if (openVal && activeCount === 0 && otherCount > 0 && !this.sending()) this.channel.set(ch === "email" ? "text" : "email");
+					else return;
+					this.resetBulkSend();
+					this.valid.set(false);
+					this.resetJob();
+					this.formEpoch.update((n) => n + 1);
+				});
+				return;
+			}
+			untracked(() => {
+				if (openedNow || this.sending() || this.submitSnapshot) this.resetBulkSend();
+			});
 			if (!openedNow && !(openVal && !loadingVal && !!contactVal)) return;
 			const c = contactVal ?? null;
 			const active = untracked(() => this.activeContact());
@@ -7800,6 +8075,7 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
 		this.formEpoch.update((n) => n + 1);
 	}
 	onChannelChange(ch) {
+		if (this.sending()) return;
 		this.channel.set(ch);
 		this.valid.set(false);
 	}
@@ -7820,12 +8096,29 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
 		this.phoneAdded.emit(phone);
 	}
 	submit() {
+		if (this.bulkBlocked()) return;
 		if (this.inApp()) this.sendInAppRef()?.submit();
 		else if (this.channel() === "email") this.sendEmailRef()?.submit();
 		else this.sendTextRef()?.submit();
 	}
 	onSent() {
+		const snap = this.submitSnapshot;
+		const bulk = !!snap || this.bulkMode();
+		const channel = snap?.channel ?? this.channel();
+		const selected = snap?.selected ?? [...this.bulkList()];
+		const sentList = snap?.sent ?? [...this.activeRecipients()];
+		const sentIds = new Set(sentList.map((r) => r.id));
+		const event = bulk ? {
+			channel,
+			recipients: sentList,
+			skipped: selected.filter((r) => !sentIds.has(r.id)),
+			result: this.lastBulkResult
+		} : null;
+		this.lastBulkResult = void 0;
+		this.submitSnapshot = null;
+		this.sending.set(false);
 		this.sent.emit();
+		if (event) this.sentBulk.emit(event);
 		this.closed.emit();
 	}
 	onClose() {
@@ -7870,6 +8163,34 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
 					isRequired: false,
 					transformFunction: null
 				},
+				recipients: {
+					classPropertyName: "recipients",
+					publicName: "recipients",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				initialChannel: {
+					classPropertyName: "initialChannel",
+					publicName: "initialChannel",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				recipientNoun: {
+					classPropertyName: "recipientNoun",
+					publicName: "recipientNoun",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				recipientNounSingular: {
+					classPropertyName: "recipientNounSingular",
+					publicName: "recipientNounSingular",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
 				textEnabled: {
 					classPropertyName: "textEnabled",
 					publicName: "textEnabled",
@@ -8169,6 +8490,7 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
 				jobSelected: "jobSelected",
 				closed: "closed",
 				sent: "sent",
+				sentBulk: "sentBulk",
 				emailAdded: "emailAdded",
 				rejected: "rejected",
 				mapFieldsClick: "mapFieldsClick",
@@ -8204,9 +8526,9 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
       [title]="title()"
       [wide]="wide()"
       cancelLabel="Cancel"
-      [primaryLabel]="!loading() && activeContact() ? (sendLabel() || (inApp() ? 'Send Message' : channel() === 'email' ? 'Send Email' : 'Send Text')) : ''"
+      [primaryLabel]="!loading() && hasTarget() ? (sendLabel() || (inApp() ? 'Send Message' : channel() === 'email' ? 'Send Email' : 'Send Text')) : ''"
       primaryVariant="warning"
-      [primaryDisabled]="!valid()"
+      [primaryDisabled]="!valid() || bulkBlocked()"
       (closed)="onClose()"
       (primaryClick)="submit()">
 
@@ -8218,7 +8540,7 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
         </div>
       }
 
-      @if (!loading() && !activeContact() && !inApp()) {
+      @if (!loading() && !hasTarget() && !inApp()) {
         <div class="msg-step">
           <span class="msg-step-badge">1</span>
           <span class="msg-step-text">Who would you like to message?</span>
@@ -8228,8 +8550,60 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
           (contactSelected)="onContactSelected($event)" />
       }
 
-      @if (!loading() && activeContact()) {
-        @if (!inApp() && textEnabled() && activeContact()?.smsOptedIn) {
+      @if (!loading() && hasTarget()) {
+        @if (bulkMode()) {
+          <div class="msg-bulk" role="group" aria-label="Recipients" data-testid="bulk-summary">
+            <p class="msg-bulk-to" data-testid="bulk-to">To: {{ bulkList().length }} {{ recipientWord() }}</p>
+            <div class="msg-bulk-counts">
+              <ui-badge [label]="emailRecipients().length + ' can receive email'" [variant]="emailRecipients().length ? 'blue' : 'gray'" />
+              @if (textEnabled()) {
+                <ui-badge [label]="textRecipients().length + ' can receive text'" [variant]="textRecipients().length ? 'blue' : 'gray'" />
+              }
+            </div>
+            @if (!textEnabled()) {
+              <ui-hint>Text messaging is not enabled. Connect Twilio in Comm Settings to send texts.</ui-hint>
+            }
+            <span class="msg-sr" role="status" data-testid="bulk-live">{{ bulkAnnouncement() }}</span>
+            @if (skippedRecipients().length > 0 && !bulkNoneEligible()) {
+              <ui-alert variant="warning" [quiet]="true" data-testid="bulk-skipped">{{ skippedText() }}</ui-alert>
+            }
+            @if (bulkNoneEligible()) {
+              <ui-alert variant="warning" [quiet]="true" data-testid="bulk-none-eligible">{{ noneEligibleText() }}</ui-alert>
+            }
+            @if (bulkMissingSend()) {
+              <ui-alert variant="danger" data-testid="bulk-no-send">{{ BULK_NO_SEND_MESSAGE }}</ui-alert>
+            }
+            @if (!bulkNoneEligible()) {
+              <ui-hint data-testid="bulk-merge-hint">{{ BULK_MERGE_TAG_HINT }}</ui-hint>
+            }
+          </div>
+        }
+
+        @if (bulkMode() && textEnabled() && emailRecipients().length > 0 && textRecipients().length > 0) {
+          <div class="msg-channel-row" data-testid="bulk-channel-row">
+            <label class="form-label msg-via-label">Send via</label>
+            @if (sending()) {
+              <!-- A send is in flight: the toggle is replaced by plain text (ui-toggle-badge has no disabled state), so nothing pressable remains. -->
+              <div class="msg-via-tabs">
+                <ui-badge [label]="channel() === 'email' ? 'Email' : 'Text'" variant="blue" />
+                <span class="msg-locked-note" role="status" data-testid="bulk-channel-locked">Channel locked while sending.</span>
+              </div>
+            } @else {
+              <div class="msg-via-tabs">
+                <ui-toggle-badge [active]="channel() === 'email'" (toggle)="onChannelChange('email')">
+                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg>
+                  Email
+                </ui-toggle-badge>
+                <ui-toggle-badge [active]="channel() === 'text'" (toggle)="onChannelChange('text')">
+                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
+                  Text
+                </ui-toggle-badge>
+              </div>
+            }
+          </div>
+        }
+
+        @if (!bulkMode() && !inApp() && textEnabled() && activeContact()?.smsOptedIn) {
           <div class="msg-channel-row">
             <label class="form-label msg-via-label">Send via</label>
             <div class="msg-via-tabs">
@@ -8253,7 +8627,7 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
         }
 
         <!-- Optional job link (hidden unless the host turns it on). -->
-        @if (showJobPicker()) {
+        @if (showJobPicker() && !bulkMode()) {
           @for (epoch of [formEpoch()]; track epoch) {
             <div class="msg-job">
               <ui-combobox
@@ -8266,13 +8640,14 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
         }
 
         <!-- Keyed on formEpoch: a fresh open or another contact gets brand-new forms (no stale draft / template). -->
+        <div [hidden]="bulkNoneEligible()" data-testid="msg-forms">
         @for (epoch of [formEpoch()]; track epoch) {
         @if (inApp()) {
           <ui-send-in-app
             #sendInAppRef
-            [contactName]="activeContact()!.name"
-            [contactId]="activeContact()!.id"
-            [contactEmail]="activeContact()!.email ?? ''"
+            [contactName]="(activeContact()?.name ?? '')"
+            [contactId]="(activeContact()?.id ?? '')"
+            [contactEmail]="activeContact()?.email ?? ''"
             [allowAttachments]="inAppAttachments()"
             [richText]="inAppRichText()"
             [defaultSubject]="defaultSubject()"
@@ -8285,10 +8660,11 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
         } @else if (channel() === 'email') {
           <ui-send-email
             #sendEmailRef
-            [contactName]="activeContact()!.name"
-            [contactEmail]="activeContact()!.email ?? ''"
-            [contactPhone]="activeContact()!.phone ?? ''"
-            [contactId]="activeContact()!.id"
+            [contactName]="(activeContact()?.name ?? '')"
+            [contactEmail]="activeContact()?.email ?? ''"
+            [contactPhone]="activeContact()?.phone ?? ''"
+            [contactId]="(activeContact()?.id ?? '')"
+            [bulkRecipients]="bulkRecipientsFor('email')"
             [defaultSubject]="defaultSubject()"
             [defaultBody]="defaultBody()"
             [context]="context()"
@@ -8298,13 +8674,13 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
             [receiptDefault]="receiptDefault()"
             [documents]="documentsOn()"
             [documentPurposes]="documentPurposes()"
-            [initialDocuments]="initialDocuments()"
+            [initialDocuments]="bulkMode() ? [] : initialDocuments()"
             [documentSigningOptions]="documentSigningOptions()"
-            [documentSigners]="documentSigners()"
+            [documentSigners]="bulkMode() ? null : documentSigners()"
             [sendContext]="sendContext()"
             [documentContextTypes]="documentContextTypes()"
             [documentMergeCheck]="documentMergeCheck()"
-            [documentEnvelope]="documentEnvelope()"
+            [documentEnvelope]="bulkMode() ? null : documentEnvelope()"
             [emailEnabled]="emailEnabled()"
             [documentSentMessage]="documentSentMessage()"
             (rejected)="rejected.emit()"
@@ -8317,46 +8693,52 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
             [showSubject]="showSubject()"
             [showTemplates]="showTemplates()"
             [showVideo]="showVideo()"
+            (bulkSending)="onBulkSending($event)"
+            (bulkResult)="onBulkResult($event)"
             (sent)="onSent()"
             (emailAdded)="onEmailAdded($event)"
             (validChange)="valid.set($event)" />
         } @else {
           <ui-send-text
             #sendTextRef
-            [contactName]="activeContact()!.name"
-            [contactPhone]="activeContact()!.phone ?? ''"
-            [contactEmail]="activeContact()!.email ?? ''"
-            [contactId]="activeContact()!.id"
+            [contactName]="(activeContact()?.name ?? '')"
+            [contactPhone]="activeContact()?.phone ?? ''"
+            [contactEmail]="activeContact()?.email ?? ''"
+            [contactId]="(activeContact()?.id ?? '')"
+            [bulkRecipients]="bulkRecipientsFor('text')"
             [defaultBody]="defaultMessage()"
             [context]="context()"
             [sendFn]="sendText()"
             [attachmentsAndScheduling]="attachmentsAndScheduling()"
             [documents]="documentsOn()"
             [documentPurposes]="documentPurposes()"
-            [initialDocuments]="initialDocuments()"
+            [initialDocuments]="bulkMode() ? [] : initialDocuments()"
             [documentSigningOptions]="documentSigningOptions()"
-            [documentSigners]="documentSigners()"
+            [documentSigners]="bulkMode() ? null : documentSigners()"
             [sendContext]="sendContext()"
             [documentContextTypes]="documentContextTypes()"
             [documentMergeCheck]="documentMergeCheck()"
-            [documentEnvelope]="documentEnvelope()"
+            [documentEnvelope]="bulkMode() ? null : documentEnvelope()"
             [documentSentMessage]="documentSentMessage()"
             (rejected)="rejected.emit()"
             [documentPreview]="documentPreview()"
             [videoDefaults]="videoDefaults()"
             [showTemplates]="showTemplates()"
             [showVideo]="showVideo()"
+            (bulkSending)="onBulkSending($event)"
+            (bulkResult)="onBulkResult($event)"
             (sent)="onSent()"
             (phoneAdded)="onPhoneAdded($event)"
             (validChange)="valid.set($event)" />
         }
         }
+        </div>
       }
 
     </ui-side-panel>
   `,
 			isInline: true,
-			styles: [".msg-step{display:flex;align-items:center;gap:10px;margin-bottom:14px}.msg-step-badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border-radius:50%;background:#1e293b;color:#fff;font-size:.75rem;font-weight:700}.msg-step-text{font-size:.9375rem;font-weight:600;color:#1e293b}.msg-channel-row{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.msg-sms-notice{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;font-size:.8125rem;color:#64748b}.msg-job{margin-bottom:16px}.msg-via-tabs{display:flex;gap:6px;flex-wrap:wrap}.msg-skeleton{display:flex;flex-direction:column;gap:12px;padding:4px 0}.skeleton-line{height:14px;border-radius:6px;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s infinite}.skeleton-line--wide{width:100%}.skeleton-line--medium{width:70%}.skeleton-line--narrow{width:45%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n"],
+			styles: [".msg-step{display:flex;align-items:center;gap:10px;margin-bottom:14px}.msg-step-badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border-radius:50%;background:#1e293b;color:#fff;font-size:.75rem;font-weight:700}.msg-step-text{font-size:.9375rem;font-weight:600;color:#1e293b}.msg-channel-row{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.msg-sms-notice{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;font-size:.8125rem;color:#64748b}.msg-job{margin-bottom:16px}.msg-locked-note{font-size:.75rem;color:#64748b}.msg-bulk{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.msg-bulk-to{margin:0;font-size:.9375rem;font-weight:600;color:var(--shell-text, #1e293b)}.msg-bulk-counts{display:flex;flex-wrap:wrap;gap:6px}.msg-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.msg-via-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.msg-skeleton{display:flex;flex-direction:column;gap:12px;padding:4px 0}.skeleton-line{height:14px;border-radius:6px;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s infinite}.skeleton-line--wide{width:100%}.skeleton-line--medium{width:70%}.skeleton-line--narrow{width:45%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n"],
 			dependencies: [
 				{
 					kind: "component",
@@ -8400,6 +8782,7 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
 						"contactEmail",
 						"contactPhone",
 						"contactId",
+						"bulkRecipients",
 						"defaultSubject",
 						"defaultBody",
 						"context",
@@ -8429,6 +8812,8 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
 					],
 					outputs: [
 						"sent",
+						"bulkResult",
+						"bulkSending",
 						"emailAdded",
 						"validChange",
 						"rejected",
@@ -8462,6 +8847,7 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
 						"contactPhone",
 						"contactEmail",
 						"contactId",
+						"bulkRecipients",
 						"defaultBody",
 						"context",
 						"sendFn",
@@ -8483,6 +8869,8 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
 					],
 					outputs: [
 						"sent",
+						"bulkResult",
+						"bulkSending",
 						"phoneAdded",
 						"validChange",
 						"rejected"
@@ -8540,6 +8928,33 @@ var SendMessagePanelComponent = class SendMessagePanelComponent {
 						"focused",
 						"blurred"
 					]
+				},
+				{
+					kind: "component",
+					type: AlertComponent,
+					selector: "ui-alert",
+					inputs: [
+						"variant",
+						"title",
+						"dismissible",
+						"dismissAriaLabel",
+						"quiet",
+						"compact",
+						"inline",
+						"fill"
+					],
+					outputs: ["dismissed"]
+				},
+				{
+					kind: "component",
+					type: BadgeComponent,
+					selector: "ui-badge",
+					inputs: ["label", "variant"]
+				},
+				{
+					kind: "component",
+					type: HintComponent,
+					selector: "ui-hint"
 				}
 			],
 			changeDetection: i0.ChangeDetectionStrategy.OnPush
@@ -8564,7 +8979,10 @@ i0.ɵɵngDeclareClassMetadata({
 				SendInAppComponent,
 				SendTextComponent,
 				ContactPickerComponent,
-				ComboboxComponent
+				ComboboxComponent,
+				AlertComponent,
+				BadgeComponent,
+				HintComponent
 			],
 			template: `
     <ui-side-panel
@@ -8572,9 +8990,9 @@ i0.ɵɵngDeclareClassMetadata({
       [title]="title()"
       [wide]="wide()"
       cancelLabel="Cancel"
-      [primaryLabel]="!loading() && activeContact() ? (sendLabel() || (inApp() ? 'Send Message' : channel() === 'email' ? 'Send Email' : 'Send Text')) : ''"
+      [primaryLabel]="!loading() && hasTarget() ? (sendLabel() || (inApp() ? 'Send Message' : channel() === 'email' ? 'Send Email' : 'Send Text')) : ''"
       primaryVariant="warning"
-      [primaryDisabled]="!valid()"
+      [primaryDisabled]="!valid() || bulkBlocked()"
       (closed)="onClose()"
       (primaryClick)="submit()">
 
@@ -8586,7 +9004,7 @@ i0.ɵɵngDeclareClassMetadata({
         </div>
       }
 
-      @if (!loading() && !activeContact() && !inApp()) {
+      @if (!loading() && !hasTarget() && !inApp()) {
         <div class="msg-step">
           <span class="msg-step-badge">1</span>
           <span class="msg-step-text">Who would you like to message?</span>
@@ -8596,8 +9014,60 @@ i0.ɵɵngDeclareClassMetadata({
           (contactSelected)="onContactSelected($event)" />
       }
 
-      @if (!loading() && activeContact()) {
-        @if (!inApp() && textEnabled() && activeContact()?.smsOptedIn) {
+      @if (!loading() && hasTarget()) {
+        @if (bulkMode()) {
+          <div class="msg-bulk" role="group" aria-label="Recipients" data-testid="bulk-summary">
+            <p class="msg-bulk-to" data-testid="bulk-to">To: {{ bulkList().length }} {{ recipientWord() }}</p>
+            <div class="msg-bulk-counts">
+              <ui-badge [label]="emailRecipients().length + ' can receive email'" [variant]="emailRecipients().length ? 'blue' : 'gray'" />
+              @if (textEnabled()) {
+                <ui-badge [label]="textRecipients().length + ' can receive text'" [variant]="textRecipients().length ? 'blue' : 'gray'" />
+              }
+            </div>
+            @if (!textEnabled()) {
+              <ui-hint>Text messaging is not enabled. Connect Twilio in Comm Settings to send texts.</ui-hint>
+            }
+            <span class="msg-sr" role="status" data-testid="bulk-live">{{ bulkAnnouncement() }}</span>
+            @if (skippedRecipients().length > 0 && !bulkNoneEligible()) {
+              <ui-alert variant="warning" [quiet]="true" data-testid="bulk-skipped">{{ skippedText() }}</ui-alert>
+            }
+            @if (bulkNoneEligible()) {
+              <ui-alert variant="warning" [quiet]="true" data-testid="bulk-none-eligible">{{ noneEligibleText() }}</ui-alert>
+            }
+            @if (bulkMissingSend()) {
+              <ui-alert variant="danger" data-testid="bulk-no-send">{{ BULK_NO_SEND_MESSAGE }}</ui-alert>
+            }
+            @if (!bulkNoneEligible()) {
+              <ui-hint data-testid="bulk-merge-hint">{{ BULK_MERGE_TAG_HINT }}</ui-hint>
+            }
+          </div>
+        }
+
+        @if (bulkMode() && textEnabled() && emailRecipients().length > 0 && textRecipients().length > 0) {
+          <div class="msg-channel-row" data-testid="bulk-channel-row">
+            <label class="form-label msg-via-label">Send via</label>
+            @if (sending()) {
+              <!-- A send is in flight: the toggle is replaced by plain text (ui-toggle-badge has no disabled state), so nothing pressable remains. -->
+              <div class="msg-via-tabs">
+                <ui-badge [label]="channel() === 'email' ? 'Email' : 'Text'" variant="blue" />
+                <span class="msg-locked-note" role="status" data-testid="bulk-channel-locked">Channel locked while sending.</span>
+              </div>
+            } @else {
+              <div class="msg-via-tabs">
+                <ui-toggle-badge [active]="channel() === 'email'" (toggle)="onChannelChange('email')">
+                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg>
+                  Email
+                </ui-toggle-badge>
+                <ui-toggle-badge [active]="channel() === 'text'" (toggle)="onChannelChange('text')">
+                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
+                  Text
+                </ui-toggle-badge>
+              </div>
+            }
+          </div>
+        }
+
+        @if (!bulkMode() && !inApp() && textEnabled() && activeContact()?.smsOptedIn) {
           <div class="msg-channel-row">
             <label class="form-label msg-via-label">Send via</label>
             <div class="msg-via-tabs">
@@ -8621,7 +9091,7 @@ i0.ɵɵngDeclareClassMetadata({
         }
 
         <!-- Optional job link (hidden unless the host turns it on). -->
-        @if (showJobPicker()) {
+        @if (showJobPicker() && !bulkMode()) {
           @for (epoch of [formEpoch()]; track epoch) {
             <div class="msg-job">
               <ui-combobox
@@ -8634,13 +9104,14 @@ i0.ɵɵngDeclareClassMetadata({
         }
 
         <!-- Keyed on formEpoch: a fresh open or another contact gets brand-new forms (no stale draft / template). -->
+        <div [hidden]="bulkNoneEligible()" data-testid="msg-forms">
         @for (epoch of [formEpoch()]; track epoch) {
         @if (inApp()) {
           <ui-send-in-app
             #sendInAppRef
-            [contactName]="activeContact()!.name"
-            [contactId]="activeContact()!.id"
-            [contactEmail]="activeContact()!.email ?? ''"
+            [contactName]="(activeContact()?.name ?? '')"
+            [contactId]="(activeContact()?.id ?? '')"
+            [contactEmail]="activeContact()?.email ?? ''"
             [allowAttachments]="inAppAttachments()"
             [richText]="inAppRichText()"
             [defaultSubject]="defaultSubject()"
@@ -8653,10 +9124,11 @@ i0.ɵɵngDeclareClassMetadata({
         } @else if (channel() === 'email') {
           <ui-send-email
             #sendEmailRef
-            [contactName]="activeContact()!.name"
-            [contactEmail]="activeContact()!.email ?? ''"
-            [contactPhone]="activeContact()!.phone ?? ''"
-            [contactId]="activeContact()!.id"
+            [contactName]="(activeContact()?.name ?? '')"
+            [contactEmail]="activeContact()?.email ?? ''"
+            [contactPhone]="activeContact()?.phone ?? ''"
+            [contactId]="(activeContact()?.id ?? '')"
+            [bulkRecipients]="bulkRecipientsFor('email')"
             [defaultSubject]="defaultSubject()"
             [defaultBody]="defaultBody()"
             [context]="context()"
@@ -8666,13 +9138,13 @@ i0.ɵɵngDeclareClassMetadata({
             [receiptDefault]="receiptDefault()"
             [documents]="documentsOn()"
             [documentPurposes]="documentPurposes()"
-            [initialDocuments]="initialDocuments()"
+            [initialDocuments]="bulkMode() ? [] : initialDocuments()"
             [documentSigningOptions]="documentSigningOptions()"
-            [documentSigners]="documentSigners()"
+            [documentSigners]="bulkMode() ? null : documentSigners()"
             [sendContext]="sendContext()"
             [documentContextTypes]="documentContextTypes()"
             [documentMergeCheck]="documentMergeCheck()"
-            [documentEnvelope]="documentEnvelope()"
+            [documentEnvelope]="bulkMode() ? null : documentEnvelope()"
             [emailEnabled]="emailEnabled()"
             [documentSentMessage]="documentSentMessage()"
             (rejected)="rejected.emit()"
@@ -8685,45 +9157,51 @@ i0.ɵɵngDeclareClassMetadata({
             [showSubject]="showSubject()"
             [showTemplates]="showTemplates()"
             [showVideo]="showVideo()"
+            (bulkSending)="onBulkSending($event)"
+            (bulkResult)="onBulkResult($event)"
             (sent)="onSent()"
             (emailAdded)="onEmailAdded($event)"
             (validChange)="valid.set($event)" />
         } @else {
           <ui-send-text
             #sendTextRef
-            [contactName]="activeContact()!.name"
-            [contactPhone]="activeContact()!.phone ?? ''"
-            [contactEmail]="activeContact()!.email ?? ''"
-            [contactId]="activeContact()!.id"
+            [contactName]="(activeContact()?.name ?? '')"
+            [contactPhone]="activeContact()?.phone ?? ''"
+            [contactEmail]="activeContact()?.email ?? ''"
+            [contactId]="(activeContact()?.id ?? '')"
+            [bulkRecipients]="bulkRecipientsFor('text')"
             [defaultBody]="defaultMessage()"
             [context]="context()"
             [sendFn]="sendText()"
             [attachmentsAndScheduling]="attachmentsAndScheduling()"
             [documents]="documentsOn()"
             [documentPurposes]="documentPurposes()"
-            [initialDocuments]="initialDocuments()"
+            [initialDocuments]="bulkMode() ? [] : initialDocuments()"
             [documentSigningOptions]="documentSigningOptions()"
-            [documentSigners]="documentSigners()"
+            [documentSigners]="bulkMode() ? null : documentSigners()"
             [sendContext]="sendContext()"
             [documentContextTypes]="documentContextTypes()"
             [documentMergeCheck]="documentMergeCheck()"
-            [documentEnvelope]="documentEnvelope()"
+            [documentEnvelope]="bulkMode() ? null : documentEnvelope()"
             [documentSentMessage]="documentSentMessage()"
             (rejected)="rejected.emit()"
             [documentPreview]="documentPreview()"
             [videoDefaults]="videoDefaults()"
             [showTemplates]="showTemplates()"
             [showVideo]="showVideo()"
+            (bulkSending)="onBulkSending($event)"
+            (bulkResult)="onBulkResult($event)"
             (sent)="onSent()"
             (phoneAdded)="onPhoneAdded($event)"
             (validChange)="valid.set($event)" />
         }
         }
+        </div>
       }
 
     </ui-side-panel>
   `,
-			styles: [".msg-step{display:flex;align-items:center;gap:10px;margin-bottom:14px}.msg-step-badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border-radius:50%;background:#1e293b;color:#fff;font-size:.75rem;font-weight:700}.msg-step-text{font-size:.9375rem;font-weight:600;color:#1e293b}.msg-channel-row{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.msg-sms-notice{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;font-size:.8125rem;color:#64748b}.msg-job{margin-bottom:16px}.msg-via-tabs{display:flex;gap:6px;flex-wrap:wrap}.msg-skeleton{display:flex;flex-direction:column;gap:12px;padding:4px 0}.skeleton-line{height:14px;border-radius:6px;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s infinite}.skeleton-line--wide{width:100%}.skeleton-line--medium{width:70%}.skeleton-line--narrow{width:45%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n"]
+			styles: [".msg-step{display:flex;align-items:center;gap:10px;margin-bottom:14px}.msg-step-badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border-radius:50%;background:#1e293b;color:#fff;font-size:.75rem;font-weight:700}.msg-step-text{font-size:.9375rem;font-weight:600;color:#1e293b}.msg-channel-row{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.msg-sms-notice{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;font-size:.8125rem;color:#64748b}.msg-job{margin-bottom:16px}.msg-locked-note{font-size:.75rem;color:#64748b}.msg-bulk{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.msg-bulk-to{margin:0;font-size:.9375rem;font-weight:600;color:var(--shell-text, #1e293b)}.msg-bulk-counts{display:flex;flex-wrap:wrap;gap:6px}.msg-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.msg-via-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.msg-skeleton{display:flex;flex-direction:column;gap:12px;padding:4px 0}.skeleton-line{height:14px;border-radius:6px;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s infinite}.skeleton-line--wide{width:100%}.skeleton-line--medium{width:70%}.skeleton-line--narrow{width:45%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -8752,6 +9230,38 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		recipients: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "recipients",
+				required: false
+			}]
+		}],
+		initialChannel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "initialChannel",
+				required: false
+			}]
+		}],
+		recipientNoun: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "recipientNoun",
+				required: false
+			}]
+		}],
+		recipientNounSingular: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "recipientNounSingular",
+				required: false
+			}]
+		}],
 		textEnabled: [{
 			type: i0.Input,
 			args: [{
@@ -9100,6 +9610,10 @@ i0.ɵɵngDeclareClassMetadata({
 			type: i0.Output,
 			args: ["sent"]
 		}],
+		sentBulk: [{
+			type: i0.Output,
+			args: ["sentBulk"]
+		}],
 		emailAdded: [{
 			type: i0.Output,
 			args: ["emailAdded"]
@@ -9130,6 +9644,6 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-export { DEFAULT_DOCUMENT_SUBJECT, DEFAULT_SIGNING_OPTIONS, DOCUMENT_PROVIDER_OPTIONS, DOCUMENT_PURPOSE_OPTIONS, DocumentMergeCheckComponent, DocumentSendOptionsComponent, DocumentSignersComponent, MAX_CC, MERGE_CHECK_DEBOUNCE_MS, SIGNER_ROLES, SIGNER_ROLE_LABEL_DEFAULT, SIGNING_LIMITS, SendMessagePanelComponent, TemplatePickerComponent, VideoPickerComponent, appendVideoLink, applyVideoLine, buildSigners, buildVideoLink, countersignLine, countersignPlaceLabel, describeDocumentSigners, effectiveRoles, forwardContext, hasMappedDataFields, mergeFieldText, mergeWarningLines, messagePreviewHtml, normalizeRoles, parseCcList, roleNumber, sendExistingEnvelope, signerProblems, signerRoleLabel, stripVideoLink, suggestDocumentSubject, videoMessageLine };
+export { BULK_MERGE_TAG_HINT, BULK_NO_SEND_MESSAGE, DEFAULT_DOCUMENT_SUBJECT, DEFAULT_SIGNING_OPTIONS, DOCUMENT_PROVIDER_OPTIONS, DOCUMENT_PURPOSE_OPTIONS, DocumentMergeCheckComponent, DocumentSendOptionsComponent, DocumentSignersComponent, MAX_CC, MERGE_CHECK_DEBOUNCE_MS, PERSONAL_TAG_KEYS, SIGNER_ROLES, SIGNER_ROLE_LABEL_DEFAULT, SIGNING_LIMITS, SendMessagePanelComponent, TemplatePickerComponent, VideoPickerComponent, appendVideoLink, applyVideoLine, buildSigners, buildVideoLink, countersignLine, countersignPlaceLabel, describeDocumentSigners, effectiveRoles, forwardContext, hasMappedDataFields, mergeFieldText, mergeWarningLines, messagePreviewHtml, normalizeRoles, parseCcList, roleNumber, sendExistingEnvelope, signerProblems, signerRoleLabel, stripVideoLink, suggestDocumentSubject, videoMessageLine };
 
 //# sourceMappingURL=forgeroute-ui-messaging.mjs.map