@epam/ai-dial-chat-overlay 1.0.0-dev.550

package/index.d.ts

@@ -0,0 +1,6 @@
+export { ChatOverlay } from './lib/ChatOverlay';
+export { ChatOverlayManager, OverlayPosition } from './lib/ChatOverlayManager';
+export type { ChatOverlayManagerOptions } from './lib/ChatOverlayManager';
+export type { ChatOverlayOptions, GetMessagesResponse, OverlayChatMessage, SendMessageResponse, SetOverlayOptionsResponse, SetSystemPromptResponse, SetTemperatureResponse, } from '@epam/ai-dial-chat-shared';
+export { OverlayEventType, OverlayFeature, OverlayRequestType, } from '@epam/ai-dial-chat-shared';
+//# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC/E,YAAY,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAE1E,YAAY,EACV,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,yBAAyB,EACzB,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,kBAAkB,GACnB,MAAM,2BAA2B,CAAC"}

package/index.js

@@ -0,0 +1,345 @@
+import { OverlayEventType as e, OverlayEventType as t, OverlayFeature as n, OverlayFeature as r, OverlayRequestType as i, OverlayRequestType as a, isOverlayMessageEvent as o, isOverlayMessageResponse as s } from "@epam/ai-dial-chat-shared";
+//#region src/lib/internal/default-loader.ts
+var c = "<svg viewBox=\"0 0 50 50\" width=\"32\" height=\"32\" role=\"presentation\" aria-hidden=\"true\"><circle cx=\"25\" cy=\"25\" r=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-dasharray=\"31.4 31.4\"><animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 25 25\" to=\"360 25 25\" dur=\"1s\" repeatCount=\"indefinite\" /></circle></svg>", l = 0, u = () => (l += 1, `dial-overlay-${Date.now()}-${l}`), d = class {
+	requestId;
+	responseType;
+	promise;
+	resolveFn;
+	rejectFn;
+	settled = !1;
+	timeoutHandle;
+	constructor(e, t) {
+		this.requestId = u(), this.responseType = `${e}/RESPONSE`, this.promise = new Promise((e, t) => {
+			this.resolveFn = e, this.rejectFn = t;
+		}), this.timeoutHandle = setTimeout(() => {
+			this.reject(/* @__PURE__ */ Error(`ChatOverlay: request "${e}" timed out after ${t}ms`));
+		}, t);
+	}
+	matches(e, t) {
+		return this.responseType === e && this.requestId === t;
+	}
+	resolve(e) {
+		this.settled || (this.settled = !0, clearTimeout(this.timeoutHandle), this.resolveFn(e));
+	}
+	reject(e) {
+		this.settled || (this.settled = !0, clearTimeout(this.timeoutHandle), this.rejectFn(e));
+	}
+}, f = (e, t) => {
+	Object.assign(e.style, t);
+}, p = class {
+	promise;
+	resolveFn;
+	rejectFn;
+	settled = !1;
+	constructor() {
+		this.promise = new Promise((e, t) => {
+			this.resolveFn = e, this.rejectFn = t;
+		});
+	}
+	resolve(e) {
+		this.settled || (this.settled = !0, this.resolveFn(e));
+	}
+	reject(e) {
+		this.settled || (this.settled = !0, this.rejectFn(e));
+	}
+}, m = 1e4, h = "data-dial-overlay-loader", g = (e) => {
+	if (typeof e != "string") return e;
+	let t = document.querySelector(e);
+	if (!t) throw Error(`ChatOverlay: no element matches selector "${e}"`);
+	return t;
+}, _ = (e) => {
+	let t = document.createElement("iframe");
+	t.src = e.domain, t.name = "overlay", t.setAttribute("aria-label", "DIAL Chat"), t.setAttribute("sandbox", "allow-same-origin allow-scripts allow-modals allow-forms allow-popups allow-downloads allow-popups-to-escape-sandbox");
+	let n = ["clipboard-write"];
+	return e.enabledFeatures?.includes(r.VoiceInput) && n.push("microphone"), t.setAttribute("allow", n.join("; ")), f(t, {
+		border: "none",
+		display: "block",
+		width: "100%",
+		height: "100%"
+	}), t;
+}, v = (e) => {
+	let t = document.createElement("div");
+	return t.setAttribute(h, ""), t.innerHTML = e.loaderInnerHTML ?? c, f(t, {
+		position: "absolute",
+		inset: "0",
+		zIndex: "2",
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		boxSizing: "border-box",
+		background: "#ffffff",
+		color: "#2764d9"
+	}), e.loaderClass && (t.className = e.loaderClass), e.loaderStyles && f(t, e.loaderStyles), t;
+}, y = class {
+	root;
+	iframe;
+	loader;
+	options;
+	targetOrigin;
+	readyGate = new p();
+	pendingRequests = /* @__PURE__ */ new Map();
+	eventSubscribers = /* @__PURE__ */ new Map();
+	messageListener = (e) => {
+		this.handleMessage(e);
+	};
+	isDestroyed = !1;
+	constructor(e, t) {
+		this.root = g(e), this.options = { ...t }, this.targetOrigin = new URL(t.domain).origin, this.iframe = _(this.options), this.loader = v(this.options);
+		let n = window.getComputedStyle(this.root).position;
+		(n === "static" || n === "") && f(this.root, { position: "relative" }), this.root.appendChild(this.loader), this.root.appendChild(this.iframe), window.addEventListener("message", this.messageListener), this.readyGate.promise.catch(() => void 0);
+	}
+	ready() {
+		return this.readyGate.promise;
+	}
+	getMessages() {
+		return this.send(a.GetMessages);
+	}
+	sendMessage(e) {
+		let t = { content: e };
+		return this.send(a.SendMessage, t);
+	}
+	setInputContent(e) {
+		let t = { content: e };
+		return this.send(a.SetInputContent, t);
+	}
+	setSystemPrompt(e) {
+		let t = { systemPrompt: e };
+		return this.send(a.SetSystemPrompt, t);
+	}
+	setTemperature(e) {
+		let t = { temperature: e };
+		return this.send(a.SetTemperature, t);
+	}
+	setOverlayOptions(e) {
+		return this.options.theme = e.theme ?? this.options.theme, this.options.modelId = e.modelId ?? this.options.modelId, this.options.overlayConversationId = e.overlayConversationId ?? this.options.overlayConversationId, this.sendCurrentOverlayOptions();
+	}
+	subscribe(e, t) {
+		let n = this.eventSubscribers.get(e) ?? /* @__PURE__ */ new Set(), r = t;
+		return n.add(r), this.eventSubscribers.set(e, n), () => {
+			n.delete(r);
+		};
+	}
+	allowFullscreen() {
+		this.iframe.setAttribute("allowfullscreen", "true");
+		let e = this.iframe.getAttribute("allow") ?? "";
+		e.includes("fullscreen") || this.iframe.setAttribute("allow", [e, "fullscreen"].filter(Boolean).join("; "));
+	}
+	async openFullscreen() {
+		typeof this.iframe.requestFullscreen == "function" && await this.iframe.requestFullscreen();
+	}
+	destroy() {
+		this.isDestroyed || (this.isDestroyed = !0, window.removeEventListener("message", this.messageListener), this.pendingRequests.forEach((e) => {
+			e.reject(/* @__PURE__ */ Error("ChatOverlay: instance was destroyed"));
+		}), this.pendingRequests.clear(), this.readyGate.reject(/* @__PURE__ */ Error("ChatOverlay: instance was destroyed")), this.iframe.remove(), this.loader.remove());
+	}
+	sendCurrentOverlayOptions() {
+		let e = { hostDomain: window.location.origin };
+		return this.options.theme !== void 0 && (e.theme = this.options.theme), this.options.modelId !== void 0 && (e.modelId = this.options.modelId), this.options.overlayConversationId !== void 0 && (e.overlayConversationId = this.options.overlayConversationId), this.send(a.SetOverlayOptions, e, { bypassReadyGate: !0 });
+	}
+	send(e, t, n) {
+		return this.isDestroyed ? Promise.reject(/* @__PURE__ */ Error("ChatOverlay: instance was destroyed")) : n?.bypassReadyGate ? this.dispatchRequest(e, t) : this.readyGate.promise.then(() => this.dispatchRequest(e, t));
+	}
+	dispatchRequest(e, t) {
+		if (this.isDestroyed) return Promise.reject(/* @__PURE__ */ Error("ChatOverlay: instance was destroyed"));
+		let n = this.options.requestTimeout ?? m, r = new d(e, n);
+		this.pendingRequests.set(r.requestId, r), r.promise.finally(() => {
+			this.pendingRequests.delete(r.requestId);
+		}).catch(() => void 0);
+		let i = {
+			type: e,
+			requestId: r.requestId,
+			expiresAt: Date.now() + n,
+			payload: t
+		};
+		return this.iframe.contentWindow?.postMessage(i, this.targetOrigin), r.promise;
+	}
+	handleMessage(e) {
+		if (e.source !== this.iframe.contentWindow) return;
+		let t = e.data;
+		if (s(t)) {
+			this.handleResponse(t);
+			return;
+		}
+		o(t) && this.handleEvent(t);
+	}
+	handleResponse(e) {
+		let t = this.pendingRequests.get(e.requestId);
+		!t || !t.matches(e.type, e.requestId) || (this.pendingRequests.delete(e.requestId), t.resolve(e.payload));
+	}
+	handleEvent(e) {
+		let n = e.type;
+		n === t.Ready && this.sendCurrentOverlayOptions().catch(() => void 0), n === (this.options.loaderHideEvent ?? t.Ready) && this.hideLoader(), n === t.ReadyToInteract && this.readyGate.resolve(!0), this.notifySubscribers(n, e.payload);
+	}
+	hideLoader() {
+		this.loader.style.display = "none";
+	}
+	notifySubscribers(e, t) {
+		this.eventSubscribers.get(e)?.forEach((e) => e(t));
+	}
+}, b = 768, x = 380, S = 600, C = 999999, w = "24px", T = "<svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" aria-hidden=\"true\" focusable=\"false\"><path fill=\"currentColor\" d=\"M4 4h16v12H7l-3 3V4z\"/></svg>", E = "<svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" aria-hidden=\"true\" focusable=\"false\"><path fill=\"currentColor\" d=\"M18.3 5.71 12 12.01l-6.3-6.3-1.4 1.41 6.29 6.29-6.29 6.29 1.4 1.41 6.3-6.3 6.3 6.3 1.4-1.41-6.29-6.29 6.29-6.29z\"/></svg>", D = "<svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" aria-hidden=\"true\" focusable=\"false\"><path fill=\"currentColor\" d=\"M4 4h6v2H6v4H4V4zm10 0h6v6h-2V6h-4V4zM4 14h2v4h4v2H4v-6zm14 0h2v6h-6v-2h4v-4z\"/></svg>", O = "dial-overlay-manager-styles", k = () => {
+	if (document.getElementById(O)) return;
+	let e = document.createElement("style");
+	e.id = O, e.textContent = "\n.dial-overlay-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 48px;\n  height: 48px;\n  border: none;\n  border-radius: 999px;\n  cursor: pointer;\n  background: #2764d9;\n  color: #ffffff;\n}\n.dial-overlay-btn:hover,\n.dial-overlay-btn:focus-visible {\n  background: #1d4fb8;\n  outline: 2px solid #1d4fb8;\n  outline-offset: 2px;\n}\n", document.head.appendChild(e);
+}, A = (e, t) => {
+	let n = document.createElement("button");
+	return n.type = "button", n.className = "dial-overlay-btn", n.setAttribute("aria-label", e), n.innerHTML = t, n;
+}, j = (e) => typeof e == "number" ? `${e}px` : e, M = /* @__PURE__ */ function(e) {
+	return e.LeftBottom = "left-bottom", e.LeftTop = "left-top", e.RightBottom = "right-bottom", e.RightTop = "right-top", e;
+}({}), N = {
+	"right-bottom": {
+		insetInlineEnd: w,
+		insetBlockEnd: w,
+		insetInlineStart: "auto",
+		insetBlockStart: "auto"
+	},
+	"right-top": {
+		insetInlineEnd: w,
+		insetBlockStart: w,
+		insetInlineStart: "auto",
+		insetBlockEnd: "auto"
+	},
+	"left-bottom": {
+		insetInlineStart: w,
+		insetBlockEnd: w,
+		insetInlineEnd: "auto",
+		insetBlockStart: "auto"
+	},
+	"left-top": {
+		insetInlineStart: w,
+		insetBlockStart: w,
+		insetInlineEnd: "auto",
+		insetBlockEnd: "auto"
+	}
+}, P = class {
+	overlays = /* @__PURE__ */ new Map();
+	abortController = new AbortController();
+	isDestroyed = !1;
+	constructor() {
+		let e = () => {
+			this.overlays.forEach((e) => this.applyLayout(e));
+		};
+		window.addEventListener("resize", e, { signal: this.abortController.signal }), window.addEventListener("orientationchange", e, { signal: this.abortController.signal });
+	}
+	createOverlay(e) {
+		if (this.overlays.has(e.overlayId)) throw Error(`ChatOverlayManager: overlay "${e.overlayId}" already exists`);
+		k();
+		let t = document.createElement("div");
+		t.setAttribute("data-dial-overlay-container", e.overlayId), f(t, {
+			display: "flex",
+			flexDirection: "column",
+			overflow: "hidden",
+			borderRadius: "12px",
+			boxShadow: "0 8px 24px rgba(0, 0, 0, 0.24)",
+			background: "#ffffff"
+		});
+		let n = document.createElement("div");
+		f(n, {
+			display: "flex",
+			justifyContent: "flex-end",
+			gap: "8px",
+			padding: "8px"
+		});
+		let r = A(e.closeButtonAriaLabel ?? "Collapse", E);
+		n.appendChild(r);
+		let i;
+		e.allowFullscreen && (i = A(e.fullscreenButtonAriaLabel ?? "Open full screen", D), n.appendChild(i));
+		let a = document.createElement("div");
+		f(a, {
+			flex: "1",
+			minHeight: "0"
+		}), t.appendChild(n), t.appendChild(a), document.body.appendChild(t);
+		let o = new y(a, e);
+		e.allowFullscreen && o.allowFullscreen();
+		let s = A(e.toggleButtonAriaLabel ?? "Open chat", T);
+		document.body.appendChild(s);
+		let c = {
+			overlay: o,
+			container: t,
+			toggleButton: s,
+			closeButton: r,
+			fullscreenButton: i,
+			options: e
+		};
+		this.overlays.set(e.overlayId, c), s.addEventListener("click", () => this.showOverlay(e.overlayId)), r.addEventListener("click", () => this.hideOverlay(e.overlayId)), i?.addEventListener("click", () => {
+			this.openFullscreen(e.overlayId);
+		}), this.applyLayout(c), this.hideOverlay(e.overlayId);
+	}
+	showOverlay(e) {
+		let t = this.getEntry(e);
+		t.container.style.display = "flex", t.toggleButton.style.display = "none";
+	}
+	hideOverlay(e) {
+		let t = this.getEntry(e);
+		t.container.style.display = "none", t.toggleButton.style.display = "inline-flex";
+	}
+	removeOverlay(e) {
+		let t = this.getEntry(e);
+		t.overlay.destroy(), t.container.remove(), t.toggleButton.remove(), this.overlays.delete(e);
+	}
+	ready(e) {
+		return this.getEntry(e).overlay.ready();
+	}
+	getMessages(e) {
+		return this.getEntry(e).overlay.getMessages();
+	}
+	sendMessage(e, t) {
+		return this.getEntry(e).overlay.sendMessage(t);
+	}
+	setInputContent(e, t) {
+		return this.getEntry(e).overlay.setInputContent(t);
+	}
+	setSystemPrompt(e, t) {
+		return this.getEntry(e).overlay.setSystemPrompt(t);
+	}
+	setTemperature(e, t) {
+		return this.getEntry(e).overlay.setTemperature(t);
+	}
+	setOverlayOptions(e, t) {
+		return this.getEntry(e).overlay.setOverlayOptions(t);
+	}
+	subscribe(e, t, n) {
+		return this.getEntry(e).overlay.subscribe(t, n);
+	}
+	openFullscreen(e) {
+		return this.getEntry(e).overlay.openFullscreen();
+	}
+	destroy() {
+		this.isDestroyed || (this.isDestroyed = !0, this.overlays.forEach((e) => {
+			e.overlay.destroy(), e.container.remove(), e.toggleButton.remove();
+		}), this.overlays.clear(), this.abortController.abort());
+	}
+	getEntry(e) {
+		let t = this.overlays.get(e);
+		if (!t) throw Error(`ChatOverlayManager: unknown overlay id "${e}"`);
+		return t;
+	}
+	applyLayout(e) {
+		let { options: t, container: n, toggleButton: r } = e, i = t.position ?? "right-bottom", a = String(t.zIndex ?? C);
+		if (f(r, {
+			position: "fixed",
+			zIndex: a,
+			...N[i]
+		}), f(n, {
+			position: "fixed",
+			zIndex: a
+		}), window.innerWidth <= b) {
+			f(n, {
+				insetInlineStart: "0",
+				insetInlineEnd: "0",
+				insetBlockStart: "0",
+				insetBlockEnd: "0",
+				width: "100%",
+				height: "100%",
+				borderRadius: "0"
+			});
+			return;
+		}
+		f(n, {
+			width: j(t.width ?? x),
+			height: j(t.height ?? S),
+			...N[i]
+		});
+	}
+};
+//#endregion
+export { y as ChatOverlay, P as ChatOverlayManager, e as OverlayEventType, n as OverlayFeature, M as OverlayPosition, i as OverlayRequestType };

