@corva/ui 3.75.0-2 → 3.75.0-21

package/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","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","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","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","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/components/CommentCard/CommentCardReactions.js

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

package/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":["CommentCardReactions","_ref","info","_ref$commentsCount","commentsCount","_ref$likesCount","likesCount","isLiked","menuItems","onLike","onReplyToggle","onForward","_jsxs","className","styles","actionsRow","children","actions","action","_jsx","ButtonIcon","size","type","onClick","testId","MessageIcon","count","classNames","liked","ThumbsUpIcon","Tooltip","title","ShareTwoIcon","trailingActions","CommentMenu","items"],"mappings":"y9HAuBaA,IAAAA,EAAsD,SAS7DC,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,EAAA,MAAA,CAAKC,UAAWC,EAAOC,WAAWC,SAChC,CAAAJ,EAAA,MAAA,CAAKC,UAAWC,EAAOG,QAAQD,SAAA,CAC5BN,GACCE,EAAA,MAAA,CAAKC,UAAWC,EAAOI,OAAOF,SAAA,CAC5BG,EAACC,EAAU,CACTC,KAAK,KACLC,KAAK,WACLC,QAASb,EACTc,OAAO,qBAAoBR,SAE3BG,EAACM,EAAW,CAACJ,KAAM,OAEpBjB,EAAgB,GAAKe,EAAA,OAAA,CAAMN,UAAWC,EAAOY,MAAMV,SAAEZ,OAIzDK,GACCG,EAAA,MAAA,CAAKC,UAAWC,EAAOI,OAAOF,SAAA,CAC5BG,EAACC,EAAU,CACTC,KAAK,KACLC,KAAK,WACLC,QAASd,EACTI,UAAWc,EAAWpB,GAAWO,EAAOc,OACxCJ,OAAO,oBAAmBR,SAE1BG,EAACU,EAAY,CAACR,KAAM,OAErBf,EAAa,GAAKa,EAAA,OAAA,CAAMN,UAAWC,EAAOY,MAAMV,SAAEV,OAItDK,GACCQ,EAACW,EAAO,CAACC,MAAM,qBAAoBf,SACjCG,EAAA,OAAA,CAAAH,SACEG,EAACC,EAAU,CACTC,KAAK,KACLC,KAAK,WACLC,QAASZ,EACTa,OAAO,uBAAsBR,SAE7BG,EAACa,EAAY,CAACX,KAAM,cAO9BT,EAAA,MAAA,CAAKC,UAAWC,EAAOmB,gBAAgBjB,SACpCd,CAAAA,EACDiB,EAACe,EAAW,CAACC,MAAO3B,EAAWgB,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":["CommentCardReactions","_ref","info","_ref$commentsCount","commentsCount","_ref$likesCount","likesCount","isLiked","menuItems","onLike","onReplyToggle","onForward","_jsxs","className","styles","actionsRow","children","actions","action","_jsx","ButtonIcon","size","type","onClick","testId","MessageIcon","count","classNames","liked","ThumbsUpIcon","Tooltip","title","ShareTwoIcon","trailingActions","CommentMenu","items"],"mappings":"0qIAuBaA,IAAAA,EAAsD,SAS7DC,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,EAAA,MAAA,CAAKC,UAAWC,EAAOC,WAAWC,SAChC,CAAAJ,EAAA,MAAA,CAAKC,UAAWC,EAAOG,QAAQD,SAAA,CAC5BN,GACCE,EAAA,MAAA,CAAKC,UAAWC,EAAOI,OAAOF,SAAA,CAC5BG,EAACC,EAAU,CACTC,KAAK,KACLC,KAAK,WACLC,QAASb,EACTc,OAAO,qBAAoBR,SAE3BG,EAACM,EAAW,CAACJ,KAAM,OAEpBjB,EAAgB,GAAKe,EAAA,OAAA,CAAMN,UAAWC,EAAOY,MAAMV,SAAEZ,OAIzDK,GACCG,EAAA,MAAA,CAAKC,UAAWC,EAAOI,OAAOF,SAAA,CAC5BG,EAACC,EAAU,CACTC,KAAK,KACLC,KAAK,WACLC,QAASd,EACTI,UAAWc,EAAWpB,GAAWO,EAAOc,OACxCJ,OAAO,oBAAmBR,SAE1BG,EAACU,EAAY,CAACR,KAAM,OAErBf,EAAa,GAAKa,EAAA,OAAA,CAAMN,UAAWC,EAAOY,MAAMV,SAAEV,OAItDK,GACCQ,EAACW,EAAO,CAACC,MAAM,qBAAoBf,SACjCG,EAAA,OAAA,CAAAH,SACEG,EAACC,EAAU,CACTC,KAAK,KACLC,KAAK,WACLC,QAASZ,EACTa,OAAO,uBAAsBR,SAE7BG,EAACa,EAAY,CAACX,KAAM,cAO9BT,EAAA,MAAA,CAAKC,UAAWC,EAAOmB,gBAAgBjB,SACpCd,CAAAA,EACDiB,EAACe,EAAW,CAACC,MAAO3B,EAAWgB,OAAO,2BAI9C"}

