@corva/ui 3.74.0-1 → 3.74.0-10

package/cjs-bundle/components/CommentCard/CommentCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentCard.js","sources":["../../../../src/components/CommentCard/CommentCard.tsx"],"sourcesContent":["import { forwardRef, ReactElement, useMemo } from 'react';\nimport { Collapse } from '@material-ui/core';\nimport classNames from 'classnames';\n\nimport { FeedCard, FEED_CARD_MAX_HEIGHT_PX } from '../FeedCard';\nimport { StoredAttachment } from '../AttachmentPreview/useStoredAttachment';\nimport { useStoredAttachments } from '../AttachmentPreview/useStoredAttachments';\nimport { useFeedActivity } from '../FeedCard/useFeedActivity';\nimport { AttachmentPreview } from '../AttachmentPreview';\nimport { Avatar } from '../../componentsV2/Avatar';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { InfoIcon } from '../../icons';\n\nimport { CommentCardReactions } from './CommentCardReactions';\nimport { CommentCardReplies } from './CommentCardReplies';\nimport { CommentCardProps, CommentContextRow } from './CommentCard.types';\n\nimport styles from './CommentCard.scss';\n\nconst MetadataTooltip = ({ rows }: { rows: CommentContextRow[] }) => (\n  <div className={styles.metadataRows}>\n    {rows.map(({ label, value, unit }) => (\n      <div key={label} className={styles.metadataRow}>\n        <span className={styles.metadataLabel}>{label}</span>\n        <span className={styles.metadataValue}>{value}</span>\n        {unit && <span className={styles.metadataUnit}>{unit}</span>}\n      </div>\n    ))}\n  </div>\n);\n\nexport const CommentCard = forwardRef<HTMLDivElement, CommentCardProps>((props, ref) => {\n  const {\n    activity,\n    variant = 'expanded',\n    author,\n    timestamp,\n    subtitle,\n    body,\n    contextRows,\n    attachment,\n    storedAttachments,\n    isLiked,\n    likesCount,\n    commentsCount,\n    replies,\n    hasMoreReplies,\n    moreRepliesCount,\n    attachments,\n    onAttachmentClick,\n    attachmentSlot,\n    chip,\n    chipColor,\n    onLike,\n    onReplyToggle,\n    onForward,\n    onShowMoreReplies,\n    menuItems,\n    isReplyOpen,\n    replyInput,\n    editForm,\n    width,\n    onMouseEnter,\n    onMouseLeave,\n    className,\n    testId,\n  } = props;\n\n  const activityBinding = useFeedActivity(activity, 'comment');\n  const cardMenuItems = activityBinding\n    ? [...(menuItems ?? []), ...activityBinding.menuItems]\n    : menuItems;\n  const cardReplyInput = activityBinding ? activityBinding.replyInput : replyInput;\n  const cardIsReplyOpen = activityBinding ? activityBinding.isReplyOpen : isReplyOpen;\n  const cardReplies = activityBinding ? activityBinding.replies : replies;\n\n  const hasFooter = !!(\n    activityBinding ||\n    onLike ||\n    onReplyToggle ||\n    onForward ||\n    cardMenuItems?.length ||\n    contextRows?.length\n  );\n\n  const info = !!contextRows?.length && (\n    <Tooltip\n      placement=\"top\"\n      className={styles.metadataTooltip}\n      title={<MetadataTooltip rows={contextRows} />}\n    >\n      <span className={styles.infoButton} data-testid=\"comment-card-info\">\n        <InfoIcon size={12} strokeWidth={2} />\n      </span>\n    </Tooltip>\n  );\n\n  const reactions = (\n    <CommentCardReactions\n      info={info}\n      commentsCount={activityBinding ? activityBinding.commentsCount : commentsCount}\n      likesCount={activityBinding ? activityBinding.likesCount : likesCount}\n      isLiked={activityBinding ? activityBinding.isLiked : isLiked}\n      menuItems={cardMenuItems}\n      onLike={activityBinding ? activityBinding.onLike : onLike}\n      onReplyToggle={activityBinding ? activityBinding.onReplyToggle : onReplyToggle}\n      onForward={onForward}\n    />\n  );\n\n  const bodyRow = (\n    <div className={styles.bodyRow}>\n      <div className={styles.text}>{body}</div>\n      {chip && (\n        <span\n          className={classNames(styles.chip, !!chipColor && styles.chipAccented)}\n          style={chipColor ? { borderLeftColor: chipColor } : undefined}\n        >\n          {chip}\n        </span>\n      )}\n    </div>\n  );\n\n  const storedList = useMemo(\n    () => storedAttachments ?? ([attachment].filter(Boolean) as StoredAttachment[]),\n    [storedAttachments, attachment]\n  );\n  const storedItems = useStoredAttachments(storedList);\n  const items = storedItems.length ? storedItems : attachments;\n\n  // Undefined is the norm, which lets AttachmentPreview run its own lightbox; a caller that\n  // passes the prop is taking the click over.\n  const attachmentPreview = items?.length ? (\n    <AttachmentPreview items={items} onItemClick={onAttachmentClick} />\n  ) : null;\n\n  const surfaceProps = {\n    ref,\n    width,\n    radius: 12,\n    onMouseEnter,\n    onMouseLeave,\n    testId,\n    className,\n  };\n\n  if (activityBinding?.isDeleted) return null;\n  const withOverlays = (card: ReactElement) => (\n    <>\n      {card}\n      {activityBinding?.deleteDialog}\n    </>\n  );\n\n  if (variant === 'preview') {\n    return withOverlays(\n      <FeedCard {...surfaceProps} maxHeight={FEED_CARD_MAX_HEIGHT_PX}>\n        <div className={styles.compactBody}>\n          <div className={styles.compactTop}>\n            <Avatar\n              size={24}\n              name={author.name}\n              imageSrc={author.avatarUrl}\n              className={styles.avatar}\n            />\n            <span className={styles.name}>{author.name}</span>\n            <span className={styles.compactTime}>{timestamp}</span>\n          </div>\n          <div className={styles.scrollBody}>{bodyRow}</div>\n        </div>\n        {hasFooter && <div className={styles.compactFooter}>{reactions}</div>}\n      </FeedCard>\n    );\n  }\n\n  const editing = !!editForm;\n\n  const headerEl = (\n    <div className={styles.header}>\n      <Avatar size={24} name={author.name} imageSrc={author.avatarUrl} className={styles.avatar} />\n      <div className={styles.headerText}>\n        <div className={styles.nameRow}>\n          <span className={styles.name}>{author.name}</span>\n          {timestamp && <span className={styles.timestamp}>{timestamp}</span>}\n        </div>\n        {subtitle && <span className={styles.subtitle}>{subtitle}</span>}\n      </div>\n    </div>\n  );\n\n  if (editing) {\n    return withOverlays(\n      <FeedCard {...surfaceProps}>\n        <div className={styles.editHeader}>{headerEl}</div>\n        {editForm}\n      </FeedCard>\n    );\n  }\n\n  return withOverlays(\n    <FeedCard {...surfaceProps}>\n      <div className={styles.capped} style={{ maxHeight: FEED_CARD_MAX_HEIGHT_PX }}>\n        <div className={styles.bodySurface}>\n          {headerEl}\n\n          <div className={styles.scrollBody}>\n            {bodyRow}\n            {(attachmentPreview || attachmentSlot) && (\n              <div className={styles.attachment}>\n                {attachmentPreview}\n                {attachmentSlot}\n              </div>\n            )}\n          </div>\n        </div>\n\n        {hasFooter && <div className={styles.footer}>{reactions}</div>}\n      </div>\n\n      {hasFooter && (\n        <Collapse in={cardIsReplyOpen} timeout={250} unmountOnExit>\n          <div className={styles.repliesSection}>\n            <CommentCardReplies\n              replies={cardReplies}\n              hasMoreReplies={activityBinding ? activityBinding.hasMoreReplies : hasMoreReplies}\n              moreRepliesCount={\n                activityBinding ? activityBinding.moreRepliesCount : moreRepliesCount\n              }\n              isReplyOpen={cardIsReplyOpen}\n              replyInput={cardReplyInput}\n              onShowMoreReplies={\n                activityBinding ? activityBinding.onShowMoreReplies : onShowMoreReplies\n              }\n            />\n          </div>\n        </Collapse>\n      )}\n    </FeedCard>\n  );\n});\n"],"names":["MetadataTooltip","_ref","rows","_jsx","className","styles","metadataRows","children","map","_ref2","label","value","unit","_jsxs","metadataRow","jsx","metadataLabel","metadataValue","metadataUnit","CommentCard","forwardRef","props","ref","activity","_props$variant","variant","author","timestamp","subtitle","body","contextRows","attachment","storedAttachments","isLiked","likesCount","commentsCount","replies","hasMoreReplies","moreRepliesCount","attachments","onAttachmentClick","attachmentSlot","chip","chipColor","onLike","onReplyToggle","onForward","onShowMoreReplies","menuItems","isReplyOpen","replyInput","editForm","width","onMouseEnter","onMouseLeave","testId","activityBinding","useFeedActivity","cardMenuItems","cardReplyInput","cardIsReplyOpen","cardReplies","hasFooter","length","info","Tooltip","placement","metadataTooltip","title","infoButton","InfoIcon","size","strokeWidth","reactions","CommentCardReactions","bodyRow","jsxs","text","classNames","chipAccented","style","borderLeftColor","undefined","storedList","useMemo","filter","Boolean","storedItems","useStoredAttachments","items","attachmentPreview","AttachmentPreview","onItemClick","surfaceProps","radius","isDeleted","withOverlays","card","_Fragment","deleteDialog","FeedCard","maxHeight","FEED_CARD_MAX_HEIGHT_PX","compactBody","compactTop","Avatar","name","imageSrc","avatarUrl","avatar","compactTime","scrollBody","compactFooter","editing","headerEl","header","headerText","nameRow","editHeader","capped","bodySurface","footer","Collapse","in","timeout","unmountOnExit","repliesSection","CommentCardReplies"],"mappings":"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"}
+{"version":3,"file":"CommentCard.js","sources":["../../../../src/components/CommentCard/CommentCard.tsx"],"sourcesContent":["import { forwardRef, ReactElement, useMemo } from 'react';\nimport { Collapse } from '@material-ui/core';\nimport classNames from 'classnames';\n\nimport { FeedCard, FEED_CARD_MAX_HEIGHT_PX } from '../FeedCard';\nimport { StoredAttachment } from '../AttachmentPreview/useStoredAttachment';\nimport { useStoredAttachments } from '../AttachmentPreview/useStoredAttachments';\nimport { useFeedActivity } from '../FeedCard/useFeedActivity';\nimport { AttachmentPreview } from '../AttachmentPreview';\nimport { Avatar } from '../../componentsV2/Avatar';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { LinkedText } from '../LinkedText';\nimport { InfoIcon } from '../../icons';\n\nimport { CommentCardReactions } from './CommentCardReactions';\nimport { CommentCardReplies } from './CommentCardReplies';\nimport { CommentCardProps, CommentContextRow } from './CommentCard.types';\n\nimport styles from './CommentCard.scss';\n\nconst MetadataTooltip = ({ rows }: { rows: CommentContextRow[] }) => (\n  <div className={styles.metadataRows}>\n    {rows.map(({ label, value, unit }) => (\n      <div key={label} className={styles.metadataRow}>\n        <span className={styles.metadataLabel}>{label}</span>\n        <span className={styles.metadataValue}>{value}</span>\n        {unit && <span className={styles.metadataUnit}>{unit}</span>}\n      </div>\n    ))}\n  </div>\n);\n\nexport const CommentCard = forwardRef<HTMLDivElement, CommentCardProps>((props, ref) => {\n  const {\n    activity,\n    variant = 'expanded',\n    author,\n    timestamp,\n    subtitle,\n    body,\n    contextRows,\n    attachment,\n    storedAttachments,\n    isLiked,\n    likesCount,\n    commentsCount,\n    replies,\n    hasMoreReplies,\n    moreRepliesCount,\n    attachments,\n    onAttachmentClick,\n    onAttachmentShare,\n    attachmentSlot,\n    chip,\n    chipColor,\n    onLike,\n    onReplyToggle,\n    onForward,\n    onShowMoreReplies,\n    menuItems,\n    isReplyOpen,\n    replyInput,\n    editForm,\n    width,\n    onMouseEnter,\n    onMouseLeave,\n    className,\n    testId,\n  } = props;\n\n  const activityBinding = useFeedActivity(activity, 'comment');\n  const cardMenuItems = activityBinding\n    ? [...(menuItems ?? []), ...activityBinding.menuItems]\n    : menuItems;\n  const cardReplyInput = activityBinding ? activityBinding.replyInput : replyInput;\n  const cardIsReplyOpen = activityBinding ? activityBinding.isReplyOpen : isReplyOpen;\n  const cardReplies = activityBinding ? activityBinding.replies : replies;\n\n  const hasFooter = !!(\n    activityBinding ||\n    onLike ||\n    onReplyToggle ||\n    onForward ||\n    cardMenuItems?.length ||\n    contextRows?.length\n  );\n\n  const info = !!contextRows?.length && (\n    <Tooltip\n      placement=\"top\"\n      className={styles.metadataTooltip}\n      title={<MetadataTooltip rows={contextRows} />}\n    >\n      <span className={styles.infoButton} data-testid=\"comment-card-info\">\n        <InfoIcon size={12} strokeWidth={2} />\n      </span>\n    </Tooltip>\n  );\n\n  const reactions = (\n    <CommentCardReactions\n      info={info}\n      commentsCount={activityBinding ? activityBinding.commentsCount : commentsCount}\n      likesCount={activityBinding ? activityBinding.likesCount : likesCount}\n      isLiked={activityBinding ? activityBinding.isLiked : isLiked}\n      menuItems={cardMenuItems}\n      onLike={activityBinding ? activityBinding.onLike : onLike}\n      onReplyToggle={activityBinding ? activityBinding.onReplyToggle : onReplyToggle}\n      onForward={onForward}\n    />\n  );\n\n  const bodyRow = (\n    <div className={styles.bodyRow}>\n      <div className={styles.text}>\n        <LinkedText>{body}</LinkedText>\n      </div>\n      {chip && (\n        <span\n          className={classNames(styles.chip, !!chipColor && styles.chipAccented)}\n          style={chipColor ? { borderLeftColor: chipColor } : undefined}\n        >\n          {chip}\n        </span>\n      )}\n    </div>\n  );\n\n  const storedList = useMemo(\n    () => storedAttachments ?? ([attachment].filter(Boolean) as StoredAttachment[]),\n    [storedAttachments, attachment]\n  );\n  const storedItems = useStoredAttachments(storedList);\n  const items = storedItems.length ? storedItems : attachments;\n\n  // Undefined is the norm, which lets AttachmentPreview run its own lightbox; a caller that\n  // passes the prop is taking the click over.\n  const attachmentPreview = items?.length ? (\n    <AttachmentPreview items={items} onItemClick={onAttachmentClick} onShare={onAttachmentShare} />\n  ) : null;\n\n  const surfaceProps = {\n    ref,\n    width,\n    radius: 12,\n    onMouseEnter,\n    onMouseLeave,\n    testId,\n    className,\n  };\n\n  if (activityBinding?.isDeleted) return null;\n  const withOverlays = (card: ReactElement) => (\n    <>\n      {card}\n      {activityBinding?.deleteDialog}\n    </>\n  );\n\n  if (variant === 'preview') {\n    return withOverlays(\n      <FeedCard {...surfaceProps} maxHeight={FEED_CARD_MAX_HEIGHT_PX}>\n        <div className={styles.compactBody}>\n          <div className={styles.compactTop}>\n            <Avatar\n              size={24}\n              name={author.name}\n              imageSrc={author.avatarUrl}\n              className={styles.avatar}\n            />\n            <span className={styles.name}>{author.name}</span>\n            <span className={styles.compactTime}>{timestamp}</span>\n          </div>\n          <div className={styles.scrollBody}>{bodyRow}</div>\n        </div>\n        {hasFooter && <div className={styles.compactFooter}>{reactions}</div>}\n      </FeedCard>\n    );\n  }\n\n  const editing = !!editForm;\n\n  const headerEl = (\n    <div className={styles.header}>\n      <Avatar size={24} name={author.name} imageSrc={author.avatarUrl} className={styles.avatar} />\n      <div className={styles.headerText}>\n        <div className={styles.nameRow}>\n          <span className={styles.name}>{author.name}</span>\n          {timestamp && <span className={styles.timestamp}>{timestamp}</span>}\n        </div>\n        {subtitle && <span className={styles.subtitle}>{subtitle}</span>}\n      </div>\n    </div>\n  );\n\n  if (editing) {\n    return withOverlays(\n      <FeedCard {...surfaceProps}>\n        <div className={styles.editHeader}>{headerEl}</div>\n        {editForm}\n      </FeedCard>\n    );\n  }\n\n  return withOverlays(\n    <FeedCard {...surfaceProps}>\n      <div className={styles.capped} style={{ maxHeight: FEED_CARD_MAX_HEIGHT_PX }}>\n        <div className={styles.bodySurface}>\n          {headerEl}\n\n          <div className={styles.scrollBody}>\n            {bodyRow}\n            {(attachmentPreview || attachmentSlot) && (\n              <div className={styles.attachment}>\n                {attachmentPreview}\n                {attachmentSlot}\n              </div>\n            )}\n          </div>\n        </div>\n\n        {hasFooter && <div className={styles.footer}>{reactions}</div>}\n      </div>\n\n      {hasFooter && (\n        <Collapse in={cardIsReplyOpen} timeout={250} unmountOnExit>\n          <div className={styles.repliesSection}>\n            <CommentCardReplies\n              replies={cardReplies}\n              hasMoreReplies={activityBinding ? activityBinding.hasMoreReplies : hasMoreReplies}\n              moreRepliesCount={\n                activityBinding ? activityBinding.moreRepliesCount : moreRepliesCount\n              }\n              isReplyOpen={cardIsReplyOpen}\n              replyInput={cardReplyInput}\n              onShowMoreReplies={\n                activityBinding ? activityBinding.onShowMoreReplies : onShowMoreReplies\n              }\n            />\n          </div>\n        </Collapse>\n      )}\n    </FeedCard>\n  );\n});\n"],"names":["MetadataTooltip","_ref","rows","_jsx","className","styles","metadataRows","children","map","_ref2","label","value","unit","_jsxs","metadataRow","jsx","metadataLabel","metadataValue","metadataUnit","CommentCard","forwardRef","props","ref","activity","_props$variant","variant","author","timestamp","subtitle","body","contextRows","attachment","storedAttachments","isLiked","likesCount","commentsCount","replies","hasMoreReplies","moreRepliesCount","attachments","onAttachmentClick","onAttachmentShare","attachmentSlot","chip","chipColor","onLike","onReplyToggle","onForward","onShowMoreReplies","menuItems","isReplyOpen","replyInput","editForm","width","onMouseEnter","onMouseLeave","testId","activityBinding","useFeedActivity","cardMenuItems","cardReplyInput","cardIsReplyOpen","cardReplies","hasFooter","length","info","Tooltip","placement","metadataTooltip","title","infoButton","InfoIcon","size","strokeWidth","reactions","CommentCardReactions","bodyRow","jsxs","text","LinkedText","classNames","chipAccented","style","borderLeftColor","undefined","storedList","useMemo","filter","Boolean","storedItems","useStoredAttachments","items","attachmentPreview","AttachmentPreview","onItemClick","onShare","surfaceProps","radius","isDeleted","withOverlays","card","_Fragment","deleteDialog","FeedCard","maxHeight","FEED_CARD_MAX_HEIGHT_PX","compactBody","compactTop","Avatar","name","imageSrc","avatarUrl","avatar","compactTime","scrollBody","compactFooter","editing","headerEl","header","headerText","nameRow","editHeader","capped","bodySurface","footer","Collapse","in","timeout","unmountOnExit","repliesSection","CommentCardReplies"],"mappings":"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"}

package/cjs-bundle/components/CommentCard/CommentCardReactions.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("classnames"),o=require("../../componentsV2/ButtonIcon/ButtonIcon.js"),c=require("../../componentsV2/Tooltip/Tooltip.js"),i=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var n=require("./CommentMenu.js"),e=require("./CommentCard.scss.js"),r=require("react/jsx-runtime");function u(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var t=u(s);exports.CommentCardReactions=function(s){var u=s.info,m=s.commentsCount,a=void 0===m?0:m,j=s.likesCount,I=void 0===j?0:j,l=s.isLiked,q=s.menuItems,d=s.onLike,p=s.onReplyToggle,C=s.onForward;return r.jsxs("div",{className:e.actionsRow,children:[r.jsxs("div",{className:e.actions,children:[p&&r.jsxs("div",{className:e.action,children:[r.jsx(o.ButtonIcon,{size:"xs",type:"tertiary",onClick:p,testId:"comment-card-reply",children:r.jsx(i.MessageIcon,{size:16})}),a>0&&r.jsx("span",{className:e.count,children:a})]}),d&&r.jsxs("div",{className:e.action,children:[r.jsx(o.ButtonIcon,{size:"xs",type:"tertiary",onClick:d,className:t.default(l&&e.liked),testId:"comment-card-like",children:r.jsx(i.ThumbsUpIcon,{size:16})}),I>0&&r.jsx("span",{className:e.count,children:I})]}),C&&r.jsx(c.Tooltip,{title:"Share to Chat",children:r.jsx("span",{children:r.jsx(o.ButtonIcon,{size:"xs",type:"tertiary",onClick:C,testId:"comment-card-forward",children:r.jsx(i.ShareTwoIcon,{size:16})})})})]}),r.jsxs("div",{className:e.trailingActions,children:[u,r.jsx(n.CommentMenu,{items:q,testId:"comment-card-menu"})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("classnames"),o=require("../../componentsV2/ButtonIcon/ButtonIcon.js"),c=require("../../componentsV2/Tooltip/Tooltip.js"),i=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var n=require("./CommentMenu.js"),e=require("./CommentCard.scss.js"),r=require("react/jsx-runtime");function u(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var t=u(s);exports.CommentCardReactions=function(s){var u=s.info,m=s.commentsCount,a=void 0===m?0:m,j=s.likesCount,I=void 0===j?0:j,l=s.isLiked,q=s.menuItems,d=s.onLike,p=s.onReplyToggle,C=s.onForward;return r.jsxs("div",{className:e.actionsRow,children:[r.jsxs("div",{className:e.actions,children:[p&&r.jsxs("div",{className:e.action,children:[r.jsx(o.ButtonIcon,{size:"xs",type:"tertiary",onClick:p,testId:"comment-card-reply",children:r.jsx(i.MessageIcon,{size:16})}),a>0&&r.jsx("span",{className:e.count,children:a})]}),d&&r.jsxs("div",{className:e.action,children:[r.jsx(o.ButtonIcon,{size:"xs",type:"tertiary",onClick:d,className:t.default(l&&e.liked),testId:"comment-card-like",children:r.jsx(i.ThumbsUpIcon,{size:16})}),I>0&&r.jsx("span",{className:e.count,children:I})]}),C&&r.jsx(c.Tooltip,{title:"Share to Team Chat",children:r.jsx("span",{children:r.jsx(o.ButtonIcon,{size:"xs",type:"tertiary",onClick:C,testId:"comment-card-forward",children:r.jsx(i.ShareTwoIcon,{size:16})})})})]}),r.jsxs("div",{className:e.trailingActions,children:[u,r.jsx(n.CommentMenu,{items:q,testId:"comment-card-menu"})]})]})};
 //# sourceMappingURL=CommentCardReactions.js.map

package/cjs-bundle/components/CommentCard/CommentCardReactions.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentCardReactions.js","sources":["../../../../src/components/CommentCard/CommentCardReactions.tsx"],"sourcesContent":["import { FC, ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { MessageIcon, ShareTwoIcon, ThumbsUpIcon } from '../../icons';\n\nimport { CommentMenuItem } from './CommentCard.types';\nimport { CommentMenu } from './CommentMenu';\n\nimport styles from './CommentCard.scss';\n\ntype CommentCardReactionsProps = {\n  info?: ReactNode;\n  commentsCount?: number;\n  likesCount?: number;\n  isLiked?: boolean;\n  menuItems?: CommentMenuItem[];\n  onLike?: () => void;\n  onReplyToggle?: () => void;\n  onForward?: () => void;\n};\n\nexport const CommentCardReactions: FC<CommentCardReactionsProps> = ({\n  info,\n  commentsCount = 0,\n  likesCount = 0,\n  isLiked,\n  menuItems,\n  onLike,\n  onReplyToggle,\n  onForward,\n}) => {\n  return (\n    <div className={styles.actionsRow}>\n      <div className={styles.actions}>\n        {onReplyToggle && (\n          <div className={styles.action}>\n            <ButtonIcon\n              size=\"xs\"\n              type=\"tertiary\"\n              onClick={onReplyToggle}\n              testId=\"comment-card-reply\"\n            >\n              <MessageIcon size={16} />\n            </ButtonIcon>\n            {commentsCount > 0 && <span className={styles.count}>{commentsCount}</span>}\n          </div>\n        )}\n\n        {onLike && (\n          <div className={styles.action}>\n            <ButtonIcon\n              size=\"xs\"\n              type=\"tertiary\"\n              onClick={onLike}\n              className={classNames(isLiked && styles.liked)}\n              testId=\"comment-card-like\"\n            >\n              <ThumbsUpIcon size={16} />\n            </ButtonIcon>\n            {likesCount > 0 && <span className={styles.count}>{likesCount}</span>}\n          </div>\n        )}\n\n        {onForward && (\n          <Tooltip title=\"Share to Chat\">\n            <span>\n              <ButtonIcon\n                size=\"xs\"\n                type=\"tertiary\"\n                onClick={onForward}\n                testId=\"comment-card-forward\"\n              >\n                <ShareTwoIcon size={16} />\n              </ButtonIcon>\n            </span>\n          </Tooltip>\n        )}\n      </div>\n\n      <div className={styles.trailingActions}>\n        {info}\n        <CommentMenu items={menuItems} testId=\"comment-card-menu\" />\n      </div>\n    </div>\n  );\n};\n"],"names":["_ref","info","_ref$commentsCount","commentsCount","_ref$likesCount","likesCount","isLiked","menuItems","onLike","onReplyToggle","onForward","_jsxs","className","styles","actionsRow","children","jsxs","actions","action","_jsx","ButtonIcon","size","type","onClick","testId","MessageIcon","count","classNames","liked","ThumbsUpIcon","jsx","Tooltip","title","ShareTwoIcon","trailingActions","CommentMenu","items"],"mappings":"gvIAuBmE,SAS7DA,GAAA,IARJC,IAAAA,KAAIC,EAAAF,EACJG,cAAAA,aAAgB,EAACD,EAAAE,EAAAJ,EACjBK,WAAAA,aAAa,EAACD,EACdE,IAAAA,QACAC,IAAAA,UACAC,IAAAA,OACAC,IAAAA,cACAC,IAAAA,UAEA,OACEC,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOC,WAAWC,SAChC,CAAAJ,EAAAK,KAAA,MAAA,CAAKJ,UAAWC,EAAOI,QAAQF,SAAA,CAC5BN,GACCE,EAAAK,KAAA,MAAA,CAAKJ,UAAWC,EAAOK,OAAOH,SAAA,CAC5BI,MAACC,aAAU,CACTC,KAAK,KACLC,KAAK,WACLC,QAASd,EACTe,OAAO,qBAAoBT,SAE3BI,MAACM,cAAW,CAACJ,KAAM,OAEpBlB,EAAgB,GAAKgB,EAAAA,IAAA,OAAA,CAAMP,UAAWC,EAAOa,MAAMX,SAAEZ,OAIzDK,GACCG,EAAAK,KAAA,MAAA,CAAKJ,UAAWC,EAAOK,OAAOH,SAAA,CAC5BI,MAACC,aAAU,CACTC,KAAK,KACLC,KAAK,WACLC,QAASf,EACTI,UAAWe,EAAU,QAACrB,GAAWO,EAAOe,OACxCJ,OAAO,oBAAmBT,SAE1BI,MAACU,eAAY,CAACR,KAAM,OAErBhB,EAAa,GAAKc,EAAAA,IAAA,OAAA,CAAMP,UAAWC,EAAOa,MAAMX,SAAEV,OAItDK,GACCS,EAAAW,IAACC,UAAO,CAACC,MAAM,gBAAejB,SAC5BI,EAAAW,IAAA,OAAA,CAAAf,SACEI,MAACC,aAAU,CACTC,KAAK,KACLC,KAAK,WACLC,QAASb,EACTc,OAAO,uBAAsBT,SAE7BI,MAACc,eAAY,CAACZ,KAAM,cAO9BV,EAAAK,KAAA,MAAA,CAAKJ,UAAWC,EAAOqB,gBAAgBnB,SACpCd,CAAAA,EACDkB,EAAAW,IAACK,cAAW,CAACC,MAAO7B,EAAWiB,OAAO,2BAI9C"}
+{"version":3,"file":"CommentCardReactions.js","sources":["../../../../src/components/CommentCard/CommentCardReactions.tsx"],"sourcesContent":["import { FC, ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { MessageIcon, ShareTwoIcon, ThumbsUpIcon } from '../../icons';\n\nimport { CommentMenuItem } from './CommentCard.types';\nimport { CommentMenu } from './CommentMenu';\n\nimport styles from './CommentCard.scss';\n\ntype CommentCardReactionsProps = {\n  info?: ReactNode;\n  commentsCount?: number;\n  likesCount?: number;\n  isLiked?: boolean;\n  menuItems?: CommentMenuItem[];\n  onLike?: () => void;\n  onReplyToggle?: () => void;\n  onForward?: () => void;\n};\n\nexport const CommentCardReactions: FC<CommentCardReactionsProps> = ({\n  info,\n  commentsCount = 0,\n  likesCount = 0,\n  isLiked,\n  menuItems,\n  onLike,\n  onReplyToggle,\n  onForward,\n}) => {\n  return (\n    <div className={styles.actionsRow}>\n      <div className={styles.actions}>\n        {onReplyToggle && (\n          <div className={styles.action}>\n            <ButtonIcon\n              size=\"xs\"\n              type=\"tertiary\"\n              onClick={onReplyToggle}\n              testId=\"comment-card-reply\"\n            >\n              <MessageIcon size={16} />\n            </ButtonIcon>\n            {commentsCount > 0 && <span className={styles.count}>{commentsCount}</span>}\n          </div>\n        )}\n\n        {onLike && (\n          <div className={styles.action}>\n            <ButtonIcon\n              size=\"xs\"\n              type=\"tertiary\"\n              onClick={onLike}\n              className={classNames(isLiked && styles.liked)}\n              testId=\"comment-card-like\"\n            >\n              <ThumbsUpIcon size={16} />\n            </ButtonIcon>\n            {likesCount > 0 && <span className={styles.count}>{likesCount}</span>}\n          </div>\n        )}\n\n        {onForward && (\n          <Tooltip title=\"Share to Team Chat\">\n            <span>\n              <ButtonIcon\n                size=\"xs\"\n                type=\"tertiary\"\n                onClick={onForward}\n                testId=\"comment-card-forward\"\n              >\n                <ShareTwoIcon size={16} />\n              </ButtonIcon>\n            </span>\n          </Tooltip>\n        )}\n      </div>\n\n      <div className={styles.trailingActions}>\n        {info}\n        <CommentMenu items={menuItems} testId=\"comment-card-menu\" />\n      </div>\n    </div>\n  );\n};\n"],"names":["_ref","info","_ref$commentsCount","commentsCount","_ref$likesCount","likesCount","isLiked","menuItems","onLike","onReplyToggle","onForward","_jsxs","className","styles","actionsRow","children","jsxs","actions","action","_jsx","ButtonIcon","size","type","onClick","testId","MessageIcon","count","classNames","liked","ThumbsUpIcon","jsx","Tooltip","title","ShareTwoIcon","trailingActions","CommentMenu","items"],"mappings":"gvIAuBmE,SAS7DA,GAAA,IARJC,IAAAA,KAAIC,EAAAF,EACJG,cAAAA,aAAgB,EAACD,EAAAE,EAAAJ,EACjBK,WAAAA,aAAa,EAACD,EACdE,IAAAA,QACAC,IAAAA,UACAC,IAAAA,OACAC,IAAAA,cACAC,IAAAA,UAEA,OACEC,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOC,WAAWC,SAChC,CAAAJ,EAAAK,KAAA,MAAA,CAAKJ,UAAWC,EAAOI,QAAQF,SAAA,CAC5BN,GACCE,EAAAK,KAAA,MAAA,CAAKJ,UAAWC,EAAOK,OAAOH,SAAA,CAC5BI,MAACC,aAAU,CACTC,KAAK,KACLC,KAAK,WACLC,QAASd,EACTe,OAAO,qBAAoBT,SAE3BI,MAACM,cAAW,CAACJ,KAAM,OAEpBlB,EAAgB,GAAKgB,EAAAA,IAAA,OAAA,CAAMP,UAAWC,EAAOa,MAAMX,SAAEZ,OAIzDK,GACCG,EAAAK,KAAA,MAAA,CAAKJ,UAAWC,EAAOK,OAAOH,SAAA,CAC5BI,MAACC,aAAU,CACTC,KAAK,KACLC,KAAK,WACLC,QAASf,EACTI,UAAWe,EAAU,QAACrB,GAAWO,EAAOe,OACxCJ,OAAO,oBAAmBT,SAE1BI,MAACU,eAAY,CAACR,KAAM,OAErBhB,EAAa,GAAKc,EAAAA,IAAA,OAAA,CAAMP,UAAWC,EAAOa,MAAMX,SAAEV,OAItDK,GACCS,EAAAW,IAACC,UAAO,CAACC,MAAM,qBAAoBjB,SACjCI,EAAAW,IAAA,OAAA,CAAAf,SACEI,MAACC,aAAU,CACTC,KAAK,KACLC,KAAK,WACLC,QAASb,EACTc,OAAO,uBAAsBT,SAE7BI,MAACc,eAAY,CAACZ,KAAM,cAO9BV,EAAAK,KAAA,MAAA,CAAKJ,UAAWC,EAAOqB,gBAAgBnB,SACpCd,CAAAA,EACDkB,EAAAW,IAACK,cAAW,CAACC,MAAO7B,EAAWiB,OAAO,2BAI9C"}

package/cjs-bundle/components/CommentCard/CommentMenu.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/slicedToArray"),n=require("react"),t=require("@material-ui/icons/MoreVert"),r=require("../../componentsV2/ButtonIcon/ButtonIcon.js"),u=require("../../componentsV2/Menu/Menu.js"),i=require("react/jsx-runtime");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(e),c=o(t);exports.CommentMenu=function(e){var t=e.items,o=e.testId,s=n.useState(!1),a=l.default(s,2),d=a[0],f=a[1],m=n.useRef(null);return null!=t&&t.length?i.jsxs(i.Fragment,{children:[i.jsx(r.ButtonIcon,{size:"xs",type:"tertiary",ref:m,onClick:function(){return f((function(e){return!e}))},testId:o,children:i.jsx(c.default,{fontSize:"inherit"})}),i.jsx(u.Menu,{open:d,placement:"bottom-end",anchorEl:m.current,onClose:function(){return f(!1)},children:t.map((function(e){return i.jsx(u.Menu.Item,{prefix:e.icon,disabled:e.disabled,onClick:function(){f(!1),e.onClick()},children:e.label},e.label)}))})]}):null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/slicedToArray"),n=require("react"),t=require("@material-ui/icons/MoreVert"),r=require("../../componentsV2/ButtonIcon/ButtonIcon.js"),u=require("../../componentsV2/Menu/Menu.js"),i=require("react/jsx-runtime");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(e),c=o(t);exports.CommentMenu=function(e){var t=e.items,o=e.testId,s=n.useState(!1),a=l.default(s,2),d=a[0],f=a[1],m=n.useRef(null);return null!=t&&t.length?i.jsxs(i.Fragment,{children:[i.jsx(r.ButtonIcon,{size:"xs",type:"tertiary",ref:m,isActive:d,onClick:function(){return f((function(e){return!e}))},testId:o,children:i.jsx(c.default,{fontSize:"inherit"})}),i.jsx(u.Menu,{open:d,placement:"bottom-end",anchorEl:m.current,onClose:function(){return f(!1)},children:t.map((function(e){return i.jsx(u.Menu.Item,{prefix:e.icon,disabled:e.disabled,onClick:function(){f(!1),e.onClick()},children:e.label},e.label)}))})]}):null};
 //# sourceMappingURL=CommentMenu.js.map

package/cjs-bundle/components/CommentCard/CommentMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentMenu.js","sources":["../../../../src/components/CommentCard/CommentMenu.tsx"],"sourcesContent":["import { FC, useRef, useState } from 'react';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Menu } from '../../componentsV2/Menu';\n\nimport { CommentMenuItem } from './CommentCard.types';\n\ntype CommentMenuProps = {\n  items?: CommentMenuItem[];\n  testId?: string;\n};\n\nexport const CommentMenu: FC<CommentMenuProps> = ({ items, testId }) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const anchorRef = useRef<HTMLButtonElement>(null);\n\n  if (!items?.length) return null;\n\n  return (\n    <>\n      <ButtonIcon\n        size=\"xs\"\n        type=\"tertiary\"\n        ref={anchorRef}\n        onClick={() => setIsOpen(open => !open)}\n        testId={testId}\n      >\n        <MoreVertIcon fontSize=\"inherit\" />\n      </ButtonIcon>\n      <Menu\n        open={isOpen}\n        placement=\"bottom-end\"\n        anchorEl={anchorRef.current}\n        onClose={() => setIsOpen(false)}\n      >\n        {items.map(item => (\n          <Menu.Item\n            key={item.label}\n            prefix={item.icon}\n            disabled={item.disabled}\n            onClick={() => {\n              setIsOpen(false);\n              item.onClick();\n            }}\n          >\n            {item.label}\n          </Menu.Item>\n        ))}\n      </Menu>\n    </>\n  );\n};\n"],"names":["_ref","items","testId","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","anchorRef","useRef","length","_jsxs","_Fragment","children","_jsx","ButtonIcon","size","type","ref","onClick","open","MoreVertIcon","fontSize","Menu","placement","anchorEl","current","onClose","map","item","jsx","Item","prefix","icon","disabled","label"],"mappings":"yaAaiD,SAAuBA,GAAA,IAApBC,IAAAA,MAAOC,IAAAA,OAC7BC,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAApCC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GAClBK,EAAYC,SAA0B,MAE5C,OAAKT,SAAAA,EAAOU,OAGVC,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,MAACC,aAAU,CACTC,KAAK,KACLC,KAAK,WACLC,IAAKV,EACLW,QAAS,WAAA,OAAMZ,GAAU,SAAAa,GAAI,OAAKA,IAAM,EACxCnB,OAAQA,EAAOY,SAEfC,MAACO,UAAY,CAACC,SAAS,cAEzBR,MAACS,OAAI,CACHH,KAAMd,EACNkB,UAAU,aACVC,SAAUjB,EAAUkB,QACpBC,QAAS,WAAA,OAAMpB,GAAU,EAAO,EAAAM,SAE/Bb,EAAM4B,KAAI,SAAAC,GAAI,OACbf,EAAAgB,IAACP,EAAIA,KAACQ,KAAI,CAERC,OAAQH,EAAKI,KACbC,SAAUL,EAAKK,SACff,QAAS,WACPZ,GAAU,GACVsB,EAAKV,SACL,EAAAN,SAEDgB,EAAKM,OARDN,EAAKM,eArBO,IAmC7B"}
+{"version":3,"file":"CommentMenu.js","sources":["../../../../src/components/CommentCard/CommentMenu.tsx"],"sourcesContent":["import { FC, useRef, useState } from 'react';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Menu } from '../../componentsV2/Menu';\n\nimport { CommentMenuItem } from './CommentCard.types';\n\ntype CommentMenuProps = {\n  items?: CommentMenuItem[];\n  testId?: string;\n};\n\nexport const CommentMenu: FC<CommentMenuProps> = ({ items, testId }) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const anchorRef = useRef<HTMLButtonElement>(null);\n\n  if (!items?.length) return null;\n\n  return (\n    <>\n      <ButtonIcon\n        size=\"xs\"\n        type=\"tertiary\"\n        ref={anchorRef}\n        isActive={isOpen}\n        onClick={() => setIsOpen(open => !open)}\n        testId={testId}\n      >\n        <MoreVertIcon fontSize=\"inherit\" />\n      </ButtonIcon>\n      <Menu\n        open={isOpen}\n        placement=\"bottom-end\"\n        anchorEl={anchorRef.current}\n        onClose={() => setIsOpen(false)}\n      >\n        {items.map(item => (\n          <Menu.Item\n            key={item.label}\n            prefix={item.icon}\n            disabled={item.disabled}\n            onClick={() => {\n              setIsOpen(false);\n              item.onClick();\n            }}\n          >\n            {item.label}\n          </Menu.Item>\n        ))}\n      </Menu>\n    </>\n  );\n};\n"],"names":["_ref","items","testId","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","anchorRef","useRef","length","_jsxs","_Fragment","children","_jsx","ButtonIcon","size","type","ref","isActive","onClick","open","MoreVertIcon","fontSize","Menu","placement","anchorEl","current","onClose","map","item","jsx","Item","prefix","icon","disabled","label"],"mappings":"yaAaiD,SAAuBA,GAAA,IAApBC,IAAAA,MAAOC,IAAAA,OAC7BC,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAApCC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GAClBK,EAAYC,SAA0B,MAE5C,OAAKT,SAAAA,EAAOU,OAGVC,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,MAACC,aAAU,CACTC,KAAK,KACLC,KAAK,WACLC,IAAKV,EACLW,SAAUb,EACVc,QAAS,WAAA,OAAMb,GAAU,SAAAc,GAAI,OAAKA,IAAM,EACxCpB,OAAQA,EAAOY,SAEfC,MAACQ,UAAY,CAACC,SAAS,cAEzBT,MAACU,OAAI,CACHH,KAAMf,EACNmB,UAAU,aACVC,SAAUlB,EAAUmB,QACpBC,QAAS,WAAA,OAAMrB,GAAU,EAAO,EAAAM,SAE/Bb,EAAM6B,KAAI,SAAAC,GAAI,OACbhB,EAAAiB,IAACP,EAAIA,KAACQ,KAAI,CAERC,OAAQH,EAAKI,KACbC,SAAUL,EAAKK,SACff,QAAS,WACPb,GAAU,GACVuB,EAAKV,SACL,EAAAP,SAEDiB,EAAKM,OARDN,EAAKM,eAtBO,IAoC7B"}

package/cjs-bundle/components/CommentComposer/CommentComposer.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("react"),o=require("@material-ui/core"),n=require("@material-ui/icons/AlternateEmail"),i=require("../../componentsV2/ButtonIcon/ButtonIcon.js"),c=require("../../componentsV2/Tooltip/Tooltip.js"),r=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var t=require("../Avatar/index.js"),u=require("../AttachFileButton/AttachFileButton.js"),a=require("../CommentInputNext/CommentInputNext.js"),l=require("../EmojiIconButton.js"),m=require("../FailedFileUploading.js"),j=require("../UserMention/index.js"),d=require("../UserMention/utils/index.js"),p=require("./useAttachmentUpload.js"),q=require("./CommentMetaLine.js"),I=require("./ShareToChatRow.js"),h=require("./CommentComposer.scss.js"),b=require("react/jsx-runtime");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=g(e),v=g(n);function C(e,s){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),o.push.apply(o,n)}return o}function y(e){for(var s=1;s<arguments.length;s++){var o=null!=arguments[s]?arguments[s]:{};s%2?C(Object(o),!0).forEach((function(s){f.default(e,s,o[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):C(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}var x={fontSize:14,lineHeight:"20px",suggestions:{backgroundColor:"var(--palette-background-b-9)",list:{backgroundColor:"var(--palette-background-b-9)"},item:{color:"var(--palette-primary-text-1)","&focused":{backgroundColor:"rgb(from var(--palette-primary-text-1) r g b / 0.08)"}}}},F=function(e){return b.jsxs("div",{className:h.suggestion,children:[b.jsx(t.AvatarComponent,{size:26,alt:e.display,imgSrc:e.photo,displayName:e.display}),b.jsx("span",{children:e.display})]})};exports.CommentComposer=function(e){var n=e.body,t=e.onBodyChange,g=e.onSubmit,f=e.canSubmit,C=e.currentUser,O=e.attachments,A=e.onAttachmentsChange,S=e.maxAttachments,P=void 0===S?p.DEFAULT_MAX_ATTACHMENTS:S,E=e.attachment,M=e.onAttachmentChange,k=e.attachmentError,D=e.onAttachmentError,w=e.maxAttachmentSizeBytes,R=e.disabled,U=e.autoFocus,T=e.placeholder,B=void 0===T?"Add a comment...":T,L=e.metaRows,N=e.isMetaSingleLine,z=e.shareToChat,G=e.trailing,_=e.embedded,H=e.className,K=e.testId,W=!!A,V=s.useMemo((function(){return W?null!=O?O:[]:[E].filter(Boolean)}),[W,O,E]),Q=s.useCallback((function(e){var s;A?A(e):null==M||M(null!==(s=e[0])&&void 0!==s?s:null)}),[A,M]),X=p.useAttachmentUpload({value:V,onChange:Q,onError:D,maxSizeBytes:w,maxFiles:W?P:1}),Z=f&&!X.isUploading,$=s.useRef(null);return b.jsx(a.CommentInput,{value:n,canSubmit:Z,disabled:R,onSubmit:g,trailing:G,embedded:_,className:H,testId:K,field:b.jsx(o.Input,{inputComponent:j,inputProps:{onChange:t,currentUser:C,allowEmptyQuery:!0,suggestionsPortalHost:document.querySelector("body"),withLightTheme:!1,mentionProps:{renderSuggestion:F},style:x},value:n,placeholder:B,inputRef:$,className:h.mentionField,onKeyDown:function(e){"Enter"!==e.key||e.shiftKey||Z&&!R&&(d.isSuggestionsListOpened()||(e.preventDefault(),g()))},disableUnderline:!0,rows:1,fullWidth:!0,multiline:!0,autoFocus:U}),attachments:X.items,onAttachmentRemove:X.removeAttachment,onAttachmentRetry:X.handleRetry,onAttachmentReorder:W?X.reorderAttachments:void 0,onFilesDrop:X.addFiles,dropLabel:1===X.maxFiles?"Drop a file here":"Drop files here",attachmentSlot:k?b.jsx(m,{errorMessage:k}):void 0,toolbar:b.jsxs(b.Fragment,{children:[b.jsx(u.AttachFileButton,{inputRef:X.fileInputRef,onClick:X.openFileDialog,onFileSelect:X.handleFileSelect,multiple:W,disabled:X.isFull,tooltip:X.isFull?"Up to ".concat(X.maxFiles," ").concat(1===X.maxFiles?"file":"files"," can be attached"):"Attach file"}),b.jsx(c.Tooltip,{title:"Mention someone",children:b.jsx(i.ButtonIcon,{size:"xs",type:"tertiary",onClick:function(){var e,s=$.current;if(s){s.focus();var o=!!s.value&&!/\s$/.test(s.value),n="".concat(s.value).concat(o?" @":"@"),i=null===(e=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(s),"value"))||void 0===e?void 0:e.set;null==i||i.call(s,n),s.setSelectionRange(n.length,n.length),s.dispatchEvent(new Event("input",{bubbles:!0})),s.dispatchEvent(new Event("keyup",{bubbles:!0}))}},children:b.jsx(v.default,{fontSize:"inherit"})})}),b.jsx("span",{className:h.iconSlot,children:b.jsx(l,{icon:b.jsx(r.SmilingFaceIcon,{size:16}),handleSelectEmoji:function(e){return t("".concat(n).concat(e.native))}})})]}),footer:(!(null==L||!L.length)||!!z)&&b.jsxs(b.Fragment,{children:[b.jsx(q.CommentMetaLine,{rows:null!=L?L:[],singleLine:N}),z&&b.jsx(I.ShareToChatRow,y({},z))]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("react"),o=require("@material-ui/core"),n=require("@material-ui/icons/AlternateEmail"),i=require("../../componentsV2/ButtonIcon/ButtonIcon.js"),c=require("../../componentsV2/Tooltip/Tooltip.js"),r=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var t=require("../Avatar/index.js"),u=require("../AttachFileButton/AttachFileButton.js"),a=require("../CommentInputNext/CommentInputNext.js"),l=require("../EmojiIconButton.js"),m=require("../FailedFileUploading.js"),j=require("../UserMention/index.js"),d=require("../UserMention/utils/index.js"),p=require("./useAttachmentUpload.js"),q=require("./CommentMetaLine.js"),I=require("./ShareToChatRow.js"),h=require("./CommentComposer.scss.js"),b=require("react/jsx-runtime");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=g(e),v=g(n);function C(e,s){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),o.push.apply(o,n)}return o}function y(e){for(var s=1;s<arguments.length;s++){var o=null!=arguments[s]?arguments[s]:{};s%2?C(Object(o),!0).forEach((function(s){f.default(e,s,o[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):C(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}var x={fontSize:14,lineHeight:"20px",suggestions:{backgroundColor:"var(--palette-background-b-9)",list:{backgroundColor:"var(--palette-background-b-9)"},item:{color:"var(--palette-primary-text-1)","&focused":{backgroundColor:"rgb(from var(--palette-primary-text-1) r g b / 0.08)"}}}},F=function(e){return b.jsxs("div",{className:h.suggestion,children:[b.jsx(t.AvatarComponent,{size:26,alt:e.display,imgSrc:e.photo,displayName:e.display}),b.jsx("span",{children:e.display})]})};exports.CommentComposer=function(e){var n=e.body,t=e.onBodyChange,g=e.onSubmit,f=e.canSubmit,C=e.currentUser,O=e.attachments,A=e.onAttachmentsChange,S=e.maxAttachments,P=void 0===S?p.DEFAULT_MAX_ATTACHMENTS:S,k=e.attachment,E=e.onAttachmentChange,M=e.attachmentError,D=e.onAttachmentError,w=e.maxAttachmentSizeBytes,R=e.disabled,U=e.autoFocus,T=e.placeholder,B=void 0===T?"Add a comment...":T,L=e.metaRows,N=e.isMetaSingleLine,z=e.shareToChat,G=e.trailing,_=e.embedded,H=e.className,K=e.testId,W=!!A,V=s.useMemo((function(){return W?null!=O?O:[]:[k].filter(Boolean)}),[W,O,k]),Q=s.useCallback((function(e){var s;A?A(e):null==E||E(null!==(s=e[0])&&void 0!==s?s:null)}),[A,E]),X=p.useAttachmentUpload({value:V,onChange:Q,onError:D,maxSizeBytes:w,maxFiles:W?P:1}),Z=f&&!X.isUploading,$=s.useRef(null);return b.jsx(a.CommentInput,{value:n,canSubmit:Z,disabled:R,onSubmit:g,trailing:G,embedded:_,className:H,testId:K,field:b.jsx(o.Input,{inputComponent:j,inputProps:{onChange:t,currentUser:C,allowEmptyQuery:!0,suggestionsPortalHost:document.querySelector("body"),withLightTheme:!1,mentionProps:{renderSuggestion:F},highlightLinks:!0,style:x},value:n,placeholder:B,inputRef:$,className:h.mentionField,onKeyDown:function(e){"Enter"!==e.key||e.shiftKey||Z&&!R&&(d.isSuggestionsListOpened()||(e.preventDefault(),g()))},disableUnderline:!0,rows:1,fullWidth:!0,multiline:!0,autoFocus:U}),attachments:X.items,onAttachmentRemove:X.removeAttachment,onAttachmentRetry:X.handleRetry,onAttachmentReorder:W?X.reorderAttachments:void 0,onFilesDrop:X.addFiles,onImageLinkPaste:X.addLinkedImage,dropLabel:1===X.maxFiles?"Drop a file here":"Drop files here",attachmentSlot:M?b.jsx(m,{errorMessage:M}):void 0,toolbar:b.jsxs(b.Fragment,{children:[b.jsx(u.AttachFileButton,{inputRef:X.fileInputRef,onClick:X.openFileDialog,onFileSelect:X.handleFileSelect,multiple:W,disabled:X.isFull,tooltip:X.isFull?"Up to ".concat(X.maxFiles," ").concat(1===X.maxFiles?"file":"files"," can be attached"):"Attach file"}),b.jsx(c.Tooltip,{title:"Mention someone",children:b.jsx(i.ButtonIcon,{size:"xs",type:"tertiary",onClick:function(){var e,s=$.current;if(s){s.focus();var o=!!s.value&&!/\s$/.test(s.value),n="".concat(s.value).concat(o?" @":"@"),i=null===(e=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(s),"value"))||void 0===e?void 0:e.set;null==i||i.call(s,n),s.setSelectionRange(n.length,n.length),s.dispatchEvent(new Event("input",{bubbles:!0})),s.dispatchEvent(new Event("keyup",{bubbles:!0}))}},children:b.jsx(v.default,{fontSize:"inherit"})})}),b.jsx("span",{className:h.iconSlot,children:b.jsx(l,{icon:b.jsx(r.SmilingFaceIcon,{size:16}),handleSelectEmoji:function(e){return t("".concat(n).concat(e.native))}})})]}),footer:(!(null==L||!L.length)||!!z)&&b.jsxs(b.Fragment,{children:[b.jsx(q.CommentMetaLine,{rows:null!=L?L:[],singleLine:N}),z&&b.jsx(I.ShareToChatRow,y({},z))]})})};
 //# sourceMappingURL=CommentComposer.js.map

package/cjs-bundle/components/CommentComposer/CommentComposer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentComposer.js","sources":["../../../../src/components/CommentComposer/CommentComposer.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  FormEventHandler,\n  KeyboardEvent,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useRef,\n} from 'react';\nimport { Input } from '@material-ui/core';\nimport AlternateEmailIcon from '@material-ui/icons/AlternateEmail';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { SmilingFaceIcon } from '../../icons';\nimport Avatar from '../Avatar';\nimport { AttachFileButton } from '../AttachFileButton';\nimport { CommentInput } from '../CommentInputNext/CommentInputNext';\nimport EmojiIconButton from '../EmojiIconButton';\nimport FailedFileUploading from '../FailedFileUploading';\nimport UserMention from '../UserMention';\nimport { isSuggestionsListOpened } from '../UserMention/utils';\n\nimport {\n  useAttachmentUpload,\n  UploadedAttachment,\n  DEFAULT_MAX_ATTACHMENTS,\n} from './useAttachmentUpload';\nimport { CommentMetaLine, CommentMetaRow } from './CommentMetaLine';\nimport { ShareToChatRow, ShareToChatRowProps } from './ShareToChatRow';\n\nimport styles from './CommentComposer.scss';\n\n/* eslint-disable camelcase -- mirrors the platform's snake_case user payload. */\nexport type CommentComposerUser = {\n  id?: number;\n  company_id?: number;\n  first_name?: string;\n  last_name?: string;\n  profile_photo?: string;\n  [key: string]: unknown;\n};\n/* eslint-enable camelcase */\n\nexport type CommentComposerProps = {\n  body: string;\n  onBodyChange: (value: string) => void;\n  onSubmit: () => void;\n  canSubmit: boolean;\n  currentUser: CommentComposerUser;\n\n  attachments?: UploadedAttachment[];\n  onAttachmentsChange?: (attachments: UploadedAttachment[]) => void;\n  maxAttachments?: number;\n  /** @deprecated Use `attachments` — kept so single-attachment callers keep working. */\n  attachment?: UploadedAttachment | null;\n  /** @deprecated Use `onAttachmentsChange`. */\n  onAttachmentChange?: (attachment: UploadedAttachment | null) => void;\n  attachmentError?: string | null;\n  onAttachmentError?: (message: string | null) => void;\n  maxAttachmentSizeBytes?: number;\n\n  disabled?: boolean;\n  autoFocus?: boolean;\n  placeholder?: string;\n  metaRows?: CommentMetaRow[];\n  isMetaSingleLine?: boolean;\n  shareToChat?: Omit<ShareToChatRowProps, 'testId'>;\n  /** Replaces the default send button, e.g. the edit form's Cancel/Save. */\n  trailing?: ReactNode;\n  /** Render flush inside a host card instead of as its own surface. */\n  embedded?: boolean;\n  className?: string;\n  testId?: string;\n};\n\nconst SUGGESTIONS_BACKGROUND = 'var(--palette-background-b-9)';\n\n// Module-level so react-mentions isn't re-rendered on every keystroke.\nconst MENTION_INPUT_STYLE = {\n  fontSize: 14,\n  lineHeight: '20px',\n  suggestions: {\n    backgroundColor: SUGGESTIONS_BACKGROUND,\n    list: { backgroundColor: SUGGESTIONS_BACKGROUND },\n    item: {\n      color: 'var(--palette-primary-text-1)',\n      '&focused': { backgroundColor: 'rgb(from var(--palette-primary-text-1) r g b / 0.08)' },\n    },\n  },\n} as unknown as CSSProperties;\n\nconst renderSuggestion = (entry: { display: string; photo?: string }) => (\n  <div className={styles.suggestion}>\n    <Avatar size={26} alt={entry.display} imgSrc={entry.photo} displayName={entry.display} />\n    <span>{entry.display}</span>\n  </div>\n);\n\nexport const CommentComposer = ({\n  body,\n  onBodyChange,\n  onSubmit,\n  canSubmit,\n  currentUser,\n  attachments,\n  onAttachmentsChange,\n  maxAttachments = DEFAULT_MAX_ATTACHMENTS,\n  attachment,\n  onAttachmentChange,\n  attachmentError,\n  onAttachmentError,\n  maxAttachmentSizeBytes,\n  disabled,\n  autoFocus,\n  placeholder = 'Add a comment...',\n  metaRows,\n  isMetaSingleLine,\n  shareToChat,\n  trailing,\n  embedded,\n  className,\n  testId,\n}: CommentComposerProps) => {\n  // Callers still on the singular props get the old one-file behaviour, unchanged.\n  const isMulti = !!onAttachmentsChange;\n  const value = useMemo(\n    () => (isMulti ? attachments ?? [] : ([attachment].filter(Boolean) as UploadedAttachment[])),\n    [isMulti, attachments, attachment]\n  );\n\n  const handleAttachmentsChange = useCallback(\n    (next: UploadedAttachment[]) => {\n      if (onAttachmentsChange) onAttachmentsChange(next);\n      else onAttachmentChange?.(next[0] ?? null);\n    },\n    [onAttachmentsChange, onAttachmentChange]\n  );\n\n  const upload = useAttachmentUpload({\n    value,\n    onChange: handleAttachmentsChange,\n    onError: onAttachmentError,\n    maxSizeBytes: maxAttachmentSizeBytes,\n    maxFiles: isMulti ? maxAttachments : 1,\n  });\n\n  // An attachment only lands once S3 confirms, so posting mid-upload would drop it.\n  const canSend = canSubmit && !upload.isUploading;\n\n  const fieldRef = useRef<HTMLTextAreaElement | null>(null);\n\n  // react-mentions opens suggestions from textarea events, so type \"@\" instead of setting state.\n  const mentionSomeone = () => {\n    const field = fieldRef.current;\n    if (!field) return;\n\n    field.focus();\n\n    const needsSpace = !!field.value && !/\\s$/.test(field.value);\n    const nextValue = `${field.value}${needsSpace ? ' @' : '@'}`;\n    const setValue = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(field), 'value')?.set;\n\n    setValue?.call(field, nextValue);\n    field.setSelectionRange(nextValue.length, nextValue.length);\n    field.dispatchEvent(new Event('input', { bubbles: true }));\n    field.dispatchEvent(new Event('keyup', { bubbles: true }));\n  };\n\n  const handleEnterKey = (event: KeyboardEvent) => {\n    if (event.key !== 'Enter' || event.shiftKey) return;\n    if (!canSend || disabled) return;\n    if (isSuggestionsListOpened()) return;\n\n    event.preventDefault();\n    onSubmit();\n  };\n\n  return (\n    <CommentInput\n      value={body}\n      canSubmit={canSend}\n      disabled={disabled}\n      onSubmit={onSubmit}\n      trailing={trailing}\n      embedded={embedded}\n      className={className}\n      testId={testId}\n      field={\n        <Input\n          inputComponent={UserMention}\n          inputProps={{\n            // UserMention calls onChange with the text string, not a DOM event.\n            onChange: onBodyChange as unknown as FormEventHandler<HTMLInputElement>,\n            currentUser,\n            allowEmptyQuery: true,\n            suggestionsPortalHost: document.querySelector('body'),\n            withLightTheme: false,\n            mentionProps: { renderSuggestion },\n            style: MENTION_INPUT_STYLE,\n          }}\n          value={body}\n          placeholder={placeholder}\n          inputRef={fieldRef}\n          className={styles.mentionField}\n          onKeyDown={handleEnterKey}\n          disableUnderline\n          rows={1}\n          fullWidth\n          multiline\n          autoFocus={autoFocus}\n        />\n      }\n      attachments={upload.items}\n      onAttachmentRemove={upload.removeAttachment}\n      onAttachmentRetry={upload.handleRetry}\n      onAttachmentReorder={isMulti ? upload.reorderAttachments : undefined}\n      onFilesDrop={upload.addFiles}\n      dropLabel={upload.maxFiles === 1 ? 'Drop a file here' : 'Drop files here'}\n      attachmentSlot={\n        attachmentError ? <FailedFileUploading errorMessage={attachmentError} /> : undefined\n      }\n      toolbar={\n        <>\n          <AttachFileButton\n            inputRef={upload.fileInputRef}\n            onClick={upload.openFileDialog}\n            onFileSelect={upload.handleFileSelect}\n            multiple={isMulti}\n            disabled={upload.isFull}\n            tooltip={\n              upload.isFull\n                ? `Up to ${upload.maxFiles} ${\n                    upload.maxFiles === 1 ? 'file' : 'files'\n                  } can be attached`\n                : 'Attach file'\n            }\n          />\n          <Tooltip title=\"Mention someone\">\n            <ButtonIcon size=\"xs\" type=\"tertiary\" onClick={mentionSomeone}>\n              <AlternateEmailIcon fontSize=\"inherit\" />\n            </ButtonIcon>\n          </Tooltip>\n          <span className={styles.iconSlot}>\n            <EmojiIconButton\n              icon={<SmilingFaceIcon size={16} />}\n              handleSelectEmoji={(emoji: { native: string }) =>\n                onBodyChange(`${body}${emoji.native}`)\n              }\n            />\n          </span>\n        </>\n      }\n      footer={\n        (!!metaRows?.length || !!shareToChat) && (\n          <>\n            <CommentMetaLine rows={metaRows ?? []} singleLine={isMetaSingleLine} />\n            {shareToChat && <ShareToChatRow {...shareToChat} />}\n          </>\n        )\n      }\n    />\n  );\n};\n"],"names":["MENTION_INPUT_STYLE","fontSize","lineHeight","suggestions","backgroundColor","list","item","color","renderSuggestion","entry","_jsxs","className","styles","suggestion","children","_jsx","Avatar","size","alt","display","imgSrc","photo","displayName","jsx","_ref","body","onBodyChange","onSubmit","canSubmit","currentUser","attachments","onAttachmentsChange","_ref$maxAttachments","maxAttachments","DEFAULT_MAX_ATTACHMENTS","attachment","onAttachmentChange","attachmentError","onAttachmentError","maxAttachmentSizeBytes","disabled","autoFocus","_ref$placeholder","placeholder","metaRows","isMetaSingleLine","shareToChat","trailing","embedded","testId","isMulti","value","useMemo","filter","Boolean","handleAttachmentsChange","useCallback","next","_next$","upload","useAttachmentUpload","onChange","onError","maxSizeBytes","maxFiles","canSend","isUploading","fieldRef","useRef","CommentInput","field","Input","inputComponent","UserMention","inputProps","allowEmptyQuery","suggestionsPortalHost","document","querySelector","withLightTheme","mentionProps","style","inputRef","mentionField","onKeyDown","event","key","shiftKey","isSuggestionsListOpened","preventDefault","disableUnderline","rows","fullWidth","multiline","items","onAttachmentRemove","removeAttachment","onAttachmentRetry","handleRetry","onAttachmentReorder","reorderAttachments","undefined","onFilesDrop","addFiles","dropLabel","attachmentSlot","FailedFileUploading","errorMessage","toolbar","jsxs","_Fragment","AttachFileButton","fileInputRef","onClick","openFileDialog","onFileSelect","handleFileSelect","multiple","isFull","tooltip","concat","Tooltip","title","ButtonIcon","type","_Object$getOwnPropert","current","focus","needsSpace","test","nextValue","setValue","Object","getOwnPropertyDescriptor","getPrototypeOf","set","call","setSelectionRange","length","dispatchEvent","Event","bubbles","AlternateEmailIcon","iconSlot","EmojiIconButton","icon","SmilingFaceIcon","handleSelectEmoji","emoji","native","footer","CommentMetaLine","singleLine","ShareToChatRow","_objectSpread"],"mappings":"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"}
+{"version":3,"file":"CommentComposer.js","sources":["../../../../src/components/CommentComposer/CommentComposer.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  FormEventHandler,\n  KeyboardEvent,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useRef,\n} from 'react';\nimport { Input } from '@material-ui/core';\nimport AlternateEmailIcon from '@material-ui/icons/AlternateEmail';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { SmilingFaceIcon } from '../../icons';\nimport Avatar from '../Avatar';\nimport { AttachFileButton } from '../AttachFileButton';\nimport { CommentInput } from '../CommentInputNext/CommentInputNext';\nimport EmojiIconButton from '../EmojiIconButton';\nimport FailedFileUploading from '../FailedFileUploading';\nimport UserMention from '../UserMention';\nimport { isSuggestionsListOpened } from '../UserMention/utils';\n\nimport {\n  useAttachmentUpload,\n  UploadedAttachment,\n  DEFAULT_MAX_ATTACHMENTS,\n} from './useAttachmentUpload';\nimport { CommentMetaLine, CommentMetaRow } from './CommentMetaLine';\nimport { ShareToChatRow, ShareToChatRowProps } from './ShareToChatRow';\n\nimport styles from './CommentComposer.scss';\n\n/* eslint-disable camelcase -- mirrors the platform's snake_case user payload. */\nexport type CommentComposerUser = {\n  id?: number;\n  company_id?: number;\n  first_name?: string;\n  last_name?: string;\n  profile_photo?: string;\n  [key: string]: unknown;\n};\n/* eslint-enable camelcase */\n\nexport type CommentComposerProps = {\n  body: string;\n  onBodyChange: (value: string) => void;\n  onSubmit: () => void;\n  canSubmit: boolean;\n  currentUser: CommentComposerUser;\n\n  attachments?: UploadedAttachment[];\n  onAttachmentsChange?: (attachments: UploadedAttachment[]) => void;\n  maxAttachments?: number;\n  /** @deprecated Use `attachments` — kept so single-attachment callers keep working. */\n  attachment?: UploadedAttachment | null;\n  /** @deprecated Use `onAttachmentsChange`. */\n  onAttachmentChange?: (attachment: UploadedAttachment | null) => void;\n  attachmentError?: string | null;\n  onAttachmentError?: (message: string | null) => void;\n  maxAttachmentSizeBytes?: number;\n\n  disabled?: boolean;\n  autoFocus?: boolean;\n  placeholder?: string;\n  metaRows?: CommentMetaRow[];\n  isMetaSingleLine?: boolean;\n  shareToChat?: Omit<ShareToChatRowProps, 'testId'>;\n  /** Replaces the default send button, e.g. the edit form's Cancel/Save. */\n  trailing?: ReactNode;\n  /** Render flush inside a host card instead of as its own surface. */\n  embedded?: boolean;\n  className?: string;\n  testId?: string;\n};\n\nconst SUGGESTIONS_BACKGROUND = 'var(--palette-background-b-9)';\n\n// Module-level so react-mentions isn't re-rendered on every keystroke.\nconst MENTION_INPUT_STYLE = {\n  fontSize: 14,\n  lineHeight: '20px',\n  suggestions: {\n    backgroundColor: SUGGESTIONS_BACKGROUND,\n    list: { backgroundColor: SUGGESTIONS_BACKGROUND },\n    item: {\n      color: 'var(--palette-primary-text-1)',\n      '&focused': { backgroundColor: 'rgb(from var(--palette-primary-text-1) r g b / 0.08)' },\n    },\n  },\n} as unknown as CSSProperties;\n\nconst renderSuggestion = (entry: { display: string; photo?: string }) => (\n  <div className={styles.suggestion}>\n    <Avatar size={26} alt={entry.display} imgSrc={entry.photo} displayName={entry.display} />\n    <span>{entry.display}</span>\n  </div>\n);\n\nexport const CommentComposer = ({\n  body,\n  onBodyChange,\n  onSubmit,\n  canSubmit,\n  currentUser,\n  attachments,\n  onAttachmentsChange,\n  maxAttachments = DEFAULT_MAX_ATTACHMENTS,\n  attachment,\n  onAttachmentChange,\n  attachmentError,\n  onAttachmentError,\n  maxAttachmentSizeBytes,\n  disabled,\n  autoFocus,\n  placeholder = 'Add a comment...',\n  metaRows,\n  isMetaSingleLine,\n  shareToChat,\n  trailing,\n  embedded,\n  className,\n  testId,\n}: CommentComposerProps) => {\n  // Callers still on the singular props get the old one-file behaviour, unchanged.\n  const isMulti = !!onAttachmentsChange;\n  const value = useMemo(\n    () => (isMulti ? attachments ?? [] : ([attachment].filter(Boolean) as UploadedAttachment[])),\n    [isMulti, attachments, attachment]\n  );\n\n  const handleAttachmentsChange = useCallback(\n    (next: UploadedAttachment[]) => {\n      if (onAttachmentsChange) onAttachmentsChange(next);\n      else onAttachmentChange?.(next[0] ?? null);\n    },\n    [onAttachmentsChange, onAttachmentChange]\n  );\n\n  const upload = useAttachmentUpload({\n    value,\n    onChange: handleAttachmentsChange,\n    onError: onAttachmentError,\n    maxSizeBytes: maxAttachmentSizeBytes,\n    maxFiles: isMulti ? maxAttachments : 1,\n  });\n\n  // An attachment only lands once S3 confirms, so posting mid-upload would drop it.\n  const canSend = canSubmit && !upload.isUploading;\n\n  const fieldRef = useRef<HTMLTextAreaElement | null>(null);\n\n  // react-mentions opens suggestions from textarea events, so type \"@\" instead of setting state.\n  const mentionSomeone = () => {\n    const field = fieldRef.current;\n    if (!field) return;\n\n    field.focus();\n\n    const needsSpace = !!field.value && !/\\s$/.test(field.value);\n    const nextValue = `${field.value}${needsSpace ? ' @' : '@'}`;\n    const setValue = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(field), 'value')?.set;\n\n    setValue?.call(field, nextValue);\n    field.setSelectionRange(nextValue.length, nextValue.length);\n    field.dispatchEvent(new Event('input', { bubbles: true }));\n    field.dispatchEvent(new Event('keyup', { bubbles: true }));\n  };\n\n  const handleEnterKey = (event: KeyboardEvent) => {\n    if (event.key !== 'Enter' || event.shiftKey) return;\n    if (!canSend || disabled) return;\n    if (isSuggestionsListOpened()) return;\n\n    event.preventDefault();\n    onSubmit();\n  };\n\n  return (\n    <CommentInput\n      value={body}\n      canSubmit={canSend}\n      disabled={disabled}\n      onSubmit={onSubmit}\n      trailing={trailing}\n      embedded={embedded}\n      className={className}\n      testId={testId}\n      field={\n        <Input\n          inputComponent={UserMention}\n          inputProps={{\n            // UserMention calls onChange with the text string, not a DOM event.\n            onChange: onBodyChange as unknown as FormEventHandler<HTMLInputElement>,\n            currentUser,\n            allowEmptyQuery: true,\n            suggestionsPortalHost: document.querySelector('body'),\n            withLightTheme: false,\n            mentionProps: { renderSuggestion },\n            highlightLinks: true,\n            style: MENTION_INPUT_STYLE,\n          }}\n          value={body}\n          placeholder={placeholder}\n          inputRef={fieldRef}\n          className={styles.mentionField}\n          onKeyDown={handleEnterKey}\n          disableUnderline\n          rows={1}\n          fullWidth\n          multiline\n          autoFocus={autoFocus}\n        />\n      }\n      attachments={upload.items}\n      onAttachmentRemove={upload.removeAttachment}\n      onAttachmentRetry={upload.handleRetry}\n      onAttachmentReorder={isMulti ? upload.reorderAttachments : undefined}\n      onFilesDrop={upload.addFiles}\n      onImageLinkPaste={upload.addLinkedImage}\n      dropLabel={upload.maxFiles === 1 ? 'Drop a file here' : 'Drop files here'}\n      attachmentSlot={\n        attachmentError ? <FailedFileUploading errorMessage={attachmentError} /> : undefined\n      }\n      toolbar={\n        <>\n          <AttachFileButton\n            inputRef={upload.fileInputRef}\n            onClick={upload.openFileDialog}\n            onFileSelect={upload.handleFileSelect}\n            multiple={isMulti}\n            disabled={upload.isFull}\n            tooltip={\n              upload.isFull\n                ? `Up to ${upload.maxFiles} ${\n                    upload.maxFiles === 1 ? 'file' : 'files'\n                  } can be attached`\n                : 'Attach file'\n            }\n          />\n          <Tooltip title=\"Mention someone\">\n            <ButtonIcon size=\"xs\" type=\"tertiary\" onClick={mentionSomeone}>\n              <AlternateEmailIcon fontSize=\"inherit\" />\n            </ButtonIcon>\n          </Tooltip>\n          <span className={styles.iconSlot}>\n            <EmojiIconButton\n              icon={<SmilingFaceIcon size={16} />}\n              handleSelectEmoji={(emoji: { native: string }) =>\n                onBodyChange(`${body}${emoji.native}`)\n              }\n            />\n          </span>\n        </>\n      }\n      footer={\n        (!!metaRows?.length || !!shareToChat) && (\n          <>\n            <CommentMetaLine rows={metaRows ?? []} singleLine={isMetaSingleLine} />\n            {shareToChat && <ShareToChatRow {...shareToChat} />}\n          </>\n        )\n      }\n    />\n  );\n};\n"],"names":["MENTION_INPUT_STYLE","fontSize","lineHeight","suggestions","backgroundColor","list","item","color","renderSuggestion","entry","_jsxs","className","styles","suggestion","children","_jsx","Avatar","size","alt","display","imgSrc","photo","displayName","jsx","_ref","body","onBodyChange","onSubmit","canSubmit","currentUser","attachments","onAttachmentsChange","_ref$maxAttachments","maxAttachments","DEFAULT_MAX_ATTACHMENTS","attachment","onAttachmentChange","attachmentError","onAttachmentError","maxAttachmentSizeBytes","disabled","autoFocus","_ref$placeholder","placeholder","metaRows","isMetaSingleLine","shareToChat","trailing","embedded","testId","isMulti","value","useMemo","filter","Boolean","handleAttachmentsChange","useCallback","next","_next$","upload","useAttachmentUpload","onChange","onError","maxSizeBytes","maxFiles","canSend","isUploading","fieldRef","useRef","CommentInput","field","Input","inputComponent","UserMention","inputProps","allowEmptyQuery","suggestionsPortalHost","document","querySelector","withLightTheme","mentionProps","highlightLinks","style","inputRef","mentionField","onKeyDown","event","key","shiftKey","isSuggestionsListOpened","preventDefault","disableUnderline","rows","fullWidth","multiline","items","onAttachmentRemove","removeAttachment","onAttachmentRetry","handleRetry","onAttachmentReorder","reorderAttachments","undefined","onFilesDrop","addFiles","onImageLinkPaste","addLinkedImage","dropLabel","attachmentSlot","FailedFileUploading","errorMessage","toolbar","jsxs","_Fragment","AttachFileButton","fileInputRef","onClick","openFileDialog","onFileSelect","handleFileSelect","multiple","isFull","tooltip","concat","Tooltip","title","ButtonIcon","type","_Object$getOwnPropert","current","focus","needsSpace","test","nextValue","setValue","Object","getOwnPropertyDescriptor","getPrototypeOf","set","call","setSelectionRange","length","dispatchEvent","Event","bubbles","AlternateEmailIcon","iconSlot","EmojiIconButton","icon","SmilingFaceIcon","handleSelectEmoji","emoji","native","footer","CommentMetaLine","singleLine","ShareToChatRow","_objectSpread"],"mappings":"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"}

package/cjs-bundle/components/CommentComposer/CommentReplyInput.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/asyncToGenerator"),t=require("@babel/runtime/helpers/slicedToArray"),a=require("@babel/runtime/regenerator"),n=require("react"),r=require("../../componentsV2/Avatar/Avatar.js"),i=require("../AttachFileButton/AttachFileButton.js"),l=require("../CommentInputNext/CommentInputNext.js"),o=require("../FailedFileUploading.js"),u=require("./useAttachmentUpload.js"),s=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(e),m=c(t),p=c(a),h=[];exports.CommentReplyInput=function(e){var t=e.onSubmit,a=e.author,c=e.disabled,f=e.placeholder,v=void 0===f?"Reply":f,b=e.autoFocus,A=void 0===b||b,F=e.maxAttachments,x=e.initialBody,j=void 0===x?"":x,g=e.initialAttachments,q=void 0===g?h:g,y=e.onCancel,S=e.testId,C=n.useState(j),R=m.default(C,2),I=R[0],U=R[1],B=n.useState(q),k=m.default(B,2),w=k[0],D=k[1],M=n.useState(null),N=m.default(M,2),T=N[0],_=N[1],z=u.useAttachmentUpload({value:w,onChange:D,onError:_,maxFiles:F}),E=function(){var e=d.default(p.default.mark((function e(a){return p.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t(a,w);case 2:if(e.t0=e.sent,!1!==e.t0){e.next=5;break}return e.abrupt("return");case 5:U(""),D([]),z.clearAttachments();case 8:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();return s.jsx(l.CommentInput,{bare:!0,autoFocus:A,placeholder:v,value:I,onChange:U,canSubmit:!(!I.trim()&&!w.length||z.isUploading),onSubmit:E,onCancel:y,disabled:c,attachments:z.items,onAttachmentRemove:z.removeAttachment,onAttachmentRetry:z.handleRetry,onAttachmentReorder:z.reorderAttachments,onFilesDrop:z.addFiles,testId:S,attachmentSlot:T?s.jsx(o,{errorMessage:T}):void 0,toolbar:s.jsx(i.AttachFileButton,{inputRef:z.fileInputRef,onClick:z.openFileDialog,onFileSelect:z.handleFileSelect,multiple:!0,disabled:z.isFull,tooltip:z.isFull?"Up to ".concat(z.maxFiles," files can be attached"):"Attach file"}),leading:s.jsx(r.Avatar,{size:32,name:null==a?void 0:a.name,imageSrc:null==a?void 0:a.avatarUrl})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/asyncToGenerator"),t=require("@babel/runtime/helpers/slicedToArray"),a=require("@babel/runtime/regenerator"),n=require("react"),r=require("../../componentsV2/Avatar/Avatar.js"),i=require("../AttachFileButton/AttachFileButton.js"),l=require("../CommentInputNext/CommentInputNext.js"),o=require("../FailedFileUploading.js"),u=require("./useAttachmentUpload.js"),s=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(e),m=c(t),p=c(a),h=[];exports.CommentReplyInput=function(e){var t=e.onSubmit,a=e.author,c=e.disabled,f=e.placeholder,v=void 0===f?"Reply":f,b=e.autoFocus,A=void 0===b||b,F=e.maxAttachments,x=e.initialBody,g=void 0===x?"":x,j=e.initialAttachments,q=void 0===j?h:j,y=e.onCancel,S=e.testId,C=n.useState(g),I=m.default(C,2),R=I[0],U=I[1],k=n.useState(q),B=m.default(k,2),w=B[0],D=B[1],L=n.useState(null),M=m.default(L,2),N=M[0],P=M[1],T=u.useAttachmentUpload({value:w,onChange:D,onError:P,maxFiles:F}),_=function(){var e=d.default(p.default.mark((function e(a){return p.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t(a,w);case 2:if(e.t0=e.sent,!1!==e.t0){e.next=5;break}return e.abrupt("return");case 5:U(""),D([]),T.clearAttachments();case 8:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();return s.jsx(l.CommentInput,{bare:!0,autoFocus:A,placeholder:v,value:R,onChange:U,canSubmit:!(!R.trim()&&!w.length||T.isUploading),onSubmit:_,onCancel:y,disabled:c,attachments:T.items,onAttachmentRemove:T.removeAttachment,onAttachmentRetry:T.handleRetry,onAttachmentReorder:T.reorderAttachments,onFilesDrop:T.addFiles,onImageLinkPaste:T.addLinkedImage,testId:S,attachmentSlot:N?s.jsx(o,{errorMessage:N}):void 0,toolbar:s.jsx(i.AttachFileButton,{inputRef:T.fileInputRef,onClick:T.openFileDialog,onFileSelect:T.handleFileSelect,multiple:!0,disabled:T.isFull,tooltip:T.isFull?"Up to ".concat(T.maxFiles," files can be attached"):"Attach file"}),leading:s.jsx(r.Avatar,{size:32,name:null==a?void 0:a.name,imageSrc:null==a?void 0:a.avatarUrl})})};
 //# sourceMappingURL=CommentReplyInput.js.map

package/cjs-bundle/components/CommentComposer/CommentReplyInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentReplyInput.js","sources":["../../../../src/components/CommentComposer/CommentReplyInput.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { Avatar } from '../../componentsV2/Avatar';\nimport { AttachFileButton } from '../AttachFileButton';\nimport { CommentInput } from '../CommentInputNext/CommentInputNext';\nimport FailedFileUploading from '../FailedFileUploading';\n\nimport { useAttachmentUpload, UploadedAttachment } from './useAttachmentUpload';\n\nconst EMPTY_ATTACHMENTS: UploadedAttachment[] = [];\n\nexport type CommentReplyInputProps = {\n  /** Resolving to `false` keeps the draft, so a failed post can be retried. */\n  onSubmit: (\n    body: string,\n    attachments: UploadedAttachment[]\n  ) => void | boolean | Promise<void | boolean>;\n  author?: { name?: string; avatarUrl?: string };\n  disabled?: boolean;\n  placeholder?: string;\n  autoFocus?: boolean;\n  maxAttachments?: number;\n  initialBody?: string;\n  initialAttachments?: UploadedAttachment[];\n  onCancel?: () => void;\n  testId?: string;\n};\n\nexport const CommentReplyInput = ({\n  onSubmit,\n  author,\n  disabled,\n  placeholder = 'Reply',\n  autoFocus = true,\n  maxAttachments,\n  initialBody = '',\n  initialAttachments = EMPTY_ATTACHMENTS,\n  onCancel,\n  testId,\n}: CommentReplyInputProps) => {\n  const [body, setBody] = useState(initialBody);\n  const [attachments, setAttachments] = useState<UploadedAttachment[]>(initialAttachments);\n  const [attachmentError, setAttachmentError] = useState<string | null>(null);\n\n  const upload = useAttachmentUpload({\n    value: attachments,\n    onChange: setAttachments,\n    onError: setAttachmentError,\n    maxFiles: maxAttachments,\n  });\n\n  const handleSubmit = async (value: string) => {\n    if ((await onSubmit(value, attachments)) === false) return;\n\n    setBody('');\n    setAttachments([]);\n    upload.clearAttachments();\n  };\n\n  return (\n    <CommentInput\n      bare\n      autoFocus={autoFocus}\n      placeholder={placeholder}\n      value={body}\n      onChange={setBody}\n      // An attachment only lands once S3 confirms, so posting mid-upload would drop it.\n      canSubmit={(!!body.trim() || !!attachments.length) && !upload.isUploading}\n      onSubmit={handleSubmit}\n      onCancel={onCancel}\n      disabled={disabled}\n      attachments={upload.items}\n      onAttachmentRemove={upload.removeAttachment}\n      onAttachmentRetry={upload.handleRetry}\n      onAttachmentReorder={upload.reorderAttachments}\n      onFilesDrop={upload.addFiles}\n      testId={testId}\n      attachmentSlot={\n        attachmentError ? <FailedFileUploading errorMessage={attachmentError} /> : undefined\n      }\n      toolbar={\n        <AttachFileButton\n          inputRef={upload.fileInputRef}\n          onClick={upload.openFileDialog}\n          onFileSelect={upload.handleFileSelect}\n          multiple\n          disabled={upload.isFull}\n          tooltip={upload.isFull ? `Up to ${upload.maxFiles} files can be attached` : 'Attach file'}\n        />\n      }\n      leading={<Avatar size={32} name={author?.name} imageSrc={author?.avatarUrl} />}\n    />\n  );\n};\n"],"names":["EMPTY_ATTACHMENTS","_ref","onSubmit","author","disabled","_ref$placeholder","placeholder","_ref$autoFocus","autoFocus","maxAttachments","_ref$initialBody","initialBody","_ref$initialAttachmen","initialAttachments","onCancel","testId","useState","_useState2","_slicedToArray","_useState","body","setBody","_useState4","_useState3","attachments","setAttachments","_useState6","_useState5","attachmentError","setAttachmentError","upload","useAttachmentUpload","value","onChange","onError","maxFiles","handleSubmit","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","wrap","_context","prev","next","t0","sent","abrupt","clearAttachments","stop","_callee","_x","apply","this","arguments","_jsx","CommentInput","bare","canSubmit","trim","length","isUploading","items","onAttachmentRemove","removeAttachment","onAttachmentRetry","handleRetry","onAttachmentReorder","reorderAttachments","onFilesDrop","addFiles","attachmentSlot","jsx","FailedFileUploading","errorMessage","undefined","toolbar","AttachFileButton","inputRef","fileInputRef","onClick","openFileDialog","onFileSelect","handleFileSelect","multiple","isFull","tooltip","leading","Avatar","size","name","imageSrc","avatarUrl"],"mappings":"klBASMA,EAA0C,6BAmBf,SAWHC,GAAA,IAV5BC,IAAAA,SACAC,IAAAA,OACAC,IAAAA,SAAQC,EAAAJ,EACRK,YAAAA,aAAc,QAAOD,EAAAE,EAAAN,EACrBO,UAAAA,cAAgBD,EAChBE,IAAAA,eAAcC,EAAAT,EACdU,YAAAA,aAAc,GAAED,EAAAE,EAAAX,EAChBY,mBAAAA,aAAqBb,EAAiBY,EACtCE,IAAAA,SACAC,IAAAA,OAEwBC,EAAAA,EAAQA,SAACL,GAAYM,EAAAC,EAAAA,QAAAC,EAAA,GAAtCC,EAAIH,EAAA,GAAEI,EAAOJ,EAAA,GACkBD,EAAAA,EAAQA,SAAuBH,GAAmBS,EAAAJ,EAAAA,QAAAK,EAAA,GAAjFC,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GACYN,EAAAA,EAAQA,SAAgB,MAAKU,EAAAR,EAAAA,QAAAS,EAAA,GAApEC,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAEpCI,EAASC,EAAAA,oBAAoB,CACjCC,MAAOR,EACPS,SAAUR,EACVS,QAASL,EACTM,SAAU1B,IAGN2B,EAAY,WAAA,IAAAC,EAAAC,EAAAA,QAAAC,EAAAA,QAAAC,MAAG,WAAOR,GAAa,OAAAO,UAAAE,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,OAAAF,EAAAE,KAAA,EAC5B1C,EAAS8B,EAAOR,GAAY,KAAA,EAAA,GAAAkB,EAAAG,GAAAH,EAAAI,MAAM,IAANJ,EAAAG,GAAW,CAAAH,EAAAE,KAAA,EAAA,KAAA,CAAA,OAAAF,EAAAK,OAAA,UAAA,KAAA,EAElD1B,EAAQ,IACRI,EAAe,IACfK,EAAOkB,mBAAmB,KAAA,EAAA,IAAA,MAAA,OAAAN,EAAAO,OAAA,GAAAC,EAC3B,KAAA,OAAA,SANiBC,GAAA,OAAAd,EAAAe,MAAAC,KAAAC,UAAA,EAAA,GAQlB,OACEC,EAAAA,IAACC,EAAAA,aAAY,CACXC,MAAI,EACJjD,UAAWA,EACXF,YAAaA,EACb0B,MAAOZ,EACPa,SAAUZ,EAEVqC,aAActC,EAAKuC,SAAYnC,EAAYoC,QAAY9B,EAAO+B,aAC9D3D,SAAUkC,EACVtB,SAAUA,EACVV,SAAUA,EACVoB,YAAaM,EAAOgC,MACpBC,mBAAoBjC,EAAOkC,iBAC3BC,kBAAmBnC,EAAOoC,YAC1BC,oBAAqBrC,EAAOsC,mBAC5BC,YAAavC,EAAOwC,SACpBvD,OAAQA,EACRwD,eACE3C,EAAkB2B,EAAAiB,IAACC,EAAmB,CAACC,aAAc9C,SAAsB+C,EAE7EC,QACErB,MAACsB,mBAAgB,CACfC,SAAUhD,EAAOiD,aACjBC,QAASlD,EAAOmD,eAChBC,aAAcpD,EAAOqD,iBACrBC,UAAQ,EACRhF,SAAU0B,EAAOuD,OACjBC,QAASxD,EAAOuD,uBAAkBvD,EAAOK,SAAmC,0BAAA,gBAGhFoD,QAAShC,MAACiC,SAAM,CAACC,KAAM,GAAIC,KAAMvF,aAAAA,EAAAA,EAAQuF,KAAMC,SAAUxF,aAAM,EAANA,EAAQyF,aAGvE"}
+{"version":3,"file":"CommentReplyInput.js","sources":["../../../../src/components/CommentComposer/CommentReplyInput.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { Avatar } from '../../componentsV2/Avatar';\nimport { AttachFileButton } from '../AttachFileButton';\nimport { CommentInput } from '../CommentInputNext/CommentInputNext';\nimport FailedFileUploading from '../FailedFileUploading';\n\nimport { useAttachmentUpload, UploadedAttachment } from './useAttachmentUpload';\n\nconst EMPTY_ATTACHMENTS: UploadedAttachment[] = [];\n\nexport type CommentReplyInputProps = {\n  /** Resolving to `false` keeps the draft, so a failed post can be retried. */\n  onSubmit: (\n    body: string,\n    attachments: UploadedAttachment[]\n  ) => void | boolean | Promise<void | boolean>;\n  author?: { name?: string; avatarUrl?: string };\n  disabled?: boolean;\n  placeholder?: string;\n  autoFocus?: boolean;\n  maxAttachments?: number;\n  initialBody?: string;\n  initialAttachments?: UploadedAttachment[];\n  onCancel?: () => void;\n  testId?: string;\n};\n\nexport const CommentReplyInput = ({\n  onSubmit,\n  author,\n  disabled,\n  placeholder = 'Reply',\n  autoFocus = true,\n  maxAttachments,\n  initialBody = '',\n  initialAttachments = EMPTY_ATTACHMENTS,\n  onCancel,\n  testId,\n}: CommentReplyInputProps) => {\n  const [body, setBody] = useState(initialBody);\n  const [attachments, setAttachments] = useState<UploadedAttachment[]>(initialAttachments);\n  const [attachmentError, setAttachmentError] = useState<string | null>(null);\n\n  const upload = useAttachmentUpload({\n    value: attachments,\n    onChange: setAttachments,\n    onError: setAttachmentError,\n    maxFiles: maxAttachments,\n  });\n\n  const handleSubmit = async (value: string) => {\n    if ((await onSubmit(value, attachments)) === false) return;\n\n    setBody('');\n    setAttachments([]);\n    upload.clearAttachments();\n  };\n\n  return (\n    <CommentInput\n      bare\n      autoFocus={autoFocus}\n      placeholder={placeholder}\n      value={body}\n      onChange={setBody}\n      // An attachment only lands once S3 confirms, so posting mid-upload would drop it.\n      canSubmit={(!!body.trim() || !!attachments.length) && !upload.isUploading}\n      onSubmit={handleSubmit}\n      onCancel={onCancel}\n      disabled={disabled}\n      attachments={upload.items}\n      onAttachmentRemove={upload.removeAttachment}\n      onAttachmentRetry={upload.handleRetry}\n      onAttachmentReorder={upload.reorderAttachments}\n      onFilesDrop={upload.addFiles}\n      onImageLinkPaste={upload.addLinkedImage}\n      testId={testId}\n      attachmentSlot={\n        attachmentError ? <FailedFileUploading errorMessage={attachmentError} /> : undefined\n      }\n      toolbar={\n        <AttachFileButton\n          inputRef={upload.fileInputRef}\n          onClick={upload.openFileDialog}\n          onFileSelect={upload.handleFileSelect}\n          multiple\n          disabled={upload.isFull}\n          tooltip={upload.isFull ? `Up to ${upload.maxFiles} files can be attached` : 'Attach file'}\n        />\n      }\n      leading={<Avatar size={32} name={author?.name} imageSrc={author?.avatarUrl} />}\n    />\n  );\n};\n"],"names":["EMPTY_ATTACHMENTS","_ref","onSubmit","author","disabled","_ref$placeholder","placeholder","_ref$autoFocus","autoFocus","maxAttachments","_ref$initialBody","initialBody","_ref$initialAttachmen","initialAttachments","onCancel","testId","useState","_useState2","_slicedToArray","_useState","body","setBody","_useState4","_useState3","attachments","setAttachments","_useState6","_useState5","attachmentError","setAttachmentError","upload","useAttachmentUpload","value","onChange","onError","maxFiles","handleSubmit","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","wrap","_context","prev","next","t0","sent","abrupt","clearAttachments","stop","_callee","_x","apply","this","arguments","_jsx","CommentInput","bare","canSubmit","trim","length","isUploading","items","onAttachmentRemove","removeAttachment","onAttachmentRetry","handleRetry","onAttachmentReorder","reorderAttachments","onFilesDrop","addFiles","onImageLinkPaste","addLinkedImage","attachmentSlot","jsx","FailedFileUploading","errorMessage","undefined","toolbar","AttachFileButton","inputRef","fileInputRef","onClick","openFileDialog","onFileSelect","handleFileSelect","multiple","isFull","tooltip","leading","Avatar","size","name","imageSrc","avatarUrl"],"mappings":"klBASMA,EAA0C,6BAmBf,SAWHC,GAAA,IAV5BC,IAAAA,SACAC,IAAAA,OACAC,IAAAA,SAAQC,EAAAJ,EACRK,YAAAA,aAAc,QAAOD,EAAAE,EAAAN,EACrBO,UAAAA,cAAgBD,EAChBE,IAAAA,eAAcC,EAAAT,EACdU,YAAAA,aAAc,GAAED,EAAAE,EAAAX,EAChBY,mBAAAA,aAAqBb,EAAiBY,EACtCE,IAAAA,SACAC,IAAAA,OAEwBC,EAAAA,EAAQA,SAACL,GAAYM,EAAAC,EAAAA,QAAAC,EAAA,GAAtCC,EAAIH,EAAA,GAAEI,EAAOJ,EAAA,GACkBD,EAAAA,EAAQA,SAAuBH,GAAmBS,EAAAJ,EAAAA,QAAAK,EAAA,GAAjFC,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GACYN,EAAAA,EAAQA,SAAgB,MAAKU,EAAAR,EAAAA,QAAAS,EAAA,GAApEC,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAEpCI,EAASC,EAAAA,oBAAoB,CACjCC,MAAOR,EACPS,SAAUR,EACVS,QAASL,EACTM,SAAU1B,IAGN2B,EAAY,WAAA,IAAAC,EAAAC,EAAAA,QAAAC,EAAAA,QAAAC,MAAG,WAAOR,GAAa,OAAAO,UAAAE,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,OAAAF,EAAAE,KAAA,EAC5B1C,EAAS8B,EAAOR,GAAY,KAAA,EAAA,GAAAkB,EAAAG,GAAAH,EAAAI,MAAM,IAANJ,EAAAG,GAAW,CAAAH,EAAAE,KAAA,EAAA,KAAA,CAAA,OAAAF,EAAAK,OAAA,UAAA,KAAA,EAElD1B,EAAQ,IACRI,EAAe,IACfK,EAAOkB,mBAAmB,KAAA,EAAA,IAAA,MAAA,OAAAN,EAAAO,OAAA,GAAAC,EAC3B,KAAA,OAAA,SANiBC,GAAA,OAAAd,EAAAe,MAAAC,KAAAC,UAAA,EAAA,GAQlB,OACEC,EAAAA,IAACC,EAAAA,aAAY,CACXC,MAAI,EACJjD,UAAWA,EACXF,YAAaA,EACb0B,MAAOZ,EACPa,SAAUZ,EAEVqC,aAActC,EAAKuC,SAAYnC,EAAYoC,QAAY9B,EAAO+B,aAC9D3D,SAAUkC,EACVtB,SAAUA,EACVV,SAAUA,EACVoB,YAAaM,EAAOgC,MACpBC,mBAAoBjC,EAAOkC,iBAC3BC,kBAAmBnC,EAAOoC,YAC1BC,oBAAqBrC,EAAOsC,mBAC5BC,YAAavC,EAAOwC,SACpBC,iBAAkBzC,EAAO0C,eACzBzD,OAAQA,EACR0D,eACE7C,EAAkB2B,EAAAmB,IAACC,EAAmB,CAACC,aAAchD,SAAsBiD,EAE7EC,QACEvB,MAACwB,mBAAgB,CACfC,SAAUlD,EAAOmD,aACjBC,QAASpD,EAAOqD,eAChBC,aAActD,EAAOuD,iBACrBC,UAAQ,EACRlF,SAAU0B,EAAOyD,OACjBC,QAAS1D,EAAOyD,uBAAkBzD,EAAOK,SAAmC,0BAAA,gBAGhFsD,QAASlC,MAACmC,SAAM,CAACC,KAAM,GAAIC,KAAMzF,aAAAA,EAAAA,EAAQyF,KAAMC,SAAU1F,aAAM,EAANA,EAAQ2F,aAGvE"}

package/cjs-bundle/components/CommentComposer/ShareToChatRow.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../componentsV2/Checkbox/Checkbox.js"),a=require("./ChatChannelSelector.js"),n=require("./ShareToChatRow.scss.js"),s=require("react/jsx-runtime");exports.ShareToChatRow=function(h){var r=h.checked,l=h.onChange,c=h.channels,t=h.selectedChannel,o=h.onChannelChange,i=h.isChannelSelectDisabled,C=h.label,d=void 0===C?"Share in Chat":C,u=h.testId;return s.jsxs("div",{className:n.row,"data-testid":u,children:[s.jsx("div",{className:n.checkbox,children:s.jsx(e.Checkbox,{size:"small",checked:r,onChange:l,label:d})}),r&&s.jsx(a.ChatChannelSelector,{channels:c,value:t,onChange:o,disabled:i})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../componentsV2/Checkbox/Checkbox.js"),a=require("./ChatChannelSelector.js"),n=require("./ShareToChatRow.scss.js"),s=require("react/jsx-runtime");exports.ShareToChatRow=function(h){var r=h.checked,l=h.onChange,c=h.channels,t=h.selectedChannel,o=h.onChannelChange,i=h.isChannelSelectDisabled,C=h.label,d=void 0===C?"Share in Team Chat":C,u=h.testId;return s.jsxs("div",{className:n.row,"data-testid":u,children:[s.jsx("div",{className:n.checkbox,children:s.jsx(e.Checkbox,{size:"small",checked:r,onChange:l,label:d})}),r&&s.jsx(a.ChatChannelSelector,{channels:c,value:t,onChange:o,disabled:i})]})};
 //# sourceMappingURL=ShareToChatRow.js.map

package/cjs-bundle/components/CommentComposer/ShareToChatRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShareToChatRow.js","sources":["../../../../src/components/CommentComposer/ShareToChatRow.tsx"],"sourcesContent":["import { Checkbox } from '../../componentsV2/Checkbox';\n\nimport { ChatChannel, ChatChannelSelector } from './ChatChannelSelector';\n\nimport styles from './ShareToChatRow.scss';\n\nexport type ShareToChatRowProps = {\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n  channels: ChatChannel[];\n  selectedChannel: ChatChannel | null;\n  onChannelChange: (channel: ChatChannel) => void;\n  isChannelSelectDisabled?: boolean;\n  label?: string;\n  testId?: string;\n};\n\nexport const ShareToChatRow = ({\n  checked,\n  onChange,\n  channels,\n  selectedChannel,\n  onChannelChange,\n  isChannelSelectDisabled,\n  label = 'Share in Chat',\n  testId,\n}: ShareToChatRowProps) => (\n  <div className={styles.row} data-testid={testId}>\n    <div className={styles.checkbox}>\n      <Checkbox size=\"small\" checked={checked} onChange={onChange} label={label} />\n    </div>\n    {checked && (\n      <ChatChannelSelector\n        channels={channels}\n        value={selectedChannel}\n        onChange={onChannelChange}\n        disabled={isChannelSelectDisabled}\n      />\n    )}\n  </div>\n);\n"],"names":["_ref","checked","onChange","channels","selectedChannel","onChannelChange","isChannelSelectDisabled","_ref$label","label","testId","_jsxs","className","styles","row","children","_jsx","jsx","checkbox","Checkbox","size","ChatChannelSelector","value","disabled"],"mappings":"+PAiB8B,SAAHA,GAAA,IACzBC,IAAAA,QACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,gBACAC,IAAAA,gBACAC,IAAAA,wBAAuBC,EAAAP,EACvBQ,MAAAA,aAAQ,gBAAeD,EACvBE,IAAAA,OAAM,OAENC,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOC,IAAK,cAAaJ,EAAOK,SAC9C,CAAAC,EAAAC,IAAA,MAAA,CAAKL,UAAWC,EAAOK,SAASH,SAC9BC,MAACG,WAAQ,CAACC,KAAK,QAAQlB,QAASA,EAASC,SAAUA,EAAUM,MAAOA,MAErEP,GACCc,EAAAC,IAACI,sBAAmB,CAClBjB,SAAUA,EACVkB,MAAOjB,EACPF,SAAUG,EACViB,SAAUhB,MAGV"}
+{"version":3,"file":"ShareToChatRow.js","sources":["../../../../src/components/CommentComposer/ShareToChatRow.tsx"],"sourcesContent":["import { Checkbox } from '../../componentsV2/Checkbox';\n\nimport { ChatChannel, ChatChannelSelector } from './ChatChannelSelector';\n\nimport styles from './ShareToChatRow.scss';\n\nexport type ShareToChatRowProps = {\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n  channels: ChatChannel[];\n  selectedChannel: ChatChannel | null;\n  onChannelChange: (channel: ChatChannel) => void;\n  isChannelSelectDisabled?: boolean;\n  label?: string;\n  testId?: string;\n};\n\nexport const ShareToChatRow = ({\n  checked,\n  onChange,\n  channels,\n  selectedChannel,\n  onChannelChange,\n  isChannelSelectDisabled,\n  label = 'Share in Team Chat',\n  testId,\n}: ShareToChatRowProps) => (\n  <div className={styles.row} data-testid={testId}>\n    <div className={styles.checkbox}>\n      <Checkbox size=\"small\" checked={checked} onChange={onChange} label={label} />\n    </div>\n    {checked && (\n      <ChatChannelSelector\n        channels={channels}\n        value={selectedChannel}\n        onChange={onChannelChange}\n        disabled={isChannelSelectDisabled}\n      />\n    )}\n  </div>\n);\n"],"names":["_ref","checked","onChange","channels","selectedChannel","onChannelChange","isChannelSelectDisabled","_ref$label","label","testId","_jsxs","className","styles","row","children","_jsx","jsx","checkbox","Checkbox","size","ChatChannelSelector","value","disabled"],"mappings":"+PAiB8B,SAAHA,GAAA,IACzBC,IAAAA,QACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,gBACAC,IAAAA,gBACAC,IAAAA,wBAAuBC,EAAAP,EACvBQ,MAAAA,aAAQ,qBAAoBD,EAC5BE,IAAAA,OAAM,OAENC,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOC,IAAK,cAAaJ,EAAOK,SAC9C,CAAAC,EAAAC,IAAA,MAAA,CAAKL,UAAWC,EAAOK,SAASH,SAC9BC,MAACG,WAAQ,CAACC,KAAK,QAAQlB,QAASA,EAASC,SAAUA,EAAUM,MAAOA,MAErEP,GACCc,EAAAC,IAACI,sBAAmB,CAClBjB,SAAUA,EACVkB,MAAOjB,EACPF,SAAUG,EACViB,SAAUhB,MAGV"}

package/cjs-bundle/components/CommentComposer/useAttachmentUpload.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/toConsumableArray"),r=require("@babel/runtime/helpers/asyncToGenerator"),n=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),u=require("@babel/runtime/regenerator"),i=require("react"),l=require("react-s3-uploader/s3upload"),o=require("../AttachmentPreview/getAttachmentKind.js"),a=require("../AttachFileButton/AttachFileButton.js"),c=require("../../clients/jsonApi/index.js");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=f(e),d=f(r),p=f(n),v=f(t),h=f(u),m=f(l);function g(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function b(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?g(Object(n),!0).forEach((function(r){p.default(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var U=function(e){return e.type.startsWith("image/")?"image":e.type.startsWith("video/")?"video":"file"},w=function(e){return(e/1048576).toFixed(1)},y=function(e){return{id:e.url,name:e.name,file:null,previewUrl:"",isUploading:!1,error:null,uploaded:e}},k=0;exports.DEFAULT_MAX_ATTACHMENTS=10,exports.useAttachmentUpload=function(e){var r,n,t=e.value,u=e.onChange,l=e.onError,f=e.maxSizeBytes,p=e.maxFiles,g=void 0===p?10:p,j=e.accept,C=void 0===j?a.ACCEPTED_ATTACHMENT_TYPES:j,O=i.useState([]),A=v.default(O,2),E=A[0],S=A[1],R=i.useRef(null),x=i.useRef(new Map),F=i.useRef(new Map),P=i.useRef([]),L=i.useRef(u),T=i.useRef(l);L.current=u,T.current=l;var q=i.useRef([]),M=i.useCallback((function(e){var r=e(P.current);P.current=r,S(r),q.current=function(e){return e.map((function(e){return e.uploaded})).filter(Boolean)}(r),L.current(q.current)}),[]),D=i.useCallback((function(e,r){return M((function(n){return n.map((function(n){return n.id===e?b(b({},n),r):n}))}))}),[M]),B=i.useCallback((function(e){var r,n;null===(r=x.current.get(e))||void 0===r||r.abortUpload(),x.current.delete(e),F.current.set(e,(null!==(n=F.current.get(e))&&void 0!==n?n:0)+1)}),[]),_=i.useCallback((function(e){null!=e&&e.previewUrl&&URL.revokeObjectURL(e.previewUrl)}),[]),z=i.useCallback((function(){var e,r,n;null===(e=T.current)||void 0===e||e.call(T,null!==(r=null===(n=P.current.find((function(e){return e.error})))||void 0===n?void 0:n.error)&&void 0!==r?r:null)}),[]);i.useEffect((function(){return function(){x.current.forEach((function(e){return e.abortUpload()})),x.current.clear(),P.current.forEach((function(e){e.previewUrl&&URL.revokeObjectURL(e.previewUrl)}))}}),[]);var W=i.useCallback((function(e,r){var n,t=(null!==(n=F.current.get(e))&&void 0!==n?n:0)+1;F.current.set(e,t);var u,i,l=function(){return F.current.get(e)===t},o=function(r){var n;l()&&(D(e,{isUploading:!1,error:r}),null===(n=T.current)||void 0===n||n.call(T,r))},a="",f=new m.default({files:[r],preprocess:function(e,r){return r(e)},onProgress:function(){},getSignedUrl:(i=d.default(h.default.mark((function e(r,n){var t;return h.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,c.getS3SignedUrl(r.name,r.type);case 3:t=e.sent,a=t.file_name,n(b(b({},t),{},{signedUrl:t.signed_url})),e.next=11;break;case 8:e.prev=8,e.t0=e.catch(0),o((null===e.t0||void 0===e.t0?void 0:e.t0.message)||"Failed to upload the file");case 11:case"end":return e.stop()}}),e,null,[[0,8]])}))),function(e,r){return i.apply(this,arguments)}),onFinishS3Put:(u=d.default(h.default.mark((function n(){var t,u;return h.default.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.prev=0,n.next=3,c.getS3DownloadLink(a);case 3:if(t=n.sent,u=t.url,l()){n.next=7;break}return n.abrupt("return");case 7:x.current.delete(e),D(e,{isUploading:!1,error:null,uploaded:{url:u,name:a,size:r.size}}),z(),n.next=15;break;case 12:n.prev=12,n.t0=n.catch(0),o((null===n.t0||void 0===n.t0?void 0:n.t0.message)||"Failed to upload the file");case 15:case"end":return n.stop()}}),n,null,[[0,12]])}))),function(){return u.apply(this,arguments)}),onError:function(e){return o(e||"Failed to upload the file")}});x.current.set(e,f)}),[D,z]),K=i.useCallback((function(e){var r,n,t,u,i=e.filter((function(e){return function(e,r){return r.split(",").map((function(e){return e.trim().toLowerCase()})).filter(Boolean).some((function(r){if(r.startsWith("."))return e.name.toLowerCase().endsWith(r);if(r.endsWith("/*")){var n=e.type.toLowerCase();return n?n.startsWith(r.slice(0,-1)):o.getAttachmentKind({name:e.name})===r.slice(0,-1)}return e.type.toLowerCase()===r}))}(e,C)})),l=i.length<e.length?1===e.length?"That file type is not supported.":"Some files were skipped — unsupported file type.":null,a="You can attach up to ".concat(g," files."),c=g-P.current.length;if(!i.length||c<=0){var d;null===(d=T.current)||void 0===d||d.call(T,i.length?a:l)}else{var p=i.slice(0,c),v=p.map((function(e){var r=U(e),n=!!f&&e.size>f;return{id:"attachment-".concat(k+=1),name:e.name,file:e,previewUrl:"file"===r?"":URL.createObjectURL(e),isUploading:!n,error:n?"File is too large (".concat(w(e.size)," MB). Maximum size is ").concat(w(f)," MB."):null,uploaded:null}}));M((function(e){return[].concat(s.default(e),s.default(v))}));var h=i.length>p.length?a:null;null===(r=T.current)||void 0===r||r.call(T,null!==(n=null!==(t=null===(u=P.current.find((function(e){return e.error})))||void 0===u?void 0:u.error)&&void 0!==t?t:l)&&void 0!==n?n:h),v.filter((function(e){return!e.error})).forEach((function(e){return W(e.id,e.file)}))}}),[M,g,f,W,C]),H=i.useCallback((function(e){var r,n=Array.from(null!==(r=e.target.files)&&void 0!==r?r:[]);R.current&&(R.current.value=""),n.length&&K(n)}),[K]),N=i.useCallback((function(){var e;return null===(e=R.current)||void 0===e?void 0:e.click()}),[]),Y=i.useCallback((function(e){var r=String(e);B(r),_(P.current.find((function(e){return e.id===r}))),M((function(e){return e.filter((function(e){return e.id!==r}))})),z()}),[B,_,M,z]),G=i.useCallback((function(e){var r=String(e),n=P.current.find((function(e){return e.id===r}));null!=n&&n.file&&(B(r),D(r,{isUploading:!0,error:null}),z(),W(r,n.file))}),[B,D,W,z]),I=i.useCallback((function(e){return M((function(r){var n=new Map(r.map((function(e){return[e.id,e]}))),t=e.map((function(e){return n.get(String(e))})).filter(Boolean),u=r.filter((function(r){return!e.some((function(e){return String(e)===r.id}))}));return[].concat(s.default(t),s.default(u))}))}),[M]),X=i.useCallback((function(){var e;P.current.forEach((function(e){B(e.id),_(e)})),M((function(){return[]})),null===(e=T.current)||void 0===e||e.call(T,null)}),[B,M,_]);i.useEffect((function(){var e,r,n;(r=q.current,n=t,r.length===n.length&&r.every((function(e,r){return e.url===n[r].url})))||(P.current.forEach((function(e){B(e.id),e.previewUrl&&URL.revokeObjectURL(e.previewUrl)})),P.current=t.map(y),q.current=t,S(P.current),null===(e=T.current)||void 0===e||e.call(T,null))}),[t,B]);var J=i.useState({}),Q=v.default(J,2),V=Q[0],Z=Q[1],$=i.useRef(V);$.current=V;var ee=E.filter((function(e){return!e.file&&e.uploaded})).map((function(e){return e.uploaded.name})).join("|");return i.useEffect((function(){var e=ee.split("|").filter((function(e){return e&&!(e in $.current)}));if(e.length){var r=!0;return Promise.all(e.map((function(e){return c.getS3DownloadLink(e,"inline").then((function(r){var n=r.url;return[e,n]})).catch((function(r){return console.error('Failed to sign stored attachment "'.concat(e,'"'),r),[e,""]}))}))).then((function(e){r&&Z((function(r){return b(b({},r),Object.fromEntries(e))}))})),function(){r=!1}}}),[ee]),{items:E.reduce((function(e,r){var n;if(r.file)return e.push({id:r.id,name:r.name,src:r.previewUrl,kind:U(r.file),isUploading:r.isUploading,error:null!==(n=r.error)&&void 0!==n?n:void 0}),e;var t=r.uploaded,u=o.getAttachmentKind(t),i=V[t.name];return"file"===u||i?(e.push({id:r.id,name:t.name,src:i,kind:u}),e):e}),[]),fileInputRef:R,openFileDialog:N,handleFileSelect:H,addFiles:K,removeAttachment:Y,handleRetry:G,reorderAttachments:I,clearAttachments:X,isUploading:E.some((function(e){return e.isUploading})),error:null!==(r=null===(n=E.find((function(e){return e.error})))||void 0===n?void 0:n.error)&&void 0!==r?r:null,count:E.length,isFull:E.length>=g,maxFiles:g}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/toConsumableArray"),r=require("@babel/runtime/helpers/asyncToGenerator"),n=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),u=require("@babel/runtime/regenerator"),i=require("react"),l=require("react-s3-uploader/s3upload"),o=require("../AttachmentPreview/getAttachmentKind.js"),a=require("../AttachFileButton/AttachFileButton.js"),c=require("../../clients/jsonApi/index.js"),f=require("../../utils/links.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(e),p=s(r),v=s(n),m=s(t),h=s(u),g=s(l);function b(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function U(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?b(Object(n),!0).forEach((function(r){v.default(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var w=function(e){return e.type.startsWith("image/")?"image":e.type.startsWith("video/")?"video":"file"},k=function(e){return(e/1048576).toFixed(1)},y=function(e){return{id:e.url,name:e.name,file:null,previewUrl:"",isUploading:!1,error:null,uploaded:e}},j=0,C=function(){return"attachment-".concat(j+=1)};exports.DEFAULT_MAX_ATTACHMENTS=10,exports.useAttachmentUpload=function(e){var r,n,t=e.value,u=e.onChange,l=e.onError,s=e.maxSizeBytes,v=e.maxFiles,b=void 0===v?10:v,j=e.accept,O=void 0===j?a.ACCEPTED_ATTACHMENT_TYPES:j,A=i.useState([]),E=m.default(A,2),S=E[0],R=E[1],F=i.useRef(null),x=i.useRef(new Map),L=i.useRef(new Map),P=i.useRef([]),T=i.useRef(u),q=i.useRef(l);T.current=u,q.current=l;var z=i.useRef([]),M=i.useCallback((function(e){var r=e(P.current);P.current=r,R(r),z.current=function(e){return e.map((function(e){return e.uploaded})).filter(Boolean)}(r),T.current(z.current)}),[]),D=i.useCallback((function(e,r){return M((function(n){return n.map((function(n){return n.id===e?U(U({},n),r):n}))}))}),[M]),B=i.useCallback((function(e){var r,n;null===(r=x.current.get(e))||void 0===r||r.abortUpload(),x.current.delete(e),L.current.set(e,(null!==(n=L.current.get(e))&&void 0!==n?n:0)+1)}),[]),_=i.useCallback((function(e){null!=e&&e.previewUrl&&URL.revokeObjectURL(e.previewUrl)}),[]),W=i.useCallback((function(){var e,r,n;null===(e=q.current)||void 0===e||e.call(q,null!==(r=null===(n=P.current.find((function(e){return e.error})))||void 0===n?void 0:n.error)&&void 0!==r?r:null)}),[]);i.useEffect((function(){return function(){x.current.forEach((function(e){return e.abortUpload()})),x.current.clear(),P.current.forEach((function(e){e.previewUrl&&URL.revokeObjectURL(e.previewUrl)}))}}),[]);var K=i.useCallback((function(e,r){var n,t=(null!==(n=L.current.get(e))&&void 0!==n?n:0)+1;L.current.set(e,t);var u,i,l=function(){return L.current.get(e)===t},o=function(r){var n;l()&&(D(e,{isUploading:!1,error:r}),null===(n=q.current)||void 0===n||n.call(q,r))},a="",f=new g.default({files:[r],preprocess:function(e,r){return r(e)},onProgress:function(){},getSignedUrl:(i=p.default(h.default.mark((function e(r,n){var t;return h.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,c.getS3SignedUrl(r.name,r.type);case 3:t=e.sent,a=t.file_name,n(U(U({},t),{},{signedUrl:t.signed_url})),e.next=11;break;case 8:e.prev=8,e.t0=e.catch(0),o((null===e.t0||void 0===e.t0?void 0:e.t0.message)||"Failed to upload the file");case 11:case"end":return e.stop()}}),e,null,[[0,8]])}))),function(e,r){return i.apply(this,arguments)}),onFinishS3Put:(u=p.default(h.default.mark((function n(){var t,u;return h.default.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.prev=0,n.next=3,c.getS3DownloadLink(a);case 3:if(t=n.sent,u=t.url,l()){n.next=7;break}return n.abrupt("return");case 7:x.current.delete(e),D(e,{isUploading:!1,error:null,uploaded:{url:u,name:a,size:r.size}}),W(),n.next=15;break;case 12:n.prev=12,n.t0=n.catch(0),o((null===n.t0||void 0===n.t0?void 0:n.t0.message)||"Failed to upload the file");case 15:case"end":return n.stop()}}),n,null,[[0,12]])}))),function(){return u.apply(this,arguments)}),onError:function(e){return o(e||"Failed to upload the file")}});x.current.set(e,f)}),[D,W]),N=i.useCallback((function(e){var r,n=f.getUrlFileName(e);n&&(P.current.length>=b?null===(r=q.current)||void 0===r||r.call(q,"You can attach up to ".concat(b," files.")):P.current.some((function(r){var n;return(null===(n=r.uploaded)||void 0===n?void 0:n.url)===e}))||M((function(r){return[].concat(d.default(r),[{id:C(),name:n,file:null,previewUrl:e,isUploading:!1,error:null,uploaded:{url:e,name:n}}])})))}),[M,b]),Y=i.useCallback((function(e){var r,n,t,u,i=e.filter((function(e){return function(e,r){return r.split(",").map((function(e){return e.trim().toLowerCase()})).filter(Boolean).some((function(r){if(r.startsWith("."))return e.name.toLowerCase().endsWith(r);if(r.endsWith("/*")){var n=e.type.toLowerCase();return n?n.startsWith(r.slice(0,-1)):o.getAttachmentKind({name:e.name})===r.slice(0,-1)}return e.type.toLowerCase()===r}))}(e,O)})),l=i.length<e.length?1===e.length?"That file type is not supported.":"Some files were skipped — unsupported file type.":null,a="You can attach up to ".concat(b," files."),c=b-P.current.length;if(!i.length||c<=0){var f;null===(f=q.current)||void 0===f||f.call(q,i.length?a:l)}else{var p=i.slice(0,c),v=p.map((function(e){var r=w(e),n=!!s&&e.size>s;return{id:C(),name:e.name,file:e,previewUrl:"file"===r?"":URL.createObjectURL(e),isUploading:!n,error:n?"File is too large (".concat(k(e.size)," MB). Maximum size is ").concat(k(s)," MB."):null,uploaded:null}}));M((function(e){return[].concat(d.default(e),d.default(v))}));var m=i.length>p.length?a:null;null===(r=q.current)||void 0===r||r.call(q,null!==(n=null!==(t=null===(u=P.current.find((function(e){return e.error})))||void 0===u?void 0:u.error)&&void 0!==t?t:l)&&void 0!==n?n:m),v.filter((function(e){return!e.error})).forEach((function(e){return K(e.id,e.file)}))}}),[M,b,s,K,O]),H=i.useCallback((function(e){var r,n=Array.from(null!==(r=e.target.files)&&void 0!==r?r:[]);F.current&&(F.current.value=""),n.length&&Y(n)}),[Y]),I=i.useCallback((function(){var e;return null===(e=F.current)||void 0===e?void 0:e.click()}),[]),G=i.useCallback((function(e){var r=String(e);B(r),_(P.current.find((function(e){return e.id===r}))),M((function(e){return e.filter((function(e){return e.id!==r}))})),W()}),[B,_,M,W]),X=i.useCallback((function(e){var r=String(e),n=P.current.find((function(e){return e.id===r}));null!=n&&n.file&&(B(r),D(r,{isUploading:!0,error:null}),W(),K(r,n.file))}),[B,D,K,W]),J=i.useCallback((function(e){return M((function(r){var n=new Map(r.map((function(e){return[e.id,e]}))),t=e.map((function(e){return n.get(String(e))})).filter(Boolean),u=r.filter((function(r){return!e.some((function(e){return String(e)===r.id}))}));return[].concat(d.default(t),d.default(u))}))}),[M]),Q=i.useCallback((function(){var e;P.current.forEach((function(e){B(e.id),_(e)})),M((function(){return[]})),null===(e=q.current)||void 0===e||e.call(q,null)}),[B,M,_]);i.useEffect((function(){var e,r,n;(r=z.current,n=t,r.length===n.length&&r.every((function(e,r){return e.url===n[r].url})))||(P.current.forEach((function(e){B(e.id),e.previewUrl&&URL.revokeObjectURL(e.previewUrl)})),P.current=t.map(y),z.current=t,R(P.current),null===(e=q.current)||void 0===e||e.call(q,null))}),[t,B]);var V=i.useState({}),Z=m.default(V,2),$=Z[0],ee=Z[1],re=i.useRef($);re.current=$;var ne=S.filter((function(e){return!e.file&&!e.previewUrl&&e.uploaded})).map((function(e){return e.uploaded.name})).join("|");return i.useEffect((function(){var e=ne.split("|").filter((function(e){return e&&!(e in re.current)}));if(e.length){var r=!0;return Promise.all(e.map((function(e){return c.getS3DownloadLink(e,"inline").then((function(r){var n=r.url;return[e,n]})).catch((function(r){return console.error('Failed to sign stored attachment "'.concat(e,'"'),r),[e,""]}))}))).then((function(e){r&&ee((function(r){return U(U({},r),Object.fromEntries(e))}))})),function(){r=!1}}}),[ne]),{items:S.reduce((function(e,r){var n;if(r.file)return e.push({id:r.id,name:r.name,src:r.previewUrl,kind:w(r.file),size:r.file.size,isUploading:r.isUploading,error:null!==(n=r.error)&&void 0!==n?n:void 0}),e;var t=r.uploaded,u=o.getAttachmentKind(t),i=r.previewUrl||$[t.name];return"file"===u||i?(e.push({id:r.id,name:t.name,src:i,kind:u,size:t.size}),e):e}),[]),fileInputRef:F,openFileDialog:I,handleFileSelect:H,addFiles:Y,addLinkedImage:N,removeAttachment:G,handleRetry:X,reorderAttachments:J,clearAttachments:Q,isUploading:S.some((function(e){return e.isUploading})),error:null!==(r=null===(n=S.find((function(e){return e.error})))||void 0===n?void 0:n.error)&&void 0!==r?r:null,count:S.length,isFull:S.length>=b,maxFiles:b}};
 //# sourceMappingURL=useAttachmentUpload.js.map