package/lib/ChatOverlay.d.ts

@@ -0,0 +1,57 @@
+import { ChatOverlayOptions, GetMessagesResponse, OverlayEventType, SendMessageResponse, SetOverlayOptionsResponse, SetSystemPromptResponse, SetTemperatureResponse } from '@epam/ai-dial-chat-shared';
+/**
+ * A single embedded DIAL Chat iframe controlled over the `@DIAL_OVERLAY`
+ * `postMessage` protocol. Construct with a root element (or selector) and
+ * `ChatOverlayOptions`; call `ready()` before issuing chat requests.
+ */
+export declare class ChatOverlay {
+    private readonly root;
+    private readonly iframe;
+    private readonly loader;
+    private readonly options;
+    private readonly targetOrigin;
+    private readonly readyGate;
+    private readonly pendingRequests;
+    private readonly eventSubscribers;
+    private readonly messageListener;
+    private isDestroyed;
+    constructor(root: HTMLElement | string, options: ChatOverlayOptions);
+    /** Resolves once the handshake reaches `READY_TO_INTERACT`. */
+    ready(): Promise<boolean>;
+    /** Fetches the active conversation's messages. */
+    getMessages(): Promise<GetMessagesResponse>;
+    /** Sends a new message in the active conversation. */
+    sendMessage(content: string): Promise<SendMessageResponse>;
+    /** Sets the current text content of the message input. */
+    setInputContent(content: string): Promise<void>;
+    /** Sets the active conversation's system prompt. */
+    setSystemPrompt(systemPrompt: string): Promise<SetSystemPromptResponse>;
+    /** Sets the active conversation's temperature. */
+    setTemperature(temperature: number): Promise<SetTemperatureResponse>;
+    /**
+     * Updates theme/model/conversation options and re-sends them to the
+     * embedded app. Bypasses the readiness gate — it is also how the initial
+     * handshake options exchange happens, before `ready()` resolves.
+     */
+    setOverlayOptions(options: Partial<Pick<ChatOverlayOptions, 'theme' | 'modelId' | 'overlayConversationId'>>): Promise<SetOverlayOptionsResponse>;
+    /** Registers `callback` to be invoked with each `eventType` event's payload. */
+    subscribe<T = unknown>(eventType: OverlayEventType, callback: (payload: T) => void): () => void;
+    /** Grants the iframe permission to enter fullscreen. */
+    allowFullscreen(): void;
+    /** Requests fullscreen on the iframe element. */
+    openFullscreen(): Promise<void>;
+    /**
+     * Removes the `message` listener, rejects all pending requests, and
+     * removes the iframe/loader from `root`. Calling twice is a no-op.
+     */
+    destroy(): void;
+    private sendCurrentOverlayOptions;
+    private send;
+    private dispatchRequest;
+    private handleMessage;
+    private handleResponse;
+    private handleEvent;
+    private hideLoader;
+    private notifySubscribers;
+}
+//# sourceMappingURL=ChatOverlay.d.ts.map