package/components/CommentCard/CommentCardReplies.js

@@ -1,2 +1,2 @@
-import{Avatar as o}from"../../componentsV2/Avatar/Avatar.js";import{ButtonText as s}from"../../componentsV2/ButtonText/ButtonText.js";import{DownSmallIcon as c}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{CommentMenu as i}from"./CommentMenu.js";import n from"./CommentCard.scss.js";import{jsxs as t,jsx as m}from"react/jsx-runtime";var r=function(r){var e=r.replies,p=r.hasMoreReplies,u=r.moreRepliesCount,a=r.replyInput,l=r.onShowMoreReplies;return t("div",{className:n.replies,children:[a,null==e?void 0:e.map((function(s){var c;return t("div",{className:n.reply,children:[t("div",{className:n.replyHeader,children:[m(o,{size:32,name:s.author.name,imageSrc:s.author.avatarUrl}),t("div",{className:n.replyNameRow,children:[m("span",{className:n.replyName,children:s.author.name}),m("span",{className:n.replyTimestamp,children:s.timestamp})]}),m(i,{items:s.menuItems,testId:"comment-reply-menu"})]}),m("div",{className:n.replyText,children:null!==(c=s.editForm)&&void 0!==c?c:s.body})]},s.id)})),p&&l&&m(s,{type:"primary",size:"medium",prefix:m(c,{size:16}),onClick:l,children:u?"Show ".concat(u," More Comments"):"Show More Comments"})]})};export{r as CommentCardReplies};
+import{Avatar as o}from"../../componentsV2/Avatar/Avatar.js";import{ButtonText as s}from"../../componentsV2/ButtonText/ButtonText.js";import{DownSmallIcon as c}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{CommentMenu as i}from"./CommentMenu.js";import n from"./CommentCard.scss.js";import{jsxs as t,jsx as m}from"react/jsx-runtime";var r=function(r){var e=r.replies,p=r.hasMoreReplies,u=r.moreRepliesCount,a=r.replyInput,l=r.onShowMoreReplies;return t("div",{className:n.replies,children:[a,null==e?void 0:e.map((function(s){var c;return t("div",{className:n.reply,children:[t("div",{className:n.replyHeader,children:[m(o,{size:32,name:s.author.name,imageSrc:s.author.avatarUrl}),t("div",{className:n.replyNameRow,children:[m("span",{className:n.replyName,children:s.author.name}),m("span",{className:n.replyTimestamp,children:s.timestamp})]}),m(i,{items:s.menuItems,testId:"comment-reply-menu"})]}),m("div",{className:n.replyText,children:null!==(c=s.editForm)&&void 0!==c?c:s.body})]},s.id)})),p&&l&&m(s,{type:"primary",size:"medium",prefix:m(c,{size:16}),onClick:l,children:u?"Show ".concat(u," More Comments"):"Show More Comments"})]})};export{r as CommentCardReplies};
 //# sourceMappingURL=CommentCardReplies.js.map

