@orbitconnect/react 0.1.1 → 0.1.3

package/dist/OrbitContext.d.ts

@@ -33,6 +33,8 @@ export interface AppConfig {
     sounds?: SoundConfig;
     /** Show the chat header bar (default: true) */
     showChatHeader?: boolean;
+    /** Show the conversation list header — brand/title + new-chat button (default: true) */
+    showConversationHeader?: boolean;
     /** Show the quick-message button in the composer (default: true) */
     showQuickMessageButton?: boolean;
     /** Use the rich-text (contentEditable) editor; false = plain textarea (default: true) */
@@ -95,4 +97,4 @@ export interface OrbitContextValue {
 export declare const OrbitContext: import("react").Context<OrbitContextValue | null>;
 export declare function useOrbit(): OrbitContextValue;
 /** Convenience hook — returns appConfig with safe defaults applied */
-export declare function useAppConfig(): Required<Pick<AppConfig, 'showChatHeader' | 'showQuickMessageButton' | 'useRichTextEditor' | 'showAttachMentButton' | 'showSearchIcon' | 'showAudioIcon' | 'showVideoIcon' | 'enableMeetingUi' | 'showPoweredBy' | 'enableE2E'>> & Pick<AppConfig, 'attachmentIcon' | 'recordIcon' | 'QuickmessageIcon' | 'emojIcon' | 'stickerIcon' | 'sendIcon' | 'deliveredIcon' | 'sentIcon' | 'readIcon' | 'callIcon' | 'VideoCallIcon'>;
+export declare function useAppConfig(): Required<Pick<AppConfig, 'showChatHeader' | 'showConversationHeader' | 'showQuickMessageButton' | 'useRichTextEditor' | 'showAttachMentButton' | 'showSearchIcon' | 'showAudioIcon' | 'showVideoIcon' | 'enableMeetingUi' | 'showPoweredBy' | 'enableE2E'>> & Pick<AppConfig, 'attachmentIcon' | 'recordIcon' | 'QuickmessageIcon' | 'emojIcon' | 'stickerIcon' | 'sendIcon' | 'deliveredIcon' | 'sentIcon' | 'readIcon' | 'callIcon' | 'VideoCallIcon'>;

package/dist/index.js

@@ -27,30 +27,31 @@ function v() {
 	return e;
 }
 function y() {
-	let e = (0, g.c)(22), { appConfig: t } = v(), n = t?.showChatHeader ?? !0, r = t?.showQuickMessageButton ?? !0, i = t?.useRichTextEditor ?? !0, a = t?.showAttachMentButton ?? !0, o = t?.showSearchIcon ?? !0, s = t?.showAudioIcon ?? !0, c = t?.showVideoIcon ?? !0, l = t?.enableMeetingUi ?? !0, u = t?.showPoweredBy ?? !0, d = t?.enableE2E ?? !1, f = t?.attachmentIcon, p = t?.recordIcon, m = t?.QuickmessageIcon, h = t?.emojIcon, _ = t?.stickerIcon, y = t?.sendIcon, b = t?.deliveredIcon, x = t?.sentIcon, S = t?.readIcon, C = t?.callIcon, w = t?.VideoCallIcon, T;
-	return e[0] !== n || e[1] !== r || e[2] !== f || e[3] !== p || e[4] !== m || e[5] !== h || e[6] !== _ || e[7] !== y || e[8] !== b || e[9] !== x || e[10] !== S || e[11] !== C || e[12] !== i || e[13] !== w || e[14] !== a || e[15] !== o || e[16] !== s || e[17] !== c || e[18] !== l || e[19] !== u || e[20] !== d ? (T = {
+	let e = (0, g.c)(23), { appConfig: t } = v(), n = t?.showChatHeader ?? !0, r = t?.showConversationHeader ?? !0, i = t?.showQuickMessageButton ?? !0, a = t?.useRichTextEditor ?? !0, o = t?.showAttachMentButton ?? !0, s = t?.showSearchIcon ?? !0, c = t?.showAudioIcon ?? !0, l = t?.showVideoIcon ?? !0, u = t?.enableMeetingUi ?? !0, d = t?.showPoweredBy ?? !0, f = t?.enableE2E ?? !1, p = t?.attachmentIcon, m = t?.recordIcon, h = t?.QuickmessageIcon, _ = t?.emojIcon, y = t?.stickerIcon, b = t?.sendIcon, x = t?.deliveredIcon, S = t?.sentIcon, C = t?.readIcon, w = t?.callIcon, T = t?.VideoCallIcon, E;
+	return e[0] !== n || e[1] !== r || e[2] !== f || e[3] !== p || e[4] !== m || e[5] !== h || e[6] !== _ || e[7] !== y || e[8] !== b || e[9] !== x || e[10] !== S || e[11] !== C || e[12] !== i || e[13] !== w || e[14] !== T || e[15] !== a || e[16] !== o || e[17] !== s || e[18] !== c || e[19] !== l || e[20] !== u || e[21] !== d ? (E = {
 		showChatHeader: n,
-		showQuickMessageButton: r,
-		useRichTextEditor: i,
-		showAttachMentButton: a,
-		showSearchIcon: o,
-		showAudioIcon: s,
-		showVideoIcon: c,
-		enableMeetingUi: l,
-		showPoweredBy: u,
-		enableE2E: d,
-		attachmentIcon: f,
-		recordIcon: p,
-		QuickmessageIcon: m,
-		emojIcon: h,
-		stickerIcon: _,
-		sendIcon: y,
-		deliveredIcon: b,
-		sentIcon: x,
-		readIcon: S,
-		callIcon: C,
-		VideoCallIcon: w
-	}, e[0] = n, e[1] = r, e[2] = f, e[3] = p, e[4] = m, e[5] = h, e[6] = _, e[7] = y, e[8] = b, e[9] = x, e[10] = S, e[11] = C, e[12] = i, e[13] = w, e[14] = a, e[15] = o, e[16] = s, e[17] = c, e[18] = l, e[19] = u, e[20] = d, e[21] = T) : T = e[21], T;
+		showConversationHeader: r,
+		showQuickMessageButton: i,
+		useRichTextEditor: a,
+		showAttachMentButton: o,
+		showSearchIcon: s,
+		showAudioIcon: c,
+		showVideoIcon: l,
+		enableMeetingUi: u,
+		showPoweredBy: d,
+		enableE2E: f,
+		attachmentIcon: p,
+		recordIcon: m,
+		QuickmessageIcon: h,
+		emojIcon: _,
+		stickerIcon: y,
+		sendIcon: b,
+		deliveredIcon: x,
+		sentIcon: S,
+		readIcon: C,
+		callIcon: w,
+		VideoCallIcon: T
+	}, e[0] = n, e[1] = r, e[2] = f, e[3] = p, e[4] = m, e[5] = h, e[6] = _, e[7] = y, e[8] = b, e[9] = x, e[10] = S, e[11] = C, e[12] = i, e[13] = w, e[14] = T, e[15] = a, e[16] = o, e[17] = s, e[18] = c, e[19] = l, e[20] = u, e[21] = d, e[22] = E) : E = e[22], E;
 }
 //#endregion
 //#region src/api/client.ts
@@ -2052,39 +2053,39 @@ function Me() {
 //#endregion
 //#region src/components/chat/ConversationList.tsx
 function Ne({ conversations: e, onSelect: t, onNewChat: n, activeTab: i = "chats", onTabChange: a, globalSearchApiUrl: d, authToken: f, onNavigateToMessage: p }) {
-	let [m, h] = s("All"), [g, _] = s(""), [v, y] = s(null), [b, x] = s(!1), S = o(null), C = Me();
+	let [m, h] = s("All"), [g, _] = s(""), [v, b] = s(null), [x, S] = s(!1), C = o(null), w = Me(), T = y();
 	r(() => {
 		if (!d || g.length < 2) {
-			y(null);
+			b(null);
 			return;
 		}
-		return S.current && clearTimeout(S.current), S.current = setTimeout(async () => {
-			x(!0);
+		return C.current && clearTimeout(C.current), C.current = setTimeout(async () => {
+			S(!0);
 			try {
 				let e = { "Content-Type": "application/json" };
 				f && (e.Authorization = `Bearer ${f}`);
 				let t = await fetch(`${d}?q=${encodeURIComponent(g)}`, { headers: e });
-				t.ok && y(await t.json());
+				t.ok && b(await t.json());
 			} catch {} finally {
-				x(!1);
+				S(!1);
 			}
 		}, 300), () => {
-			S.current && clearTimeout(S.current);
+			C.current && clearTimeout(C.current);
 		};
 	}, [
 		g,
 		d,
 		f
 	]);
-	let w = e.filter((e) => g && !e.name.toLowerCase().includes(g.toLowerCase()) ? !1 : m === "Unread" ? (e.unreadCount ?? 0) > 0 : m === "Groups" ? e.isGroup : !0);
+	let E = e.filter((e) => g && !e.name.toLowerCase().includes(g.toLowerCase()) ? !1 : m === "Unread" ? (e.unreadCount ?? 0) > 0 : m === "Groups" ? e.isGroup : !0);
 	return /* @__PURE__ */ u("div", {
 		className: "flex flex-col h-full bg-background text-foreground font-body",
 		children: [
-			/* @__PURE__ */ u("header", {
+			T.showConversationHeader && /* @__PURE__ */ u("header", {
 				className: "flex-shrink-0 h-14 flex items-center justify-between px-4 bg-background/95 backdrop-blur border-b border-border",
 				children: [/* @__PURE__ */ l("div", {
 					className: "flex items-center gap-1 text-lg font-bold text-foreground",
-					children: C ?? /* @__PURE__ */ u(c, { children: ["OrbitConnect", /* @__PURE__ */ l("span", { className: "w-1.5 h-1.5 rounded-full bg-primary ml-1" })] })
+					children: w ?? /* @__PURE__ */ u(c, { children: ["OrbitConnect", /* @__PURE__ */ l("span", { className: "w-1.5 h-1.5 rounded-full bg-primary ml-1" })] })
 				}), /* @__PURE__ */ u("div", {
 					className: "flex gap-1",
 					children: [/* @__PURE__ */ l("button", {
@@ -2187,7 +2188,7 @@ function Ne({ conversations: e, onSelect: t, onNewChat: n, activeTab: i = "chats
 			}),
 			/* @__PURE__ */ l("div", {
 				className: "flex-1 overflow-y-auto",
-				children: v === null ? w.map((e) => /* @__PURE__ */ u("button", {
+				children: v === null ? E.map((e) => /* @__PURE__ */ u("button", {
 					onClick: () => t(e.id),
 					className: "w-full h-[72px] flex items-center gap-3 px-4 border-none bg-transparent cursor-pointer text-left border-b",
 					style: {
@@ -2305,11 +2306,11 @@ function Ne({ conversations: e, onSelect: t, onNewChat: n, activeTab: i = "chats
 						})]
 					})]
 				}, e.id)) : /* @__PURE__ */ u(c, { children: [
-					b && /* @__PURE__ */ l("div", {
+					x && /* @__PURE__ */ l("div", {
 						className: "px-4 py-3 text-sm text-muted-foreground",
 						children: "Searching…"
 					}),
-					!b && v.length === 0 && /* @__PURE__ */ l("div", {
+					!x && v.length === 0 && /* @__PURE__ */ l("div", {
 						className: "px-4 py-3 text-sm text-muted-foreground",
 						children: "No messages found"
 					}),
@@ -9792,7 +9793,11 @@ function Ar() {
 //#endregion
 //#region src/widgets/Chat.tsx
 function jr({ conversationId: e, onCallRequest: t, renderHeader: n, chatBanner: i, defaultQuickMessages: d }) {
-	let { apiClient: f, baseUrl: p } = v(), { initiateCall: m } = P(), { conversations: h, loading: g, createDirect: _ } = ve(), { records: y } = Te(), [b, x] = s(e ?? null), [S, C] = s("chats"), [w, T] = s(!1), [E, D] = s([]), [O, k] = s(!1), [A, j] = s(null), [M, N] = s(!1), [I, L] = s([]), [R, z] = s(null), [B, V] = s(null), [H, U] = s(null), [W, G] = s(!1), [K, q] = s(""), [J, Y] = s([]), [X, Z] = s(0), [ee, Q] = s(null), [te, ne] = s("offline");
+	let { apiClient: f, baseUrl: p } = v(), { initiateCall: m } = P(), { conversations: h, loading: g, createDirect: _ } = ve(), { records: y } = Te(), [b, x] = s(e ?? null), [S, C] = s("chats"), [w, T] = s(!1), [E, D] = s([]), [O, k] = s(!1);
+	r(() => {
+		e && x(e);
+	}, [e]);
+	let [A, j] = s(null), [M, N] = s(!1), [I, L] = s([]), [R, z] = s(null), [B, V] = s(null), [H, U] = s(null), [W, G] = s(!1), [K, q] = s(""), [J, Y] = s([]), [X, Z] = s(0), [ee, Q] = s(null), [te, ne] = s("offline");
 	r(() => {
 		b && ne(h.find((e) => e.id === b)?.presenceStatus ?? "offline");
 	}, [b, h]), F("presence:changed", ({ app_user_id: e, status: t }) => {
@@ -9947,30 +9952,32 @@ function jr({ conversationId: e, onCallRequest: t, renderHeader: n, chatBanner:
 		T(!1), x(await _(e));
 	}
 	if (b) {
-		let e = h.find((e) => e.id === b), r = e?.otherUserId ?? e?.id ?? "", a = h.map((e) => ({
+		let r = h.find((e) => e.id === b), a = r?.otherUserId ?? r?.id ?? "", o = h.map((e) => ({
 			id: e.id,
 			name: e.name,
 			avatarSrc: e.avatarSrc
 		}));
 		return /* @__PURE__ */ u(c, { children: [
 			/* @__PURE__ */ l(zn, {
-				conversationName: e?.name ?? "…",
-				avatarSrc: e?.avatarSrc,
-				isOnline: e?.online,
-				isGroup: e?.isGroup,
-				otherUserId: r,
+				conversationName: r?.name ?? "…",
+				avatarSrc: r?.avatarSrc,
+				isOnline: r?.online,
+				isGroup: r?.isGroup,
+				otherUserId: a,
 				presenceStatus: te,
 				renderHeader: n,
 				chatBanner: i,
 				defaultQuickMessages: d,
 				messages: re,
 				typingUsers: $,
-				onBack: () => x(null),
+				onBack: () => {
+					e || x(null);
+				},
 				onCall: t || m ? () => {
-					r ? m(r, "voice", b ?? void 0) : t?.(r, "voice");
+					a ? m(a, "voice", b ?? void 0) : t?.(a, "voice");
 				} : void 0,
 				onVideoCall: t || m ? () => {
-					r ? m(r, "video", b ?? void 0) : t?.(r, "video");
+					a ? m(a, "video", b ?? void 0) : t?.(a, "video");
 				} : void 0,
 				onSend: (e, t) => {
 					A ? (f.post(`/conversations/${b}/messages/reply`, {
@@ -10041,7 +10048,7 @@ function jr({ conversationId: e, onCallRequest: t, renderHeader: n, chatBanner:
 				onClose: fe
 			}),
 			(R || B) && /* @__PURE__ */ l(Un, {
-				conversations: a,
+				conversations: o,
 				onConfirm: _e,
 				onClose: () => {
 					z(null), V(null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orbitconnect/react",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "OrbitConnect React SDK — drop-in real-time chat, voice/video calls, and meetings",
   "author": "OrbitConnect <sdk@orbitconnect.cloud>",
   "license": "MIT",