package/lib/ChatOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatOverlay.d.ts","sourceRoot":"","sources":["../../src/lib/ChatOverlay.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EAIxB,gBAAgB,EAIhB,KAAK,mBAAmB,EAGxB,KAAK,yBAAyB,EAE9B,KAAK,uBAAuB,EAE5B,KAAK,sBAAsB,EAG5B,MAAM,2BAA2B,CAAC;AAmEnC;;;;GAIG;AACH,qBAAa,WAAW;IACtB,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAc;IACnC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAoB;IAC3C,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAc;IACrC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAqB;IAC7C,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAS;IACtC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAuB;IACjD,OAAO,CAAC,QAAQ,CAAC,eAAe,CAG5B;IACJ,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAG7B;IACJ,OAAO,CAAC,QAAQ,CAAC,eAAe,CAE9B;IACF,OAAO,CAAC,WAAW,CAAS;gBAEhB,IAAI,EAAE,WAAW,GAAG,MAAM,EAAE,OAAO,EAAE,kBAAkB;IAmBnE,+DAA+D;IAC/D,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC;IAIzB,kDAAkD;IAClD,WAAW,IAAI,OAAO,CAAC,mBAAmB,CAAC;IAI3C,sDAAsD;IACtD,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,mBAAmB,CAAC;IAQ1D,0DAA0D;IAC1D,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAK/C,oDAAoD;IACpD,eAAe,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC,uBAAuB,CAAC;IAQvE,kDAAkD;IAClD,cAAc,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC,sBAAsB,CAAC;IAQpE;;;;OAIG;IACH,iBAAiB,CACf,OAAO,EAAE,OAAO,CACd,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,SAAS,GAAG,uBAAuB,CAAC,CACxE,GACA,OAAO,CAAC,yBAAyB,CAAC;IAQrC,gFAAgF;IAChF,SAAS,CAAC,CAAC,GAAG,OAAO,EACnB,SAAS,EAAE,gBAAgB,EAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,IAAI,GAC7B,MAAM,IAAI;IAYb,wDAAwD;IACxD,eAAe,IAAI,IAAI;IAWvB,iDAAiD;IAC3C,cAAc,IAAI,OAAO,CAAC,IAAI,CAAC;IAMrC;;;OAGG;IACH,OAAO,IAAI,IAAI;IAef,OAAO,CAAC,yBAAyB;IAoBjC,OAAO,CAAC,IAAI;IAkBZ,OAAO,CAAC,eAAe;IA+BvB,OAAO,CAAC,aAAa;IAcrB,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,WAAW;IAmBnB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,iBAAiB;CAO1B"}