package/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":["CommentCardReplies","_ref","replies","hasMoreReplies","moreRepliesCount","replyInput","onShowMoreReplies","_jsxs","className","styles","children","map","reply","_reply$editForm","replyHeader","_jsx","Avatar","size","name","author","imageSrc","avatarUrl","replyNameRow","replyName","replyTimestamp","timestamp","CommentMenu","items","menuItems","testId","replyText","editForm","body","id","ButtonText","type","prefix","DownSmallIcon","onClick"],"mappings":"05HAoBaA,IAAAA,EAAkD,SAAHC,GAAA,IAC1DC,IAAAA,QACAC,IAAAA,eACAC,IAAAA,iBACAC,IAAAA,WACAC,IAAAA,kBAAiB,OAEjBC,EAAA,MAAA,CAAKC,UAAWC,EAAOP,QAAQQ,SAC5BL,CAAAA,EAEAH,aAAAA,EAAAA,EAASS,KAAI,SAAAC,GAAK,IAAAC,EAAA,OACjBN,EAAA,MAAA,CAAoBC,UAAWC,EAAOG,MAAMF,SAC1C,CAAAH,EAAA,MAAA,CAAKC,UAAWC,EAAOK,YAAYJ,SAAA,CACjCK,EAACC,EAAM,CAACC,KAAM,GAAIC,KAAMN,EAAMO,OAAOD,KAAME,SAAUR,EAAMO,OAAOE,YAClEd,EAAA,MAAA,CAAKC,UAAWC,EAAOa,aAAaZ,SAClC,CAAAK,EAAA,OAAA,CAAMP,UAAWC,EAAOc,UAAUb,SAAEE,EAAMO,OAAOD,OACjDH,EAAA,OAAA,CAAMP,UAAWC,EAAOe,eAAed,SAAEE,EAAMa,eAEjDV,EAACW,EAAW,CAACC,MAAOf,EAAMgB,UAAWC,OAAO,0BAE9Cd,EAAA,MAAA,CAAKP,UAAWC,EAAOqB,UAAUpB,SAAgB,QAAhBG,EAAED,EAAMmB,gBAAQ,IAAAlB,EAAAA,EAAID,EAAMoB,SATnDpB,EAAMqB,GAWjB,IAEA9B,GAAkBG,GACjBS,EAACmB,EAAU,CACTC,KAAK,UACLlB,KAAK,SACLmB,OAAQrB,EAACsB,EAAa,CAACpB,KAAM,KAC7BqB,QAAShC,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":["CommentCardReplies","_ref","replies","hasMoreReplies","moreRepliesCount","replyInput","onShowMoreReplies","_jsxs","className","styles","children","map","reply","_reply$editForm","replyHeader","_jsx","Avatar","size","name","author","imageSrc","avatarUrl","replyNameRow","replyName","replyTimestamp","timestamp","CommentMenu","items","menuItems","testId","replyText","editForm","body","id","ButtonText","type","prefix","DownSmallIcon","onClick"],"mappings":"2mIAoBaA,IAAAA,EAAkD,SAAHC,GAAA,IAC1DC,IAAAA,QACAC,IAAAA,eACAC,IAAAA,iBACAC,IAAAA,WACAC,IAAAA,kBAAiB,OAEjBC,EAAA,MAAA,CAAKC,UAAWC,EAAOP,QAAQQ,SAC5BL,CAAAA,EAEAH,aAAAA,EAAAA,EAASS,KAAI,SAAAC,GAAK,IAAAC,EAAA,OACjBN,EAAA,MAAA,CAAoBC,UAAWC,EAAOG,MAAMF,SAC1C,CAAAH,EAAA,MAAA,CAAKC,UAAWC,EAAOK,YAAYJ,SAAA,CACjCK,EAACC,EAAM,CAACC,KAAM,GAAIC,KAAMN,EAAMO,OAAOD,KAAME,SAAUR,EAAMO,OAAOE,YAClEd,EAAA,MAAA,CAAKC,UAAWC,EAAOa,aAAaZ,SAClC,CAAAK,EAAA,OAAA,CAAMP,UAAWC,EAAOc,UAAUb,SAAEE,EAAMO,OAAOD,OACjDH,EAAA,OAAA,CAAMP,UAAWC,EAAOe,eAAed,SAAEE,EAAMa,eAEjDV,EAACW,EAAW,CAACC,MAAOf,EAAMgB,UAAWC,OAAO,0BAE9Cd,EAAA,MAAA,CAAKP,UAAWC,EAAOqB,UAAUpB,SAAgB,QAAhBG,EAAED,EAAMmB,gBAAQ,IAAAlB,EAAAA,EAAID,EAAMoB,SATnDpB,EAAMqB,GAWjB,IAEA9B,GAAkBG,GACjBS,EAACmB,EAAU,CACTC,KAAK,UACLlB,KAAK,SACLmB,OAAQrB,EAACsB,EAAa,CAACpB,KAAM,KAC7BqB,QAAShC,EAAkBI,SAE1BN,EAA2BA,QAAAA,OAAAA,EAAmC,kBAAA,yBAG/D"}

package/components/CommentCard/buildCommentReply.js

