@corva/ui 3.77.0-1 → 3.77.0-11

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/toConsumableArray"),o=require("react"),n=require("@material-ui/core"),i=require("classnames"),c=require("../FeedCard/FeedCard.js"),r=require("../AttachmentPreview/useStoredAttachments.js"),t=require("../FeedCard/useFeedActivity.js"),a=require("../AttachmentPreview/AttachmentPreview.js");require("../../componentsV2/FileIcon/FileIcon.js"),require("../../componentsV2/ButtonIcon/ButtonIcon.js");var u=require("../../componentsV2/Tooltip/Tooltip.js"),l=require("react/jsx-runtime"),m=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js"),require("@babel/runtime/helpers/slicedToArray"),require("../../componentsV2/Menu/Menu.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../clients/jsonApi/index.js"),require("../../utils/main.js"),require("../AttachmentPreview/AttachmentImage.js"),require("../AttachmentPreview/AttachmentPreview.scss.js"),require("file-extension"),require("image-extensions"),require("video-extensions");var d=require("../../componentsV2/Avatar/Avatar.js"),j=require("../LinkedText/LinkedText.js"),p=require("./CommentCardReactions.js"),q=require("./CommentCardReplies.js"),h=require("./CommentCard.scss.js");function I(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=I(e),x=I(s),C=I(i);function b(e,s){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),o.push.apply(o,n)}return o}function f(e){for(var s=1;s<arguments.length;s++){var o=null!=arguments[s]?arguments[s]:{};s%2?b(Object(o),!0).forEach((function(s){v.default(e,s,o[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):b(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}var y=function(e){var s=e.rows;return l.jsx("div",{className:h.metadataRows,children:s.map((function(e){var s=e.label,o=e.value,n=e.unit;return l.jsxs("div",{className:h.metadataRow,children:[l.jsx("span",{className:h.metadataLabel,children:s}),l.jsx("span",{className:h.metadataValue,children:o}),n&&l.jsx("span",{className:h.metadataUnit,children:n})]},s)}))})},O=o.forwardRef((function(e,s){var i=e.activity,I=e.variant,v=void 0===I?"expanded":I,b=e.author,O=e.timestamp,A=e.subtitle,F=e.body,N=e.contextRows,g=e.attachment,R=e.storedAttachments,w=e.isLiked,P=e.likesCount,M=e.commentsCount,k=e.replies,T=e.hasMoreReplies,S=e.moreRepliesCount,D=e.attachments,E=e.onAttachmentClick,L=e.onAttachmentShare,_=e.attachmentSlot,B=e.chip,G=e.chipColor,H=e.onLike,U=e.onReplyToggle,V=e.onForward,z=e.onShowMoreReplies,X=e.menuItems,W=e.isReplyOpen,K=e.replyInput,Z=e.editForm,J=e.width,Q=e.onMouseEnter,Y=e.onMouseLeave,$=e.className,ee=e.testId,se=t.useFeedActivity(i,"comment"),oe=se?[].concat(x.default(null!=X?X:[]),x.default(se.menuItems)):X,ne=se?se.replyInput:K,ie=se?se.isReplyOpen:W,ce=se?se.replies:k,re=!(null==N||!N.length),te=re&&!B,ae=!!(se||H||U||V||null!=oe&&oe.length||te),ue=te&&l.jsx(u.Tooltip,{placement:"top",className:h.metadataTooltip,title:l.jsx(y,{rows:N}),children:l.jsx("span",{className:h.infoButton,"data-testid":"comment-card-info",children:l.jsx(m.InfoIcon,{size:12,strokeWidth:2})})}),le=l.jsx(p.CommentCardReactions,{info:ue,commentsCount:se?se.commentsCount:M,likesCount:se?se.likesCount:P,isLiked:se?se.isLiked:w,menuItems:oe,onLike:se?se.onLike:H,onReplyToggle:se?se.onReplyToggle:U,onForward:V}),me=l.jsxs("div",{className:h.bodyRow,children:[l.jsx("div",{className:h.text,children:l.jsx(j.LinkedText,{children:F})}),B&&l.jsx(u.Tooltip,{placement:"top",className:h.metadataTooltip,title:re?l.jsx(y,{rows:N}):"",children:l.jsx("span",{className:C.default(h.chip,!!G&&h.chipAccented),style:G?{borderLeftColor:G}:void 0,children:B})})]}),de=o.useMemo((function(){return null!=R?R:[g].filter(Boolean)}),[R,g]),je=r.useStoredAttachments(de),pe=je.length?je:D,qe=null!=pe&&pe.length?l.jsx(a.AttachmentPreview,{items:pe,onItemClick:E,onShare:L}):null,he={ref:s,width:J,radius:12,onMouseEnter:Q,onMouseLeave:Y,testId:ee,className:$};if(null!=se&&se.isDeleted)return null;var Ie=function(e){return l.jsxs(l.Fragment,{children:[e,null==se?void 0:se.deleteDialog]})};if("preview"===v)return Ie(l.jsxs(c.FeedCard,f(f({},he),{},{maxHeight:c.FEED_CARD_MAX_HEIGHT_PX,children:[l.jsxs("div",{className:h.compactBody,children:[l.jsxs("div",{className:h.compactTop,children:[l.jsx(d.Avatar,{size:24,name:b.name,imageSrc:b.avatarUrl,className:h.avatar}),l.jsx("span",{className:h.name,children:b.name}),l.jsx("span",{className:h.compactTime,children:O})]}),l.jsx("div",{className:h.scrollBody,children:me})]}),ae&&l.jsx("div",{className:h.compactFooter,children:le})]})));var ve=!!Z,xe=l.jsxs("div",{className:h.header,children:[l.jsx(d.Avatar,{size:24,name:b.name,imageSrc:b.avatarUrl,className:h.avatar}),l.jsxs("div",{className:h.headerText,children:[l.jsxs("div",{className:h.nameRow,children:[l.jsx("span",{className:h.name,children:b.name}),O&&l.jsx("span",{className:h.timestamp,children:O})]}),A&&l.jsx("span",{className:h.subtitle,children:A})]})]});return Ie(ve?l.jsxs(c.FeedCard,f(f({},he),{},{children:[l.jsx("div",{className:h.editHeader,children:xe}),Z]})):l.jsxs(c.FeedCard,f(f({},he),{},{children:[l.jsxs("div",{className:h.capped,style:{maxHeight:c.FEED_CARD_MAX_HEIGHT_PX},children:[l.jsxs("div",{className:h.bodySurface,children:[xe,l.jsxs("div",{className:h.scrollBody,children:[me,(qe||_)&&l.jsxs("div",{className:h.attachment,children:[qe,_]})]})]}),ae&&l.jsx("div",{className:h.footer,children:le})]}),ae&&l.jsx(n.Collapse,{in:ie,timeout:250,unmountOnExit:!0,children:l.jsx("div",{className:h.repliesSection,children:l.jsx(q.CommentCardReplies,{replies:ce,hasMoreReplies:se?se.hasMoreReplies:T,moreRepliesCount:se?se.moreRepliesCount:S,isReplyOpen:ie,replyInput:ne,onShowMoreReplies:se?se.onShowMoreReplies:z})})})]})))}));exports.CommentCard=O;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/toConsumableArray"),o=require("react"),n=require("@material-ui/core"),i=require("classnames"),c=require("../FeedCard/FeedCard.js"),r=require("../AttachmentPreview/useStoredAttachments.js"),t=require("../FeedCard/useFeedActivity.js"),a=require("../AttachmentPreview/AttachmentPreview.js");require("../../componentsV2/FileIcon/FileIcon.js"),require("../../componentsV2/ButtonIcon/ButtonIcon.js");var u=require("../../componentsV2/Tooltip/Tooltip.js"),l=require("react/jsx-runtime"),m=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js"),require("@babel/runtime/helpers/slicedToArray"),require("../../componentsV2/Menu/Menu.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../clients/jsonApi/index.js"),require("../../utils/main.js"),require("../AttachmentPreview/AttachmentImage.js"),require("../AttachmentPreview/AttachmentPreview.scss.js"),require("file-extension"),require("image-extensions"),require("video-extensions");var d=require("../../componentsV2/Avatar/Avatar.js"),j=require("../LinkedText/LinkedText.js"),p=require("./CommentCardReactions.js"),q=require("./CommentCardReplies.js"),h=require("./CommentCard.scss.js");function I(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=I(e),x=I(s),C=I(i);function b(e,s){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),o.push.apply(o,n)}return o}function f(e){for(var s=1;s<arguments.length;s++){var o=null!=arguments[s]?arguments[s]:{};s%2?b(Object(o),!0).forEach((function(s){v.default(e,s,o[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):b(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}var y=function(e){var s=e.rows;return l.jsx("div",{className:h.metadataRows,children:s.map((function(e){var s=e.label,o=e.value,n=e.unit;return l.jsxs("div",{className:h.metadataRow,children:[l.jsx("span",{className:h.metadataLabel,children:s}),l.jsx("span",{className:h.metadataValue,children:o}),n&&l.jsx("span",{className:h.metadataUnit,children:n})]},s)}))})},O=o.forwardRef((function(e,s){var i=e.activity,I=e.variant,v=void 0===I?"expanded":I,b=e.author,O=e.timestamp,A=e.subtitle,F=e.body,N=e.contextRows,g=e.attachment,R=e.storedAttachments,P=e.isLiked,w=e.likesCount,M=e.commentsCount,k=e.replies,T=e.hasMoreReplies,S=e.moreRepliesCount,D=e.attachments,E=e.onAttachmentClick,L=e.onAttachmentShare,_=e.attachmentSlot,B=e.chip,G=e.chipColor,H=e.onLike,U=e.onReplyToggle,V=e.onForward,z=e.onShowMoreReplies,X=e.menuItems,W=e.isReplyOpen,K=e.replyInput,Z=e.editForm,J=e.width,Q=e.onMouseEnter,Y=e.onMouseLeave,$=e.className,ee=e.testId,se=t.useFeedActivity(i,"comment"),oe=se?[].concat(x.default(null!=X?X:[]),x.default(se.menuItems)):X,ne=se?se.replyInput:K,ie=se?se.isReplyOpen:W,ce=se?se.replies:k,re=!(null==N||!N.length),te=re&&!B,ae=!!(se||H||U||V||null!=oe&&oe.length||te),ue=te&&l.jsx(u.Tooltip,{placement:"top",className:h.metadataTooltip,title:l.jsx(y,{rows:N}),children:l.jsx("span",{className:h.infoButton,"data-testid":"comment-card-info",children:l.jsx(m.InfoIcon,{size:12,strokeWidth:2})})}),le=l.jsx(p.CommentCardReactions,{info:ue,commentsCount:se?se.commentsCount:M,likesCount:se?se.likesCount:w,isLiked:se?se.isLiked:P,menuItems:oe,onLike:se?se.onLike:H,onReplyToggle:se?se.onReplyToggle:U,onForward:V}),me=l.jsxs("div",{className:h.text,children:[B&&l.jsx(u.Tooltip,{placement:"top",className:h.metadataTooltip,title:re?l.jsx(y,{rows:N}):"",children:l.jsxs("span",{className:C.default(h.chip,!!G&&h.chipAccented),style:G?{"--chip-color":G}:void 0,children:[G&&l.jsx("span",{className:h.chipDot}),B]})}),l.jsx(j.LinkedText,{children:F})]}),de=o.useMemo((function(){return null!=R?R:[g].filter(Boolean)}),[R,g]),je=r.useStoredAttachments(de),pe=je.length?je:D,qe=null!=pe&&pe.length?l.jsx(a.AttachmentPreview,{items:pe,onItemClick:E,onShare:L}):null,he={ref:s,width:J,radius:12,onMouseEnter:Q,onMouseLeave:Y,testId:ee,className:$};if(null!=se&&se.isDeleted)return null;var Ie=function(e){return l.jsxs(l.Fragment,{children:[e,null==se?void 0:se.deleteDialog]})};if("preview"===v)return Ie(l.jsxs(c.FeedCard,f(f({},he),{},{maxHeight:c.FEED_CARD_MAX_HEIGHT_PX,children:[l.jsxs("div",{className:h.compactBody,children:[l.jsxs("div",{className:h.compactTop,children:[l.jsx(d.Avatar,{size:24,name:b.name,imageSrc:b.avatarUrl,className:h.avatar}),l.jsx("span",{className:h.name,children:b.name}),l.jsx("span",{className:h.compactTime,children:O})]}),l.jsx("div",{className:h.scrollBody,children:me})]}),ae&&l.jsx("div",{className:h.compactFooter,children:le})]})));var ve=!!Z,xe=l.jsxs("div",{className:h.header,children:[l.jsx(d.Avatar,{size:24,name:b.name,imageSrc:b.avatarUrl,className:h.avatar}),l.jsxs("div",{className:h.headerText,children:[l.jsxs("div",{className:h.nameRow,children:[l.jsx("span",{className:h.name,children:b.name}),O&&l.jsx("span",{className:h.timestamp,children:O})]}),A&&l.jsx("span",{className:h.subtitle,children:A})]})]});return Ie(ve?l.jsxs(c.FeedCard,f(f({},he),{},{children:[l.jsx("div",{className:h.editHeader,children:xe}),Z]})):l.jsxs(c.FeedCard,f(f({},he),{},{children:[l.jsxs("div",{className:h.capped,style:{maxHeight:c.FEED_CARD_MAX_HEIGHT_PX},children:[l.jsxs("div",{className:h.bodySurface,children:[xe,l.jsxs("div",{className:h.scrollBody,children:[me,(qe||_)&&l.jsxs("div",{className:h.attachment,children:[qe,_]})]})]}),ae&&l.jsx("div",{className:h.footer,children:le})]}),ae&&l.jsx(n.Collapse,{in:ie,timeout:250,unmountOnExit:!0,children:l.jsx("div",{className:h.repliesSection,children:l.jsx(q.CommentCardReplies,{replies:ce,hasMoreReplies:se?se.hasMoreReplies:T,moreRepliesCount:se?se.moreRepliesCount:S,isReplyOpen:ie,replyInput:ne,onShowMoreReplies:se?se.onShowMoreReplies:z})})})]})))}));exports.CommentCard=O;
 //# sourceMappingURL=CommentCard.js.map

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

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

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

@@ -1,2 +1,2 @@
-"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".CommentCard_capped__izWBZ{flex-direction:column}.CommentCard_bodySurface__scobR,.CommentCard_capped__izWBZ{overflow-clip-margin:12px;display:flex;overflow:hidden;overflow:clip}.CommentCard_bodySurface__scobR{flex:1 1 auto;flex-direction:column;gap:8px;min-height:0;padding:8px 12px}.CommentCard_editHeader__8aUBt{padding:8px 12px 0}.CommentCard_scrollBody__CIun9{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;margin:0 -24px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 24px}.CommentCard_footer__z3-CY{border-top:1px solid var(--palette-background-b-4);display:flex;flex-direction:column;flex-shrink:0;padding:4px 12px 8px}.CommentCard_repliesSection__iE7QO{padding:8px 12px 12px}.CommentCard_compactBody__zM10O{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-height:0;overflow:hidden;padding:8px 12px}.CommentCard_compactTop__LpiQi{align-items:center;display:flex;flex-shrink:0;gap:8px}.CommentCard_compactTime__JzVQR{color:var(--palette-primary-text-7);font-size:12px;line-height:16px;margin-left:auto;white-space:nowrap}.CommentCard_compactFooter__rgB4D{border-top:1px solid var(--palette-background-b-4);flex-shrink:0;padding:4px 12px 8px}.CommentCard_header__T1SH8{align-items:center;display:flex;flex-shrink:0;gap:8px}.CommentCard_headerText__DRsQG{display:flex;flex:1 0 0;flex-direction:column;min-width:0;word-break:break-word}.CommentCard_nameRow__Or1c0{align-items:center;display:flex;gap:8px;width:100%}.CommentCard_nameRow__Or1c0 .CommentCard_timestamp__EbJCO{margin-left:auto}.CommentCard_subtitle__d-XRe{color:var(--palette-primary-main);font-size:12px;line-height:16px}.CommentCard_avatar__NA2ZA{flex-shrink:0}.CommentCard_name__9-e7A{color:var(--palette-primary-text-1);flex:0 1 auto;font-size:14px;line-height:20px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.CommentCard_timestamp__EbJCO{color:var(--palette-primary-text-7)}.CommentCard_chip__4NUrf,.CommentCard_timestamp__EbJCO{flex-shrink:0;font-size:12px;line-height:16px;white-space:nowrap}.CommentCard_chip__4NUrf{align-items:center;background:rgb(from var(--palette-primary-text-1) r g b/.04);border-radius:8px;color:var(--palette-primary-text-6);display:flex;height:24px;padding:6px 8px}.CommentCard_chipAccented__Xl8ek{border-left:2px solid transparent}.CommentCard_bodyRow__ZUufY{align-items:center;display:flex;gap:8px}.CommentCard_text__eAIZM{color:var(--palette-primary-text-1);flex:1 1 auto;font-size:12px;line-height:16px;min-width:0;white-space:pre-wrap;word-break:break-word}.CommentCard_text__eAIZM a,.CommentCard_text__eAIZM button{font:inherit;padding:0;vertical-align:baseline}.CommentCard_attachment__KktIn{--attachment-arrow-outset:12px;display:flex;flex-direction:column;gap:8px}.CommentCard_infoButton__gqcvK{align-items:center;color:var(--palette-primary-text-6);cursor:default;display:inline-flex}.CommentCard_infoButton__gqcvK:hover{color:var(--palette-primary-text-1)}.CommentCard_metadataTooltip__AL0xt .MuiTooltip-tooltip{max-width:none!important}.CommentCard_metadataRows__c-kqf{display:flex;flex-direction:column;gap:4px;padding:4px 0}.CommentCard_metadataRow__BqcII{align-items:baseline;display:flex;font-size:14px;gap:4px;line-height:20px;white-space:nowrap}.CommentCard_metadataLabel__WRWl7{color:var(--palette-primary-text-6)}.CommentCard_metadataValue__Xwf7S{color:var(--palette-primary-text-1)}.CommentCard_metadataUnit__Bxeps{color:var(--palette-primary-text-6);font-size:12px}.CommentCard_contextLine__Jyoui{align-items:center;color:var(--palette-primary-text-7);column-gap:16px;display:flex;flex-wrap:wrap;font-size:12px;line-height:16px;row-gap:4px}.CommentCard_contextItem__2Xmql{white-space:nowrap}.CommentCard_actionsRow__1Ftxn{align-items:center;display:flex;justify-content:space-between;width:100%}.CommentCard_actions__mUmsV{align-items:center;display:flex;gap:8px}.CommentCard_trailingActions__uGt-3{align-items:center;display:flex;gap:4px}.CommentCard_action__ZfyBP{align-items:center;display:flex;gap:2px}.CommentCard_count__stfpY{color:var(--palette-primary-text-6);font-size:12px;line-height:16px}.CommentCard_liked__zsBqe svg{color:var(--palette-primary-main)}.CommentCard_replies__nRRYo{display:flex;flex-direction:column;gap:8px}.CommentCard_reply__7-U7Q{display:flex;flex-direction:column;gap:4px}.CommentCard_replyHeader__sWnLA{align-items:center;display:flex;gap:8px}.CommentCard_replyNameRow__bs7h2{align-items:center;display:flex;flex:1 0 0;gap:12px;min-width:0}.CommentCard_replyName__C8tst{color:var(--palette-primary-text-1);font-size:14px;line-height:20px;white-space:nowrap}.CommentCard_replyTimestamp__YzuW1{color:var(--palette-primary-text-7);flex:1 0 0;font-size:12px;line-height:16px;min-width:0}.CommentCard_replyText__8JPKK{color:var(--palette-primary-text-1);font-size:12px;line-height:16px;padding-left:40px;white-space:pre-wrap;word-break:break-word}.CommentCard_replyText__8JPKK a,.CommentCard_replyText__8JPKK button{font:inherit;padding:0;vertical-align:baseline}"),module.exports={spacing:"8",capped:"CommentCard_capped__izWBZ",bodySurface:"CommentCard_bodySurface__scobR",editHeader:"CommentCard_editHeader__8aUBt",scrollBody:"CommentCard_scrollBody__CIun9",footer:"CommentCard_footer__z3-CY",repliesSection:"CommentCard_repliesSection__iE7QO",compactBody:"CommentCard_compactBody__zM10O",compactTop:"CommentCard_compactTop__LpiQi",compactTime:"CommentCard_compactTime__JzVQR",compactFooter:"CommentCard_compactFooter__rgB4D",header:"CommentCard_header__T1SH8",headerText:"CommentCard_headerText__DRsQG",nameRow:"CommentCard_nameRow__Or1c0",timestamp:"CommentCard_timestamp__EbJCO",subtitle:"CommentCard_subtitle__d-XRe",avatar:"CommentCard_avatar__NA2ZA",name:"CommentCard_name__9-e7A",chip:"CommentCard_chip__4NUrf",chipAccented:"CommentCard_chipAccented__Xl8ek",bodyRow:"CommentCard_bodyRow__ZUufY",text:"CommentCard_text__eAIZM",attachment:"CommentCard_attachment__KktIn",infoButton:"CommentCard_infoButton__gqcvK",metadataTooltip:"CommentCard_metadataTooltip__AL0xt",metadataRows:"CommentCard_metadataRows__c-kqf",metadataRow:"CommentCard_metadataRow__BqcII",metadataLabel:"CommentCard_metadataLabel__WRWl7",metadataValue:"CommentCard_metadataValue__Xwf7S",metadataUnit:"CommentCard_metadataUnit__Bxeps",contextLine:"CommentCard_contextLine__Jyoui",contextItem:"CommentCard_contextItem__2Xmql",actionsRow:"CommentCard_actionsRow__1Ftxn",actions:"CommentCard_actions__mUmsV",trailingActions:"CommentCard_trailingActions__uGt-3",action:"CommentCard_action__ZfyBP",count:"CommentCard_count__stfpY",liked:"CommentCard_liked__zsBqe",replies:"CommentCard_replies__nRRYo",reply:"CommentCard_reply__7-U7Q",replyHeader:"CommentCard_replyHeader__sWnLA",replyNameRow:"CommentCard_replyNameRow__bs7h2",replyName:"CommentCard_replyName__C8tst",replyTimestamp:"CommentCard_replyTimestamp__YzuW1",replyText:"CommentCard_replyText__8JPKK"};
+"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".CommentCard_capped__izWBZ{flex-direction:column}.CommentCard_bodySurface__scobR,.CommentCard_capped__izWBZ{overflow-clip-margin:12px;display:flex;overflow:hidden;overflow:clip}.CommentCard_bodySurface__scobR{flex:1 1 auto;flex-direction:column;gap:8px;min-height:0;padding:8px 12px}.CommentCard_editHeader__8aUBt{padding:8px 12px 0}.CommentCard_scrollBody__CIun9{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;margin:0 -24px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 24px}.CommentCard_footer__z3-CY{border-top:1px solid var(--palette-background-b-4);display:flex;flex-direction:column;flex-shrink:0;padding:4px 12px 8px}.CommentCard_repliesSection__iE7QO{padding:8px 12px 12px}.CommentCard_compactBody__zM10O{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-height:0;overflow:hidden;padding:8px 12px}.CommentCard_compactTop__LpiQi{align-items:center;display:flex;flex-shrink:0;gap:8px}.CommentCard_compactTime__JzVQR{color:var(--palette-primary-text-7);font-size:12px;line-height:16px;margin-left:auto;white-space:nowrap}.CommentCard_compactFooter__rgB4D{border-top:1px solid var(--palette-background-b-4);flex-shrink:0;padding:4px 12px 8px}.CommentCard_header__T1SH8{align-items:center;display:flex;flex-shrink:0;gap:8px}.CommentCard_headerText__DRsQG{display:flex;flex:1 0 0;flex-direction:column;min-width:0;word-break:break-word}.CommentCard_nameRow__Or1c0{align-items:center;display:flex;gap:8px;width:100%}.CommentCard_nameRow__Or1c0 .CommentCard_timestamp__EbJCO{margin-left:auto}.CommentCard_subtitle__d-XRe{color:var(--palette-primary-main);font-size:12px;line-height:16px}.CommentCard_avatar__NA2ZA{flex-shrink:0}.CommentCard_name__9-e7A{color:var(--palette-primary-text-1);flex:0 1 auto;font-size:14px;line-height:20px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.CommentCard_timestamp__EbJCO{color:var(--palette-primary-text-7);flex-shrink:0;font-size:12px;line-height:16px;white-space:nowrap}.CommentCard_chip__4NUrf{align-items:center;background:rgb(from var(--palette-primary-text-1) r g b/.04);border-radius:8px;box-sizing:border-box;color:var(--palette-primary-text-1);cursor:pointer;display:flex;float:right;font-size:12px;gap:4px;height:24px;line-height:16px;margin:4px 0 0 8px;padding:6px;white-space:nowrap}.CommentCard_chipAccented__Xl8ek{background:linear-gradient(94deg,rgb(from var(--chip-color) r g b/.16) 1%,transparent 35%),rgb(from var(--palette-primary-text-1) r g b/.04);border:.5px solid rgb(from var(--chip-color) r g b/.5)}.CommentCard_chipDot__P-usA{background:var(--chip-color);border-radius:50%;flex-shrink:0;height:6px;width:6px}.CommentCard_text__eAIZM{color:var(--palette-primary-text-1);font-size:12px;line-height:16px;white-space:pre-wrap;word-break:break-word}.CommentCard_text__eAIZM a,.CommentCard_text__eAIZM button{font:inherit;padding:0;vertical-align:baseline}.CommentCard_attachment__KktIn{--attachment-arrow-outset:12px;display:flex;flex-direction:column;gap:8px}.CommentCard_infoButton__gqcvK{align-items:center;color:var(--palette-primary-text-6);cursor:default;display:inline-flex}.CommentCard_infoButton__gqcvK:hover{color:var(--palette-primary-text-1)}.CommentCard_metadataTooltip__AL0xt .MuiTooltip-tooltip{max-width:none!important}.CommentCard_metadataRows__c-kqf{display:flex;flex-direction:column;gap:4px;padding:4px 0}.CommentCard_metadataRow__BqcII{align-items:baseline;display:flex;font-size:14px;gap:4px;line-height:20px;white-space:nowrap}.CommentCard_metadataLabel__WRWl7{color:var(--palette-primary-text-6)}.CommentCard_metadataValue__Xwf7S{color:var(--palette-primary-text-1)}.CommentCard_metadataUnit__Bxeps{color:var(--palette-primary-text-6);font-size:12px}.CommentCard_contextLine__Jyoui{align-items:center;color:var(--palette-primary-text-7);column-gap:16px;display:flex;flex-wrap:wrap;font-size:12px;line-height:16px;row-gap:4px}.CommentCard_contextItem__2Xmql{white-space:nowrap}.CommentCard_actionsRow__1Ftxn{align-items:center;display:flex;justify-content:space-between;width:100%}.CommentCard_actions__mUmsV{align-items:center;display:flex;gap:8px}.CommentCard_trailingActions__uGt-3{align-items:center;display:flex;gap:4px}.CommentCard_action__ZfyBP{align-items:center;display:flex;gap:2px}.CommentCard_count__stfpY{color:var(--palette-primary-text-6);font-size:12px;line-height:16px}.CommentCard_liked__zsBqe svg{color:var(--palette-primary-main)}.CommentCard_replies__nRRYo{display:flex;flex-direction:column;gap:8px}.CommentCard_reply__7-U7Q{display:flex;flex-direction:column;gap:4px}.CommentCard_replyHeader__sWnLA{align-items:center;display:flex;gap:8px}.CommentCard_replyNameRow__bs7h2{align-items:center;display:flex;flex:1 0 0;gap:12px;min-width:0}.CommentCard_replyName__C8tst{color:var(--palette-primary-text-1);font-size:14px;line-height:20px;white-space:nowrap}.CommentCard_replyTimestamp__YzuW1{color:var(--palette-primary-text-7);flex:1 0 0;font-size:12px;line-height:16px;min-width:0}.CommentCard_replyText__8JPKK{color:var(--palette-primary-text-1);font-size:12px;line-height:16px;padding-left:40px;white-space:pre-wrap;word-break:break-word}.CommentCard_replyText__8JPKK a,.CommentCard_replyText__8JPKK button{font:inherit;padding:0;vertical-align:baseline}"),module.exports={spacing:"8",capped:"CommentCard_capped__izWBZ",bodySurface:"CommentCard_bodySurface__scobR",editHeader:"CommentCard_editHeader__8aUBt",scrollBody:"CommentCard_scrollBody__CIun9",footer:"CommentCard_footer__z3-CY",repliesSection:"CommentCard_repliesSection__iE7QO",compactBody:"CommentCard_compactBody__zM10O",compactTop:"CommentCard_compactTop__LpiQi",compactTime:"CommentCard_compactTime__JzVQR",compactFooter:"CommentCard_compactFooter__rgB4D",header:"CommentCard_header__T1SH8",headerText:"CommentCard_headerText__DRsQG",nameRow:"CommentCard_nameRow__Or1c0",timestamp:"CommentCard_timestamp__EbJCO",subtitle:"CommentCard_subtitle__d-XRe",avatar:"CommentCard_avatar__NA2ZA",name:"CommentCard_name__9-e7A",chip:"CommentCard_chip__4NUrf",chipAccented:"CommentCard_chipAccented__Xl8ek",chipDot:"CommentCard_chipDot__P-usA",text:"CommentCard_text__eAIZM",attachment:"CommentCard_attachment__KktIn",infoButton:"CommentCard_infoButton__gqcvK",metadataTooltip:"CommentCard_metadataTooltip__AL0xt",metadataRows:"CommentCard_metadataRows__c-kqf",metadataRow:"CommentCard_metadataRow__BqcII",metadataLabel:"CommentCard_metadataLabel__WRWl7",metadataValue:"CommentCard_metadataValue__Xwf7S",metadataUnit:"CommentCard_metadataUnit__Bxeps",contextLine:"CommentCard_contextLine__Jyoui",contextItem:"CommentCard_contextItem__2Xmql",actionsRow:"CommentCard_actionsRow__1Ftxn",actions:"CommentCard_actions__mUmsV",trailingActions:"CommentCard_trailingActions__uGt-3",action:"CommentCard_action__ZfyBP",count:"CommentCard_count__stfpY",liked:"CommentCard_liked__zsBqe",replies:"CommentCard_replies__nRRYo",reply:"CommentCard_reply__7-U7Q",replyHeader:"CommentCard_replyHeader__sWnLA",replyNameRow:"CommentCard_replyNameRow__bs7h2",replyName:"CommentCard_replyName__C8tst",replyTimestamp:"CommentCard_replyTimestamp__YzuW1",replyText:"CommentCard_replyText__8JPKK"};
 //# sourceMappingURL=CommentCard.scss.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"CommentComposer.js","sources":["../../../../src/components/CommentComposer/CommentComposer.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  FormEventHandler,\n  KeyboardEvent,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useRef,\n} from 'react';\nimport { Input } from '@material-ui/core';\nimport AlternateEmailIcon from '@material-ui/icons/AlternateEmail';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { SmilingFaceIcon } from '../../icons';\nimport Avatar from '../Avatar';\nimport { AttachFileButton } from '../AttachFileButton';\nimport { CommentInput } from '../CommentInputNext/CommentInputNext';\nimport EmojiIconButton from '../EmojiIconButton';\nimport FailedFileUploading from '../FailedFileUploading';\nimport UserMention from '../UserMention';\nimport { isSuggestionsListOpened } from '../UserMention/utils';\n\nimport {\n  useAttachmentUpload,\n  UploadedAttachment,\n  DEFAULT_MAX_ATTACHMENTS,\n} from './useAttachmentUpload';\nimport { CommentMetaLine, CommentMetaRow } from './CommentMetaLine';\nimport { ShareToChatRow, ShareToChatRowProps } from './ShareToChatRow';\n\nimport styles from './CommentComposer.scss';\n\n/* eslint-disable camelcase -- mirrors the platform's snake_case user payload. */\nexport type CommentComposerUser = {\n  id?: number;\n  company_id?: number;\n  first_name?: string;\n  last_name?: string;\n  profile_photo?: string;\n  [key: string]: unknown;\n};\n/* eslint-enable camelcase */\n\nexport type CommentComposerProps = {\n  body: string;\n  onBodyChange: (value: string) => void;\n  onSubmit: () => void;\n  canSubmit: boolean;\n  currentUser: CommentComposerUser;\n\n  attachments?: UploadedAttachment[];\n  onAttachmentsChange?: (attachments: UploadedAttachment[]) => void;\n  maxAttachments?: number;\n  /** @deprecated Use `attachments` — kept so single-attachment callers keep working. */\n  attachment?: UploadedAttachment | null;\n  /** @deprecated Use `onAttachmentsChange`. */\n  onAttachmentChange?: (attachment: UploadedAttachment | null) => void;\n  attachmentError?: string | null;\n  onAttachmentError?: (message: string | null) => void;\n  maxAttachmentSizeBytes?: number;\n\n  disabled?: boolean;\n  autoFocus?: boolean;\n  placeholder?: string;\n  metaRows?: CommentMetaRow[];\n  isMetaSingleLine?: boolean;\n  shareToChat?: Omit<ShareToChatRowProps, 'testId'>;\n  /** Replaces the default send button, e.g. the edit form's Cancel/Save. */\n  trailing?: ReactNode;\n  /** Render flush inside a host card instead of as its own surface. */\n  embedded?: boolean;\n  className?: string;\n  testId?: string;\n};\n\nconst SUGGESTIONS_BACKGROUND = 'var(--palette-background-b-9)';\n\n// Module-level so react-mentions isn't re-rendered on every keystroke.\nconst MENTION_INPUT_STYLE = {\n  fontSize: 14,\n  lineHeight: '20px',\n  suggestions: {\n    backgroundColor: SUGGESTIONS_BACKGROUND,\n    list: { backgroundColor: SUGGESTIONS_BACKGROUND },\n    item: {\n      color: 'var(--palette-primary-text-1)',\n      '&focused': { backgroundColor: 'rgb(from var(--palette-primary-text-1) r g b / 0.08)' },\n    },\n  },\n} as unknown as CSSProperties;\n\nconst renderSuggestion = (entry: { display: string; photo?: string }) => (\n  <div className={styles.suggestion}>\n    <Avatar size={26} alt={entry.display} imgSrc={entry.photo} displayName={entry.display} />\n    <span>{entry.display}</span>\n  </div>\n);\n\nexport const CommentComposer = ({\n  body,\n  onBodyChange,\n  onSubmit,\n  canSubmit,\n  currentUser,\n  attachments,\n  onAttachmentsChange,\n  maxAttachments = DEFAULT_MAX_ATTACHMENTS,\n  attachment,\n  onAttachmentChange,\n  attachmentError,\n  onAttachmentError,\n  maxAttachmentSizeBytes,\n  disabled,\n  autoFocus,\n  placeholder = 'Add a comment...',\n  metaRows,\n  isMetaSingleLine,\n  shareToChat,\n  trailing,\n  embedded,\n  className,\n  testId,\n}: CommentComposerProps) => {\n  // Callers still on the singular props get the old one-file behaviour, unchanged.\n  const isMulti = !!onAttachmentsChange;\n  const value = useMemo(\n    () => (isMulti ? attachments ?? [] : ([attachment].filter(Boolean) as UploadedAttachment[])),\n    [isMulti, attachments, attachment]\n  );\n\n  const handleAttachmentsChange = useCallback(\n    (next: UploadedAttachment[]) => {\n      if (onAttachmentsChange) onAttachmentsChange(next);\n      else onAttachmentChange?.(next[0] ?? null);\n    },\n    [onAttachmentsChange, onAttachmentChange]\n  );\n\n  const upload = useAttachmentUpload({\n    value,\n    onChange: handleAttachmentsChange,\n    onError: onAttachmentError,\n    maxSizeBytes: maxAttachmentSizeBytes,\n    maxFiles: isMulti ? maxAttachments : 1,\n  });\n\n  // An attachment only lands once S3 confirms, so posting mid-upload would drop it.\n  const canSend = canSubmit && !upload.isUploading;\n\n  const fieldRef = useRef<HTMLTextAreaElement | null>(null);\n\n  // react-mentions opens suggestions from textarea events, so type \"@\" instead of setting state.\n  const mentionSomeone = () => {\n    const field = fieldRef.current;\n    if (!field) return;\n\n    field.focus();\n\n    const needsSpace = !!field.value && !/\\s$/.test(field.value);\n    const nextValue = `${field.value}${needsSpace ? ' @' : '@'}`;\n    const setValue = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(field), 'value')?.set;\n\n    setValue?.call(field, nextValue);\n    field.setSelectionRange(nextValue.length, nextValue.length);\n    field.dispatchEvent(new Event('input', { bubbles: true }));\n    field.dispatchEvent(new Event('keyup', { bubbles: true }));\n  };\n\n  const handleEnterKey = (event: KeyboardEvent) => {\n    if (event.key !== 'Enter' || event.shiftKey) return;\n    if (!canSend || disabled) return;\n    if (isSuggestionsListOpened()) return;\n\n    event.preventDefault();\n    onSubmit();\n  };\n\n  return (\n    <CommentInput\n      value={body}\n      canSubmit={canSend}\n      disabled={disabled}\n      onSubmit={onSubmit}\n      trailing={trailing}\n      embedded={embedded}\n      className={className}\n      testId={testId}\n      field={\n        <Input\n          inputComponent={UserMention}\n          inputProps={{\n            // UserMention calls onChange with the text string, not a DOM event.\n            onChange: onBodyChange as unknown as FormEventHandler<HTMLInputElement>,\n            currentUser,\n            allowEmptyQuery: true,\n            suggestionsPortalHost: document.querySelector('body'),\n            withLightTheme: false,\n            mentionProps: { renderSuggestion },\n            highlightLinks: true,\n            style: MENTION_INPUT_STYLE,\n          }}\n          value={body}\n          placeholder={placeholder}\n          inputRef={fieldRef}\n          className={styles.mentionField}\n          onKeyDown={handleEnterKey}\n          disableUnderline\n          rows={1}\n          fullWidth\n          multiline\n          autoFocus={autoFocus}\n        />\n      }\n      attachments={upload.items}\n      onAttachmentRemove={upload.removeAttachment}\n      onAttachmentRetry={upload.handleRetry}\n      onAttachmentReorder={isMulti ? upload.reorderAttachments : undefined}\n      onFilesDrop={upload.addFiles}\n      onImageLinkPaste={upload.addLinkedImage}\n      dropLabel={upload.maxFiles === 1 ? 'Drop a file here' : 'Drop files here'}\n      attachmentSlot={\n        attachmentError ? <FailedFileUploading errorMessage={attachmentError} /> : undefined\n      }\n      toolbar={\n        <>\n          <AttachFileButton\n            inputRef={upload.fileInputRef}\n            onClick={upload.openFileDialog}\n            onFileSelect={upload.handleFileSelect}\n            multiple={isMulti}\n            disabled={upload.isFull}\n            tooltip={\n              upload.isFull\n                ? `Up to ${upload.maxFiles} ${\n                    upload.maxFiles === 1 ? 'file' : 'files'\n                  } can be attached`\n                : 'Attach file'\n            }\n          />\n          <Tooltip title=\"Mention someone\">\n            <ButtonIcon size=\"xs\" type=\"tertiary\" onClick={mentionSomeone}>\n              <AlternateEmailIcon fontSize=\"inherit\" />\n            </ButtonIcon>\n          </Tooltip>\n          <span className={styles.iconSlot}>\n            <EmojiIconButton\n              icon={<SmilingFaceIcon size={16} />}\n              handleSelectEmoji={(emoji: { native: string }) =>\n                onBodyChange(`${body}${emoji.native}`)\n              }\n            />\n          </span>\n        </>\n      }\n      footer={\n        (!!metaRows?.length || !!shareToChat) && (\n          <>\n            <CommentMetaLine rows={metaRows ?? []} singleLine={isMetaSingleLine} />\n            {shareToChat && <ShareToChatRow {...shareToChat} />}\n          </>\n        )\n      }\n    />\n  );\n};\n"],"names":["MENTION_INPUT_STYLE","fontSize","lineHeight","suggestions","backgroundColor","list","item","color","renderSuggestion","entry","_jsxs","className","styles","suggestion","children","_jsx","Avatar","size","alt","display","imgSrc","photo","displayName","jsx","_ref","body","onBodyChange","onSubmit","canSubmit","currentUser","attachments","onAttachmentsChange","_ref$maxAttachments","maxAttachments","DEFAULT_MAX_ATTACHMENTS","attachment","onAttachmentChange","attachmentError","onAttachmentError","maxAttachmentSizeBytes","disabled","autoFocus","_ref$placeholder","placeholder","metaRows","isMetaSingleLine","shareToChat","trailing","embedded","testId","isMulti","value","useMemo","filter","Boolean","handleAttachmentsChange","useCallback","next","_next$","upload","useAttachmentUpload","onChange","onError","maxSizeBytes","maxFiles","canSend","isUploading","fieldRef","useRef","CommentInput","field","Input","inputComponent","UserMention","inputProps","allowEmptyQuery","suggestionsPortalHost","document","querySelector","withLightTheme","mentionProps","highlightLinks","style","inputRef","mentionField","onKeyDown","event","key","shiftKey","isSuggestionsListOpened","preventDefault","disableUnderline","rows","fullWidth","multiline","items","onAttachmentRemove","removeAttachment","onAttachmentRetry","handleRetry","onAttachmentReorder","reorderAttachments","undefined","onFilesDrop","addFiles","onImageLinkPaste","addLinkedImage","dropLabel","attachmentSlot","FailedFileUploading","errorMessage","toolbar","jsxs","_Fragment","AttachFileButton","fileInputRef","onClick","openFileDialog","onFileSelect","handleFileSelect","multiple","isFull","tooltip","concat","Tooltip","title","ButtonIcon","type","_Object$getOwnPropert","current","focus","needsSpace","test","nextValue","setValue","Object","getOwnPropertyDescriptor","getPrototypeOf","set","call","setSelectionRange","length","dispatchEvent","Event","bubbles","AlternateEmailIcon","iconSlot","EmojiIconButton","icon","SmilingFaceIcon","handleSelectEmoji","emoji","native","footer","CommentMetaLine","singleLine","ShareToChatRow","_objectSpread"],"mappings":"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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  useState,\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';\nimport { WellhubFilePicker } from '../WellhubFilePicker';\nimport type { WellhubContext, WellhubFile } from '../WellhubFilePicker';\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  wellhubContext?: WellhubContext;\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  wellhubContext,\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 [isWellhubOpen, setIsWellhubOpen] = useState(false);\n  const attachedKeys = useMemo(() => value.map(item => item.name), [value]);\n\n  const addWellhubFiles = (files: WellhubFile[]) => {\n    setIsWellhubOpen(false);\n    upload.addStoredFiles(files.map(file => ({ fileName: file.fileName })));\n  };\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    <>\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              onWellhubSelect={wellhubContext ? () => setIsWellhubOpen(true) : undefined}\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 ${isMulti ? 'files' : '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      {wellhubContext && (\n        <WellhubFilePicker\n          {...wellhubContext}\n          open={isWellhubOpen}\n          maxSelectable={upload.maxFiles - upload.count}\n          attachedFileNames={attachedKeys}\n          onAdd={addWellhubFiles}\n          onClose={() => setIsWellhubOpen(false)}\n        />\n      )}\n    </>\n  );\n};\n"],"names":["MENTION_INPUT_STYLE","fontSize","lineHeight","suggestions","backgroundColor","list","item","color","renderSuggestion","entry","_jsxs","className","styles","suggestion","children","_jsx","Avatar","size","alt","display","imgSrc","photo","displayName","jsx","_ref","body","onBodyChange","onSubmit","canSubmit","currentUser","attachments","onAttachmentsChange","_ref$maxAttachments","maxAttachments","DEFAULT_MAX_ATTACHMENTS","attachment","onAttachmentChange","attachmentError","onAttachmentError","maxAttachmentSizeBytes","wellhubContext","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","useState","_useState2","_slicedToArray","_useState","isWellhubOpen","setIsWellhubOpen","attachedKeys","map","name","fieldRef","useRef","_Fragment","CommentInput","field","Input","inputComponent","UserMention","inputProps","allowEmptyQuery","suggestionsPortalHost","document","querySelector","withLightTheme","mentionProps","highlightLinks","style","inputRef","mentionField","onKeyDown","event","key","shiftKey","isSuggestionsListOpened","preventDefault","disableUnderline","rows","fullWidth","multiline","items","onAttachmentRemove","removeAttachment","onAttachmentRetry","handleRetry","onAttachmentReorder","reorderAttachments","undefined","onFilesDrop","addFiles","onImageLinkPaste","addLinkedImage","dropLabel","attachmentSlot","FailedFileUploading","errorMessage","toolbar","jsxs","AttachFileButton","fileInputRef","onClick","openFileDialog","onFileSelect","handleFileSelect","onWellhubSelect","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","WellhubFilePicker","open","maxSelectable","count","attachedFileNames","onAdd","files","addStoredFiles","file","fileName","onClose"],"mappings":"+vMAgFA,IAGMA,EAAsB,CAC1BC,SAAU,GACVC,WAAY,OACZC,YAAa,CACXC,gBAP2B,gCAQ3BC,KAAM,CAAED,gBARmB,iCAS3BE,KAAM,CACJC,MAAO,gCACP,WAAY,CAAEH,gBAAiB,2DAK/BI,EAAmB,SAACC,GAA0C,OAClEC,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOC,WAAWC,SAAA,CAChCC,MAACC,kBAAM,CAACC,KAAM,GAAIC,IAAKT,EAAMU,QAASC,OAAQX,EAAMY,MAAOC,YAAab,EAAMU,UAC9EJ,EAAAQ,IAAA,OAAA,CAAAT,SAAOL,EAAMU,YACT,0BAGuB,SAyBHK,GAAA,IAxB1BC,IAAAA,KACAC,IAAAA,aACAC,IAAAA,SACAC,IAAAA,UACAC,IAAAA,YACAC,IAAAA,YACAC,IAAAA,oBAAmBC,EAAAR,EACnBS,eAAAA,aAAiBC,EAAuBA,wBAAAF,EACxCG,IAAAA,WACAC,IAAAA,mBACAC,IAAAA,gBACAC,IAAAA,kBACAC,IAAAA,uBACAC,IAAAA,eACAC,IAAAA,SACAC,IAAAA,UAASC,EAAAnB,EACToB,YAAAA,aAAc,mBAAkBD,EAChCE,IAAAA,SACAC,IAAAA,iBACAC,IAAAA,YACAC,IAAAA,SACAC,IAAAA,SACAtC,IAAAA,UACAuC,IAAAA,OAGMC,IAAYpB,EACZqB,EAAQC,EAAAA,SACZ,WAAA,OAAOF,EAAUrB,QAAAA,EAAe,GAAM,CAACK,GAAYmB,OAAOC,QAAkC,GAC5F,CAACJ,EAASrB,EAAaK,IAGnBqB,EAA0BC,eAC9B,SAACC,GAA+B,IAAAC,EAC1B5B,EAAqBA,EAAoB2B,GACxCtB,SAAAA,EAA4B,UAAPsB,EAAK,UAAE,IAAAC,EAAAA,EAAI,KACvC,GACA,CAAC5B,EAAqBK,IAGlBwB,EAASC,EAAAA,oBAAoB,CACjCT,MAAAA,EACAU,SAAUN,EACVO,QAASzB,EACT0B,aAAczB,EACd0B,SAAUd,EAAUlB,EAAiB,IAIjCiC,EAAUtC,IAAcgC,EAAOO,YAEKC,GAAAA,EAAQA,UAAC,GAAMC,GAAAC,EAAAA,QAAAC,GAAA,GAAlDC,GAAaH,GAAA,GAAEI,GAAgBJ,GAAA,GAChCK,GAAerB,EAAAA,SAAQ,WAAA,OAAMD,EAAMuB,KAAI,SAAArE,GAAI,OAAIA,EAAKsE,UAAO,CAACxB,IAO5DyB,GAAWC,SAAmC,MA4BpD,OACEpE,EAAAA,KAAAqE,EAAAA,SAAA,CAAAjE,SAAA,CACEC,MAACiE,eAAY,CACX5B,MAAO3B,EACPG,UAAWsC,EACXzB,SAAUA,EACVd,SAAUA,EACVqB,SAAUA,EACVC,SAAUA,EACVtC,UAAWA,EACXuC,OAAQA,EACR+B,MACElE,MAACmE,QAAK,CACJC,eAAgBC,EAChBC,WAAY,CAEVvB,SAAUpC,EACVG,YAAAA,EACAyD,iBAAiB,EACjBC,sBAAuBC,SAASC,cAAc,QAC9CC,gBAAgB,EAChBC,aAAc,CAAEnF,iBAAAA,GAChBoF,gBAAgB,EAChBC,MAAO7F,GAEToD,MAAO3B,EACPmB,YAAaA,EACbkD,SAAUjB,GACVlE,UAAWC,EAAOmF,aAClBC,UAtCa,SAACC,GACJ,UAAdA,EAAMC,KAAmBD,EAAME,UAC9BjC,IAAWzB,IACZ2D,EAAAA,4BAEJH,EAAMI,iBACN1E,OAiCQ2E,kBAAgB,EAChBC,KAAM,EACNC,WAAS,EACTC,WAAS,EACT/D,UAAWA,IAGfZ,YAAa8B,EAAO8C,MACpBC,mBAAoB/C,EAAOgD,iBAC3BC,kBAAmBjD,EAAOkD,YAC1BC,oBAAqB5D,EAAUS,EAAOoD,wBAAqBC,EAC3DC,YAAatD,EAAOuD,SACpBC,iBAAkBxD,EAAOyD,eACzBC,UAA+B,IAApB1D,EAAOK,SAAiB,mBAAqB,kBACxDsD,eACElF,EAAkBtB,EAAAQ,IAACiG,EAAmB,CAACC,aAAcpF,SAAsB4E,EAE7ES,QACEhH,EAAAiH,KAAA5C,WAAA,CAAAjE,SAAA,CACEC,MAAC6G,mBAAgB,CACf9B,SAAUlC,EAAOiE,aACjBC,QAASlE,EAAOmE,eAChBC,aAAcpE,EAAOqE,iBACrBC,gBAAiB1F,EAAiB,WAAA,OAAMiC,IAAiB,EAAK,OAAGwC,EACjEkB,SAAUhF,EACVV,SAAUmB,EAAOwE,OACjBC,QACEzE,EAAOwE,uBACMxE,EAAOK,SAAQ,KAAAqE,OACF,IAApB1E,EAAOK,SAAiB,OAAS,6CAEzBd,EAAU,QAAU,UAGtCpC,MAACwH,UAAO,CAACC,MAAM,kBAAiB1H,SAC9BC,MAAC0H,aAAU,CAACxH,KAAK,KAAKyH,KAAK,WAAWZ,QA1F3B,WAAM,IAAAa,EACrB1D,EAAQJ,GAAS+D,QACvB,GAAK3D,EAAL,CAEAA,EAAM4D,QAEN,IAAMC,IAAe7D,EAAM7B,QAAU,MAAM2F,KAAK9D,EAAM7B,OAChD4F,EAAe/D,GAAAA,OAAAA,EAAM7B,OAAQ0F,OAAAA,EAAa,KAAO,KACjDG,EAAiF,QAAtEC,EAAAA,OAAOC,yBAAyBD,OAAOE,eAAenE,GAAQ,gBAAQ,IAAA0D,OAAA,EAAtEA,EAAwEU,IAEzFJ,SAAAA,EAAUK,KAAKrE,EAAO+D,GACtB/D,EAAMsE,kBAAkBP,EAAUQ,OAAQR,EAAUQ,QACpDvE,EAAMwE,cAAc,IAAIC,MAAM,QAAS,CAAEC,SAAS,KAClD1E,EAAMwE,cAAc,IAAIC,MAAM,QAAS,CAAEC,SAAS,IAXtC,GAwF4D7I,SAC5DC,MAAC6I,UAAkB,CAAC3J,SAAS,gBAGjCc,EAAAQ,IAAA,OAAA,CAAMZ,UAAWC,EAAOiJ,SAAS/I,SAC/BC,MAAC+I,EAAe,CACdC,KAAMhJ,MAACiJ,kBAAe,CAAC/I,KAAM,KAC7BgJ,kBAAmB,SAACC,GAAyB,OAC3CxI,EAAgBD,GAAAA,OAAAA,UAAOyI,EAAMC,QAAS,SAMhDC,UACKvH,UAAAA,EAAU2G,WAAYzG,IACvBrC,EAAAA,KAAAqE,EAAAA,SAAA,CAAAjE,SAAA,CACEC,MAACsJ,kBAAe,CAAC9D,KAAM1D,QAAAA,EAAY,GAAIyH,WAAYxH,IAClDC,GAAehC,MAACwJ,EAAAA,eAAcC,EAAA,CAAA,EAAKzH,SAM3CP,GACCzB,EAACQ,IAAAkJ,2BACKjI,GAAc,GAAA,CAClBkI,KAAMlG,GACNmG,cAAe/G,EAAOK,SAAWL,EAAOgH,MACxCC,kBAAmBnG,GACnBoG,MAhIgB,SAACC,GACvBtG,IAAiB,GACjBb,EAAOoH,eAAeD,EAAMpG,KAAI,SAAAsG,GAAI,MAAK,CAAEC,SAAUD,EAAKC,SAAW,MA+H/DC,QAAS,WAAA,OAAM1G,IAAiB,EAAM,OAKhD"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useAttachmentUpload.js","sources":["../../../../src/components/CommentComposer/useAttachmentUpload.ts"],"sourcesContent":["import { ChangeEvent, useCallback, useEffect, useRef, useState } from 'react';\nimport S3Upload from 'react-s3-uploader/s3upload';\n\nimport type {\n  AttachmentKind,\n  AttachmentPreviewItem,\n} from '../AttachmentPreview/AttachmentPreview.types';\nimport { getAttachmentKind } from '../AttachmentPreview/getAttachmentKind';\nimport { ACCEPTED_ATTACHMENT_TYPES } from '../AttachFileButton';\n\nimport { getS3SignedUrl } from '~/clients/jsonApi';\nimport { getUrlFileName } from '~/utils/links';\nimport { getSignedLink, peekSignedLink } from '~/utils/signedLinkCache';\n\nexport type UploadedAttachment = {\n  url: string;\n  name: string;\n  size?: number;\n};\n\ntype UseAttachmentUploadOptions = {\n  value: UploadedAttachment[];\n  onChange: (attachments: UploadedAttachment[]) => void;\n  onError?: (message: string | null) => void;\n  maxSizeBytes?: number;\n  maxFiles?: number;\n  /** Mirrors the file input's `accept`; also gates drag-and-drop. */\n  accept?: string;\n};\n\n/** A picked or already-stored file, in the order the user arranged it. */\ntype Entry = {\n  id: string;\n  name: string;\n  /** Set while the file is local; cleared entries come from `value`. */\n  file: File | null;\n  previewUrl: string;\n  isUploading: boolean;\n  error: string | null;\n  uploaded: UploadedAttachment | null;\n};\n\nexport const DEFAULT_MAX_ATTACHMENTS = 10;\n\n/** Same rules the file input enforces via `accept`, so drag-and-drop can't smuggle a type past it. */\nconst isAcceptedType = (file: File, accept: string) =>\n  accept\n    .split(',')\n    .map(rule => rule.trim().toLowerCase())\n    .filter(Boolean)\n    .some(rule => {\n      if (rule.startsWith('.')) return file.name.toLowerCase().endsWith(rule);\n      if (rule.endsWith('/*')) {\n        const type = file.type.toLowerCase();\n        if (type) return type.startsWith(rule.slice(0, -1));\n\n        return getAttachmentKind({ name: file.name }) === rule.slice(0, -1);\n      }\n\n      return file.type.toLowerCase() === rule;\n    });\n\nconst getFileKind = (file: File): AttachmentKind => {\n  if (file.type.startsWith('image/')) return 'image';\n  if (file.type.startsWith('video/')) return 'video';\n  return 'file';\n};\n\nconst formatMb = (bytes: number) => (bytes / (1024 * 1024)).toFixed(1);\n\nconst getUploaded = (entries: Entry[]) =>\n  entries.map(entry => entry.uploaded).filter(Boolean) as UploadedAttachment[];\n\nconst isSameList = (a: UploadedAttachment[], b: UploadedAttachment[]) =>\n  a.length === b.length && a.every((item, index) => item.url === b[index].url);\n\nconst toStoredEntry = (attachment: UploadedAttachment): Entry => ({\n  id: attachment.url,\n  name: attachment.name,\n  file: null,\n  previewUrl: '',\n  isUploading: false,\n  error: null,\n  uploaded: attachment,\n});\n\nlet entrySeq = 0;\nconst nextEntryId = () => {\n  entrySeq += 1;\n  return `attachment-${entrySeq}`;\n};\n\nexport const useAttachmentUpload = ({\n  value,\n  onChange,\n  onError,\n  maxSizeBytes,\n  maxFiles = DEFAULT_MAX_ATTACHMENTS,\n  accept = ACCEPTED_ATTACHMENT_TYPES,\n}: UseAttachmentUploadOptions) => {\n  const [entries, setEntries] = useState<Entry[]>([]);\n\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const uploadersRef = useRef(new Map<string, S3Upload>());\n  // Bumped per attempt so a superseded upload can't write state for a restarted entry.\n  const sessionsRef = useRef(new Map<string, number>());\n  // Mutations are driven from async upload callbacks, so the latest list lives in a ref.\n  const entriesRef = useRef<Entry[]>([]);\n  const onChangeRef = useRef(onChange);\n  const onErrorRef = useRef(onError);\n\n  onChangeRef.current = onChange;\n  onErrorRef.current = onError;\n\n  // What we last handed the parent. A `value` that still matches it is our own change echoing\n  // back; anything else is a parent-driven reset we must adopt.\n  const emittedRef = useRef<UploadedAttachment[]>([]);\n\n  const commit = useCallback((updater: (prev: Entry[]) => Entry[]) => {\n    const next = updater(entriesRef.current);\n    entriesRef.current = next;\n    setEntries(next);\n    emittedRef.current = getUploaded(next);\n    onChangeRef.current(emittedRef.current);\n  }, []);\n\n  const patchEntry = useCallback(\n    (id: string, patch: Partial<Entry>) =>\n      commit(prev => prev.map(entry => (entry.id === id ? { ...entry, ...patch } : entry))),\n    [commit]\n  );\n\n  const abortUpload = useCallback((id: string) => {\n    uploadersRef.current.get(id)?.abortUpload();\n    uploadersRef.current.delete(id);\n    // Bump, never delete: deleting would let the next attempt reuse session 1, so a callback\n    // still in flight from the aborted attempt would pass `isCurrent` and clobber it.\n    sessionsRef.current.set(id, (sessionsRef.current.get(id) ?? 0) + 1);\n  }, []);\n\n  const releasePreview = useCallback((entry?: Entry) => {\n    if (entry?.previewUrl) URL.revokeObjectURL(entry.previewUrl);\n  }, []);\n\n  // The banner is shared by every tile, so recompute it rather than clear it — one file\n  // succeeding must not hide a sibling that is still failing.\n  const syncError = useCallback(() => {\n    onErrorRef.current?.(entriesRef.current.find(entry => entry.error)?.error ?? null);\n  }, []);\n\n  useEffect(\n    () => () => {\n      uploadersRef.current.forEach(uploader => uploader.abortUpload());\n      uploadersRef.current.clear();\n      entriesRef.current.forEach(entry => {\n        if (entry.previewUrl) URL.revokeObjectURL(entry.previewUrl);\n      });\n    },\n    []\n  );\n\n  const startUpload = useCallback(\n    (id: string, file: File) => {\n      const session = (sessionsRef.current.get(id) ?? 0) + 1;\n      sessionsRef.current.set(id, session);\n      // A superseded upload must not write state for an entry that is gone or restarted.\n      const isCurrent = () => sessionsRef.current.get(id) === session;\n\n      const fail = (message: string) => {\n        if (!isCurrent()) return;\n        patchEntry(id, { isUploading: false, error: message });\n        onErrorRef.current?.(message);\n      };\n\n      let storedKey = '';\n\n      const uploader = new S3Upload({\n        files: [file],\n        preprocess: (target: File, next: (file: File) => void) => next(target),\n        onProgress: () => {},\n        getSignedUrl: async (\n          target: File,\n          callback: (data: { signedUrl: string; [key: string]: unknown }) => void\n        ) => {\n          try {\n            const data = await getS3SignedUrl(target.name, target.type);\n            storedKey = data.file_name;\n            callback({ ...data, signedUrl: data.signed_url });\n          } catch (e) {\n            fail((e as Error)?.message || 'Failed to upload the file');\n          }\n        },\n        onFinishS3Put: async () => {\n          try {\n            const url = await getSignedLink(storedKey);\n            if (!isCurrent()) return;\n\n            uploadersRef.current.delete(id);\n            patchEntry(id, {\n              isUploading: false,\n              error: null,\n              uploaded: { url, name: storedKey, size: file.size },\n            });\n            syncError();\n          } catch (e) {\n            fail((e as Error)?.message || 'Failed to upload the file');\n          }\n        },\n        onError: (message: string) => fail(message || 'Failed to upload the file'),\n      });\n\n      uploadersRef.current.set(id, uploader);\n    },\n    [patchEntry, syncError]\n  );\n\n  /** Nothing is uploaded: a comment attachment is a url, so the link itself is the attachment. */\n  const addLinkedImage = useCallback(\n    (url: string) => {\n      const name = getUrlFileName(url);\n\n      if (!name) return;\n      if (entriesRef.current.length >= maxFiles) {\n        onErrorRef.current?.(`You can attach up to ${maxFiles} files.`);\n\n        return;\n      }\n\n      if (entriesRef.current.some(entry => entry.uploaded?.url === url)) return;\n\n      commit(prev => [\n        ...prev,\n        {\n          id: nextEntryId(),\n          name,\n          file: null,\n          previewUrl: url,\n          isUploading: false,\n          error: null,\n          uploaded: { url, name },\n        },\n      ]);\n    },\n    [commit, maxFiles]\n  );\n\n  const addFiles = useCallback(\n    (files: File[]) => {\n      const supported = files.filter(file => isAcceptedType(file, accept));\n      const skipped = supported.length < files.length;\n      // One banner, one message: report the most actionable reason once, at the end. Reporting\n      // as we go would let a later call overwrite an earlier warning on a mixed drop.\n      const unsupported = skipped\n        ? (files.length === 1 && 'That file type is not supported.') ||\n          'Some files were skipped — unsupported file type.'\n        : null;\n      const tooMany = `You can attach up to ${maxFiles} files.`;\n\n      const room = maxFiles - entriesRef.current.length;\n      if (!supported.length || room <= 0) {\n        onErrorRef.current?.(supported.length ? tooMany : unsupported);\n        return;\n      }\n\n      const accepted = supported.slice(0, room);\n      const added: Entry[] = accepted.map(file => {\n        const kind = getFileKind(file);\n        const isTooLarge = !!maxSizeBytes && file.size > maxSizeBytes;\n\n        return {\n          id: nextEntryId(),\n          name: file.name,\n          file,\n          previewUrl: kind === 'file' ? '' : URL.createObjectURL(file),\n          isUploading: !isTooLarge,\n          error: isTooLarge\n            ? `File is too large (${formatMb(file.size)} MB). Maximum size is ${formatMb(\n                maxSizeBytes as number\n              )} MB.`\n            : null,\n          uploaded: null,\n        };\n      });\n\n      commit(prev => [...prev, ...added]);\n\n      const overflow = supported.length > accepted.length ? tooMany : null;\n      onErrorRef.current?.(\n        entriesRef.current.find(entry => entry.error)?.error ?? unsupported ?? overflow\n      );\n\n      added\n        .filter(entry => !entry.error)\n        .forEach(entry => startUpload(entry.id, entry.file as File));\n    },\n    [commit, maxFiles, maxSizeBytes, startUpload, accept]\n  );\n\n  const handleFileSelect = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => {\n      const files = Array.from(event.target.files ?? []);\n      // Reset the input so re-picking the same file still fires a change event.\n      if (fileInputRef.current) fileInputRef.current.value = '';\n      if (files.length) addFiles(files);\n    },\n    [addFiles]\n  );\n\n  const openFileDialog = useCallback(() => fileInputRef.current?.click(), []);\n\n  const removeAttachment = useCallback(\n    (id: AttachmentPreviewItem['id']) => {\n      const key = String(id);\n      abortUpload(key);\n      releasePreview(entriesRef.current.find(entry => entry.id === key));\n      commit(prev => prev.filter(entry => entry.id !== key));\n      syncError();\n    },\n    [abortUpload, releasePreview, commit, syncError]\n  );\n\n  const handleRetry = useCallback(\n    (id: AttachmentPreviewItem['id']) => {\n      const key = String(id);\n      const entry = entriesRef.current.find(item => item.id === key);\n      if (!entry?.file) return;\n\n      abortUpload(key);\n      patchEntry(key, { isUploading: true, error: null });\n      syncError();\n      startUpload(key, entry.file);\n    },\n    [abortUpload, patchEntry, startUpload, syncError]\n  );\n\n  const reorderAttachments = useCallback(\n    (orderedIds: AttachmentPreviewItem['id'][]) =>\n      commit(prev => {\n        const byId = new Map(prev.map(entry => [entry.id, entry]));\n        const reordered = orderedIds.map(id => byId.get(String(id))).filter(Boolean) as Entry[];\n        // Unlisted ids (a race with a removal) keep their place at the end.\n        const missing = prev.filter(entry => !orderedIds.some(id => String(id) === entry.id));\n        return [...reordered, ...missing];\n      }),\n    [commit]\n  );\n\n  const clearAttachments = useCallback(() => {\n    entriesRef.current.forEach(entry => {\n      abortUpload(entry.id);\n      releasePreview(entry);\n    });\n    commit(() => []);\n    onErrorRef.current?.(null);\n  }, [abortUpload, commit, releasePreview]);\n\n  // Adopt a value we didn't produce — an edit form's initial attachments, or a parent-side reset.\n  // Compared against what we emitted, not against the current entries: a failed-only or\n  // mid-upload list emits `[]` too, and treating that as \"in sync\" would strand those tiles\n  // on screen and let a late upload write itself back into freshly reset parent state.\n  useEffect(() => {\n    if (isSameList(emittedRef.current, value)) return;\n\n    entriesRef.current.forEach(entry => {\n      abortUpload(entry.id);\n      if (entry.previewUrl) URL.revokeObjectURL(entry.previewUrl);\n    });\n    entriesRef.current = value.map(toStoredEntry);\n    emittedRef.current = value;\n    setEntries(entriesRef.current);\n    onErrorRef.current?.(null);\n  }, [value, abortUpload]);\n\n  // A stored url has expired by now, so re-sign it for the preview.\n  const [storedSrcs, setStoredSrcs] = useState<Record<string, string>>(() =>\n    value.reduce<Record<string, string>>((acc, attachment) => {\n      const src = peekSignedLink(attachment.name, 'inline');\n      if (src) acc[attachment.name] = src;\n\n      return acc;\n    }, {})\n  );\n  const storedSrcsRef = useRef(storedSrcs);\n  storedSrcsRef.current = storedSrcs;\n\n  const storedNames = entries\n    // A linked image carries its own url, so there is no key of ours to sign.\n    .filter(entry => !entry.file && !entry.previewUrl && entry.uploaded)\n    .map(entry => (entry.uploaded as UploadedAttachment).name)\n    .join('|');\n\n  useEffect(() => {\n    const pending = storedNames.split('|').filter(name => name && !(name in storedSrcsRef.current));\n    if (!pending.length) return undefined;\n\n    let isActive = true;\n    Promise.all(\n      pending.map(name =>\n        getSignedLink(name, 'inline')\n          .then(url => [name, url] as const)\n          .catch(error => {\n            console.error(`Failed to sign stored attachment \"${name}\"`, error);\n\n            return [name, ''] as const;\n          })\n      )\n    ).then(resolved => {\n      if (isActive) setStoredSrcs(prev => ({ ...prev, ...Object.fromEntries(resolved) }));\n    });\n\n    return () => {\n      isActive = false;\n    };\n  }, [storedNames]);\n\n  const items = entries.reduce<AttachmentPreviewItem[]>((acc, entry) => {\n    if (entry.file) {\n      acc.push({\n        id: entry.id,\n        name: entry.name,\n        src: entry.previewUrl,\n        kind: getFileKind(entry.file),\n        size: entry.file.size,\n        isUploading: entry.isUploading,\n        hideDownload: true,\n        error: entry.error ?? undefined,\n      });\n      return acc;\n    }\n\n    const stored = entry.uploaded as UploadedAttachment;\n    const kind = getAttachmentKind(stored);\n    // A linked image is already a url; only one of ours has an S3 key worth signing.\n    const src = entry.previewUrl || storedSrcs[stored.name];\n    // A thumbnail without its signed url would paint as a broken image, so hold it back.\n    if (kind !== 'file' && !src) return acc;\n\n    acc.push({ id: entry.id, name: stored.name, src, kind, size: stored.size, hideDownload: true });\n    return acc;\n  }, []);\n\n  return {\n    items,\n    fileInputRef,\n    openFileDialog,\n    handleFileSelect,\n    addFiles,\n    addLinkedImage,\n    removeAttachment,\n    handleRetry,\n    reorderAttachments,\n    clearAttachments,\n    isUploading: entries.some(entry => entry.isUploading),\n    error: entries.find(entry => entry.error)?.error ?? null,\n    count: entries.length,\n    isFull: entries.length >= maxFiles,\n    maxFiles,\n  };\n};\n"],"names":["getFileKind","file","type","startsWith","formatMb","bytes","toFixed","toStoredEntry","attachment","id","url","name","previewUrl","isUploading","error","uploaded","entrySeq","nextEntryId","concat","_ref","_entries$find$error","_entries$find","value","onChange","onError","maxSizeBytes","_ref$maxFiles","maxFiles","_ref$accept","accept","ACCEPTED_ATTACHMENT_TYPES","useState","_useState2","_slicedToArray","_useState","entries","setEntries","fileInputRef","useRef","uploadersRef","Map","sessionsRef","entriesRef","onChangeRef","onErrorRef","current","emittedRef","commit","useCallback","updater","next","map","entry","filter","Boolean","getUploaded","patchEntry","patch","prev","abortUpload","_uploadersRef$current","_sessionsRef$current$","get","delete","set","releasePreview","URL","revokeObjectURL","syncError","_onErrorRef$current","_entriesRef$current$f","_entriesRef$current$f2","find","useEffect","forEach","uploader","clear","startUpload","_sessionsRef$current$2","session","_onFinishS3Put","_getSignedUrl","isCurrent","fail","message","_onErrorRef$current2","storedKey","S3Upload","files","preprocess","target","onProgress","getSignedUrl","_asyncToGenerator","_regeneratorRuntime","mark","_callee","callback","_data","wrap","_context","getS3SignedUrl","data","sent","file_name","signedUrl","signed_url","t0","stop","_x","_x2","apply","this","arguments","onFinishS3Put","_callee2","_context2","getSignedLink","abrupt","size","addLinkedImage","_onErrorRef$current3","getUrlFileName","length","some","_entry$uploaded","_toConsumableArray","addFiles","_onErrorRef$current5","_ref2","_entriesRef$current$f3","_entriesRef$current$f4","supported","split","rule","trim","toLowerCase","endsWith","slice","getAttachmentKind","isAcceptedType","unsupported","tooMany","room","_onErrorRef$current4","accepted","added","kind","isTooLarge","createObjectURL","overflow","handleFileSelect","event","_event$target$files","Array","from","openFileDialog","_fileInputRef$current","click","removeAttachment","key","String","handleRetry","item","reorderAttachments","orderedIds","byId","reordered","missing","clearAttachments","_onErrorRef$current6","_onErrorRef$current7","a","b","every","index","_useState3","reduce","acc","src","peekSignedLink","_useState4","storedSrcs","setStoredSrcs","storedSrcsRef","storedNames","join","pending","isActive","Promise","all","then","catch","console","resolved","_objectSpread","Object","fromEntries","items","_entry$error","push","hideDownload","undefined","stored","count","isFull"],"mappings":"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"}
+{"version":3,"file":"useAttachmentUpload.js","sources":["../../../../src/components/CommentComposer/useAttachmentUpload.ts"],"sourcesContent":["import { ChangeEvent, useCallback, useEffect, useRef, useState } from 'react';\nimport S3Upload from 'react-s3-uploader/s3upload';\n\nimport type {\n  AttachmentKind,\n  AttachmentPreviewItem,\n} from '../AttachmentPreview/AttachmentPreview.types';\nimport { getAttachmentKind } from '../AttachmentPreview/getAttachmentKind';\nimport { ACCEPTED_ATTACHMENT_TYPES } from '../AttachFileButton';\n\nimport { getS3SignedUrl } from '~/clients/jsonApi';\nimport { getUrlFileName } from '~/utils/links';\nimport { getSignedLink, peekSignedLink } from '~/utils/signedLinkCache';\n\nexport type UploadedAttachment = {\n  url: string;\n  name: string;\n  size?: number;\n};\n\ntype UseAttachmentUploadOptions = {\n  value: UploadedAttachment[];\n  onChange: (attachments: UploadedAttachment[]) => void;\n  onError?: (message: string | null) => void;\n  maxSizeBytes?: number;\n  maxFiles?: number;\n  /** Mirrors the file input's `accept`; also gates drag-and-drop. */\n  accept?: string;\n};\n\n/** A picked or already-stored file, in the order the user arranged it. */\ntype Entry = {\n  id: string;\n  name: string;\n  /** Set while the file is local; cleared entries come from `value`. */\n  file: File | null;\n  previewUrl: string;\n  isUploading: boolean;\n  error: string | null;\n  uploaded: UploadedAttachment | null;\n};\n\nexport const DEFAULT_MAX_ATTACHMENTS = 10;\n\n/** Same rules the file input enforces via `accept`, so drag-and-drop can't smuggle a type past it. */\nconst isAcceptedType = (file: File, accept: string) =>\n  accept\n    .split(',')\n    .map(rule => rule.trim().toLowerCase())\n    .filter(Boolean)\n    .some(rule => {\n      if (rule.startsWith('.')) return file.name.toLowerCase().endsWith(rule);\n      if (rule.endsWith('/*')) {\n        const type = file.type.toLowerCase();\n        if (type) return type.startsWith(rule.slice(0, -1));\n\n        return getAttachmentKind({ name: file.name }) === rule.slice(0, -1);\n      }\n\n      return file.type.toLowerCase() === rule;\n    });\n\nconst getFileKind = (file: File): AttachmentKind => {\n  if (file.type.startsWith('image/')) return 'image';\n  if (file.type.startsWith('video/')) return 'video';\n  return 'file';\n};\n\nconst formatMb = (bytes: number) => (bytes / (1024 * 1024)).toFixed(1);\n\nconst getUploaded = (entries: Entry[]) =>\n  entries.map(entry => entry.uploaded).filter(Boolean) as UploadedAttachment[];\n\nconst isSameList = (a: UploadedAttachment[], b: UploadedAttachment[]) =>\n  a.length === b.length && a.every((item, index) => item.url === b[index].url);\n\nconst toStoredEntry = (attachment: UploadedAttachment): Entry => ({\n  id: attachment.url,\n  name: attachment.name,\n  file: null,\n  previewUrl: '',\n  isUploading: false,\n  error: null,\n  uploaded: attachment,\n});\n\nlet entrySeq = 0;\nconst nextEntryId = () => {\n  entrySeq += 1;\n  return `attachment-${entrySeq}`;\n};\n\nexport const useAttachmentUpload = ({\n  value,\n  onChange,\n  onError,\n  maxSizeBytes,\n  maxFiles = DEFAULT_MAX_ATTACHMENTS,\n  accept = ACCEPTED_ATTACHMENT_TYPES,\n}: UseAttachmentUploadOptions) => {\n  const [entries, setEntries] = useState<Entry[]>([]);\n\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const uploadersRef = useRef(new Map<string, S3Upload>());\n  // Bumped per attempt so a superseded upload can't write state for a restarted entry.\n  const sessionsRef = useRef(new Map<string, number>());\n  // Mutations are driven from async upload callbacks, so the latest list lives in a ref.\n  const entriesRef = useRef<Entry[]>([]);\n  const onChangeRef = useRef(onChange);\n  const onErrorRef = useRef(onError);\n\n  onChangeRef.current = onChange;\n  onErrorRef.current = onError;\n\n  // What we last handed the parent. A `value` that still matches it is our own change echoing\n  // back; anything else is a parent-driven reset we must adopt.\n  const emittedRef = useRef<UploadedAttachment[]>([]);\n\n  const commit = useCallback((updater: (prev: Entry[]) => Entry[]) => {\n    const next = updater(entriesRef.current);\n    entriesRef.current = next;\n    setEntries(next);\n    emittedRef.current = getUploaded(next);\n    onChangeRef.current(emittedRef.current);\n  }, []);\n\n  const patchEntry = useCallback(\n    (id: string, patch: Partial<Entry>) =>\n      commit(prev => prev.map(entry => (entry.id === id ? { ...entry, ...patch } : entry))),\n    [commit]\n  );\n\n  const abortUpload = useCallback((id: string) => {\n    uploadersRef.current.get(id)?.abortUpload();\n    uploadersRef.current.delete(id);\n    // Bump, never delete: deleting would let the next attempt reuse session 1, so a callback\n    // still in flight from the aborted attempt would pass `isCurrent` and clobber it.\n    sessionsRef.current.set(id, (sessionsRef.current.get(id) ?? 0) + 1);\n  }, []);\n\n  const releasePreview = useCallback((entry?: Entry) => {\n    if (entry?.previewUrl) URL.revokeObjectURL(entry.previewUrl);\n  }, []);\n\n  // The banner is shared by every tile, so recompute it rather than clear it — one file\n  // succeeding must not hide a sibling that is still failing.\n  const syncError = useCallback(() => {\n    onErrorRef.current?.(entriesRef.current.find(entry => entry.error)?.error ?? null);\n  }, []);\n\n  useEffect(\n    () => () => {\n      uploadersRef.current.forEach(uploader => uploader.abortUpload());\n      uploadersRef.current.clear();\n      entriesRef.current.forEach(entry => {\n        if (entry.previewUrl) URL.revokeObjectURL(entry.previewUrl);\n      });\n    },\n    []\n  );\n\n  const startUpload = useCallback(\n    (id: string, file: File) => {\n      const session = (sessionsRef.current.get(id) ?? 0) + 1;\n      sessionsRef.current.set(id, session);\n      // A superseded upload must not write state for an entry that is gone or restarted.\n      const isCurrent = () => sessionsRef.current.get(id) === session;\n\n      const fail = (message: string) => {\n        if (!isCurrent()) return;\n        patchEntry(id, { isUploading: false, error: message });\n        onErrorRef.current?.(message);\n      };\n\n      let storedKey = '';\n\n      const uploader = new S3Upload({\n        files: [file],\n        preprocess: (target: File, next: (file: File) => void) => next(target),\n        onProgress: () => {},\n        getSignedUrl: async (\n          target: File,\n          callback: (data: { signedUrl: string; [key: string]: unknown }) => void\n        ) => {\n          try {\n            const data = await getS3SignedUrl(target.name, target.type);\n            storedKey = data.file_name;\n            callback({ ...data, signedUrl: data.signed_url });\n          } catch (e) {\n            fail((e as Error)?.message || 'Failed to upload the file');\n          }\n        },\n        onFinishS3Put: async () => {\n          try {\n            const url = await getSignedLink(storedKey);\n            if (!isCurrent()) return;\n\n            uploadersRef.current.delete(id);\n            patchEntry(id, {\n              isUploading: false,\n              error: null,\n              uploaded: { url, name: storedKey, size: file.size },\n            });\n            syncError();\n          } catch (e) {\n            fail((e as Error)?.message || 'Failed to upload the file');\n          }\n        },\n        onError: (message: string) => fail(message || 'Failed to upload the file'),\n      });\n\n      uploadersRef.current.set(id, uploader);\n    },\n    [patchEntry, syncError]\n  );\n\n  /** Nothing is uploaded: a comment attachment is a url, so the link itself is the attachment. */\n  const addLinkedImage = useCallback(\n    (url: string) => {\n      const name = getUrlFileName(url);\n\n      if (!name) return;\n      if (entriesRef.current.length >= maxFiles) {\n        onErrorRef.current?.(`You can attach up to ${maxFiles} files.`);\n\n        return;\n      }\n\n      if (entriesRef.current.some(entry => entry.uploaded?.url === url)) return;\n\n      commit(prev => [\n        ...prev,\n        {\n          id: nextEntryId(),\n          name,\n          file: null,\n          previewUrl: url,\n          isUploading: false,\n          error: null,\n          uploaded: { url, name },\n        },\n      ]);\n    },\n    [commit, maxFiles]\n  );\n\n  /** Attaches files already in S3 (e.g. Wellhub picks): nothing to upload, the key is signed. */\n  const addStoredFiles = useCallback(\n    async (files: { fileName: string; size?: number }[]) => {\n      const fresh = files.filter(\n        (file, index, list) =>\n          !entriesRef.current.some(entry => entry.uploaded?.name === file.fileName) &&\n          list.findIndex(other => other.fileName === file.fileName) === index\n      );\n      if (!fresh.length) return;\n\n      const room = maxFiles - entriesRef.current.length;\n      if (room <= 0) {\n        onErrorRef.current?.(`You can attach up to ${maxFiles} files.`);\n\n        return;\n      }\n\n      const accepted = fresh.slice(0, room);\n      const signed = await Promise.all(\n        accepted.map(file =>\n          getSignedLink(file.fileName)\n            .then(url => ({ url, name: file.fileName, size: file.size }))\n            .catch(() => null)\n        )\n      );\n      const attachments = signed.filter(Boolean) as UploadedAttachment[];\n\n      // Files may have been dropped in while the keys were signing, so re-check the room.\n      let added = 0;\n      if (attachments.length) {\n        commit(prev => {\n          const fitting = attachments.slice(0, Math.max(maxFiles - prev.length, 0));\n          added = fitting.length;\n\n          return [\n            ...prev,\n            ...fitting.map(attachment => ({ ...toStoredEntry(attachment), id: nextEntryId() })),\n          ];\n        });\n      }\n\n      const failed = signed.length - attachments.length;\n      const overflow = fresh.length > accepted.length || added < attachments.length;\n      onErrorRef.current?.(\n        (failed &&\n          `Could not attach ${failed === 1 ? 'a file' : `${failed} files`} from Wellhub.`) ||\n          (overflow && `You can attach up to ${maxFiles} files.`) ||\n          entriesRef.current.find(entry => entry.error)?.error ||\n          null\n      );\n    },\n    [commit, maxFiles]\n  );\n\n  const addFiles = useCallback(\n    (files: File[]) => {\n      const supported = files.filter(file => isAcceptedType(file, accept));\n      const skipped = supported.length < files.length;\n      // One banner, one message: report the most actionable reason once, at the end. Reporting\n      // as we go would let a later call overwrite an earlier warning on a mixed drop.\n      const unsupported = skipped\n        ? (files.length === 1 && 'That file type is not supported.') ||\n          'Some files were skipped — unsupported file type.'\n        : null;\n      const tooMany = `You can attach up to ${maxFiles} files.`;\n\n      const room = maxFiles - entriesRef.current.length;\n      if (!supported.length || room <= 0) {\n        onErrorRef.current?.(supported.length ? tooMany : unsupported);\n        return;\n      }\n\n      const accepted = supported.slice(0, room);\n      const added: Entry[] = accepted.map(file => {\n        const kind = getFileKind(file);\n        const isTooLarge = !!maxSizeBytes && file.size > maxSizeBytes;\n\n        return {\n          id: nextEntryId(),\n          name: file.name,\n          file,\n          previewUrl: kind === 'file' ? '' : URL.createObjectURL(file),\n          isUploading: !isTooLarge,\n          error: isTooLarge\n            ? `File is too large (${formatMb(file.size)} MB). Maximum size is ${formatMb(\n                maxSizeBytes as number\n              )} MB.`\n            : null,\n          uploaded: null,\n        };\n      });\n\n      commit(prev => [...prev, ...added]);\n\n      const overflow = supported.length > accepted.length ? tooMany : null;\n      onErrorRef.current?.(\n        entriesRef.current.find(entry => entry.error)?.error ?? unsupported ?? overflow\n      );\n\n      added\n        .filter(entry => !entry.error)\n        .forEach(entry => startUpload(entry.id, entry.file as File));\n    },\n    [commit, maxFiles, maxSizeBytes, startUpload, accept]\n  );\n\n  const handleFileSelect = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => {\n      const files = Array.from(event.target.files ?? []);\n      // Reset the input so re-picking the same file still fires a change event.\n      if (fileInputRef.current) fileInputRef.current.value = '';\n      if (files.length) addFiles(files);\n    },\n    [addFiles]\n  );\n\n  const openFileDialog = useCallback(() => fileInputRef.current?.click(), []);\n\n  const removeAttachment = useCallback(\n    (id: AttachmentPreviewItem['id']) => {\n      const key = String(id);\n      abortUpload(key);\n      releasePreview(entriesRef.current.find(entry => entry.id === key));\n      commit(prev => prev.filter(entry => entry.id !== key));\n      syncError();\n    },\n    [abortUpload, releasePreview, commit, syncError]\n  );\n\n  const handleRetry = useCallback(\n    (id: AttachmentPreviewItem['id']) => {\n      const key = String(id);\n      const entry = entriesRef.current.find(item => item.id === key);\n      if (!entry?.file) return;\n\n      abortUpload(key);\n      patchEntry(key, { isUploading: true, error: null });\n      syncError();\n      startUpload(key, entry.file);\n    },\n    [abortUpload, patchEntry, startUpload, syncError]\n  );\n\n  const reorderAttachments = useCallback(\n    (orderedIds: AttachmentPreviewItem['id'][]) =>\n      commit(prev => {\n        const byId = new Map(prev.map(entry => [entry.id, entry]));\n        const reordered = orderedIds.map(id => byId.get(String(id))).filter(Boolean) as Entry[];\n        // Unlisted ids (a race with a removal) keep their place at the end.\n        const missing = prev.filter(entry => !orderedIds.some(id => String(id) === entry.id));\n        return [...reordered, ...missing];\n      }),\n    [commit]\n  );\n\n  const clearAttachments = useCallback(() => {\n    entriesRef.current.forEach(entry => {\n      abortUpload(entry.id);\n      releasePreview(entry);\n    });\n    commit(() => []);\n    onErrorRef.current?.(null);\n  }, [abortUpload, commit, releasePreview]);\n\n  // Adopt a value we didn't produce — an edit form's initial attachments, or a parent-side reset.\n  // Compared against what we emitted, not against the current entries: a failed-only or\n  // mid-upload list emits `[]` too, and treating that as \"in sync\" would strand those tiles\n  // on screen and let a late upload write itself back into freshly reset parent state.\n  useEffect(() => {\n    if (isSameList(emittedRef.current, value)) return;\n\n    entriesRef.current.forEach(entry => {\n      abortUpload(entry.id);\n      if (entry.previewUrl) URL.revokeObjectURL(entry.previewUrl);\n    });\n    entriesRef.current = value.map(toStoredEntry);\n    emittedRef.current = value;\n    setEntries(entriesRef.current);\n    onErrorRef.current?.(null);\n  }, [value, abortUpload]);\n\n  // A stored url has expired by now, so re-sign it for the preview.\n  const [storedSrcs, setStoredSrcs] = useState<Record<string, string>>(() =>\n    value.reduce<Record<string, string>>((acc, attachment) => {\n      const src = peekSignedLink(attachment.name, 'inline');\n      if (src) acc[attachment.name] = src;\n\n      return acc;\n    }, {})\n  );\n  const storedSrcsRef = useRef(storedSrcs);\n  storedSrcsRef.current = storedSrcs;\n\n  const storedNames = entries\n    // A linked image carries its own url, so there is no key of ours to sign.\n    .filter(entry => !entry.file && !entry.previewUrl && entry.uploaded)\n    .map(entry => (entry.uploaded as UploadedAttachment).name)\n    .join('|');\n\n  useEffect(() => {\n    const pending = storedNames.split('|').filter(name => name && !(name in storedSrcsRef.current));\n    if (!pending.length) return undefined;\n\n    let isActive = true;\n    Promise.all(\n      pending.map(name =>\n        getSignedLink(name, 'inline')\n          .then(url => [name, url] as const)\n          .catch(error => {\n            console.error(`Failed to sign stored attachment \"${name}\"`, error);\n\n            return [name, ''] as const;\n          })\n      )\n    ).then(resolved => {\n      if (isActive) setStoredSrcs(prev => ({ ...prev, ...Object.fromEntries(resolved) }));\n    });\n\n    return () => {\n      isActive = false;\n    };\n  }, [storedNames]);\n\n  const items = entries.reduce<AttachmentPreviewItem[]>((acc, entry) => {\n    if (entry.file) {\n      acc.push({\n        id: entry.id,\n        name: entry.name,\n        src: entry.previewUrl,\n        kind: getFileKind(entry.file),\n        size: entry.file.size,\n        isUploading: entry.isUploading,\n        hideDownload: true,\n        error: entry.error ?? undefined,\n      });\n      return acc;\n    }\n\n    const stored = entry.uploaded as UploadedAttachment;\n    const kind = getAttachmentKind(stored);\n    // A linked image is already a url; only one of ours has an S3 key worth signing.\n    const src = entry.previewUrl || storedSrcs[stored.name];\n    // A thumbnail without its signed url would paint as a broken image, so hold it back.\n    if (kind !== 'file' && !src) return acc;\n\n    acc.push({ id: entry.id, name: stored.name, src, kind, size: stored.size, hideDownload: true });\n    return acc;\n  }, []);\n\n  return {\n    items,\n    fileInputRef,\n    openFileDialog,\n    handleFileSelect,\n    addFiles,\n    addLinkedImage,\n    addStoredFiles,\n    removeAttachment,\n    handleRetry,\n    reorderAttachments,\n    clearAttachments,\n    isUploading: entries.some(entry => entry.isUploading),\n    error: entries.find(entry => entry.error)?.error ?? null,\n    count: entries.length,\n    isFull: entries.length >= maxFiles,\n    maxFiles,\n  };\n};\n"],"names":["getFileKind","file","type","startsWith","formatMb","bytes","toFixed","toStoredEntry","attachment","id","url","name","previewUrl","isUploading","error","uploaded","entrySeq","nextEntryId","concat","_ref","_entries$find$error","_entries$find","value","onChange","onError","maxSizeBytes","_ref$maxFiles","maxFiles","_ref$accept","accept","ACCEPTED_ATTACHMENT_TYPES","useState","_useState2","_slicedToArray","_useState","entries","setEntries","fileInputRef","useRef","uploadersRef","Map","sessionsRef","entriesRef","onChangeRef","onErrorRef","current","emittedRef","commit","useCallback","updater","next","map","entry","filter","Boolean","getUploaded","patchEntry","patch","prev","abortUpload","_uploadersRef$current","_sessionsRef$current$","get","delete","set","releasePreview","URL","revokeObjectURL","syncError","_onErrorRef$current","_entriesRef$current$f","_entriesRef$current$f2","find","useEffect","forEach","uploader","clear","startUpload","_sessionsRef$current$2","session","_onFinishS3Put","_getSignedUrl","isCurrent","fail","message","_onErrorRef$current2","storedKey","S3Upload","files","preprocess","target","onProgress","getSignedUrl","_asyncToGenerator","_regeneratorRuntime","mark","_callee","callback","_data","wrap","_context","getS3SignedUrl","data","sent","file_name","signedUrl","signed_url","t0","stop","_x","_x2","apply","this","arguments","onFinishS3Put","_callee2","_context2","getSignedLink","abrupt","size","addLinkedImage","_onErrorRef$current3","getUrlFileName","length","some","_entry$uploaded","_toConsumableArray","addStoredFiles","_ref2","_onErrorRef$current5","_entriesRef$current$f3","fresh","room","_onErrorRef$current4","accepted","signed","attachments","added","failed","overflow","_context3","index","list","_entry$uploaded2","fileName","findIndex","other","slice","Promise","all","then","catch","fitting","Math","max","_callee3","_x3","addFiles","_onErrorRef$current7","_ref3","_entriesRef$current$f4","_entriesRef$current$f5","supported","split","rule","trim","toLowerCase","endsWith","getAttachmentKind","isAcceptedType","unsupported","tooMany","_onErrorRef$current6","kind","isTooLarge","createObjectURL","handleFileSelect","event","_event$target$files","Array","from","openFileDialog","_fileInputRef$current","click","removeAttachment","key","String","handleRetry","item","reorderAttachments","orderedIds","byId","reordered","missing","clearAttachments","_onErrorRef$current8","_onErrorRef$current9","a","b","every","_useState3","reduce","acc","src","peekSignedLink","_useState4","storedSrcs","setStoredSrcs","storedSrcsRef","storedNames","join","pending","isActive","console","resolved","_objectSpread","Object","fromEntries","items","_entry$error","push","hideDownload","undefined","stored","count","isFull"],"mappings":"8xCA0CO,IAoBDA,EAAc,SAACC,GACnB,OAAIA,EAAKC,KAAKC,WAAW,UAAkB,QACvCF,EAAKC,KAAKC,WAAW,UAAkB,QACpC,MACT,EAEMC,EAAW,SAACC,GAAa,OAAMA,EAAK,SAAkBC,QAAQ,EAAE,EAQhEC,EAAgB,SAACC,GAA8B,MAAa,CAChEC,GAAID,EAAWE,IACfC,KAAMH,EAAWG,KACjBV,KAAM,KACNW,WAAY,GACZC,aAAa,EACbC,MAAO,KACPC,SAAUP,EACX,EAEGQ,EAAW,EACTC,EAAc,WAElB,MAAA,cAAAC,OADAF,GAAY,EAEd,kCAhDuC,+BAkDJ,SAODG,GAAA,IAAAC,EAAAC,EANhCC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,aAAYC,EAAAP,EACZQ,SAAAA,aAvDqC,GAuDHD,EAAAE,EAAAT,EAClCU,OAAAA,aAASC,EAAAA,0BAAyBF,EAEJG,EAAAA,EAAQA,SAAU,IAAGC,EAAAC,EAAAA,QAAAC,EAAA,GAA5CC,EAAOH,EAAA,GAAEI,EAAUJ,EAAA,GAEpBK,EAAeC,SAAyB,MACxCC,EAAeD,EAAAA,OAAO,IAAIE,KAE1BC,EAAcH,EAAAA,OAAO,IAAIE,KAEzBE,EAAaJ,SAAgB,IAC7BK,EAAcL,SAAOf,GACrBqB,EAAaN,SAAOd,GAE1BmB,EAAYE,QAAUtB,EACtBqB,EAAWC,QAAUrB,EAIrB,IAAMsB,EAAaR,SAA6B,IAE1CS,EAASC,eAAY,SAACC,GAC1B,IAAMC,EAAOD,EAAQP,EAAWG,SAChCH,EAAWG,QAAUK,EACrBd,EAAWc,GACXJ,EAAWD,QApDK,SAACV,GAAgB,OACnCA,EAAQgB,KAAI,SAAAC,GAAK,OAAIA,EAAMrC,QAAQ,IAAEsC,OAAOC,QAAQ,CAmD7BC,CAAYL,GACjCP,EAAYE,QAAQC,EAAWD,QAChC,GAAE,IAEGW,EAAaR,EAAAA,aACjB,SAACvC,EAAYgD,GAAqB,OAChCV,GAAO,SAAAW,GAAI,OAAIA,EAAKP,KAAI,SAAAC,GAAK,OAAKA,EAAM3C,KAAOA,SAAU2C,GAAUK,GAAUL,CAAK,SACpF,CAACL,IAGGY,EAAcX,eAAY,SAACvC,GAAe,IAAAmD,EAAAC,EAClB,QAA5BtB,EAAAA,EAAaM,QAAQiB,IAAIrD,UAAG,IAAAmD,GAA5BA,EAA8BD,cAC9BpB,EAAaM,QAAQkB,OAAOtD,GAG5BgC,EAAYI,QAAQmB,IAAIvD,aAAKgC,EAAYI,QAAQiB,IAAIrD,kBAAO,GAAK,EAClE,GAAE,IAEGwD,EAAiBjB,eAAY,SAACI,GAC9BA,SAAAA,EAAOxC,YAAYsD,IAAIC,gBAAgBf,EAAMxC,WAClD,GAAE,IAIGwD,EAAYpB,EAAAA,aAAY,WAAM,IAAAqB,EAAAC,EAAAC,EAChB,QAAlBF,EAAAzB,EAAWC,eAAO,IAAAwB,GAAlBA,OAAAzB,EAAyE,QAA/D0B,EAAW,QAAXC,EAAW7B,EAAWG,QAAQ2B,MAAK,SAAApB,GAAK,OAAIA,EAAMtC,KAAK,WAA5C,IAAAyD,OAAA,EAAAA,EAA+CzD,aAAK,IAAAwD,EAAAA,EAAI,KAC9E,GAAE,IAEHG,EAAAA,WACE,WAAA,OAAM,WACJlC,EAAaM,QAAQ6B,SAAQ,SAAAC,GAAQ,OAAIA,EAAShB,iBAClDpB,EAAaM,QAAQ+B,QACrBlC,EAAWG,QAAQ6B,SAAQ,SAAAtB,GACrBA,EAAMxC,YAAYsD,IAAIC,gBAAgBf,EAAMxC,WAClD,IACD,GACD,IAGF,IAAMiE,EAAc7B,EAAAA,aAClB,SAACvC,EAAYR,GAAe,IAAA6E,EACpBC,GAA0C,QAA/BtC,EAAAA,EAAYI,QAAQiB,IAAIrD,UAAO,IAAAqE,EAAAA,EAAA,GAAK,EACrDrC,EAAYI,QAAQmB,IAAIvD,EAAIsE,GAE5B,IA0BiBC,EAZDC,EAdVC,EAAY,WAAH,OAASzC,EAAYI,QAAQiB,IAAIrD,KAAQsE,CAAO,EAEzDI,EAAO,SAACC,GAAoB,IAAAC,EAC3BH,MACL1B,EAAW/C,EAAI,CAAEI,aAAa,EAAOC,MAAOsE,IAC1B,QAAlBxC,EAAAA,EAAWC,eAAO,IAAAwC,GAAlBA,OAAAzC,EAAqBwC,KAGnBE,EAAY,GAEVX,EAAW,IAAIY,UAAS,CAC5BC,MAAO,CAACvF,GACRwF,WAAY,SAACC,EAAcxC,GAA0B,OAAKA,EAAKwC,EAAO,EACtEC,WAAY,WAAQ,EACpBC,cAAcX,EAAAY,EAAAA,QAAAC,EAAA,QAAAC,MAAA,SAAAC,EACZN,EACAO,GAAuE,IAAAC,EAAA,OAAAJ,UAAAK,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAA1C,KAAA0C,EAAAlD,MAAA,KAAA,EAAA,OAAAkD,EAAA1C,KAAA,EAAA0C,EAAAlD,KAAA,EAGlDmD,EAAcA,eAACX,EAAO/E,KAAM+E,EAAOxF,MAAK,KAAA,EAArDoG,EAAIF,EAAAG,KACVjB,EAAYgB,EAAKE,UACjBP,SAAcK,GAAI,CAAA,EAAA,CAAEG,UAAWH,EAAKI,cAAcN,EAAAlD,KAAA,GAAA,MAAA,KAAA,EAAAkD,EAAA1C,KAAA,EAAA0C,EAAAO,GAAAP,EAAA,MAAA,GAElDjB,GAAK,OAAAiB,EAAAO,SAAA,IAAAP,EAAAO,QAAA,EAAAP,EAAAO,GAAcvB,UAAW,6BAA6B,KAAA,GAAA,IAAA,MAAA,OAAAgB,EAAAQ,OAAA,GAAAZ,EAAA,KAAA,CAAA,CAAA,EAAA,IAE9D,KAAA,SAAAa,EAAAC,GAAA,OAAA7B,EAAA8B,MAAAC,KAAAC,UAAA,GACDC,eAAelC,EAAAa,EAAA,QAAAC,EAAA,QAAAC,MAAA,SAAAoB,IAAA,IAAAzG,EAAA,OAAAoF,UAAAK,MAAA,SAAAiB,GAAA,OAAA,OAAAA,EAAA1D,KAAA0D,EAAAlE,MAAA,KAAA,EAAA,OAAAkE,EAAA1D,KAAA,EAAA0D,EAAAlE,KAAA,EAEOmE,EAAAA,cAAc/B,GAAU,KAAA,EAAjC,GAAH5E,EAAG0G,EAAAb,KACJrB,IAAW,CAAAkC,EAAAlE,KAAA,EAAA,KAAA,CAAA,OAAAkE,EAAAE,OAAA,UAAA,KAAA,EAEhB/E,EAAaM,QAAQkB,OAAOtD,GAC5B+C,EAAW/C,EAAI,CACbI,aAAa,EACbC,MAAO,KACPC,SAAU,CAAEL,IAAAA,EAAKC,KAAM2E,EAAWiC,KAAMtH,EAAKsH,QAE/CnD,IAAYgD,EAAAlE,KAAA,GAAA,MAAA,KAAA,GAAAkE,EAAA1D,KAAA,GAAA0D,EAAAT,GAAAS,EAAA,MAAA,GAEZjC,GAAK,OAAAiC,EAAAT,SAAA,IAAAS,EAAAT,QAAA,EAAAS,EAAAT,GAAcvB,UAAW,6BAA6B,KAAA,GAAA,IAAA,MAAA,OAAAgC,EAAAR,OAAA,GAAAO,EAAA,KAAA,CAAA,CAAA,EAAA,KAE9D,KAAA,WAAA,OAAAnC,EAAA+B,MAAAC,KAAAC,UAAA,GACDzF,QAAS,SAAC4D,GAAe,OAAKD,EAAKC,GAAW,4BAA4B,IAG5E7C,EAAaM,QAAQmB,IAAIvD,EAAIkE,EAC/B,GACA,CAACnB,EAAYY,IAIToD,EAAiBxE,eACrB,SAACtC,GACC,IAG2C+G,EAHrC9G,EAAO+G,iBAAehH,GAEvBC,IACD+B,EAAWG,QAAQ8E,QAAUhG,EACb,QAAlBiB,EAAAA,EAAWC,eAAO,IAAA4E,GAAlBA,OAAA7E,EAAU,wBAAA1B,OAAmCS,EAAkB,YAK7De,EAAWG,QAAQ+E,MAAK,SAAAxE,GAAK,IAAAyE,EAAA,eAAIA,EAAAzE,EAAMrC,6BAAN8G,EAAgBnH,OAAQA,CAAG,KAEhEqC,GAAO,SAAAW,GAAI,MAAA,GAAAxC,OAAA4G,UACNpE,GACH,CAAA,CACEjD,GAAIQ,IACJN,KAAAA,EACAV,KAAM,KACNW,WAAYF,EACZG,aAAa,EACbC,MAAO,KACPC,SAAU,CAAEL,IAAAA,EAAKC,KAAAA,KAClB,IAEL,GACA,CAACoC,EAAQpB,IAILoG,EAAiB/E,EAAAA,YAAW,WAAA,IAAAgF,EAAAnC,EAAAA,QAAAC,EAAAA,QAAAC,MAChC,WAAOP,GAA4C,IAAAyC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAA,OAAA7C,UAAAK,MAAA,SAAAyC,GAAA,OAAA,OAAAA,EAAAlF,KAAAkF,EAAA1F,MAAA,KAAA,EAKhD,GAJKiF,EAAQ3C,EAAMnC,QAClB,SAACpD,EAAM4I,EAAOC,GAAI,OACfpG,EAAWG,QAAQ+E,MAAK,SAAAxE,GAAK,IAAA2F,EAAA,OAAkB,QAAdA,EAAA3F,EAAMrC,gBAAQ,IAAAgI,OAAA,EAAdA,EAAgBpI,QAASV,EAAK+I,QAAQ,KACxEF,EAAKG,WAAU,SAAAC,GAAK,OAAIA,EAAMF,WAAa/I,EAAK+I,QAAQ,MAAMH,KAE7DV,EAAMR,OAAM,CAAAiB,EAAA1F,KAAA,EAAA,KAAA,CAAA,OAAA0F,EAAAtB,OAAA,UAAA,KAAA,EAEgC,MAA3Cc,EAAOzG,EAAWe,EAAWG,QAAQ8E,SAC/B,GAAC,CAAAiB,EAAA1F,KAAA,EAAA,KAAA,CACqD,OAA9C,QAAlBN,EAAAA,EAAWC,eAAO,IAAAwF,GAAlBA,OAAAzF,EAAU,wBAAA1B,OAAmCS,EAAkB,YAACiH,EAAAtB,OAAA,UAAA,KAAA,EAK7B,OAA/BgB,EAAWH,EAAMgB,MAAM,EAAGf,GAAKQ,EAAA1F,KAAA,GAChBkG,QAAQC,IAC3Bf,EAASnF,KAAI,SAAAlD,GAAI,OACfoH,EAAAA,cAAcpH,EAAK+I,UAChBM,MAAK,SAAA5I,GAAG,MAAK,CAAEA,IAAAA,EAAKC,KAAMV,EAAK+I,SAAUzB,KAAMtH,EAAKsH,SACpDgC,OAAM,WAAA,OAAM,OAAK,KAEvB,KAAA,GANKhB,EAAMK,EAAArC,KAONiC,EAAcD,EAAOlF,OAAOC,SAG9BmF,EAAQ,EACRD,EAAYb,QACd5E,GAAO,SAAAW,GACL,IAAM8F,EAAUhB,EAAYW,MAAM,EAAGM,KAAKC,IAAI/H,EAAW+B,EAAKiE,OAAQ,IAGtE,OAFAc,EAAQe,EAAQ7B,OAEhB,GAAAzG,OAAA4G,EAAAA,QACKpE,GACA8F,EAAAA,QAAAA,EAAQrG,KAAI,SAAA3C,GAAU,OAAUD,EAAAA,EAAAA,CAAAA,EAAAA,EAAcC,IAAW,GAAA,CAAEC,GAAIQ,KAAgB,KAEtF,IAGIyH,EAASH,EAAOZ,OAASa,EAAYb,OACrCgB,EAAWR,EAAMR,OAASW,EAASX,QAAUc,EAAQD,EAAYb,OACrD,QAAlBM,EAAArF,EAAWC,eAAO,IAAAoF,GAAlBA,EAAArF,KAAAA,EACG8F,GACqBA,oBAAAA,OAAW,IAAXA,EAAe,SAAQ,GAAAxH,OAAMwH,EAAM,UAAwB,mBAC9EC,GAAQ,wBAAAzH,OAA4BS,EAAkB,aACvD,QADuDuG,EACvDxF,EAAWG,QAAQ2B,MAAK,SAAApB,GAAK,OAAIA,EAAMtC,KAAK,WAA5C,IAAAoH,OAAA,EAAAA,EAA+CpH,QAC/C,MACF,KAAA,GAAA,IAAA,MAAA,OAAA8H,EAAAhC,OAAA,GAAA+C,EACH,KAAA,OAAA,SAAAC,GAAA,OAAA5B,EAAAjB,MAAAC,KAAAC,UAAA,CAAA,CAjD+B,GAkDhC,CAAClE,EAAQpB,IAGLkI,EAAW7G,eACf,SAACwC,GAAkB,IAAAsE,EAAAC,EAAAC,EAAAC,EACXC,EAAY1E,EAAMnC,QAAO,SAAApD,GAAI,OAjQlB,SAACA,EAAY4B,GAAc,OAChDA,EACGsI,MAAM,KACNhH,KAAI,SAAAiH,GAAI,OAAIA,EAAKC,OAAOC,aAAc,IACtCjH,OAAOC,SACPsE,MAAK,SAAAwC,GACJ,GAAIA,EAAKjK,WAAW,KAAM,OAAOF,EAAKU,KAAK2J,cAAcC,SAASH,GAClE,GAAIA,EAAKG,SAAS,MAAO,CACvB,IAAMrK,EAAOD,EAAKC,KAAKoK,cACvB,OAAIpK,EAAaA,EAAKC,WAAWiK,EAAKjB,MAAM,GAAI,IAEzCqB,oBAAkB,CAAE7J,KAAMV,EAAKU,SAAYyJ,EAAKjB,MAAM,GAAI,EACnE,CAEA,OAAOlJ,EAAKC,KAAKoK,gBAAkBF,CACrC,GAAE,CAkPuCK,CAAexK,EAAM4B,MAItD6I,EAHUR,EAAUvC,OAASnC,EAAMmC,OAInB,IAAjBnC,EAAMmC,OAAgB,mCACvB,mDACA,KACEgD,EAAkChJ,wBAAAA,OAAAA,EAAiB,WAEnDyG,EAAOzG,EAAWe,EAAWG,QAAQ8E,OAC3C,IAAKuC,EAAUvC,QAAUS,GAAQ,EAAjC,CAAoC,IAAAwC,EAChB,QAAlBA,EAAAhI,EAAWC,eAAO,IAAA+H,GAAlBA,OAAAhI,EAAqBsH,EAAUvC,OAASgD,EAAUD,EAEpD,KAHA,CAKA,IAAMpC,EAAW4B,EAAUf,MAAM,EAAGf,GAC9BK,EAAiBH,EAASnF,KAAI,SAAAlD,GAClC,IAAM4K,EAAO7K,EAAYC,GACnB6K,IAAerJ,GAAgBxB,EAAKsH,KAAO9F,EAEjD,MAAO,CACLhB,GAAIQ,IACJN,KAAMV,EAAKU,KACXV,KAAAA,EACAW,WAAqB,SAATiK,EAAkB,GAAK3G,IAAI6G,gBAAgB9K,GACvDY,aAAciK,EACdhK,MAAOgK,EACmB1K,sBAAAA,OAAAA,EAASH,EAAKsH,uCAA8BnH,EAChEqB,WAEF,KACJV,SAAU,KAEd,IAEAgC,GAAO,SAAAW,GAAI,MAAQA,GAAAA,OAAAA,EAAAA,QAAAA,aAAS+E,GAAK,IAEjC,IAAME,EAAWuB,EAAUvC,OAASW,EAASX,OAASgD,EAAU,KAC9C,QAAlBb,EAAAlH,EAAWC,eAAO,IAAAiH,GAAlBA,OAAAlH,EACqE,QAD3DmH,UAAAC,UAAAC,EACRvH,EAAWG,QAAQ2B,MAAK,SAAApB,GAAK,OAAIA,EAAMtC,KAAK,wBAA5CmJ,EAA+CnJ,qBAAS4J,SAAW,IAAAX,EAAAA,EAAIpB,GAGzEF,EACGpF,QAAO,SAAAD,GAAK,OAAKA,EAAMtC,KAAK,IAC5B4D,SAAQ,SAAAtB,GAAK,OAAIyB,EAAYzB,EAAM3C,GAAI2C,EAAMnD,QA/BhD,CAgCF,GACA,CAAC8C,EAAQpB,EAAUF,EAAcoD,EAAahD,IAG1CmJ,EAAmBhI,eACvB,SAACiI,GAAyC,IAAAC,EAClC1F,EAAQ2F,MAAMC,KAAuB,QAAnBF,EAACD,EAAMvF,OAAOF,aAAK,IAAA0F,EAAAA,EAAI,IAE3C7I,EAAaQ,UAASR,EAAaQ,QAAQvB,MAAQ,IACnDkE,EAAMmC,QAAQkC,EAASrE,EAC7B,GACA,CAACqE,IAGGwB,EAAiBrI,EAAAA,aAAY,WAAA,IAAAsI,EAAA,OAAM,QAANA,EAAMjJ,EAAaQ,eAAb,IAAAyI,OAAA,EAAAA,EAAsBC,OAAO,GAAE,IAElEC,EAAmBxI,eACvB,SAACvC,GACC,IAAMgL,EAAMC,OAAOjL,GACnBkD,EAAY8H,GACZxH,EAAevB,EAAWG,QAAQ2B,MAAK,SAAApB,GAAK,OAAIA,EAAM3C,KAAOgL,CAAG,KAChE1I,GAAO,SAAAW,GAAI,OAAIA,EAAKL,QAAO,SAAAD,GAAK,OAAIA,EAAM3C,KAAOgL,QACjDrH,GACD,GACD,CAACT,EAAaM,EAAgBlB,EAAQqB,IAGlCuH,EAAc3I,eAClB,SAACvC,GACC,IAAMgL,EAAMC,OAAOjL,GACb2C,EAAQV,EAAWG,QAAQ2B,MAAK,SAAAoH,GAAI,OAAIA,EAAKnL,KAAOgL,KACrDrI,SAAAA,EAAOnD,OAEZ0D,EAAY8H,GACZjI,EAAWiI,EAAK,CAAE5K,aAAa,EAAMC,MAAO,OAC5CsD,IACAS,EAAY4G,EAAKrI,EAAMnD,MACxB,GACD,CAAC0D,EAAaH,EAAYqB,EAAaT,IAGnCyH,EAAqB7I,eACzB,SAAC8I,GAAyC,OACxC/I,GAAO,SAAAW,GACL,IAAMqI,EAAO,IAAIvJ,IAAIkB,EAAKP,KAAI,SAAAC,GAAK,MAAI,CAACA,EAAM3C,GAAI2C,EAAM,KAClD4I,EAAYF,EAAW3I,KAAI,SAAA1C,GAAE,OAAIsL,EAAKjI,IAAI4H,OAAOjL,GAAI,IAAE4C,OAAOC,SAE9D2I,EAAUvI,EAAKL,QAAO,SAAAD,GAAK,OAAK0I,EAAWlE,MAAK,SAAAnH,GAAE,OAAIiL,OAAOjL,KAAQ2C,EAAM3C,SACjF,MAAWuL,GAAAA,OAAAA,EAAAA,QAAAA,aAAcC,GAC3B,MACF,CAAClJ,IAGGmJ,EAAmBlJ,EAAAA,aAAY,WAAM,IAAAmJ,EACzCzJ,EAAWG,QAAQ6B,SAAQ,SAAAtB,GACzBO,EAAYP,EAAM3C,IAClBwD,EAAeb,EACjB,IACAL,GAAO,WAAA,MAAM,MACK,QAAlBH,EAAAA,EAAWC,eAAO,IAAAsJ,GAAlBA,OAAAvJ,EAAqB,KACtB,GAAE,CAACe,EAAaZ,EAAQkB,IAMzBQ,EAAAA,WAAU,WAAM,IAAA2H,EArVEC,EAAyBC,GAAzBD,EAsVDvJ,EAAWD,QAtVeyJ,EAsVNhL,EArVrC+K,EAAE1E,SAAW2E,EAAE3E,QAAU0E,EAAEE,OAAM,SAACX,EAAM/C,GAAK,OAAK+C,EAAKlL,MAAQ4L,EAAEzD,GAAOnI,UAuVtEgC,EAAWG,QAAQ6B,SAAQ,SAAAtB,GACzBO,EAAYP,EAAM3C,IACd2C,EAAMxC,YAAYsD,IAAIC,gBAAgBf,EAAMxC,WAClD,IACA8B,EAAWG,QAAUvB,EAAM6B,IAAI5C,GAC/BuC,EAAWD,QAAUvB,EACrBc,EAAWM,EAAWG,SACJ,QAAlBD,EAAAA,EAAWC,eAAO,IAAAuJ,GAAlBA,OAAAxJ,EAAqB,MACvB,GAAG,CAACtB,EAAOqC,IAGX,IAAA6I,EAAoCzK,EAAAA,UAAiC,WAAA,OACnET,EAAMmL,QAA+B,SAACC,EAAKlM,GACzC,IAAMmM,EAAMC,EAAcA,eAACpM,EAAWG,KAAM,UAG5C,OAFIgM,IAAKD,EAAIlM,EAAWG,MAAQgM,GAEzBD,CACR,GAAE,CAAE,MACNG,GAAA5K,EAAAA,QAAAuK,EAAA,GAPMM,GAAUD,GAAA,GAAEE,GAAaF,GAAA,GAQ1BG,GAAgB1K,SAAOwK,IAC7BE,GAAcnK,QAAUiK,GAExB,IAAMG,GAAc9K,EAEjBkB,QAAO,SAAAD,GAAK,OAAKA,EAAMnD,OAASmD,EAAMxC,YAAcwC,EAAMrC,QAAQ,IAClEoC,KAAI,SAAAC,GAAK,OAAKA,EAAMrC,SAAgCJ,IAAI,IACxDuM,KAAK,KAoDR,OAlDAzI,EAAAA,WAAU,WACR,IAAM0I,EAAUF,GAAY9C,MAAM,KAAK9G,QAAO,SAAA1C,GAAI,OAAIA,KAAUA,KAAQqM,GAAcnK,YACtF,GAAKsK,EAAQxF,OAAb,CAEA,IAAIyF,GAAW,EAef,OAdAhE,QAAQC,IACN8D,EAAQhK,KAAI,SAAAxC,GAAI,OACd0G,EAAAA,cAAc1G,EAAM,UACjB2I,MAAK,SAAA5I,GAAG,MAAI,CAACC,EAAMD,EAAI,IACvB6I,OAAM,SAAAzI,GAGL,OAFAuM,QAAQvM,MAAK,qCAAAI,OAAsCP,EAAI,KAAKG,GAErD,CAACH,EAAM,GAChB,GAAE,KAEN2I,MAAK,SAAAgE,GACDF,GAAUL,IAAc,SAAArJ,GAAI,OAAA6J,EAAAA,EAAA,GAAU7J,GAAS8J,OAAOC,YAAYH,GAAS,GACjF,IAEO,WACLF,GAAW,EAlBwB,CAoBvC,GAAG,CAACH,KA4BG,CACLS,MA3BYvL,EAAQsK,QAAgC,SAACC,EAAKtJ,GAC1C,IAAAuK,EAAhB,GAAIvK,EAAMnD,KAWR,OAVAyM,EAAIkB,KAAK,CACPnN,GAAI2C,EAAM3C,GACVE,KAAMyC,EAAMzC,KACZgM,IAAKvJ,EAAMxC,WACXiK,KAAM7K,EAAYoD,EAAMnD,MACxBsH,KAAMnE,EAAMnD,KAAKsH,KACjB1G,YAAauC,EAAMvC,YACnBgN,cAAc,EACd/M,MAAsBgN,QAAf1K,EAAAA,EAAMtC,aAASgN,IAAAA,EAAAA,OAAAA,IAEjBpB,EAGT,IAAMqB,EAAS3K,EAAMrC,SACf8J,EAAOL,oBAAkBuD,GAEzBpB,EAAMvJ,EAAMxC,YAAckM,GAAWiB,EAAOpN,MAElD,MAAa,SAATkK,GAAoB8B,GAExBD,EAAIkB,KAAK,CAAEnN,GAAI2C,EAAM3C,GAAIE,KAAMoN,EAAOpN,KAAMgM,IAAAA,EAAK9B,KAAAA,EAAMtD,KAAMwG,EAAOxG,KAAMsG,cAAc,IACjFnB,GAH6BA,CAIrC,GAAE,IAIDrK,aAAAA,EACAgJ,eAAAA,EACAL,iBAAAA,EACAnB,SAAAA,EACArC,eAAAA,EACAO,eAAAA,EACAyD,iBAAAA,EACAG,YAAAA,EACAE,mBAAAA,EACAK,iBAAAA,EACArL,YAAasB,EAAQyF,MAAK,SAAAxE,GAAK,OAAIA,EAAMvC,eACzCC,MAAgD,UAAzC,UAAAqB,EAAQqC,MAAK,SAAApB,GAAK,OAAIA,EAAMtC,KAAK,WAAjC,IAAAO,OAAA,EAAAA,EAAoCP,aAAK,IAAAM,EAAAA,EAAI,KACpD4M,MAAO7L,EAAQwF,OACfsG,OAAQ9L,EAAQwF,QAAUhG,EAC1BA,SAAAA,EAEJ"}