package/lib/ChatOverlayManager.d.ts

@@ -0,0 +1,75 @@
+import { ChatOverlayOptions, GetMessagesResponse, OverlayEventType, SendMessageResponse, SetOverlayOptionsResponse, SetSystemPromptResponse, SetTemperatureResponse } from '@epam/ai-dial-chat-shared';
+/** Fixed-position placement for a `ChatOverlayManager`-created overlay. */
+export declare enum OverlayPosition {
+    /** Anchored to the start (left in LTR) edge, bottom corner. */
+    LeftBottom = "left-bottom",
+    /** Anchored to the start (left in LTR) edge, top corner. */
+    LeftTop = "left-top",
+    /** Anchored to the end (right in LTR) edge, bottom corner. Default. */
+    RightBottom = "right-bottom",
+    /** Anchored to the end (right in LTR) edge, top corner. */
+    RightTop = "right-top"
+}
+/** Options for `ChatOverlayManager.createOverlay`. */
+export interface ChatOverlayManagerOptions extends ChatOverlayOptions {
+    /** Unique id used to reference this overlay in every manager method. */
+    overlayId: string;
+    /** Fixed-position corner. Defaults to `OverlayPosition.RightBottom`. */
+    position?: OverlayPosition;
+    /** Panel width (number treated as px). Defaults to `380`. */
+    width?: number | string;
+    /** Panel height (number treated as px). Defaults to `600`. */
+    height?: number | string;
+    /** CSS `z-index` for the panel and toggle button. Defaults to `999999`. */
+    zIndex?: number;
+    /** Whether to render a fullscreen button in the panel header. */
+    allowFullscreen?: boolean;
+    /** Accessible name for the toggle button. Defaults to `'Open chat'`. */
+    toggleButtonAriaLabel?: string;
+    /** Accessible name for the close button. Defaults to `'Collapse'`. */
+    closeButtonAriaLabel?: string;
+    /** Accessible name for the fullscreen button. Defaults to `'Open full screen'`. */
+    fullscreenButtonAriaLabel?: string;
+}
+/**
+ * Creates and positions one or more `ChatOverlay` instances behind
+ * fixed-position toggle/close/(optional) fullscreen chrome, keyed by
+ * `overlayId`.
+ */
+export declare class ChatOverlayManager {
+    private readonly overlays;
+    private readonly abortController;
+    private isDestroyed;
+    constructor();
+    /** Creates an overlay and its toggle/close/(optional) fullscreen chrome. */
+    createOverlay(options: ChatOverlayManagerOptions): void;
+    /** Shows the overlay panel and hides its toggle button. */
+    showOverlay(overlayId: string): void;
+    /** Hides the overlay panel and shows its toggle button. */
+    hideOverlay(overlayId: string): void;
+    /** Destroys the overlay and removes its DOM (container, toggle button). */
+    removeOverlay(overlayId: string): void;
+    /** Resolves once `overlayId` reaches `READY_TO_INTERACT`. */
+    ready(overlayId: string): Promise<boolean>;
+    /** Fetches the active conversation's messages for `overlayId`. */
+    getMessages(overlayId: string): Promise<GetMessagesResponse>;
+    /** Sends a new message in `overlayId`'s active conversation. */
+    sendMessage(overlayId: string, content: string): Promise<SendMessageResponse>;
+    /** Sets `overlayId`'s message input content. */
+    setInputContent(overlayId: string, content: string): Promise<void>;
+    /** Sets `overlayId`'s active conversation system prompt. */
+    setSystemPrompt(overlayId: string, systemPrompt: string): Promise<SetSystemPromptResponse>;
+    /** Sets `overlayId`'s active conversation temperature. */
+    setTemperature(overlayId: string, temperature: number): Promise<SetTemperatureResponse>;
+    /** Updates theme/model/conversation options for `overlayId`. */
+    setOverlayOptions(overlayId: string, options: Partial<Pick<ChatOverlayOptions, 'theme' | 'modelId' | 'overlayConversationId'>>): Promise<SetOverlayOptionsResponse>;
+    /** Subscribes to an event from `overlayId`'s embedded app. */
+    subscribe<T = unknown>(overlayId: string, eventType: OverlayEventType, callback: (payload: T) => void): () => void;
+    /** Requests fullscreen for `overlayId`. */
+    openFullscreen(overlayId: string): Promise<void>;
+    /** Destroys every overlay and removes global `resize`/`orientationchange` listeners. */
+    destroy(): void;
+    private getEntry;
+    private applyLayout;
+}
+//# sourceMappingURL=ChatOverlayManager.d.ts.map