@@ -1,2 +1,2 @@
-import o from"moment-timezone";import{WriteIcon as s,DeleteFourIcon as c}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{StoredAttachmentPreview as i}from"../AttachmentPreview/StoredAttachmentPreview.js";import{formatMentionText as n}from"../UserMention/utils/index.js";import{isNativeDetected as t}from"../../utils/mobileDetect.js";import{jsxs as m,Fragment as r,jsx as e}from"react/jsx-runtime";var u=function(o){var s;return(null!==(s=o.attachments)&&void 0!==s&&s.length?o.attachments:[o.attachment]).reduce((function(o,s){var c,i=null!==(c=null==s?void 0:s.file_name)&&void 0!==c?c:null==s?void 0:s.name;return null!=s&&s.url&&i&&o.push({url:s.url,name:i,size:s.size}),o}),[])},p=function(p,l){var a,d,j,I,v,h,C,b,F,f,O,A=l.currentUserId,D=l.onDelete,M=l.onEdit,P=Number(null===(a=p.user)||void 0===a?void 0:a.id)===Number(A)||(null!==(d=p.allowed_actions)&&void 0!==d?d:[]).includes("update"),g=Number(null===(j=p.user)||void 0===j?void 0:j.id)===Number(A)||(null!==(I=p.allowed_actions)&&void 0!==I?I:[]).includes("destroy"),k=u(p);return{id:p.id,author:{id:null===(v=p.user)||void 0===v?void 0:v.id,name:(F=p.user,"".concat(null!==(f=null==F?void 0:F.first_name)&&void 0!==f?f:""," ").concat(null!==(O=null==F?void 0:F.last_name)&&void 0!==O?O:"").trim()),avatarUrl:null===(h=p.user)||void 0===h?void 0:h.profile_photo},timestamp:o(p.created_at).format("MM/DD/YY H:mm"),body:m(r,{children:[n(null!==(C=p.body)&&void 0!==C?C:"",null!==(b=p.mentioned_users)&&void 0!==b?b:[],t,void 0,void 0),!!k.length&&e(i,{attachments:k})]}),menuItems:[{label:"Edit",icon:e(s,{size:16}),disabled:!P,onClick:function(){return M(p.id)}},{label:"Delete",icon:e(c,{size:16}),disabled:!g,onClick:function(){return D(p.id)}}]}};export{p as buildCommentReply,u as getReplyAttachments};
+import o from"moment-timezone";import{WriteIcon as s,DeleteFourIcon as c}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{StoredAttachmentPreview as i}from"../AttachmentPreview/StoredAttachmentPreview.js";import{formatMentionText as n}from"../UserMention/utils/index.js";import{isNativeDetected as t}from"../../utils/mobileDetect.js";import{jsxs as m,Fragment as r,jsx as e}from"react/jsx-runtime";var u=function(o){var s;return(null!==(s=o.attachments)&&void 0!==s&&s.length?o.attachments:[o.attachment]).reduce((function(o,s){var c,i=null!==(c=null==s?void 0:s.file_name)&&void 0!==c?c:null==s?void 0:s.name;return null!=s&&s.url&&i&&o.push({url:s.url,name:i,size:s.size}),o}),[])},p=function(p,l){var a,d,I,j,v,h,C,b,F,f,O,P=l.currentUserId,A=l.onDelete,D=l.onEdit,M=Number(null===(a=p.user)||void 0===a?void 0:a.id)===Number(P)||(null!==(d=p.allowed_actions)&&void 0!==d?d:[]).includes("update"),g=Number(null===(I=p.user)||void 0===I?void 0:I.id)===Number(P)||(null!==(j=p.allowed_actions)&&void 0!==j?j:[]).includes("destroy"),k=u(p);return{id:p.id,author:{id:null===(v=p.user)||void 0===v?void 0:v.id,name:(F=p.user,"".concat(null!==(f=null==F?void 0:F.first_name)&&void 0!==f?f:""," ").concat(null!==(O=null==F?void 0:F.last_name)&&void 0!==O?O:"").trim()),avatarUrl:null===(h=p.user)||void 0===h?void 0:h.profile_photo},timestamp:o(p.created_at).format("MM/DD/YY H:mm"),body:m(r,{children:[n(null!==(C=p.body)&&void 0!==C?C:"",null!==(b=p.mentioned_users)&&void 0!==b?b:[],t,void 0,void 0),!!k.length&&e(i,{attachments:k})]}),menuItems:[{label:"Edit",icon:e(s,{size:16}),disabled:!M,onClick:function(){return D(p.id)}},{label:"Delete",icon:e(c,{size:16}),disabled:!g,onClick:function(){return A(p.id)}}]}};export{p as buildCommentReply,u as getReplyAttachments};
 //# sourceMappingURL=buildCommentReply.js.map

