@burdenoff/fe-libs 2026.527.3 → 2026.527.4

package/dist/shared/components/contextConversationWidget/Composer.js

@@ -0,0 +1,66 @@
+import { Button as e } from "../../../ui/button.js";
+import { Badge as t } from "../../../ui/badge.js";
+import { Textarea as n } from "../../../ui/textarea.js";
+import "../../../ui.js";
+import { Loader2 as r, Paperclip as i, SendHorizontal as a, SmilePlus as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/shared/components/contextConversationWidget/Composer.tsx
+function l({ composerValue: l, onComposerChange: u, fileInputRef: d, onFilesSelected: f, onAttachClick: p, onSend: m, uploading: h, isSendingMessage: g, featureFlags: _, mentionSuggestions: v, onSelectMention: y, tr: b }) {
+	return /* @__PURE__ */ c("div", {
+		"data-tour": "page-discussion-composer",
+		className: "space-y-3 rounded-lg border border-border bg-background/80 p-3",
+		children: [
+			/* @__PURE__ */ s(n, {
+				value: l,
+				onChange: (e) => u(e.target.value),
+				rows: 3,
+				placeholder: b("conversationWidget.placeholder", "Discuss this page in context…"),
+				className: "border-0 bg-transparent px-0 shadow-none focus-visible:ring-0"
+			}),
+			_.mentions && v.length > 0 ? /* @__PURE__ */ c("div", {
+				className: "flex flex-wrap gap-2 rounded-md border border-border bg-muted/20 p-2",
+				children: [/* @__PURE__ */ s(o, { className: "mt-0.5 size-4 text-muted-foreground" }), v.map((t) => /* @__PURE__ */ c(e, {
+					type: "button",
+					variant: "outline",
+					size: "sm",
+					onClick: () => y(t),
+					children: ["@", t.label]
+				}, t.id))]
+			}) : null,
+			/* @__PURE__ */ c("div", {
+				className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between",
+				children: [/* @__PURE__ */ c("div", {
+					className: "flex flex-wrap items-center gap-2",
+					children: [
+						/* @__PURE__ */ s("input", {
+							ref: d,
+							type: "file",
+							multiple: !0,
+							className: "hidden",
+							onChange: (e) => f(e.target.files)
+						}),
+						/* @__PURE__ */ c(e, {
+							type: "button",
+							variant: "outline",
+							size: "sm",
+							onClick: p,
+							disabled: h,
+							children: [h ? /* @__PURE__ */ s(r, { className: "mr-2 size-4 animate-spin" }) : /* @__PURE__ */ s(i, { className: "mr-2 size-4" }), b("conversationWidget.attach", "Attach files")]
+						}),
+						_.mentions ? /* @__PURE__ */ s(t, {
+							variant: "outline",
+							children: b("conversationWidget.mentionsHint", "Type @ to mention participants")
+						}) : null
+					]
+				}), /* @__PURE__ */ c(e, {
+					type: "button",
+					onClick: m,
+					disabled: g || h || !l.trim(),
+					children: [g ? /* @__PURE__ */ s(r, { className: "mr-2 size-4 animate-spin" }) : /* @__PURE__ */ s(a, { className: "mr-2 size-4" }), b("conversationWidget.send", "Send")]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { l as Composer };

package/dist/shared/components/contextConversationWidget/MessageItem.js

@@ -0,0 +1,124 @@
+import { Button as e } from "../../../ui/button.js";
+import { Textarea as t } from "../../../ui/textarea.js";
+import "../../../ui.js";
+import { QUICK_REACTIONS as n } from "./types.js";
+import { formatFileSize as r, formatTimestamp as i } from "./utils.js";
+import { Pencil as a, Pin as o, PinOff as s, Reply as c, Trash2 as l } from "lucide-react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/shared/components/contextConversationWidget/MessageItem.tsx
+function p({ message: p, currentUserId: m, featureFlags: h, editingMessageId: g, editingValue: _, onEditValueChange: v, onStartEdit: y, onCancelEdit: b, onSaveEdit: x, onSetReplyTarget: S, onToggleReaction: C, onDelete: w, onTogglePin: T, tr: E }) {
+	let D = p.authorId === m, O = g === p.id;
+	return /* @__PURE__ */ d("div", {
+		className: `flex ${D ? "justify-end" : "justify-start"}`,
+		children: /* @__PURE__ */ f("div", {
+			className: `w-full max-w-full rounded-xl border px-3 py-2 text-sm shadow-sm sm:max-w-[92%] ${D ? "border-primary/20 bg-primary/5" : "border-border bg-background"}`,
+			children: [
+				/* @__PURE__ */ f("div", {
+					className: "mb-1 flex items-center justify-between gap-2",
+					children: [/* @__PURE__ */ f("div", {
+						className: "flex items-center gap-2 text-xs text-muted-foreground",
+						children: [
+							/* @__PURE__ */ d("span", {
+								className: "font-medium text-foreground",
+								children: D ? E("conversationWidget.you", "You") : p.authorId
+							}),
+							/* @__PURE__ */ d("span", { children: i(p.createdAt) }),
+							p.isEdited ? /* @__PURE__ */ d("span", { children: E("conversationWidget.edited", "edited") }) : null,
+							p.isPinned ? /* @__PURE__ */ d(o, { className: "size-3" }) : null
+						]
+					}), /* @__PURE__ */ d("div", {
+						className: "flex items-center gap-1",
+						children: h.reactions && p.permissions.canReact ? n.map((e) => {
+							let t = p.reactions.filter((t) => t.emoji === e).length;
+							return /* @__PURE__ */ f("button", {
+								type: "button",
+								className: `min-h-9 rounded-full px-2.5 py-1 text-xs transition-colors ${p.reactions.some((t) => t.emoji === e && t.userId === m) ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/80"}`,
+								onClick: () => C(p, e),
+								children: [e, t > 0 ? ` ${t}` : ""]
+							}, `${p.id}-${e}`);
+						}) : null
+					})]
+				}),
+				O ? /* @__PURE__ */ f("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ d(t, {
+						value: _,
+						onChange: (e) => v(e.target.value),
+						rows: 3
+					}), /* @__PURE__ */ f("div", {
+						className: "flex flex-wrap items-center justify-end gap-2",
+						children: [/* @__PURE__ */ d(e, {
+							type: "button",
+							variant: "outline",
+							size: "sm",
+							onClick: b,
+							children: E("conversationWidget.cancel", "Cancel")
+						}), /* @__PURE__ */ d(e, {
+							type: "button",
+							size: "sm",
+							onClick: x,
+							children: E("conversationWidget.save", "Save")
+						})]
+					})]
+				}) : /* @__PURE__ */ f(u, { children: [p.parentMessageId ? /* @__PURE__ */ d("p", {
+					className: "mb-1 text-xs text-muted-foreground",
+					children: E("conversationWidget.replyingInThread", "Reply in thread")
+				}) : null, /* @__PURE__ */ d("p", {
+					className: "whitespace-pre-wrap break-words text-sm text-foreground",
+					children: p.content
+				})] }),
+				p.attachments.length > 0 ? /* @__PURE__ */ d("div", {
+					className: "mt-3 flex flex-col gap-2",
+					children: p.attachments.map((e) => /* @__PURE__ */ f("a", {
+						href: e.downloadUrl ?? "#",
+						target: e.downloadUrl ? "_blank" : void 0,
+						rel: e.downloadUrl ? "noreferrer" : void 0,
+						className: "flex items-center justify-between gap-2 rounded-md border border-border bg-muted/40 px-3 py-2 text-xs",
+						children: [/* @__PURE__ */ d("span", {
+							className: "truncate",
+							children: e.fileName
+						}), /* @__PURE__ */ d("span", {
+							className: "text-muted-foreground",
+							children: r(e.fileSize)
+						})]
+					}, e.id))
+				}) : null,
+				/* @__PURE__ */ f("div", {
+					className: "mt-3 flex flex-wrap items-center gap-2 text-xs",
+					children: [
+						h.threads && p.permissions.canReply ? /* @__PURE__ */ f(e, {
+							type: "button",
+							variant: "ghost",
+							size: "sm",
+							onClick: () => S(p),
+							children: [/* @__PURE__ */ d(c, { className: "mr-2 size-3" }), E("conversationWidget.reply", "Reply")]
+						}) : null,
+						p.permissions.canEdit && !O ? /* @__PURE__ */ f(e, {
+							type: "button",
+							variant: "ghost",
+							size: "sm",
+							onClick: () => y(p),
+							children: [/* @__PURE__ */ d(a, { className: "mr-2 size-3" }), E("conversationWidget.edit", "Edit")]
+						}) : null,
+						p.permissions.canDelete ? /* @__PURE__ */ f(e, {
+							type: "button",
+							variant: "ghost",
+							size: "sm",
+							onClick: () => w(p),
+							children: [/* @__PURE__ */ d(l, { className: "mr-2 size-3" }), E("conversationWidget.delete", "Delete")]
+						}) : null,
+						p.permissions.canPin ? /* @__PURE__ */ f(e, {
+							type: "button",
+							variant: "ghost",
+							size: "sm",
+							onClick: () => T(p),
+							children: [p.isPinned ? /* @__PURE__ */ d(s, { className: "mr-2 size-3" }) : /* @__PURE__ */ d(o, { className: "mr-2 size-3" }), p.isPinned ? E("conversationWidget.unpin", "Unpin") : E("conversationWidget.pin", "Pin")]
+						}) : null
+					]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { p as MessageItem };

package/dist/shared/components/contextConversationWidget/MessageList.js

@@ -0,0 +1,32 @@
+import { MessageItem as e } from "./MessageItem.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/shared/components/contextConversationWidget/MessageList.tsx
+function r({ messages: r, currentUserId: i, featureFlags: a, editingMessageId: o, editingValue: s, messageEndRef: c, onEditValueChange: l, onStartEdit: u, onCancelEdit: d, onSaveEdit: f, onSetReplyTarget: p, onToggleReaction: m, onDelete: h, onTogglePin: g, tr: _ }) {
+	return /* @__PURE__ */ t("div", {
+		className: "max-h-[24rem] overflow-y-auto rounded-lg border border-border bg-muted/20",
+		children: /* @__PURE__ */ n("div", {
+			className: "space-y-3 p-4",
+			children: [r.length === 0 ? /* @__PURE__ */ t("div", {
+				className: "rounded-lg border border-dashed border-border bg-background/70 px-4 py-5 text-sm text-muted-foreground",
+				children: _("conversationWidget.empty", "No messages yet. Start the conversation in context.")
+			}) : r.map((n) => /* @__PURE__ */ t(e, {
+				message: n,
+				currentUserId: i,
+				featureFlags: a,
+				editingMessageId: o,
+				editingValue: s,
+				onEditValueChange: l,
+				onStartEdit: u,
+				onCancelEdit: d,
+				onSaveEdit: f,
+				onSetReplyTarget: p,
+				onToggleReaction: m,
+				onDelete: h,
+				onTogglePin: g,
+				tr: _
+			}, n.id)), /* @__PURE__ */ t("div", { ref: c })]
+		})
+	});
+}
+//#endregion
+export { r as MessageList };

package/dist/shared/components/contextConversationWidget/NoWorkspaceCard.js

@@ -0,0 +1,19 @@
+import { Card as e, CardContent as t, CardHeader as n, CardTitle as r } from "../../../ui/card.js";
+import "../../../ui.js";
+import { MessageCircle as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/shared/components/contextConversationWidget/NoWorkspaceCard.tsx
+function s({ className: s, tr: c }) {
+	return /* @__PURE__ */ o(e, {
+		className: s,
+		children: [/* @__PURE__ */ a(n, { children: /* @__PURE__ */ o(r, {
+			className: "flex items-center gap-2 text-base",
+			children: [/* @__PURE__ */ a(i, { className: "size-4" }), c("conversationWidget.title", "Page conversation")]
+		}) }), /* @__PURE__ */ a(t, { children: /* @__PURE__ */ a("p", {
+			className: "text-sm text-muted-foreground",
+			children: c("conversationWidget.noWorkspace", "Select a workspace to enable contextual conversations on this page.")
+		}) })]
+	});
+}
+//#endregion
+export { s as NoWorkspaceCard };

package/dist/shared/components/contextConversationWidget/PendingAttachmentsBar.js

@@ -0,0 +1,28 @@
+import { Badge as e } from "../../../ui/badge.js";
+import "../../../ui.js";
+import { Paperclip as t, X as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/shared/components/contextConversationWidget/PendingAttachmentsBar.tsx
+function a({ attachments: a, onRemove: o }) {
+	return /* @__PURE__ */ r("div", {
+		className: "flex flex-wrap gap-2",
+		children: a.map((a) => /* @__PURE__ */ i(e, {
+			variant: "secondary",
+			className: "gap-2 py-1.5",
+			children: [
+				/* @__PURE__ */ r(t, { className: "size-3" }),
+				/* @__PURE__ */ r("span", {
+					className: "max-w-[14rem] truncate",
+					children: a.fileName
+				}),
+				/* @__PURE__ */ r("button", {
+					type: "button",
+					onClick: () => o(a.fileId),
+					children: /* @__PURE__ */ r(n, { className: "size-3" })
+				})
+			]
+		}, a.fileId))
+	});
+}
+//#endregion
+export { a as PendingAttachmentsBar };

package/dist/shared/components/contextConversationWidget/ReplyBanner.js

@@ -0,0 +1,32 @@
+import { Button as e } from "../../../ui/button.js";
+import "../../../ui.js";
+import { X as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/shared/components/contextConversationWidget/ReplyBanner.tsx
+function i({ replyTarget: i, onClear: a, tr: o }) {
+	return /* @__PURE__ */ r("div", {
+		className: "flex items-center justify-between gap-2 rounded-md border border-border bg-muted/40 px-3 py-2 text-sm",
+		children: [/* @__PURE__ */ r("div", {
+			className: "min-w-0",
+			children: [/* @__PURE__ */ r("p", {
+				className: "text-xs text-muted-foreground",
+				children: [
+					o("conversationWidget.replyingTo", "Replying to"),
+					" ",
+					i.authorId
+				]
+			}), /* @__PURE__ */ n("p", {
+				className: "truncate",
+				children: i.content
+			})]
+		}), /* @__PURE__ */ n(e, {
+			type: "button",
+			variant: "ghost",
+			size: "icon",
+			onClick: a,
+			children: /* @__PURE__ */ n(t, { className: "size-4" })
+		})]
+	});
+}
+//#endregion
+export { i as ReplyBanner };

package/dist/shared/components/contextConversationWidget/WidgetHeader.js

@@ -0,0 +1,70 @@
+import { Button as e } from "../../../ui/button.js";
+import { Badge as t } from "../../../ui/badge.js";
+import { CardHeader as n, CardTitle as r } from "../../../ui/card.js";
+import "../../../ui.js";
+import { ChevronDown as i, ChevronUp as a, ExternalLink as o, MessageCircle as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/shared/components/contextConversationWidget/WidgetHeader.tsx
+function u({ conversationTitle: u, pageContext: d, resolvedContext: f, unreadCount: p, conversationId: m, collapsed: h, onToggleCollapsed: g, onOpenContext: _, onOpenInbox: v, tr: y }) {
+	let b = d.entityType && d.entityId ? `${d.entityType} · ${d.entityId}` : d.pagePath;
+	return /* @__PURE__ */ l(n, {
+		className: "space-y-3",
+		children: [/* @__PURE__ */ l("div", {
+			className: "flex flex-col gap-3 md:flex-row md:items-start md:justify-between",
+			children: [/* @__PURE__ */ l("div", {
+				className: "space-y-1",
+				children: [/* @__PURE__ */ l(r, {
+					className: "flex items-center gap-2 text-base",
+					children: [/* @__PURE__ */ c(s, { className: "size-4" }), u || d.contextTitle || y("conversationWidget.title", "Page conversation")]
+				}), /* @__PURE__ */ c("p", {
+					className: "text-sm text-muted-foreground truncate whitespace-nowrap overflow-hidden max-w-full",
+					title: b,
+					children: b
+				})]
+			}), /* @__PURE__ */ l("div", {
+				className: "flex flex-wrap items-center gap-2 md:justify-end",
+				children: [
+					/* @__PURE__ */ l(e, {
+						type: "button",
+						variant: "outline",
+						size: "sm",
+						onClick: _,
+						children: [/* @__PURE__ */ c(o, { className: "mr-2 size-4" }), y("conversationWidget.openContext", "Open context")]
+					}),
+					/* @__PURE__ */ c(e, {
+						type: "button",
+						"data-tour": "page-discussion-open-full",
+						variant: "outline",
+						size: "sm",
+						onClick: v,
+						disabled: !m,
+						children: y("conversationWidget.openInbox", "Open in conversations")
+					}),
+					/* @__PURE__ */ c(e, {
+						type: "button",
+						variant: "ghost",
+						size: "icon",
+						onClick: g,
+						"aria-label": h ? y("conversationWidget.expand", "Expand page conversation") : y("conversationWidget.collapse", "Collapse page conversation"),
+						children: c(h ? i : a, { className: "size-4" })
+					})
+				]
+			})]
+		}), /* @__PURE__ */ l("div", {
+			className: "flex flex-wrap items-center gap-2",
+			children: [
+				/* @__PURE__ */ c(t, {
+					variant: "secondary",
+					children: f.widgetKey
+				}),
+				f.activeTab ? /* @__PURE__ */ c(t, {
+					variant: "outline",
+					children: f.activeTab
+				}) : null,
+				p ? /* @__PURE__ */ l(t, { children: [p, " unread"] }) : null
+			]
+		})]
+	});
+}
+//#endregion
+export { u as WidgetHeader };

package/dist/shared/components/contextConversationWidget/queries.js

@@ -0,0 +1,197 @@
+import { gql as e } from "@apollo/client";
+//#region src/shared/components/contextConversationWidget/queries.ts
+var t = e`
+  mutation ContextConversationWidget_SendContextMessage(
+    $input: SendContextConversationMessageInput!
+  ) {
+    sendContextMessage(input: $input) {
+      success
+      message {
+        id
+        conversationId
+      }
+    }
+  }
+`, n = e`
+  query ContextConversationWidget_GetConversation($id: ID!) {
+    conversation(id: $id) {
+      id
+      title
+      description
+      settings
+      updatedAt
+      features {
+        threads
+        reactions
+        mentions
+      }
+      currentUserMembership {
+        unreadCount
+      }
+    }
+  }
+`, r = e`
+  query ContextConversationWidget_GetContextConversations($first: Int) {
+    conversations(first: $first) {
+      edges {
+        node {
+          id
+          settings
+        }
+      }
+    }
+  }
+`, i = e`
+  query ContextConversationWidget_GetMessages($conversationId: ID!, $first: Int) {
+    messages(conversationId: $conversationId, first: $first) {
+      edges {
+        node {
+          id
+          conversationId
+          type
+          status
+          content
+          authorId
+          authorType
+          parentMessageId
+          threadRootId
+          threadLevel
+          isEdited
+          editedAt
+          isPinned
+          createdAt
+          updatedAt
+          replyCount
+          permissions {
+            canEdit
+            canDelete
+            canReact
+            canReply
+            canPin
+          }
+          reactions {
+            id
+            emoji
+            userId
+            createdAt
+          }
+          attachments {
+            id
+            fileId
+            fileName
+            fileSize
+            mimeType
+            downloadUrl
+            thumbnail
+            width
+            height
+            duration
+          }
+        }
+      }
+    }
+  }
+`, a = e`
+  subscription ContextConversationWidget_MessageAdded($conversationId: ID!) {
+    messageAdded(conversationId: $conversationId) {
+      id
+      conversationId
+      type
+      status
+      content
+      authorId
+      authorType
+      parentMessageId
+      threadRootId
+      threadLevel
+      isEdited
+      editedAt
+      isPinned
+      createdAt
+      updatedAt
+      replyCount
+    }
+  }
+`, o = e`
+  subscription ContextConversationWidget_MessageUpdated($conversationId: ID!) {
+    messageUpdated(conversationId: $conversationId) {
+      id
+      conversationId
+      content
+      isEdited
+      editedAt
+      updatedAt
+    }
+  }
+`, s = e`
+  subscription ContextConversationWidget_MessageDeleted($conversationId: ID!) {
+    messageDeleted(conversationId: $conversationId) {
+      messageId
+      conversationId
+    }
+  }
+`, c = e`
+  mutation ContextConversationWidget_EditMessage($input: EditMessageInput!) {
+    editMessage(input: $input) {
+      id
+      content
+      isEdited
+      editedAt
+      updatedAt
+    }
+  }
+`, l = e`
+  mutation ContextConversationWidget_DeleteMessage($id: ID!, $hard: Boolean) {
+    deleteMessage(id: $id, hard: $hard) {
+      success
+    }
+  }
+`, u = e`
+  mutation ContextConversationWidget_AddReaction($messageId: ID!, $emoji: String!) {
+    addReaction(messageId: $messageId, emoji: $emoji) {
+      id
+    }
+  }
+`, d = e`
+  mutation ContextConversationWidget_RemoveReaction($messageId: ID!, $emoji: String!) {
+    removeReaction(messageId: $messageId, emoji: $emoji) {
+      success
+    }
+  }
+`, f = e`
+  mutation ContextConversationWidget_PinMessage($messageId: ID!) {
+    pinMessage(messageId: $messageId) {
+      id
+    }
+  }
+`, p = e`
+  mutation ContextConversationWidget_UnpinMessage($messageId: ID!) {
+    unpinMessage(messageId: $messageId) {
+      id
+    }
+  }
+`, m = e`
+  mutation ContextConversationWidget_InitiateUpload($input: InitiateUploadInput!) {
+    initiateUpload(input: $input) {
+      uploadUrl
+      session {
+        id
+      }
+    }
+  }
+`, h = e`
+  mutation ContextConversationWidget_CompleteUpload($input: CompleteUploadInput!) {
+    completeUpload(input: $input) {
+      fileId
+      file {
+        id
+        name
+        mimeType
+        size
+        downloadUrl
+      }
+    }
+  }
+`;
+//#endregion
+export { u as ADD_REACTION, h as COMPLETE_UPLOAD, l as DELETE_MESSAGE, c as EDIT_MESSAGE, r as GET_CONTEXT_CONVERSATIONS, n as GET_WIDGET_CONVERSATION, i as GET_WIDGET_MESSAGES, m as INITIATE_UPLOAD, a as MESSAGE_ADDED_SUBSCRIPTION, s as MESSAGE_DELETED_SUBSCRIPTION, o as MESSAGE_UPDATED_SUBSCRIPTION, f as PIN_MESSAGE, d as REMOVE_REACTION, t as SEND_CONTEXT_MESSAGE, p as UNPIN_MESSAGE };

package/dist/shared/components/contextConversationWidget/types.js

@@ -0,0 +1,10 @@
+//#region src/shared/components/contextConversationWidget/types.ts
+var e = [
+	"👍",
+	"❤️",
+	"🎉",
+	"👀",
+	"✅"
+], t = 5 * 1024 * 1024;
+//#endregion
+export { t as MAX_DIRECT_UPLOAD_BYTES, e as QUICK_REACTIONS };

package/dist/shared/components/contextConversationWidget/useAttachmentUpload.js

@@ -0,0 +1,57 @@
+import "./types.js";
+import { COMPLETE_UPLOAD as e, INITIATE_UPLOAD as t } from "./queries.js";
+import { useRef as n, useState as r } from "react";
+import { useMutation as i } from "@apollo/client/react";
+//#region src/shared/components/contextConversationWidget/useAttachmentUpload.ts
+function a({ workspaceClient: a, onError: o }) {
+	let [s, c] = r(!1), [l, u] = r([]), d = n(null), [f] = i(t, { client: a }), [p] = i(e, { client: a });
+	return {
+		uploading: s,
+		pendingAttachments: l,
+		fileInputRef: d,
+		handleUploadFiles: async (e) => {
+			if (!(!e || e.length === 0)) {
+				c(!0);
+				try {
+					let t = [];
+					for (let n of Array.from(e)) {
+						if (n.size > 5242880) throw Error(`${n.name} exceeds the 5 MB widget upload limit.`);
+						let e = n.name.includes(".") ? n.name.split(".").pop() ?? "bin" : "bin", r = await f({ variables: { input: {
+							fileName: n.name,
+							fileSize: n.size,
+							mimeType: n.type || "application/octet-stream",
+							extension: e,
+							visibility: "PRIVATE"
+						} } }), i = r.data?.initiateUpload?.uploadUrl, a = r.data?.initiateUpload?.session?.id;
+						if (!i || !a) throw Error(`Unable to create an upload session for ${n.name}`);
+						if (!(await fetch(i, {
+							method: "PUT",
+							body: n,
+							headers: { "Content-Type": n.type || "application/octet-stream" }
+						})).ok) throw Error(`Upload failed for ${n.name}`);
+						let o = (await p({ variables: { input: { sessionId: a } } })).data?.completeUpload;
+						if (!o?.fileId) throw Error(`Failed to finalize ${n.name}`);
+						t.push({
+							fileId: o.fileId,
+							fileName: o.file?.name ?? n.name,
+							fileSize: Number(o.file?.size ?? n.size),
+							mimeType: o.file?.mimeType ?? n.type,
+							downloadUrl: o.file?.downloadUrl ?? null
+						});
+					}
+					u((e) => [...e, ...t]);
+				} catch (e) {
+					o(e instanceof Error ? e.message : "File upload failed");
+				} finally {
+					c(!1), d.current && (d.current.value = "");
+				}
+			}
+		},
+		removePendingAttachment: (e) => {
+			u((t) => t.filter((t) => t.fileId !== e));
+		},
+		clearPendingAttachments: () => u([])
+	};
+}
+//#endregion
+export { a as useAttachmentUpload };

package/dist/shared/components/contextConversationWidget/useConversationSubscriptions.js

@@ -0,0 +1,26 @@
+import { GET_WIDGET_MESSAGES as e, MESSAGE_ADDED_SUBSCRIPTION as t, MESSAGE_DELETED_SUBSCRIPTION as n, MESSAGE_UPDATED_SUBSCRIPTION as r } from "./queries.js";
+import { useSubscription as i } from "@apollo/client/react";
+//#region src/shared/components/contextConversationWidget/useConversationSubscriptions.ts
+function a(a, o) {
+	i(t, {
+		client: a,
+		variables: { conversationId: o || "" },
+		skip: !o,
+		onData: ({ data: t, client: n }) => {
+			t.data?.messageAdded && n.refetchQueries({ include: [e] });
+		}
+	}), i(r, {
+		client: a,
+		variables: { conversationId: o || "" },
+		skip: !o
+	}), i(n, {
+		client: a,
+		variables: { conversationId: o || "" },
+		skip: !o,
+		onData: ({ client: t }) => {
+			t.refetchQueries({ include: [e] });
+		}
+	});
+}
+//#endregion
+export { a as useConversationSubscriptions };