package/lib/ChatOverlayManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatOverlayManager.d.ts","sourceRoot":"","sources":["../../src/lib/ChatOverlayManager.ts"],"names":[],"mappings":"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"}

package/lib/internal/default-loader.d.ts

@@ -0,0 +1,3 @@
+/** Default animated loader markup shown while the embedded app is not yet ready. */
+export declare const DEFAULT_LOADER_INNER_HTML = "<svg viewBox=\"0 0 50 50\" width=\"32\" height=\"32\" role=\"presentation\" aria-hidden=\"true\"><circle cx=\"25\" cy=\"25\" r=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-dasharray=\"31.4 31.4\"><animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 25 25\" to=\"360 25 25\" dur=\"1s\" repeatCount=\"indefinite\" /></circle></svg>";
+//# sourceMappingURL=default-loader.d.ts.map

package/lib/internal/default-loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-loader.d.ts","sourceRoot":"","sources":["../../../src/lib/internal/default-loader.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,eAAO,MAAM,yBAAyB,mZAA6W,CAAC"}

package/lib/internal/deferred-request.d.ts

@@ -0,0 +1,25 @@
+/**
+ * A single outstanding request: owns its `requestId`, races its response
+ * promise against a per-request timeout, and rejects with a descriptive
+ * error naming the request type and timeout when unanswered in time.
+ */
+export declare class DeferredRequest<T = unknown> {
+    /** Unique id used to match this request to its response message. */
+    readonly requestId: string;
+    /** Exact response type expected for this request. */
+    readonly responseType: string;
+    /** Settles when the matching response arrives, or on timeout/destroy. */
+    readonly promise: Promise<T>;
+    private resolveFn;
+    private rejectFn;
+    private settled;
+    private readonly timeoutHandle;
+    constructor(requestType: string, timeoutMs: number);
+    /** Returns true only for this request's exact response type and id. */
+    matches(responseType: string, requestId: string): boolean;
+    /** Resolves the request with `value`. No-op if already settled. */
+    resolve(value: T): void;
+    /** Rejects the request with `reason`. No-op if already settled. */
+    reject(reason?: unknown): void;
+}
+//# sourceMappingURL=deferred-request.d.ts.map

