@smooai/chat-widget 0.7.0 → 0.9.0

package/dist/index.d.ts

@@ -201,6 +201,20 @@ declare class SmoothAgentChatElement extends HTMLElement {
   private buildRestoreCard;
   /** Format an ISO timestamp as a short, locale-aware label (best-effort). */
   private formatWhen;
+  /**
+   * Wire as-you-type formatting + an inline validity hint onto the pre-chat
+   * phone input (libphonenumber-js, US default region). Autofill is preserved:
+   * the input keeps its `type="tel"` + `autocomplete="tel"` + implicit <label>,
+   * and we also reformat on `change` so a browser-autofilled value gets
+   * formatted/validated too.
+   *
+   * As-you-type caret note: `AsYouType` reformats the entire string, which
+   * moves the caret to the end on a mid-string edit. To avoid fighting the
+   * user, we only rewrite the value when the caret is at the end (the typical
+   * append-a-digit case) and never on a deletion — so backspacing the
+   * formatting characters works naturally.
+   */
+  private wirePhoneField;
   /** Collect identity + consent from the pre-chat form, then drop into the chat view. */
   private handlePrechatSubmit;
   /** Send a starter prompt (from a chip click). */

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/config.ts","../src/element.ts","../src/loader-core.ts","../src/persistence.ts","../src/conversation.ts","../src/fingerprint.ts"],"mappings":"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"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/config.ts","../src/element.ts","../src/loader-core.ts","../src/persistence.ts","../src/conversation.ts","../src/fingerprint.ts"],"mappings":"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"}

package/dist/index.js

@@ -1,3 +1,4 @@
+import { AsYouType, isValidPhoneNumber, parsePhoneNumber } from "libphonenumber-js/min";
 import { ProtocolError, SmoothAgentClient } from "@smooai/smooth-operator";
 import { createStore } from "zustand/vanilla";
 import { persist } from "zustand/middleware";
@@ -1864,6 +1865,24 @@ function buildStyles(theme, mode = "popover") {
     border-color: color-mix(in srgb, var(--sac-primary) 60%, transparent);
     box-shadow: 0 0 0 4px color-mix(in srgb, var(--sac-primary) 14%, transparent);
 }
