@liveblocks/react-ui 2.15.0-debug1 → 2.15.0

package/dist/components/HistoryVersionSummaryList.mjs

@@ -2,6 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef, Children } from 'react';
 import { classNames } from '../utils/class-names.mjs';
 
+"use client";
 const HistoryVersionSummaryList = forwardRef(({ children, className, ...props }, forwardedRef) => {
   return /* @__PURE__ */ jsx("ol", {
     className: classNames(

package/dist/components/HistoryVersionSummaryList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"HistoryVersionSummaryList.mjs","sources":["../../src/components/HistoryVersionSummaryList.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport { Children, forwardRef } from \"react\";\n\nimport { classNames } from \"../utils/class-names\";\n\nexport type HistoryVersionSummaryListProps = ComponentPropsWithoutRef<\"ol\">;\n\n/**\n * Displays versions summaries as a list.\n *\n * @example\n * <HistoryVersionSummaryList>\n *   {versions.map((version) => (\n *     <HistoryVersionSummary key={version.id} version={version} />\n *   ))}\n * </HistoryVersionSummaryList>\n */\nexport const HistoryVersionSummaryList = forwardRef<\n  HTMLOListElement,\n  HistoryVersionSummaryListProps\n>(({ children, className, ...props }, forwardedRef) => {\n  return (\n    <ol\n      className={classNames(\n        \"lb-root lb-history-version-summary-list\",\n        className\n      )}\n      {...props}\n      ref={forwardedRef}\n    >\n      {Children.map(children, (child, index) => (\n        <li key={index} className=\"lb-history-version-summary-list-item\">\n          {child}\n        </li>\n      ))}\n    </ol>\n  );\n});\n"],"names":[],"mappings":";;;;AAmBa,MAAA,yBAAA,GAA4B,WAGvC,CAAC,EAAE,UAAU,SAAc,EAAA,GAAA,KAAA,IAAS,YAAiB,KAAA;AACrD,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,IACC,SAAW,EAAA,UAAA;AAAA,MACT,yCAAA;AAAA,MACA,SAAA;AAAA,KACF;AAAA,IACC,GAAG,KAAA;AAAA,IACJ,GAAK,EAAA,YAAA;AAAA,IAEJ,mBAAS,GAAI,CAAA,QAAA,EAAU,CAAC,KAAA,EAAO,0BAC7B,GAAA,CAAA,IAAA,EAAA;AAAA,MAAe,SAAU,EAAA,sCAAA;AAAA,MACvB,QAAA,EAAA,KAAA;AAAA,KAAA,EADM,KAET,CACD,CAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"HistoryVersionSummaryList.mjs","sources":["../../src/components/HistoryVersionSummaryList.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport { Children, forwardRef } from \"react\";\n\nimport { classNames } from \"../utils/class-names\";\n\nexport type HistoryVersionSummaryListProps = ComponentPropsWithoutRef<\"ol\">;\n\n/**\n * Displays versions summaries as a list.\n *\n * @example\n * <HistoryVersionSummaryList>\n *   {versions.map((version) => (\n *     <HistoryVersionSummary key={version.id} version={version} />\n *   ))}\n * </HistoryVersionSummaryList>\n */\nexport const HistoryVersionSummaryList = forwardRef<\n  HTMLOListElement,\n  HistoryVersionSummaryListProps\n>(({ children, className, ...props }, forwardedRef) => {\n  return (\n    <ol\n      className={classNames(\n        \"lb-root lb-history-version-summary-list\",\n        className\n      )}\n      {...props}\n      ref={forwardedRef}\n    >\n      {Children.map(children, (child, index) => (\n        <li key={index} className=\"lb-history-version-summary-list-item\">\n          {child}\n        </li>\n      ))}\n    </ol>\n  );\n});\n"],"names":[],"mappings":";;;;AAAA,YAAA,CAAA;AAmBa,MAAA,yBAAA,GAA4B,WAGvC,CAAC,EAAE,UAAU,SAAc,EAAA,GAAA,KAAA,IAAS,YAAiB,KAAA;AACrD,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,IACC,SAAW,EAAA,UAAA;AAAA,MACT,yCAAA;AAAA,MACA,SAAA;AAAA,KACF;AAAA,IACC,GAAG,KAAA;AAAA,IACJ,GAAK,EAAA,YAAA;AAAA,IAEJ,mBAAS,GAAI,CAAA,QAAA,EAAU,CAAC,KAAA,EAAO,0BAC7B,GAAA,CAAA,IAAA,EAAA;AAAA,MAAe,SAAU,EAAA,sCAAA;AAAA,MACvB,QAAA,EAAA,KAAA;AAAA,KAAA,EADM,KAET,CACD,CAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/components/InboxNotification.js

@@ -26,6 +26,7 @@ var Tooltip = require('./internal/Tooltip.js');
 var User = require('./internal/User.js');
 var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
 
+"use client";
 const InboxNotificationLayout = react.forwardRef(
   ({
     inboxNotification,

package/dist/components/InboxNotification.js.map

@@ -1 +1 @@
-{"version":3,"file":"InboxNotification.js","sources":["../../src/components/InboxNotification.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  InboxNotificationCustomData,\n  InboxNotificationData,\n  InboxNotificationTextMentionData,\n  InboxNotificationThreadData,\n  KDAD,\n} from \"@liveblocks/core\";\nimport { assertNever, console } from \"@liveblocks/core\";\nimport {\n  useDeleteInboxNotification,\n  useInboxNotificationThread,\n  useMarkInboxNotificationAsRead,\n  useRoomInfo,\n} from \"@liveblocks/react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { TooltipProvider } from \"@radix-ui/react-tooltip\";\nimport type {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ComponentType,\n  MouseEvent as ReactMouseEvent,\n  ReactNode,\n  SyntheticEvent,\n} from \"react\";\nimport { forwardRef, useCallback, useMemo, useState } from \"react\";\n\nimport type { GlobalComponents } from \"../components\";\nimport { useComponents } from \"../components\";\nimport { CheckIcon } from \"../icons/Check\";\nimport { DeleteIcon } from \"../icons/Delete\";\nimport { EllipsisIcon } from \"../icons/Ellipsis\";\nimport { WarningIcon } from \"../icons/Warning\";\nimport type {\n  CommentOverrides,\n  GlobalOverrides,\n  InboxNotificationOverrides,\n} from \"../overrides\";\nimport { useOverrides } from \"../overrides\";\nimport { Timestamp } from \"../primitives/Timestamp\";\nimport { useCurrentUserId } from \"../shared\";\nimport type { SlotProp } from \"../types\";\nimport { classNames } from \"../utils/class-names\";\nimport { generateURL } from \"../utils/url\";\nimport { Avatar, type AvatarProps } from \"./internal/Avatar\";\nimport { Button } from \"./internal/Button\";\nimport { Dropdown, DropdownItem, DropdownTrigger } from \"./internal/Dropdown\";\nimport {\n  generateInboxNotificationThreadContents,\n  INBOX_NOTIFICATION_THREAD_MAX_COMMENTS,\n  InboxNotificationComment,\n} from \"./internal/InboxNotificationThread\";\nimport { List } from \"./internal/List\";\nimport { Room } from \"./internal/Room\";\nimport { Tooltip } from \"./internal/Tooltip\";\nimport { User } from \"./internal/User\";\n\ntype ComponentTypeWithRef<\n  T extends keyof JSX.IntrinsicElements,\n  P,\n> = ComponentType<P & Pick<ComponentProps<T>, \"ref\">>;\n\ntype InboxNotificationKinds<KS extends KDAD = KDAD> = {\n  // For some reason, we cannot directly use KDAD in the mapped type line\n  // below, because it will result in '{}' rather than picking up the\n  // definition from the user-provided 'ActivitiesData'. Might be an internal\n  // TS optimization, so we're making it a param to defer the resolution.\n  [K in KS]: ComponentTypeWithRef<\"a\", InboxNotificationCustomKindProps<K>>;\n} & {\n  thread: ComponentTypeWithRef<\"a\", InboxNotificationThreadKindProps>;\n  textMention: ComponentTypeWithRef<\"a\", InboxNotificationTextMentionKindProps>;\n};\n\ninterface InboxNotificationSharedProps {\n  /**\n   * How to show or hide the actions.\n   */\n  showActions?: boolean | \"hover\";\n}\n\nexport interface InboxNotificationProps\n  extends Omit<ComponentPropsWithoutRef<\"a\">, \"title\">,\n    InboxNotificationSharedProps {\n  /**\n   * The inbox notification to display.\n   */\n  inboxNotification: InboxNotificationData;\n\n  /**\n   * Override specific kinds of inbox notifications.\n   */\n  kinds?: Partial<InboxNotificationKinds>;\n\n  /**\n   * Override the component's strings.\n   */\n  overrides?: Partial<\n    GlobalOverrides & InboxNotificationOverrides & CommentOverrides\n  >;\n\n  /**\n   * Override the component's components.\n   */\n  components?: Partial<GlobalComponents>;\n}\n\nexport interface InboxNotificationThreadProps\n  extends Omit<InboxNotificationProps, \"kinds\" | \"children\">,\n    InboxNotificationSharedProps {\n  /**\n   * The inbox notification to display.\n   */\n  inboxNotification: InboxNotificationThreadData;\n\n  /**\n   * Whether to show the room name in the title.\n   */\n  showRoomName?: boolean;\n\n  /**\n   * Whether to show reactions.\n   */\n  showReactions?: boolean;\n\n  /**\n   * Whether to show attachments.\n   */\n  showAttachments?: boolean;\n}\n\nexport interface InboxNotificationTextMentionProps\n  extends Omit<InboxNotificationProps, \"kinds\">,\n    InboxNotificationSharedProps {\n  /**\n   * The inbox notification to display.\n   */\n  inboxNotification: InboxNotificationTextMentionData;\n\n  /**\n   * Whether to show the room name in the title.\n   */\n  showRoomName?: boolean;\n}\n\nexport interface InboxNotificationCustomProps\n  extends Omit<InboxNotificationProps, \"kinds\">,\n    InboxNotificationSharedProps,\n    SlotProp {\n  /**\n   * The inbox notification to display.\n   */\n  inboxNotification: InboxNotificationCustomData;\n\n  /**\n   * The inbox notification's content.\n   */\n  children: ReactNode;\n\n  /**\n   * The inbox notification's title.\n   */\n  title: ReactNode;\n\n  /**\n   * The inbox notification's aside content.\n   * Can be combined with `InboxNotification.Icon` or `InboxNotification.Avatar` to easily follow default styles.\n   */\n  aside?: ReactNode;\n\n  /**\n   * Whether to mark the inbox notification as read when clicked.\n   */\n  markAsReadOnClick?: boolean;\n}\n\nexport type InboxNotificationThreadKindProps = Omit<\n  InboxNotificationProps,\n  \"kinds\"\n> & {\n  inboxNotification: InboxNotificationThreadData;\n};\n\nexport type InboxNotificationTextMentionKindProps = Omit<\n  InboxNotificationProps,\n  \"kinds\"\n> & {\n  inboxNotification: InboxNotificationTextMentionData;\n};\n\nexport type InboxNotificationCustomKindProps<K extends KDAD = KDAD> = Omit<\n  InboxNotificationProps,\n  \"kinds\"\n> & {\n  inboxNotification: InboxNotificationCustomData<K>;\n};\n\ninterface InboxNotificationLayoutProps\n  extends Omit<ComponentPropsWithoutRef<\"a\">, \"title\">,\n    InboxNotificationSharedProps,\n    SlotProp {\n  inboxNotification: InboxNotificationData;\n  aside: ReactNode;\n  title: ReactNode;\n  date: Date | string | number;\n  unread?: boolean;\n  overrides?: Partial<GlobalOverrides & InboxNotificationOverrides>;\n  components?: Partial<GlobalComponents>;\n  markAsReadOnClick?: boolean;\n}\n\nexport type InboxNotificationIconProps = ComponentProps<\"div\">;\n\nexport type InboxNotificationAvatarProps = AvatarProps;\n\nconst InboxNotificationLayout = forwardRef<\n  HTMLAnchorElement,\n  InboxNotificationLayoutProps\n>(\n  (\n    {\n      inboxNotification,\n      children,\n      aside,\n      title,\n      date,\n      unread,\n      markAsReadOnClick,\n      onClick,\n      href,\n      showActions,\n      overrides,\n      components,\n      className,\n      asChild,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    const $ = useOverrides(overrides);\n    const { Anchor } = useComponents(components);\n    const Component = asChild ? Slot : Anchor;\n    const [isMoreActionOpen, setMoreActionOpen] = useState(false);\n    const markInboxNotificationAsRead = useMarkInboxNotificationAsRead();\n    const deleteInboxNotification = useDeleteInboxNotification();\n\n    const handleClick = useCallback(\n      (event: ReactMouseEvent<HTMLAnchorElement, MouseEvent>) => {\n        onClick?.(event);\n\n        const shouldMarkAsReadOnClick = markAsReadOnClick ?? Boolean(href);\n\n        if (unread && shouldMarkAsReadOnClick) {\n          markInboxNotificationAsRead(inboxNotification.id);\n        }\n      },\n      [\n        href,\n        inboxNotification.id,\n        markAsReadOnClick,\n        markInboxNotificationAsRead,\n        onClick,\n        unread,\n      ]\n    );\n\n    const stopPropagation = useCallback((event: SyntheticEvent) => {\n      event.stopPropagation();\n    }, []);\n\n    const preventDefaultAndStopPropagation = useCallback(\n      (event: SyntheticEvent) => {\n        event.preventDefault();\n        event.stopPropagation();\n      },\n      []\n    );\n\n    const handleMoreClick = useCallback((event: ReactMouseEvent) => {\n      event.preventDefault();\n      event.stopPropagation();\n      setMoreActionOpen((open) => !open);\n    }, []);\n\n    const handleMarkAsRead = useCallback(() => {\n      markInboxNotificationAsRead(inboxNotification.id);\n    }, [inboxNotification.id, markInboxNotificationAsRead]);\n\n    const handleDelete = useCallback(() => {\n      deleteInboxNotification(inboxNotification.id);\n    }, [inboxNotification.id, deleteInboxNotification]);\n\n    return (\n      <TooltipProvider>\n        <Component\n          className={classNames(\n            \"lb-root lb-inbox-notification\",\n            showActions === \"hover\" &&\n              \"lb-inbox-notification:show-actions-hover\",\n            isMoreActionOpen && \"lb-inbox-notification:action-open\",\n            className\n          )}\n          dir={$.dir}\n          data-unread={unread ? \"\" : undefined}\n          data-kind={inboxNotification.kind}\n          onClick={handleClick}\n          href={href}\n          {...props}\n          ref={forwardedRef}\n        >\n          {aside && <div className=\"lb-inbox-notification-aside\">{aside}</div>}\n          <div className=\"lb-inbox-notification-content\">\n            <div className=\"lb-inbox-notification-header\">\n              <span className=\"lb-inbox-notification-title\">{title}</span>\n              <div className=\"lb-inbox-notification-details\">\n                <span className=\"lb-inbox-notification-details-labels\">\n                  <Timestamp\n                    locale={$.locale}\n                    date={date}\n                    className=\"lb-date lb-inbox-notification-date\"\n                  />\n                  {unread && (\n                    <span\n                      className=\"lb-inbox-notification-unread-indicator\"\n                      role=\"presentation\"\n                    />\n                  )}\n                </span>\n              </div>\n              {showActions && (\n                <div className=\"lb-inbox-notification-actions\">\n                  <Dropdown\n                    open={isMoreActionOpen}\n                    onOpenChange={setMoreActionOpen}\n                    align=\"end\"\n                    content={\n                      <>\n                        {unread ? (\n                          <DropdownItem\n                            onSelect={handleMarkAsRead}\n                            onClick={stopPropagation}\n                          >\n                            <CheckIcon className=\"lb-dropdown-item-icon\" />\n                            {$.INBOX_NOTIFICATION_MARK_AS_READ}\n                          </DropdownItem>\n                        ) : null}\n                        <DropdownItem\n                          onSelect={handleDelete}\n                          onClick={stopPropagation}\n                        >\n                          <DeleteIcon className=\"lb-dropdown-item-icon\" />\n                          {$.INBOX_NOTIFICATION_DELETE}\n                        </DropdownItem>\n                      </>\n                    }\n                  >\n                    <Tooltip content={$.INBOX_NOTIFICATION_MORE}>\n                      <DropdownTrigger asChild>\n                        <Button\n                          className=\"lb-inbox-notification-action\"\n                          onClick={handleMoreClick}\n                          onPointerDown={preventDefaultAndStopPropagation}\n                          onPointerUp={preventDefaultAndStopPropagation}\n                          aria-label={$.INBOX_NOTIFICATION_MORE}\n                        >\n                          <EllipsisIcon className=\"lb-button-icon\" />\n                        </Button>\n                      </DropdownTrigger>\n                    </Tooltip>\n                  </Dropdown>\n                </div>\n              )}\n            </div>\n            <div className=\"lb-inbox-notification-body\">{children}</div>\n          </div>\n        </Component>\n      </TooltipProvider>\n    );\n  }\n);\n\nfunction InboxNotificationIcon({\n  className,\n  ...props\n}: InboxNotificationIconProps) {\n  return (\n    <div\n      className={classNames(\"lb-inbox-notification-icon\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction InboxNotificationAvatar({\n  className,\n  ...props\n}: InboxNotificationAvatarProps) {\n  return (\n    <Avatar\n      className={classNames(\"lb-inbox-notification-avatar\", className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Displays a thread inbox notification.\n */\nconst InboxNotificationThread = forwardRef<\n  HTMLAnchorElement,\n  InboxNotificationThreadProps\n>(\n  (\n    {\n      inboxNotification,\n      href,\n      showRoomName = true,\n      showReactions = true,\n      showAttachments = true,\n      showActions = \"hover\",\n      overrides,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    const $ = useOverrides(overrides);\n    const thread = useInboxNotificationThread(inboxNotification.id);\n    const currentUserId = useCurrentUserId();\n    // TODO: If you provide `href` (or plan to), we shouldn't run this hook. We should find a way to conditionally run it.\n    //       Because of batching and the fact that the same hook will be called within <Room /> in the notification's title,\n    //       it's not a big deal, the only scenario where it would be superfluous would be if the user provides their own\n    //       `href` AND disables room names in the title via `showRoomName={false}`.\n    const { info } = useRoomInfo(inboxNotification.roomId);\n    const contents = useMemo(() => {\n      const contents = generateInboxNotificationThreadContents(\n        inboxNotification,\n        thread,\n        currentUserId ?? \"\"\n      );\n\n      if (contents.comments.length === 0 || contents.userIds.length === 0) {\n        return null;\n      }\n\n      switch (contents.type) {\n        case \"comments\": {\n          const reversedUserIds = [...contents.userIds].reverse();\n          const firstUserId = reversedUserIds[0]!;\n\n          const aside = <InboxNotificationAvatar userId={firstUserId} />;\n          const title = $.INBOX_NOTIFICATION_THREAD_COMMENTS_LIST(\n            <List\n              values={reversedUserIds.map((userId) => (\n                <User key={userId} userId={userId} replaceSelf />\n              ))}\n              formatRemaining={$.LIST_REMAINING_USERS}\n              truncate={INBOX_NOTIFICATION_THREAD_MAX_COMMENTS - 1}\n              locale={$.locale}\n            />,\n            showRoomName ? <Room roomId={thread.roomId} /> : undefined,\n            reversedUserIds.length\n          );\n          const content = (\n            <div className=\"lb-inbox-notification-comments\">\n              {contents.comments.map((comment) => (\n                <InboxNotificationComment\n                  key={comment.id}\n                  comment={comment}\n                  showHeader={contents.comments.length > 1}\n                  showAttachments={showAttachments}\n                  showReactions={showReactions}\n                  overrides={overrides}\n                />\n              ))}\n            </div>\n          );\n\n          return {\n            unread: contents.unread,\n            date: contents.date,\n            aside,\n            title,\n            content,\n            threadId: thread.id,\n            commentId: contents.comments[contents.comments.length - 1]!.id,\n          };\n        }\n\n        case \"mention\": {\n          const mentionUserId = contents.userIds[0]!;\n          const mentionComment = contents.comments[0]!;\n\n          const aside = <InboxNotificationAvatar userId={mentionUserId} />;\n          const title = $.INBOX_NOTIFICATION_THREAD_MENTION(\n            <User key={mentionUserId} userId={mentionUserId} />,\n            showRoomName ? <Room roomId={thread.roomId} /> : undefined\n          );\n          const content = (\n            <div className=\"lb-inbox-notification-comments\">\n              <InboxNotificationComment\n                key={mentionComment.id}\n                comment={mentionComment}\n                showHeader={false}\n                showAttachments={showAttachments}\n                showReactions={showReactions}\n                overrides={overrides}\n              />\n            </div>\n          );\n\n          return {\n            unread: contents.unread,\n            date: contents.date,\n            aside,\n            title,\n            content,\n            threadId: thread.id,\n            commentId: mentionComment.id,\n          };\n        }\n\n        default:\n          return assertNever(\n            contents,\n            \"Unexpected thread inbox notification type\"\n          );\n      }\n    }, [\n      $,\n      currentUserId,\n      inboxNotification,\n      overrides,\n      showRoomName,\n      showAttachments,\n      showReactions,\n      thread,\n    ]);\n    // Add the thread ID and comment ID to the `href`.\n    // And use URL from `resolveRoomsInfo` if `href` isn't set.\n    const resolvedHref = useMemo(() => {\n      const resolvedHref = href ?? info?.url;\n\n      return resolvedHref\n        ? generateURL(resolvedHref, undefined, contents?.commentId)\n        : undefined;\n    }, [contents?.commentId, href, info?.url]);\n\n    if (!contents) {\n      return null;\n    }\n\n    const { aside, title, content, date, unread } = contents;\n\n    return (\n      <InboxNotificationLayout\n        inboxNotification={inboxNotification}\n        aside={aside}\n        title={title}\n        date={date}\n        unread={unread}\n        overrides={overrides}\n        href={resolvedHref}\n        showActions={showActions}\n        markAsReadOnClick={false}\n        {...props}\n        ref={forwardedRef}\n      >\n        {content}\n      </InboxNotificationLayout>\n    );\n  }\n);\n\n/**\n * Displays a text mention notification kind.\n */\nconst InboxNotificationTextMention = forwardRef<\n  HTMLAnchorElement,\n  InboxNotificationTextMentionProps\n>(\n  (\n    {\n      inboxNotification,\n      showActions = \"hover\",\n      showRoomName = true,\n      overrides,\n      ...props\n    },\n    ref\n  ) => {\n    const $ = useOverrides(overrides);\n\n    const unread = useMemo(() => {\n      return (\n        !inboxNotification.readAt ||\n        inboxNotification.notifiedAt > inboxNotification.readAt\n      );\n    }, [inboxNotification.notifiedAt, inboxNotification.readAt]);\n\n    return (\n      <InboxNotificationLayout\n        inboxNotification={inboxNotification}\n        aside={<InboxNotificationAvatar userId={inboxNotification.createdBy} />}\n        title={$.INBOX_NOTIFICATION_TEXT_MENTION(\n          <User\n            key={inboxNotification.createdBy}\n            userId={inboxNotification.createdBy}\n          />,\n          showRoomName ? <Room roomId={inboxNotification.roomId} /> : undefined\n        )}\n        date={inboxNotification.notifiedAt}\n        unread={unread}\n        overrides={overrides}\n        showActions={showActions}\n        {...props}\n        ref={ref}\n      />\n    );\n  }\n);\n\n/**\n * Displays a custom notification kind.\n */\nconst InboxNotificationCustom = forwardRef<\n  HTMLAnchorElement,\n  InboxNotificationCustomProps\n>(\n  (\n    {\n      inboxNotification,\n      showActions = \"hover\",\n      title,\n      aside,\n      children,\n      overrides,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    const unread = useMemo(() => {\n      return (\n        !inboxNotification.readAt ||\n        inboxNotification.notifiedAt > inboxNotification.readAt\n      );\n    }, [inboxNotification.notifiedAt, inboxNotification.readAt]);\n\n    return (\n      <InboxNotificationLayout\n        inboxNotification={inboxNotification}\n        aside={aside}\n        title={title}\n        date={inboxNotification.notifiedAt}\n        unread={unread}\n        overrides={overrides}\n        showActions={showActions}\n        {...props}\n        ref={forwardedRef}\n      >\n        {children}\n      </InboxNotificationLayout>\n    );\n  }\n);\n\nconst InboxNotificationCustomMissing = forwardRef<\n  HTMLAnchorElement,\n  Omit<InboxNotificationCustomProps, \"children\" | \"title\" | \"aside\">\n>(({ inboxNotification, ...props }, forwardedRef) => {\n  return (\n    <InboxNotificationCustom\n      inboxNotification={inboxNotification}\n      {...props}\n      title={\n        <>\n          Custom notification kind <code>{inboxNotification.kind}</code> is not\n          handled\n        </>\n      }\n      aside={\n        <InboxNotificationIcon>\n          <WarningIcon />\n        </InboxNotificationIcon>\n      }\n      ref={forwardedRef}\n      data-missing=\"\"\n    >\n      {/* TODO: Add link to the docs */}\n      Notifications of this kind won’t be displayed in production. Use the{\" \"}\n      <code>kinds</code> prop to define how they should be rendered.\n    </InboxNotificationCustom>\n  );\n});\n\n// Keeps track of which inbox notification kinds it has warned about already.\nconst inboxNotificationKindsWarnings: Set<string> = new Set();\n\n/**\n * Displays a single inbox notification.\n *\n * @example\n * <>\n *   {inboxNotifications.map((inboxNotification) => (\n *     <InboxNotification\n *       key={inboxNotification.id}\n *       inboxNotification={inboxNotification}\n *       href={`/rooms/${inboxNotification.roomId}`\n *     />\n *   ))}\n * </>\n */\nexport const InboxNotification = Object.assign(\n  forwardRef<HTMLAnchorElement, InboxNotificationProps>(\n    ({ inboxNotification, kinds, ...props }, forwardedRef) => {\n      switch (inboxNotification.kind) {\n        case \"thread\": {\n          const ResolvedInboxNotificationThread =\n            kinds?.thread ?? InboxNotificationThread;\n\n          return (\n            <ResolvedInboxNotificationThread\n              inboxNotification={inboxNotification}\n              {...props}\n              ref={forwardedRef}\n            />\n          );\n        }\n\n        case \"textMention\": {\n          const ResolvedInboxNotificationTextMention =\n            kinds?.textMention ?? InboxNotificationTextMention;\n\n          return (\n            <ResolvedInboxNotificationTextMention\n              inboxNotification={inboxNotification}\n              {...props}\n              ref={forwardedRef}\n            />\n          );\n        }\n\n        default: {\n          const ResolvedInboxNotificationCustom =\n            kinds?.[inboxNotification.kind];\n\n          if (!ResolvedInboxNotificationCustom) {\n            if (process.env.NODE_ENV !== \"production\") {\n              if (!inboxNotificationKindsWarnings.has(inboxNotification.kind)) {\n                inboxNotificationKindsWarnings.add(inboxNotification.kind);\n                // TODO: Add link to the docs\n                console.warn(\n                  `Custom notification kind \"${inboxNotification.kind}\" is not handled so notifications of this kind will not be displayed in production. Use the kinds prop to define how they should be rendered.`\n                );\n              }\n\n              return (\n                <InboxNotificationCustomMissing\n                  inboxNotification={inboxNotification}\n                  {...props}\n                  ref={forwardedRef}\n                />\n              );\n            } else {\n              // Don't render anything in production if this inbox notification kind is not defined.\n              return null;\n            }\n          }\n\n          return (\n            <ResolvedInboxNotificationCustom\n              inboxNotification={inboxNotification}\n              {...props}\n              ref={forwardedRef}\n            />\n          );\n        }\n      }\n    }\n  ),\n  {\n    Thread: InboxNotificationThread,\n    TextMention: InboxNotificationTextMention,\n    Custom: InboxNotificationCustom,\n    Icon: InboxNotificationIcon,\n    Avatar: InboxNotificationAvatar,\n  }\n);\n"],"names":["forwardRef","overrides","components","useOverrides","useComponents","Slot","useState","useMarkInboxNotificationAsRead","useDeleteInboxNotification","useCallback","jsx","TooltipProvider","jsxs","classNames","Timestamp","Dropdown","Fragment","DropdownItem","CheckIcon","DeleteIcon","Tooltip","DropdownTrigger","Button","EllipsisIcon","Avatar","useInboxNotificationThread","useCurrentUserId","useRoomInfo","useMemo","contents","generateInboxNotificationThreadContents","aside","title","List","User","INBOX_NOTIFICATION_THREAD_MAX_COMMENTS","Room","content","InboxNotificationComment","assertNever","resolvedHref","generateURL","WarningIcon","console"],"mappings":"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"}
+{"version":3,"file":"InboxNotification.js","sources":["../../src/components/InboxNotification.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  InboxNotificationCustomData,\n  InboxNotificationData,\n  InboxNotificationTextMentionData,\n  InboxNotificationThreadData,\n  KDAD,\n} from \"@liveblocks/core\";\nimport { assertNever, console } from \"@liveblocks/core\";\nimport {\n  useDeleteInboxNotification,\n  useInboxNotificationThread,\n  useMarkInboxNotificationAsRead,\n  useRoomInfo,\n} from \"@liveblocks/react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { TooltipProvider } from \"@radix-ui/react-tooltip\";\nimport type {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ComponentType,\n  MouseEvent as ReactMouseEvent,\n  ReactNode,\n  SyntheticEvent,\n} from \"react\";\nimport { forwardRef, useCallback, useMemo, useState } from \"react\";\n\nimport type { GlobalComponents } from \"../components\";\nimport { useComponents } from \"../components\";\nimport { CheckIcon } from \"../icons/Check\";\nimport { DeleteIcon } from \"../icons/Delete\";\nimport { EllipsisIcon } from \"../icons/Ellipsis\";\nimport { WarningIcon } from \"../icons/Warning\";\nimport type {\n  CommentOverrides,\n  GlobalOverrides,\n  InboxNotificationOverrides,\n} from \"../overrides\";\nimport { useOverrides } from \"../overrides\";\nimport { Timestamp } from \"../primitives/Timestamp\";\nimport { useCurrentUserId } from \"../shared\";\nimport type { SlotProp } from \"../types\";\nimport { classNames } from \"../utils/class-names\";\nimport { generateURL } from \"../utils/url\";\nimport { Avatar, type AvatarProps } from \"./internal/Avatar\";\nimport { Button } from \"./internal/Button\";\nimport { Dropdown, DropdownItem, DropdownTrigger } from \"./internal/Dropdown\";\nimport {\n  generateInboxNotificationThreadContents,\n  INBOX_NOTIFICATION_THREAD_MAX_COMMENTS,\n  InboxNotificationComment,\n} from \"./internal/InboxNotificationThread\";\nimport { List } from \"./internal/List\";\nimport { Room } from \"./internal/Room\";\nimport { Tooltip } from \"./internal/Tooltip\";\nimport { User } from \"./internal/User\";\n\ntype ComponentTypeWithRef<\n  T extends keyof JSX.IntrinsicElements,\n  P,\n> = ComponentType<P & Pick<ComponentProps<T>, \"ref\">>;\n\ntype InboxNotificationKinds<KS extends KDAD = KDAD> = {\n  // For some reason, we cannot directly use KDAD in the mapped type line\n  // below, because it will result in '{}' rather than picking up the\n  // definition from the user-provided 'ActivitiesData'. Might be an internal\n  // TS optimization, so we're making it a param to defer the resolution.\n  [K in KS]: ComponentTypeWithRef<\"a\", InboxNotificationCustomKindProps<K>>;\n} & {\n  thread: ComponentTypeWithRef<\"a\", InboxNotificationThreadKindProps>;\n  textMention: ComponentTypeWithRef<\"a\", InboxNotificationTextMentionKindProps>;\n};\n\ninterface InboxNotificationSharedProps {\n  /**\n   * How to show or hide the actions.\n   */\n  showActions?: boolean | \"hover\";\n}\n\nexport interface InboxNotificationProps\n  extends Omit<ComponentPropsWithoutRef<\"a\">, \"title\">,\n    InboxNotificationSharedProps {\n  /**\n   * The inbox notification to display.\n   */\n  inboxNotification: InboxNotificationData;\n\n  /**\n   * Override specific kinds of inbox notifications.\n   */\n  kinds?: Partial<InboxNotificationKinds>;\n\n  /**\n   * Override the component's strings.\n   */\n  overrides?: Partial<\n    GlobalOverrides & InboxNotificationOverrides & CommentOverrides\n  >;\n\n  /**\n   * Override the component's components.\n   */\n  components?: Partial<GlobalComponents>;\n}\n\nexport interface InboxNotificationThreadProps\n  extends Omit<InboxNotificationProps, \"kinds\" | \"children\">,\n    InboxNotificationSharedProps {\n  /**\n   * The inbox notification to display.\n   */\n  inboxNotification: InboxNotificationThreadData;\n\n  /**\n   * Whether to show the room name in the title.\n   */\n  showRoomName?: boolean;\n\n  /**\n   * Whether to show reactions.\n   */\n  showReactions?: boolean;\n\n  /**\n   * Whether to show attachments.\n   */\n  showAttachments?: boolean;\n}\n\nexport interface InboxNotificationTextMentionProps\n  extends Omit<InboxNotificationProps, \"kinds\">,\n    InboxNotificationSharedProps {\n  /**\n   * The inbox notification to display.\n   */\n  inboxNotification: InboxNotificationTextMentionData;\n\n  /**\n   * Whether to show the room name in the title.\n   */\n  showRoomName?: boolean;\n}\n\nexport interface InboxNotificationCustomProps\n  extends Omit<InboxNotificationProps, \"kinds\">,\n    InboxNotificationSharedProps,\n    SlotProp {\n  /**\n   * The inbox notification to display.\n   */\n  inboxNotification: InboxNotificationCustomData;\n\n  /**\n   * The inbox notification's content.\n   */\n  children: ReactNode;\n\n  /**\n   * The inbox notification's title.\n   */\n  title: ReactNode;\n\n  /**\n   * The inbox notification's aside content.\n   * Can be combined with `InboxNotification.Icon` or `InboxNotification.Avatar` to easily follow default styles.\n   */\n  aside?: ReactNode;\n\n  /**\n   * Whether to mark the inbox notification as read when clicked.\n   */\n  markAsReadOnClick?: boolean;\n}\n\nexport type InboxNotificationThreadKindProps = Omit<\n  InboxNotificationProps,\n  \"kinds\"\n> & {\n  inboxNotification: InboxNotificationThreadData;\n};\n\nexport type InboxNotificationTextMentionKindProps = Omit<\n  InboxNotificationProps,\n  \"kinds\"\n> & {\n  inboxNotification: InboxNotificationTextMentionData;\n};\n\nexport type InboxNotificationCustomKindProps<K extends KDAD = KDAD> = Omit<\n  InboxNotificationProps,\n  \"kinds\"\n> & {\n  inboxNotification: InboxNotificationCustomData<K>;\n};\n\ninterface InboxNotificationLayoutProps\n  extends Omit<ComponentPropsWithoutRef<\"a\">, \"title\">,\n    InboxNotificationSharedProps,\n    SlotProp {\n  inboxNotification: InboxNotificationData;\n  aside: ReactNode;\n  title: ReactNode;\n  date: Date | string | number;\n  unread?: boolean;\n  overrides?: Partial<GlobalOverrides & InboxNotificationOverrides>;\n  components?: Partial<GlobalComponents>;\n  markAsReadOnClick?: boolean;\n}\n\nexport type InboxNotificationIconProps = ComponentProps<\"div\">;\n\nexport type InboxNotificationAvatarProps = AvatarProps;\n\nconst InboxNotificationLayout = forwardRef<\n  HTMLAnchorElement,\n  InboxNotificationLayoutProps\n>(\n  (\n    {\n      inboxNotification,\n      children,\n      aside,\n      title,\n      date,\n      unread,\n      markAsReadOnClick,\n      onClick,\n      href,\n      showActions,\n      overrides,\n      components,\n      className,\n      asChild,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    const $ = useOverrides(overrides);\n    const { Anchor } = useComponents(components);\n    const Component = asChild ? Slot : Anchor;\n    const [isMoreActionOpen, setMoreActionOpen] = useState(false);\n    const markInboxNotificationAsRead = useMarkInboxNotificationAsRead();\n    const deleteInboxNotification = useDeleteInboxNotification();\n\n    const handleClick = useCallback(\n      (event: ReactMouseEvent<HTMLAnchorElement, MouseEvent>) => {\n        onClick?.(event);\n\n        const shouldMarkAsReadOnClick = markAsReadOnClick ?? Boolean(href);\n\n        if (unread && shouldMarkAsReadOnClick) {\n          markInboxNotificationAsRead(inboxNotification.id);\n        }\n      },\n      [\n        href,\n        inboxNotification.id,\n        markAsReadOnClick,\n        markInboxNotificationAsRead,\n        onClick,\n        unread,\n      ]\n    );\n\n    const stopPropagation = useCallback((event: SyntheticEvent) => {\n      event.stopPropagation();\n    }, []);\n\n    const preventDefaultAndStopPropagation = useCallback(\n      (event: SyntheticEvent) => {\n        event.preventDefault();\n        event.stopPropagation();\n      },\n      []\n    );\n\n    const handleMoreClick = useCallback((event: ReactMouseEvent) => {\n      event.preventDefault();\n      event.stopPropagation();\n      setMoreActionOpen((open) => !open);\n    }, []);\n\n    const handleMarkAsRead = useCallback(() => {\n      markInboxNotificationAsRead(inboxNotification.id);\n    }, [inboxNotification.id, markInboxNotificationAsRead]);\n\n    const handleDelete = useCallback(() => {\n      deleteInboxNotification(inboxNotification.id);\n    }, [inboxNotification.id, deleteInboxNotification]);\n\n    return (\n      <TooltipProvider>\n        <Component\n          className={classNames(\n            \"lb-root lb-inbox-notification\",\n            showActions === \"hover\" &&\n              \"lb-inbox-notification:show-actions-hover\",\n            isMoreActionOpen && \"lb-inbox-notification:action-open\",\n            className\n          )}\n          dir={$.dir}\n          data-unread={unread ? \"\" : undefined}\n          data-kind={inboxNotification.kind}\n          onClick={handleClick}\n          href={href}\n          {...props}\n          ref={forwardedRef}\n        >\n          {aside && <div className=\"lb-inbox-notification-aside\">{aside}</div>}\n          <div className=\"lb-inbox-notification-content\">\n            <div className=\"lb-inbox-notification-header\">\n              <span className=\"lb-inbox-notification-title\">{title}</span>\n              <div className=\"lb-inbox-notification-details\">\n                <span className=\"lb-inbox-notification-details-labels\">\n                  <Timestamp\n                    locale={$.locale}\n                    date={date}\n                    className=\"lb-date lb-inbox-notification-date\"\n                  />\n                  {unread && (\n                    <span\n                      className=\"lb-inbox-notification-unread-indicator\"\n                      role=\"presentation\"\n                    />\n                  )}\n                </span>\n              </div>\n              {showActions && (\n                <div className=\"lb-inbox-notification-actions\">\n                  <Dropdown\n                    open={isMoreActionOpen}\n                    onOpenChange={setMoreActionOpen}\n                    align=\"end\"\n                    content={\n                      <>\n                        {unread ? (\n                          <DropdownItem\n                            onSelect={handleMarkAsRead}\n                            onClick={stopPropagation}\n                          >\n                            <CheckIcon className=\"lb-dropdown-item-icon\" />\n                            {$.INBOX_NOTIFICATION_MARK_AS_READ}\n                          </DropdownItem>\n                        ) : null}\n                        <DropdownItem\n                          onSelect={handleDelete}\n                          onClick={stopPropagation}\n                        >\n                          <DeleteIcon className=\"lb-dropdown-item-icon\" />\n                          {$.INBOX_NOTIFICATION_DELETE}\n                        </DropdownItem>\n                      </>\n                    }\n                  >\n                    <Tooltip content={$.INBOX_NOTIFICATION_MORE}>\n                      <DropdownTrigger asChild>\n                        <Button\n                          className=\"lb-inbox-notification-action\"\n                          onClick={handleMoreClick}\n                          onPointerDown={preventDefaultAndStopPropagation}\n                          onPointerUp={preventDefaultAndStopPropagation}\n                          aria-label={$.INBOX_NOTIFICATION_MORE}\n                        >\n                          <EllipsisIcon className=\"lb-button-icon\" />\n                        </Button>\n                      </DropdownTrigger>\n                    </Tooltip>\n                  </Dropdown>\n                </div>\n              )}\n            </div>\n            <div className=\"lb-inbox-notification-body\">{children}</div>\n          </div>\n        </Component>\n      </TooltipProvider>\n    );\n  }\n);\n\nfunction InboxNotificationIcon({\n  className,\n  ...props\n}: InboxNotificationIconProps) {\n  return (\n    <div\n      className={classNames(\"lb-inbox-notification-icon\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction InboxNotificationAvatar({\n  className,\n  ...props\n}: InboxNotificationAvatarProps) {\n  return (\n    <Avatar\n      className={classNames(\"lb-inbox-notification-avatar\", className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Displays a thread inbox notification.\n */\nconst InboxNotificationThread = forwardRef<\n  HTMLAnchorElement,\n  InboxNotificationThreadProps\n>(\n  (\n    {\n      inboxNotification,\n      href,\n      showRoomName = true,\n      showReactions = true,\n      showAttachments = true,\n      showActions = \"hover\",\n      overrides,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    const $ = useOverrides(overrides);\n    const thread = useInboxNotificationThread(inboxNotification.id);\n    const currentUserId = useCurrentUserId();\n    // TODO: If you provide `href` (or plan to), we shouldn't run this hook. We should find a way to conditionally run it.\n    //       Because of batching and the fact that the same hook will be called within <Room /> in the notification's title,\n    //       it's not a big deal, the only scenario where it would be superfluous would be if the user provides their own\n    //       `href` AND disables room names in the title via `showRoomName={false}`.\n    const { info } = useRoomInfo(inboxNotification.roomId);\n    const contents = useMemo(() => {\n      const contents = generateInboxNotificationThreadContents(\n        inboxNotification,\n        thread,\n        currentUserId ?? \"\"\n      );\n\n      if (contents.comments.length === 0 || contents.userIds.length === 0) {\n        return null;\n      }\n\n      switch (contents.type) {\n        case \"comments\": {\n          const reversedUserIds = [...contents.userIds].reverse();\n          const firstUserId = reversedUserIds[0]!;\n\n          const aside = <InboxNotificationAvatar userId={firstUserId} />;\n          const title = $.INBOX_NOTIFICATION_THREAD_COMMENTS_LIST(\n            <List\n              values={reversedUserIds.map((userId) => (\n                <User key={userId} userId={userId} replaceSelf />\n              ))}\n              formatRemaining={$.LIST_REMAINING_USERS}\n              truncate={INBOX_NOTIFICATION_THREAD_MAX_COMMENTS - 1}\n              locale={$.locale}\n            />,\n            showRoomName ? <Room roomId={thread.roomId} /> : undefined,\n            reversedUserIds.length\n          );\n          const content = (\n            <div className=\"lb-inbox-notification-comments\">\n              {contents.comments.map((comment) => (\n                <InboxNotificationComment\n                  key={comment.id}\n                  comment={comment}\n                  showHeader={contents.comments.length > 1}\n                  showAttachments={showAttachments}\n                  showReactions={showReactions}\n                  overrides={overrides}\n                />\n              ))}\n            </div>\n          );\n\n          return {\n            unread: contents.unread,\n            date: contents.date,\n            aside,\n            title,\n            content,\n            threadId: thread.id,\n            commentId: contents.comments[contents.comments.length - 1]!.id,\n          };\n        }\n\n        case \"mention\": {\n          const mentionUserId = contents.userIds[0]!;\n          const mentionComment = contents.comments[0]!;\n\n          const aside = <InboxNotificationAvatar userId={mentionUserId} />;\n          const title = $.INBOX_NOTIFICATION_THREAD_MENTION(\n            <User key={mentionUserId} userId={mentionUserId} />,\n            showRoomName ? <Room roomId={thread.roomId} /> : undefined\n          );\n          const content = (\n            <div className=\"lb-inbox-notification-comments\">\n              <InboxNotificationComment\n                key={mentionComment.id}\n                comment={mentionComment}\n                showHeader={false}\n                showAttachments={showAttachments}\n                showReactions={showReactions}\n                overrides={overrides}\n              />\n            </div>\n          );\n\n          return {\n            unread: contents.unread,\n            date: contents.date,\n            aside,\n            title,\n            content,\n            threadId: thread.id,\n            commentId: mentionComment.id,\n          };\n        }\n\n        default:\n          return assertNever(\n            contents,\n            \"Unexpected thread inbox notification type\"\n          );\n      }\n    }, [\n      $,\n      currentUserId,\n      inboxNotification,\n      overrides,\n      showRoomName,\n      showAttachments,\n      showReactions,\n      thread,\n    ]);\n    // Add the thread ID and comment ID to the `href`.\n    // And use URL from `resolveRoomsInfo` if `href` isn't set.\n    const resolvedHref = useMemo(() => {\n      const resolvedHref = href ?? info?.url;\n\n      return resolvedHref\n        ? generateURL(resolvedHref, undefined, contents?.commentId)\n        : undefined;\n    }, [contents?.commentId, href, info?.url]);\n\n    if (!contents) {\n      return null;\n    }\n\n    const { aside, title, content, date, unread } = contents;\n\n    return (\n      <InboxNotificationLayout\n        inboxNotification={inboxNotification}\n        aside={aside}\n        title={title}\n        date={date}\n        unread={unread}\n        overrides={overrides}\n        href={resolvedHref}\n        showActions={showActions}\n        markAsReadOnClick={false}\n        {...props}\n        ref={forwardedRef}\n      >\n        {content}\n      </InboxNotificationLayout>\n    );\n  }\n);\n\n/**\n * Displays a text mention notification kind.\n */\nconst InboxNotificationTextMention = forwardRef<\n  HTMLAnchorElement,\n  InboxNotificationTextMentionProps\n>(\n  (\n    {\n      inboxNotification,\n      showActions = \"hover\",\n      showRoomName = true,\n      overrides,\n      ...props\n    },\n    ref\n  ) => {\n    const $ = useOverrides(overrides);\n\n    const unread = useMemo(() => {\n      return (\n        !inboxNotification.readAt ||\n        inboxNotification.notifiedAt > inboxNotification.readAt\n      );\n    }, [inboxNotification.notifiedAt, inboxNotification.readAt]);\n\n    return (\n      <InboxNotificationLayout\n        inboxNotification={inboxNotification}\n        aside={<InboxNotificationAvatar userId={inboxNotification.createdBy} />}\n        title={$.INBOX_NOTIFICATION_TEXT_MENTION(\n          <User\n            key={inboxNotification.createdBy}\n            userId={inboxNotification.createdBy}\n          />,\n          showRoomName ? <Room roomId={inboxNotification.roomId} /> : undefined\n        )}\n        date={inboxNotification.notifiedAt}\n        unread={unread}\n        overrides={overrides}\n        showActions={showActions}\n        {...props}\n        ref={ref}\n      />\n    );\n  }\n);\n\n/**\n * Displays a custom notification kind.\n */\nconst InboxNotificationCustom = forwardRef<\n  HTMLAnchorElement,\n  InboxNotificationCustomProps\n>(\n  (\n    {\n      inboxNotification,\n      showActions = \"hover\",\n      title,\n      aside,\n      children,\n      overrides,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    const unread = useMemo(() => {\n      return (\n        !inboxNotification.readAt ||\n        inboxNotification.notifiedAt > inboxNotification.readAt\n      );\n    }, [inboxNotification.notifiedAt, inboxNotification.readAt]);\n\n    return (\n      <InboxNotificationLayout\n        inboxNotification={inboxNotification}\n        aside={aside}\n        title={title}\n        date={inboxNotification.notifiedAt}\n        unread={unread}\n        overrides={overrides}\n        showActions={showActions}\n        {...props}\n        ref={forwardedRef}\n      >\n        {children}\n      </InboxNotificationLayout>\n    );\n  }\n);\n\nconst InboxNotificationCustomMissing = forwardRef<\n  HTMLAnchorElement,\n  Omit<InboxNotificationCustomProps, \"children\" | \"title\" | \"aside\">\n>(({ inboxNotification, ...props }, forwardedRef) => {\n  return (\n    <InboxNotificationCustom\n      inboxNotification={inboxNotification}\n      {...props}\n      title={\n        <>\n          Custom notification kind <code>{inboxNotification.kind}</code> is not\n          handled\n        </>\n      }\n      aside={\n        <InboxNotificationIcon>\n          <WarningIcon />\n        </InboxNotificationIcon>\n      }\n      ref={forwardedRef}\n      data-missing=\"\"\n    >\n      {/* TODO: Add link to the docs */}\n      Notifications of this kind won’t be displayed in production. Use the{\" \"}\n      <code>kinds</code> prop to define how they should be rendered.\n    </InboxNotificationCustom>\n  );\n});\n\n// Keeps track of which inbox notification kinds it has warned about already.\nconst inboxNotificationKindsWarnings: Set<string> = new Set();\n\n/**\n * Displays a single inbox notification.\n *\n * @example\n * <>\n *   {inboxNotifications.map((inboxNotification) => (\n *     <InboxNotification\n *       key={inboxNotification.id}\n *       inboxNotification={inboxNotification}\n *       href={`/rooms/${inboxNotification.roomId}`\n *     />\n *   ))}\n * </>\n */\nexport const InboxNotification = Object.assign(\n  forwardRef<HTMLAnchorElement, InboxNotificationProps>(\n    ({ inboxNotification, kinds, ...props }, forwardedRef) => {\n      switch (inboxNotification.kind) {\n        case \"thread\": {\n          const ResolvedInboxNotificationThread =\n            kinds?.thread ?? InboxNotificationThread;\n\n          return (\n            <ResolvedInboxNotificationThread\n              inboxNotification={inboxNotification}\n              {...props}\n              ref={forwardedRef}\n            />\n          );\n        }\n\n        case \"textMention\": {\n          const ResolvedInboxNotificationTextMention =\n            kinds?.textMention ?? InboxNotificationTextMention;\n\n          return (\n            <ResolvedInboxNotificationTextMention\n              inboxNotification={inboxNotification}\n              {...props}\n              ref={forwardedRef}\n            />\n          );\n        }\n\n        default: {\n          const ResolvedInboxNotificationCustom =\n            kinds?.[inboxNotification.kind];\n\n          if (!ResolvedInboxNotificationCustom) {\n            if (process.env.NODE_ENV !== \"production\") {\n              if (!inboxNotificationKindsWarnings.has(inboxNotification.kind)) {\n                inboxNotificationKindsWarnings.add(inboxNotification.kind);\n                // TODO: Add link to the docs\n                console.warn(\n                  `Custom notification kind \"${inboxNotification.kind}\" is not handled so notifications of this kind will not be displayed in production. Use the kinds prop to define how they should be rendered.`\n                );\n              }\n\n              return (\n                <InboxNotificationCustomMissing\n                  inboxNotification={inboxNotification}\n                  {...props}\n                  ref={forwardedRef}\n                />\n              );\n            } else {\n              // Don't render anything in production if this inbox notification kind is not defined.\n              return null;\n            }\n          }\n\n          return (\n            <ResolvedInboxNotificationCustom\n              inboxNotification={inboxNotification}\n              {...props}\n              ref={forwardedRef}\n            />\n          );\n        }\n      }\n    }\n  ),\n  {\n    Thread: InboxNotificationThread,\n    TextMention: InboxNotificationTextMention,\n    Custom: InboxNotificationCustom,\n    Icon: InboxNotificationIcon,\n    Avatar: InboxNotificationAvatar,\n  }\n);\n"],"names":["forwardRef","overrides","components","useOverrides","useComponents","Slot","useState","useMarkInboxNotificationAsRead","useDeleteInboxNotification","useCallback","jsx","TooltipProvider","jsxs","classNames","Timestamp","Dropdown","Fragment","DropdownItem","CheckIcon","DeleteIcon","Tooltip","DropdownTrigger","Button","EllipsisIcon","Avatar","useInboxNotificationThread","useCurrentUserId","useRoomInfo","useMemo","contents","generateInboxNotificationThreadContents","aside","title","List","User","INBOX_NOTIFICATION_THREAD_MAX_COMMENTS","Room","content","InboxNotificationComment","assertNever","resolvedHref","generateURL","WarningIcon","console"],"mappings":"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"}

package/dist/components/InboxNotification.mjs

@@ -24,6 +24,7 @@ import { Tooltip } from './internal/Tooltip.mjs';
 import { User } from './internal/User.mjs';
 import { DropdownMenuTrigger } from '@radix-ui/react-dropdown-menu';
 
+"use client";
 const InboxNotificationLayout = forwardRef(
   ({
     inboxNotification,

package/dist/components/InboxNotification.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InboxNotification.mjs","sources":["../../src/components/InboxNotification.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  InboxNotificationCustomData,\n  InboxNotificationData,\n  InboxNotificationTextMentionData,\n  InboxNotificationThreadData,\n  KDAD,\n} from \"@liveblocks/core\";\nimport { assertNever, console } from \"@liveblocks/core\";\nimport {\n  useDeleteInboxNotification,\n  useInboxNotificationThread,\n  useMarkInboxNotificationAsRead,\n  useRoomInfo,\n} from \"@liveblocks/react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { TooltipProvider } from \"@radix-ui/react-tooltip\";\nimport type {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ComponentType,\n  MouseEvent as ReactMouseEvent,\n  ReactNode,\n  SyntheticEvent,\n} from \"react\";\nimport { forwardRef, useCallback, useMemo, useState } from \"react\";\n\nimport type { GlobalComponents } from \"../components\";\nimport { useComponents } from \"../components\";\nimport { CheckIcon } from \"../icons/Check\";\nimport { DeleteIcon } from \"../icons/Delete\";\nimport { EllipsisIcon } from \"../icons/Ellipsis\";\nimport { WarningIcon } from \"../icons/Warning\";\nimport type {\n  CommentOverrides,\n  GlobalOverrides,\n  InboxNotificationOverrides,\n} from \"../overrides\";\nimport { useOverrides } from \"../overrides\";\nimport { Timestamp } from \"../primitives/Timestamp\";\nimport { useCurrentUserId } from \"../shared\";\nimport type { SlotProp } from \"../types\";\nimport { classNames } from \"../utils/class-names\";\nimport { generateURL } from \"../utils/url\";\nimport { Avatar, type AvatarProps } from \"./internal/Avatar\";\nimport { Button } from \"./internal/Button\";\nimport { Dropdown, DropdownItem, DropdownTrigger } from \"./internal/Dropdown\";\nimport {\n  generateInboxNotificationThreadContents,\n  INBOX_NOTIFICATION_THREAD_MAX_COMMENTS,\n  InboxNotificationComment,\n} from \"./internal/InboxNotificationThread\";\nimport { List } from \"./internal/List\";\nimport { Room } from \"./internal/Room\";\nimport { Tooltip } from \"./internal/Tooltip\";\nimport { User } from \"./internal/User\";\n\ntype ComponentTypeWithRef<\n  T extends keyof JSX.IntrinsicElements,\n  P,\n> = ComponentType<P & Pick<ComponentProps<T>, \"ref\">>;\n\ntype InboxNotificationKinds<KS extends KDAD = KDAD> = {\n  // For some reason, we cannot directly use KDAD in the mapped type line\n  // below, because it will result in '{}' rather than picking up the\n  // definition from the user-provided 'ActivitiesData'. Might be an internal\n  // TS optimization, so we're making it a param to defer the resolution.\n  [K in KS]: ComponentTypeWithRef<\"a\", InboxNotificationCustomKindProps<K>>;\n} & {\n  thread: ComponentTypeWithRef<\"a\", InboxNotificationThreadKindProps>;\n  textMention: ComponentTypeWithRef<\"a\", InboxNotificationTextMentionKindProps>;\n};\n\ninterface InboxNotificationSharedProps {\n  /**\n   * How to show or hide the actions.\n   */\n  showActions?: boolean | \"hover\";\n}\n\nexport interface InboxNotificationProps\n  extends Omit<ComponentPropsWithoutRef<\"a\">, \"title\">,\n    InboxNotificationSharedProps {\n  /**\n   * The inbox notification to display.\n   */\n  inboxNotification: InboxNotificationData;\n\n  /**\n   * Override specific kinds of inbox notifications.\n   */\n  kinds?: Partial<InboxNotificationKinds>;\n\n  /**\n   * Override the component's strings.\n   */\n  overrides?: Partial<\n    GlobalOverrides & InboxNotificationOverrides & CommentOverrides\n  >;\n\n  /**\n   * Override the component's components.\n   */\n  components?: Partial<GlobalComponents>;\n}\n\nexport interface InboxNotificationThreadProps\n  extends Omit<InboxNotificationProps, \"kinds\" | \"children\">,\n    InboxNotificationSharedProps {\n  /**\n   * The inbox notification to display.\n   */\n  inboxNotification: InboxNotificationThreadData;\n\n  /**\n   * Whether to show the room name in the title.\n   */\n  showRoomName?: boolean;\n\n  /**\n   * Whether to show reactions.\n   */\n  showReactions?: boolean;\n\n  /**\n   * Whether to show attachments.\n   */\n  showAttachments?: boolean;\n}\n\nexport interface InboxNotificationTextMentionProps\n  extends Omit<InboxNotificationProps, \"kinds\">,\n    InboxNotificationSharedProps {\n  /**\n   * The inbox notification to display.\n   */\n  inboxNotification: InboxNotificationTextMentionData;\n\n  /**\n   * Whether to show the room name in the title.\n   */\n  showRoomName?: boolean;\n}\n\nexport interface InboxNotificationCustomProps\n  extends Omit<InboxNotificationProps, \"kinds\">,\n    InboxNotificationSharedProps,\n    SlotProp {\n  /**\n   * The inbox notification to display.\n   */\n  inboxNotification: InboxNotificationCustomData;\n\n  /**\n   * The inbox notification's content.\n   */\n  children: ReactNode;\n\n  /**\n   * The inbox notification's title.\n   */\n  title: ReactNode;\n\n  /**\n   * The inbox notification's aside content.\n   * Can be combined with `InboxNotification.Icon` or `InboxNotification.Avatar` to easily follow default styles.\n   */\n  aside?: ReactNode;\n\n  /**\n   * Whether to mark the inbox notification as read when clicked.\n   */\n  markAsReadOnClick?: boolean;\n}\n\nexport type InboxNotificationThreadKindProps = Omit<\n  InboxNotificationProps,\n  \"kinds\"\n> & {\n  inboxNotification: InboxNotificationThreadData;\n};\n\nexport type InboxNotificationTextMentionKindProps = Omit<\n  InboxNotificationProps,\n  \"kinds\"\n> & {\n  inboxNotification: InboxNotificationTextMentionData;\n};\n\nexport type InboxNotificationCustomKindProps<K extends KDAD = KDAD> = Omit<\n  InboxNotificationProps,\n  \"kinds\"\n> & {\n  inboxNotification: InboxNotificationCustomData<K>;\n};\n\ninterface InboxNotificationLayoutProps\n  extends Omit<ComponentPropsWithoutRef<\"a\">, \"title\">,\n    InboxNotificationSharedProps,\n    SlotProp {\n  inboxNotification: InboxNotificationData;\n  aside: ReactNode;\n  title: ReactNode;\n  date: Date | string | number;\n  unread?: boolean;\n  overrides?: Partial<GlobalOverrides & InboxNotificationOverrides>;\n  components?: Partial<GlobalComponents>;\n  markAsReadOnClick?: boolean;\n}\n\nexport type InboxNotificationIconProps = ComponentProps<\"div\">;\n\nexport type InboxNotificationAvatarProps = AvatarProps;\n\nconst InboxNotificationLayout = forwardRef<\n  HTMLAnchorElement,\n  InboxNotificationLayoutProps\n>(\n  (\n    {\n      inboxNotification,\n      children,\n      aside,\n      title,\n      date,\n      unread,\n      markAsReadOnClick,\n      onClick,\n      href,\n      showActions,\n      overrides,\n      components,\n      className,\n      asChild,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    const $ = useOverrides(overrides);\n    const { Anchor } = useComponents(components);\n    const Component = asChild ? Slot : Anchor;\n    const [isMoreActionOpen, setMoreActionOpen] = useState(false);\n    const markInboxNotificationAsRead = useMarkInboxNotificationAsRead();\n    const deleteInboxNotification = useDeleteInboxNotification();\n\n    const handleClick = useCallback(\n      (event: ReactMouseEvent<HTMLAnchorElement, MouseEvent>) => {\n        onClick?.(event);\n\n        const shouldMarkAsReadOnClick = markAsReadOnClick ?? Boolean(href);\n\n        if (unread && shouldMarkAsReadOnClick) {\n          markInboxNotificationAsRead(inboxNotification.id);\n        }\n      },\n      [\n        href,\n        inboxNotification.id,\n        markAsReadOnClick,\n        markInboxNotificationAsRead,\n        onClick,\n        unread,\n      ]\n    );\n\n    const stopPropagation = useCallback((event: SyntheticEvent) => {\n      event.stopPropagation();\n    }, []);\n\n    const preventDefaultAndStopPropagation = useCallback(\n      (event: SyntheticEvent) => {\n        event.preventDefault();\n        event.stopPropagation();\n      },\n      []\n    );\n\n    const handleMoreClick = useCallback((event: ReactMouseEvent) => {\n      event.preventDefault();\n      event.stopPropagation();\n      setMoreActionOpen((open) => !open);\n    }, []);\n\n    const handleMarkAsRead = useCallback(() => {\n      markInboxNotificationAsRead(inboxNotification.id);\n    }, [inboxNotification.id, markInboxNotificationAsRead]);\n\n    const handleDelete = useCallback(() => {\n      deleteInboxNotification(inboxNotification.id);\n    }, [inboxNotification.id, deleteInboxNotification]);\n\n    return (\n      <TooltipProvider>\n        <Component\n          className={classNames(\n            \"lb-root lb-inbox-notification\",\n            showActions === \"hover\" &&\n              \"lb-inbox-notification:show-actions-hover\",\n            isMoreActionOpen && \"lb-inbox-notification:action-open\",\n            className\n          )}\n          dir={$.dir}\n          data-unread={unread ? \"\" : undefined}\n          data-kind={inboxNotification.kind}\n          onClick={handleClick}\n          href={href}\n          {...props}\n          ref={forwardedRef}\n        >\n          {aside && <div className=\"lb-inbox-notification-aside\">{aside}</div>}\n          <div className=\"lb-inbox-notification-content\">\n            <div className=\"lb-inbox-notification-header\">\n              <span className=\"lb-inbox-notification-title\">{title}</span>\n              <div className=\"lb-inbox-notification-details\">\n                <span className=\"lb-inbox-notification-details-labels\">\n                  <Timestamp\n                    locale={$.locale}\n                    date={date}\n                    className=\"lb-date lb-inbox-notification-date\"\n                  />\n                  {unread && (\n                    <span\n                      className=\"lb-inbox-notification-unread-indicator\"\n                      role=\"presentation\"\n                    />\n                  )}\n                </span>\n              </div>\n              {showActions && (\n                <div className=\"lb-inbox-notification-actions\">\n                  <Dropdown\n                    open={isMoreActionOpen}\n                    onOpenChange={setMoreActionOpen}\n                    align=\"end\"\n                    content={\n                      <>\n                        {unread ? (\n                          <DropdownItem\n                            onSelect={handleMarkAsRead}\n                            onClick={stopPropagation}\n                          >\n                            <CheckIcon className=\"lb-dropdown-item-icon\" />\n                            {$.INBOX_NOTIFICATION_MARK_AS_READ}\n                          </DropdownItem>\n                        ) : null}\n                        <DropdownItem\n                          onSelect={handleDelete}\n                          onClick={stopPropagation}\n                        >\n                          <DeleteIcon className=\"lb-dropdown-item-icon\" />\n                          {$.INBOX_NOTIFICATION_DELETE}\n                        </DropdownItem>\n                      </>\n                    }\n                  >\n                    <Tooltip content={$.INBOX_NOTIFICATION_MORE}>\n                      <DropdownTrigger asChild>\n                        <Button\n                          className=\"lb-inbox-notification-action\"\n                          onClick={handleMoreClick}\n                          onPointerDown={preventDefaultAndStopPropagation}\n                          onPointerUp={preventDefaultAndStopPropagation}\n                          aria-label={$.INBOX_NOTIFICATION_MORE}\n                        >\n                          <EllipsisIcon className=\"lb-button-icon\" />\n                        </Button>\n                      </DropdownTrigger>\n                    </Tooltip>\n                  </Dropdown>\n                </div>\n              )}\n            </div>\n            <div className=\"lb-inbox-notification-body\">{children}</div>\n          </div>\n        </Component>\n      </TooltipProvider>\n    );\n  }\n);\n\nfunction InboxNotificationIcon({\n  className,\n  ...props\n}: InboxNotificationIconProps) {\n  return (\n    <div\n      className={classNames(\"lb-inbox-notification-icon\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction InboxNotificationAvatar({\n  className,\n  ...props\n}: InboxNotificationAvatarProps) {\n  return (\n    <Avatar\n      className={classNames(\"lb-inbox-notification-avatar\", className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Displays a thread inbox notification.\n */\nconst InboxNotificationThread = forwardRef<\n  HTMLAnchorElement,\n  InboxNotificationThreadProps\n>(\n  (\n    {\n      inboxNotification,\n      href,\n      showRoomName = true,\n      showReactions = true,\n      showAttachments = true,\n      showActions = \"hover\",\n      overrides,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    const $ = useOverrides(overrides);\n    const thread = useInboxNotificationThread(inboxNotification.id);\n    const currentUserId = useCurrentUserId();\n    // TODO: If you provide `href` (or plan to), we shouldn't run this hook. We should find a way to conditionally run it.\n    //       Because of batching and the fact that the same hook will be called within <Room /> in the notification's title,\n    //       it's not a big deal, the only scenario where it would be superfluous would be if the user provides their own\n    //       `href` AND disables room names in the title via `showRoomName={false}`.\n    const { info } = useRoomInfo(inboxNotification.roomId);\n    const contents = useMemo(() => {\n      const contents = generateInboxNotificationThreadContents(\n        inboxNotification,\n        thread,\n        currentUserId ?? \"\"\n      );\n\n      if (contents.comments.length === 0 || contents.userIds.length === 0) {\n        return null;\n      }\n\n      switch (contents.type) {\n        case \"comments\": {\n          const reversedUserIds = [...contents.userIds].reverse();\n          const firstUserId = reversedUserIds[0]!;\n\n          const aside = <InboxNotificationAvatar userId={firstUserId} />;\n          const title = $.INBOX_NOTIFICATION_THREAD_COMMENTS_LIST(\n            <List\n              values={reversedUserIds.map((userId) => (\n                <User key={userId} userId={userId} replaceSelf />\n              ))}\n              formatRemaining={$.LIST_REMAINING_USERS}\n              truncate={INBOX_NOTIFICATION_THREAD_MAX_COMMENTS - 1}\n              locale={$.locale}\n            />,\n            showRoomName ? <Room roomId={thread.roomId} /> : undefined,\n            reversedUserIds.length\n          );\n          const content = (\n            <div className=\"lb-inbox-notification-comments\">\n              {contents.comments.map((comment) => (\n                <InboxNotificationComment\n                  key={comment.id}\n                  comment={comment}\n                  showHeader={contents.comments.length > 1}\n                  showAttachments={showAttachments}\n                  showReactions={showReactions}\n                  overrides={overrides}\n                />\n              ))}\n            </div>\n          );\n\n          return {\n            unread: contents.unread,\n            date: contents.date,\n            aside,\n            title,\n            content,\n            threadId: thread.id,\n            commentId: contents.comments[contents.comments.length - 1]!.id,\n          };\n        }\n\n        case \"mention\": {\n          const mentionUserId = contents.userIds[0]!;\n          const mentionComment = contents.comments[0]!;\n\n          const aside = <InboxNotificationAvatar userId={mentionUserId} />;\n          const title = $.INBOX_NOTIFICATION_THREAD_MENTION(\n            <User key={mentionUserId} userId={mentionUserId} />,\n            showRoomName ? <Room roomId={thread.roomId} /> : undefined\n          );\n          const content = (\n            <div className=\"lb-inbox-notification-comments\">\n              <InboxNotificationComment\n                key={mentionComment.id}\n                comment={mentionComment}\n                showHeader={false}\n                showAttachments={showAttachments}\n                showReactions={showReactions}\n                overrides={overrides}\n              />\n            </div>\n          );\n\n          return {\n            unread: contents.unread,\n            date: contents.date,\n            aside,\n            title,\n            content,\n            threadId: thread.id,\n            commentId: mentionComment.id,\n          };\n        }\n\n        default:\n          return assertNever(\n            contents,\n            \"Unexpected thread inbox notification type\"\n          );\n      }\n    }, [\n      $,\n      currentUserId,\n      inboxNotification,\n      overrides,\n      showRoomName,\n      showAttachments,\n      showReactions,\n      thread,\n    ]);\n    // Add the thread ID and comment ID to the `href`.\n    // And use URL from `resolveRoomsInfo` if `href` isn't set.\n    const resolvedHref = useMemo(() => {\n      const resolvedHref = href ?? info?.url;\n\n      return resolvedHref\n        ? generateURL(resolvedHref, undefined, contents?.commentId)\n        : undefined;\n    }, [contents?.commentId, href, info?.url]);\n\n    if (!contents) {\n      return null;\n    }\n\n    const { aside, title, content, date, unread } = contents;\n\n    return (\n      <InboxNotificationLayout\n        inboxNotification={inboxNotification}\n        aside={aside}\n        title={title}\n        date={date}\n        unread={unread}\n        overrides={overrides}\n        href={resolvedHref}\n        showActions={showActions}\n        markAsReadOnClick={false}\n        {...props}\n        ref={forwardedRef}\n      >\n        {content}\n      </InboxNotificationLayout>\n    );\n  }\n);\n\n/**\n * Displays a text mention notification kind.\n */\nconst InboxNotificationTextMention = forwardRef<\n  HTMLAnchorElement,\n  InboxNotificationTextMentionProps\n>(\n  (\n    {\n      inboxNotification,\n      showActions = \"hover\",\n      showRoomName = true,\n      overrides,\n      ...props\n    },\n    ref\n  ) => {\n    const $ = useOverrides(overrides);\n\n    const unread = useMemo(() => {\n      return (\n        !inboxNotification.readAt ||\n        inboxNotification.notifiedAt > inboxNotification.readAt\n      );\n    }, [inboxNotification.notifiedAt, inboxNotification.readAt]);\n\n    return (\n      <InboxNotificationLayout\n        inboxNotification={inboxNotification}\n        aside={<InboxNotificationAvatar userId={inboxNotification.createdBy} />}\n        title={$.INBOX_NOTIFICATION_TEXT_MENTION(\n          <User\n            key={inboxNotification.createdBy}\n            userId={inboxNotification.createdBy}\n          />,\n          showRoomName ? <Room roomId={inboxNotification.roomId} /> : undefined\n        )}\n        date={inboxNotification.notifiedAt}\n        unread={unread}\n        overrides={overrides}\n        showActions={showActions}\n        {...props}\n        ref={ref}\n      />\n    );\n  }\n);\n\n/**\n * Displays a custom notification kind.\n */\nconst InboxNotificationCustom = forwardRef<\n  HTMLAnchorElement,\n  InboxNotificationCustomProps\n>(\n  (\n    {\n      inboxNotification,\n      showActions = \"hover\",\n      title,\n      aside,\n      children,\n      overrides,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    const unread = useMemo(() => {\n      return (\n        !inboxNotification.readAt ||\n        inboxNotification.notifiedAt > inboxNotification.readAt\n      );\n    }, [inboxNotification.notifiedAt, inboxNotification.readAt]);\n\n    return (\n      <InboxNotificationLayout\n        inboxNotification={inboxNotification}\n        aside={aside}\n        title={title}\n        date={inboxNotification.notifiedAt}\n        unread={unread}\n        overrides={overrides}\n        showActions={showActions}\n        {...props}\n        ref={forwardedRef}\n      >\n        {children}\n      </InboxNotificationLayout>\n    );\n  }\n);\n\nconst InboxNotificationCustomMissing = forwardRef<\n  HTMLAnchorElement,\n  Omit<InboxNotificationCustomProps, \"children\" | \"title\" | \"aside\">\n>(({ inboxNotification, ...props }, forwardedRef) => {\n  return (\n    <InboxNotificationCustom\n      inboxNotification={inboxNotification}\n      {...props}\n      title={\n        <>\n          Custom notification kind <code>{inboxNotification.kind}</code> is not\n          handled\n        </>\n      }\n      aside={\n        <InboxNotificationIcon>\n          <WarningIcon />\n        </InboxNotificationIcon>\n      }\n      ref={forwardedRef}\n      data-missing=\"\"\n    >\n      {/* TODO: Add link to the docs */}\n      Notifications of this kind won’t be displayed in production. Use the{\" \"}\n      <code>kinds</code> prop to define how they should be rendered.\n    </InboxNotificationCustom>\n  );\n});\n\n// Keeps track of which inbox notification kinds it has warned about already.\nconst inboxNotificationKindsWarnings: Set<string> = new Set();\n\n/**\n * Displays a single inbox notification.\n *\n * @example\n * <>\n *   {inboxNotifications.map((inboxNotification) => (\n *     <InboxNotification\n *       key={inboxNotification.id}\n *       inboxNotification={inboxNotification}\n *       href={`/rooms/${inboxNotification.roomId}`\n *     />\n *   ))}\n * </>\n */\nexport const InboxNotification = Object.assign(\n  forwardRef<HTMLAnchorElement, InboxNotificationProps>(\n    ({ inboxNotification, kinds, ...props }, forwardedRef) => {\n      switch (inboxNotification.kind) {\n        case \"thread\": {\n          const ResolvedInboxNotificationThread =\n            kinds?.thread ?? InboxNotificationThread;\n\n          return (\n            <ResolvedInboxNotificationThread\n              inboxNotification={inboxNotification}\n              {...props}\n              ref={forwardedRef}\n            />\n          );\n        }\n\n        case \"textMention\": {\n          const ResolvedInboxNotificationTextMention =\n            kinds?.textMention ?? InboxNotificationTextMention;\n\n          return (\n            <ResolvedInboxNotificationTextMention\n              inboxNotification={inboxNotification}\n              {...props}\n              ref={forwardedRef}\n            />\n          );\n        }\n\n        default: {\n          const ResolvedInboxNotificationCustom =\n            kinds?.[inboxNotification.kind];\n\n          if (!ResolvedInboxNotificationCustom) {\n            if (process.env.NODE_ENV !== \"production\") {\n              if (!inboxNotificationKindsWarnings.has(inboxNotification.kind)) {\n                inboxNotificationKindsWarnings.add(inboxNotification.kind);\n                // TODO: Add link to the docs\n                console.warn(\n                  `Custom notification kind \"${inboxNotification.kind}\" is not handled so notifications of this kind will not be displayed in production. Use the kinds prop to define how they should be rendered.`\n                );\n              }\n\n              return (\n                <InboxNotificationCustomMissing\n                  inboxNotification={inboxNotification}\n                  {...props}\n                  ref={forwardedRef}\n                />\n              );\n            } else {\n              // Don't render anything in production if this inbox notification kind is not defined.\n              return null;\n            }\n          }\n\n          return (\n            <ResolvedInboxNotificationCustom\n              inboxNotification={inboxNotification}\n              {...props}\n              ref={forwardedRef}\n            />\n          );\n        }\n      }\n    }\n  ),\n  {\n    Thread: InboxNotificationThread,\n    TextMention: InboxNotificationTextMention,\n    Custom: InboxNotificationCustom,\n    Icon: InboxNotificationIcon,\n    Avatar: InboxNotificationAvatar,\n  }\n);\n"],"names":["DropdownTrigger","contents","aside","title","content","resolvedHref"],"mappings":"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"}
+{"version":3,"file":"InboxNotification.mjs","sources":["../../src/components/InboxNotification.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  InboxNotificationCustomData,\n  InboxNotificationData,\n  InboxNotificationTextMentionData,\n  InboxNotificationThreadData,\n  KDAD,\n} from \"@liveblocks/core\";\nimport { assertNever, console } from \"@liveblocks/core\";\nimport {\n  useDeleteInboxNotification,\n  useInboxNotificationThread,\n  useMarkInboxNotificationAsRead,\n  useRoomInfo,\n} from \"@liveblocks/react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { TooltipProvider } from \"@radix-ui/react-tooltip\";\nimport type {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ComponentType,\n  MouseEvent as ReactMouseEvent,\n  ReactNode,\n  SyntheticEvent,\n} from \"react\";\nimport { forwardRef, useCallback, useMemo, useState } from \"react\";\n\nimport type { GlobalComponents } from \"../components\";\nimport { useComponents } from \"../components\";\nimport { CheckIcon } from \"../icons/Check\";\nimport { DeleteIcon } from \"../icons/Delete\";\nimport { EllipsisIcon } from \"../icons/Ellipsis\";\nimport { WarningIcon } from \"../icons/Warning\";\nimport type {\n  CommentOverrides,\n  GlobalOverrides,\n  InboxNotificationOverrides,\n} from \"../overrides\";\nimport { useOverrides } from \"../overrides\";\nimport { Timestamp } from \"../primitives/Timestamp\";\nimport { useCurrentUserId } from \"../shared\";\nimport type { SlotProp } from \"../types\";\nimport { classNames } from \"../utils/class-names\";\nimport { generateURL } from \"../utils/url\";\nimport { Avatar, type AvatarProps } from \"./internal/Avatar\";\nimport { Button } from \"./internal/Button\";\nimport { Dropdown, DropdownItem, DropdownTrigger } from \"./internal/Dropdown\";\nimport {\n  generateInboxNotificationThreadContents,\n  INBOX_NOTIFICATION_THREAD_MAX_COMMENTS,\n  InboxNotificationComment,\n} from \"./internal/InboxNotificationThread\";\nimport { List } from \"./internal/List\";\nimport { Room } from \"./internal/Room\";\nimport { Tooltip } from \"./internal/Tooltip\";\nimport { User } from \"./internal/User\";\n\ntype ComponentTypeWithRef<\n  T extends keyof JSX.IntrinsicElements,\n  P,\n> = ComponentType<P & Pick<ComponentProps<T>, \"ref\">>;\n\ntype InboxNotificationKinds<KS extends KDAD = KDAD> = {\n  // For some reason, we cannot directly use KDAD in the mapped type line\n  // below, because it will result in '{}' rather than picking up the\n  // definition from the user-provided 'ActivitiesData'. Might be an internal\n  // TS optimization, so we're making it a param to defer the resolution.\n  [K in KS]: ComponentTypeWithRef<\"a\", InboxNotificationCustomKindProps<K>>;\n} & {\n  thread: ComponentTypeWithRef<\"a\", InboxNotificationThreadKindProps>;\n  textMention: ComponentTypeWithRef<\"a\", InboxNotificationTextMentionKindProps>;\n};\n\ninterface InboxNotificationSharedProps {\n  /**\n   * How to show or hide the actions.\n   */\n  showActions?: boolean | \"hover\";\n}\n\nexport interface InboxNotificationProps\n  extends Omit<ComponentPropsWithoutRef<\"a\">, \"title\">,\n    InboxNotificationSharedProps {\n  /**\n   * The inbox notification to display.\n   */\n  inboxNotification: InboxNotificationData;\n\n  /**\n   * Override specific kinds of inbox notifications.\n   */\n  kinds?: Partial<InboxNotificationKinds>;\n\n  /**\n   * Override the component's strings.\n   */\n  overrides?: Partial<\n    GlobalOverrides & InboxNotificationOverrides & CommentOverrides\n  >;\n\n  /**\n   * Override the component's components.\n   */\n  components?: Partial<GlobalComponents>;\n}\n\nexport interface InboxNotificationThreadProps\n  extends Omit<InboxNotificationProps, \"kinds\" | \"children\">,\n    InboxNotificationSharedProps {\n  /**\n   * The inbox notification to display.\n   */\n  inboxNotification: InboxNotificationThreadData;\n\n  /**\n   * Whether to show the room name in the title.\n   */\n  showRoomName?: boolean;\n\n  /**\n   * Whether to show reactions.\n   */\n  showReactions?: boolean;\n\n  /**\n   * Whether to show attachments.\n   */\n  showAttachments?: boolean;\n}\n\nexport interface InboxNotificationTextMentionProps\n  extends Omit<InboxNotificationProps, \"kinds\">,\n    InboxNotificationSharedProps {\n  /**\n   * The inbox notification to display.\n   */\n  inboxNotification: InboxNotificationTextMentionData;\n\n  /**\n   * Whether to show the room name in the title.\n   */\n  showRoomName?: boolean;\n}\n\nexport interface InboxNotificationCustomProps\n  extends Omit<InboxNotificationProps, \"kinds\">,\n    InboxNotificationSharedProps,\n    SlotProp {\n  /**\n   * The inbox notification to display.\n   */\n  inboxNotification: InboxNotificationCustomData;\n\n  /**\n   * The inbox notification's content.\n   */\n  children: ReactNode;\n\n  /**\n   * The inbox notification's title.\n   */\n  title: ReactNode;\n\n  /**\n   * The inbox notification's aside content.\n   * Can be combined with `InboxNotification.Icon` or `InboxNotification.Avatar` to easily follow default styles.\n   */\n  aside?: ReactNode;\n\n  /**\n   * Whether to mark the inbox notification as read when clicked.\n   */\n  markAsReadOnClick?: boolean;\n}\n\nexport type InboxNotificationThreadKindProps = Omit<\n  InboxNotificationProps,\n  \"kinds\"\n> & {\n  inboxNotification: InboxNotificationThreadData;\n};\n\nexport type InboxNotificationTextMentionKindProps = Omit<\n  InboxNotificationProps,\n  \"kinds\"\n> & {\n  inboxNotification: InboxNotificationTextMentionData;\n};\n\nexport type InboxNotificationCustomKindProps<K extends KDAD = KDAD> = Omit<\n  InboxNotificationProps,\n  \"kinds\"\n> & {\n  inboxNotification: InboxNotificationCustomData<K>;\n};\n\ninterface InboxNotificationLayoutProps\n  extends Omit<ComponentPropsWithoutRef<\"a\">, \"title\">,\n    InboxNotificationSharedProps,\n    SlotProp {\n  inboxNotification: InboxNotificationData;\n  aside: ReactNode;\n  title: ReactNode;\n  date: Date | string | number;\n  unread?: boolean;\n  overrides?: Partial<GlobalOverrides & InboxNotificationOverrides>;\n  components?: Partial<GlobalComponents>;\n  markAsReadOnClick?: boolean;\n}\n\nexport type InboxNotificationIconProps = ComponentProps<\"div\">;\n\nexport type InboxNotificationAvatarProps = AvatarProps;\n\nconst InboxNotificationLayout = forwardRef<\n  HTMLAnchorElement,\n  InboxNotificationLayoutProps\n>(\n  (\n    {\n      inboxNotification,\n      children,\n      aside,\n      title,\n      date,\n      unread,\n      markAsReadOnClick,\n      onClick,\n      href,\n      showActions,\n      overrides,\n      components,\n      className,\n      asChild,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    const $ = useOverrides(overrides);\n    const { Anchor } = useComponents(components);\n    const Component = asChild ? Slot : Anchor;\n    const [isMoreActionOpen, setMoreActionOpen] = useState(false);\n    const markInboxNotificationAsRead = useMarkInboxNotificationAsRead();\n    const deleteInboxNotification = useDeleteInboxNotification();\n\n    const handleClick = useCallback(\n      (event: ReactMouseEvent<HTMLAnchorElement, MouseEvent>) => {\n        onClick?.(event);\n\n        const shouldMarkAsReadOnClick = markAsReadOnClick ?? Boolean(href);\n\n        if (unread && shouldMarkAsReadOnClick) {\n          markInboxNotificationAsRead(inboxNotification.id);\n        }\n      },\n      [\n        href,\n        inboxNotification.id,\n        markAsReadOnClick,\n        markInboxNotificationAsRead,\n        onClick,\n        unread,\n      ]\n    );\n\n    const stopPropagation = useCallback((event: SyntheticEvent) => {\n      event.stopPropagation();\n    }, []);\n\n    const preventDefaultAndStopPropagation = useCallback(\n      (event: SyntheticEvent) => {\n        event.preventDefault();\n        event.stopPropagation();\n      },\n      []\n    );\n\n    const handleMoreClick = useCallback((event: ReactMouseEvent) => {\n      event.preventDefault();\n      event.stopPropagation();\n      setMoreActionOpen((open) => !open);\n    }, []);\n\n    const handleMarkAsRead = useCallback(() => {\n      markInboxNotificationAsRead(inboxNotification.id);\n    }, [inboxNotification.id, markInboxNotificationAsRead]);\n\n    const handleDelete = useCallback(() => {\n      deleteInboxNotification(inboxNotification.id);\n    }, [inboxNotification.id, deleteInboxNotification]);\n\n    return (\n      <TooltipProvider>\n        <Component\n          className={classNames(\n            \"lb-root lb-inbox-notification\",\n            showActions === \"hover\" &&\n              \"lb-inbox-notification:show-actions-hover\",\n            isMoreActionOpen && \"lb-inbox-notification:action-open\",\n            className\n          )}\n          dir={$.dir}\n          data-unread={unread ? \"\" : undefined}\n          data-kind={inboxNotification.kind}\n          onClick={handleClick}\n          href={href}\n          {...props}\n          ref={forwardedRef}\n        >\n          {aside && <div className=\"lb-inbox-notification-aside\">{aside}</div>}\n          <div className=\"lb-inbox-notification-content\">\n            <div className=\"lb-inbox-notification-header\">\n              <span className=\"lb-inbox-notification-title\">{title}</span>\n              <div className=\"lb-inbox-notification-details\">\n                <span className=\"lb-inbox-notification-details-labels\">\n                  <Timestamp\n                    locale={$.locale}\n                    date={date}\n                    className=\"lb-date lb-inbox-notification-date\"\n                  />\n                  {unread && (\n                    <span\n                      className=\"lb-inbox-notification-unread-indicator\"\n                      role=\"presentation\"\n                    />\n                  )}\n                </span>\n              </div>\n              {showActions && (\n                <div className=\"lb-inbox-notification-actions\">\n                  <Dropdown\n                    open={isMoreActionOpen}\n                    onOpenChange={setMoreActionOpen}\n                    align=\"end\"\n                    content={\n                      <>\n                        {unread ? (\n                          <DropdownItem\n                            onSelect={handleMarkAsRead}\n                            onClick={stopPropagation}\n                          >\n                            <CheckIcon className=\"lb-dropdown-item-icon\" />\n                            {$.INBOX_NOTIFICATION_MARK_AS_READ}\n                          </DropdownItem>\n                        ) : null}\n                        <DropdownItem\n                          onSelect={handleDelete}\n                          onClick={stopPropagation}\n                        >\n                          <DeleteIcon className=\"lb-dropdown-item-icon\" />\n                          {$.INBOX_NOTIFICATION_DELETE}\n                        </DropdownItem>\n                      </>\n                    }\n                  >\n                    <Tooltip content={$.INBOX_NOTIFICATION_MORE}>\n                      <DropdownTrigger asChild>\n                        <Button\n                          className=\"lb-inbox-notification-action\"\n                          onClick={handleMoreClick}\n                          onPointerDown={preventDefaultAndStopPropagation}\n                          onPointerUp={preventDefaultAndStopPropagation}\n                          aria-label={$.INBOX_NOTIFICATION_MORE}\n                        >\n                          <EllipsisIcon className=\"lb-button-icon\" />\n                        </Button>\n                      </DropdownTrigger>\n                    </Tooltip>\n                  </Dropdown>\n                </div>\n              )}\n            </div>\n            <div className=\"lb-inbox-notification-body\">{children}</div>\n          </div>\n        </Component>\n      </TooltipProvider>\n    );\n  }\n);\n\nfunction InboxNotificationIcon({\n  className,\n  ...props\n}: InboxNotificationIconProps) {\n  return (\n    <div\n      className={classNames(\"lb-inbox-notification-icon\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction InboxNotificationAvatar({\n  className,\n  ...props\n}: InboxNotificationAvatarProps) {\n  return (\n    <Avatar\n      className={classNames(\"lb-inbox-notification-avatar\", className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Displays a thread inbox notification.\n */\nconst InboxNotificationThread = forwardRef<\n  HTMLAnchorElement,\n  InboxNotificationThreadProps\n>(\n  (\n    {\n      inboxNotification,\n      href,\n      showRoomName = true,\n      showReactions = true,\n      showAttachments = true,\n      showActions = \"hover\",\n      overrides,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    const $ = useOverrides(overrides);\n    const thread = useInboxNotificationThread(inboxNotification.id);\n    const currentUserId = useCurrentUserId();\n    // TODO: If you provide `href` (or plan to), we shouldn't run this hook. We should find a way to conditionally run it.\n    //       Because of batching and the fact that the same hook will be called within <Room /> in the notification's title,\n    //       it's not a big deal, the only scenario where it would be superfluous would be if the user provides their own\n    //       `href` AND disables room names in the title via `showRoomName={false}`.\n    const { info } = useRoomInfo(inboxNotification.roomId);\n    const contents = useMemo(() => {\n      const contents = generateInboxNotificationThreadContents(\n        inboxNotification,\n        thread,\n        currentUserId ?? \"\"\n      );\n\n      if (contents.comments.length === 0 || contents.userIds.length === 0) {\n        return null;\n      }\n\n      switch (contents.type) {\n        case \"comments\": {\n          const reversedUserIds = [...contents.userIds].reverse();\n          const firstUserId = reversedUserIds[0]!;\n\n          const aside = <InboxNotificationAvatar userId={firstUserId} />;\n          const title = $.INBOX_NOTIFICATION_THREAD_COMMENTS_LIST(\n            <List\n              values={reversedUserIds.map((userId) => (\n                <User key={userId} userId={userId} replaceSelf />\n              ))}\n              formatRemaining={$.LIST_REMAINING_USERS}\n              truncate={INBOX_NOTIFICATION_THREAD_MAX_COMMENTS - 1}\n              locale={$.locale}\n            />,\n            showRoomName ? <Room roomId={thread.roomId} /> : undefined,\n            reversedUserIds.length\n          );\n          const content = (\n            <div className=\"lb-inbox-notification-comments\">\n              {contents.comments.map((comment) => (\n                <InboxNotificationComment\n                  key={comment.id}\n                  comment={comment}\n                  showHeader={contents.comments.length > 1}\n                  showAttachments={showAttachments}\n                  showReactions={showReactions}\n                  overrides={overrides}\n                />\n              ))}\n            </div>\n          );\n\n          return {\n            unread: contents.unread,\n            date: contents.date,\n            aside,\n            title,\n            content,\n            threadId: thread.id,\n            commentId: contents.comments[contents.comments.length - 1]!.id,\n          };\n        }\n\n        case \"mention\": {\n          const mentionUserId = contents.userIds[0]!;\n          const mentionComment = contents.comments[0]!;\n\n          const aside = <InboxNotificationAvatar userId={mentionUserId} />;\n          const title = $.INBOX_NOTIFICATION_THREAD_MENTION(\n            <User key={mentionUserId} userId={mentionUserId} />,\n            showRoomName ? <Room roomId={thread.roomId} /> : undefined\n          );\n          const content = (\n            <div className=\"lb-inbox-notification-comments\">\n              <InboxNotificationComment\n                key={mentionComment.id}\n                comment={mentionComment}\n                showHeader={false}\n                showAttachments={showAttachments}\n                showReactions={showReactions}\n                overrides={overrides}\n              />\n            </div>\n          );\n\n          return {\n            unread: contents.unread,\n            date: contents.date,\n            aside,\n            title,\n            content,\n            threadId: thread.id,\n            commentId: mentionComment.id,\n          };\n        }\n\n        default:\n          return assertNever(\n            contents,\n            \"Unexpected thread inbox notification type\"\n          );\n      }\n    }, [\n      $,\n      currentUserId,\n      inboxNotification,\n      overrides,\n      showRoomName,\n      showAttachments,\n      showReactions,\n      thread,\n    ]);\n    // Add the thread ID and comment ID to the `href`.\n    // And use URL from `resolveRoomsInfo` if `href` isn't set.\n    const resolvedHref = useMemo(() => {\n      const resolvedHref = href ?? info?.url;\n\n      return resolvedHref\n        ? generateURL(resolvedHref, undefined, contents?.commentId)\n        : undefined;\n    }, [contents?.commentId, href, info?.url]);\n\n    if (!contents) {\n      return null;\n    }\n\n    const { aside, title, content, date, unread } = contents;\n\n    return (\n      <InboxNotificationLayout\n        inboxNotification={inboxNotification}\n        aside={aside}\n        title={title}\n        date={date}\n        unread={unread}\n        overrides={overrides}\n        href={resolvedHref}\n        showActions={showActions}\n        markAsReadOnClick={false}\n        {...props}\n        ref={forwardedRef}\n      >\n        {content}\n      </InboxNotificationLayout>\n    );\n  }\n);\n\n/**\n * Displays a text mention notification kind.\n */\nconst InboxNotificationTextMention = forwardRef<\n  HTMLAnchorElement,\n  InboxNotificationTextMentionProps\n>(\n  (\n    {\n      inboxNotification,\n      showActions = \"hover\",\n      showRoomName = true,\n      overrides,\n      ...props\n    },\n    ref\n  ) => {\n    const $ = useOverrides(overrides);\n\n    const unread = useMemo(() => {\n      return (\n        !inboxNotification.readAt ||\n        inboxNotification.notifiedAt > inboxNotification.readAt\n      );\n    }, [inboxNotification.notifiedAt, inboxNotification.readAt]);\n\n    return (\n      <InboxNotificationLayout\n        inboxNotification={inboxNotification}\n        aside={<InboxNotificationAvatar userId={inboxNotification.createdBy} />}\n        title={$.INBOX_NOTIFICATION_TEXT_MENTION(\n          <User\n            key={inboxNotification.createdBy}\n            userId={inboxNotification.createdBy}\n          />,\n          showRoomName ? <Room roomId={inboxNotification.roomId} /> : undefined\n        )}\n        date={inboxNotification.notifiedAt}\n        unread={unread}\n        overrides={overrides}\n        showActions={showActions}\n        {...props}\n        ref={ref}\n      />\n    );\n  }\n);\n\n/**\n * Displays a custom notification kind.\n */\nconst InboxNotificationCustom = forwardRef<\n  HTMLAnchorElement,\n  InboxNotificationCustomProps\n>(\n  (\n    {\n      inboxNotification,\n      showActions = \"hover\",\n      title,\n      aside,\n      children,\n      overrides,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    const unread = useMemo(() => {\n      return (\n        !inboxNotification.readAt ||\n        inboxNotification.notifiedAt > inboxNotification.readAt\n      );\n    }, [inboxNotification.notifiedAt, inboxNotification.readAt]);\n\n    return (\n      <InboxNotificationLayout\n        inboxNotification={inboxNotification}\n        aside={aside}\n        title={title}\n        date={inboxNotification.notifiedAt}\n        unread={unread}\n        overrides={overrides}\n        showActions={showActions}\n        {...props}\n        ref={forwardedRef}\n      >\n        {children}\n      </InboxNotificationLayout>\n    );\n  }\n);\n\nconst InboxNotificationCustomMissing = forwardRef<\n  HTMLAnchorElement,\n  Omit<InboxNotificationCustomProps, \"children\" | \"title\" | \"aside\">\n>(({ inboxNotification, ...props }, forwardedRef) => {\n  return (\n    <InboxNotificationCustom\n      inboxNotification={inboxNotification}\n      {...props}\n      title={\n        <>\n          Custom notification kind <code>{inboxNotification.kind}</code> is not\n          handled\n        </>\n      }\n      aside={\n        <InboxNotificationIcon>\n          <WarningIcon />\n        </InboxNotificationIcon>\n      }\n      ref={forwardedRef}\n      data-missing=\"\"\n    >\n      {/* TODO: Add link to the docs */}\n      Notifications of this kind won’t be displayed in production. Use the{\" \"}\n      <code>kinds</code> prop to define how they should be rendered.\n    </InboxNotificationCustom>\n  );\n});\n\n// Keeps track of which inbox notification kinds it has warned about already.\nconst inboxNotificationKindsWarnings: Set<string> = new Set();\n\n/**\n * Displays a single inbox notification.\n *\n * @example\n * <>\n *   {inboxNotifications.map((inboxNotification) => (\n *     <InboxNotification\n *       key={inboxNotification.id}\n *       inboxNotification={inboxNotification}\n *       href={`/rooms/${inboxNotification.roomId}`\n *     />\n *   ))}\n * </>\n */\nexport const InboxNotification = Object.assign(\n  forwardRef<HTMLAnchorElement, InboxNotificationProps>(\n    ({ inboxNotification, kinds, ...props }, forwardedRef) => {\n      switch (inboxNotification.kind) {\n        case \"thread\": {\n          const ResolvedInboxNotificationThread =\n            kinds?.thread ?? InboxNotificationThread;\n\n          return (\n            <ResolvedInboxNotificationThread\n              inboxNotification={inboxNotification}\n              {...props}\n              ref={forwardedRef}\n            />\n          );\n        }\n\n        case \"textMention\": {\n          const ResolvedInboxNotificationTextMention =\n            kinds?.textMention ?? InboxNotificationTextMention;\n\n          return (\n            <ResolvedInboxNotificationTextMention\n              inboxNotification={inboxNotification}\n              {...props}\n              ref={forwardedRef}\n            />\n          );\n        }\n\n        default: {\n          const ResolvedInboxNotificationCustom =\n            kinds?.[inboxNotification.kind];\n\n          if (!ResolvedInboxNotificationCustom) {\n            if (process.env.NODE_ENV !== \"production\") {\n              if (!inboxNotificationKindsWarnings.has(inboxNotification.kind)) {\n                inboxNotificationKindsWarnings.add(inboxNotification.kind);\n                // TODO: Add link to the docs\n                console.warn(\n                  `Custom notification kind \"${inboxNotification.kind}\" is not handled so notifications of this kind will not be displayed in production. Use the kinds prop to define how they should be rendered.`\n                );\n              }\n\n              return (\n                <InboxNotificationCustomMissing\n                  inboxNotification={inboxNotification}\n                  {...props}\n                  ref={forwardedRef}\n                />\n              );\n            } else {\n              // Don't render anything in production if this inbox notification kind is not defined.\n              return null;\n            }\n          }\n\n          return (\n            <ResolvedInboxNotificationCustom\n              inboxNotification={inboxNotification}\n              {...props}\n              ref={forwardedRef}\n            />\n          );\n        }\n      }\n    }\n  ),\n  {\n    Thread: InboxNotificationThread,\n    TextMention: InboxNotificationTextMention,\n    Custom: InboxNotificationCustom,\n    Icon: InboxNotificationIcon,\n    Avatar: InboxNotificationAvatar,\n  }\n);\n"],"names":["DropdownTrigger","contents","aside","title","content","resolvedHref"],"mappings":"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"}

package/dist/components/InboxNotificationList.js

@@ -5,6 +5,7 @@ var react = require('react');
 var classNames = require('../utils/class-names.js');
 var useVisible = require('../utils/use-visible.js');
 
+"use client";
 function ReachEndMarker({
   enabled,
   onReachEnd

package/dist/components/InboxNotificationList.js.map

@@ -1 +1 @@
-{"version":3,"file":"InboxNotificationList.js","sources":["../../src/components/InboxNotificationList.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport { Children, forwardRef, useRef } from \"react\";\n\nimport { classNames } from \"../utils/class-names\";\nimport { useVisibleCallback } from \"../utils/use-visible\";\n\nexport interface InboxNotificationListProps\n  extends ComponentPropsWithoutRef<\"ol\"> {\n  /**\n   * This API is *EXPERIMENTAL* and likely not going to be the final API. Do\n   * not rely on it.\n   *\n   * @private\n   */\n  onReachEnd?: () => void;\n}\n\nfunction ReachEndMarker({\n  enabled,\n  onReachEnd,\n}: {\n  enabled: boolean;\n  onReachEnd: () => void;\n}) {\n  const markerRef = useRef<HTMLDivElement>(null);\n\n  useVisibleCallback(markerRef, onReachEnd, {\n    enabled,\n  });\n\n  return <div ref={markerRef} style={{ height: 0 }} />;\n}\n\n/**\n * Displays inbox notifications as a list.\n *\n * @example\n * <InboxNotificationList>\n *   {inboxNotifications.map((inboxNotification) => (\n *     <InboxNotification key={inboxNotification.id} inboxNotification={inboxNotification} />\n *   ))}\n * </InboxNotificationList>\n */\nexport const InboxNotificationList = forwardRef<\n  HTMLOListElement,\n  InboxNotificationListProps\n>(({ onReachEnd, children, className, ...props }, forwardedRef) => {\n  return (\n    <ol\n      className={classNames(\"lb-root lb-inbox-notification-list\", className)}\n      {...props}\n      ref={forwardedRef}\n    >\n      {Children.map(children, (child, index) => (\n        <li key={index} className=\"lb-inbox-notification-list-item\">\n          {child}\n        </li>\n      ))}\n      {/* Render an invisible marker at the end which is tied to an IntersectionObserver to be alerted when the end of the list has been reached */}\n      {onReachEnd && (\n        <ReachEndMarker\n          onReachEnd={onReachEnd}\n          enabled={Children.count(children) > 0}\n        />\n      )}\n    </ol>\n  );\n});\n"],"names":["useRef","useVisibleCallback","jsx","forwardRef","jsxs","classNames","Children"],"mappings":";;;;;;;AAmBA,SAAS,cAAe,CAAA;AAAA,EACtB,OAAA;AAAA,EACA,UAAA;AACF,CAGG,EAAA;AACD,EAAM,MAAA,SAAA,GAAYA,aAAuB,IAAI,CAAA,CAAA;AAE7C,EAAAC,6BAAA,CAAmB,WAAW,UAAY,EAAA;AAAA,IACxC,OAAA;AAAA,GACD,CAAA,CAAA;AAED,EAAA,uBAAQC,cAAA,CAAA,KAAA,EAAA;AAAA,IAAI,GAAK,EAAA,SAAA;AAAA,IAAW,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAE,EAAA;AAAA,GAAG,CAAA,CAAA;AACpD,CAAA;AAYa,MAAA,qBAAA,GAAwBC,iBAGnC,CAAC,EAAE,YAAY,QAAU,EAAA,SAAA,EAAA,GAAc,KAAM,EAAA,EAAG,YAAiB,KAAA;AACjE,EAAA,uBACGC,eAAA,CAAA,IAAA,EAAA;AAAA,IACC,SAAA,EAAWC,qBAAW,CAAA,oCAAA,EAAsC,SAAS,CAAA;AAAA,IACpE,GAAG,KAAA;AAAA,IACJ,GAAK,EAAA,YAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,MAAAC,cAAA,CAAS,GAAI,CAAA,QAAA,EAAU,CAAC,KAAA,EAAO,0BAC7BJ,cAAA,CAAA,IAAA,EAAA;AAAA,QAAe,SAAU,EAAA,iCAAA;AAAA,QACvB,QAAA,EAAA,KAAA;AAAA,OAAA,EADM,KAET,CACD,CAAA;AAAA,MAEA,8BACEA,cAAA,CAAA,cAAA,EAAA;AAAA,QACC,UAAA;AAAA,QACA,OAAS,EAAAI,cAAA,CAAS,KAAM,CAAA,QAAQ,CAAI,GAAA,CAAA;AAAA,OACtC,CAAA;AAAA,KAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"InboxNotificationList.js","sources":["../../src/components/InboxNotificationList.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport { Children, forwardRef, useRef } from \"react\";\n\nimport { classNames } from \"../utils/class-names\";\nimport { useVisibleCallback } from \"../utils/use-visible\";\n\nexport interface InboxNotificationListProps\n  extends ComponentPropsWithoutRef<\"ol\"> {\n  /**\n   * This API is *EXPERIMENTAL* and likely not going to be the final API. Do\n   * not rely on it.\n   *\n   * @private\n   */\n  onReachEnd?: () => void;\n}\n\nfunction ReachEndMarker({\n  enabled,\n  onReachEnd,\n}: {\n  enabled: boolean;\n  onReachEnd: () => void;\n}) {\n  const markerRef = useRef<HTMLDivElement>(null);\n\n  useVisibleCallback(markerRef, onReachEnd, {\n    enabled,\n  });\n\n  return <div ref={markerRef} style={{ height: 0 }} />;\n}\n\n/**\n * Displays inbox notifications as a list.\n *\n * @example\n * <InboxNotificationList>\n *   {inboxNotifications.map((inboxNotification) => (\n *     <InboxNotification key={inboxNotification.id} inboxNotification={inboxNotification} />\n *   ))}\n * </InboxNotificationList>\n */\nexport const InboxNotificationList = forwardRef<\n  HTMLOListElement,\n  InboxNotificationListProps\n>(({ onReachEnd, children, className, ...props }, forwardedRef) => {\n  return (\n    <ol\n      className={classNames(\"lb-root lb-inbox-notification-list\", className)}\n      {...props}\n      ref={forwardedRef}\n    >\n      {Children.map(children, (child, index) => (\n        <li key={index} className=\"lb-inbox-notification-list-item\">\n          {child}\n        </li>\n      ))}\n      {/* Render an invisible marker at the end which is tied to an IntersectionObserver to be alerted when the end of the list has been reached */}\n      {onReachEnd && (\n        <ReachEndMarker\n          onReachEnd={onReachEnd}\n          enabled={Children.count(children) > 0}\n        />\n      )}\n    </ol>\n  );\n});\n"],"names":["useRef","useVisibleCallback","jsx","forwardRef","jsxs","classNames","Children"],"mappings":";;;;;;;AAAA,YAAA,CAAA;AAmBA,SAAS,cAAe,CAAA;AAAA,EACtB,OAAA;AAAA,EACA,UAAA;AACF,CAGG,EAAA;AACD,EAAM,MAAA,SAAA,GAAYA,aAAuB,IAAI,CAAA,CAAA;AAE7C,EAAAC,6BAAA,CAAmB,WAAW,UAAY,EAAA;AAAA,IACxC,OAAA;AAAA,GACD,CAAA,CAAA;AAED,EAAA,uBAAQC,cAAA,CAAA,KAAA,EAAA;AAAA,IAAI,GAAK,EAAA,SAAA;AAAA,IAAW,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAE,EAAA;AAAA,GAAG,CAAA,CAAA;AACpD,CAAA;AAYa,MAAA,qBAAA,GAAwBC,iBAGnC,CAAC,EAAE,YAAY,QAAU,EAAA,SAAA,EAAA,GAAc,KAAM,EAAA,EAAG,YAAiB,KAAA;AACjE,EAAA,uBACGC,eAAA,CAAA,IAAA,EAAA;AAAA,IACC,SAAA,EAAWC,qBAAW,CAAA,oCAAA,EAAsC,SAAS,CAAA;AAAA,IACpE,GAAG,KAAA;AAAA,IACJ,GAAK,EAAA,YAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,MAAAC,cAAA,CAAS,GAAI,CAAA,QAAA,EAAU,CAAC,KAAA,EAAO,0BAC7BJ,cAAA,CAAA,IAAA,EAAA;AAAA,QAAe,SAAU,EAAA,iCAAA;AAAA,QACvB,QAAA,EAAA,KAAA;AAAA,OAAA,EADM,KAET,CACD,CAAA;AAAA,MAEA,8BACEA,cAAA,CAAA,cAAA,EAAA;AAAA,QACC,UAAA;AAAA,QACA,OAAS,EAAAI,cAAA,CAAS,KAAM,CAAA,QAAQ,CAAI,GAAA,CAAA;AAAA,OACtC,CAAA;AAAA,KAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/components/InboxNotificationList.mjs

@@ -1,8 +1,9 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, Children, useRef } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useRef, forwardRef, Children } from 'react';
 import { classNames } from '../utils/class-names.mjs';
 import { useVisibleCallback } from '../utils/use-visible.mjs';
 
+"use client";
 function ReachEndMarker({
   enabled,
   onReachEnd

package/dist/components/InboxNotificationList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InboxNotificationList.mjs","sources":["../../src/components/InboxNotificationList.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport { Children, forwardRef, useRef } from \"react\";\n\nimport { classNames } from \"../utils/class-names\";\nimport { useVisibleCallback } from \"../utils/use-visible\";\n\nexport interface InboxNotificationListProps\n  extends ComponentPropsWithoutRef<\"ol\"> {\n  /**\n   * This API is *EXPERIMENTAL* and likely not going to be the final API. Do\n   * not rely on it.\n   *\n   * @private\n   */\n  onReachEnd?: () => void;\n}\n\nfunction ReachEndMarker({\n  enabled,\n  onReachEnd,\n}: {\n  enabled: boolean;\n  onReachEnd: () => void;\n}) {\n  const markerRef = useRef<HTMLDivElement>(null);\n\n  useVisibleCallback(markerRef, onReachEnd, {\n    enabled,\n  });\n\n  return <div ref={markerRef} style={{ height: 0 }} />;\n}\n\n/**\n * Displays inbox notifications as a list.\n *\n * @example\n * <InboxNotificationList>\n *   {inboxNotifications.map((inboxNotification) => (\n *     <InboxNotification key={inboxNotification.id} inboxNotification={inboxNotification} />\n *   ))}\n * </InboxNotificationList>\n */\nexport const InboxNotificationList = forwardRef<\n  HTMLOListElement,\n  InboxNotificationListProps\n>(({ onReachEnd, children, className, ...props }, forwardedRef) => {\n  return (\n    <ol\n      className={classNames(\"lb-root lb-inbox-notification-list\", className)}\n      {...props}\n      ref={forwardedRef}\n    >\n      {Children.map(children, (child, index) => (\n        <li key={index} className=\"lb-inbox-notification-list-item\">\n          {child}\n        </li>\n      ))}\n      {/* Render an invisible marker at the end which is tied to an IntersectionObserver to be alerted when the end of the list has been reached */}\n      {onReachEnd && (\n        <ReachEndMarker\n          onReachEnd={onReachEnd}\n          enabled={Children.count(children) > 0}\n        />\n      )}\n    </ol>\n  );\n});\n"],"names":[],"mappings":";;;;;AAmBA,SAAS,cAAe,CAAA;AAAA,EACtB,OAAA;AAAA,EACA,UAAA;AACF,CAGG,EAAA;AACD,EAAM,MAAA,SAAA,GAAY,OAAuB,IAAI,CAAA,CAAA;AAE7C,EAAA,kBAAA,CAAmB,WAAW,UAAY,EAAA;AAAA,IACxC,OAAA;AAAA,GACD,CAAA,CAAA;AAED,EAAA,uBAAQ,GAAA,CAAA,KAAA,EAAA;AAAA,IAAI,GAAK,EAAA,SAAA;AAAA,IAAW,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAE,EAAA;AAAA,GAAG,CAAA,CAAA;AACpD,CAAA;AAYa,MAAA,qBAAA,GAAwB,WAGnC,CAAC,EAAE,YAAY,QAAU,EAAA,SAAA,EAAA,GAAc,KAAM,EAAA,EAAG,YAAiB,KAAA;AACjE,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA;AAAA,IACC,SAAA,EAAW,UAAW,CAAA,oCAAA,EAAsC,SAAS,CAAA;AAAA,IACpE,GAAG,KAAA;AAAA,IACJ,GAAK,EAAA,YAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,MAAA,QAAA,CAAS,GAAI,CAAA,QAAA,EAAU,CAAC,KAAA,EAAO,0BAC7B,GAAA,CAAA,IAAA,EAAA;AAAA,QAAe,SAAU,EAAA,iCAAA;AAAA,QACvB,QAAA,EAAA,KAAA;AAAA,OAAA,EADM,KAET,CACD,CAAA;AAAA,MAEA,8BACE,GAAA,CAAA,cAAA,EAAA;AAAA,QACC,UAAA;AAAA,QACA,OAAS,EAAA,QAAA,CAAS,KAAM,CAAA,QAAQ,CAAI,GAAA,CAAA;AAAA,OACtC,CAAA;AAAA,KAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"InboxNotificationList.mjs","sources":["../../src/components/InboxNotificationList.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport { Children, forwardRef, useRef } from \"react\";\n\nimport { classNames } from \"../utils/class-names\";\nimport { useVisibleCallback } from \"../utils/use-visible\";\n\nexport interface InboxNotificationListProps\n  extends ComponentPropsWithoutRef<\"ol\"> {\n  /**\n   * This API is *EXPERIMENTAL* and likely not going to be the final API. Do\n   * not rely on it.\n   *\n   * @private\n   */\n  onReachEnd?: () => void;\n}\n\nfunction ReachEndMarker({\n  enabled,\n  onReachEnd,\n}: {\n  enabled: boolean;\n  onReachEnd: () => void;\n}) {\n  const markerRef = useRef<HTMLDivElement>(null);\n\n  useVisibleCallback(markerRef, onReachEnd, {\n    enabled,\n  });\n\n  return <div ref={markerRef} style={{ height: 0 }} />;\n}\n\n/**\n * Displays inbox notifications as a list.\n *\n * @example\n * <InboxNotificationList>\n *   {inboxNotifications.map((inboxNotification) => (\n *     <InboxNotification key={inboxNotification.id} inboxNotification={inboxNotification} />\n *   ))}\n * </InboxNotificationList>\n */\nexport const InboxNotificationList = forwardRef<\n  HTMLOListElement,\n  InboxNotificationListProps\n>(({ onReachEnd, children, className, ...props }, forwardedRef) => {\n  return (\n    <ol\n      className={classNames(\"lb-root lb-inbox-notification-list\", className)}\n      {...props}\n      ref={forwardedRef}\n    >\n      {Children.map(children, (child, index) => (\n        <li key={index} className=\"lb-inbox-notification-list-item\">\n          {child}\n        </li>\n      ))}\n      {/* Render an invisible marker at the end which is tied to an IntersectionObserver to be alerted when the end of the list has been reached */}\n      {onReachEnd && (\n        <ReachEndMarker\n          onReachEnd={onReachEnd}\n          enabled={Children.count(children) > 0}\n        />\n      )}\n    </ol>\n  );\n});\n"],"names":[],"mappings":";;;;;AAAA,YAAA,CAAA;AAmBA,SAAS,cAAe,CAAA;AAAA,EACtB,OAAA;AAAA,EACA,UAAA;AACF,CAGG,EAAA;AACD,EAAM,MAAA,SAAA,GAAY,OAAuB,IAAI,CAAA,CAAA;AAE7C,EAAA,kBAAA,CAAmB,WAAW,UAAY,EAAA;AAAA,IACxC,OAAA;AAAA,GACD,CAAA,CAAA;AAED,EAAA,uBAAQ,GAAA,CAAA,KAAA,EAAA;AAAA,IAAI,GAAK,EAAA,SAAA;AAAA,IAAW,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAE,EAAA;AAAA,GAAG,CAAA,CAAA;AACpD,CAAA;AAYa,MAAA,qBAAA,GAAwB,WAGnC,CAAC,EAAE,YAAY,QAAU,EAAA,SAAA,EAAA,GAAc,KAAM,EAAA,EAAG,YAAiB,KAAA;AACjE,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA;AAAA,IACC,SAAA,EAAW,UAAW,CAAA,oCAAA,EAAsC,SAAS,CAAA;AAAA,IACpE,GAAG,KAAA;AAAA,IACJ,GAAK,EAAA,YAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,MAAA,QAAA,CAAS,GAAI,CAAA,QAAA,EAAU,CAAC,KAAA,EAAO,0BAC7B,GAAA,CAAA,IAAA,EAAA;AAAA,QAAe,SAAU,EAAA,iCAAA;AAAA,QACvB,QAAA,EAAA,KAAA;AAAA,OAAA,EADM,KAET,CACD,CAAA;AAAA,MAEA,8BACE,GAAA,CAAA,cAAA,EAAA;AAAA,QACC,UAAA;AAAA,QACA,OAAS,EAAA,QAAA,CAAS,KAAM,CAAA,QAAQ,CAAI,GAAA,CAAA;AAAA,OACtC,CAAA;AAAA,KAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/components/Thread.js

@@ -36,6 +36,7 @@ function _interopNamespaceDefault(e) {
 
 var TogglePrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(TogglePrimitive);
 
+"use client";
 const Thread = react.forwardRef(
   ({
     thread,

package/dist/components/Thread.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thread.js","sources":["../../src/components/Thread.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  BaseMetadata,\n  CommentData,\n  DM,\n  ThreadData,\n} from \"@liveblocks/core\";\nimport { useThreadSubscription } from \"@liveblocks/react\";\nimport {\n  useMarkRoomThreadAsResolved,\n  useMarkRoomThreadAsUnresolved,\n} from \"@liveblocks/react/_private\";\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\";\nimport type {\n  ComponentPropsWithoutRef,\n  ForwardedRef,\n  RefAttributes,\n  SyntheticEvent,\n} from \"react\";\nimport {\n  forwardRef,\n  Fragment,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\n\nimport { ArrowDownIcon } from \"../icons/ArrowDown\";\nimport { ResolveIcon } from \"../icons/Resolve\";\nimport { ResolvedIcon } from \"../icons/Resolved\";\nimport type {\n  CommentOverrides,\n  ComposerOverrides,\n  GlobalOverrides,\n  ThreadOverrides,\n} from \"../overrides\";\nimport { useOverrides } from \"../overrides\";\nimport { classNames } from \"../utils/class-names\";\nimport { findLastIndex } from \"../utils/find-last-index\";\nimport type { CommentProps } from \"./Comment\";\nimport { Comment } from \"./Comment\";\nimport type { ComposerProps } from \"./Composer\";\nimport { Composer } from \"./Composer\";\nimport { Button } from \"./internal/Button\";\nimport { Tooltip, TooltipProvider } from \"./internal/Tooltip\";\n\nexport interface ThreadProps<M extends BaseMetadata = DM>\n  extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The thread to display.\n   */\n  thread: ThreadData<M>;\n\n  /**\n   * How to show or hide the composer to reply to the thread.\n   */\n  showComposer?: boolean | \"collapsed\";\n\n  /**\n   * Whether to show the action to resolve the thread.\n   */\n  showResolveAction?: boolean;\n\n  /**\n   * How to show or hide the actions.\n   */\n  showActions?: CommentProps[\"showActions\"];\n\n  /**\n   * Whether to show reactions.\n   */\n  showReactions?: CommentProps[\"showReactions\"];\n\n  /**\n   * Whether to show the composer's formatting controls.\n   */\n  showComposerFormattingControls?: ComposerProps[\"showFormattingControls\"];\n\n  /**\n   * Whether to indent the comments' content.\n   */\n  indentCommentContent?: CommentProps[\"indentContent\"];\n\n  /**\n   * Whether to show deleted comments.\n   */\n  showDeletedComments?: CommentProps[\"showDeleted\"];\n\n  /**\n   * Whether to show attachments.\n   */\n  showAttachments?: boolean;\n\n  /**\n   * The event handler called when changing the resolved status.\n   */\n  onResolvedChange?: (resolved: boolean) => void;\n\n  /**\n   * The event handler called when a comment is edited.\n   */\n  onCommentEdit?: CommentProps[\"onCommentEdit\"];\n\n  /**\n   * The event handler called when a comment is deleted.\n   */\n  onCommentDelete?: CommentProps[\"onCommentDelete\"];\n\n  /**\n   * The event handler called when the thread is deleted.\n   * A thread is deleted when all its comments are deleted.\n   */\n  onThreadDelete?: (thread: ThreadData<M>) => void;\n\n  /**\n   * The event handler called when clicking on a comment's author.\n   */\n  onAuthorClick?: CommentProps[\"onAuthorClick\"];\n\n  /**\n   * The event handler called when clicking on a mention.\n   */\n  onMentionClick?: CommentProps[\"onMentionClick\"];\n\n  /**\n   * The event handler called when clicking on a comment's attachment.\n   */\n  onAttachmentClick?: CommentProps[\"onAttachmentClick\"];\n\n  /**\n   * The event handler called when the composer is submitted.\n   */\n  onComposerSubmit?: ComposerProps[\"onComposerSubmit\"];\n\n  /**\n   * Override the component's strings.\n   */\n  overrides?: Partial<\n    GlobalOverrides & ThreadOverrides & CommentOverrides & ComposerOverrides\n  >;\n}\n\n/**\n * Displays a thread of comments, with a composer to reply\n * to it.\n *\n * @example\n * <>\n *   {threads.map((thread) => (\n *     <Thread key={thread.id} thread={thread} />\n *   ))}\n * </>\n */\nexport const Thread = forwardRef(\n  <M extends BaseMetadata = DM>(\n    {\n      thread,\n      indentCommentContent = true,\n      showActions = \"hover\",\n      showDeletedComments,\n      showResolveAction = true,\n      showReactions = true,\n      showComposer = \"collapsed\",\n      showAttachments = true,\n      showComposerFormattingControls = true,\n      onResolvedChange,\n      onCommentEdit,\n      onCommentDelete,\n      onThreadDelete,\n      onAuthorClick,\n      onMentionClick,\n      onAttachmentClick,\n      onComposerSubmit,\n      overrides,\n      className,\n      ...props\n    }: ThreadProps<M>,\n    forwardedRef: ForwardedRef<HTMLDivElement>\n  ) => {\n    const markThreadAsResolved = useMarkRoomThreadAsResolved(thread.roomId);\n    const markThreadAsUnresolved = useMarkRoomThreadAsUnresolved(thread.roomId);\n    const $ = useOverrides(overrides);\n    const firstCommentIndex = useMemo(() => {\n      return showDeletedComments\n        ? 0\n        : thread.comments.findIndex((comment) => comment.body);\n    }, [showDeletedComments, thread.comments]);\n    const lastCommentIndex = useMemo(() => {\n      return showDeletedComments\n        ? thread.comments.length - 1\n        : findLastIndex(thread.comments, (comment) => comment.body);\n    }, [showDeletedComments, thread.comments]);\n    const { status: subscriptionStatus, unreadSince } = useThreadSubscription(\n      thread.id\n    );\n    const unreadIndex = useMemo(() => {\n      // The user is not subscribed to this thread.\n      if (subscriptionStatus !== \"subscribed\") {\n        return;\n      }\n\n      // The user hasn't read the thread yet, so all comments are unread.\n      if (unreadSince === null) {\n        return firstCommentIndex;\n      }\n\n      // The user has read the thread, so we find the first unread comment.\n      const unreadIndex = thread.comments.findIndex(\n        (comment) =>\n          (showDeletedComments ? true : comment.body) &&\n          comment.createdAt > unreadSince\n      );\n\n      return unreadIndex >= 0 && unreadIndex < thread.comments.length\n        ? unreadIndex\n        : undefined;\n    }, [\n      firstCommentIndex,\n      showDeletedComments,\n      subscriptionStatus,\n      thread.comments,\n      unreadSince,\n    ]);\n    const [newIndex, setNewIndex] = useState<number>();\n    const newIndicatorIndex = newIndex === undefined ? unreadIndex : newIndex;\n\n    useEffect(() => {\n      if (unreadIndex) {\n        // Keep the \"new\" indicator at the lowest unread index.\n        setNewIndex((persistedUnreadIndex) =>\n          Math.min(persistedUnreadIndex ?? Infinity, unreadIndex)\n        );\n      }\n    }, [unreadIndex]);\n\n    const stopPropagation = useCallback((event: SyntheticEvent) => {\n      event.stopPropagation();\n    }, []);\n\n    const handleResolvedChange = useCallback(\n      (resolved: boolean) => {\n        onResolvedChange?.(resolved);\n\n        if (resolved) {\n          markThreadAsResolved(thread.id);\n        } else {\n          markThreadAsUnresolved(thread.id);\n        }\n      },\n      [\n        markThreadAsResolved,\n        markThreadAsUnresolved,\n        onResolvedChange,\n        thread.id,\n      ]\n    );\n\n    const handleCommentDelete = useCallback(\n      (comment: CommentData) => {\n        onCommentDelete?.(comment);\n\n        const filteredComments = thread.comments.filter(\n          (comment) => comment.body\n        );\n\n        if (filteredComments.length <= 1) {\n          onThreadDelete?.(thread);\n        }\n      },\n      [onCommentDelete, onThreadDelete, thread]\n    );\n\n    return (\n      <TooltipProvider>\n        <div\n          className={classNames(\n            \"lb-root lb-thread\",\n            showActions === \"hover\" && \"lb-thread:show-actions-hover\",\n            className\n          )}\n          data-resolved={thread.resolved ? \"\" : undefined}\n          data-unread={unreadIndex !== undefined ? \"\" : undefined}\n          dir={$.dir}\n          {...props}\n          ref={forwardedRef}\n        >\n          <div className=\"lb-thread-comments\">\n            {thread.comments.map((comment, index) => {\n              const isFirstComment = index === firstCommentIndex;\n              const isUnread =\n                unreadIndex !== undefined && index >= unreadIndex;\n\n              const children = (\n                <Comment\n                  key={comment.id}\n                  className=\"lb-thread-comment\"\n                  data-unread={isUnread ? \"\" : undefined}\n                  comment={comment}\n                  indentContent={indentCommentContent}\n                  showDeleted={showDeletedComments}\n                  showActions={showActions}\n                  showReactions={showReactions}\n                  showAttachments={showAttachments}\n                  showComposerFormattingControls={\n                    showComposerFormattingControls\n                  }\n                  onCommentEdit={onCommentEdit}\n                  onCommentDelete={handleCommentDelete}\n                  onAuthorClick={onAuthorClick}\n                  onMentionClick={onMentionClick}\n                  onAttachmentClick={onAttachmentClick}\n                  autoMarkReadThreadId={\n                    index === lastCommentIndex && isUnread\n                      ? thread.id\n                      : undefined\n                  }\n                  additionalActionsClassName={\n                    isFirstComment ? \"lb-thread-actions\" : undefined\n                  }\n                  additionalActions={\n                    isFirstComment && showResolveAction ? (\n                      <Tooltip\n                        content={\n                          thread.resolved\n                            ? $.THREAD_UNRESOLVE\n                            : $.THREAD_RESOLVE\n                        }\n                      >\n                        <TogglePrimitive.Root\n                          pressed={thread.resolved}\n                          onPressedChange={handleResolvedChange}\n                          asChild\n                        >\n                          <Button\n                            className=\"lb-comment-action\"\n                            onClick={stopPropagation}\n                            aria-label={\n                              thread.resolved\n                                ? $.THREAD_UNRESOLVE\n                                : $.THREAD_RESOLVE\n                            }\n                          >\n                            {thread.resolved ? (\n                              <ResolvedIcon className=\"lb-button-icon\" />\n                            ) : (\n                              <ResolveIcon className=\"lb-button-icon\" />\n                            )}\n                          </Button>\n                        </TogglePrimitive.Root>\n                      </Tooltip>\n                    ) : null\n                  }\n                />\n              );\n\n              return index === newIndicatorIndex &&\n                newIndicatorIndex !== firstCommentIndex &&\n                newIndicatorIndex <= lastCommentIndex ? (\n                <Fragment key={comment.id}>\n                  <div\n                    className=\"lb-thread-new-indicator\"\n                    aria-label={$.THREAD_NEW_INDICATOR_DESCRIPTION}\n                  >\n                    <span className=\"lb-thread-new-indicator-label\">\n                      <ArrowDownIcon className=\"lb-thread-new-indicator-label-icon\" />\n                      {$.THREAD_NEW_INDICATOR}\n                    </span>\n                  </div>\n                  {children}\n                </Fragment>\n              ) : (\n                children\n              );\n            })}\n          </div>\n          {showComposer && (\n            <Composer\n              className=\"lb-thread-composer\"\n              threadId={thread.id}\n              defaultCollapsed={showComposer === \"collapsed\" ? true : undefined}\n              showAttachments={showAttachments}\n              showFormattingControls={showComposerFormattingControls}\n              onComposerSubmit={onComposerSubmit}\n              overrides={{\n                COMPOSER_PLACEHOLDER: $.THREAD_COMPOSER_PLACEHOLDER,\n                COMPOSER_SEND: $.THREAD_COMPOSER_SEND,\n              }}\n              roomId={thread.roomId}\n            />\n          )}\n        </div>\n      </TooltipProvider>\n    );\n  }\n) as <M extends BaseMetadata = DM>(\n  props: ThreadProps<M> & RefAttributes<HTMLDivElement>\n) => JSX.Element;\n"],"names":["forwardRef","overrides","useMarkRoomThreadAsResolved","useMarkRoomThreadAsUnresolved","useOverrides","useMemo","findLastIndex","useThreadSubscription","unreadIndex","useState","useEffect","useCallback","comment","jsx","TooltipProvider","jsxs","classNames","Comment","Tooltip","TogglePrimitive","Button","ResolvedIcon","ResolveIcon","Fragment","ArrowDownIcon","Composer"],"mappings":"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"}
+{"version":3,"file":"Thread.js","sources":["../../src/components/Thread.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  BaseMetadata,\n  CommentData,\n  DM,\n  ThreadData,\n} from \"@liveblocks/core\";\nimport { useThreadSubscription } from \"@liveblocks/react\";\nimport {\n  useMarkRoomThreadAsResolved,\n  useMarkRoomThreadAsUnresolved,\n} from \"@liveblocks/react/_private\";\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\";\nimport type {\n  ComponentPropsWithoutRef,\n  ForwardedRef,\n  RefAttributes,\n  SyntheticEvent,\n} from \"react\";\nimport {\n  forwardRef,\n  Fragment,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\n\nimport { ArrowDownIcon } from \"../icons/ArrowDown\";\nimport { ResolveIcon } from \"../icons/Resolve\";\nimport { ResolvedIcon } from \"../icons/Resolved\";\nimport type {\n  CommentOverrides,\n  ComposerOverrides,\n  GlobalOverrides,\n  ThreadOverrides,\n} from \"../overrides\";\nimport { useOverrides } from \"../overrides\";\nimport { classNames } from \"../utils/class-names\";\nimport { findLastIndex } from \"../utils/find-last-index\";\nimport type { CommentProps } from \"./Comment\";\nimport { Comment } from \"./Comment\";\nimport type { ComposerProps } from \"./Composer\";\nimport { Composer } from \"./Composer\";\nimport { Button } from \"./internal/Button\";\nimport { Tooltip, TooltipProvider } from \"./internal/Tooltip\";\n\nexport interface ThreadProps<M extends BaseMetadata = DM>\n  extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The thread to display.\n   */\n  thread: ThreadData<M>;\n\n  /**\n   * How to show or hide the composer to reply to the thread.\n   */\n  showComposer?: boolean | \"collapsed\";\n\n  /**\n   * Whether to show the action to resolve the thread.\n   */\n  showResolveAction?: boolean;\n\n  /**\n   * How to show or hide the actions.\n   */\n  showActions?: CommentProps[\"showActions\"];\n\n  /**\n   * Whether to show reactions.\n   */\n  showReactions?: CommentProps[\"showReactions\"];\n\n  /**\n   * Whether to show the composer's formatting controls.\n   */\n  showComposerFormattingControls?: ComposerProps[\"showFormattingControls\"];\n\n  /**\n   * Whether to indent the comments' content.\n   */\n  indentCommentContent?: CommentProps[\"indentContent\"];\n\n  /**\n   * Whether to show deleted comments.\n   */\n  showDeletedComments?: CommentProps[\"showDeleted\"];\n\n  /**\n   * Whether to show attachments.\n   */\n  showAttachments?: boolean;\n\n  /**\n   * The event handler called when changing the resolved status.\n   */\n  onResolvedChange?: (resolved: boolean) => void;\n\n  /**\n   * The event handler called when a comment is edited.\n   */\n  onCommentEdit?: CommentProps[\"onCommentEdit\"];\n\n  /**\n   * The event handler called when a comment is deleted.\n   */\n  onCommentDelete?: CommentProps[\"onCommentDelete\"];\n\n  /**\n   * The event handler called when the thread is deleted.\n   * A thread is deleted when all its comments are deleted.\n   */\n  onThreadDelete?: (thread: ThreadData<M>) => void;\n\n  /**\n   * The event handler called when clicking on a comment's author.\n   */\n  onAuthorClick?: CommentProps[\"onAuthorClick\"];\n\n  /**\n   * The event handler called when clicking on a mention.\n   */\n  onMentionClick?: CommentProps[\"onMentionClick\"];\n\n  /**\n   * The event handler called when clicking on a comment's attachment.\n   */\n  onAttachmentClick?: CommentProps[\"onAttachmentClick\"];\n\n  /**\n   * The event handler called when the composer is submitted.\n   */\n  onComposerSubmit?: ComposerProps[\"onComposerSubmit\"];\n\n  /**\n   * Override the component's strings.\n   */\n  overrides?: Partial<\n    GlobalOverrides & ThreadOverrides & CommentOverrides & ComposerOverrides\n  >;\n}\n\n/**\n * Displays a thread of comments, with a composer to reply\n * to it.\n *\n * @example\n * <>\n *   {threads.map((thread) => (\n *     <Thread key={thread.id} thread={thread} />\n *   ))}\n * </>\n */\nexport const Thread = forwardRef(\n  <M extends BaseMetadata = DM>(\n    {\n      thread,\n      indentCommentContent = true,\n      showActions = \"hover\",\n      showDeletedComments,\n      showResolveAction = true,\n      showReactions = true,\n      showComposer = \"collapsed\",\n      showAttachments = true,\n      showComposerFormattingControls = true,\n      onResolvedChange,\n      onCommentEdit,\n      onCommentDelete,\n      onThreadDelete,\n      onAuthorClick,\n      onMentionClick,\n      onAttachmentClick,\n      onComposerSubmit,\n      overrides,\n      className,\n      ...props\n    }: ThreadProps<M>,\n    forwardedRef: ForwardedRef<HTMLDivElement>\n  ) => {\n    const markThreadAsResolved = useMarkRoomThreadAsResolved(thread.roomId);\n    const markThreadAsUnresolved = useMarkRoomThreadAsUnresolved(thread.roomId);\n    const $ = useOverrides(overrides);\n    const firstCommentIndex = useMemo(() => {\n      return showDeletedComments\n        ? 0\n        : thread.comments.findIndex((comment) => comment.body);\n    }, [showDeletedComments, thread.comments]);\n    const lastCommentIndex = useMemo(() => {\n      return showDeletedComments\n        ? thread.comments.length - 1\n        : findLastIndex(thread.comments, (comment) => comment.body);\n    }, [showDeletedComments, thread.comments]);\n    const { status: subscriptionStatus, unreadSince } = useThreadSubscription(\n      thread.id\n    );\n    const unreadIndex = useMemo(() => {\n      // The user is not subscribed to this thread.\n      if (subscriptionStatus !== \"subscribed\") {\n        return;\n      }\n\n      // The user hasn't read the thread yet, so all comments are unread.\n      if (unreadSince === null) {\n        return firstCommentIndex;\n      }\n\n      // The user has read the thread, so we find the first unread comment.\n      const unreadIndex = thread.comments.findIndex(\n        (comment) =>\n          (showDeletedComments ? true : comment.body) &&\n          comment.createdAt > unreadSince\n      );\n\n      return unreadIndex >= 0 && unreadIndex < thread.comments.length\n        ? unreadIndex\n        : undefined;\n    }, [\n      firstCommentIndex,\n      showDeletedComments,\n      subscriptionStatus,\n      thread.comments,\n      unreadSince,\n    ]);\n    const [newIndex, setNewIndex] = useState<number>();\n    const newIndicatorIndex = newIndex === undefined ? unreadIndex : newIndex;\n\n    useEffect(() => {\n      if (unreadIndex) {\n        // Keep the \"new\" indicator at the lowest unread index.\n        setNewIndex((persistedUnreadIndex) =>\n          Math.min(persistedUnreadIndex ?? Infinity, unreadIndex)\n        );\n      }\n    }, [unreadIndex]);\n\n    const stopPropagation = useCallback((event: SyntheticEvent) => {\n      event.stopPropagation();\n    }, []);\n\n    const handleResolvedChange = useCallback(\n      (resolved: boolean) => {\n        onResolvedChange?.(resolved);\n\n        if (resolved) {\n          markThreadAsResolved(thread.id);\n        } else {\n          markThreadAsUnresolved(thread.id);\n        }\n      },\n      [\n        markThreadAsResolved,\n        markThreadAsUnresolved,\n        onResolvedChange,\n        thread.id,\n      ]\n    );\n\n    const handleCommentDelete = useCallback(\n      (comment: CommentData) => {\n        onCommentDelete?.(comment);\n\n        const filteredComments = thread.comments.filter(\n          (comment) => comment.body\n        );\n\n        if (filteredComments.length <= 1) {\n          onThreadDelete?.(thread);\n        }\n      },\n      [onCommentDelete, onThreadDelete, thread]\n    );\n\n    return (\n      <TooltipProvider>\n        <div\n          className={classNames(\n            \"lb-root lb-thread\",\n            showActions === \"hover\" && \"lb-thread:show-actions-hover\",\n            className\n          )}\n          data-resolved={thread.resolved ? \"\" : undefined}\n          data-unread={unreadIndex !== undefined ? \"\" : undefined}\n          dir={$.dir}\n          {...props}\n          ref={forwardedRef}\n        >\n          <div className=\"lb-thread-comments\">\n            {thread.comments.map((comment, index) => {\n              const isFirstComment = index === firstCommentIndex;\n              const isUnread =\n                unreadIndex !== undefined && index >= unreadIndex;\n\n              const children = (\n                <Comment\n                  key={comment.id}\n                  className=\"lb-thread-comment\"\n                  data-unread={isUnread ? \"\" : undefined}\n                  comment={comment}\n                  indentContent={indentCommentContent}\n                  showDeleted={showDeletedComments}\n                  showActions={showActions}\n                  showReactions={showReactions}\n                  showAttachments={showAttachments}\n                  showComposerFormattingControls={\n                    showComposerFormattingControls\n                  }\n                  onCommentEdit={onCommentEdit}\n                  onCommentDelete={handleCommentDelete}\n                  onAuthorClick={onAuthorClick}\n                  onMentionClick={onMentionClick}\n                  onAttachmentClick={onAttachmentClick}\n                  autoMarkReadThreadId={\n                    index === lastCommentIndex && isUnread\n                      ? thread.id\n                      : undefined\n                  }\n                  additionalActionsClassName={\n                    isFirstComment ? \"lb-thread-actions\" : undefined\n                  }\n                  additionalActions={\n                    isFirstComment && showResolveAction ? (\n                      <Tooltip\n                        content={\n                          thread.resolved\n                            ? $.THREAD_UNRESOLVE\n                            : $.THREAD_RESOLVE\n                        }\n                      >\n                        <TogglePrimitive.Root\n                          pressed={thread.resolved}\n                          onPressedChange={handleResolvedChange}\n                          asChild\n                        >\n                          <Button\n                            className=\"lb-comment-action\"\n                            onClick={stopPropagation}\n                            aria-label={\n                              thread.resolved\n                                ? $.THREAD_UNRESOLVE\n                                : $.THREAD_RESOLVE\n                            }\n                          >\n                            {thread.resolved ? (\n                              <ResolvedIcon className=\"lb-button-icon\" />\n                            ) : (\n                              <ResolveIcon className=\"lb-button-icon\" />\n                            )}\n                          </Button>\n                        </TogglePrimitive.Root>\n                      </Tooltip>\n                    ) : null\n                  }\n                />\n              );\n\n              return index === newIndicatorIndex &&\n                newIndicatorIndex !== firstCommentIndex &&\n                newIndicatorIndex <= lastCommentIndex ? (\n                <Fragment key={comment.id}>\n                  <div\n                    className=\"lb-thread-new-indicator\"\n                    aria-label={$.THREAD_NEW_INDICATOR_DESCRIPTION}\n                  >\n                    <span className=\"lb-thread-new-indicator-label\">\n                      <ArrowDownIcon className=\"lb-thread-new-indicator-label-icon\" />\n                      {$.THREAD_NEW_INDICATOR}\n                    </span>\n                  </div>\n                  {children}\n                </Fragment>\n              ) : (\n                children\n              );\n            })}\n          </div>\n          {showComposer && (\n            <Composer\n              className=\"lb-thread-composer\"\n              threadId={thread.id}\n              defaultCollapsed={showComposer === \"collapsed\" ? true : undefined}\n              showAttachments={showAttachments}\n              showFormattingControls={showComposerFormattingControls}\n              onComposerSubmit={onComposerSubmit}\n              overrides={{\n                COMPOSER_PLACEHOLDER: $.THREAD_COMPOSER_PLACEHOLDER,\n                COMPOSER_SEND: $.THREAD_COMPOSER_SEND,\n              }}\n              roomId={thread.roomId}\n            />\n          )}\n        </div>\n      </TooltipProvider>\n    );\n  }\n) as <M extends BaseMetadata = DM>(\n  props: ThreadProps<M> & RefAttributes<HTMLDivElement>\n) => JSX.Element;\n"],"names":["forwardRef","overrides","useMarkRoomThreadAsResolved","useMarkRoomThreadAsUnresolved","useOverrides","useMemo","findLastIndex","useThreadSubscription","unreadIndex","useState","useEffect","useCallback","comment","jsx","TooltipProvider","jsxs","classNames","Comment","Tooltip","TogglePrimitive","Button","ResolvedIcon","ResolveIcon","Fragment","ArrowDownIcon","Composer"],"mappings":"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"}

package/dist/components/Thread.mjs

@@ -15,6 +15,7 @@ import { Button } from './internal/Button.mjs';
 import { Tooltip } from './internal/Tooltip.mjs';
 import { TooltipProvider } from '@radix-ui/react-tooltip';
 
+"use client";
 const Thread = forwardRef(
   ({
     thread,