package/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","buildCommentReply","_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","_Fragment","children","formatMentionText","mentioned_users","isNativeDetected","undefined","_jsx","StoredAttachmentPreview","menuItems","label","icon","WriteIcon","disabled","onClick","DeleteFourIcon"],"mappings":"w9HAUA,IAwBaA,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,EAYKQ,EAAoB,SAC/Bd,EAEiBe,GAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAbOC,EAAgBC,EAAAC,EAYtCC,IAAAA,cAAeC,IAAAA,SAAUC,IAAAA,OAErBC,EACJC,OAAO,QAAA/B,EAAAA,EAAMwB,YAAN,IAAAR,OAAA,EAAAA,EAAYgB,MAAQD,OAAOJ,KACR,QAAzB3B,EAAAA,EAAMiC,uBAAmB,IAAAhB,EAAAA,EAAA,IAAIiB,SAAS,UACnCC,EACJJ,OAAO,QAAA/B,EAAAA,EAAMwB,YAAN,IAAAN,OAAA,EAAAA,EAAYc,MAAQD,OAAOJ,KACR,QAAzB3B,EAAAA,EAAMiC,uBAAmB,IAAAd,EAAAA,EAAA,IAAIe,SAAS,WACnChC,EAAcH,EAAoBC,GAExC,MAAO,CACLgC,GAAIhC,EAAMgC,GACVI,OAAQ,CACNJ,GAAc,UAAVhC,EAAMwB,YAAI,IAAAJ,OAAA,EAAVA,EAAYY,GAChBvB,MA1BoBe,EA0BGxB,EAAMwB,KAzBjC,GAAAa,OAAmB,QAAnBZ,EAAGD,eAAAA,EAAMc,kBAAU,IAAAb,EAAAA,EAAI,GAAE,KAAAY,OAAuB,QAAvBX,EAAIF,eAAAA,EAAMe,iBAAa,IAAAb,EAAAA,EAAA,IAAKc,QA0BjDC,kBAAWzC,EAAAA,EAAMwB,yBAANH,EAAYqB,eAEzBC,UAAWC,EAAO5C,EAAM6C,YAAYC,OAhEZ,iBAiExBC,KACEC,EAAAC,EAAA,CAAAC,SAAA,CACGC,EACW,QADM7B,EAChBtB,EAAM+C,YAAI,IAAAzB,EAAAA,EAAI,GACO,QADLC,EAChBvB,EAAMoD,uBAAe,IAAA7B,EAAAA,EAAI,GACzB8B,OACAC,OACAA,KAECpD,EAAYC,QAAUoD,EAACC,EAAuB,CAACtD,YAAaA,OAGnEuD,UAAW,CACT,CACEC,MAAO,OACPC,KAAMJ,EAACK,EAAS,CAAC/C,KAAM,KACvBgD,UAAW/B,EACXgC,QAAS,WAAA,OAAMjC,EAAO7B,EAAMgC,GAAG,GAEjC,CACE0B,MAAO,SACPC,KAAMJ,EAACQ,EAAc,CAAClD,KAAM,KAC5BgD,UAAW1B,EACX2B,QAAS,WAAA,OAAMlC,EAAS5B,EAAMgC,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","buildCommentReply","_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","_Fragment","children","formatMentionText","mentioned_users","isNativeDetected","undefined","_jsx","StoredAttachmentPreview","menuItems","label","icon","WriteIcon","disabled","onClick","DeleteFourIcon"],"mappings":"yqIAUA,IAwBaA,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,EAYKQ,EAAoB,SAC/Bd,EAEiBe,GAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAbOC,EAAgBC,EAAAC,EAYtCC,IAAAA,cAAeC,IAAAA,SAAUC,IAAAA,OAErBC,EACJC,OAAO,QAAA/B,EAAAA,EAAMwB,YAAN,IAAAR,OAAA,EAAAA,EAAYgB,MAAQD,OAAOJ,KACR,QAAzB3B,EAAAA,EAAMiC,uBAAmB,IAAAhB,EAAAA,EAAA,IAAIiB,SAAS,UACnCC,EACJJ,OAAO,QAAA/B,EAAAA,EAAMwB,YAAN,IAAAN,OAAA,EAAAA,EAAYc,MAAQD,OAAOJ,KACR,QAAzB3B,EAAAA,EAAMiC,uBAAmB,IAAAd,EAAAA,EAAA,IAAIe,SAAS,WACnChC,EAAcH,EAAoBC,GAExC,MAAO,CACLgC,GAAIhC,EAAMgC,GACVI,OAAQ,CACNJ,GAAc,UAAVhC,EAAMwB,YAAI,IAAAJ,OAAA,EAAVA,EAAYY,GAChBvB,MA1BoBe,EA0BGxB,EAAMwB,KAzBjC,GAAAa,OAAmB,QAAnBZ,EAAGD,eAAAA,EAAMc,kBAAU,IAAAb,EAAAA,EAAI,GAAE,KAAAY,OAAuB,QAAvBX,EAAIF,eAAAA,EAAMe,iBAAa,IAAAb,EAAAA,EAAA,IAAKc,QA0BjDC,kBAAWzC,EAAAA,EAAMwB,yBAANH,EAAYqB,eAEzBC,UAAWC,EAAO5C,EAAM6C,YAAYC,OAhEZ,iBAiExBC,KACEC,EAAAC,EAAA,CAAAC,SAAA,CACGC,EACW,QADM7B,EAChBtB,EAAM+C,YAAI,IAAAzB,EAAAA,EAAI,GACO,QADLC,EAChBvB,EAAMoD,uBAAe,IAAA7B,EAAAA,EAAI,GACzB8B,OACAC,OACAA,KAECpD,EAAYC,QAAUoD,EAACC,EAAuB,CAACtD,YAAaA,OAGnEuD,UAAW,CACT,CACEC,MAAO,OACPC,KAAMJ,EAACK,EAAS,CAAC/C,KAAM,KACvBgD,UAAW/B,EACXgC,QAAS,WAAA,OAAMjC,EAAO7B,EAAMgC,GAAG,GAEjC,CACE0B,MAAO,SACPC,KAAMJ,EAACQ,EAAc,CAAClD,KAAM,KAC5BgD,UAAW1B,EACX2B,QAAS,WAAA,OAAMlC,EAAS5B,EAAMgC,GAAG,IAIzC"}

