@box/threaded-annotations 4.0.0 → 4.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,62 +1,67 @@
1
1
  import { THREADED_ANNOTATIONS_PORTAL as e } from "../esm/lib/v2/constants.js";
2
- import t from "../esm/lib/components/v2/message-header/messages.js";
3
- import { Button as n, Popover as r, Text as i } from "@box/blueprint-web";
4
- import { useIntl as a } from "react-intl";
5
- import { jsx as o, jsxs as s } from "react/jsx-runtime";
6
- import '../styles/delete-confirmation-popover.css';var c = {
2
+ import { THREADED_ANNOTATIONS_RESIN_COMPONENTS as t, THREADED_ANNOTATIONS_RESIN_FEATURE as n, THREADED_ANNOTATIONS_RESIN_TARGETS as r } from "../esm/lib/v2/resin-targets.js";
3
+ import i from "../esm/lib/components/v2/message-header/messages.js";
4
+ import { Button as a, Popover as o, Text as s } from "@box/blueprint-web";
5
+ import { useIntl as c } from "react-intl";
6
+ import { jsx as l, jsxs as u } from "react/jsx-runtime";
7
+ import '../styles/delete-confirmation-popover.css';var d = {
7
8
  deletePopover: "_deletePopover_1c8ll_2",
8
9
  footer: "_footer_1c8ll_6"
9
- }, l = {
10
- headerContainer: "_headerContainer_hkxx4_7",
11
- information: "_information_hkxx4_15",
12
- textContainer: "_textContainer_hkxx4_22",
13
- author: "_author_hkxx4_30",
14
- optionsMenu: "_optionsMenu_hkxx4_37",
15
- deletePopoverAnchorWrapper: "_deletePopoverAnchorWrapper_hkxx4_56",
16
- deletePopoverAnchor: "_deletePopoverAnchor_hkxx4_56"
17
- }, u = ({ hasReplies: u = !1, isAnnotation: d = !1, open: f, onOpenChange: p, onConfirm: m, onCancel: h }) => {
18
- let g = a();
19
- return /* @__PURE__ */ o("div", {
20
- className: l.deletePopoverAnchorWrapper,
21
- children: /* @__PURE__ */ s(r.Root, {
10
+ }, f = {
11
+ headerContainer: "_headerContainer_1kmrp_29",
12
+ information: "_information_1kmrp_37",
13
+ textContainer: "_textContainer_1kmrp_44",
14
+ author: "_author_1kmrp_52",
15
+ optionsMenu: "_optionsMenu_1kmrp_59",
16
+ deletePopoverAnchorWrapper: "_deletePopoverAnchorWrapper_1kmrp_78",
17
+ deletePopoverAnchor: "_deletePopoverAnchor_1kmrp_78"
18
+ }, p = ({ hasReplies: p = !1, isAnnotation: m = !1, open: h, onOpenChange: g, onConfirm: _, onCancel: v }) => {
19
+ let y = c();
20
+ return /* @__PURE__ */ l("div", {
21
+ className: f.deletePopoverAnchorWrapper,
22
+ children: /* @__PURE__ */ u(o.Root, {
22
23
  modal: !1,
23
- onOpenChange: p,
24
- open: f,
25
- children: [/* @__PURE__ */ o(r.Anchor, { children: /* @__PURE__ */ o(i, {
24
+ onOpenChange: g,
25
+ open: h,
26
+ children: [/* @__PURE__ */ l(o.Anchor, { children: /* @__PURE__ */ l(s, {
26
27
  as: "span",
27
- className: l.deletePopoverAnchor
28
- }) }), /* @__PURE__ */ s(r.ContentContainer, {
28
+ className: f.deletePopoverAnchor
29
+ }) }), /* @__PURE__ */ u(o.ContentContainer, {
29
30
  ...e,
30
31
  align: "end",
31
- "aria-label": g.formatMessage(t.deleteConfirmation),
32
- className: c.deletePopover,
32
+ "aria-label": y.formatMessage(i.deleteConfirmation),
33
+ className: d.deletePopover,
34
+ "data-resin-component": m ? t.ANNOTATION_MENU : t.COMMENT_MENU,
35
+ "data-resin-feature": n,
33
36
  side: "bottom",
34
- children: [/* @__PURE__ */ o(r.MainContent, { children: /* @__PURE__ */ o(i, {
37
+ children: [/* @__PURE__ */ l(o.MainContent, { children: /* @__PURE__ */ l(s, {
35
38
  as: "p",
36
39
  color: "textOnLightDefault",
37
40
  variant: "bodyDefault",
38
- children: g.formatMessage(t.deleteQuestion, {
39
- hasReplies: u ? "true" : "false",
40
- type: d ? "annotation" : "comment"
41
+ children: y.formatMessage(i.deleteQuestion, {
42
+ hasReplies: p ? "true" : "false",
43
+ type: m ? "annotation" : "comment"
41
44
  })
42
- }) }), /* @__PURE__ */ s(r.Footer, {
43
- className: c.footer,
44
- children: [/* @__PURE__ */ o(n, {
45
- "aria-label": g.formatMessage(t.cancelDeleteButtonAriaLabel),
46
- onClick: h,
45
+ }) }), /* @__PURE__ */ u(o.Footer, {
46
+ className: d.footer,
47
+ children: [/* @__PURE__ */ l(a, {
48
+ "aria-label": y.formatMessage(i.cancelDeleteButtonAriaLabel),
49
+ "data-resin-target": r.DELETE_CANCEL,
50
+ onClick: v,
47
51
  size: "small",
48
52
  variant: "secondary",
49
- children: g.formatMessage(t.deleteCancel)
50
- }), /* @__PURE__ */ o(n, {
51
- "aria-label": g.formatMessage(t.deleteButtonAriaLabel),
52
- onClick: m,
53
+ children: y.formatMessage(i.deleteCancel)
54
+ }), /* @__PURE__ */ l(a, {
55
+ "aria-label": y.formatMessage(i.deleteButtonAriaLabel),
56
+ "data-resin-target": r.DELETE_CONFIRM,
57
+ onClick: _,
53
58
  size: "small",
54
59
  variant: "destructive",
55
- children: g.formatMessage(t.delete)
60
+ children: y.formatMessage(i.delete)
56
61
  })]
57
62
  })]
58
63
  })]
59
64
  })
60
65
  });
61
66
  };
62
- export { l as n, u as t };
67
+ export { f as n, p as t };
@@ -1,95 +1,106 @@
1
1
  import e from "../esm/lib/messages.js";
2
2
  import { THREADED_ANNOTATIONS_PORTAL as t } from "../esm/lib/v2/constants.js";
3
- import { useMentionContext as n } from "../esm/lib/components/mention-component/mention-context.js";
4
- import { Text as r } from "@box/blueprint-web";
5
- import { useCallback as i, useEffect as a, useRef as o, useState as s } from "react";
6
- import { useIntl as c } from "react-intl";
7
- import { jsx as l, jsxs as u } from "react/jsx-runtime";
8
- import { CollaborationPopover as d } from "@box/collaboration-popover";
9
- import '../styles/mention-component.css';var f = { mention: "_mention_1cdf1_5" }, p = ({ mentionedUserName: p, mentionedUserId: m, mentionedUserEmail: h, authorId: g, mentionId: _ }) => {
10
- let v = c(), y = o(!1), { collaborationPopoverProps: b, getAvatarUrl: x, fetchCollaboratorState: S, fetchEmail: C, openPopoverMentionId: w, openPopoverForMentionId: T, closeAllPopovers: E } = n(), [D, O] = s(!1), [k, A] = s(!1), [j, M] = s(h);
11
- a(() => {
12
- M(h);
13
- }, [h, m]);
14
- let { onSubmit: N, onClose: P } = b, F = i(async () => {
15
- if (y.current) {
16
- y.current = !1;
3
+ import { THREADED_ANNOTATIONS_RESIN_COMPONENTS as n, THREADED_ANNOTATIONS_RESIN_FEATURE as r, THREADED_ANNOTATIONS_RESIN_TARGETS as i } from "../esm/lib/v2/resin-targets.js";
4
+ import { useMentionContext as a } from "../esm/lib/components/mention-component/mention-context.js";
5
+ import { Text as o } from "@box/blueprint-web";
6
+ import { useCallback as s, useEffect as c, useRef as l, useState as u } from "react";
7
+ import { useIntl as d } from "react-intl";
8
+ import { jsx as f, jsxs as p } from "react/jsx-runtime";
9
+ import { CollaborationPopover as m } from "@box/collaboration-popover";
10
+ import '../styles/mention-component.css';var h = { mention: "_mention_hc7gc_27" }, g = {
11
+ "data-resin-component": n.COMMENT_CARD,
12
+ "data-resin-feature": r
13
+ }, _ = ({ mentionedUserName: n, mentionedUserId: r, mentionedUserEmail: _, authorId: v, mentionId: y }) => {
14
+ let b = d(), x = l(!1), { collaborationPopoverProps: S, getAvatarUrl: C, fetchCollaboratorState: w, fetchEmail: T, openPopoverMentionId: E, openPopoverForMentionId: D, closeAllPopovers: O } = a(), [k, A] = u(!1), [j, M] = u(!1), [N, P] = u(_);
15
+ c(() => {
16
+ P(_);
17
+ }, [_, r]);
18
+ let { onSubmit: F, onClose: I } = S, L = s(async () => {
19
+ if (x.current) {
20
+ x.current = !1;
17
21
  return;
18
22
  }
19
- if (!k && _ && m) {
20
- let e = h ?? j;
21
- if (!e && C) try {
22
- e = await C(m, p), M(e);
23
+ if (!j && y && r) {
24
+ let e = _ ?? N;
25
+ if (!e && T) try {
26
+ e = await T(r, n), P(e);
23
27
  } catch {}
24
28
  let t = {
25
- id: Number(m),
26
- name: p,
29
+ id: Number(r),
30
+ name: n,
27
31
  email: e ?? "",
28
- value: m
29
- }, n = !1;
32
+ value: r
33
+ }, i = !1;
30
34
  try {
31
- n = await S?.(t) ?? !1;
35
+ i = await w?.(t) ?? !1;
32
36
  } catch {}
33
- O(n), await T?.(_, t);
37
+ A(i), await D?.(y, t);
34
38
  }
35
39
  }, [
40
+ x,
41
+ j,
36
42
  y,
37
- k,
43
+ r,
44
+ n,
38
45
  _,
39
- m,
40
- p,
41
- h,
42
- j,
43
- C,
44
- S,
45
- T
46
- ]), I = () => {
47
- E?.(), P?.();
48
- }, L = () => {
49
- k && (y.current = !0, E?.());
50
- }, R = (e, t) => {
51
- E?.(), N?.(e, t);
46
+ N,
47
+ T,
48
+ w,
49
+ D
50
+ ]), R = () => {
51
+ O?.(), I?.();
52
+ }, z = () => {
53
+ j && (x.current = !0, O?.());
54
+ }, B = (e) => {
55
+ (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.repeat || L());
56
+ }, V = (e, t) => {
57
+ O?.(), F?.(e, t);
52
58
  };
53
- a(() => {
54
- A(w === _);
55
- }, [_, w]);
56
- let z = i((e) => {
57
- e.key === "Escape" && E?.();
58
- }, [E]);
59
- return a(() => (window.addEventListener("keydown", z), () => window.removeEventListener("keydown", z)), [z]), /* @__PURE__ */ l(d, {
60
- open: k,
61
- ...b,
62
- anchor: /* @__PURE__ */ u(r, {
59
+ c(() => {
60
+ M(E === y);
61
+ }, [y, E]);
62
+ let H = s((e) => {
63
+ e.key === "Escape" && O?.();
64
+ }, [O]);
65
+ return c(() => (window.addEventListener("keydown", H), () => window.removeEventListener("keydown", H)), [H]), /* @__PURE__ */ f(m, {
66
+ open: j,
67
+ ...S,
68
+ anchor: /* @__PURE__ */ p(o, {
63
69
  "data-no-expand": !0,
64
- "aria-label": v.formatMessage(e.textMentionAriaLabel),
70
+ "aria-label": b.formatMessage(e.textMentionAriaLabel),
65
71
  as: "span",
66
- className: f.mention,
67
- "data-author-id": g,
72
+ className: h.mention,
73
+ "data-author-id": v,
68
74
  "data-component-type": "mention",
69
- "data-mention-id": _,
70
- "data-mentioned-user-email": h,
71
- "data-mentioned-user-id": m,
72
- "data-mentioned-user-name": p,
73
- onClick: F,
74
- onPointerDown: L,
75
+ "data-mention-id": y,
76
+ "data-mentioned-user-email": _,
77
+ "data-mentioned-user-id": r,
78
+ "data-mentioned-user-name": n,
79
+ "data-resin-target": i.MENTION,
80
+ onClick: L,
81
+ onKeyDown: B,
82
+ onPointerDown: z,
83
+ role: "button",
84
+ tabIndex: 0,
75
85
  variant: "bodyDefault",
76
- children: ["@", p]
86
+ children: ["@", n]
77
87
  }),
78
- onClose: I,
79
- onSubmit: R,
88
+ onClose: R,
89
+ onSubmit: V,
80
90
  popoverContentContainerProps: {
81
- ...b.popoverContentContainerProps,
82
- ...t
91
+ ...S.popoverContentContainerProps,
92
+ ...t,
93
+ ...g
83
94
  },
84
95
  sideOffset: 0,
85
96
  userInfo: {
86
- id: m,
87
- name: p,
88
- email: j,
89
- avatarUrl: x?.(m),
90
- isCollaborator: D
97
+ id: r,
98
+ name: n,
99
+ email: N,
100
+ avatarUrl: C?.(r),
101
+ isCollaborator: k
91
102
  }
92
103
  });
93
104
  };
94
- p.displayName = "MentionComponent";
95
- export { p as t };
105
+ _.displayName = "MentionComponent";
106
+ export { _ as t };
@@ -1,12 +1,12 @@
1
1
  import '../styles/message-editor.css';var e = {
2
- editorDisabled: "_editorDisabled_1nmfa_7",
3
- editor: "_editor_1nmfa_7",
4
- messageEditor: "_messageEditor_1nmfa_14",
5
- errorMessage: "_errorMessage_1nmfa_17",
6
- errorText: "_errorText_1nmfa_23",
7
- actionsContainer: "_actionsContainer_1nmfa_26",
8
- editorContainer: "_editorContainer_1nmfa_34",
9
- editorError: "_editorError_1nmfa_73",
10
- anchorElement: "_anchorElement_1nmfa_82"
2
+ editorDisabled: "_editorDisabled_ng6un_29",
3
+ editor: "_editor_ng6un_29",
4
+ messageEditor: "_messageEditor_ng6un_36",
5
+ errorMessage: "_errorMessage_ng6un_39",
6
+ errorText: "_errorText_ng6un_45",
7
+ actionsContainer: "_actionsContainer_ng6un_48",
8
+ editorContainer: "_editorContainer_ng6un_56",
9
+ editorError: "_editorError_ng6un_95",
10
+ anchorElement: "_anchorElement_ng6un_104"
11
11
  };
12
12
  export { e as t };
@@ -1,29 +1,29 @@
1
1
  import '../styles/message-editor2.css';var e = {
2
- messageEditorWrapper: "_messageEditorWrapper_12g8n_7",
3
- editActionsColumn: "_editActionsColumn_12g8n_12",
4
- editActionsRow: "_editActionsRow_12g8n_19",
5
- characterLimitCounter: "_characterLimitCounter_12g8n_25",
6
- characterLimitCounterExceeded: "_characterLimitCounterExceeded_12g8n_28",
7
- messageEditor: "_messageEditor_12g8n_7",
8
- editorEditMode: "_editorEditMode_12g8n_46",
9
- editorFirstAnnotation: "_editorFirstAnnotation_12g8n_53",
10
- editorError: "_editorError_12g8n_53",
11
- editorViewport: "_editorViewport_12g8n_61",
12
- editorContainer: "_editorContainer_12g8n_67",
13
- editor: "_editor_12g8n_46",
14
- editorFade: "_editorFade_12g8n_113",
15
- editorFadeHidden: "_editorFadeHidden_12g8n_124",
16
- editorFullWidth: "_editorFullWidth_12g8n_127",
17
- actionsWrapper: "_actionsWrapper_12g8n_131",
18
- actionsWrapperInner: "_actionsWrapperInner_12g8n_141",
19
- timestampToggle: "_timestampToggle_12g8n_148",
20
- errorMessage: "_errorMessage_12g8n_151",
21
- errorText: "_errorText_12g8n_160",
22
- editorHasScroll: "_editorHasScroll_12g8n_169",
23
- editorCharacterLimitExceeded: "_editorCharacterLimitExceeded_12g8n_180",
24
- characterLimitExceeded: "_characterLimitExceeded_12g8n_202",
25
- scrolledToBottom: "_scrolledToBottom_12g8n_205",
26
- anchorElement: "_anchorElement_12g8n_209",
27
- withTimestampToggle: "_withTimestampToggle_12g8n_218"
2
+ messageEditorWrapper: "_messageEditorWrapper_1hnvj_29",
3
+ editActionsColumn: "_editActionsColumn_1hnvj_34",
4
+ editActionsRow: "_editActionsRow_1hnvj_41",
5
+ characterLimitCounter: "_characterLimitCounter_1hnvj_47",
6
+ characterLimitCounterExceeded: "_characterLimitCounterExceeded_1hnvj_50",
7
+ messageEditor: "_messageEditor_1hnvj_29",
8
+ editorEditMode: "_editorEditMode_1hnvj_68",
9
+ editorFirstAnnotation: "_editorFirstAnnotation_1hnvj_75",
10
+ editorError: "_editorError_1hnvj_75",
11
+ editorViewport: "_editorViewport_1hnvj_83",
12
+ editorContainer: "_editorContainer_1hnvj_89",
13
+ editor: "_editor_1hnvj_68",
14
+ editorFade: "_editorFade_1hnvj_135",
15
+ editorFadeHidden: "_editorFadeHidden_1hnvj_146",
16
+ editorFullWidth: "_editorFullWidth_1hnvj_149",
17
+ actionsWrapper: "_actionsWrapper_1hnvj_153",
18
+ actionsWrapperInner: "_actionsWrapperInner_1hnvj_163",
19
+ timestampToggle: "_timestampToggle_1hnvj_170",
20
+ errorMessage: "_errorMessage_1hnvj_173",
21
+ errorText: "_errorText_1hnvj_182",
22
+ editorHasScroll: "_editorHasScroll_1hnvj_191",
23
+ editorCharacterLimitExceeded: "_editorCharacterLimitExceeded_1hnvj_202",
24
+ characterLimitExceeded: "_characterLimitExceeded_1hnvj_224",
25
+ scrolledToBottom: "_scrolledToBottom_1hnvj_227",
26
+ anchorElement: "_anchorElement_1hnvj_231",
27
+ withTimestampToggle: "_withTimestampToggle_1hnvj_240"
28
28
  };
29
29
  export { e as t };
@@ -5,11 +5,11 @@ import { useState as r } from "react";
5
5
  import { ReadableTime as i } from "@box/readable-time";
6
6
  import { jsx as a, jsxs as o } from "react/jsx-runtime";
7
7
  import '../styles/message-header.css';var s = {
8
- headerContainer: "_headerContainer_1jcw4_7",
9
- information: "_information_1jcw4_15",
10
- textContainer: "_textContainer_1jcw4_22",
11
- author: "_author_1jcw4_30",
12
- deleteAction: "_deleteAction_1jcw4_36"
8
+ headerContainer: "_headerContainer_18dlz_29",
9
+ information: "_information_18dlz_37",
10
+ textContainer: "_textContainer_18dlz_44",
11
+ author: "_author_18dlz_52",
12
+ deleteAction: "_deleteAction_18dlz_58"
13
13
  }, c = ({ author: c, createdAt: l, isDeleteAllowed: u = !0, onAvatarClick: d, onDelete: f }) => {
14
14
  let [p, m] = r(!1);
15
15
  return /* @__PURE__ */ o("div", {
@@ -7,13 +7,13 @@ import o from "clsx";
7
7
  import { useRef as s } from "react";
8
8
  import { jsx as c, jsxs as l } from "react/jsx-runtime";
9
9
  import '../styles/messages-view.css';var u = {
10
- messagesViewWrapper: "_messagesViewWrapper_gor1q_7",
11
- overflowing: "_overflowing_gor1q_12",
12
- scrollable: "_scrollable_gor1q_12",
13
- withEditorBelow: "_withEditorBelow_gor1q_15",
14
- messagesView: "_messagesView_gor1q_7",
15
- repliesContainer: "_repliesContainer_gor1q_56",
16
- messagesFade: "_messagesFade_gor1q_62"
10
+ messagesViewWrapper: "_messagesViewWrapper_1awp7_29",
11
+ overflowing: "_overflowing_1awp7_34",
12
+ scrollable: "_scrollable_1awp7_34",
13
+ withEditorBelow: "_withEditorBelow_1awp7_37",
14
+ messagesView: "_messagesView_1awp7_29",
15
+ repliesContainer: "_repliesContainer_1awp7_78",
16
+ messagesFade: "_messagesFade_1awp7_84"
17
17
  }, d = ({ messages: d, isResolved: f = !1, resolvedBy: p, resolvedAt: m, maxCharacterCount: h, onDelete: g, onThreadDelete: _, onAvatarClick: v, onCopyLink: y, onEdit: b, onEditError: x, onResolve: S, onUnresolve: C, userSelectorProps: w, annotationTarget: T, onAnnotationBadgeClick: E, originalContentDeleted: D }) => {
18
18
  let { viewState: O, dispatch: k, isAnnotations: A } = t(), j = s(null), M = O !== e.Collapsed, N = O === e.Composing, P = d.length > 2, F = P && !M, { handleScroll: I, isOverflowing: L } = a({
19
19
  messageCount: d.length,
@@ -6,12 +6,12 @@ import { jsx as i, jsxs as a } from "react/jsx-runtime";
6
6
  import { bpGreenLight125 as o } from "@box/blueprint-web-assets/tokens/tokens";
7
7
  import { CheckmarkCircle as s } from "@box/blueprint-web-assets/icons/MediumFilled";
8
8
  import '../styles/resolved-state.css';var c = {
9
- resolvedState: "_resolvedState_12vpz_7",
10
- leftContainer: "_leftContainer_12vpz_15",
11
- rightContainer: "_rightContainer_12vpz_19",
12
- statusLine: "_statusLine_12vpz_25",
13
- authorName: "_authorName_12vpz_33",
14
- statusText: "_statusText_12vpz_40"
9
+ resolvedState: "_resolvedState_1ts95_29",
10
+ leftContainer: "_leftContainer_1ts95_37",
11
+ rightContainer: "_rightContainer_1ts95_41",
12
+ statusLine: "_statusLine_1ts95_47",
13
+ authorName: "_authorName_1ts95_55",
14
+ statusText: "_statusText_1ts95_62"
15
15
  }, l = ({ authorName: l, createdAt: u }) => {
16
16
  let d = n();
17
17
  return /* @__PURE__ */ a("div", {
@@ -1,14 +1,14 @@
1
1
  import '../styles/text-message2.css';var e = {
2
- textMessage: "_textMessage_1nzt2_7",
3
- contentWrapper: "_contentWrapper_1nzt2_16",
4
- threadedIndicator: "_threadedIndicator_1nzt2_21",
5
- threadedIndicatorHidden: "_threadedIndicatorHidden_1nzt2_37",
6
- messageContent: "_messageContent_1nzt2_40",
7
- inlineEditSlot: "_inlineEditSlot_1nzt2_47",
8
- annotationBadgeWrapper: "_annotationBadgeWrapper_1nzt2_50",
9
- messageFooter: "_messageFooter_1nzt2_59",
10
- readableTimeWrapper: "_readableTimeWrapper_1nzt2_67",
11
- replyButton: "_replyButton_1nzt2_71",
12
- seeMoreButton: "_seeMoreButton_1nzt2_86"
2
+ textMessage: "_textMessage_1mths_29",
3
+ contentWrapper: "_contentWrapper_1mths_38",
4
+ threadedIndicator: "_threadedIndicator_1mths_43",
5
+ threadedIndicatorHidden: "_threadedIndicatorHidden_1mths_59",
6
+ messageContent: "_messageContent_1mths_62",
7
+ inlineEditSlot: "_inlineEditSlot_1mths_69",
8
+ annotationBadgeWrapper: "_annotationBadgeWrapper_1mths_72",
9
+ messageFooter: "_messageFooter_1mths_81",
10
+ readableTimeWrapper: "_readableTimeWrapper_1mths_89",
11
+ replyButton: "_replyButton_1mths_93",
12
+ seeMoreButton: "_seeMoreButton_1mths_108"
13
13
  };
14
14
  export { e as t };
@@ -1,13 +1,13 @@
1
1
  import { t as e } from "./text-message.js";
2
2
  import { jsx as t } from "react/jsx-runtime";
3
3
  import '../styles/virtualized-messages.css';var n = {
4
- messagesView: "_messagesView_124mt_7",
5
- moreRepliesButton: "_moreRepliesButton_124mt_17",
6
- repliesContainer: "_repliesContainer_124mt_20",
7
- threadIndicator: "_threadIndicator_124mt_27",
8
- virtualizedMessages: "_virtualizedMessages_124mt_32",
9
- messageWrapper: "_messageWrapper_124mt_37",
10
- singleMessageWrapper: "_singleMessageWrapper_124mt_71"
4
+ messagesView: "_messagesView_h8l31_29",
5
+ moreRepliesButton: "_moreRepliesButton_h8l31_39",
6
+ repliesContainer: "_repliesContainer_h8l31_42",
7
+ threadIndicator: "_threadIndicator_h8l31_49",
8
+ virtualizedMessages: "_virtualizedMessages_h8l31_54",
9
+ messageWrapper: "_messageWrapper_h8l31_59",
10
+ singleMessageWrapper: "_singleMessageWrapper_h8l31_93"
11
11
  }, r = ({ messages: r, totalSize: i, virtualItems: a, measureElement: o, onDelete: s, onAvatarClick: c, isDeleteAllowed: l }) => /* @__PURE__ */ t("div", {
12
12
  className: n.virtualizedMessages,
13
13
  style: { height: `${i}px` },
@@ -1,13 +1,13 @@
1
- import { useMessageEditorContext as e } from "../message-editor-context.js";
2
- import t from "../messages.js";
3
- import { useMessageSubmit as n } from "../hooks/useMessageSubmit.js";
4
- import { THREADED_ANNOTATIONS_RESIN_TARGETS as r } from "../../../../v2/resin-targets.js";
1
+ import { THREADED_ANNOTATIONS_RESIN_TARGETS as e } from "../../../../v2/resin-targets.js";
2
+ import { useMessageEditorContext as t } from "../message-editor-context.js";
3
+ import n from "../messages.js";
4
+ import { useMessageSubmit as r } from "../hooks/useMessageSubmit.js";
5
5
  import { Button as i } from "@box/blueprint-web";
6
6
  import { useIntl as a } from "react-intl";
7
7
  import { jsx as o } from "react/jsx-runtime";
8
8
  import { ArrowUp as s } from "@box/blueprint-web-assets/icons/Medium";
9
9
  var c = ({ disabled: c, onPost: l, onPostError: u, onPostSuccess: d, cleanEditor: f, getEditorJsonContent: p }) => {
10
- let { isLoading: m } = e(), { handleSubmit: h } = n({
10
+ let { isLoading: m } = t(), { handleSubmit: h } = r({
11
11
  onSubmit: l,
12
12
  onSubmitError: u,
13
13
  onSuccess: d,
@@ -15,12 +15,12 @@ var c = ({ disabled: c, onPost: l, onPostError: u, onPostSuccess: d, cleanEditor
15
15
  getEditorJsonContent: p
16
16
  }), g = a();
17
17
  return /* @__PURE__ */ o(i, {
18
- "aria-label": g.formatMessage(t.post),
19
- "data-resin-target": r.COMMENT_POST,
18
+ "aria-label": g.formatMessage(n.post),
19
+ "data-resin-target": e.COMMENT_POST,
20
20
  disabled: c,
21
21
  endIcon: s,
22
22
  loading: m,
23
- loadingAriaLabel: g.formatMessage(t.postLoading),
23
+ loadingAriaLabel: g.formatMessage(n.postLoading),
24
24
  onClick: h,
25
25
  size: "small",
26
26
  variant: "primary"
@@ -1,47 +1,49 @@
1
1
  import { THREADED_ANNOTATIONS_PORTAL as e } from "../../../v2/constants.js";
2
- import { THREADED_ANNOTATIONS_RESIN_TARGETS as t } from "../../../v2/resin-targets.js";
3
- import n from "./messages.js";
4
- import { DropdownMenu as r, IconButton as i } from "@box/blueprint-web";
5
- import { useIntl as a } from "react-intl";
6
- import { jsx as o, jsxs as s } from "react/jsx-runtime";
7
- import { Ellipsis as c, Link as l, Pencil as u, Trash as d } from "@box/blueprint-web-assets/icons/Medium";
8
- var f = ({ canDelete: f = !0, canEdit: p = !0, disabled: m, isAnnotations: h = !1, onCopyLink: g, onDelete: _, onEdit: v, onOpenChange: y }) => {
9
- let { formatMessage: b } = a(), x = p || !!g;
10
- if (!(x || f)) return null;
11
- let S = h ? t.ANNOTATION_MENU : t.COMMENT_MENU, C = h ? t.ANNOTATION_EDIT : t.COMMENT_EDIT, w = h ? t.ANNOTATION_COPY_LINK : t.COMMENT_COPY_LINK, T = h ? t.ANNOTATION_DELETE : t.COMMENT_DELETE;
12
- return /* @__PURE__ */ s(r.Root, {
2
+ import { THREADED_ANNOTATIONS_RESIN_COMPONENTS as t, THREADED_ANNOTATIONS_RESIN_FEATURE as n, THREADED_ANNOTATIONS_RESIN_TARGETS as r } from "../../../v2/resin-targets.js";
3
+ import i from "./messages.js";
4
+ import { DropdownMenu as a, IconButton as o } from "@box/blueprint-web";
5
+ import { useIntl as s } from "react-intl";
6
+ import { jsx as c, jsxs as l } from "react/jsx-runtime";
7
+ import { Ellipsis as u, Link as d, Pencil as f, Trash as p } from "@box/blueprint-web-assets/icons/Medium";
8
+ var m = ({ canDelete: m = !0, canEdit: h = !0, disabled: g, isAnnotations: _ = !1, onCopyLink: v, onDelete: y, onEdit: b, onOpenChange: x }) => {
9
+ let { formatMessage: S } = s(), C = h || !!v;
10
+ if (!(C || m)) return null;
11
+ let w = _ ? t.ANNOTATION_MENU : t.COMMENT_MENU, T = _ ? r.ANNOTATION_MENU : r.COMMENT_MENU, E = _ ? r.ANNOTATION_EDIT : r.COMMENT_EDIT, D = _ ? r.ANNOTATION_COPY_LINK : r.COMMENT_COPY_LINK, O = _ ? r.ANNOTATION_DELETE : r.COMMENT_DELETE;
12
+ return /* @__PURE__ */ l(a.Root, {
13
13
  modal: !1,
14
- onOpenChange: y,
15
- children: [/* @__PURE__ */ o(r.Trigger, { children: /* @__PURE__ */ o(i, {
16
- "aria-label": b(n.moreOptionsAriaLabel),
14
+ onOpenChange: x,
15
+ children: [/* @__PURE__ */ c(a.Trigger, { children: /* @__PURE__ */ c(o, {
16
+ "aria-label": S(i.moreOptionsAriaLabel),
17
17
  "data-no-expand": !0,
18
- "data-resin-target": S,
19
- disabled: m,
20
- icon: c,
18
+ "data-resin-target": T,
19
+ disabled: g,
20
+ icon: u,
21
21
  size: "small"
22
- }) }), /* @__PURE__ */ s(r.Content, {
22
+ }) }), /* @__PURE__ */ l(a.Content, {
23
23
  ...e,
24
24
  align: "end",
25
+ "data-resin-component": w,
26
+ "data-resin-feature": n,
25
27
  children: [
26
- p && /* @__PURE__ */ s(r.Item, {
27
- "data-resin-target": C,
28
- onSelect: () => v?.(),
29
- children: [/* @__PURE__ */ o(r.Item.StartElement, { icon: u }), /* @__PURE__ */ o(r.Item.MainContent, { label: b(n.edit) })]
28
+ h && /* @__PURE__ */ l(a.Item, {
29
+ "data-resin-target": E,
30
+ onSelect: () => b?.(),
31
+ children: [/* @__PURE__ */ c(a.Item.StartElement, { icon: f }), /* @__PURE__ */ c(a.Item.MainContent, { label: S(i.edit) })]
30
32
  }),
31
- g && /* @__PURE__ */ s(r.Item, {
32
- "data-resin-target": w,
33
- onSelect: () => g(),
34
- children: [/* @__PURE__ */ o(r.Item.StartElement, { icon: l }), /* @__PURE__ */ o(r.Item.MainContent, { label: b(n.copyLink) })]
33
+ v && /* @__PURE__ */ l(a.Item, {
34
+ "data-resin-target": D,
35
+ onSelect: () => v(),
36
+ children: [/* @__PURE__ */ c(a.Item.StartElement, { icon: d }), /* @__PURE__ */ c(a.Item.MainContent, { label: S(i.copyLink) })]
35
37
  }),
36
- f && x && /* @__PURE__ */ o(r.Separator, {}),
37
- f && /* @__PURE__ */ s(r.Item, {
38
- "data-resin-target": T,
39
- onSelect: () => _?.(),
38
+ m && C && /* @__PURE__ */ c(a.Separator, {}),
39
+ m && /* @__PURE__ */ l(a.Item, {
40
+ "data-resin-target": O,
41
+ onSelect: () => y?.(),
40
42
  variant: "destructive",
41
- children: [/* @__PURE__ */ o(r.Item.StartElement, { icon: d }), /* @__PURE__ */ o(r.Item.MainContent, { label: b(n.delete) })]
43
+ children: [/* @__PURE__ */ c(a.Item.StartElement, { icon: p }), /* @__PURE__ */ c(a.Item.MainContent, { label: S(i.delete) })]
42
44
  })
43
45
  ]
44
46
  })]
45
47
  });
46
48
  };
47
- export { f as MessageOptionsMenu };
49
+ export { m as MessageOptionsMenu };
@@ -1,4 +1,4 @@
1
- import { THREADED_ANNOTATIONS_RESIN_TARGETS as e } from "../../../v2/resin-targets.js";
1
+ import { THREADED_ANNOTATIONS_RESIN_COMPONENTS as e } from "../../../v2/resin-targets.js";
2
2
  import { MessageEditorVariant as t } from "../message-editor/message-editor.types.js";
3
3
  import { MessageEditor as n } from "../message-editor/message-editor.js";
4
4
  import { useThreadedAnnotationsContext as r } from "../../../v2/threaded-annotations-context.js";
@@ -1,35 +1,37 @@
1
- import { getInitials as e } from "./getInitials.js";
2
- import t from "./messages.js";
3
- import { Avatar as n, ButtonWrapper as r, IconBadge as i } from "@box/blueprint-web";
4
- import { useIntl as a } from "react-intl";
5
- import { jsx as o } from "react/jsx-runtime";
6
- var s = ({ user: r, size: s = "medium" }) => {
7
- let { name: c, isExternalUser: l, id: u, avatarUrl: d } = r, { formatMessage: f } = a(), p = e(c), m = /* @__PURE__ */ o(n, {
8
- alt: f(t.userAvatar),
1
+ import { THREADED_ANNOTATIONS_RESIN_TARGETS as e } from "../../../v2/resin-targets.js";
2
+ import { getInitials as t } from "./getInitials.js";
3
+ import n from "./messages.js";
4
+ import { Avatar as r, ButtonWrapper as i, IconBadge as a } from "@box/blueprint-web";
5
+ import { useIntl as o } from "react-intl";
6
+ import { jsx as s } from "react/jsx-runtime";
7
+ var c = ({ user: e, size: i = "medium" }) => {
8
+ let { name: c, isExternalUser: l, id: u, avatarUrl: d } = e, { formatMessage: f } = o(), p = t(c), m = /* @__PURE__ */ s(r, {
9
+ alt: f(n.userAvatar),
9
10
  colorIndex: u,
10
- size: s,
11
+ size: i,
11
12
  src: d,
12
13
  text: p
13
14
  });
14
- return l ? /* @__PURE__ */ o(i, {
15
+ return l ? /* @__PURE__ */ s(a, {
15
16
  offset: {
16
17
  right: -4,
17
18
  bottom: -2
18
19
  },
19
- size: s,
20
+ size: i,
20
21
  variant: "collaborator-external",
21
22
  children: m
22
23
  }) : m;
23
- }, c = ({ user: e, size: n, onClick: i }) => {
24
- let { formatMessage: c } = a();
25
- return /* @__PURE__ */ o(r, {
26
- "aria-label": c(t.userAvatarButtonAriaLabel),
24
+ }, l = ({ user: t, size: r, onClick: a }) => {
25
+ let { formatMessage: l } = o();
26
+ return /* @__PURE__ */ s(i, {
27
+ "aria-label": l(n.userAvatarButtonAriaLabel),
27
28
  "data-no-expand": !0,
28
- onClick: () => i(e.id),
29
- children: /* @__PURE__ */ o(s, {
30
- size: n,
31
- user: e
29
+ "data-resin-target": e.PROFILE,
30
+ onClick: () => a(t.id),
31
+ children: /* @__PURE__ */ s(c, {
32
+ size: r,
33
+ user: t
32
34
  })
33
35
  });
34
36
  };
35
- export { s as UserAvatar, c as UserAvatarButton };
37
+ export { c as UserAvatar, l as UserAvatarButton };
@@ -1,11 +1,14 @@
1
- var e = {
1
+ var e = "activityfeedv2", t = {
2
+ ANNOTATION_MENU: "activityfeedannotation",
3
+ COMMENT_CARD: "activityfeedcommentcard",
4
+ COMMENT_MENU: "activityfeedcomment"
5
+ }, n = {
2
6
  ANNOTATION_COPY_LINK: "activityfeed-annotation-copylink",
3
7
  ANNOTATION_DELETE: "activityfeed-annotation-delete",
4
8
  ANNOTATION_EDIT: "activityfeed-annotation-edit",
5
9
  ANNOTATION_MENU: "activityfeed-annotation-options",
6
10
  ANNOTATION_RESOLVE: "activityfeed-annotation-resolve",
7
11
  ANNOTATION_UNRESOLVE: "activityfeed-annotation-unresolve",
8
- COMMENT_CARD: "activityfeed-comment-card",
9
12
  COMMENT_COPY_LINK: "activityfeed-comment-copylink",
10
13
  COMMENT_DELETE: "activityfeed-comment-delete",
11
14
  COMMENT_EDIT: "activityfeed-comment-edit",
@@ -13,6 +16,10 @@ var e = {
13
16
  COMMENT_POST: "activityfeed-comment-post",
14
17
  COMMENT_REPLY: "activityfeed-comment-reply",
15
18
  COMMENT_RESOLVE: "activityfeed-comment-resolve",
16
- COMMENT_UNRESOLVE: "activityfeed-comment-unresolve"
19
+ COMMENT_UNRESOLVE: "activityfeed-comment-unresolve",
20
+ DELETE_CANCEL: "activityfeed-delete-cancel",
21
+ DELETE_CONFIRM: "activityfeed-delete-confirm",
22
+ MENTION: "activityfeed-mentionlink",
23
+ PROFILE: "activityfeed-profilelink"
17
24
  };
18
- export { e as THREADED_ANNOTATIONS_RESIN_TARGETS };
25
+ export { t as THREADED_ANNOTATIONS_RESIN_COMPONENTS, e as THREADED_ANNOTATIONS_RESIN_FEATURE, n as THREADED_ANNOTATIONS_RESIN_TARGETS };
@@ -1 +1 @@
1
- ._deletePopover_1c8ll_2{width:17rem;margin:0}._deletePopover_1c8ll_2 ._footer_1c8ll_6{gap:var(--space-2);justify-content:flex-end;display:flex}._headerContainer_hkxx4_7{gap:var(--space-4);justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}._headerContainer_hkxx4_7 ._information_hkxx4_15{gap:var(--space-2);justify-content:flex-start;align-items:center;width:100%;display:flex}._headerContainer_hkxx4_7 ._information_hkxx4_15 ._textContainer_hkxx4_22{word-break:break-all;overflow-wrap:break-word;width:fit-content;min-width:0;max-width:100%;overflow:hidden}._headerContainer_hkxx4_7 ._information_hkxx4_15 ._textContainer_hkxx4_22 ._author_hkxx4_30{-webkit-line-clamp:1;-webkit-box-orient:vertical;width:fit-content;display:-webkit-box;overflow:hidden}._headerContainer_hkxx4_7 ._optionsMenu_hkxx4_37{gap:var(--space-1);opacity:0;align-items:center;transition:opacity .1s;display:flex;position:relative}[data-message-wrapper]:hover ._headerContainer_hkxx4_7 ._optionsMenu_hkxx4_37,[data-message-wrapper]:focus-within ._headerContainer_hkxx4_7 ._optionsMenu_hkxx4_37{opacity:1}@media (pointer:coarse),(hover:none){._headerContainer_hkxx4_7 ._optionsMenu_hkxx4_37{opacity:1}}._headerContainer_hkxx4_7 ._optionsMenu_hkxx4_37[data-state=open]{opacity:1}._headerContainer_hkxx4_7 ._deletePopoverAnchorWrapper_hkxx4_56{width:0;height:0;position:absolute;bottom:0;right:0}._headerContainer_hkxx4_7 ._deletePopoverAnchor_hkxx4_56{pointer-events:none;width:1px;height:1px;position:absolute;top:100%;right:0}
1
+ ._deletePopover_1c8ll_2{width:17rem;margin:0}._deletePopover_1c8ll_2 ._footer_1c8ll_6{gap:var(--space-2);justify-content:flex-end;display:flex}._headerContainer_1kmrp_29{gap:var(--space-4);justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}._headerContainer_1kmrp_29 ._information_1kmrp_37{gap:var(--space-2);justify-content:flex-start;align-items:center;width:100%;display:flex}._headerContainer_1kmrp_29 ._information_1kmrp_37 ._textContainer_1kmrp_44{word-break:break-all;overflow-wrap:break-word;width:fit-content;min-width:0;max-width:100%;overflow:hidden}._headerContainer_1kmrp_29 ._information_1kmrp_37 ._textContainer_1kmrp_44 ._author_1kmrp_52{-webkit-line-clamp:1;-webkit-box-orient:vertical;width:fit-content;display:-webkit-box;overflow:hidden}._headerContainer_1kmrp_29 ._optionsMenu_1kmrp_59{gap:var(--space-1);opacity:0;align-items:center;transition:opacity .1s;display:flex;position:relative}[data-message-wrapper]:hover ._headerContainer_1kmrp_29 ._optionsMenu_1kmrp_59,[data-message-wrapper]:focus-within ._headerContainer_1kmrp_29 ._optionsMenu_1kmrp_59{opacity:1}@media (pointer:coarse),(hover:none){._headerContainer_1kmrp_29 ._optionsMenu_1kmrp_59{opacity:1}}._headerContainer_1kmrp_29 ._optionsMenu_1kmrp_59[data-state=open]{opacity:1}._headerContainer_1kmrp_29 ._deletePopoverAnchorWrapper_1kmrp_78{width:0;height:0;position:absolute;bottom:0;right:0}._headerContainer_1kmrp_29 ._deletePopoverAnchor_1kmrp_78{pointer-events:none;width:1px;height:1px;position:absolute;top:100%;right:0}
@@ -1 +1 @@
1
- ._mention_1cdf1_5{vertical-align:baseline;cursor:pointer;pointer-events:auto;color:var(--box-blue-100)!important}
1
+ ._mention_hc7gc_27{vertical-align:baseline;cursor:pointer;pointer-events:auto;color:var(--box-blue-100)!important}
@@ -1 +1 @@
1
- ._editorDisabled_1nmfa_7{opacity:.5}._editorDisabled_1nmfa_7 ._editor_1nmfa_7{pointer-events:none}._messageEditor_1nmfa_14{position:relative}._messageEditor_1nmfa_14 ._errorMessage_1nmfa_17{gap:var(--space-1);padding-top:var(--space-2);align-items:center;display:flex}._messageEditor_1nmfa_14 ._errorMessage_1nmfa_17 ._errorText_1nmfa_23{color:var(--text-text-destructive-on-light)}._messageEditor_1nmfa_14 ._actionsContainer_1nmfa_26{gap:var(--space-3);width:100%;margin-top:var(--space-2);justify-content:flex-end;display:flex}._editorContainer_1nmfa_34{position:relative}._editorContainer_1nmfa_34 ._editor_1nmfa_7{scrollbar-width:thin;scrollbar-color:var(--black-opacity-50) transparent}@supports not (scrollbar-color:gray transparent){._editorContainer_1nmfa_34 ._editor_1nmfa_7{scrollbar-width:initial}._editorContainer_1nmfa_34 ._editor_1nmfa_7::-webkit-scrollbar{width:var(--size-2);background-color:#0000}._editorContainer_1nmfa_34 ._editor_1nmfa_7::-webkit-scrollbar-thumb{background:var(--black-opacity-50);border-radius:var(--radius-2)}._editorContainer_1nmfa_34 ._editor_1nmfa_7::-webkit-scrollbar-thumb:hover{background:var(--black-opacity-50)}}._editorContainer_1nmfa_34 ._editor_1nmfa_7{box-sizing:border-box;min-height:var(--size-20);max-height:8.75rem;padding:.625rem var(--space-3);border-radius:var(--radius-2);outline:var(--border-1) solid var(--border-input-border);overflow-y:auto}._editorContainer_1nmfa_34 ._editor_1nmfa_7:focus{outline-width:var(--border-2);outline-color:var(--border-input-border-focus)}._editorContainer_1nmfa_34._editorError_1nmfa_73 ._editor_1nmfa_7,._editorContainer_1nmfa_34._editorError_1nmfa_73 ._editor_1nmfa_7:focus{outline-width:var(--border-2);outline-color:var(--border-input-border-error)}._anchorElement_1nmfa_82{width:100%;position:absolute;top:100%;left:0}
1
+ ._editorDisabled_ng6un_29{opacity:.5}._editorDisabled_ng6un_29 ._editor_ng6un_29{pointer-events:none}._messageEditor_ng6un_36{position:relative}._messageEditor_ng6un_36 ._errorMessage_ng6un_39{gap:var(--space-1);padding-top:var(--space-2);align-items:center;display:flex}._messageEditor_ng6un_36 ._errorMessage_ng6un_39 ._errorText_ng6un_45{color:var(--text-text-destructive-on-light)}._messageEditor_ng6un_36 ._actionsContainer_ng6un_48{gap:var(--space-3);width:100%;margin-top:var(--space-2);justify-content:flex-end;display:flex}._editorContainer_ng6un_56{position:relative}._editorContainer_ng6un_56 ._editor_ng6un_29{scrollbar-width:thin;scrollbar-color:var(--black-opacity-50) transparent}@supports not (scrollbar-color:gray transparent){._editorContainer_ng6un_56 ._editor_ng6un_29{scrollbar-width:initial}._editorContainer_ng6un_56 ._editor_ng6un_29::-webkit-scrollbar{width:var(--size-2);background-color:#0000}._editorContainer_ng6un_56 ._editor_ng6un_29::-webkit-scrollbar-thumb{background:var(--black-opacity-50);border-radius:var(--radius-2)}._editorContainer_ng6un_56 ._editor_ng6un_29::-webkit-scrollbar-thumb:hover{background:var(--black-opacity-50)}}._editorContainer_ng6un_56 ._editor_ng6un_29{box-sizing:border-box;min-height:var(--size-20);max-height:8.75rem;padding:.625rem var(--space-3);border-radius:var(--radius-2);outline:var(--border-1) solid var(--border-input-border);overflow-y:auto}._editorContainer_ng6un_56 ._editor_ng6un_29:focus{outline-width:var(--border-2);outline-color:var(--border-input-border-focus)}._editorContainer_ng6un_56._editorError_ng6un_95 ._editor_ng6un_29,._editorContainer_ng6un_56._editorError_ng6un_95 ._editor_ng6un_29:focus{outline-width:var(--border-2);outline-color:var(--border-input-border-error)}._anchorElement_ng6un_104{width:100%;position:absolute;top:100%;left:0}
@@ -1 +1 @@
1
- ._messageEditorWrapper_12g8n_7{cursor:auto;width:100%}._editActionsColumn_12g8n_12{align-items:flex-end;gap:var(--bp-space-010);flex-direction:column;display:flex}._editActionsRow_12g8n_19{align-items:center;gap:var(--bp-space-020);display:flex}._characterLimitCounter_12g8n_25{white-space:nowrap}._characterLimitCounter_12g8n_25._characterLimitCounterExceeded_12g8n_28{font-weight:var(--font-weights-bold)}._messageEditor_12g8n_7{--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_12g8n_7._editorEditMode_12g8n_46{--gradient-fade-height:var(--bp-size-050)}._messageEditor_12g8n_7:focus-within{outline-width:var(--bp-border-02);outline-color:var(--border-input-border-focus)}._messageEditor_12g8n_7._editorFirstAnnotation_12g8n_53:not(._editorError_12g8n_53):focus-within{outline-width:var(--bp-border-01);outline-color:var(--border-divider-border)}._messageEditor_12g8n_7._editorError_12g8n_53{outline-color:var(--bp-border-message-border-error);outline-width:var(--bp-border-02)}._messageEditor_12g8n_7 ._editorViewport_12g8n_61{width:fit-content;min-width:calc(100% - 2.875rem);margin:auto 0;position:relative}._messageEditor_12g8n_7 ._editorViewport_12g8n_61 ._editorContainer_12g8n_67{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_12g8n_7 ._editorViewport_12g8n_61 ._editorContainer_12g8n_67{scrollbar-width:initial}._messageEditor_12g8n_7 ._editorViewport_12g8n_61 ._editorContainer_12g8n_67::-webkit-scrollbar{width:var(--size-2);background-color:#0000}._messageEditor_12g8n_7 ._editorViewport_12g8n_61 ._editorContainer_12g8n_67::-webkit-scrollbar-thumb{background:var(--black-opacity-50);border-radius:var(--radius-2)}._messageEditor_12g8n_7 ._editorViewport_12g8n_61 ._editorContainer_12g8n_67::-webkit-scrollbar-thumb:hover{background:var(--black-opacity-50)}}._messageEditor_12g8n_7 ._editorViewport_12g8n_61 ._editorContainer_12g8n_67{max-height:10rem;padding:.375rem .625rem .375rem 0}._messageEditor_12g8n_7 ._editorViewport_12g8n_61 ._editorContainer_12g8n_67 ._editor_12g8n_46{outline:none;width:100%}._messageEditor_12g8n_7 ._editorViewport_12g8n_61 ._editorContainer_12g8n_67 ._editor_12g8n_46 [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_12g8n_7 ._editorViewport_12g8n_61 ._editorFade_12g8n_113{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_12g8n_7 ._editorViewport_12g8n_61 ._editorFade_12g8n_113._editorFadeHidden_12g8n_124{opacity:0}._messageEditor_12g8n_7 ._editorFullWidth_12g8n_127{width:100%;min-width:100%}._messageEditor_12g8n_7 ._actionsWrapper_12g8n_131{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_12g8n_7 ._actionsWrapper_12g8n_131 ._actionsWrapperInner_12g8n_141{align-items:center;gap:var(--bp-space-020);width:fit-content;display:flex;position:relative}._messageEditor_12g8n_7 ._timestampToggle_12g8n_148{margin-right:auto}._messageEditor_12g8n_7 ._errorMessage_12g8n_151{gap:var(--bp-space-010);align-items:center;min-width:0;display:flex}._messageEditor_12g8n_7 ._errorMessage_12g8n_151>:first-child{flex-shrink:0}._messageEditor_12g8n_7 ._errorMessage_12g8n_151 ._errorText_12g8n_160{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_12g8n_169{gap:unset;padding-bottom:0}._editorHasScroll_12g8n_169 ._editorViewport_12g8n_61 ._editorContainer_12g8n_67{padding-bottom:var(--bp-space-040);scroll-padding-bottom:var(--bp-space-040)}._editorHasScroll_12g8n_169 ._editorViewport_12g8n_61 ._editorFade_12g8n_113{display:none}._editorHasScroll_12g8n_169._editorCharacterLimitExceeded_12g8n_180 ._editorViewport_12g8n_61 ._editorContainer_12g8n_67{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_12g8n_169 ._actionsWrapper_12g8n_131{min-width:100%;height:1.875rem;padding-right:0}._editorHasScroll_12g8n_169 ._actionsWrapper_12g8n_131 ._actionsWrapperInner_12g8n_141{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_12g8n_169 ._actionsWrapper_12g8n_131 ._actionsWrapperInner_12g8n_141>*{pointer-events:auto}._editorHasScroll_12g8n_169 ._actionsWrapper_12g8n_131 ._actionsWrapperInner_12g8n_141._characterLimitExceeded_12g8n_202{padding-top:var(--gradient-fade-height,var(--bp-size-040))}._editorHasScroll_12g8n_169 ._actionsWrapper_12g8n_131 ._actionsWrapperInner_12g8n_141._scrolledToBottom_12g8n_205{background:0 0}._anchorElement_12g8n_209{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}._messageEditor_12g8n_7 ._actionsWrapper_12g8n_131._withTimestampToggle_12g8n_218,._messageEditor_12g8n_7 ._actionsWrapper_12g8n_131._withTimestampToggle_12g8n_218 ._actionsWrapperInner_12g8n_141{width:100%}
1
+ ._messageEditorWrapper_1hnvj_29{cursor:auto;width:100%}._editActionsColumn_1hnvj_34{align-items:flex-end;gap:var(--bp-space-010);flex-direction:column;display:flex}._editActionsRow_1hnvj_41{align-items:center;gap:var(--bp-space-020);display:flex}._characterLimitCounter_1hnvj_47{white-space:nowrap}._characterLimitCounter_1hnvj_47._characterLimitCounterExceeded_1hnvj_50{font-weight:var(--font-weights-bold)}._messageEditor_1hnvj_29{--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_1hnvj_29._editorEditMode_1hnvj_68{--gradient-fade-height:var(--bp-size-050)}._messageEditor_1hnvj_29:focus-within{outline-width:var(--bp-border-02);outline-color:var(--border-input-border-focus)}._messageEditor_1hnvj_29._editorFirstAnnotation_1hnvj_75:not(._editorError_1hnvj_75):focus-within{outline-width:var(--bp-border-01);outline-color:var(--border-divider-border)}._messageEditor_1hnvj_29._editorError_1hnvj_75{outline-color:var(--bp-border-message-border-error);outline-width:var(--bp-border-02)}._messageEditor_1hnvj_29 ._editorViewport_1hnvj_83{width:fit-content;min-width:calc(100% - 2.875rem);margin:auto 0;position:relative}._messageEditor_1hnvj_29 ._editorViewport_1hnvj_83 ._editorContainer_1hnvj_89{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_1hnvj_29 ._editorViewport_1hnvj_83 ._editorContainer_1hnvj_89{scrollbar-width:initial}._messageEditor_1hnvj_29 ._editorViewport_1hnvj_83 ._editorContainer_1hnvj_89::-webkit-scrollbar{width:var(--size-2);background-color:#0000}._messageEditor_1hnvj_29 ._editorViewport_1hnvj_83 ._editorContainer_1hnvj_89::-webkit-scrollbar-thumb{background:var(--black-opacity-50);border-radius:var(--radius-2)}._messageEditor_1hnvj_29 ._editorViewport_1hnvj_83 ._editorContainer_1hnvj_89::-webkit-scrollbar-thumb:hover{background:var(--black-opacity-50)}}._messageEditor_1hnvj_29 ._editorViewport_1hnvj_83 ._editorContainer_1hnvj_89{max-height:10rem;padding:.375rem .625rem .375rem 0}._messageEditor_1hnvj_29 ._editorViewport_1hnvj_83 ._editorContainer_1hnvj_89 ._editor_1hnvj_68{outline:none;width:100%}._messageEditor_1hnvj_29 ._editorViewport_1hnvj_83 ._editorContainer_1hnvj_89 ._editor_1hnvj_68 [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_1hnvj_29 ._editorViewport_1hnvj_83 ._editorFade_1hnvj_135{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_1hnvj_29 ._editorViewport_1hnvj_83 ._editorFade_1hnvj_135._editorFadeHidden_1hnvj_146{opacity:0}._messageEditor_1hnvj_29 ._editorFullWidth_1hnvj_149{width:100%;min-width:100%}._messageEditor_1hnvj_29 ._actionsWrapper_1hnvj_153{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_1hnvj_29 ._actionsWrapper_1hnvj_153 ._actionsWrapperInner_1hnvj_163{align-items:center;gap:var(--bp-space-020);width:fit-content;display:flex;position:relative}._messageEditor_1hnvj_29 ._timestampToggle_1hnvj_170{margin-right:auto}._messageEditor_1hnvj_29 ._errorMessage_1hnvj_173{gap:var(--bp-space-010);align-items:center;min-width:0;display:flex}._messageEditor_1hnvj_29 ._errorMessage_1hnvj_173>:first-child{flex-shrink:0}._messageEditor_1hnvj_29 ._errorMessage_1hnvj_173 ._errorText_1hnvj_182{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_1hnvj_191{gap:unset;padding-bottom:0}._editorHasScroll_1hnvj_191 ._editorViewport_1hnvj_83 ._editorContainer_1hnvj_89{padding-bottom:var(--bp-space-040);scroll-padding-bottom:var(--bp-space-040)}._editorHasScroll_1hnvj_191 ._editorViewport_1hnvj_83 ._editorFade_1hnvj_135{display:none}._editorHasScroll_1hnvj_191._editorCharacterLimitExceeded_1hnvj_202 ._editorViewport_1hnvj_83 ._editorContainer_1hnvj_89{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_1hnvj_191 ._actionsWrapper_1hnvj_153{min-width:100%;height:1.875rem;padding-right:0}._editorHasScroll_1hnvj_191 ._actionsWrapper_1hnvj_153 ._actionsWrapperInner_1hnvj_163{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_1hnvj_191 ._actionsWrapper_1hnvj_153 ._actionsWrapperInner_1hnvj_163>*{pointer-events:auto}._editorHasScroll_1hnvj_191 ._actionsWrapper_1hnvj_153 ._actionsWrapperInner_1hnvj_163._characterLimitExceeded_1hnvj_224{padding-top:var(--gradient-fade-height,var(--bp-size-040))}._editorHasScroll_1hnvj_191 ._actionsWrapper_1hnvj_153 ._actionsWrapperInner_1hnvj_163._scrolledToBottom_1hnvj_227{background:0 0}._anchorElement_1hnvj_231{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}._messageEditor_1hnvj_29 ._actionsWrapper_1hnvj_153._withTimestampToggle_1hnvj_240,._messageEditor_1hnvj_29 ._actionsWrapper_1hnvj_153._withTimestampToggle_1hnvj_240 ._actionsWrapperInner_1hnvj_163{width:100%}
@@ -1 +1 @@
1
- ._headerContainer_1jcw4_7{gap:var(--space-4);justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}._headerContainer_1jcw4_7 ._information_1jcw4_15{gap:var(--space-4);justify-content:flex-start;align-items:center;width:100%;display:flex}._headerContainer_1jcw4_7 ._information_1jcw4_15 ._textContainer_1jcw4_22{word-break:break-all;overflow-wrap:break-word;width:100%;min-width:0;max-width:100%;overflow:hidden}._headerContainer_1jcw4_7 ._information_1jcw4_15 ._textContainer_1jcw4_22 ._author_1jcw4_30{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}._headerContainer_1jcw4_7 ._deleteAction_1jcw4_36{opacity:0;transition:opacity .1s}[data-message-wrapper]:hover ._headerContainer_1jcw4_7 ._deleteAction_1jcw4_36,[data-message-wrapper]:focus-within ._headerContainer_1jcw4_7 ._deleteAction_1jcw4_36{opacity:1}@media (pointer:coarse),(hover:none){._headerContainer_1jcw4_7 ._deleteAction_1jcw4_36{opacity:1}}._headerContainer_1jcw4_7 ._deleteAction_1jcw4_36[data-state=open]{opacity:1}
1
+ ._headerContainer_18dlz_29{gap:var(--space-4);justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}._headerContainer_18dlz_29 ._information_18dlz_37{gap:var(--space-4);justify-content:flex-start;align-items:center;width:100%;display:flex}._headerContainer_18dlz_29 ._information_18dlz_37 ._textContainer_18dlz_44{word-break:break-all;overflow-wrap:break-word;width:100%;min-width:0;max-width:100%;overflow:hidden}._headerContainer_18dlz_29 ._information_18dlz_37 ._textContainer_18dlz_44 ._author_18dlz_52{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}._headerContainer_18dlz_29 ._deleteAction_18dlz_58{opacity:0;transition:opacity .1s}[data-message-wrapper]:hover ._headerContainer_18dlz_29 ._deleteAction_18dlz_58,[data-message-wrapper]:focus-within ._headerContainer_18dlz_29 ._deleteAction_18dlz_58{opacity:1}@media (pointer:coarse),(hover:none){._headerContainer_18dlz_29 ._deleteAction_18dlz_58{opacity:1}}._headerContainer_18dlz_29 ._deleteAction_18dlz_58[data-state=open]{opacity:1}
@@ -1 +1 @@
1
- ._messagesViewWrapper_gor1q_7{z-index:0;width:100%;position:relative}._messagesViewWrapper_gor1q_7._overflowing_gor1q_12 ._scrollable_gor1q_12{padding-bottom:var(--space-4)}._messagesViewWrapper_gor1q_7._withEditorBelow_gor1q_15{margin-bottom:-1.125rem}._messagesView_gor1q_7{width:100%;height:100%;padding-top:var(--space-1);padding-bottom:var(--bp-border-02);padding-left:var(--space-1);flex-direction:column;display:flex}._messagesView_gor1q_7._scrollable_gor1q_12{max-height:27rem;margin-right:calc(-1 * var(--space-3) + .125rem);padding-right:calc(var(--space-3) - .125rem);scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--black-opacity-50) transparent;overflow:hidden auto}@supports not (scrollbar-color:gray transparent){._messagesView_gor1q_7._scrollable_gor1q_12{scrollbar-width:initial}._messagesView_gor1q_7._scrollable_gor1q_12::-webkit-scrollbar{width:var(--size-2);background-color:#0000}._messagesView_gor1q_7._scrollable_gor1q_12::-webkit-scrollbar-thumb{background:var(--black-opacity-50);border-radius:var(--radius-2)}._messagesView_gor1q_7._scrollable_gor1q_12::-webkit-scrollbar-thumb:hover{background:var(--black-opacity-50)}}._messagesView_gor1q_7 ._repliesContainer_gor1q_56{flex-direction:column;width:100%;display:flex}._messagesFade_gor1q_62{z-index:1;height:var(--size-8);background:linear-gradient(to bottom, transparent, var(--fade-bg,var(--surface-surface)));pointer-events:none;position:absolute;bottom:0;left:0;right:0}
1
+ ._messagesViewWrapper_1awp7_29{z-index:0;width:100%;position:relative}._messagesViewWrapper_1awp7_29._overflowing_1awp7_34 ._scrollable_1awp7_34{padding-bottom:var(--space-4)}._messagesViewWrapper_1awp7_29._withEditorBelow_1awp7_37{margin-bottom:-1.125rem}._messagesView_1awp7_29{width:100%;height:100%;padding-top:var(--space-1);padding-bottom:var(--bp-border-02);padding-left:var(--space-1);flex-direction:column;display:flex}._messagesView_1awp7_29._scrollable_1awp7_34{max-height:27rem;margin-right:calc(-1 * var(--space-3) + .125rem);padding-right:calc(var(--space-3) - .125rem);scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--black-opacity-50) transparent;overflow:hidden auto}@supports not (scrollbar-color:gray transparent){._messagesView_1awp7_29._scrollable_1awp7_34{scrollbar-width:initial}._messagesView_1awp7_29._scrollable_1awp7_34::-webkit-scrollbar{width:var(--size-2);background-color:#0000}._messagesView_1awp7_29._scrollable_1awp7_34::-webkit-scrollbar-thumb{background:var(--black-opacity-50);border-radius:var(--radius-2)}._messagesView_1awp7_29._scrollable_1awp7_34::-webkit-scrollbar-thumb:hover{background:var(--black-opacity-50)}}._messagesView_1awp7_29 ._repliesContainer_1awp7_78{flex-direction:column;width:100%;display:flex}._messagesFade_1awp7_84{z-index:1;height:var(--size-8);background:linear-gradient(to bottom, transparent, var(--fade-bg,var(--surface-surface)));pointer-events:none;position:absolute;bottom:0;left:0;right:0}
@@ -1 +1 @@
1
- ._resolvedState_12vpz_7{gap:var(--space-3);padding-left:var(--space-05);align-items:flex-start;width:100%;display:flex}._leftContainer_12vpz_15{flex-shrink:0}._rightContainer_12vpz_19{flex-direction:column;min-width:0;display:flex;overflow:hidden}._rightContainer_12vpz_19 ._statusLine_12vpz_25{gap:var(--space-1);text-overflow:ellipsis;white-space:nowrap;align-items:baseline;display:flex;overflow:hidden}._rightContainer_12vpz_19 ._statusLine_12vpz_25 ._authorName_12vpz_33{-webkit-line-clamp:1;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}._rightContainer_12vpz_19 ._statusLine_12vpz_25 ._statusText_12vpz_40{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
1
+ ._resolvedState_1ts95_29{gap:var(--space-3);padding-left:var(--space-05);align-items:flex-start;width:100%;display:flex}._leftContainer_1ts95_37{flex-shrink:0}._rightContainer_1ts95_41{flex-direction:column;min-width:0;display:flex;overflow:hidden}._rightContainer_1ts95_41 ._statusLine_1ts95_47{gap:var(--space-1);text-overflow:ellipsis;white-space:nowrap;align-items:baseline;display:flex;overflow:hidden}._rightContainer_1ts95_41 ._statusLine_1ts95_47 ._authorName_1ts95_55{-webkit-line-clamp:1;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}._rightContainer_1ts95_41 ._statusLine_1ts95_47 ._statusText_1ts95_62{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
@@ -1 +1 @@
1
- ._textMessage_1nzt2_7{flex-direction:column;flex:1;width:100%;height:100%;display:flex;position:relative;overflow:visible}._textMessage_1nzt2_7 ._contentWrapper_1nzt2_16{gap:var(--space-2);margin-top:.125rem;display:flex}._textMessage_1nzt2_7 ._contentWrapper_1nzt2_16 ._threadedIndicator_1nzt2_21{width:var(--space-7);flex-shrink:0;position:relative}._textMessage_1nzt2_7 ._contentWrapper_1nzt2_16 ._threadedIndicator_1nzt2_21:after{content:"";left:50%;top:var(--space-05);bottom:var(--space-05);width:var(--border-2);background-color:var(--border-divider-border);border-radius:var(--radius-1);position:absolute;transform:translate(-50%)}._textMessage_1nzt2_7 ._contentWrapper_1nzt2_16 ._threadedIndicatorHidden_1nzt2_37:after{visibility:hidden}._textMessage_1nzt2_7 ._contentWrapper_1nzt2_16 ._messageContent_1nzt2_40{overflow-wrap:break-word;flex-direction:column;flex:1;min-width:0;display:flex}._textMessage_1nzt2_7 ._contentWrapper_1nzt2_16 ._messageContent_1nzt2_40 ._inlineEditSlot_1nzt2_47{margin-top:var(--space-2)}._textMessage_1nzt2_7 ._contentWrapper_1nzt2_16 ._messageContent_1nzt2_40 ._annotationBadgeWrapper_1nzt2_50{min-width:0;max-width:100%;padding-bottom:var(--space-1);flex-direction:column;align-items:flex-start;display:flex;overflow:hidden}._textMessage_1nzt2_7 ._contentWrapper_1nzt2_16 ._messageFooter_1nzt2_59{align-items:center;gap:var(--space-1);padding-bottom:var(--space-2);margin-top:var(--space-1);flex-direction:row;display:flex}._textMessage_1nzt2_7 ._contentWrapper_1nzt2_16 ._messageFooter_1nzt2_59 ._readableTimeWrapper_1nzt2_67{cursor:auto}._replyButton_1nzt2_71{padding-top:var(--space-05);padding-bottom:var(--space-05);opacity:0;transition:opacity .1s}[data-message-wrapper]:hover ._replyButton_1nzt2_71,[data-message-wrapper]:focus-within ._replyButton_1nzt2_71{opacity:1}@media (pointer:coarse),(hover:none){._replyButton_1nzt2_71{opacity:1}}._seeMoreButton_1nzt2_86{margin-inline-start:var(--bp-space-010)}
1
+ ._textMessage_1mths_29{flex-direction:column;flex:1;width:100%;height:100%;display:flex;position:relative;overflow:visible}._textMessage_1mths_29 ._contentWrapper_1mths_38{gap:var(--space-2);margin-top:.125rem;display:flex}._textMessage_1mths_29 ._contentWrapper_1mths_38 ._threadedIndicator_1mths_43{width:var(--space-7);flex-shrink:0;position:relative}._textMessage_1mths_29 ._contentWrapper_1mths_38 ._threadedIndicator_1mths_43:after{content:"";left:50%;top:var(--space-05);bottom:var(--space-05);width:var(--border-2);background-color:var(--border-divider-border);border-radius:var(--radius-1);position:absolute;transform:translate(-50%)}._textMessage_1mths_29 ._contentWrapper_1mths_38 ._threadedIndicatorHidden_1mths_59:after{visibility:hidden}._textMessage_1mths_29 ._contentWrapper_1mths_38 ._messageContent_1mths_62{overflow-wrap:break-word;flex-direction:column;flex:1;min-width:0;display:flex}._textMessage_1mths_29 ._contentWrapper_1mths_38 ._messageContent_1mths_62 ._inlineEditSlot_1mths_69{margin-top:var(--space-2)}._textMessage_1mths_29 ._contentWrapper_1mths_38 ._messageContent_1mths_62 ._annotationBadgeWrapper_1mths_72{min-width:0;max-width:100%;padding-bottom:var(--space-1);flex-direction:column;align-items:flex-start;display:flex;overflow:hidden}._textMessage_1mths_29 ._contentWrapper_1mths_38 ._messageFooter_1mths_81{align-items:center;gap:var(--space-1);padding-bottom:var(--space-2);margin-top:var(--space-1);flex-direction:row;display:flex}._textMessage_1mths_29 ._contentWrapper_1mths_38 ._messageFooter_1mths_81 ._readableTimeWrapper_1mths_89{cursor:auto}._replyButton_1mths_93{padding-top:var(--space-05);padding-bottom:var(--space-05);opacity:0;transition:opacity .1s}[data-message-wrapper]:hover ._replyButton_1mths_93,[data-message-wrapper]:focus-within ._replyButton_1mths_93{opacity:1}@media (pointer:coarse),(hover:none){._replyButton_1mths_93{opacity:1}}._seeMoreButton_1mths_108{margin-inline-start:var(--bp-space-010)}
@@ -1 +1 @@
1
- ._messagesView_124mt_7{min-height:0;padding-top:var(--size-1);padding-right:var(--size-2);contain:content;scrollbar-gutter:stable;flex:1;position:relative;overflow-y:auto}._messagesView_124mt_7 ._moreRepliesButton_124mt_17{margin-top:var(--space-4)}._messagesView_124mt_7 ._repliesContainer_124mt_20{gap:var(--space-4);width:100%;margin-top:var(--space-6);padding-bottom:var(--space-2);display:flex}._messagesView_124mt_7 ._repliesContainer_124mt_20 ._threadIndicator_124mt_27{width:var(--size-1);background-color:var(--border-divider-border);border-radius:var(--radius-1)}._messagesView_124mt_7 ._repliesContainer_124mt_20 ._virtualizedMessages_124mt_32{flex:1;display:flex;position:relative}._messagesView_124mt_7 ._repliesContainer_124mt_20 ._virtualizedMessages_124mt_32 ._messageWrapper_124mt_37{width:100%;padding-bottom:var(--space-6);position:absolute;top:0;left:0}._messagesView_124mt_7 ._repliesContainer_124mt_20 ._virtualizedMessages_124mt_32 ._messageWrapper_124mt_37:last-child{padding-bottom:0}._messagesView_124mt_7{scrollbar-width:thin;scrollbar-color:var(--black-opacity-50) transparent}@supports not (scrollbar-color:gray transparent){._messagesView_124mt_7{scrollbar-width:initial}._messagesView_124mt_7::-webkit-scrollbar{width:var(--size-2);background-color:#0000}._messagesView_124mt_7::-webkit-scrollbar-thumb{background:var(--black-opacity-50);border-radius:var(--radius-2)}._messagesView_124mt_7::-webkit-scrollbar-thumb:hover{background:var(--black-opacity-50)}}._singleMessageWrapper_124mt_71{overflow-wrap:break-word;width:100%;min-width:0;max-width:100%;overflow:hidden}
1
+ ._messagesView_h8l31_29{min-height:0;padding-top:var(--size-1);padding-right:var(--size-2);contain:content;scrollbar-gutter:stable;flex:1;position:relative;overflow-y:auto}._messagesView_h8l31_29 ._moreRepliesButton_h8l31_39{margin-top:var(--space-4)}._messagesView_h8l31_29 ._repliesContainer_h8l31_42{gap:var(--space-4);width:100%;margin-top:var(--space-6);padding-bottom:var(--space-2);display:flex}._messagesView_h8l31_29 ._repliesContainer_h8l31_42 ._threadIndicator_h8l31_49{width:var(--size-1);background-color:var(--border-divider-border);border-radius:var(--radius-1)}._messagesView_h8l31_29 ._repliesContainer_h8l31_42 ._virtualizedMessages_h8l31_54{flex:1;display:flex;position:relative}._messagesView_h8l31_29 ._repliesContainer_h8l31_42 ._virtualizedMessages_h8l31_54 ._messageWrapper_h8l31_59{width:100%;padding-bottom:var(--space-6);position:absolute;top:0;left:0}._messagesView_h8l31_29 ._repliesContainer_h8l31_42 ._virtualizedMessages_h8l31_54 ._messageWrapper_h8l31_59:last-child{padding-bottom:0}._messagesView_h8l31_29{scrollbar-width:thin;scrollbar-color:var(--black-opacity-50) transparent}@supports not (scrollbar-color:gray transparent){._messagesView_h8l31_29{scrollbar-width:initial}._messagesView_h8l31_29::-webkit-scrollbar{width:var(--size-2);background-color:#0000}._messagesView_h8l31_29::-webkit-scrollbar-thumb{background:var(--black-opacity-50);border-radius:var(--radius-2)}._messagesView_h8l31_29::-webkit-scrollbar-thumb:hover{background:var(--black-opacity-50)}}._singleMessageWrapper_h8l31_93{overflow-wrap:break-word;width:100%;min-width:0;max-width:100%;overflow:hidden}
@@ -1,3 +1,9 @@
1
+ export declare const THREADED_ANNOTATIONS_RESIN_FEATURE = "activityfeedv2";
2
+ export declare const THREADED_ANNOTATIONS_RESIN_COMPONENTS: {
3
+ readonly ANNOTATION_MENU: "activityfeedannotation";
4
+ readonly COMMENT_CARD: "activityfeedcommentcard";
5
+ readonly COMMENT_MENU: "activityfeedcomment";
6
+ };
1
7
  export declare const THREADED_ANNOTATIONS_RESIN_TARGETS: {
2
8
  readonly ANNOTATION_COPY_LINK: "activityfeed-annotation-copylink";
3
9
  readonly ANNOTATION_DELETE: "activityfeed-annotation-delete";
@@ -5,7 +11,6 @@ export declare const THREADED_ANNOTATIONS_RESIN_TARGETS: {
5
11
  readonly ANNOTATION_MENU: "activityfeed-annotation-options";
6
12
  readonly ANNOTATION_RESOLVE: "activityfeed-annotation-resolve";
7
13
  readonly ANNOTATION_UNRESOLVE: "activityfeed-annotation-unresolve";
8
- readonly COMMENT_CARD: "activityfeed-comment-card";
9
14
  readonly COMMENT_COPY_LINK: "activityfeed-comment-copylink";
10
15
  readonly COMMENT_DELETE: "activityfeed-comment-delete";
11
16
  readonly COMMENT_EDIT: "activityfeed-comment-edit";
@@ -14,4 +19,8 @@ export declare const THREADED_ANNOTATIONS_RESIN_TARGETS: {
14
19
  readonly COMMENT_REPLY: "activityfeed-comment-reply";
15
20
  readonly COMMENT_RESOLVE: "activityfeed-comment-resolve";
16
21
  readonly COMMENT_UNRESOLVE: "activityfeed-comment-unresolve";
22
+ readonly DELETE_CANCEL: "activityfeed-delete-cancel";
23
+ readonly DELETE_CONFIRM: "activityfeed-delete-confirm";
24
+ readonly MENTION: "activityfeed-mentionlink";
25
+ readonly PROFILE: "activityfeed-profilelink";
17
26
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/threaded-annotations",
3
- "version": "4.0.0",
3
+ "version": "4.0.2",
4
4
  "license": "SEE LICENSE IN LICENSE",
5
5
  "dependencies": {
6
6
  "@floating-ui/dom": "^1.6.0",
@@ -17,23 +17,23 @@
17
17
  "uuid": "^9.0.1"
18
18
  },
19
19
  "peerDependencies": {
20
- "@box/blueprint-web": "^16.7.0",
21
- "@box/blueprint-web-assets": "^5.4.1",
22
- "@box/collaboration-popover": "^2.1.21",
23
- "@box/readable-time": "^2.1.21",
24
- "@box/user-selector": "^2.1.22",
20
+ "@box/blueprint-web": "^16.7.1",
21
+ "@box/blueprint-web-assets": "^5.4.2",
22
+ "@box/collaboration-popover": "^2.1.22",
23
+ "@box/readable-time": "^2.1.22",
24
+ "@box/user-selector": "^2.1.23",
25
25
  "clsx": "^1.2.1",
26
26
  "react": "^18.0.0",
27
27
  "react-dom": "^18.0.0",
28
28
  "react-intl": "^6.4.2"
29
29
  },
30
30
  "devDependencies": {
31
- "@box/blueprint-web": "^16.7.0",
32
- "@box/blueprint-web-assets": "^5.4.1",
31
+ "@box/blueprint-web": "^16.7.1",
32
+ "@box/blueprint-web-assets": "^5.4.2",
33
33
  "@box/eslint-plugin-blueprint": "2.1.9",
34
- "@box/readable-time": "^2.1.21",
35
- "@box/storybook-utils": "^1.1.20",
36
- "@box/user-selector": "^2.1.22",
34
+ "@box/readable-time": "^2.1.22",
35
+ "@box/storybook-utils": "^1.1.21",
36
+ "@box/user-selector": "^2.1.23",
37
37
  "react": "^18.0.0",
38
38
  "react-dom": "^18.0.0"
39
39
  },