@corva/ui 3.75.0-2 → 3.75.0-21

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 { 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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"}
+{"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 hasMetadata = !!contextRows?.length;\n  // The chip takes over the metadata tooltip when present, so the info icon is redundant.\n  const showInfoIcon = hasMetadata && !chip;\n\n  const hasFooter = !!(\n    activityBinding ||\n    onLike ||\n    onReplyToggle ||\n    onForward ||\n    cardMenuItems?.length ||\n    showInfoIcon\n  );\n\n  const info = showInfoIcon && (\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        <Tooltip\n          placement=\"top\"\n          className={styles.metadataTooltip}\n          title={hasMetadata ? <MetadataTooltip rows={contextRows} /> : ''}\n        >\n          <span\n            className={classNames(styles.chip, !!chipColor && styles.chipAccented)}\n            style={chipColor ? { borderLeftColor: chipColor } : undefined}\n          >\n            {chip}\n          </span>\n        </Tooltip>\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","hasMetadata","length","showInfoIcon","hasFooter","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 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"})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("classnames"),o=require("../../componentsV2/ButtonIcon/ButtonIcon.js"),c=require("../../componentsV2/Tooltip/Tooltip.js"),n=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/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.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/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.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 i=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(n.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(n.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(n.ShareTwoIcon,{size:16})})})})]}),r.jsxs("div",{className:e.trailingActions,children:[u,r.jsx(i.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 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"}
+{"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":"68IAuBmE,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/CommentCardReplies.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("../../componentsV2/Avatar/Avatar.js"),o=require("../../componentsV2/ButtonText/ButtonText.js"),c=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 e=require("./CommentMenu.js"),i=require("./CommentCard.scss.js"),n=require("react/jsx-runtime");exports.CommentCardReplies=function(r){var u=r.replies,t=r.hasMoreReplies,m=r.moreRepliesCount,a=r.replyInput,j=r.onShowMoreReplies;return n.jsxs("div",{className:i.replies,children:[a,null==u?void 0:u.map((function(o){var c;return n.jsxs("div",{className:i.reply,children:[n.jsxs("div",{className:i.replyHeader,children:[n.jsx(s.Avatar,{size:32,name:o.author.name,imageSrc:o.author.avatarUrl}),n.jsxs("div",{className:i.replyNameRow,children:[n.jsx("span",{className:i.replyName,children:o.author.name}),n.jsx("span",{className:i.replyTimestamp,children:o.timestamp})]}),n.jsx(e.CommentMenu,{items:o.menuItems,testId:"comment-reply-menu"})]}),n.jsx("div",{className:i.replyText,children:null!==(c=o.editForm)&&void 0!==c?c:o.body})]},o.id)})),t&&j&&n.jsx(o.ButtonText,{type:"primary",size:"medium",prefix:n.jsx(c.DownSmallIcon,{size:16}),onClick:j,children:m?"Show ".concat(m," More Comments"):"Show More Comments"})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("../../componentsV2/Avatar/Avatar.js"),o=require("../../componentsV2/ButtonText/ButtonText.js"),c=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/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.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/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.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 e=require("./CommentMenu.js"),i=require("./CommentCard.scss.js"),n=require("react/jsx-runtime");exports.CommentCardReplies=function(r){var u=r.replies,t=r.hasMoreReplies,m=r.moreRepliesCount,a=r.replyInput,j=r.onShowMoreReplies;return n.jsxs("div",{className:i.replies,children:[a,null==u?void 0:u.map((function(o){var c;return n.jsxs("div",{className:i.reply,children:[n.jsxs("div",{className:i.replyHeader,children:[n.jsx(s.Avatar,{size:32,name:o.author.name,imageSrc:o.author.avatarUrl}),n.jsxs("div",{className:i.replyNameRow,children:[n.jsx("span",{className:i.replyName,children:o.author.name}),n.jsx("span",{className:i.replyTimestamp,children:o.timestamp})]}),n.jsx(e.CommentMenu,{items:o.menuItems,testId:"comment-reply-menu"})]}),n.jsx("div",{className:i.replyText,children:null!==(c=o.editForm)&&void 0!==c?c:o.body})]},o.id)})),t&&j&&n.jsx(o.ButtonText,{type:"primary",size:"medium",prefix:n.jsx(c.DownSmallIcon,{size:16}),onClick:j,children:m?"Show ".concat(m," More Comments"):"Show More Comments"})]})};
 //# sourceMappingURL=CommentCardReplies.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommentCardReplies.js","sources":["../../../../src/components/CommentCard/CommentCardReplies.tsx"],"sourcesContent":["import { FC } from 'react';\n\nimport { Avatar } from '../../componentsV2/Avatar';\nimport { ButtonText } from '../../componentsV2/ButtonText';\nimport { DownSmallIcon } from '../../icons';\n\nimport { CommentReply } from './CommentCard.types';\nimport { CommentMenu } from './CommentMenu';\n\nimport styles from './CommentCard.scss';\n\ntype CommentCardRepliesProps = {\n  replies?: CommentReply[];\n  hasMoreReplies?: boolean;\n  moreRepliesCount?: number;\n  isReplyOpen?: boolean;\n  replyInput?: React.ReactNode;\n  onShowMoreReplies?: () => void;\n};\n\nexport const CommentCardReplies: FC<CommentCardRepliesProps> = ({\n  replies,\n  hasMoreReplies,\n  moreRepliesCount,\n  replyInput,\n  onShowMoreReplies,\n}) => (\n  <div className={styles.replies}>\n    {replyInput}\n\n    {replies?.map(reply => (\n      <div key={reply.id} className={styles.reply}>\n        <div className={styles.replyHeader}>\n          <Avatar size={32} name={reply.author.name} imageSrc={reply.author.avatarUrl} />\n          <div className={styles.replyNameRow}>\n            <span className={styles.replyName}>{reply.author.name}</span>\n            <span className={styles.replyTimestamp}>{reply.timestamp}</span>\n          </div>\n          <CommentMenu items={reply.menuItems} testId=\"comment-reply-menu\" />\n        </div>\n        <div className={styles.replyText}>{reply.editForm ?? reply.body}</div>\n      </div>\n    ))}\n\n    {hasMoreReplies && onShowMoreReplies && (\n      <ButtonText\n        type=\"primary\"\n        size=\"medium\"\n        prefix={<DownSmallIcon size={16} />}\n        onClick={onShowMoreReplies}\n      >\n        {moreRepliesCount ? `Show ${moreRepliesCount} More Comments` : 'Show More Comments'}\n      </ButtonText>\n    )}\n  </div>\n);\n"],"names":["_ref","replies","hasMoreReplies","moreRepliesCount","replyInput","onShowMoreReplies","_jsxs","className","styles","children","map","reply","_reply$editForm","jsxs","replyHeader","_jsx","Avatar","size","name","author","imageSrc","avatarUrl","replyNameRow","jsx","replyName","replyTimestamp","timestamp","CommentMenu","items","menuItems","testId","replyText","editForm","body","id","ButtonText","type","prefix","DownSmallIcon","onClick"],"mappings":"ioIAoB+D,SAAHA,GAAA,IAC1DC,IAAAA,QACAC,IAAAA,eACAC,IAAAA,iBACAC,IAAAA,WACAC,IAAAA,kBAAiB,OAEjBC,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOP,QAAQQ,SAC5BL,CAAAA,EAEAH,aAAAA,EAAAA,EAASS,KAAI,SAAAC,GAAK,IAAAC,EAAA,OACjBN,EAAAA,KAAA,MAAA,CAAoBC,UAAWC,EAAOG,MAAMF,SAC1C,CAAAH,EAAAO,KAAA,MAAA,CAAKN,UAAWC,EAAOM,YAAYL,SAAA,CACjCM,MAACC,SAAM,CAACC,KAAM,GAAIC,KAAMP,EAAMQ,OAAOD,KAAME,SAAUT,EAAMQ,OAAOE,YAClEf,EAAAO,KAAA,MAAA,CAAKN,UAAWC,EAAOc,aAAab,SAClC,CAAAM,EAAAQ,IAAA,OAAA,CAAMhB,UAAWC,EAAOgB,UAAUf,SAAEE,EAAMQ,OAAOD,OACjDH,EAAAQ,IAAA,OAAA,CAAMhB,UAAWC,EAAOiB,eAAehB,SAAEE,EAAMe,eAEjDX,MAACY,cAAW,CAACC,MAAOjB,EAAMkB,UAAWC,OAAO,0BAE9Cf,EAAAQ,IAAA,MAAA,CAAKhB,UAAWC,EAAOuB,UAAUtB,SAAgB,QAAhBG,EAAED,EAAMqB,gBAAQ,IAAApB,EAAAA,EAAID,EAAMsB,SATnDtB,EAAMuB,GAWjB,IAEAhC,GAAkBG,GACjBU,EAAAA,IAACoB,EAAAA,WAAU,CACTC,KAAK,UACLnB,KAAK,SACLoB,OAAQtB,MAACuB,gBAAa,CAACrB,KAAM,KAC7BsB,QAASlC,EAAkBI,SAE1BN,EAA2BA,QAAAA,OAAAA,EAAmC,kBAAA,yBAG/D"}
+{"version":3,"file":"CommentCardReplies.js","sources":["../../../../src/components/CommentCard/CommentCardReplies.tsx"],"sourcesContent":["import { FC } from 'react';\n\nimport { Avatar } from '../../componentsV2/Avatar';\nimport { ButtonText } from '../../componentsV2/ButtonText';\nimport { DownSmallIcon } from '../../icons';\n\nimport { CommentReply } from './CommentCard.types';\nimport { CommentMenu } from './CommentMenu';\n\nimport styles from './CommentCard.scss';\n\ntype CommentCardRepliesProps = {\n  replies?: CommentReply[];\n  hasMoreReplies?: boolean;\n  moreRepliesCount?: number;\n  isReplyOpen?: boolean;\n  replyInput?: React.ReactNode;\n  onShowMoreReplies?: () => void;\n};\n\nexport const CommentCardReplies: FC<CommentCardRepliesProps> = ({\n  replies,\n  hasMoreReplies,\n  moreRepliesCount,\n  replyInput,\n  onShowMoreReplies,\n}) => (\n  <div className={styles.replies}>\n    {replyInput}\n\n    {replies?.map(reply => (\n      <div key={reply.id} className={styles.reply}>\n        <div className={styles.replyHeader}>\n          <Avatar size={32} name={reply.author.name} imageSrc={reply.author.avatarUrl} />\n          <div className={styles.replyNameRow}>\n            <span className={styles.replyName}>{reply.author.name}</span>\n            <span className={styles.replyTimestamp}>{reply.timestamp}</span>\n          </div>\n          <CommentMenu items={reply.menuItems} testId=\"comment-reply-menu\" />\n        </div>\n        <div className={styles.replyText}>{reply.editForm ?? reply.body}</div>\n      </div>\n    ))}\n\n    {hasMoreReplies && onShowMoreReplies && (\n      <ButtonText\n        type=\"primary\"\n        size=\"medium\"\n        prefix={<DownSmallIcon size={16} />}\n        onClick={onShowMoreReplies}\n      >\n        {moreRepliesCount ? `Show ${moreRepliesCount} More Comments` : 'Show More Comments'}\n      </ButtonText>\n    )}\n  </div>\n);\n"],"names":["_ref","replies","hasMoreReplies","moreRepliesCount","replyInput","onShowMoreReplies","_jsxs","className","styles","children","map","reply","_reply$editForm","jsxs","replyHeader","_jsx","Avatar","size","name","author","imageSrc","avatarUrl","replyNameRow","jsx","replyName","replyTimestamp","timestamp","CommentMenu","items","menuItems","testId","replyText","editForm","body","id","ButtonText","type","prefix","DownSmallIcon","onClick"],"mappings":"81IAoB+D,SAAHA,GAAA,IAC1DC,IAAAA,QACAC,IAAAA,eACAC,IAAAA,iBACAC,IAAAA,WACAC,IAAAA,kBAAiB,OAEjBC,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOP,QAAQQ,SAC5BL,CAAAA,EAEAH,aAAAA,EAAAA,EAASS,KAAI,SAAAC,GAAK,IAAAC,EAAA,OACjBN,EAAAA,KAAA,MAAA,CAAoBC,UAAWC,EAAOG,MAAMF,SAC1C,CAAAH,EAAAO,KAAA,MAAA,CAAKN,UAAWC,EAAOM,YAAYL,SAAA,CACjCM,MAACC,SAAM,CAACC,KAAM,GAAIC,KAAMP,EAAMQ,OAAOD,KAAME,SAAUT,EAAMQ,OAAOE,YAClEf,EAAAO,KAAA,MAAA,CAAKN,UAAWC,EAAOc,aAAab,SAClC,CAAAM,EAAAQ,IAAA,OAAA,CAAMhB,UAAWC,EAAOgB,UAAUf,SAAEE,EAAMQ,OAAOD,OACjDH,EAAAQ,IAAA,OAAA,CAAMhB,UAAWC,EAAOiB,eAAehB,SAAEE,EAAMe,eAEjDX,MAACY,cAAW,CAACC,MAAOjB,EAAMkB,UAAWC,OAAO,0BAE9Cf,EAAAQ,IAAA,MAAA,CAAKhB,UAAWC,EAAOuB,UAAUtB,SAAgB,QAAhBG,EAAED,EAAMqB,gBAAQ,IAAApB,EAAAA,EAAID,EAAMsB,SATnDtB,EAAMuB,GAWjB,IAEAhC,GAAkBG,GACjBU,EAAAA,IAACoB,EAAAA,WAAU,CACTC,KAAK,UACLnB,KAAK,SACLoB,OAAQtB,MAACuB,gBAAa,CAACrB,KAAM,KAC7BsB,QAASlC,EAAkBI,SAE1BN,EAA2BA,QAAAA,OAAAA,EAAmC,kBAAA,yBAG/D"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("moment-timezone"),o=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 c=require("../AttachmentPreview/StoredAttachmentPreview.js"),e=require("../UserMention/utils/index.js"),i=require("../../utils/mobileDetect.js"),n=require("react/jsx-runtime");function r(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var u=r(s),t=function(s){var o;return(null!==(o=s.attachments)&&void 0!==o&&o.length?s.attachments:[s.attachment]).reduce((function(s,o){var c,e=null!==(c=null==o?void 0:o.file_name)&&void 0!==c?c:null==o?void 0:o.name;return null!=o&&o.url&&e&&s.push({url:o.url,name:e,size:o.size}),s}),[])};exports.buildCommentReply=function(s,r){var l,m,a,d,j,q,I,v,p,h,C,b=r.currentUserId,F=r.onDelete,f=r.onEdit,O=Number(null===(l=s.user)||void 0===l?void 0:l.id)===Number(b)||(null!==(m=s.allowed_actions)&&void 0!==m?m:[]).includes("update"),x=Number(null===(a=s.user)||void 0===a?void 0:a.id)===Number(b)||(null!==(d=s.allowed_actions)&&void 0!==d?d:[]).includes("destroy"),A=t(s);return{id:s.id,author:{id:null===(j=s.user)||void 0===j?void 0:j.id,name:(p=s.user,"".concat(null!==(h=null==p?void 0:p.first_name)&&void 0!==h?h:""," ").concat(null!==(C=null==p?void 0:p.last_name)&&void 0!==C?C:"").trim()),avatarUrl:null===(q=s.user)||void 0===q?void 0:q.profile_photo},timestamp:u.default(s.created_at).format("MM/DD/YY H:mm"),body:n.jsxs(n.Fragment,{children:[e.formatMentionText(null!==(I=s.body)&&void 0!==I?I:"",null!==(v=s.mentioned_users)&&void 0!==v?v:[],i.isNativeDetected,void 0,void 0),!!A.length&&n.jsx(c.StoredAttachmentPreview,{attachments:A})]}),menuItems:[{label:"Edit",icon:n.jsx(o.WriteIcon,{size:16}),disabled:!O,onClick:function(){return f(s.id)}},{label:"Delete",icon:n.jsx(o.DeleteFourIcon,{size:16}),disabled:!x,onClick:function(){return F(s.id)}}]}},exports.getReplyAttachments=t;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("moment-timezone"),o=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/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.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/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.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 c=require("../AttachmentPreview/StoredAttachmentPreview.js"),e=require("../UserMention/utils/index.js"),i=require("../../utils/mobileDetect.js"),n=require("react/jsx-runtime");function r(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var u=r(s),t=function(s){var o;return(null!==(o=s.attachments)&&void 0!==o&&o.length?s.attachments:[s.attachment]).reduce((function(s,o){var c,e=null!==(c=null==o?void 0:o.file_name)&&void 0!==c?c:null==o?void 0:o.name;return null!=o&&o.url&&e&&s.push({url:o.url,name:e,size:o.size}),s}),[])};exports.buildCommentReply=function(s,r){var l,m,a,d,j,q,I,v,p,h,C,b=r.currentUserId,F=r.onDelete,f=r.onEdit,O=Number(null===(l=s.user)||void 0===l?void 0:l.id)===Number(b)||(null!==(m=s.allowed_actions)&&void 0!==m?m:[]).includes("update"),P=Number(null===(a=s.user)||void 0===a?void 0:a.id)===Number(b)||(null!==(d=s.allowed_actions)&&void 0!==d?d:[]).includes("destroy"),x=t(s);return{id:s.id,author:{id:null===(j=s.user)||void 0===j?void 0:j.id,name:(p=s.user,"".concat(null!==(h=null==p?void 0:p.first_name)&&void 0!==h?h:""," ").concat(null!==(C=null==p?void 0:p.last_name)&&void 0!==C?C:"").trim()),avatarUrl:null===(q=s.user)||void 0===q?void 0:q.profile_photo},timestamp:u.default(s.created_at).format("MM/DD/YY H:mm"),body:n.jsxs(n.Fragment,{children:[e.formatMentionText(null!==(I=s.body)&&void 0!==I?I:"",null!==(v=s.mentioned_users)&&void 0!==v?v:[],i.isNativeDetected,void 0,void 0),!!x.length&&n.jsx(c.StoredAttachmentPreview,{attachments:x})]}),menuItems:[{label:"Edit",icon:n.jsx(o.WriteIcon,{size:16}),disabled:!O,onClick:function(){return f(s.id)}},{label:"Delete",icon:n.jsx(o.DeleteFourIcon,{size:16}),disabled:!P,onClick:function(){return F(s.id)}}]}},exports.getReplyAttachments=t;
 //# sourceMappingURL=buildCommentReply.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"buildCommentReply.js","sources":["../../../../src/components/CommentCard/buildCommentReply.tsx"],"sourcesContent":["import moment from 'moment-timezone';\n\nimport { DeleteFourIcon, WriteIcon } from '../../icons';\nimport { StoredAttachmentPreview } from '../AttachmentPreview/StoredAttachmentPreview';\nimport { formatMentionText } from '../UserMention/utils';\n\nimport { CommentReply } from './CommentCard.types';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\n\nconst COMMENT_TIME_FORMAT = 'MM/DD/YY H:mm';\n\n/* eslint-disable camelcase -- mirrors the platform's snake_case activity payload. */\ntype ReplyUser = {\n  id?: string | number;\n  first_name?: string;\n  last_name?: string;\n  profile_photo?: string;\n};\n\ntype ReplyAttachment = { url?: string; name?: string; file_name?: string; size?: number };\n\nexport type ActivityReply = {\n  id: string | number;\n  body?: string;\n  user?: ReplyUser;\n  created_at?: string | number;\n  allowed_actions?: string[];\n  mentioned_users?: unknown[];\n  attachment?: ReplyAttachment | null;\n  attachments?: ReplyAttachment[] | null;\n};\n\n// Old replies only carry the singular field; the API mirrors the first file into both.\nexport const getReplyAttachments = (\n  reply: ActivityReply\n): { url: string; name: string; size?: number }[] =>\n  (reply.attachments?.length ? reply.attachments : [reply.attachment]).reduce<\n    { url: string; name: string; size?: number }[]\n  >((acc, file) => {\n    const name = file?.file_name ?? file?.name;\n    if (file?.url && name) acc.push({ url: file.url, name, size: file.size });\n    return acc;\n  }, []);\n\nconst getReplyUserName = (user?: ReplyUser): string =>\n  `${user?.first_name ?? ''} ${user?.last_name ?? ''}`.trim();\n/* eslint-enable camelcase */\n\nexport type BuildCommentReplyOptions = {\n  currentUserId?: string | number;\n  onDelete: (id: string | number) => void;\n  onEdit: (id: string | number) => void;\n};\n\nexport const buildCommentReply = (\n  reply: ActivityReply,\n  { currentUserId, onDelete, onEdit }: BuildCommentReplyOptions\n): CommentReply => {\n  const canUpdate =\n    Number(reply.user?.id) === Number(currentUserId) ||\n    (reply.allowed_actions ?? []).includes('update');\n  const canDelete =\n    Number(reply.user?.id) === Number(currentUserId) ||\n    (reply.allowed_actions ?? []).includes('destroy');\n  const attachments = getReplyAttachments(reply);\n\n  return {\n    id: reply.id,\n    author: {\n      id: reply.user?.id,\n      name: getReplyUserName(reply.user),\n      avatarUrl: reply.user?.profile_photo,\n    },\n    timestamp: moment(reply.created_at).format(COMMENT_TIME_FORMAT),\n    body: (\n      <>\n        {formatMentionText(\n          reply.body ?? '',\n          reply.mentioned_users ?? [],\n          isNativeDetected,\n          undefined,\n          undefined\n        )}\n        {!!attachments.length && <StoredAttachmentPreview attachments={attachments} />}\n      </>\n    ),\n    menuItems: [\n      {\n        label: 'Edit',\n        icon: <WriteIcon size={16} />,\n        disabled: !canUpdate,\n        onClick: () => onEdit(reply.id),\n      },\n      {\n        label: 'Delete',\n        icon: <DeleteFourIcon size={16} />,\n        disabled: !canDelete,\n        onClick: () => onDelete(reply.id),\n      },\n    ],\n  };\n};\n"],"names":["getReplyAttachments","reply","_reply$attachments","attachments","length","attachment","reduce","acc","file","_file$file_name","name","file_name","url","push","size","_ref","_reply$user","_reply$allowed_action","_reply$user2","_reply$allowed_action2","_reply$user3","_reply$user4","_reply$body","_reply$mentioned_user","user","_user$first_name","_user$last_name","currentUserId","onDelete","onEdit","canUpdate","Number","id","allowed_actions","includes","canDelete","author","concat","first_name","last_name","trim","avatarUrl","profile_photo","timestamp","moment","created_at","format","body","_jsxs","jsxs","_Fragment","children","formatMentionText","mentioned_users","isNativeDetected","undefined","_jsx","StoredAttachmentPreview","menuItems","label","icon","WriteIcon","disabled","onClick","DeleteFourIcon"],"mappings":"4rIAkCaA,EAAsB,SACjCC,GAAoB,IAAAC,EAAA,eAEnBD,EAAAA,EAAME,0BAAND,EAAmBE,OAASH,EAAME,YAAc,CAACF,EAAMI,aAAaC,QAEnE,SAACC,EAAKC,GAAS,IAAAC,EACTC,EAAsB,QAAfF,EAAAA,eAAAA,EAAMG,iBAAS,IAAAF,EAAAA,EAAID,aAAAA,EAAAA,EAAME,KAEtC,OADIF,SAAAA,EAAMI,KAAOF,GAAMH,EAAIM,KAAK,CAAED,IAAKJ,EAAKI,IAAKF,KAAAA,EAAMI,KAAMN,EAAKM,OAC3DP,CACR,GAAE,GAAG,4BAYyB,SAC/BN,EAEiBc,GAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAbOC,EAAgBC,EAAAC,EAYtCC,IAAAA,cAAeC,IAAAA,SAAUC,IAAAA,OAErBC,EACJC,OAAO,QAAA9B,EAAAA,EAAMuB,YAAN,IAAAR,OAAA,EAAAA,EAAYgB,MAAQD,OAAOJ,KACR,QAAzB1B,EAAAA,EAAMgC,uBAAmB,IAAAhB,EAAAA,EAAA,IAAIiB,SAAS,UACnCC,EACJJ,OAAO,QAAA9B,EAAAA,EAAMuB,YAAN,IAAAN,OAAA,EAAAA,EAAYc,MAAQD,OAAOJ,KACR,QAAzB1B,EAAAA,EAAMgC,uBAAmB,IAAAd,EAAAA,EAAA,IAAIe,SAAS,WACnC/B,EAAcH,EAAoBC,GAExC,MAAO,CACL+B,GAAI/B,EAAM+B,GACVI,OAAQ,CACNJ,GAAc,UAAV/B,EAAMuB,YAAI,IAAAJ,OAAA,EAAVA,EAAYY,GAChBtB,MA1BoBc,EA0BGvB,EAAMuB,KAzBjC,GAAAa,OAAmB,QAAnBZ,EAAGD,eAAAA,EAAMc,kBAAU,IAAAb,EAAAA,EAAI,GAAE,KAAAY,OAAuB,QAAvBX,EAAIF,eAAAA,EAAMe,iBAAa,IAAAb,EAAAA,EAAA,IAAKc,QA0BjDC,kBAAWxC,EAAAA,EAAMuB,yBAANH,EAAYqB,eAEzBC,UAAWC,EAAM,QAAC3C,EAAM4C,YAAYC,OAhEZ,iBAiExBC,KACEC,EAAAC,KAAAC,WAAA,CAAAC,SAAA,CACGC,EAAiBA,kBACN,QADM9B,EAChBrB,EAAM8C,YAAI,IAAAzB,EAAAA,EAAI,GACO,QADLC,EAChBtB,EAAMoD,uBAAe,IAAA9B,EAAAA,EAAI,GACzB+B,EAAgBA,sBAChBC,OACAA,KAECpD,EAAYC,QAAUoD,EAAAA,IAACC,EAAAA,wBAAuB,CAACtD,YAAaA,OAGnEuD,UAAW,CACT,CACEC,MAAO,OACPC,KAAMJ,MAACK,YAAS,CAAC/C,KAAM,KACvBgD,UAAWhC,EACXiC,QAAS,WAAA,OAAMlC,EAAO5B,EAAM+B,GAAG,GAEjC,CACE2B,MAAO,SACPC,KAAMJ,MAACQ,iBAAc,CAAClD,KAAM,KAC5BgD,UAAW3B,EACX4B,QAAS,WAAA,OAAMnC,EAAS3B,EAAM+B,GAAG,IAIzC"}
+{"version":3,"file":"buildCommentReply.js","sources":["../../../../src/components/CommentCard/buildCommentReply.tsx"],"sourcesContent":["import moment from 'moment-timezone';\n\nimport { DeleteFourIcon, WriteIcon } from '../../icons';\nimport { StoredAttachmentPreview } from '../AttachmentPreview/StoredAttachmentPreview';\nimport { formatMentionText } from '../UserMention/utils';\n\nimport { CommentReply } from './CommentCard.types';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\n\nconst COMMENT_TIME_FORMAT = 'MM/DD/YY H:mm';\n\n/* eslint-disable camelcase -- mirrors the platform's snake_case activity payload. */\ntype ReplyUser = {\n  id?: string | number;\n  first_name?: string;\n  last_name?: string;\n  profile_photo?: string;\n};\n\ntype ReplyAttachment = { url?: string; name?: string; file_name?: string; size?: number };\n\nexport type ActivityReply = {\n  id: string | number;\n  body?: string;\n  user?: ReplyUser;\n  created_at?: string | number;\n  allowed_actions?: string[];\n  mentioned_users?: unknown[];\n  attachment?: ReplyAttachment | null;\n  attachments?: ReplyAttachment[] | null;\n};\n\n// Old replies only carry the singular field; the API mirrors the first file into both.\nexport const getReplyAttachments = (\n  reply: ActivityReply\n): { url: string; name: string; size?: number }[] =>\n  (reply.attachments?.length ? reply.attachments : [reply.attachment]).reduce<\n    { url: string; name: string; size?: number }[]\n  >((acc, file) => {\n    const name = file?.file_name ?? file?.name;\n    if (file?.url && name) acc.push({ url: file.url, name, size: file.size });\n    return acc;\n  }, []);\n\nconst getReplyUserName = (user?: ReplyUser): string =>\n  `${user?.first_name ?? ''} ${user?.last_name ?? ''}`.trim();\n/* eslint-enable camelcase */\n\nexport type BuildCommentReplyOptions = {\n  currentUserId?: string | number;\n  onDelete: (id: string | number) => void;\n  onEdit: (id: string | number) => void;\n};\n\nexport const buildCommentReply = (\n  reply: ActivityReply,\n  { currentUserId, onDelete, onEdit }: BuildCommentReplyOptions\n): CommentReply => {\n  const canUpdate =\n    Number(reply.user?.id) === Number(currentUserId) ||\n    (reply.allowed_actions ?? []).includes('update');\n  const canDelete =\n    Number(reply.user?.id) === Number(currentUserId) ||\n    (reply.allowed_actions ?? []).includes('destroy');\n  const attachments = getReplyAttachments(reply);\n\n  return {\n    id: reply.id,\n    author: {\n      id: reply.user?.id,\n      name: getReplyUserName(reply.user),\n      avatarUrl: reply.user?.profile_photo,\n    },\n    timestamp: moment(reply.created_at).format(COMMENT_TIME_FORMAT),\n    body: (\n      <>\n        {formatMentionText(\n          reply.body ?? '',\n          reply.mentioned_users ?? [],\n          isNativeDetected,\n          undefined,\n          undefined\n        )}\n        {!!attachments.length && <StoredAttachmentPreview attachments={attachments} />}\n      </>\n    ),\n    menuItems: [\n      {\n        label: 'Edit',\n        icon: <WriteIcon size={16} />,\n        disabled: !canUpdate,\n        onClick: () => onEdit(reply.id),\n      },\n      {\n        label: 'Delete',\n        icon: <DeleteFourIcon size={16} />,\n        disabled: !canDelete,\n        onClick: () => onDelete(reply.id),\n      },\n    ],\n  };\n};\n"],"names":["getReplyAttachments","reply","_reply$attachments","attachments","length","attachment","reduce","acc","file","_file$file_name","name","file_name","url","push","size","_ref","_reply$user","_reply$allowed_action","_reply$user2","_reply$allowed_action2","_reply$user3","_reply$user4","_reply$body","_reply$mentioned_user","user","_user$first_name","_user$last_name","currentUserId","onDelete","onEdit","canUpdate","Number","id","allowed_actions","includes","canDelete","author","concat","first_name","last_name","trim","avatarUrl","profile_photo","timestamp","moment","created_at","format","body","_jsxs","jsxs","_Fragment","children","formatMentionText","mentioned_users","isNativeDetected","undefined","_jsx","StoredAttachmentPreview","menuItems","label","icon","WriteIcon","disabled","onClick","DeleteFourIcon"],"mappings":"y5IAkCaA,EAAsB,SACjCC,GAAoB,IAAAC,EAAA,eAEnBD,EAAAA,EAAME,0BAAND,EAAmBE,OAASH,EAAME,YAAc,CAACF,EAAMI,aAAaC,QAEnE,SAACC,EAAKC,GAAS,IAAAC,EACTC,EAAsB,QAAfF,EAAAA,eAAAA,EAAMG,iBAAS,IAAAF,EAAAA,EAAID,aAAAA,EAAAA,EAAME,KAEtC,OADIF,SAAAA,EAAMI,KAAOF,GAAMH,EAAIM,KAAK,CAAED,IAAKJ,EAAKI,IAAKF,KAAAA,EAAMI,KAAMN,EAAKM,OAC3DP,CACR,GAAE,GAAG,4BAYyB,SAC/BN,EAEiBc,GAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAbOC,EAAgBC,EAAAC,EAYtCC,IAAAA,cAAeC,IAAAA,SAAUC,IAAAA,OAErBC,EACJC,OAAO,QAAA9B,EAAAA,EAAMuB,YAAN,IAAAR,OAAA,EAAAA,EAAYgB,MAAQD,OAAOJ,KACR,QAAzB1B,EAAAA,EAAMgC,uBAAmB,IAAAhB,EAAAA,EAAA,IAAIiB,SAAS,UACnCC,EACJJ,OAAO,QAAA9B,EAAAA,EAAMuB,YAAN,IAAAN,OAAA,EAAAA,EAAYc,MAAQD,OAAOJ,KACR,QAAzB1B,EAAAA,EAAMgC,uBAAmB,IAAAd,EAAAA,EAAA,IAAIe,SAAS,WACnC/B,EAAcH,EAAoBC,GAExC,MAAO,CACL+B,GAAI/B,EAAM+B,GACVI,OAAQ,CACNJ,GAAc,UAAV/B,EAAMuB,YAAI,IAAAJ,OAAA,EAAVA,EAAYY,GAChBtB,MA1BoBc,EA0BGvB,EAAMuB,KAzBjC,GAAAa,OAAmB,QAAnBZ,EAAGD,eAAAA,EAAMc,kBAAU,IAAAb,EAAAA,EAAI,GAAE,KAAAY,OAAuB,QAAvBX,EAAIF,eAAAA,EAAMe,iBAAa,IAAAb,EAAAA,EAAA,IAAKc,QA0BjDC,kBAAWxC,EAAAA,EAAMuB,yBAANH,EAAYqB,eAEzBC,UAAWC,EAAM,QAAC3C,EAAM4C,YAAYC,OAhEZ,iBAiExBC,KACEC,EAAAC,KAAAC,WAAA,CAAAC,SAAA,CACGC,EAAiBA,kBACN,QADM9B,EAChBrB,EAAM8C,YAAI,IAAAzB,EAAAA,EAAI,GACO,QADLC,EAChBtB,EAAMoD,uBAAe,IAAA9B,EAAAA,EAAI,GACzB+B,EAAgBA,sBAChBC,OACAA,KAECpD,EAAYC,QAAUoD,EAAAA,IAACC,EAAAA,wBAAuB,CAACtD,YAAaA,OAGnEuD,UAAW,CACT,CACEC,MAAO,OACPC,KAAMJ,MAACK,YAAS,CAAC/C,KAAM,KACvBgD,UAAWhC,EACXiC,QAAS,WAAA,OAAMlC,EAAO5B,EAAM+B,GAAG,GAEjC,CACE2B,MAAO,SACPC,KAAMJ,MAACQ,iBAAc,CAAClD,KAAM,KAC5BgD,UAAW3B,EACX4B,QAAS,WAAA,OAAMnC,EAAS3B,EAAM+B,GAAG,IAIzC"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/slicedToArray"),o=require("react"),e=require("@material-ui/icons/ArrowDropDown"),c=require("@material-ui/icons/Search"),n=require("../../componentsV2/Avatar/Avatar.js"),i=require("../../componentsV2/Chip/Chip.js"),r=require("../../componentsV2/Popover/Popover.js"),u=require("../../componentsV2/TextInputNext/TextInputNext.js"),t=require("../../componentsV2/Tooltip/Tooltip.js"),a=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 l=require("./ChatChannelSelector.scss.js"),m=require("react/jsx-runtime");function j(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var q=j(s),d=j(e),I=j(c);exports.ChatChannelSelector=function(s){var e,c,j=s.channels,p=s.value,h=s.onChange,C=s.disabled,v=s.placeholder,x=void 0===v?"Select chat":v,f=s.testId,b=o.useRef(null),N=o.useState(!1),F=q.default(N,2),g=F[0],A=F[1],O=o.useState(""),P=q.default(O,2),S=P[0],y=P[1],T=o.useMemo((function(){return function(s,o){var e=o.trim().toLowerCase();return e?s.filter((function(s){var o;return s.name.toLowerCase().includes(e)||(null!==(o=s.subtitle)&&void 0!==o?o:"").toLowerCase().includes(e)})):s.filter((function(s){return!s.isVirtual}))}(j,S)}),[j,S]);return m.jsxs(m.Fragment,{children:[m.jsx("div",{ref:b,className:l.trigger,"data-testid":f,children:m.jsx(t.Tooltip,{title:null!==(e=null==p?void 0:p.name)&&void 0!==e?e:"",children:m.jsx(i.Chip,{size:"small",shape:"square",onClick:function(){C||(y(""),A(!0))},children:m.jsxs("span",{className:l.triggerInner,children:[m.jsx("span",{className:l.triggerLabel,children:null!==(c=null==p?void 0:p.name)&&void 0!==c?c:x}),m.jsx(d.default,{className:l.caret})]})})})}),m.jsxs(r.Popover,{open:g,type:"menu",placement:"top-start",anchorEl:b.current,onClose:function(){return A(!1)},className:l.paper,children:[m.jsx("div",{className:l.search,children:m.jsx(u.TextInputNext,{autoFocus:!0,inputType:"search",placeholder:"Add by name or channel",prefix:m.jsx(I.default,{className:l.searchIcon}),value:S,onChange:y})}),m.jsxs("div",{className:l.list,children:[!T.length&&m.jsx("div",{className:l.empty,children:"No results found"}),T.map((function(s){return m.jsxs("button",{type:"button",className:l.option,onClick:function(){return function(s){h(s),A(!1)}(s)},children:["d"===s.type?m.jsx(n.Avatar,{size:24,name:s.name,imageSrc:s.avatarUrl}):m.jsx("span",{className:l.channelIcon,children:m.jsx(a.FolderClosedIcon,{size:24})}),m.jsxs("div",{className:l.optionText,children:[m.jsx("span",{className:l.optionName,children:s.name}),s.subtitle&&m.jsx("span",{className:l.optionSubtitle,children:s.subtitle})]})]},s.rid)}))]})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("react"),o=require("../../componentsV2/Autocomplete/Autocomplete.js"),c=require("../../componentsV2/Avatar/Avatar.js"),e=require("../../componentsV2/Text/Text.js"),n=require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.js");require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js");var 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/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.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/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.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 r=require("./ChatChannelSelector.scss.js"),u=require("react/jsx-runtime"),t=function(s){return{id:s.rid,title:s.name,prefix:u.jsx("span",{className:r.optionPrefix,children:"d"===s.type?u.jsx(c.Avatar,{size:24,name:s.name,imageSrc:s.avatarUrl}):u.jsx(i.FolderClosedIcon,{size:24})}),channel:s}},a=function(s,o){var c=o.trim().toLowerCase();return c?s.filter((function(s){var o,e=s.channel;return e.name.toLowerCase().includes(c)||(null!==(o=e.subtitle)&&void 0!==o?o:"").toLowerCase().includes(c)})):s.filter((function(s){return!s.channel.isVirtual}))},l=function(s){var o=s.channel;return u.jsxs("span",{className:r.optionText,children:[u.jsx(n.TextMiddleTruncated,{children:o.name}),o.subtitle&&u.jsx(e.Text,{size:12,color:"T7",children:o.subtitle})]})};exports.ChatChannelSelector=function(c){var e=c.channels,n=c.value,i=c.onChange,m=c.disabled,j=c.placeholder,q=void 0===j?"Select chat":j,d=c.testId,I=s.useMemo((function(){return e.map(t)}),[e]),p=s.useMemo((function(){var s;return n?null!==(s=I.find((function(s){return s.id===n.rid})))&&void 0!==s?s:t(n):void 0}),[I,n]),C=s.useCallback((function(s){s&&i(s.channel)}),[i]);return u.jsx(o.AutocompleteNext,{className:r.root,options:I,value:p,onChange:C,disabled:m,placeholder:q,optionSize:"medium",renderOption:l,filterOptions:a,noOptionsMessage:"No results found",clearable:!1,testId:d})};
 //# sourceMappingURL=ChatChannelSelector.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChatChannelSelector.js","sources":["../../../../src/components/CommentComposer/ChatChannelSelector.tsx"],"sourcesContent":["import { useMemo, useRef, useState } from 'react';\nimport ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';\nimport SearchIcon from '@material-ui/icons/Search';\n\nimport { Avatar } from '../../componentsV2/Avatar';\nimport { Chip } from '../../componentsV2/Chip';\nimport { Popover } from '../../componentsV2/Popover';\nimport { TextInputNext } from '../../componentsV2/TextInputNext';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { FolderClosedIcon } from '../../icons';\n\nimport styles from './ChatChannelSelector.scss';\n\nexport type ChatChannel = {\n  rid: string;\n  name: string;\n  subtitle?: string;\n  avatarUrl?: string;\n  type?: string;\n  isVirtual?: boolean;\n};\n\nexport type ChatChannelSelectorProps = {\n  channels: ChatChannel[];\n  value: ChatChannel | null;\n  onChange: (channel: ChatChannel) => void;\n  disabled?: boolean;\n  placeholder?: string;\n  testId?: string;\n};\n\n// Virtual channels are not-yet-created DMs, so hide them until the user searches.\nconst filterChannels = (channels: ChatChannel[], query: string): ChatChannel[] => {\n  const q = query.trim().toLowerCase();\n  if (!q) return channels.filter(channel => !channel.isVirtual);\n\n  return channels.filter(\n    channel =>\n      channel.name.toLowerCase().includes(q) || (channel.subtitle ?? '').toLowerCase().includes(q)\n  );\n};\n\nexport const ChatChannelSelector = ({\n  channels,\n  value,\n  onChange,\n  disabled,\n  placeholder = 'Select chat',\n  testId,\n}: ChatChannelSelectorProps) => {\n  const anchorRef = useRef<HTMLDivElement>(null);\n  const [open, setOpen] = useState(false);\n  const [query, setQuery] = useState('');\n\n  const options = useMemo(() => filterChannels(channels, query), [channels, query]);\n\n  const handleOpen = () => {\n    if (disabled) return;\n    setQuery('');\n    setOpen(true);\n  };\n\n  const handleSelect = (channel: ChatChannel) => {\n    onChange(channel);\n    setOpen(false);\n  };\n\n  return (\n    <>\n      <div ref={anchorRef} className={styles.trigger} data-testid={testId}>\n        <Tooltip title={value?.name ?? ''}>\n          <Chip size=\"small\" shape=\"square\" onClick={handleOpen}>\n            <span className={styles.triggerInner}>\n              <span className={styles.triggerLabel}>{value?.name ?? placeholder}</span>\n              <ArrowDropDownIcon className={styles.caret} />\n            </span>\n          </Chip>\n        </Tooltip>\n      </div>\n\n      <Popover\n        open={open}\n        type=\"menu\"\n        placement=\"top-start\"\n        anchorEl={anchorRef.current}\n        onClose={() => setOpen(false)}\n        className={styles.paper}\n      >\n        <div className={styles.search}>\n          <TextInputNext\n            autoFocus\n            inputType=\"search\"\n            placeholder=\"Add by name or channel\"\n            prefix={<SearchIcon className={styles.searchIcon} />}\n            value={query}\n            onChange={setQuery}\n          />\n        </div>\n\n        <div className={styles.list}>\n          {!options.length && <div className={styles.empty}>No results found</div>}\n          {options.map(channel => (\n            <button\n              key={channel.rid}\n              type=\"button\"\n              className={styles.option}\n              onClick={() => handleSelect(channel)}\n            >\n              {channel.type === 'd' ? (\n                <Avatar size={24} name={channel.name} imageSrc={channel.avatarUrl} />\n              ) : (\n                <span className={styles.channelIcon}>\n                  <FolderClosedIcon size={24} />\n                </span>\n              )}\n              <div className={styles.optionText}>\n                <span className={styles.optionName}>{channel.name}</span>\n                {channel.subtitle && (\n                  <span className={styles.optionSubtitle}>{channel.subtitle}</span>\n                )}\n              </div>\n            </button>\n          ))}\n        </div>\n      </Popover>\n    </>\n  );\n};\n"],"names":["_ref","_value$name","_value$name2","channels","value","onChange","disabled","_ref$placeholder","placeholder","testId","anchorRef","useRef","useState","_useState2","_slicedToArray","_useState","open","setOpen","_useState4","_useState3","query","setQuery","options","useMemo","q","trim","toLowerCase","filter","channel","_channel$subtitle","name","includes","subtitle","isVirtual","filterChannels","_jsxs","_Fragment","children","_jsx","jsx","ref","className","styles","trigger","Tooltip","title","Chip","size","shape","onClick","jsxs","triggerInner","triggerLabel","ArrowDropDownIcon","caret","Popover","type","placement","anchorEl","current","onClose","paper","search","TextInputNext","autoFocus","inputType","prefix","SearchIcon","searchIcon","list","length","empty","map","option","handleSelect","Avatar","imageSrc","avatarUrl","channelIcon","FolderClosedIcon","optionText","optionName","optionSubtitle","rid"],"mappings":"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"}
+{"version":3,"file":"ChatChannelSelector.js","sources":["../../../../src/components/CommentComposer/ChatChannelSelector.tsx"],"sourcesContent":["import { ReactNode, useCallback, useMemo } from 'react';\n\nimport { AutocompleteChangeHandler, AutocompleteNext } from '../../componentsV2/Autocomplete';\nimport { Avatar } from '../../componentsV2/Avatar';\nimport { Text } from '../../componentsV2/Text';\nimport { TextMiddleTruncated } from '../../componentsV2/TextMiddleTruncated';\nimport { FolderClosedIcon } from '../../icons';\n\nimport styles from './ChatChannelSelector.scss';\n\nexport type ChatChannel = {\n  rid: string;\n  name: string;\n  subtitle?: string;\n  avatarUrl?: string;\n  type?: string;\n  isVirtual?: boolean;\n};\n\nexport type ChatChannelSelectorProps = {\n  channels: ChatChannel[];\n  value: ChatChannel | null;\n  onChange: (channel: ChatChannel) => void;\n  disabled?: boolean;\n  placeholder?: string;\n  testId?: string;\n};\n\ntype ChannelOption = {\n  id: string;\n  title: string;\n  prefix: ReactNode;\n  channel: ChatChannel;\n};\n\nconst toOption = (channel: ChatChannel): ChannelOption => ({\n  id: channel.rid,\n  title: channel.name,\n  // The span keeps AutocompleteMenuItem's icon auto-sizing from shrinking the 24px visuals\n  prefix: (\n    <span className={styles.optionPrefix}>\n      {channel.type === 'd' ? (\n        <Avatar size={24} name={channel.name} imageSrc={channel.avatarUrl} />\n      ) : (\n        <FolderClosedIcon size={24} />\n      )}\n    </span>\n  ),\n  channel,\n});\n\n// Virtual channels are not-yet-created DMs, so hide them until the user searches.\nconst filterOptions = (options: ChannelOption[], inputValue: string): ChannelOption[] => {\n  const q = inputValue.trim().toLowerCase();\n  if (!q) return options.filter(({ channel }) => !channel.isVirtual);\n\n  return options.filter(\n    ({ channel }) =>\n      channel.name.toLowerCase().includes(q) || (channel.subtitle ?? '').toLowerCase().includes(q)\n  );\n};\n\nconst renderOption = ({ channel }: ChannelOption) => (\n  <span className={styles.optionText}>\n    <TextMiddleTruncated>{channel.name}</TextMiddleTruncated>\n    {channel.subtitle && (\n      <Text size={12} color=\"T7\">\n        {channel.subtitle}\n      </Text>\n    )}\n  </span>\n);\n\nexport const ChatChannelSelector = ({\n  channels,\n  value,\n  onChange,\n  disabled,\n  placeholder = 'Select chat',\n  testId,\n}: ChatChannelSelectorProps) => {\n  const options = useMemo(() => channels.map(toOption), [channels]);\n\n  // Keep the value reference stable across renders: a fresh object would make MUI treat\n  // every parent re-render as a selection change and reset the in-progress search input\n  const selectedOption = useMemo(\n    () => (value ? options.find(option => option.id === value.rid) ?? toOption(value) : undefined),\n    [options, value]\n  );\n\n  const handleChange = useCallback<AutocompleteChangeHandler<ChannelOption>>(\n    option => {\n      if (option) {\n        onChange(option.channel);\n      }\n    },\n    [onChange]\n  );\n\n  return (\n    <AutocompleteNext\n      className={styles.root}\n      options={options}\n      value={selectedOption}\n      onChange={handleChange}\n      disabled={disabled}\n      placeholder={placeholder}\n      optionSize=\"medium\"\n      renderOption={renderOption}\n      filterOptions={filterOptions}\n      noOptionsMessage=\"No results found\"\n      clearable={false}\n      testId={testId}\n    />\n  );\n};\n"],"names":["toOption","channel","id","rid","title","name","prefix","_jsx","jsx","className","styles","optionPrefix","children","type","Avatar","size","imageSrc","avatarUrl","FolderClosedIcon","filterOptions","options","inputValue","q","trim","toLowerCase","filter","_ref2","_channel$subtitle","includes","subtitle","_ref","isVirtual","renderOption","_ref3","_jsxs","optionText","TextMiddleTruncated","Text","color","_ref4","channels","value","onChange","disabled","_ref4$placeholder","placeholder","testId","useMemo","map","selectedOption","_options$find","find","option","undefined","handleChange","useCallback","AutocompleteNext","root","optionSize","noOptionsMessage","clearable"],"mappings":"mhJAmCMA,EAAW,SAACC,GAAoB,MAAqB,CACzDC,GAAID,EAAQE,IACZC,MAAOH,EAAQI,KAEfC,OACEC,EAAAC,IAAA,OAAA,CAAMC,UAAWC,EAAOC,aAAaC,SACjB,MAAjBX,EAAQY,KACPN,EAAAA,IAACO,EAAAA,OAAM,CAACC,KAAM,GAAIV,KAAMJ,EAAQI,KAAMW,SAAUf,EAAQgB,YAExDV,MAACW,mBAAgB,CAACH,KAAM,OAI9Bd,QAAAA,EACD,EAGKkB,EAAgB,SAACC,EAA0BC,GAC/C,IAAMC,EAAID,EAAWE,OAAOC,cAC5B,OAAKF,EAEEF,EAAQK,QACb,SAAAC,GAAA,IAAAC,EAAG1B,IAAAA,QAAO,OACRA,EAAQI,KAAKmB,cAAcI,SAASN,KAAuB,UAAhBrB,EAAQ4B,gBAAQ,IAAAF,EAAAA,EAAI,IAAIH,cAAcI,SAASN,MAJ/EF,EAAQK,QAAO,SAAAK,GAAU,SAAP7B,QAAuB8B,YAM1D,EAEMC,EAAe,SAAHC,GAAA,IAAMhC,IAAAA,QAAO,OAC7BiC,EAAAA,KAAA,OAAA,CAAMzB,UAAWC,EAAOyB,WAAWvB,SAAA,CACjCL,MAAC6B,sBAAmB,CAAAxB,SAAEX,EAAQI,OAC7BJ,EAAQ4B,UACPtB,EAAAA,IAAC8B,EAAAA,KAAI,CAACtB,KAAM,GAAIuB,MAAM,KAAI1B,SACvBX,EAAQ4B,aAGR,8BAG0B,SAOHU,GAAA,IAN9BC,IAAAA,SACAC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,SAAQC,EAAAL,EACRM,YAAAA,aAAc,cAAaD,EAC3BE,IAAAA,OAEM1B,EAAU2B,EAAAA,SAAQ,WAAA,OAAMP,EAASQ,IAAIhD,KAAW,CAACwC,IAIjDS,EAAiBF,EAAAA,SACrB,WAAA,IAAAG,EAAA,OAAOT,UAAQrB,EAAAA,EAAQ+B,MAAK,SAAAC,GAAM,OAAIA,EAAOlD,KAAOuC,EAAMtC,GAAG,mBAAKH,EAASyC,QAASY,CAAS,GAC7F,CAACjC,EAASqB,IAGNa,EAAeC,eACnB,SAAAH,GACMA,GACFV,EAASU,EAAOnD,QAEpB,GACA,CAACyC,IAGH,OACEnC,EAAAA,IAACiD,EAAAA,iBAAgB,CACf/C,UAAWC,EAAO+C,KAClBrC,QAASA,EACTqB,MAAOQ,EACPP,SAAUY,EACVX,SAAUA,EACVE,YAAaA,EACba,WAAW,SACX1B,aAAcA,EACdb,cAAeA,EACfwC,iBAAiB,mBACjBC,WAAW,EACXd,OAAQA,GAGd"}

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

@@ -1,2 +1,2 @@
-"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".ChatChannelSelector_trigger__mvD81{display:inline-flex;min-width:0}.ChatChannelSelector_triggerInner__9NYA4{align-items:center;display:inline-flex;gap:2px;min-width:0}.ChatChannelSelector_triggerLabel__g8LjR{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ChatChannelSelector_caret__uHHpD{color:var(--palette-primary-text-6);flex-shrink:0;font-size:16px}.ChatChannelSelector_paper__l6hx2{display:flex;flex-direction:column;max-height:320px;width:280px}.ChatChannelSelector_search__FEYtN{border-bottom:1px solid var(--palette-background-b-4);padding:8px}.ChatChannelSelector_searchIcon__jGuuJ{color:var(--palette-primary-text-7);font-size:18px}.ChatChannelSelector_list__p2OJ0{overflow-y:auto;padding:4px}.ChatChannelSelector_empty__EHSF-{color:var(--palette-primary-text-7);font-size:12px;padding:12px;text-align:center}.ChatChannelSelector_option__DwWc9{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--palette-primary-text-1);cursor:pointer;display:flex;gap:8px;padding:6px 8px;text-align:left;width:100%}.ChatChannelSelector_option__DwWc9:hover{background:rgb(from var(--palette-primary-text-1) r g b/.08)}.ChatChannelSelector_channelIcon__5S8PJ{align-items:center;color:var(--palette-primary-text-6);display:inline-flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.ChatChannelSelector_optionText__ZZQ7Z{display:flex;flex-direction:column;min-width:0}.ChatChannelSelector_optionName__W0EMf{font-size:16px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ChatChannelSelector_optionSubtitle__YL-PS{color:var(--palette-primary-text-7);font-size:12px;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"),module.exports={spacing:"8",trigger:"ChatChannelSelector_trigger__mvD81",triggerInner:"ChatChannelSelector_triggerInner__9NYA4",triggerLabel:"ChatChannelSelector_triggerLabel__g8LjR",caret:"ChatChannelSelector_caret__uHHpD",paper:"ChatChannelSelector_paper__l6hx2",search:"ChatChannelSelector_search__FEYtN",searchIcon:"ChatChannelSelector_searchIcon__jGuuJ",list:"ChatChannelSelector_list__p2OJ0",empty:"ChatChannelSelector_empty__EHSF-",option:"ChatChannelSelector_option__DwWc9",channelIcon:"ChatChannelSelector_channelIcon__5S8PJ",optionText:"ChatChannelSelector_optionText__ZZQ7Z",optionName:"ChatChannelSelector_optionName__W0EMf",optionSubtitle:"ChatChannelSelector_optionSubtitle__YL-PS"};
+"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".ChatChannelSelector_root__olCVl{flex:1;min-width:0}.ChatChannelSelector_optionPrefix__rEJEV{align-items:center;display:inline-flex;flex-shrink:0}.ChatChannelSelector_optionText__ZZQ7Z{display:flex;flex-direction:column;min-width:0}"),module.exports={root:"ChatChannelSelector_root__olCVl",optionPrefix:"ChatChannelSelector_optionPrefix__rEJEV",optionText:"ChatChannelSelector_optionText__ZZQ7Z"};
 //# sourceMappingURL=ChatChannelSelector.scss.js.map

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,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))]})})};
+"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/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.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/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.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),C=g(n);function v(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?v(Object(o),!0).forEach((function(s){f.default(e,s,o[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):v(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}var F={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)"}}}},x=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,v=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,R=e.maxAttachmentSizeBytes,w=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:R,maxFiles:W?P:1}),Z=f&&!X.isUploading,$=s.useRef(null);return b.jsx(a.CommentInput,{value:n,canSubmit:Z,disabled:w,onSubmit:g,trailing:G,embedded:_,className:H,testId:K,field:b.jsx(o.Input,{inputComponent:j,inputProps:{onChange:t,currentUser:v,allowEmptyQuery:!0,suggestionsPortalHost:document.querySelector("body"),withLightTheme:!1,mentionProps:{renderSuggestion:x},highlightLinks:!0,style:F},value:n,placeholder:B,inputRef:$,className:h.mentionField,onKeyDown:function(e){"Enter"!==e.key||e.shiftKey||Z&&!w&&(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(C.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            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":"gxKA4EA,IAGMA,EAAsB,CAC1BC,SAAU,GACVC,WAAY,OACZC,YAAa,CACXC,gBAP2B,gCAQ3BC,KAAM,CAAED,gBARmB,iCAS3BE,KAAM,CACJC,MAAO,gCACP,WAAY,CAAEH,gBAAiB,2DAK/BI,EAAmB,SAACC,GAA0C,OAClEC,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOC,WAAWC,SAAA,CAChCC,MAACC,kBAAM,CAACC,KAAM,GAAIC,IAAKT,EAAMU,QAASC,OAAQX,EAAMY,MAAOC,YAAab,EAAMU,UAC9EJ,EAAAQ,IAAA,OAAA,CAAAT,SAAOL,EAAMU,YACT,0BAGuB,SAwBHK,GAAA,IAvB1BC,IAAAA,KACAC,IAAAA,aACAC,IAAAA,SACAC,IAAAA,UACAC,IAAAA,YACAC,IAAAA,YACAC,IAAAA,oBAAmBC,EAAAR,EACnBS,eAAAA,aAAiBC,EAAuBA,wBAAAF,EACxCG,IAAAA,WACAC,IAAAA,mBACAC,IAAAA,gBACAC,IAAAA,kBACAC,IAAAA,uBACAC,IAAAA,SACAC,IAAAA,UAASC,EAAAlB,EACTmB,YAAAA,aAAc,mBAAkBD,EAChCE,IAAAA,SACAC,IAAAA,iBACAC,IAAAA,YACAC,IAAAA,SACAC,IAAAA,SACArC,IAAAA,UACAsC,IAAAA,OAGMC,IAAYnB,EACZoB,EAAQC,EAAAA,SACZ,WAAA,OAAOF,EAAUpB,QAAAA,EAAe,GAAM,CAACK,GAAYkB,OAAOC,QAAkC,GAC5F,CAACJ,EAASpB,EAAaK,IAGnBoB,EAA0BC,eAC9B,SAACC,GAA+B,IAAAC,EAC1B3B,EAAqBA,EAAoB0B,GACxCrB,SAAAA,EAA4B,UAAPqB,EAAK,UAAE,IAAAC,EAAAA,EAAI,KACvC,GACA,CAAC3B,EAAqBK,IAGlBuB,EAASC,EAAAA,oBAAoB,CACjCT,MAAAA,EACAU,SAAUN,EACVO,QAASxB,EACTyB,aAAcxB,EACdyB,SAAUd,EAAUjB,EAAiB,IAIjCgC,EAAUrC,IAAc+B,EAAOO,YAE/BC,EAAWC,SAAmC,MA4BpD,OACErD,EAAAA,IAACsD,EAAAA,aAAY,CACXlB,MAAO1B,EACPG,UAAWqC,EACXzB,SAAUA,EACVb,SAAUA,EACVoB,SAAUA,EACVC,SAAUA,EACVrC,UAAWA,EACXsC,OAAQA,EACRqB,MACEvD,MAACwD,QAAK,CACJC,eAAgBC,EAChBC,WAAY,CAEVb,SAAUnC,EACVG,YAAAA,EACA8C,iBAAiB,EACjBC,sBAAuBC,SAASC,cAAc,QAC9CC,gBAAgB,EAChBC,aAAc,CAAExE,iBAAAA,GAChByE,gBAAgB,EAChBC,MAAOlF,GAETmD,MAAO1B,EACPkB,YAAaA,EACbwC,SAAUhB,EACVxD,UAAWC,EAAOwE,aAClBC,UArCe,SAACC,GACJ,UAAdA,EAAMC,KAAmBD,EAAME,UAC9BvB,IAAWzB,IACZiD,EAAAA,4BAEJH,EAAMI,iBACN/D,OAgCMgE,kBAAgB,EAChBC,KAAM,EACNC,WAAS,EACTC,WAAS,EACTrD,UAAWA,IAGfX,YAAa6B,EAAOoC,MACpBC,mBAAoBrC,EAAOsC,iBAC3BC,kBAAmBvC,EAAOwC,YAC1BC,oBAAqBlD,EAAUS,EAAO0C,wBAAqBC,EAC3DC,YAAa5C,EAAO6C,SACpBC,iBAAkB9C,EAAO+C,eACzBC,UAA+B,IAApBhD,EAAOK,SAAiB,mBAAqB,kBACxD4C,eACEvE,EAAkBtB,EAAAQ,IAACsF,EAAmB,CAACC,aAAczE,SAAsBiE,EAE7ES,QACErG,EAAAsG,KAAAC,WAAA,CAAAnG,SAAA,CACEC,MAACmG,mBAAgB,CACf/B,SAAUxB,EAAOwD,aACjBC,QAASzD,EAAO0D,eAChBC,aAAc3D,EAAO4D,iBACrBC,SAAUtE,EACVV,SAAUmB,EAAO8D,OACjBC,QACE/D,EAAO8D,OACM9D,SAAAA,OAAAA,EAAOK,SAAQ,KAAA2D,OACF,IAApBhE,EAAOK,SAAiB,OAAS,QAEnC,oBAAA,gBAGRjD,MAAC6G,UAAO,CAACC,MAAM,kBAAiB/G,SAC9BC,MAAC+G,aAAU,CAAC7G,KAAK,KAAK8G,KAAK,WAAWX,QAxFzB,WAAM,IAAAY,EACrB1D,EAAQH,EAAS8D,QACvB,GAAK3D,EAAL,CAEAA,EAAM4D,QAEN,IAAMC,IAAe7D,EAAMnB,QAAU,MAAMiF,KAAK9D,EAAMnB,OAChDkF,EAAe/D,GAAAA,OAAAA,EAAMnB,OAAQgF,OAAAA,EAAa,KAAO,KACjDG,EAAiF,QAAtEC,EAAAA,OAAOC,yBAAyBD,OAAOE,eAAenE,GAAQ,gBAAQ,IAAA0D,OAAA,EAAtEA,EAAwEU,IAEzFJ,SAAAA,EAAUK,KAAKrE,EAAO+D,GACtB/D,EAAMsE,kBAAkBP,EAAUQ,OAAQR,EAAUQ,QACpDvE,EAAMwE,cAAc,IAAIC,MAAM,QAAS,CAAEC,SAAS,KAClD1E,EAAMwE,cAAc,IAAIC,MAAM,QAAS,CAAEC,SAAS,IAXtC,GAsF0DlI,SAC5DC,MAACkI,UAAkB,CAAChJ,SAAS,gBAGjCc,EAAAQ,IAAA,OAAA,CAAMZ,UAAWC,EAAOsI,SAASpI,SAC/BC,MAACoI,EAAe,CACdC,KAAMrI,MAACsI,kBAAe,CAACpI,KAAM,KAC7BqI,kBAAmB,SAACC,GAAyB,OAC3C7H,EAAgBD,GAAAA,OAAAA,UAAO8H,EAAMC,QAAS,SAMhDC,UACK7G,UAAAA,EAAUiG,WAAY/F,IACvBpC,EAAAA,KAAAuG,EAAAA,SAAA,CAAAnG,SAAA,CACEC,MAAC2I,kBAAe,CAAC9D,KAAMhD,QAAAA,EAAY,GAAI+G,WAAY9G,IAClDC,GAAe/B,MAAC6I,EAAAA,eAAcC,EAAA,CAAA,EAAK/G,QAMhD"}
+{"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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"}