package/components/CommentComposer/ChatChannelSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatChannelSelector.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/ChatChannelSelector.tsx"],"names":[],"mappings":"AAaA,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,KAAK,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAaF,eAAO,MAAM,mBAAmB,kEAO7B,wBAAwB,4CA8E1B,CAAC"}
+{"version":3,"file":"ChatChannelSelector.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/ChatChannelSelector.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,KAAK,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AA+CF,eAAO,MAAM,mBAAmB,kEAO7B,wBAAwB,4CAmC1B,CAAC"}

package/components/CommentComposer/ChatChannelSelector.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import{useRef as s,useState as c,useMemo as n}from"react";import i from"@material-ui/icons/ArrowDropDown";import t from"@material-ui/icons/Search";import{Avatar as r}from"../../componentsV2/Avatar/Avatar.js";import{Chip as e}from"../../componentsV2/Chip/Chip.js";import{Popover as m}from"../../componentsV2/Popover/Popover.js";import{TextInputNext as p}from"../../componentsV2/TextInputNext/TextInputNext.js";import{Tooltip as a}from"../../componentsV2/Tooltip/Tooltip.js";import{FolderClosedIcon as u}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import l from"./ChatChannelSelector.scss.js";import{jsxs as I,Fragment as j,jsx as d}from"react/jsx-runtime";var h=function(h){var C,v,f=h.channels,b=h.value,N=h.onChange,g=h.disabled,F=h.placeholder,A=void 0===F?"Select chat":F,O=h.testId,x=s(null),P=c(!1),y=o(P,2),S=y[0],T=y[1],k=c(""),D=o(k,2),M=D[0],L=D[1],V=n((function(){return function(o,s){var c=s.trim().toLowerCase();return c?o.filter((function(o){var s;return o.name.toLowerCase().includes(c)||(null!==(s=o.subtitle)&&void 0!==s?s:"").toLowerCase().includes(c)})):o.filter((function(o){return!o.isVirtual}))}(f,M)}),[f,M]);return I(j,{children:[d("div",{ref:x,className:l.trigger,"data-testid":O,children:d(a,{title:null!==(C=null==b?void 0:b.name)&&void 0!==C?C:"",children:d(e,{size:"small",shape:"square",onClick:function(){g||(L(""),T(!0))},children:I("span",{className:l.triggerInner,children:[d("span",{className:l.triggerLabel,children:null!==(v=null==b?void 0:b.name)&&void 0!==v?v:A}),d(i,{className:l.caret})]})})})}),I(m,{open:S,type:"menu",placement:"top-start",anchorEl:x.current,onClose:function(){return T(!1)},className:l.paper,children:[d("div",{className:l.search,children:d(p,{autoFocus:!0,inputType:"search",placeholder:"Add by name or channel",prefix:d(t,{className:l.searchIcon}),value:M,onChange:L})}),I("div",{className:l.list,children:[!V.length&&d("div",{className:l.empty,children:"No results found"}),V.map((function(o){return I("button",{type:"button",className:l.option,onClick:function(){return function(o){N(o),T(!1)}(o)},children:["d"===o.type?d(r,{size:24,name:o.name,imageSrc:o.avatarUrl}):d("span",{className:l.channelIcon,children:d(u,{size:24})}),I("div",{className:l.optionText,children:[d("span",{className:l.optionName,children:o.name}),o.subtitle&&d("span",{className:l.optionSubtitle,children:o.subtitle})]})]},o.rid)}))]})]})]})};export{h as ChatChannelSelector};
+import{useMemo as o,useCallback as s}from"react";import{AutocompleteNext as c}from"../../componentsV2/Autocomplete/Autocomplete.js";import{Avatar as n}from"../../componentsV2/Avatar/Avatar.js";import{Text as i}from"../../componentsV2/Text/Text.js";import{TextMiddleTruncated as t}from"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import{FolderClosedIcon as r}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import m from"./ChatChannelSelector.scss.js";import{jsx as e,jsxs as p}from"react/jsx-runtime";var u=function(o){return{id:o.rid,title:o.name,prefix:e("span",{className:m.optionPrefix,children:"d"===o.type?e(n,{size:24,name:o.name,imageSrc:o.avatarUrl}):e(r,{size:24})}),channel:o}},a=function(o,s){var c=s.trim().toLowerCase();return c?o.filter((function(o){var s,n=o.channel;return n.name.toLowerCase().includes(c)||(null!==(s=n.subtitle)&&void 0!==s?s:"").toLowerCase().includes(c)})):o.filter((function(o){return!o.channel.isVirtual}))},l=function(o){var s=o.channel;return p("span",{className:m.optionText,children:[e(t,{children:s.name}),s.subtitle&&e(i,{size:12,color:"T7",children:s.subtitle})]})},j=function(n){var i=n.channels,t=n.value,r=n.onChange,p=n.disabled,j=n.placeholder,I=void 0===j?"Select chat":j,d=n.testId,h=o((function(){return i.map(u)}),[i]),C=o((function(){var o;return t?null!==(o=h.find((function(o){return o.id===t.rid})))&&void 0!==o?o:u(t):void 0}),[h,t]),f=s((function(o){o&&r(o.channel)}),[r]);return e(c,{className:m.root,options:h,value:C,onChange:f,disabled:p,placeholder:I,optionSize:"medium",renderOption:l,filterOptions:a,noOptionsMessage:"No results found",clearable:!1,testId:d})};export{j as ChatChannelSelector};
 //# sourceMappingURL=ChatChannelSelector.js.map