package/lib/internal/deferred-request.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deferred-request.d.ts","sourceRoot":"","sources":["../../../src/lib/internal/deferred-request.ts"],"names":[],"mappings":"AAOA;;;;GAIG;AACH,qBAAa,eAAe,CAAC,CAAC,GAAG,OAAO;IACtC,oEAAoE;IACpE,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,qDAAqD;IACrD,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,yEAAyE;IACzE,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IAE7B,OAAO,CAAC,SAAS,CAAsB;IACvC,OAAO,CAAC,QAAQ,CAA8B;IAC9C,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAgC;gBAElD,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM;IAgBlD,uEAAuE;IACvE,OAAO,CAAC,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO;IAIzD,mEAAmE;IACnE,OAAO,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI;IASvB,mEAAmE;IACnE,MAAM,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI;CAQ/B"}

package/lib/internal/dom-styles.d.ts

@@ -0,0 +1,3 @@
+/** Applies each entry of `styles` as an inline style property on `element`. */
+export declare const setStyles: (element: HTMLElement, styles: Record<string, string>) => void;
+//# sourceMappingURL=dom-styles.d.ts.map

package/lib/internal/dom-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-styles.d.ts","sourceRoot":"","sources":["../../../src/lib/internal/dom-styles.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,eAAO,MAAM,SAAS,GACpB,SAAS,WAAW,EACpB,QAAQ,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAC7B,IAEF,CAAC"}

