@box/threaded-annotations 1.95.2 → 1.96.0

package/dist/chunks/annotation-badge.js

@@ -5,7 +5,8 @@ import o from "clsx";
 import { useIntl as s } from "react-intl";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { DashedSquareBubble as u, PencilScribble as d, TextHighlight as f } from "@box/blueprint-web-assets/icons/Medium";
-import '../styles/annotation-badge.css';var p = {
+import { Play as p } from "@box/blueprint-web-assets/icons/MediumFilled";
+import '../styles/annotation-badge.css';var m = {
 	annotationBadge: "_annotationBadge_wsfss_1",
 	annotationIcon: "_annotationIcon_wsfss_16",
 	highlightText: "_highlightText_wsfss_22",
@@ -13,22 +14,22 @@ import '../styles/annotation-badge.css';var p = {
 	disabled: "_disabled_wsfss_42",
 	focusableWrapper: "_focusableWrapper_wsfss_47",
 	tooltipContent: "_tooltipContent_wsfss_53"
-}, m = {
+}, h = {
 	[e.Drawing]: d,
-	[e.Frame]: null,
+	[e.Frame]: p,
 	[e.Highlight]: f,
 	[e.Point]: d,
 	[e.Region]: u
-}, h = ({ annotationTarget: u, onClick: d, originalContentDeleted: f }) => {
-	let { formatMessage: h } = s(), g = m[u.type], _ = f ? "textOnLightSecondary" : "textOnLightLink", v = /* @__PURE__ */ l(n, {
-		className: o(p.annotationBadge, f && p.disabled),
+}, g = ({ annotationTarget: u, onClick: d, originalContentDeleted: f }) => {
+	let { formatMessage: p } = s(), g = h[u.type], _ = f ? "textOnLightSecondary" : "textOnLightLink", v = /* @__PURE__ */ l(n, {
+		className: o(m.annotationBadge, f && m.disabled),
 		"data-testid": "annotation-badge",
 		"data-no-expand": !0,
 		disabled: f,
 		onClick: f ? void 0 : d,
 		children: [g && /* @__PURE__ */ c(i, {
 			as: "span",
-			className: p.annotationIcon,
+			className: m.annotationIcon,
 			color: _,
 			children: /* @__PURE__ */ c(g, {
 				color: "currentColor",
@@ -37,27 +38,27 @@ import '../styles/annotation-badge.css';var p = {
 			})
 		}), u.type === e.Highlight && u.highlightedText ? /* @__PURE__ */ c(i, {
 			as: "span",
-			className: p.highlightText,
+			className: m.highlightText,
 			color: _,
 			variant: "bodySmallSemibold",
 			children: u.highlightedText
 		}) : /* @__PURE__ */ c(i, {
 			as: "span",
-			className: p.annotationLabel,
+			className: m.annotationLabel,
 			color: _,
 			variant: "bodyDefaultSemibold",
-			children: u.type === e.Frame ? u.timestamp : h(t.annotationPage, { number: u.page })
+			children: u.type === e.Frame ? u.timestamp : p(t.annotationPage, { number: u.page })
 		})]
 	});
 	return f ? /* @__PURE__ */ c(a, {
-		className: p.tooltipContent,
-		content: h(t.originalContentDeleted),
+		className: m.tooltipContent,
+		content: p(t.originalContentDeleted),
 		side: "top",
 		children: /* @__PURE__ */ c(r, {
-			className: p.focusableWrapper,
+			className: m.focusableWrapper,
 			"data-no-expand": !0,
 			children: v
 		})
 	}) : v;
 };
-export { h as t };
+export { g as t };

package/dist/chunks/message-editor2.module.js

@@ -1,27 +1,29 @@
 import '../styles/message-editor2.css';var e = {
-	messageEditorWrapper: "_messageEditorWrapper_sbwz4_4",
-	editActionsColumn: "_editActionsColumn_sbwz4_9",
-	editActionsRow: "_editActionsRow_sbwz4_16",
-	characterLimitCounter: "_characterLimitCounter_sbwz4_22",
-	characterLimitCounterExceeded: "_characterLimitCounterExceeded_sbwz4_25",
-	messageEditor: "_messageEditor_sbwz4_4",
-	editorEditMode: "_editorEditMode_sbwz4_43",
-	editorFirstAnnotation: "_editorFirstAnnotation_sbwz4_50",
-	editorError: "_editorError_sbwz4_50",
-	editorViewport: "_editorViewport_sbwz4_58",
-	editorContainer: "_editorContainer_sbwz4_64",
-	editor: "_editor_sbwz4_43",
-	editorFade: "_editorFade_sbwz4_110",
-	editorFadeHidden: "_editorFadeHidden_sbwz4_121",
-	editorFullWidth: "_editorFullWidth_sbwz4_124",
-	actionsWrapper: "_actionsWrapper_sbwz4_128",
-	actionsWrapperInner: "_actionsWrapperInner_sbwz4_138",
-	errorMessage: "_errorMessage_sbwz4_145",
-	errorText: "_errorText_sbwz4_154",
-	editorHasScroll: "_editorHasScroll_sbwz4_163",
-	editorCharacterLimitExceeded: "_editorCharacterLimitExceeded_sbwz4_174",
-	characterLimitExceeded: "_characterLimitExceeded_sbwz4_196",
-	scrolledToBottom: "_scrolledToBottom_sbwz4_199",
-	anchorElement: "_anchorElement_sbwz4_203"
+	messageEditorWrapper: "_messageEditorWrapper_15t7h_4",
+	editActionsColumn: "_editActionsColumn_15t7h_9",
+	editActionsRow: "_editActionsRow_15t7h_16",
+	characterLimitCounter: "_characterLimitCounter_15t7h_22",
+	characterLimitCounterExceeded: "_characterLimitCounterExceeded_15t7h_25",
+	messageEditor: "_messageEditor_15t7h_4",
+	editorEditMode: "_editorEditMode_15t7h_43",
+	editorFirstAnnotation: "_editorFirstAnnotation_15t7h_50",
+	editorError: "_editorError_15t7h_50",
+	editorViewport: "_editorViewport_15t7h_58",
+	editorContainer: "_editorContainer_15t7h_64",
+	editor: "_editor_15t7h_43",
+	editorFade: "_editorFade_15t7h_110",
+	editorFadeHidden: "_editorFadeHidden_15t7h_121",
+	editorFullWidth: "_editorFullWidth_15t7h_124",
+	actionsWrapper: "_actionsWrapper_15t7h_128",
+	actionsWrapperInner: "_actionsWrapperInner_15t7h_138",
+	timestampToggle: "_timestampToggle_15t7h_145",
+	errorMessage: "_errorMessage_15t7h_148",
+	errorText: "_errorText_15t7h_157",
+	editorHasScroll: "_editorHasScroll_15t7h_166",
+	editorCharacterLimitExceeded: "_editorCharacterLimitExceeded_15t7h_177",
+	characterLimitExceeded: "_characterLimitExceeded_15t7h_199",
+	scrolledToBottom: "_scrolledToBottom_15t7h_202",
+	anchorElement: "_anchorElement_15t7h_206",
+	withTimestampToggle: "_withTimestampToggle_15t7h_215"
 };
 export { e as t };

package/dist/chunks/timestamp-toggle.js

@@ -0,0 +1,36 @@
+import e from "../esm/lib/components/v2/message-editor/messages.js";
+import { Checkbox as t, Text as n } from "@box/blueprint-web";
+import r from "clsx";
+import { useCallback as i } from "react";
+import { useIntl as a } from "react-intl";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Play as c } from "@box/blueprint-web-assets/icons/MediumFilled";
+import '../styles/timestamp-toggle.css';var l = {
+	timestampToggle: "_timestampToggle_11uz9_1",
+	timestampToggleDisabled: "_timestampToggleDisabled_11uz9_8",
+	label: "_label_11uz9_20"
+}, u = ({ className: u, disabled: d, formattedTimestamp: f, isPressed: p, onChange: m }) => {
+	let h = a(), g = i((e) => {
+		m(e === !0);
+	}, [m]), _ = /* @__PURE__ */ s(n, {
+		as: "span",
+		className: l.label,
+		color: "textOnLightSecondary",
+		variant: "bodyDefaultSemibold",
+		children: [/* @__PURE__ */ o(c, {
+			color: "currentColor",
+			height: 16,
+			width: 16
+		}), f]
+	});
+	return /* @__PURE__ */ o(t.Item, {
+		"aria-label": h.formatMessage(e.timestampToggleLabel),
+		checked: p,
+		className: r(l.timestampToggle, { [l.timestampToggleDisabled]: d }, u),
+		disabled: d,
+		label: _,
+		onCheckedChange: g,
+		value: "video-timestamp"
+	});
+};
+export { u as t };

package/dist/esm/lib/components/v2/message-editor/message-editor.js

@@ -15,140 +15,148 @@ import { CharacterLimitCounter as u } from "./subcomponents/character-limit-coun
 import { EditButtons as d } from "./subcomponents/edit-buttons.js";
 import { ErrorMessage as f } from "./subcomponents/error-message.js";
 import { PostButton as p } from "./subcomponents/post-button.js";
-import { MessageEditorVariant as m } from "./message-editor.types.js";
+import { t as m } from "../../../../../chunks/timestamp-toggle.js";
+import { MessageEditorVariant as h } from "./message-editor.types.js";
 import { VisuallyHidden as oe } from "@box/blueprint-web";
-import h from "clsx";
-import { useEffect as g, useMemo as se, useRef as _ } from "react";
-import { useIntl as v } from "react-intl";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
-import { UserSelectorHeadless as S } from "@box/user-selector";
-import { EditorContent as C, useEditor as w } from "@tiptap/react";
-import T from "@tiptap/extension-document";
+import g from "clsx";
+import { useEffect as _, useMemo as se, useRef as v } from "react";
+import { useIntl as y } from "react-intl";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { UserSelectorHeadless as C } from "@box/user-selector";
+import { EditorContent as w, useEditor as T } from "@tiptap/react";
+import E from "@tiptap/extension-document";
 import ce from "@tiptap/extension-text";
 import le from "@tiptap/extension-placeholder";
-var E = (s) => {
-	let { disableComponent: E = !1, initialContent: D, isFirstAnnotation: O = !1, isReply: ue = !1, maxCharacterCount: k, userSelectorProps: A } = s, j = _(null), M = _(null), N = _(null), P = v(), { errorMessage: F, isLoading: I } = ae(), { close: L, isActive: R, query: z, command: B, suggestionCallbacks: V } = o(j), { closeAllPopovers: H } = t(), U = P.formatMessage(ue ? c.placeholderReply : c.placeholderAddComment), W = s.variant === m.EDIT_MESSAGE, G = w({
+var D = (s) => {
+	let { disableComponent: D = !1, initialContent: O, isFirstAnnotation: k = !1, isReply: ue = !1, maxCharacterCount: A, userSelectorProps: j, videoTimestamp: M } = s, N = v(null), P = v(null), F = v(null), I = y(), { errorMessage: L, isLoading: R } = ae(), { close: z, isActive: B, query: V, command: H, suggestionCallbacks: de } = o(N), { closeAllPopovers: fe } = t(), U = I.formatMessage(ue ? c.placeholderReply : c.placeholderAddComment), W = s.variant === h.EDIT_MESSAGE, G = T({
 		extensions: [
-			T,
+			E,
 			te,
 			le.configure({
 				placeholder: U,
 				showOnlyWhenEditable: !1
 			}),
 			ce,
-			n.configure({ suggestion: r(i, "@", V) })
+			n.configure({ suggestion: r(i, "@", de) })
 		],
 		autofocus: !0,
-		content: D,
+		content: O,
 		editorProps: {
 			attributes: { class: l.editor },
 			handleTextInput: ee,
 			transformPastedText: a
 		},
 		onCreate: ({ editor: e }) => {
-			N.current = e.view.dom, e.commands.focus("end");
+			F.current = e.view.dom, e.commands.focus("end");
 		},
 		onUpdate: () => {
-			H?.();
+			fe?.();
 		}
-	}, [U]), { onUserSelected: de } = ie(se(() => B && G && !G.isDestroyed ? {
-		command: B,
+	}, [U]), { onUserSelected: pe } = ie(se(() => H && G && !G.isDestroyed ? {
+		command: H,
 		editor: G
-	} : null, [B, G])), { exceedsSingleLine: fe, hasScroll: K, isAtBottom: q } = re(M, G), J = ne(G, D, k), Y = W || !O || O && fe, pe = !G || G?.isEmpty, X = E || I, Z = (J?.excess ?? 0) > 0, Q = pe || X || Z, $ = J && J.excess > 0 && Y;
-	g(() => {
+	} : null, [H, G])), { exceedsSingleLine: me, hasScroll: K, isAtBottom: q } = re(P, G), J = ne(G, O, A), Y = W || !k || k && me, he = !G || G?.isEmpty, X = D || R, Z = (J?.excess ?? 0) > 0, Q = he || X || Z, $ = J && J.excess > 0 && Y;
+	_(() => {
 		G && G.setEditable(!X);
-	}, [G, X]), g(() => {
-		if (!Z || !M.current || !D) return;
+	}, [G, X]), _(() => {
+		if (!Z || !P.current || !O) return;
 		let e = 0, t = requestAnimationFrame(() => {
 			e = requestAnimationFrame(() => {
-				M.current?.scrollTo({ top: M.current.scrollHeight });
+				P.current?.scrollTo({ top: P.current.scrollHeight });
 			});
 		});
 		return () => {
 			cancelAnimationFrame(t), cancelAnimationFrame(e);
 		};
-	}, [Z]), g(() => {
-		!G || D === void 0 || queueMicrotask(() => {
-			G.commands.setContent(D ?? "", !1), G.commands.focus("end");
+	}, [Z]), _(() => {
+		!G || O === void 0 || queueMicrotask(() => {
+			G.commands.setContent(O ?? "", !1), G.commands.focus("end");
 		});
-	}, [D]), g(() => {
-		if (!R) return;
+	}, [O]), _(() => {
+		if (!B) return;
 		let t = `[${Object.keys(e)[0]}]`, n = (e) => {
-			if (M.current?.contains(e)) return !0;
+			if (P.current?.contains(e)) return !0;
 			let n = document.querySelectorAll(t);
 			for (let t of n) if (t.contains(e)) return !0;
 			return !1;
 		}, r = (e) => {
 			let t = e.target;
-			!t || n(t) || L();
+			!t || n(t) || z();
 		}, i = requestAnimationFrame(() => {
 			document.addEventListener("mousedown", r), document.addEventListener("focusin", r);
 		});
 		return () => {
 			cancelAnimationFrame(i), document.removeEventListener("mousedown", r), document.removeEventListener("focusin", r);
 		};
-	}, [L, R]);
-	let me = /* @__PURE__ */ b("div", { className: l.anchorElement });
-	return /* @__PURE__ */ b("div", {
+	}, [z, B]);
+	let ge = /* @__PURE__ */ x("div", { className: l.anchorElement });
+	return /* @__PURE__ */ x("div", {
 		"data-no-expand": !0,
 		className: l.messageEditorWrapper,
-		children: /* @__PURE__ */ x("div", {
-			className: h(l.messageEditor, {
+		children: /* @__PURE__ */ S("div", {
+			className: g(l.messageEditor, {
 				[l.editorHasScroll]: K,
 				[l.editorEditMode]: W,
-				[l.editorError]: F || Z,
-				[l.editorFirstAnnotation]: !W && O,
+				[l.editorError]: L || Z,
+				[l.editorFirstAnnotation]: !W && k,
 				[l.editorCharacterLimitExceeded]: Z
 			}),
-			children: [/* @__PURE__ */ x("div", {
-				className: h(l.editorViewport, { [l.editorFullWidth]: Y }),
-				children: [/* @__PURE__ */ x("div", {
-					ref: M,
+			children: [/* @__PURE__ */ S("div", {
+				className: g(l.editorViewport, { [l.editorFullWidth]: Y }),
+				children: [/* @__PURE__ */ S("div", {
+					ref: P,
 					className: l.editorContainer,
-					"aria-label": P.formatMessage(c.scrollContainerAriaLabel),
-					children: [/* @__PURE__ */ b(C, {
-						"aria-label": P.formatMessage(c.editorContentAriaLabel),
+					"aria-label": I.formatMessage(c.scrollContainerAriaLabel),
+					children: [/* @__PURE__ */ x(w, {
+						"aria-label": I.formatMessage(c.editorContentAriaLabel),
 						editor: G
-					}), /* @__PURE__ */ b(S, {
-						ref: j,
-						inputElementRef: N,
-						onSelectedUserChange: de,
-						open: R,
-						rootElement: me,
-						value: z,
-						...A,
+					}), /* @__PURE__ */ x(C, {
+						ref: N,
+						inputElementRef: F,
+						onSelectedUserChange: pe,
+						open: B,
+						rootElement: ge,
+						value: V,
+						...j,
 						popoverContentContainerProps: {
-							...A.popoverContentContainerProps,
+							...j.popoverContentContainerProps,
 							...e,
 							avoidCollisions: !0
 						}
 					})]
-				}), K && /* @__PURE__ */ b("div", {
-					className: h(l.editorFade, { [l.editorFadeHidden]: q }),
+				}), K && /* @__PURE__ */ x("div", {
+					className: g(l.editorFade, { [l.editorFadeHidden]: q }),
 					"aria-hidden": "true"
 				})]
-			}), /* @__PURE__ */ b("div", {
-				className: h(l.actionsWrapper),
-				children: /* @__PURE__ */ x("div", {
-					className: h(l.actionsWrapperInner, {
+			}), /* @__PURE__ */ x("div", {
+				className: g(l.actionsWrapper, { [l.withTimestampToggle]: !!M }),
+				children: /* @__PURE__ */ S("div", {
+					className: g(l.actionsWrapperInner, {
 						[l.scrolledToBottom]: q,
 						[l.characterLimitExceeded]: Z
 					}),
 					children: [
-						F && /* @__PURE__ */ b(f, { errorMessage: F }),
-						J && J.excess > 0 && !Y && /* @__PURE__ */ b(oe, {
+						L && /* @__PURE__ */ x(f, { errorMessage: L }),
+						J && J.excess > 0 && !Y && /* @__PURE__ */ x(oe, {
 							role: "alert",
-							children: P.formatMessage(c.characterLimitExceeded, { excess: J.excess })
+							children: I.formatMessage(c.characterLimitExceeded, { excess: J.excess })
 						}),
-						W ? /* @__PURE__ */ x("div", {
+						M && /* @__PURE__ */ x(m, {
+							className: l.timestampToggle,
+							disabled: X,
+							formattedTimestamp: M.formattedTimestamp,
+							isPressed: M.isPressed,
+							onChange: M.onPressedChange
+						}),
+						W ? /* @__PURE__ */ S("div", {
 							className: l.editActionsColumn,
-							children: [$ && /* @__PURE__ */ b(u, {
+							children: [$ && /* @__PURE__ */ x(u, {
 								count: J.count,
 								excess: J.excess,
 								maxCount: J.maxCount
-							}), /* @__PURE__ */ b("div", {
+							}), /* @__PURE__ */ x("div", {
 								className: l.editActionsRow,
-								children: /* @__PURE__ */ b(d, {
+								children: /* @__PURE__ */ x(d, {
 									disabled: Q,
 									getEditorJsonContent: () => G?.getJSON(),
 									onCancel: s.onEditCancel,
@@ -157,11 +165,11 @@ var E = (s) => {
 									onSaveError: s.onSaveError
 								})
 							})]
-						}) : /* @__PURE__ */ x(y, { children: [$ && /* @__PURE__ */ b(u, {
+						}) : /* @__PURE__ */ S(b, { children: [$ && /* @__PURE__ */ x(u, {
 							count: J.count,
 							excess: J.excess,
 							maxCount: J.maxCount
-						}), /* @__PURE__ */ b(p, {
+						}), /* @__PURE__ */ x(p, {
 							cleanEditor: () => G?.commands.setContent(""),
 							disabled: Q,
 							getEditorJsonContent: () => G?.getJSON(),
@@ -174,5 +182,5 @@ var E = (s) => {
 			})]
 		})
 	});
-}, D = (e) => /* @__PURE__ */ b(s, { children: /* @__PURE__ */ b(E, { ...e }) });
-export { D as MessageEditor, m as MessageEditorVariant };
+}, O = (e) => /* @__PURE__ */ x(s, { children: /* @__PURE__ */ x(D, { ...e }) });
+export { O as MessageEditor, h as MessageEditorVariant };

package/dist/esm/lib/components/v2/message-editor/messages.js

@@ -43,6 +43,10 @@ var t = e({
 	scrollContainerAriaLabel: {
 		id: "groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel",
 		defaultMessage: "Message editor scroll container"
+	},
+	timestampToggleLabel: {
+		id: "groupSharedFeatures.threadedAnnotations.messageEditor.timestampToggleLabel",
+		defaultMessage: "Comment with timestamp"
 	}
 });
 export { t as default };

package/dist/esm/lib/components/v2/message-editor/subcomponents/timestamp-toggle.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../../../../chunks/timestamp-toggle.js";
+export { e as TimestampToggle };

package/dist/i18n/bn-IN.js

@@ -31,6 +31,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.messageEditor.save": "সংরক্ষণ করুন",
   "groupSharedFeatures.threadedAnnotations.messageEditor.saveLoading": "সংরক্ষণ হচ্ছে...",
   "groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel": "মেসেজ এডিটর স্ক্রল কন্টেইনার",
+  "groupSharedFeatures.threadedAnnotations.messageEditor.timestampToggleLabel": "Comment with timestamp",
   "groupSharedFeatures.threadedAnnotations.moreOptionsAriaLabel": "আরও বিকল্প বোতাম",
   "groupSharedFeatures.threadedAnnotations.originalContentDeleted": "মূল কন্টেন্ট মুছে ফেলা হয়েছে",
   "groupSharedFeatures.threadedAnnotations.reply": "উত্তর দিন",

package/dist/i18n/da-DK.js

@@ -31,6 +31,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.messageEditor.save": "Gem",
   "groupSharedFeatures.threadedAnnotations.messageEditor.saveLoading": "Gemmer...",
   "groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel": "Rulleområde i meddelelseseditor",
+  "groupSharedFeatures.threadedAnnotations.messageEditor.timestampToggleLabel": "Comment with timestamp",
   "groupSharedFeatures.threadedAnnotations.moreOptionsAriaLabel": "'Flere valgmuligheder'-knap",
   "groupSharedFeatures.threadedAnnotations.originalContentDeleted": "Oprindeligt indhold blev slettet",
   "groupSharedFeatures.threadedAnnotations.reply": "Svar",

package/dist/i18n/de-DE.js

@@ -31,6 +31,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.messageEditor.save": "Speichern",
   "groupSharedFeatures.threadedAnnotations.messageEditor.saveLoading": "Wird gespeichert …",
   "groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel": "Scrollcontainer für den Nachrichten-Bearbeiter",
+  "groupSharedFeatures.threadedAnnotations.messageEditor.timestampToggleLabel": "Comment with timestamp",
   "groupSharedFeatures.threadedAnnotations.moreOptionsAriaLabel": "Schaltfläche „Weitere Optionen“",
   "groupSharedFeatures.threadedAnnotations.originalContentDeleted": "Der ursprüngliche Inhalt wurde gelöscht",
   "groupSharedFeatures.threadedAnnotations.reply": "Antworten",

package/dist/i18n/en-AU.js

@@ -31,6 +31,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.messageEditor.save": "Save",
   "groupSharedFeatures.threadedAnnotations.messageEditor.saveLoading": "Saving...",
   "groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel": "Message editor scroll container",
+  "groupSharedFeatures.threadedAnnotations.messageEditor.timestampToggleLabel": "Comment with timestamp",
   "groupSharedFeatures.threadedAnnotations.moreOptionsAriaLabel": "More options button",
   "groupSharedFeatures.threadedAnnotations.originalContentDeleted": "Original content was deleted",
   "groupSharedFeatures.threadedAnnotations.reply": "Reply",

package/dist/i18n/en-CA.js

@@ -31,6 +31,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.messageEditor.save": "Save",
   "groupSharedFeatures.threadedAnnotations.messageEditor.saveLoading": "Saving...",
   "groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel": "Message editor scroll container",
+  "groupSharedFeatures.threadedAnnotations.messageEditor.timestampToggleLabel": "Comment with timestamp",
   "groupSharedFeatures.threadedAnnotations.moreOptionsAriaLabel": "More options button",
   "groupSharedFeatures.threadedAnnotations.originalContentDeleted": "Original content was deleted",
   "groupSharedFeatures.threadedAnnotations.reply": "Reply",

package/dist/i18n/en-GB.js

@@ -31,6 +31,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.messageEditor.save": "Save",
   "groupSharedFeatures.threadedAnnotations.messageEditor.saveLoading": "Saving...",
   "groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel": "Message editor scroll container",
+  "groupSharedFeatures.threadedAnnotations.messageEditor.timestampToggleLabel": "Comment with timestamp",
   "groupSharedFeatures.threadedAnnotations.moreOptionsAriaLabel": "More options button",
   "groupSharedFeatures.threadedAnnotations.originalContentDeleted": "Original content was deleted",
   "groupSharedFeatures.threadedAnnotations.reply": "Reply",

package/dist/i18n/en-US.js

@@ -31,6 +31,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.messageEditor.save": "Save",
   "groupSharedFeatures.threadedAnnotations.messageEditor.saveLoading": "Saving...",
   "groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel": "Message editor scroll container",
+  "groupSharedFeatures.threadedAnnotations.messageEditor.timestampToggleLabel": "Comment with timestamp",
   "groupSharedFeatures.threadedAnnotations.moreOptionsAriaLabel": "More options button",
   "groupSharedFeatures.threadedAnnotations.originalContentDeleted": "Original content was deleted",
   "groupSharedFeatures.threadedAnnotations.reply": "Reply",

package/dist/i18n/en-US.properties

@@ -62,6 +62,8 @@ groupSharedFeatures.threadedAnnotations.messageEditor.save = Save
 groupSharedFeatures.threadedAnnotations.messageEditor.saveLoading = Saving...
 # Aria label for the scrollable message editor content container
 groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel = Message editor scroll container
+# Label for the toggle that attaches the current video playback timestamp to a comment
+groupSharedFeatures.threadedAnnotations.messageEditor.timestampToggleLabel = Comment with timestamp
 # Aria label for more options button in annotation message
 groupSharedFeatures.threadedAnnotations.moreOptionsAriaLabel = More options button
 # Tooltip shown when the annotation badge refers to deleted content

package/dist/i18n/en-x-pseudo.js

@@ -31,6 +31,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.messageEditor.save": "⟦萬 Śàνè 國⟧",
   "groupSharedFeatures.threadedAnnotations.messageEditor.saveLoading": "⟦萬萬 Śàνìиĝ... 國國⟧",
   "groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel": "⟦萬萬萬萬萬萬萬萬萬 Μèśŝàĝé êďìţòŕ ş¢ŗóĺļ çôиťáíйëř 國國國國國國國國國⟧",
+  "groupSharedFeatures.threadedAnnotations.messageEditor.timestampToggleLabel": "Comment with timestamp",
   "groupSharedFeatures.threadedAnnotations.moreOptionsAriaLabel": "⟦萬萬萬萬萬 Μòŕè óΡţìôиś вµťŧõй 國國國國國⟧",
   "groupSharedFeatures.threadedAnnotations.originalContentDeleted": "⟦萬萬萬萬萬萬萬萬 Òŕìĝíиàĺ ¢òйţèлť ŵáś ďéļêŧëđ 國國國國國國國國⟧",
   "groupSharedFeatures.threadedAnnotations.reply": "⟦萬 ŔèΡĺý 國⟧",

package/dist/i18n/es-419.js

@@ -31,6 +31,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.messageEditor.save": "Guardar",
   "groupSharedFeatures.threadedAnnotations.messageEditor.saveLoading": "Guardando…",
   "groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel": "Contenedor de desplazamiento del editor de mensajes",
+  "groupSharedFeatures.threadedAnnotations.messageEditor.timestampToggleLabel": "Comment with timestamp",
   "groupSharedFeatures.threadedAnnotations.moreOptionsAriaLabel": "Botón Más opciones",
   "groupSharedFeatures.threadedAnnotations.originalContentDeleted": "Se ha eliminado el contenido original",
   "groupSharedFeatures.threadedAnnotations.reply": "Responder",

package/dist/i18n/es-ES.js

@@ -31,6 +31,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.messageEditor.save": "Guardar",
   "groupSharedFeatures.threadedAnnotations.messageEditor.saveLoading": "Guardando…",
   "groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel": "Contenedor de desplazamiento del editor de mensajes",
+  "groupSharedFeatures.threadedAnnotations.messageEditor.timestampToggleLabel": "Comment with timestamp",
   "groupSharedFeatures.threadedAnnotations.moreOptionsAriaLabel": "Botón Más opciones",
   "groupSharedFeatures.threadedAnnotations.originalContentDeleted": "Se ha eliminado el contenido original",
   "groupSharedFeatures.threadedAnnotations.reply": "Responder",

package/dist/i18n/fi-FI.js

@@ -31,6 +31,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.messageEditor.save": "Tallenna",
   "groupSharedFeatures.threadedAnnotations.messageEditor.saveLoading": "Tallennetaan...",
   "groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel": "Viestieditorin vierityssäiliö",
+  "groupSharedFeatures.threadedAnnotations.messageEditor.timestampToggleLabel": "Comment with timestamp",
   "groupSharedFeatures.threadedAnnotations.moreOptionsAriaLabel": "Lisää asetuksia -painike",
   "groupSharedFeatures.threadedAnnotations.originalContentDeleted": "Alkuperäinen sisältö poistettiin",
   "groupSharedFeatures.threadedAnnotations.reply": "Vastaus",

package/dist/i18n/fr-CA.js

@@ -31,6 +31,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.messageEditor.save": "Sauvegarder",
   "groupSharedFeatures.threadedAnnotations.messageEditor.saveLoading": "Enregistrement en cours",
   "groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel": "Conteneur de défilement de l’éditeur de message",
+  "groupSharedFeatures.threadedAnnotations.messageEditor.timestampToggleLabel": "Comment with timestamp",
   "groupSharedFeatures.threadedAnnotations.moreOptionsAriaLabel": "Bouton Plus d'options",
   "groupSharedFeatures.threadedAnnotations.originalContentDeleted": "Le contenu d’origine a été supprimé",
   "groupSharedFeatures.threadedAnnotations.reply": "Répondre",

package/dist/i18n/fr-FR.js

@@ -31,6 +31,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.messageEditor.save": "Sauvegarder",
   "groupSharedFeatures.threadedAnnotations.messageEditor.saveLoading": "Enregistrement en cours",
   "groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel": "Conteneur de défilement de l’éditeur de message",
+  "groupSharedFeatures.threadedAnnotations.messageEditor.timestampToggleLabel": "Comment with timestamp",
   "groupSharedFeatures.threadedAnnotations.moreOptionsAriaLabel": "Bouton Plus d'options",
   "groupSharedFeatures.threadedAnnotations.originalContentDeleted": "Le contenu d’origine a été supprimé",
   "groupSharedFeatures.threadedAnnotations.reply": "Répondre",

package/dist/i18n/hi-IN.js

@@ -31,6 +31,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.messageEditor.save": "सहेजें",
   "groupSharedFeatures.threadedAnnotations.messageEditor.saveLoading": "सहेजा जा रहा है...",
   "groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel": "संदेश संपादक स्क्रॉल कंटेनर",
+  "groupSharedFeatures.threadedAnnotations.messageEditor.timestampToggleLabel": "Comment with timestamp",
   "groupSharedFeatures.threadedAnnotations.moreOptionsAriaLabel": "अधिक विकल्प बटन",
   "groupSharedFeatures.threadedAnnotations.originalContentDeleted": "मूल कंटेंट को हटा दिया गया था",
   "groupSharedFeatures.threadedAnnotations.reply": "जवाब दें",

package/dist/i18n/it-IT.js

@@ -31,6 +31,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.messageEditor.save": "Salva",
   "groupSharedFeatures.threadedAnnotations.messageEditor.saveLoading": "Salvataggio in corso...",
   "groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel": "Contenitore di scorrimento dell’editor dei messaggi",
+  "groupSharedFeatures.threadedAnnotations.messageEditor.timestampToggleLabel": "Comment with timestamp",
   "groupSharedFeatures.threadedAnnotations.moreOptionsAriaLabel": "Pulsante Altre opzioni",
   "groupSharedFeatures.threadedAnnotations.originalContentDeleted": "Il contenuto originale è stato eliminato",
   "groupSharedFeatures.threadedAnnotations.reply": "Rispondi",

package/dist/i18n/ja-JP.js

@@ -31,6 +31,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.messageEditor.save": "保存",
   "groupSharedFeatures.threadedAnnotations.messageEditor.saveLoading": "保存しています...",
   "groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel": "メッセージエディタのスクロールコンテナ",
+  "groupSharedFeatures.threadedAnnotations.messageEditor.timestampToggleLabel": "Comment with timestamp",
   "groupSharedFeatures.threadedAnnotations.moreOptionsAriaLabel": "[その他のオプション] ボタン",
   "groupSharedFeatures.threadedAnnotations.originalContentDeleted": "元のコンテンツは削除されています",
   "groupSharedFeatures.threadedAnnotations.reply": "返信",

package/dist/i18n/json/src/lib/components/v2/message-editor/messages.json

@@ -1 +1 @@
-[{"id":"groupSharedFeatures.threadedAnnotations.messageEditor.cancel","description":"Cancel button text for message editor","defaultMessage":"Cancel"},{"id":"groupSharedFeatures.threadedAnnotations.messageEditor.characterCount","description":"Character count display showing current count and maximum allowed","defaultMessage":"{count}/{maxCount}"},{"id":"groupSharedFeatures.threadedAnnotations.messageEditor.characterLimitExceeded","description":"Screen reader alert and tooltip text shown when character limit is exceeded","defaultMessage":"Your comment is {excess, plural, one {# character} other {# characters}} too long"},{"id":"groupSharedFeatures.threadedAnnotations.messageEditor.editorContentAriaLabel","description":"Aria label for the rich text editor content area","defaultMessage":"Message editor"},{"id":"groupSharedFeatures.threadedAnnotations.messageEditor.placeholderAddComment","description":"Placeholder when composing the first comment in a thread","defaultMessage":"Add a comment, @ to mention"},{"id":"groupSharedFeatures.threadedAnnotations.messageEditor.placeholderReply","description":"Placeholder when composing a reply in an existing thread","defaultMessage":"Reply, @ to mention"},{"id":"groupSharedFeatures.threadedAnnotations.messageEditor.post","description":"Post button text for message editor","defaultMessage":"Post"},{"id":"groupSharedFeatures.threadedAnnotations.messageEditor.postLoading","description":"Aria label for post button loading state","defaultMessage":"Loading..."},{"id":"groupSharedFeatures.threadedAnnotations.messageEditor.save","description":"Save button text for message editor","defaultMessage":"Save"},{"id":"groupSharedFeatures.threadedAnnotations.messageEditor.saveLoading","description":"Aria label for save button loading state","defaultMessage":"Saving..."},{"id":"groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel","description":"Aria label for the scrollable message editor content container","defaultMessage":"Message editor scroll container"}]
+[{"id":"groupSharedFeatures.threadedAnnotations.messageEditor.cancel","description":"Cancel button text for message editor","defaultMessage":"Cancel"},{"id":"groupSharedFeatures.threadedAnnotations.messageEditor.characterCount","description":"Character count display showing current count and maximum allowed","defaultMessage":"{count}/{maxCount}"},{"id":"groupSharedFeatures.threadedAnnotations.messageEditor.characterLimitExceeded","description":"Screen reader alert and tooltip text shown when character limit is exceeded","defaultMessage":"Your comment is {excess, plural, one {# character} other {# characters}} too long"},{"id":"groupSharedFeatures.threadedAnnotations.messageEditor.editorContentAriaLabel","description":"Aria label for the rich text editor content area","defaultMessage":"Message editor"},{"id":"groupSharedFeatures.threadedAnnotations.messageEditor.placeholderAddComment","description":"Placeholder when composing the first comment in a thread","defaultMessage":"Add a comment, @ to mention"},{"id":"groupSharedFeatures.threadedAnnotations.messageEditor.placeholderReply","description":"Placeholder when composing a reply in an existing thread","defaultMessage":"Reply, @ to mention"},{"id":"groupSharedFeatures.threadedAnnotations.messageEditor.post","description":"Post button text for message editor","defaultMessage":"Post"},{"id":"groupSharedFeatures.threadedAnnotations.messageEditor.postLoading","description":"Aria label for post button loading state","defaultMessage":"Loading..."},{"id":"groupSharedFeatures.threadedAnnotations.messageEditor.save","description":"Save button text for message editor","defaultMessage":"Save"},{"id":"groupSharedFeatures.threadedAnnotations.messageEditor.saveLoading","description":"Aria label for save button loading state","defaultMessage":"Saving..."},{"id":"groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel","description":"Aria label for the scrollable message editor content container","defaultMessage":"Message editor scroll container"},{"id":"groupSharedFeatures.threadedAnnotations.messageEditor.timestampToggleLabel","description":"Label for the toggle that attaches the current video playback timestamp to a comment","defaultMessage":"Comment with timestamp"}]

package/dist/i18n/ko-KR.js

@@ -31,6 +31,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.messageEditor.save": "저장",
   "groupSharedFeatures.threadedAnnotations.messageEditor.saveLoading": "저장 중...",
   "groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel": "메시지 편집기 스크롤 컨테이너",
+  "groupSharedFeatures.threadedAnnotations.messageEditor.timestampToggleLabel": "Comment with timestamp",
   "groupSharedFeatures.threadedAnnotations.moreOptionsAriaLabel": "추가 옵션 버튼",
   "groupSharedFeatures.threadedAnnotations.originalContentDeleted": "원본 콘텐츠가 삭제되었습니다",
   "groupSharedFeatures.threadedAnnotations.reply": "답글",

package/dist/i18n/nb-NO.js

@@ -31,6 +31,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.messageEditor.save": "Lagre",
   "groupSharedFeatures.threadedAnnotations.messageEditor.saveLoading": "Lagrer ...",
   "groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel": "Rullebeholder for meldingsredaktør",
+  "groupSharedFeatures.threadedAnnotations.messageEditor.timestampToggleLabel": "Comment with timestamp",
   "groupSharedFeatures.threadedAnnotations.moreOptionsAriaLabel": "Knapp for flere alternativer",
   "groupSharedFeatures.threadedAnnotations.originalContentDeleted": "Opprinnelig innhold ble slettet",
   "groupSharedFeatures.threadedAnnotations.reply": "Svar",

package/dist/i18n/nl-NL.js

@@ -31,6 +31,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.messageEditor.save": "Opslaan",
   "groupSharedFeatures.threadedAnnotations.messageEditor.saveLoading": "Wordt opgeslagen …",
   "groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel": "Scrolcontainer berichteneditor",
+  "groupSharedFeatures.threadedAnnotations.messageEditor.timestampToggleLabel": "Comment with timestamp",
   "groupSharedFeatures.threadedAnnotations.moreOptionsAriaLabel": "Knop Meer opties",
   "groupSharedFeatures.threadedAnnotations.originalContentDeleted": "Oorspronkelijke inhoud is verwijderd",
   "groupSharedFeatures.threadedAnnotations.reply": "Beantwoorden",

package/dist/i18n/pl-PL.js

@@ -31,6 +31,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.messageEditor.save": "Zapisz",
   "groupSharedFeatures.threadedAnnotations.messageEditor.saveLoading": "Trwa zapisywanie...",
   "groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel": "Kontener przewijania edytora wiadomości",
+  "groupSharedFeatures.threadedAnnotations.messageEditor.timestampToggleLabel": "Comment with timestamp",
   "groupSharedFeatures.threadedAnnotations.moreOptionsAriaLabel": "Przycisk większej liczby opcji",
   "groupSharedFeatures.threadedAnnotations.originalContentDeleted": "Oryginalna zawartość została usunięta",
   "groupSharedFeatures.threadedAnnotations.reply": "Odpowiedz",

package/dist/i18n/pt-BR.js

@@ -31,6 +31,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.messageEditor.save": "Salvar",
   "groupSharedFeatures.threadedAnnotations.messageEditor.saveLoading": "Salvando...",
   "groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel": "Contêiner de rolagem do editor de mensagens",
+  "groupSharedFeatures.threadedAnnotations.messageEditor.timestampToggleLabel": "Comment with timestamp",
   "groupSharedFeatures.threadedAnnotations.moreOptionsAriaLabel": "Botão Mais opções",
   "groupSharedFeatures.threadedAnnotations.originalContentDeleted": "O conteúdo original foi excluído",
   "groupSharedFeatures.threadedAnnotations.reply": "Responder",

package/dist/i18n/ru-RU.js

@@ -31,6 +31,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.messageEditor.save": "Сохранить",
   "groupSharedFeatures.threadedAnnotations.messageEditor.saveLoading": "Сохранение...",
   "groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel": "Контейнер прокрутки редактора сообщений",
+  "groupSharedFeatures.threadedAnnotations.messageEditor.timestampToggleLabel": "Comment with timestamp",
   "groupSharedFeatures.threadedAnnotations.moreOptionsAriaLabel": "Кнопка дополнительных параметров",
   "groupSharedFeatures.threadedAnnotations.originalContentDeleted": "Оригинальный контент удален",
   "groupSharedFeatures.threadedAnnotations.reply": "Ответить",

package/dist/i18n/sv-SE.js

@@ -31,6 +31,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.messageEditor.save": "Spara",
   "groupSharedFeatures.threadedAnnotations.messageEditor.saveLoading": "Sparar ...",
   "groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel": "Skrollbar behållare för meddelanderedaktör",
+  "groupSharedFeatures.threadedAnnotations.messageEditor.timestampToggleLabel": "Comment with timestamp",
   "groupSharedFeatures.threadedAnnotations.moreOptionsAriaLabel": "Knappen fler alternativ",
   "groupSharedFeatures.threadedAnnotations.originalContentDeleted": "Ursprungligt innehåll raderades",
   "groupSharedFeatures.threadedAnnotations.reply": "Svara",

package/dist/i18n/tr-TR.js

@@ -31,6 +31,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.messageEditor.save": "Kaydet",
   "groupSharedFeatures.threadedAnnotations.messageEditor.saveLoading": "Kaydediliyor...",
   "groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel": "Mesaj düzenleyici kaydırma konteyneri",
+  "groupSharedFeatures.threadedAnnotations.messageEditor.timestampToggleLabel": "Comment with timestamp",
   "groupSharedFeatures.threadedAnnotations.moreOptionsAriaLabel": "Diğer seçenekler düğmesi",
   "groupSharedFeatures.threadedAnnotations.originalContentDeleted": "Orijinal içerik silindi",
   "groupSharedFeatures.threadedAnnotations.reply": "Yanıtla",

package/dist/i18n/zh-CN.js

@@ -31,6 +31,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.messageEditor.save": "保存",
   "groupSharedFeatures.threadedAnnotations.messageEditor.saveLoading": "正在保存...",
   "groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel": "消息编辑器滚动容器",
+  "groupSharedFeatures.threadedAnnotations.messageEditor.timestampToggleLabel": "Comment with timestamp",
   "groupSharedFeatures.threadedAnnotations.moreOptionsAriaLabel": "更多选项按钮",
   "groupSharedFeatures.threadedAnnotations.originalContentDeleted": "原始内容已删除",
   "groupSharedFeatures.threadedAnnotations.reply": "回复",

package/dist/i18n/zh-TW.js

@@ -31,6 +31,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.messageEditor.save": "儲存",
   "groupSharedFeatures.threadedAnnotations.messageEditor.saveLoading": "儲存中...",
   "groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel": "訊息編輯者捲動容器",
+  "groupSharedFeatures.threadedAnnotations.messageEditor.timestampToggleLabel": "Comment with timestamp",
   "groupSharedFeatures.threadedAnnotations.moreOptionsAriaLabel": "更多選項按鈕",
   "groupSharedFeatures.threadedAnnotations.originalContentDeleted": "原始內容已刪除",
   "groupSharedFeatures.threadedAnnotations.reply": "回覆",

package/dist/styles/message-editor2.css

@@ -1 +1 @@
-._messageEditorWrapper_sbwz4_4{cursor:auto;width:100%}._editActionsColumn_sbwz4_9{align-items:flex-end;gap:var(--bp-space-010);flex-direction:column;display:flex}._editActionsRow_sbwz4_16{align-items:center;gap:var(--bp-space-020);display:flex}._characterLimitCounter_sbwz4_22{white-space:nowrap}._characterLimitCounter_sbwz4_22._characterLimitCounterExceeded_sbwz4_25{font-weight:var(--font-weights-bold)}._messageEditor_sbwz4_4{--gradient-fade-height:var(--bp-size-040);box-sizing:border-box;padding:.625rem var(--bp-space-005) .625rem var(--bp-space-040);background-color:var(--surface-surface);outline:var(--bp-border-01) solid var(--border-divider-border);border-radius:var(--bp-radius-10);gap:var(--bp-space-020) var(--bp-space-010);cursor:auto;flex-wrap:wrap;width:100%;display:flex;position:relative}._messageEditor_sbwz4_4._editorEditMode_sbwz4_43{--gradient-fade-height:var(--bp-size-050)}._messageEditor_sbwz4_4:focus-within{outline-width:var(--bp-border-02);outline-color:var(--border-input-border-focus)}._messageEditor_sbwz4_4._editorFirstAnnotation_sbwz4_50:not(._editorError_sbwz4_50):focus-within{outline-width:var(--bp-border-01);outline-color:var(--border-divider-border)}._messageEditor_sbwz4_4._editorError_sbwz4_50{outline-color:var(--bp-border-message-border-error);outline-width:var(--bp-border-02)}._messageEditor_sbwz4_4 ._editorViewport_sbwz4_58{width:fit-content;min-width:calc(100% - 2.875rem);margin:auto 0;position:relative}._messageEditor_sbwz4_4 ._editorViewport_sbwz4_58 ._editorContainer_sbwz4_64{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--black-opacity-50) transparent;position:relative;overflow-y:scroll}@supports not (scrollbar-color:gray transparent){._messageEditor_sbwz4_4 ._editorViewport_sbwz4_58 ._editorContainer_sbwz4_64{scrollbar-width:initial}._messageEditor_sbwz4_4 ._editorViewport_sbwz4_58 ._editorContainer_sbwz4_64::-webkit-scrollbar{width:var(--size-2);background-color:#0000}._messageEditor_sbwz4_4 ._editorViewport_sbwz4_58 ._editorContainer_sbwz4_64::-webkit-scrollbar-thumb{background:var(--black-opacity-50);border-radius:var(--radius-2)}._messageEditor_sbwz4_4 ._editorViewport_sbwz4_58 ._editorContainer_sbwz4_64::-webkit-scrollbar-thumb:hover{background:var(--black-opacity-50)}}._messageEditor_sbwz4_4 ._editorViewport_sbwz4_58 ._editorContainer_sbwz4_64{max-height:10rem;padding:.375rem .625rem .375rem 0}._messageEditor_sbwz4_4 ._editorViewport_sbwz4_58 ._editorContainer_sbwz4_64 ._editor_sbwz4_43{outline:none;width:100%}._messageEditor_sbwz4_4 ._editorViewport_sbwz4_58 ._editorContainer_sbwz4_64 ._editor_sbwz4_43 [data-placeholder]:first-child:before{font-family:var(--font-families-sans);font-size:var(--bp-font-size-05);font-weight:var(--font-weights-regular);line-height:var(--bp-font-line-height-04);letter-spacing:var(--bp-font-letter-spacing-01);color:var(--text-text-on-light-tertiary);content:attr(data-placeholder);float:left;pointer-events:none;height:0}._messageEditor_sbwz4_4 ._editorViewport_sbwz4_58 ._editorFade_sbwz4_110{height:var(--bp-size-060);background:linear-gradient(to bottom, transparent, var(--bp-canvas-background,var(--surface-surface)));pointer-events:none;opacity:1;transition:opacity .15s ease-out;position:absolute;bottom:0;left:0;right:0}._messageEditor_sbwz4_4 ._editorViewport_sbwz4_58 ._editorFade_sbwz4_110._editorFadeHidden_sbwz4_121{opacity:0}._messageEditor_sbwz4_4 ._editorFullWidth_sbwz4_124{width:100%;min-width:100%}._messageEditor_sbwz4_4 ._actionsWrapper_sbwz4_128{min-height:var(--bp-size-080);width:fit-content;padding-right:var(--bp-space-020);flex:1;justify-content:flex-end;align-items:center;display:flex;position:relative}._messageEditor_sbwz4_4 ._actionsWrapper_sbwz4_128 ._actionsWrapperInner_sbwz4_138{align-items:center;gap:var(--bp-space-020);width:fit-content;display:flex;position:relative}._messageEditor_sbwz4_4 ._errorMessage_sbwz4_145{gap:var(--bp-space-010);align-items:center;min-width:0;display:flex}._messageEditor_sbwz4_4 ._errorMessage_sbwz4_145>:first-child{flex-shrink:0}._messageEditor_sbwz4_4 ._errorMessage_sbwz4_145 ._errorText_sbwz4_154{color:var(--bp-text-text-destructive-on-light);-webkit-line-clamp:1;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}._editorHasScroll_sbwz4_163{gap:unset;padding-bottom:0}._editorHasScroll_sbwz4_163 ._editorViewport_sbwz4_58 ._editorContainer_sbwz4_64{padding-bottom:var(--bp-space-040);scroll-padding-bottom:var(--bp-space-040)}._editorHasScroll_sbwz4_163 ._editorViewport_sbwz4_58 ._editorFade_sbwz4_110{display:none}._editorHasScroll_sbwz4_163._editorCharacterLimitExceeded_sbwz4_174 ._editorViewport_sbwz4_58 ._editorContainer_sbwz4_64{padding-bottom:calc(var(--gradient-fade-height,var(--bp-size-040)) + var(--bp-space-040));scroll-padding-bottom:calc(var(--gradient-fade-height,var(--bp-size-040)) + var(--bp-space-040))}._editorHasScroll_sbwz4_163 ._actionsWrapper_sbwz4_128{min-width:100%;height:1.875rem;padding-right:0}._editorHasScroll_sbwz4_163 ._actionsWrapper_sbwz4_128 ._actionsWrapperInner_sbwz4_138{bottom:.625rem;left:0;right:var(--bp-space-020);pointer-events:none;background:linear-gradient(to bottom, #fff0 10%, #ffffffbf 18%, #fffffff7 28%, var(--bp-canvas-background,var(--surface-surface)) 71%);justify-content:flex-end;width:auto;position:absolute}._editorHasScroll_sbwz4_163 ._actionsWrapper_sbwz4_128 ._actionsWrapperInner_sbwz4_138>*{pointer-events:auto}._editorHasScroll_sbwz4_163 ._actionsWrapper_sbwz4_128 ._actionsWrapperInner_sbwz4_138._characterLimitExceeded_sbwz4_196{padding-top:var(--gradient-fade-height,var(--bp-size-040))}._editorHasScroll_sbwz4_163 ._actionsWrapper_sbwz4_128 ._actionsWrapperInner_sbwz4_138._scrolledToBottom_sbwz4_199{background:0 0}._anchorElement_sbwz4_203{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}
+._messageEditorWrapper_15t7h_4{cursor:auto;width:100%}._editActionsColumn_15t7h_9{align-items:flex-end;gap:var(--bp-space-010);flex-direction:column;display:flex}._editActionsRow_15t7h_16{align-items:center;gap:var(--bp-space-020);display:flex}._characterLimitCounter_15t7h_22{white-space:nowrap}._characterLimitCounter_15t7h_22._characterLimitCounterExceeded_15t7h_25{font-weight:var(--font-weights-bold)}._messageEditor_15t7h_4{--gradient-fade-height:var(--bp-size-040);box-sizing:border-box;padding:.625rem var(--bp-space-005) .625rem var(--bp-space-040);background-color:var(--surface-surface);outline:var(--bp-border-01) solid var(--border-divider-border);border-radius:var(--bp-radius-10);gap:var(--bp-space-020) var(--bp-space-010);cursor:auto;flex-wrap:wrap;width:100%;display:flex;position:relative}._messageEditor_15t7h_4._editorEditMode_15t7h_43{--gradient-fade-height:var(--bp-size-050)}._messageEditor_15t7h_4:focus-within{outline-width:var(--bp-border-02);outline-color:var(--border-input-border-focus)}._messageEditor_15t7h_4._editorFirstAnnotation_15t7h_50:not(._editorError_15t7h_50):focus-within{outline-width:var(--bp-border-01);outline-color:var(--border-divider-border)}._messageEditor_15t7h_4._editorError_15t7h_50{outline-color:var(--bp-border-message-border-error);outline-width:var(--bp-border-02)}._messageEditor_15t7h_4 ._editorViewport_15t7h_58{width:fit-content;min-width:calc(100% - 2.875rem);margin:auto 0;position:relative}._messageEditor_15t7h_4 ._editorViewport_15t7h_58 ._editorContainer_15t7h_64{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--black-opacity-50) transparent;position:relative;overflow-y:scroll}@supports not (scrollbar-color:gray transparent){._messageEditor_15t7h_4 ._editorViewport_15t7h_58 ._editorContainer_15t7h_64{scrollbar-width:initial}._messageEditor_15t7h_4 ._editorViewport_15t7h_58 ._editorContainer_15t7h_64::-webkit-scrollbar{width:var(--size-2);background-color:#0000}._messageEditor_15t7h_4 ._editorViewport_15t7h_58 ._editorContainer_15t7h_64::-webkit-scrollbar-thumb{background:var(--black-opacity-50);border-radius:var(--radius-2)}._messageEditor_15t7h_4 ._editorViewport_15t7h_58 ._editorContainer_15t7h_64::-webkit-scrollbar-thumb:hover{background:var(--black-opacity-50)}}._messageEditor_15t7h_4 ._editorViewport_15t7h_58 ._editorContainer_15t7h_64{max-height:10rem;padding:.375rem .625rem .375rem 0}._messageEditor_15t7h_4 ._editorViewport_15t7h_58 ._editorContainer_15t7h_64 ._editor_15t7h_43{outline:none;width:100%}._messageEditor_15t7h_4 ._editorViewport_15t7h_58 ._editorContainer_15t7h_64 ._editor_15t7h_43 [data-placeholder]:first-child:before{font-family:var(--font-families-sans);font-size:var(--bp-font-size-05);font-weight:var(--font-weights-regular);line-height:var(--bp-font-line-height-04);letter-spacing:var(--bp-font-letter-spacing-01);color:var(--text-text-on-light-tertiary);content:attr(data-placeholder);float:left;pointer-events:none;height:0}._messageEditor_15t7h_4 ._editorViewport_15t7h_58 ._editorFade_15t7h_110{height:var(--bp-size-060);background:linear-gradient(to bottom, transparent, var(--bp-canvas-background,var(--surface-surface)));pointer-events:none;opacity:1;transition:opacity .15s ease-out;position:absolute;bottom:0;left:0;right:0}._messageEditor_15t7h_4 ._editorViewport_15t7h_58 ._editorFade_15t7h_110._editorFadeHidden_15t7h_121{opacity:0}._messageEditor_15t7h_4 ._editorFullWidth_15t7h_124{width:100%;min-width:100%}._messageEditor_15t7h_4 ._actionsWrapper_15t7h_128{min-height:var(--bp-size-080);width:fit-content;padding-right:var(--bp-space-020);flex:1;justify-content:flex-end;align-items:center;display:flex;position:relative}._messageEditor_15t7h_4 ._actionsWrapper_15t7h_128 ._actionsWrapperInner_15t7h_138{align-items:center;gap:var(--bp-space-020);width:fit-content;display:flex;position:relative}._messageEditor_15t7h_4 ._timestampToggle_15t7h_145{margin-right:auto}._messageEditor_15t7h_4 ._errorMessage_15t7h_148{gap:var(--bp-space-010);align-items:center;min-width:0;display:flex}._messageEditor_15t7h_4 ._errorMessage_15t7h_148>:first-child{flex-shrink:0}._messageEditor_15t7h_4 ._errorMessage_15t7h_148 ._errorText_15t7h_157{color:var(--bp-text-text-destructive-on-light);-webkit-line-clamp:1;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}._editorHasScroll_15t7h_166{gap:unset;padding-bottom:0}._editorHasScroll_15t7h_166 ._editorViewport_15t7h_58 ._editorContainer_15t7h_64{padding-bottom:var(--bp-space-040);scroll-padding-bottom:var(--bp-space-040)}._editorHasScroll_15t7h_166 ._editorViewport_15t7h_58 ._editorFade_15t7h_110{display:none}._editorHasScroll_15t7h_166._editorCharacterLimitExceeded_15t7h_177 ._editorViewport_15t7h_58 ._editorContainer_15t7h_64{padding-bottom:calc(var(--gradient-fade-height,var(--bp-size-040)) + var(--bp-space-040));scroll-padding-bottom:calc(var(--gradient-fade-height,var(--bp-size-040)) + var(--bp-space-040))}._editorHasScroll_15t7h_166 ._actionsWrapper_15t7h_128{min-width:100%;height:1.875rem;padding-right:0}._editorHasScroll_15t7h_166 ._actionsWrapper_15t7h_128 ._actionsWrapperInner_15t7h_138{bottom:.625rem;left:0;right:var(--bp-space-020);pointer-events:none;background:linear-gradient(to bottom, #fff0 10%, #ffffffbf 18%, #fffffff7 28%, var(--bp-canvas-background,var(--surface-surface)) 71%);justify-content:flex-end;width:auto;position:absolute}._editorHasScroll_15t7h_166 ._actionsWrapper_15t7h_128 ._actionsWrapperInner_15t7h_138>*{pointer-events:auto}._editorHasScroll_15t7h_166 ._actionsWrapper_15t7h_128 ._actionsWrapperInner_15t7h_138._characterLimitExceeded_15t7h_199{padding-top:var(--gradient-fade-height,var(--bp-size-040))}._editorHasScroll_15t7h_166 ._actionsWrapper_15t7h_128 ._actionsWrapperInner_15t7h_138._scrolledToBottom_15t7h_202{background:0 0}._anchorElement_15t7h_206{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}._messageEditor_15t7h_4 ._actionsWrapper_15t7h_128._withTimestampToggle_15t7h_215,._messageEditor_15t7h_4 ._actionsWrapper_15t7h_128._withTimestampToggle_15t7h_215 ._actionsWrapperInner_15t7h_138{width:100%}

package/dist/styles/timestamp-toggle.css

@@ -0,0 +1 @@
+._timestampToggle_11uz9_1._timestampToggle_11uz9_1{padding:var(--bp-space-010) var(--bp-space-020);background-color:var(--bp-black-opacity-04);border-radius:var(--bp-radius-06);align-items:center;display:inline-flex}._timestampToggle_11uz9_1._timestampToggle_11uz9_1:hover:not(._timestampToggleDisabled_11uz9_8){background-color:var(--bp-black-opacity-08)}._timestampToggle_11uz9_1._timestampToggle_11uz9_1 label{align-items:center;gap:var(--bp-space-010);flex-direction:row-reverse}._timestampToggle_11uz9_1._timestampToggle_11uz9_1 label>button[role=checkbox]{margin:0}._label_11uz9_20{align-items:center;gap:var(--bp-space-010);display:inline-flex}

package/dist/types/index.d.ts

@@ -3,6 +3,7 @@ export * from './lib/document-node-types';
 export * from './lib/threaded-annotations';
 export { MentionContextProvider, useMentionContext, type MentionContextData, type MentionContextProviderProps, } from './lib/components/mention-component/mention-context';
 export { MessageEditor as MessageEditorV2, type CreateMessageEditorProps as CreateMessageEditorPropsV2, type MessageEditorProps as MessageEditorPropsV2, } from './lib/components/v2/message-editor/message-editor';
+export { type VideoTimestampOptions as VideoTimestampOptionsV2 } from './lib/components/v2/message-editor/message-editor.types';
 export { ThreadedAnnotations as ThreadedAnnotationsV2, type ThreadedAnnotationsProps as ThreadedAnnotationsPropsV2, } from './lib/v2/threaded-annotations';
 export { type DocumentNode as DocumentNodeV2, type EditorMentionAttributes as EditorMentionAttributesV2, type MentionNode as MentionNodeV2, type MentionRenderAttributes as MentionRenderAttributesV2, type ParagraphNode as ParagraphNodeV2, type TextNode as TextNodeV2, } from './lib/v2/types/document-node-types';
 export { type Permissions, type TextMessageAuthorType as TextMessageAuthorTypeV2, type TextMessageType as TextMessageTypeV2, } from './lib/v2/types/message-types';

package/dist/types/lib/components/v2/message-editor/message-editor.types.d.ts

@@ -6,6 +6,19 @@ export declare enum MessageEditorVariant {
     EDIT_MESSAGE = "EDIT_MESSAGE"
 }
 type MessageActionCallback = (content: JSONContent | null) => Promise<TextMessageType | void> | TextMessageType | void;
+/**
+ * Opt-in config for the editor-footer timestamp toggle. Pressed state is
+ * controlled by the host; this component does not modify the editor document
+ * to record the toggle.
+ */
+export interface VideoTimestampOptions {
+    /** Display-formatted timestamp (e.g. "00:43") shown in the toggle. May change as playback progresses. */
+    formattedTimestamp: string;
+    /** Pressed state of the timestamp toggle. */
+    isPressed: boolean;
+    /** Called when the user toggles the timestamp pill. */
+    onPressedChange: (pressed: boolean) => void;
+}
 interface BaseMessageEditorProps {
     disableComponent?: boolean;
     /** When true (create mode only), editor does not expand to full width. Defaults to false. */
@@ -21,6 +34,8 @@ interface BaseMessageEditorProps {
     maxCharacterCount?: number;
     /** Properties for the user selector component from blueprint-web. */
     userSelectorProps: Omit<HeadlessUserSelectorProps, 'inputElementRef' | 'onSelectedUserChange' | 'open' | 'rootElement' | 'value'>;
+    /** When provided, renders the timestamp toggle in the editor footer. */
+    videoTimestamp?: VideoTimestampOptions;
 }
 export interface CreateMessageEditorProps extends BaseMessageEditorProps {
     /**

package/dist/types/lib/components/v2/message-editor/messages.d.ts

@@ -54,5 +54,10 @@ declare const messages: {
         description: string;
         id: string;
     };
+    timestampToggleLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
 };
 export default messages;

package/dist/types/lib/components/v2/message-editor/stories/shared.d.ts

@@ -4,5 +4,5 @@ export declare const defaultUserSelectorProps: Omit<import('@box/user-selector')
 type DefaultMessageEditorProps = MessageEditorProps & {
     fetchCollaboratorState?: (user: UserContactType) => Promise<boolean>;
 };
-export declare const DefaultMessageEditor: ({ fetchCollaboratorState, ...props }: DefaultMessageEditorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DefaultMessageEditor: ({ fetchCollaboratorState, videoTimestamp, ...props }: DefaultMessageEditorProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/lib/components/v2/message-editor/subcomponents/timestamp-toggle.d.ts

@@ -0,0 +1,9 @@
+export interface TimestampToggleProps {
+    className?: string;
+    disabled?: boolean;
+    formattedTimestamp: string;
+    isPressed: boolean;
+    /** Synchronous; throws propagate to the React error boundary. */
+    onChange: (isPressed: boolean) => void;
+}
+export declare const TimestampToggle: ({ className, disabled, formattedTimestamp, isPressed, onChange, }: TimestampToggleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/v2/test-utils/test-selectors.d.ts

@@ -10,4 +10,5 @@ export declare const TEST_SELECTORS: {
     EDIT_MENU_ITEM: string;
     RESOLVE_MENU_ITEM: string;
     UNRESOLVE_MENU_ITEM: string;
+    TIMESTAMP_TOGGLE: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/threaded-annotations",
-    "version": "1.95.2",
+    "version": "1.96.0",
     "license": "SEE LICENSE IN LICENSE",
     "dependencies": {
         "@tanstack/react-virtual": "^3.10.8",