package/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":["ChatChannelSelector","_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","ref","className","styles","trigger","Tooltip","title","Chip","size","shape","onClick","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","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","ChatChannelSelector","_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":"62IAmCA,IAAMA,EAAW,SAACC,GAAoB,MAAqB,CACzDC,GAAID,EAAQE,IACZC,MAAOH,EAAQI,KAEfC,OACEC,EAAA,OAAA,CAAMC,UAAWC,EAAOC,aAAaC,SACjB,MAAjBV,EAAQW,KACPL,EAACM,EAAM,CAACC,KAAM,GAAIT,KAAMJ,EAAQI,KAAMU,SAAUd,EAAQe,YAExDT,EAACU,EAAgB,CAACH,KAAM,OAI9Bb,QAAAA,EACD,EAGKiB,EAAgB,SAACC,EAA0BC,GAC/C,IAAMC,EAAID,EAAWE,OAAOC,cAC5B,OAAKF,EAEEF,EAAQK,QACb,SAAAC,GAAA,IAAAC,EAAGzB,IAAAA,QAAO,OACRA,EAAQI,KAAKkB,cAAcI,SAASN,KAAuB,UAAhBpB,EAAQ2B,gBAAQ,IAAAF,EAAAA,EAAI,IAAIH,cAAcI,SAASN,MAJ/EF,EAAQK,QAAO,SAAAK,GAAU,SAAP5B,QAAuB6B,YAM1D,EAEMC,EAAe,SAAHC,GAAA,IAAM/B,IAAAA,QAAO,OAC7BgC,EAAA,OAAA,CAAMzB,UAAWC,EAAOyB,WAAWvB,SAAA,CACjCJ,EAAC4B,EAAmB,CAAAxB,SAAEV,EAAQI,OAC7BJ,EAAQ2B,UACPrB,EAAC6B,EAAI,CAACtB,KAAM,GAAIuB,MAAM,KAAI1B,SACvBV,EAAQ2B,aAGR,EAGIU,EAAsB,SAOHC,GAAA,IAN9BC,IAAAA,SACAC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,SAAQC,EAAAL,EACRM,YAAAA,aAAc,cAAaD,EAC3BE,IAAAA,OAEM3B,EAAU4B,GAAQ,WAAA,OAAMP,EAASQ,IAAIhD,KAAW,CAACwC,IAIjDS,EAAiBF,GACrB,WAAA,IAAAG,EAAA,OAAOT,UAAQtB,EAAAA,EAAQgC,MAAK,SAAAC,GAAM,OAAIA,EAAOlD,KAAOuC,EAAMtC,GAAG,mBAAKH,EAASyC,QAASY,CAAS,GAC7F,CAAClC,EAASsB,IAGNa,EAAeC,GACnB,SAAAH,GACMA,GACFV,EAASU,EAAOnD,QAEpB,GACA,CAACyC,IAGH,OACEnC,EAACiD,EAAgB,CACfhD,UAAWC,EAAOgD,KAClBtC,QAASA,EACTsB,MAAOQ,EACPP,SAAUY,EACVX,SAAUA,EACVE,YAAaA,EACba,WAAW,SACX3B,aAAcA,EACdb,cAAeA,EACfyC,iBAAiB,mBACjBC,WAAW,EACXd,OAAQA,GAGd"}