package/lib/internal/task.d.ts

@@ -0,0 +1,17 @@
+/**
+ * A promise paired with external `resolve`/`reject` control, used internally
+ * as a one-shot readiness gate. Settling twice is a no-op.
+ */
+export declare class Task<T = void> {
+    /** Resolves/rejects exactly once, when the gate is settled. */
+    readonly promise: Promise<T>;
+    private resolveFn;
+    private rejectFn;
+    private settled;
+    constructor();
+    /** Resolves the gate with `value`. No-op if already settled. */
+    resolve(value: T): void;
+    /** Rejects the gate with `reason`. No-op if already settled. */
+    reject(reason?: unknown): void;
+}
+//# sourceMappingURL=task.d.ts.map

package/lib/internal/task.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"task.d.ts","sourceRoot":"","sources":["../../../src/lib/internal/task.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,qBAAa,IAAI,CAAC,CAAC,GAAG,IAAI;IACxB,+DAA+D;IAC/D,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IAE7B,OAAO,CAAC,SAAS,CAAsB;IACvC,OAAO,CAAC,QAAQ,CAA8B;IAC9C,OAAO,CAAC,OAAO,CAAS;;IASxB,gEAAgE;IAChE,OAAO,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI;IAQvB,gEAAgE;IAChE,MAAM,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI;CAO/B"}

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@epam/ai-dial-chat-overlay",
+  "description": "Embeddable postMessage-based ChatOverlay/ChatOverlayManager widget for hosting a DIAL Chat instance inside a third-party page",
+  "version": "1.0.0-dev.550",
+  "license": "Apache-2.0",
+  "type": "module",
+  "main": "./index.js",
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js",
+      "default": "./index.js"
+    }
+  },
+  "peerDependencies": {
+    "@epam/ai-dial-chat-shared": "1.0.0-dev.550"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/epam/ai-dial-chat.git",
+    "directory": "libs/chat-overlay"
+  }
+}