+/* Inline phone validity — subtle, themed. Empty stays neutral (optional field). */
+.pc-field.valid input {
+    border-color: color-mix(in srgb, var(--sac-primary) 55%, #2faa6a 45%);
+}
+.pc-field.invalid input {
+    border-color: color-mix(in srgb, #e2566b 62%, var(--sac-border) 38%);
+}
+.pc-field.invalid input:focus {
+    box-shadow: 0 0 0 4px color-mix(in srgb, #e2566b 16%, transparent);
+}
+.pc-field .pc-hint {
+    min-height: 13px;
+    margin-top: 1px;
+    font-size: 11.5px;
+    font-weight: 500;
+    line-height: 1.2;
+    color: color-mix(in srgb, #e2566b 78%, var(--sac-text) 22%);
+}
 .pc-submit {
     margin-top: 4px;
     border: none;
@@ -2034,7 +2053,46 @@ function buildStyles(theme, mode = "popover") {
 }
 //#endregion
 //#region src/element.ts
+/**
+* `<smooth-agent-chat>` — a framework-light embeddable chat web component.
+*
+* A clean, dependency-light web component that preserves a familiar embedding
+* model — a launcher + popover panel, declarative HTML attributes, and a
+* programmatic API — while talking to the `@smooai/smooth-operator` protocol
+* client. The visual layer is the "Aurora Glass" design system (see
+* {@link buildStyles}): a spring launcher with a live presence pulse, a
+* glass-depth panel, a gradient brand avatar + status dot, an animated typing
+* indicator, message rise-in, refined source cards, and an icon composer. Every
+* color is driven by `--sac-*` custom properties so a host's brand flows through.
+*
+* Embedding model:
+*   <smooth-agent-chat endpoint="ws://localhost:8787/ws" agent-id="…"></smooth-agent-chat>
+* or programmatically via {@link mountChatWidget}.
+*/
 const ELEMENT_TAG = "smooth-agent-chat";
+/**
+* Default region for phone parsing/formatting on the pre-chat form. The widget
+* is US-first; the backend does the authoritative E.164 normalization (SMOODEV-2153),
+* so this only governs the as-you-type display + the inline validity hint and the
+* best-effort E.164 we send when the number already parses as valid.
+*/
+const PHONE_DEFAULT_REGION = "US";
+/**
+* Best-effort E.164 for an as-typed phone number. Returns the canonical
+* `+1…` form when the value parses to a valid number in {@link PHONE_DEFAULT_REGION},
+* otherwise `null` (caller falls back to sending the raw value — the backend
+* re-parses and normalizes/nulls authoritatively).
+*/
+function phoneToE164(value) {
+	const v = value.trim();
+	if (!v) return null;
+	try {
+		if (!isValidPhoneNumber(v, PHONE_DEFAULT_REGION)) return null;
+		return parsePhoneNumber(v, PHONE_DEFAULT_REGION).number;
+	} catch {
+		return null;
+	}
+}
 const OBSERVED = [
 	"endpoint",
 	"agent-id",
@@ -2224,7 +2282,7 @@ var SmoothAgentChatElement = class extends HTMLElement {
 		const gating = needsUserInfo(resolved) && !this.userInfoSatisfied;
 		this.gating = gating;
 		const showPhone = resolved.requirePhone || resolved.collectPhone;
-		const field = (name, type, label, autocomplete, required) => `<label class="pc-field"><span>${escapeHtml(label)}</span><input name="${name}" type="${type}" autocomplete="${autocomplete}"${required ? " required" : ""} /></label>`;
+		const field = (name, type, label, autocomplete, required, hint = false) => `<label class="pc-field"><span>${escapeHtml(label)}</span><input name="${name}" type="${type}" autocomplete="${autocomplete}"${required ? " required" : ""} />${hint ? "<span class=\"pc-hint\" aria-live=\"polite\"></span>" : ""}</label>`;
 		const consentBox = (name, label) => `<label class="pc-consent"><input name="${name}" type="checkbox" /><span>${escapeHtml(label)}</span></label>`;
 		const consentHtml = resolved.collectConsent ? `<div class="pc-consents">
                     ${consentBox("emailOptIn", "Email me product news and offers.")}
@@ -2239,7 +2297,7 @@ var SmoothAgentChatElement = class extends HTMLElement {
                 <form class="pc-form" novalidate>
                     ${resolved.requireName ? field("name", "text", "Name", "name", true) : ""}
                     ${resolved.requireEmail ? field("email", "email", "Email", "email", true) : ""}
-                    ${showPhone ? field("phone", "tel", "Phone", "tel", resolved.requirePhone) : ""}
+                    ${showPhone ? field("phone", "tel", "Phone", "tel", resolved.requirePhone, true) : ""}
                     ${consentHtml}
                     <button type="submit" class="pc-submit">Start chat</button>
                 </form>
@@ -2291,6 +2349,7 @@ var SmoothAgentChatElement = class extends HTMLElement {
 			ev.preventDefault();
 			this.handlePrechatSubmit(pcForm);
 		});
+		this.wirePhoneField(pcForm);
 		container.querySelector(".restore-link")?.addEventListener("click", () => {
 			(async () => {
 				this.identityRestore = { phase: "awaiting_email" };
@@ -2566,16 +2625,77 @@ var SmoothAgentChatElement = class extends HTMLElement {
 			return "";
 		}
 	}
+	/**
+	* Wire as-you-type formatting + an inline validity hint onto the pre-chat
+	* phone input (libphonenumber-js, US default region). Autofill is preserved:
+	* the input keeps its `type="tel"` + `autocomplete="tel"` + implicit <label>,
+	* and we also reformat on `change` so a browser-autofilled value gets
+	* formatted/validated too.
+	*
+	* As-you-type caret note: `AsYouType` reformats the entire string, which
+	* moves the caret to the end on a mid-string edit. To avoid fighting the
+	* user, we only rewrite the value when the caret is at the end (the typical
+	* append-a-digit case) and never on a deletion — so backspacing the
+	* formatting characters works naturally.
+	*/
+	wirePhoneField(form) {
+		const input = form?.querySelector("input[name=\"phone\"]");
+		if (!input) return;
+		const hint = input.parentElement?.querySelector(".pc-hint");
+		const updateHint = () => {
+			const v = input.value.trim();
+			const field = input.closest(".pc-field");
+			if (!v) {
+				field?.classList.remove("valid", "invalid");
+				if (hint) hint.textContent = "";
+				return;
+			}
+			const ok = isValidPhoneNumber(v, PHONE_DEFAULT_REGION);
+			field?.classList.toggle("valid", ok);
+			field?.classList.toggle("invalid", !ok);
+			if (hint) hint.textContent = ok ? "" : "Enter a valid phone number";
+		};
+		const reformat = () => {
+			if (input.selectionStart === input.value.length && input.selectionEnd === input.value.length) {
+				const formatted = new AsYouType(PHONE_DEFAULT_REGION).input(input.value);
+				if (formatted.length >= input.value.length) input.value = formatted;
+			}
+			updateHint();
+		};
+		input.addEventListener("input", (ev) => {
+			const ie = ev;
+			if (typeof ie.inputType === "string" && ie.inputType.startsWith("delete")) {
+				updateHint();
+				return;
+			}
+			reformat();
+		});
+		input.addEventListener("change", reformat);
+	}
 	/** Collect identity + consent from the pre-chat form, then drop into the chat view. */
 	handlePrechatSubmit(form) {
 		if (!form.reportValidity()) return;
 		const data = new FormData(form);
 		const val = (k) => data.get(k)?.trim() || void 0;
 		const checked = (k) => data.get(k) === "on";
+		const rawPhone = val("phone");
+		const phoneInput = form.querySelector("input[name=\"phone\"]");
+		if (rawPhone && phoneInput && !isValidPhoneNumber(rawPhone, PHONE_DEFAULT_REGION)) {
+			const required = phoneInput.hasAttribute("required");
+			const field = phoneInput.closest(".pc-field");
+			field?.classList.add("invalid");
+			const hint = field?.querySelector(".pc-hint");
+			if (hint) hint.textContent = "Enter a valid phone number";
+			if (required) {
+				phoneInput.focus();
+				return;
+			}
+		}
+		const phone = rawPhone ? phoneToE164(rawPhone) ?? rawPhone : void 0;
 		this.controller?.setUserInfo({
 			name: val("name"),
 			email: val("email"),
-			phone: val("phone"),
+			phone,
 			consent: {
 				emailOptIn: checked("emailOptIn"),
 				smsOptIn: checked("smsOptIn")