package/components/CommentComposer/ChatChannelSelector.scss.js

@@ -1,2 +1,2 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={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"};e(".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}");export{t as default};
+import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={root:"ChatChannelSelector_root__olCVl",optionPrefix:"ChatChannelSelector_optionPrefix__rEJEV",optionText:"ChatChannelSelector_optionText__ZZQ7Z"};e(".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}");export{t as default};
 //# sourceMappingURL=ChatChannelSelector.scss.js.map

package/components/CommentComposer/CommentComposer.js

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

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

package/components/CommentComposer/useAttachmentUpload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAttachmentUpload.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/useAttachmentUpload.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAA4C,MAAM,OAAO,CAAC;AAG9E,OAAO,KAAK,EAEV,qBAAqB,EACtB,MAAM,8CAA8C,CAAC;AAOtD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,0BAA0B,GAAG;IAChC,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,WAAW,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;IACtD,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAcF,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAkD1C,eAAO,MAAM,mBAAmB,kEAO7B,0BAA0B;;;;8BAwMjB,WAAW,CAAC,gBAAgB,CAAC;sBApD7B,IAAI,EAAE;0BA7BR,MAAM;2BA6FP,qBAAqB,CAAC,IAAI,CAAC;sBAW3B,qBAAqB,CAAC,IAAI,CAAC;qCAcnB,qBAAqB,CAAC,IAAI,CAAC,EAAE;;;;;;;CAkH7C,CAAC"}
+{"version":3,"file":"useAttachmentUpload.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/useAttachmentUpload.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAA4C,MAAM,OAAO,CAAC;AAG9E,OAAO,KAAK,EAEV,qBAAqB,EACtB,MAAM,8CAA8C,CAAC;AAQtD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,0BAA0B,GAAG;IAChC,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,WAAW,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;IACtD,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAcF,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAkD1C,eAAO,MAAM,mBAAmB,kEAO7B,0BAA0B;;;;8BAwMjB,WAAW,CAAC,gBAAgB,CAAC;sBApD7B,IAAI,EAAE;0BA7BR,MAAM;2BA6FP,qBAAqB,CAAC,IAAI,CAAC;sBAW3B,qBAAqB,CAAC,IAAI,CAAC;qCAcnB,qBAAqB,CAAC,IAAI,CAAC,EAAE;;;;;;;CA0H7C,CAAC"}