@corva/ui 3.75.0-2 → 3.75.0-21

package/cjs-bundle/components/AttachmentLightbox/AttachmentPreviewPane.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentPreviewPane.js","sources":["../../../../src/components/AttachmentLightbox/AttachmentPreviewPane.tsx"],"sourcesContent":["import { CSSProperties, useRef } from 'react';\nimport classNames from 'classnames';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { AttachmentActionsMenu } from '../AttachmentPreview/AttachmentActionsMenu';\nimport { AttachmentImage } from '../AttachmentPreview/AttachmentImage';\nimport { AttachmentDownloadLink } from '../AttachmentPreview/AttachmentDownloadLink';\nimport type { AttachmentPreviewItem } from '../AttachmentPreview/AttachmentPreview.types';\n\nimport { AttachmentDocument } from './AttachmentDocument';\nimport { useZoomPan } from './useZoomPan';\n\nimport styles from './AttachmentLightbox.scss';\n\nimport { MinusIcon, PlusIcon } from '~/icons';\nimport { formatFileSize } from '~/utils/formatFileSize';\nimport utils from '~/utils/main';\n\nexport type AttachmentPreviewPaneProps = {\n  item: AttachmentPreviewItem;\n  /** Adds \"Share file\" to the overflow menu. */\n  onShare?: (item: AttachmentPreviewItem) => void;\n};\n\n/** Zoom is media-only — document viewers scroll and zoom on their own. */\nexport const AttachmentPreviewPane = ({ item, onShare }: AttachmentPreviewPaneProps) => {\n  const imageRef = useRef<HTMLImageElement>(null);\n  const kind = item.kind ?? 'file';\n  const isMedia = kind === 'image' || kind === 'video';\n\n  const {\n    viewportRef,\n    zoom,\n    zoomIn,\n    zoomOut,\n    canZoomIn,\n    canZoomOut,\n    isPannable,\n    isPanning,\n    panHandlers,\n    // Panning a zoomed <video> would swallow its own controls, so only images get the drag.\n  } = useZoomPan({ canZoom: isMedia, canPan: kind === 'image', resetKey: item.id });\n\n  const fileName = utils.getFileNameWithExtensionFromPath(item.name);\n  const downloadUrl = item.downloadUrl || item.src;\n\n  return (\n    <div className={styles.pane} data-testid=\"attachment-preview-pane\">\n      <div className={styles.paneHeader}>\n        <div className={styles.paneName}>\n          <div className={styles.paneFileName} title={fileName}>\n            {fileName}\n          </div>\n          {item.size !== undefined && (\n            <div className={styles.paneFileSize}>{formatFileSize(item.size)}</div>\n          )}\n        </div>\n\n        <div className={styles.paneActions}>\n          {!!downloadUrl && (\n            <AttachmentDownloadLink\n              url={downloadUrl}\n              fileName={fileName}\n              className={styles.paneActionLink}\n              testId=\"attachment-preview-download\"\n            />\n          )}\n\n          <AttachmentActionsMenu item={item} onShare={onShare} imageRef={imageRef} />\n        </div>\n      </div>\n\n      <div\n        className={classNames(\n          styles.paneViewport,\n          isPannable && styles.paneViewportPannable,\n          isPanning && styles.paneViewportPanning\n        )}\n        ref={viewportRef}\n        {...panHandlers}\n      >\n        <div\n          className={styles.paneZoomBox}\n          style={{ '--attachment-zoom': zoom } as CSSProperties}\n          data-testid=\"attachment-preview-zoom-box\"\n        >\n          {kind === 'image' && (\n            <AttachmentImage\n              ref={imageRef}\n              src={item.src}\n              alt={fileName}\n              className={styles.paneMedia}\n              draggable={false}\n            />\n          )}\n\n          {kind === 'video' && (\n            // eslint-disable-next-line jsx-a11y/media-has-caption\n            <video src={item.src} className={styles.paneMedia} controls autoPlay playsInline />\n          )}\n\n          {/* Keyed: a kept-alive instance would pair the previous file's data with the new\n              renderer for one render. */}\n          {kind === 'file' && <AttachmentDocument key={item.id} item={item} />}\n        </div>\n      </div>\n\n      {isMedia && (\n        <div className={styles.paneZoomControls}>\n          {/* A disabled button fires no events, so the tooltip listens on a wrapper instead. */}\n          <Tooltip title=\"Zoom in\" placement=\"left\">\n            <span className={styles.paneZoomButton}>\n              <ButtonIcon\n                size=\"small\"\n                type=\"tertiaryBg\"\n                ariaLabel=\"Zoom in\"\n                disabled={!canZoomIn}\n                onClick={zoomIn}\n                testId=\"attachment-preview-zoom-in\"\n              >\n                <PlusIcon />\n              </ButtonIcon>\n            </span>\n          </Tooltip>\n\n          <Tooltip title=\"Zoom out\" placement=\"left\">\n            <span className={styles.paneZoomButton}>\n              <ButtonIcon\n                size=\"small\"\n                type=\"tertiaryBg\"\n                ariaLabel=\"Zoom out\"\n                disabled={!canZoomOut}\n                onClick={zoomOut}\n                testId=\"attachment-preview-zoom-out\"\n              >\n                <MinusIcon />\n              </ButtonIcon>\n            </span>\n          </Tooltip>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["_ref","_item$kind","item","onShare","imageRef","useRef","kind","isMedia","_useZoomPan","useZoomPan","canZoom","canPan","resetKey","id","viewportRef","zoom","zoomIn","zoomOut","canZoomIn","canZoomOut","isPannable","isPanning","panHandlers","fileName","utils","getFileNameWithExtensionFromPath","name","downloadUrl","src","_jsxs","className","styles","pane","children","jsxs","paneHeader","paneName","_jsx","jsx","paneFileName","title","undefined","size","paneFileSize","formatFileSize","paneActions","AttachmentDownloadLink","url","paneActionLink","testId","AttachmentActionsMenu","_objectSpread","classNames","paneViewport","paneViewportPannable","paneViewportPanning","ref","paneZoomBox","style","AttachmentImage","alt","paneMedia","draggable","controls","autoPlay","playsInline","AttachmentDocument","paneZoomControls","Tooltip","placement","paneZoomButton","ButtonIcon","type","ariaLabel","disabled","onClick","PlusIcon","MinusIcon"],"mappings":"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"}
+{"version":3,"file":"AttachmentPreviewPane.js","sources":["../../../../src/components/AttachmentLightbox/AttachmentPreviewPane.tsx"],"sourcesContent":["import { CSSProperties, useRef } from 'react';\nimport classNames from 'classnames';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { AttachmentActionsMenu } from '../AttachmentPreview/AttachmentActionsMenu';\nimport { AttachmentImage } from '../AttachmentPreview/AttachmentImage';\nimport { AttachmentDownloadLink } from '../AttachmentPreview/AttachmentDownloadLink';\nimport type { AttachmentPreviewItem } from '../AttachmentPreview/AttachmentPreview.types';\n\nimport { AttachmentDocument } from './AttachmentDocument';\nimport { useZoomPan } from './useZoomPan';\n\nimport styles from './AttachmentLightbox.scss';\n\nimport { MinusIcon, PlusIcon } from '~/icons';\nimport { formatFileSize } from '~/utils/formatFileSize';\nimport utils from '~/utils/main';\n\nexport type AttachmentPreviewPaneProps = {\n  item: AttachmentPreviewItem;\n  /** Adds \"Share file\" to the overflow menu. */\n  onShare?: (item: AttachmentPreviewItem) => void;\n};\n\n/** Zoom is media-only — document viewers scroll and zoom on their own. */\nexport const AttachmentPreviewPane = ({ item, onShare }: AttachmentPreviewPaneProps) => {\n  const imageRef = useRef<HTMLImageElement>(null);\n  const kind = item.kind ?? 'file';\n  const isMedia = kind === 'image' || kind === 'video';\n\n  const {\n    viewportRef,\n    zoom,\n    zoomIn,\n    zoomOut,\n    canZoomIn,\n    canZoomOut,\n    isPannable,\n    isPanning,\n    panHandlers,\n    // Panning a zoomed <video> would swallow its own controls, so only images get the drag.\n  } = useZoomPan({ canZoom: isMedia, canPan: kind === 'image', resetKey: item.id });\n\n  const fileName = utils.getFileNameWithExtensionFromPath(item.name);\n  const downloadUrl = item.hideDownload ? undefined : item.downloadUrl || item.src;\n\n  return (\n    <div className={styles.pane} data-testid=\"attachment-preview-pane\">\n      <div className={styles.paneHeader}>\n        <div className={styles.paneName}>\n          <div className={styles.paneFileName} title={fileName}>\n            {fileName}\n          </div>\n          {item.size !== undefined && (\n            <div className={styles.paneFileSize}>{formatFileSize(item.size)}</div>\n          )}\n        </div>\n\n        <div className={styles.paneActions}>\n          {!!downloadUrl && (\n            <AttachmentDownloadLink\n              url={downloadUrl}\n              fileName={fileName}\n              className={styles.paneActionLink}\n              testId=\"attachment-preview-download\"\n            />\n          )}\n\n          <AttachmentActionsMenu item={item} onShare={onShare} imageRef={imageRef} />\n        </div>\n      </div>\n\n      <div\n        className={classNames(\n          styles.paneViewport,\n          isPannable && styles.paneViewportPannable,\n          isPanning && styles.paneViewportPanning\n        )}\n        ref={viewportRef}\n        {...panHandlers}\n      >\n        <div\n          className={styles.paneZoomBox}\n          style={{ '--attachment-zoom': zoom } as CSSProperties}\n          data-testid=\"attachment-preview-zoom-box\"\n        >\n          {kind === 'image' && (\n            <AttachmentImage\n              ref={imageRef}\n              src={item.src}\n              alt={fileName}\n              className={styles.paneMedia}\n              draggable={false}\n            />\n          )}\n\n          {kind === 'video' && (\n            // eslint-disable-next-line jsx-a11y/media-has-caption\n            <video src={item.src} className={styles.paneMedia} controls autoPlay playsInline />\n          )}\n\n          {/* Keyed: a kept-alive instance would pair the previous file's data with the new\n              renderer for one render. */}\n          {kind === 'file' && <AttachmentDocument key={item.id} item={item} />}\n        </div>\n      </div>\n\n      {isMedia && (\n        <div className={styles.paneZoomControls}>\n          {/* A disabled button fires no events, so the tooltip listens on a wrapper instead. */}\n          <Tooltip title=\"Zoom in\" placement=\"left\">\n            <span className={styles.paneZoomButton}>\n              <ButtonIcon\n                size=\"small\"\n                type=\"tertiaryBg\"\n                ariaLabel=\"Zoom in\"\n                disabled={!canZoomIn}\n                onClick={zoomIn}\n                testId=\"attachment-preview-zoom-in\"\n              >\n                <PlusIcon />\n              </ButtonIcon>\n            </span>\n          </Tooltip>\n\n          <Tooltip title=\"Zoom out\" placement=\"left\">\n            <span className={styles.paneZoomButton}>\n              <ButtonIcon\n                size=\"small\"\n                type=\"tertiaryBg\"\n                ariaLabel=\"Zoom out\"\n                disabled={!canZoomOut}\n                onClick={zoomOut}\n                testId=\"attachment-preview-zoom-out\"\n              >\n                <MinusIcon />\n              </ButtonIcon>\n            </span>\n          </Tooltip>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["_ref","_item$kind","item","onShare","imageRef","useRef","kind","isMedia","_useZoomPan","useZoomPan","canZoom","canPan","resetKey","id","viewportRef","zoom","zoomIn","zoomOut","canZoomIn","canZoomOut","isPannable","isPanning","panHandlers","fileName","utils","getFileNameWithExtensionFromPath","name","downloadUrl","hideDownload","undefined","src","_jsxs","className","styles","pane","children","jsxs","paneHeader","paneName","_jsx","jsx","paneFileName","title","size","paneFileSize","formatFileSize","paneActions","AttachmentDownloadLink","url","paneActionLink","testId","AttachmentActionsMenu","_objectSpread","classNames","paneViewport","paneViewportPannable","paneViewportPanning","ref","paneZoomBox","style","AttachmentImage","alt","paneMedia","draggable","controls","autoPlay","playsInline","AttachmentDocument","paneZoomControls","Tooltip","placement","paneZoomButton","ButtonIcon","type","ariaLabel","disabled","onClick","PlusIcon","MinusIcon"],"mappings":"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"}

package/cjs-bundle/components/AttachmentPreview/AttachmentActionsMenu.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/slicedToArray"),o=require("react"),c=require("../../componentsV2/ButtonIcon/ButtonIcon.js"),i=require("../../componentsV2/Tooltip/Tooltip.js"),n=require("../../componentsV2/Menu/Menu.js"),e=require("../AttachmentLightbox/copyImageToClipboard.js"),r=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var u=require("../../utils/notificationToasts.js"),t=require("../../utils/main.js"),a=require("react/jsx-runtime");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var l=m(s);exports.AttachmentActionsMenu=function(s){var m,I=s.item,j=s.onShare,q=s.size,d=void 0===q?"small":q,p=s.testIdPrefix,h=void 0===p?"attachment-preview":p,C=s.tooltip,f=void 0===C?"More":C,b=s.imageRef,g=s.className,x=o.useState(null),v=l.default(x,2),M=v[0],y=v[1];o.useEffect((function(){y(null)}),[I.id]);var F=I.src||I.downloadUrl,O="image"===(null!==(m=I.kind)&&void 0!==m?m:"file")&&!!I.src&&e.getCanCopyImages(),k=function(s){return function(o){o.stopPropagation(),s(),y(null)}};return a.jsxs(a.Fragment,{children:[a.jsx(i.Tooltip,{title:f,children:a.jsx(c.ButtonIcon,{size:d,type:"tertiaryBg",ariaLabel:"More actions",isActive:!!M,className:g,onClick:function(s){s.stopPropagation(),y(s.currentTarget)},testId:"".concat(h,"-more"),children:a.jsx(r.MoreOneIcon,{})})}),!!M&&a.jsxs(n.Menu,{open:!0,anchorEl:M,placement:"bottom-end",onClose:function(){return y(null)},children:[!!j&&a.jsx(n.Menu.Item,{prefix:a.jsx(r.ShareTwoIcon,{}),onClick:k((function(){return j(I)})),testId:"".concat(h,"-share"),children:"Share file"}),a.jsx(n.Menu.Item,{prefix:a.jsx(r.LinkOneIcon,{}),disabled:!F,onClick:k((function(){F&&(t.default.copyToClipboard(F),u.showSuccessNotification("Link copied to clipboard"))})),testId:"".concat(h,"-copy-link"),children:"Copy link"}),O&&a.jsx(n.Menu.Item,{prefix:a.jsx(r.PictureIcon,{}),onClick:k((function(){e.copyImageToClipboard(I.src,null==b?void 0:b.current).then((function(s){s?u.showSuccessNotification("Image copied to clipboard"):u.showErrorNotification("Could not copy the image")}))})),testId:"".concat(h,"-copy-image"),children:"Copy image"})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/slicedToArray"),o=require("react"),c=require("../../componentsV2/ButtonIcon/ButtonIcon.js"),i=require("../../componentsV2/Tooltip/Tooltip.js"),n=require("../../componentsV2/Menu/Menu.js"),e=require("../AttachmentLightbox/copyImageToClipboard.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 u=require("../../utils/notificationToasts.js"),t=require("../../utils/main.js"),a=require("react/jsx-runtime");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var l=m(s);exports.AttachmentActionsMenu=function(s){var m,I=s.item,j=s.onShare,q=s.size,d=void 0===q?"small":q,p=s.testIdPrefix,h=void 0===p?"attachment-preview":p,C=s.tooltip,f=void 0===C?"More":C,b=s.imageRef,g=s.className,x=o.useState(null),v=l.default(x,2),F=v[0],M=v[1];o.useEffect((function(){M(null)}),[I.id]);var O=I.src||I.downloadUrl,y="image"===(null!==(m=I.kind)&&void 0!==m?m:"file")&&!!I.src&&e.getCanCopyImages(),k=function(s){return function(o){o.stopPropagation(),s(),M(null)}};return a.jsxs(a.Fragment,{children:[a.jsx(i.Tooltip,{title:f,children:a.jsx(c.ButtonIcon,{size:d,type:"tertiaryBg",ariaLabel:"More actions",isActive:!!F,className:g,onClick:function(s){s.stopPropagation(),M(s.currentTarget)},testId:"".concat(h,"-more"),children:a.jsx(r.MoreOneIcon,{})})}),!!F&&a.jsxs(n.Menu,{open:!0,anchorEl:F,placement:"bottom-end",onClose:function(){return M(null)},children:[!!j&&a.jsx(n.Menu.Item,{prefix:a.jsx(r.ShareTwoIcon,{}),onClick:k((function(){return j(I)})),testId:"".concat(h,"-share"),children:"Share file"}),a.jsx(n.Menu.Item,{prefix:a.jsx(r.LinkOneIcon,{}),disabled:!O,onClick:k((function(){O&&(t.default.copyToClipboard(O),u.showSuccessNotification("Link copied to clipboard"))})),testId:"".concat(h,"-copy-link"),children:"Copy link"}),y&&a.jsx(n.Menu.Item,{prefix:a.jsx(r.PictureIcon,{}),onClick:k((function(){e.copyImageToClipboard(I.src,null==b?void 0:b.current).then((function(s){s?u.showSuccessNotification("Image copied to clipboard"):u.showErrorNotification("Could not copy the image")}))})),testId:"".concat(h,"-copy-image"),children:"Copy image"})]})]})};
 //# sourceMappingURL=AttachmentActionsMenu.js.map

package/cjs-bundle/components/AttachmentPreview/AttachmentActionsMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentActionsMenu.js","sources":["../../../../src/components/AttachmentPreview/AttachmentActionsMenu.tsx"],"sourcesContent":["import { MouseEvent, RefObject, useEffect, useState } from 'react';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { Menu } from '../../componentsV2/Menu';\nimport { copyImageToClipboard, getCanCopyImages } from '../AttachmentLightbox/copyImageToClipboard';\n\nimport { AttachmentPreviewItem } from './AttachmentPreview.types';\n\nimport { LinkOneIcon, MoreOneIcon, PictureIcon, ShareTwoIcon } from '~/icons';\nimport { showErrorNotification, showSuccessNotification } from '~/utils/notificationToasts';\nimport utils from '~/utils/main';\n\nexport type AttachmentActionsMenuProps = {\n  item: AttachmentPreviewItem;\n  /** Adds \"Share file\" to the menu. */\n  onShare?: (item: AttachmentPreviewItem) => void;\n  /** `xs` sits on a tile, `small` in the preview modal's header. */\n  size?: 'xs' | 'small';\n  /** Test ids read `<prefix>-more`, `<prefix>-share`, and so on. */\n  testIdPrefix?: string;\n  tooltip?: string;\n  imageRef?: RefObject<HTMLImageElement>;\n  className?: string;\n};\n\nexport const AttachmentActionsMenu = ({\n  item,\n  onShare,\n  size = 'small',\n  testIdPrefix = 'attachment-preview',\n  tooltip = 'More',\n  imageRef,\n  className,\n}: AttachmentActionsMenuProps) => {\n  const [menuAnchor, setMenuAnchor] = useState<HTMLElement | null>(null);\n\n  useEffect(() => {\n    setMenuAnchor(null);\n  }, [item.id]);\n\n  const shareableUrl = item.src || item.downloadUrl;\n  const canCopyImage = (item.kind ?? 'file') === 'image' && !!item.src && getCanCopyImages();\n\n  const copyImage = () => {\n    copyImageToClipboard(item.src as string, imageRef?.current).then(copied => {\n      if (copied) showSuccessNotification('Image copied to clipboard');\n      else showErrorNotification('Could not copy the image');\n    });\n  };\n\n  // A portalled menu still bubbles its clicks up the React tree, where the tile would take\n  // them as its own and open the preview over whatever the action just started.\n  const runAndClose = (action: () => void) => (event: MouseEvent) => {\n    event.stopPropagation();\n    action();\n    setMenuAnchor(null);\n  };\n\n  return (\n    <>\n      <Tooltip title={tooltip}>\n        <ButtonIcon\n          size={size}\n          type=\"tertiaryBg\"\n          ariaLabel=\"More actions\"\n          isActive={!!menuAnchor}\n          className={className}\n          onClick={event => {\n            event.stopPropagation();\n            setMenuAnchor(event.currentTarget);\n          }}\n          testId={`${testIdPrefix}-more`}\n        >\n          <MoreOneIcon />\n        </ButtonIcon>\n      </Tooltip>\n\n      {!!menuAnchor && (\n        <Menu open anchorEl={menuAnchor} placement=\"bottom-end\" onClose={() => setMenuAnchor(null)}>\n          {!!onShare && (\n            <Menu.Item\n              prefix={<ShareTwoIcon />}\n              onClick={runAndClose(() => onShare(item))}\n              testId={`${testIdPrefix}-share`}\n            >\n              Share file\n            </Menu.Item>\n          )}\n\n          <Menu.Item\n            prefix={<LinkOneIcon />}\n            disabled={!shareableUrl}\n            onClick={runAndClose(() => {\n              if (!shareableUrl) return;\n              utils.copyToClipboard(shareableUrl);\n              showSuccessNotification('Link copied to clipboard');\n            })}\n            testId={`${testIdPrefix}-copy-link`}\n          >\n            Copy link\n          </Menu.Item>\n\n          {/* Only images: no browser lets a page put a video or a document on the clipboard. */}\n          {canCopyImage && (\n            <Menu.Item\n              prefix={<PictureIcon />}\n              onClick={runAndClose(copyImage)}\n              testId={`${testIdPrefix}-copy-image`}\n            >\n              Copy image\n            </Menu.Item>\n          )}\n        </Menu>\n      )}\n    </>\n  );\n};\n"],"names":["_ref","_item$kind","item","onShare","_ref$size","size","_ref$testIdPrefix","testIdPrefix","_ref$tooltip","tooltip","imageRef","className","useState","_useState2","_slicedToArray","_useState","menuAnchor","setMenuAnchor","useEffect","id","shareableUrl","src","downloadUrl","canCopyImage","kind","getCanCopyImages","runAndClose","action","event","stopPropagation","_jsxs","_Fragment","children","_jsx","Tooltip","title","ButtonIcon","type","ariaLabel","isActive","onClick","currentTarget","testId","concat","MoreOneIcon","Menu","open","anchorEl","placement","onClose","Item","prefix","ShareTwoIcon","LinkOneIcon","disabled","utils","copyToClipboard","showSuccessNotification","PictureIcon","copyImageToClipboard","current","then","copied","showErrorNotification"],"mappings":"q5IA0BqC,SAQHA,GAAA,IAAAC,EAPhCC,IAAAA,KACAC,IAAAA,QAAOC,EAAAJ,EACPK,KAAAA,aAAO,QAAOD,EAAAE,EAAAN,EACdO,aAAAA,aAAe,qBAAoBD,EAAAE,EAAAR,EACnCS,QAAAA,aAAU,OAAMD,EAChBE,IAAAA,SACAC,IAAAA,UAEoCC,EAAAA,EAAQA,SAAqB,MAAKC,EAAAC,EAAAA,QAAAC,EAAA,GAA/DC,EAAUH,EAAA,GAAEI,EAAaJ,EAAA,GAEhCK,EAAAA,WAAU,WACRD,EAAc,KAChB,GAAG,CAACf,EAAKiB,KAET,IAAMC,EAAelB,EAAKmB,KAAOnB,EAAKoB,YAChCC,EAAyC,mBAA1BtB,EAACC,EAAKsB,oBAAQ,WAAyBtB,EAAKmB,KAAOI,EAAAA,mBAWlEC,EAAc,SAACC,GAAkB,OAAK,SAACC,GAC3CA,EAAMC,kBACNF,IACAV,EAAc,MACf,EAED,OACEa,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,MAACC,UAAO,CAACC,MAAO1B,EAAQuB,SACtBC,MAACG,aAAU,CACT/B,KAAMA,EACNgC,KAAK,aACLC,UAAU,eACVC,WAAYvB,EACZL,UAAWA,EACX6B,QAAS,SAAAZ,GACPA,EAAMC,kBACNZ,EAAcW,EAAMa,cACpB,EACFC,OAAM,GAAAC,OAAKpC,EAAoB,SAAAyB,SAE/BC,EAAAA,IAACW,EAAWA,YAAA,UAIb5B,GACDc,EAAAA,KAACe,EAAAA,KAAI,CAACC,MAAI,EAACC,SAAU/B,EAAYgC,UAAU,aAAaC,QAAS,WAAA,OAAMhC,EAAc,KAAM,EAAAe,SAAA,GACtF7B,GACD8B,EAAAA,IAACY,EAAAA,KAAKK,KAAI,CACRC,OAAQlB,EAAAA,IAACmB,EAAYA,aAAI,IACzBZ,QAASd,GAAY,WAAA,OAAMvB,EAAQD,MACnCwC,OAAM,GAAAC,OAAKpC,EAAqB,UAAAyB,SAAA,eAMpCC,EAAAA,IAACY,EAAIA,KAACK,KAAI,CACRC,OAAQlB,EAAAA,IAACoB,EAAWA,YAAI,IACxBC,UAAWlC,EACXoB,QAASd,GAAY,WACdN,IACLmC,UAAMC,gBAAgBpC,GACtBqC,EAAuBA,wBAAC,4BAC1B,IACAf,OAAM,GAAAC,OAAKpC,EAAyB,cAAAyB,SAAA,cAMrCT,GACCU,MAACY,EAAAA,KAAKK,KAAI,CACRC,OAAQlB,EAAAA,IAACyB,EAAWA,YAAI,IACxBlB,QAASd,GA/DH,WAChBiC,EAAAA,qBAAqBzD,EAAKmB,IAAeX,aAAQ,EAARA,EAAUkD,SAASC,MAAK,SAAAC,GAC3DA,EAAQL,EAAAA,wBAAwB,6BAC/BM,EAAAA,sBAAsB,2BAC7B,OA4DUrB,OAAM,GAAAC,OAAKpC,EAA0B,eAAAyB,SAAA,oBASnD"}
+{"version":3,"file":"AttachmentActionsMenu.js","sources":["../../../../src/components/AttachmentPreview/AttachmentActionsMenu.tsx"],"sourcesContent":["import { MouseEvent, RefObject, useEffect, useState } from 'react';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { Menu } from '../../componentsV2/Menu';\nimport { copyImageToClipboard, getCanCopyImages } from '../AttachmentLightbox/copyImageToClipboard';\n\nimport { AttachmentPreviewItem } from './AttachmentPreview.types';\n\nimport { LinkOneIcon, MoreOneIcon, PictureIcon, ShareTwoIcon } from '~/icons';\nimport { showErrorNotification, showSuccessNotification } from '~/utils/notificationToasts';\nimport utils from '~/utils/main';\n\nexport type AttachmentActionsMenuProps = {\n  item: AttachmentPreviewItem;\n  /** Adds \"Share file\" to the menu. */\n  onShare?: (item: AttachmentPreviewItem) => void;\n  /** `xs` sits on a tile, `small` in the preview modal's header. */\n  size?: 'xs' | 'small';\n  /** Test ids read `<prefix>-more`, `<prefix>-share`, and so on. */\n  testIdPrefix?: string;\n  tooltip?: string;\n  imageRef?: RefObject<HTMLImageElement>;\n  className?: string;\n};\n\nexport const AttachmentActionsMenu = ({\n  item,\n  onShare,\n  size = 'small',\n  testIdPrefix = 'attachment-preview',\n  tooltip = 'More',\n  imageRef,\n  className,\n}: AttachmentActionsMenuProps) => {\n  const [menuAnchor, setMenuAnchor] = useState<HTMLElement | null>(null);\n\n  useEffect(() => {\n    setMenuAnchor(null);\n  }, [item.id]);\n\n  const shareableUrl = item.src || item.downloadUrl;\n  const canCopyImage = (item.kind ?? 'file') === 'image' && !!item.src && getCanCopyImages();\n\n  const copyImage = () => {\n    copyImageToClipboard(item.src as string, imageRef?.current).then(copied => {\n      if (copied) showSuccessNotification('Image copied to clipboard');\n      else showErrorNotification('Could not copy the image');\n    });\n  };\n\n  // A portalled menu still bubbles its clicks up the React tree, where the tile would take\n  // them as its own and open the preview over whatever the action just started.\n  const runAndClose = (action: () => void) => (event: MouseEvent) => {\n    event.stopPropagation();\n    action();\n    setMenuAnchor(null);\n  };\n\n  return (\n    <>\n      <Tooltip title={tooltip}>\n        <ButtonIcon\n          size={size}\n          type=\"tertiaryBg\"\n          ariaLabel=\"More actions\"\n          isActive={!!menuAnchor}\n          className={className}\n          onClick={event => {\n            event.stopPropagation();\n            setMenuAnchor(event.currentTarget);\n          }}\n          testId={`${testIdPrefix}-more`}\n        >\n          <MoreOneIcon />\n        </ButtonIcon>\n      </Tooltip>\n\n      {!!menuAnchor && (\n        <Menu open anchorEl={menuAnchor} placement=\"bottom-end\" onClose={() => setMenuAnchor(null)}>\n          {!!onShare && (\n            <Menu.Item\n              prefix={<ShareTwoIcon />}\n              onClick={runAndClose(() => onShare(item))}\n              testId={`${testIdPrefix}-share`}\n            >\n              Share file\n            </Menu.Item>\n          )}\n\n          <Menu.Item\n            prefix={<LinkOneIcon />}\n            disabled={!shareableUrl}\n            onClick={runAndClose(() => {\n              if (!shareableUrl) return;\n              utils.copyToClipboard(shareableUrl);\n              showSuccessNotification('Link copied to clipboard');\n            })}\n            testId={`${testIdPrefix}-copy-link`}\n          >\n            Copy link\n          </Menu.Item>\n\n          {/* Only images: no browser lets a page put a video or a document on the clipboard. */}\n          {canCopyImage && (\n            <Menu.Item\n              prefix={<PictureIcon />}\n              onClick={runAndClose(copyImage)}\n              testId={`${testIdPrefix}-copy-image`}\n            >\n              Copy image\n            </Menu.Item>\n          )}\n        </Menu>\n      )}\n    </>\n  );\n};\n"],"names":["_ref","_item$kind","item","onShare","_ref$size","size","_ref$testIdPrefix","testIdPrefix","_ref$tooltip","tooltip","imageRef","className","useState","_useState2","_slicedToArray","_useState","menuAnchor","setMenuAnchor","useEffect","id","shareableUrl","src","downloadUrl","canCopyImage","kind","getCanCopyImages","runAndClose","action","event","stopPropagation","_jsxs","_Fragment","children","_jsx","Tooltip","title","ButtonIcon","type","ariaLabel","isActive","onClick","currentTarget","testId","concat","MoreOneIcon","Menu","open","anchorEl","placement","onClose","Item","prefix","ShareTwoIcon","LinkOneIcon","disabled","utils","copyToClipboard","showSuccessNotification","PictureIcon","copyImageToClipboard","current","then","copied","showErrorNotification"],"mappings":"knJA0BqC,SAQHA,GAAA,IAAAC,EAPhCC,IAAAA,KACAC,IAAAA,QAAOC,EAAAJ,EACPK,KAAAA,aAAO,QAAOD,EAAAE,EAAAN,EACdO,aAAAA,aAAe,qBAAoBD,EAAAE,EAAAR,EACnCS,QAAAA,aAAU,OAAMD,EAChBE,IAAAA,SACAC,IAAAA,UAEoCC,EAAAA,EAAQA,SAAqB,MAAKC,EAAAC,EAAAA,QAAAC,EAAA,GAA/DC,EAAUH,EAAA,GAAEI,EAAaJ,EAAA,GAEhCK,EAAAA,WAAU,WACRD,EAAc,KAChB,GAAG,CAACf,EAAKiB,KAET,IAAMC,EAAelB,EAAKmB,KAAOnB,EAAKoB,YAChCC,EAAyC,mBAA1BtB,EAACC,EAAKsB,oBAAQ,WAAyBtB,EAAKmB,KAAOI,EAAAA,mBAWlEC,EAAc,SAACC,GAAkB,OAAK,SAACC,GAC3CA,EAAMC,kBACNF,IACAV,EAAc,MACf,EAED,OACEa,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,MAACC,UAAO,CAACC,MAAO1B,EAAQuB,SACtBC,MAACG,aAAU,CACT/B,KAAMA,EACNgC,KAAK,aACLC,UAAU,eACVC,WAAYvB,EACZL,UAAWA,EACX6B,QAAS,SAAAZ,GACPA,EAAMC,kBACNZ,EAAcW,EAAMa,cACpB,EACFC,OAAM,GAAAC,OAAKpC,EAAoB,SAAAyB,SAE/BC,EAAAA,IAACW,EAAWA,YAAA,UAIb5B,GACDc,EAAAA,KAACe,EAAAA,KAAI,CAACC,MAAI,EAACC,SAAU/B,EAAYgC,UAAU,aAAaC,QAAS,WAAA,OAAMhC,EAAc,KAAM,EAAAe,SAAA,GACtF7B,GACD8B,EAAAA,IAACY,EAAAA,KAAKK,KAAI,CACRC,OAAQlB,EAAAA,IAACmB,EAAYA,aAAI,IACzBZ,QAASd,GAAY,WAAA,OAAMvB,EAAQD,MACnCwC,OAAM,GAAAC,OAAKpC,EAAqB,UAAAyB,SAAA,eAMpCC,EAAAA,IAACY,EAAIA,KAACK,KAAI,CACRC,OAAQlB,EAAAA,IAACoB,EAAWA,YAAI,IACxBC,UAAWlC,EACXoB,QAASd,GAAY,WACdN,IACLmC,UAAMC,gBAAgBpC,GACtBqC,EAAuBA,wBAAC,4BAC1B,IACAf,OAAM,GAAAC,OAAKpC,EAAyB,cAAAyB,SAAA,cAMrCT,GACCU,MAACY,EAAAA,KAAKK,KAAI,CACRC,OAAQlB,EAAAA,IAACyB,EAAWA,YAAI,IACxBlB,QAASd,GA/DH,WAChBiC,EAAAA,qBAAqBzD,EAAKmB,IAAeX,aAAQ,EAARA,EAAUkD,SAASC,MAAK,SAAAC,GAC3DA,EAAQL,EAAAA,wBAAwB,6BAC/BM,EAAAA,sBAAsB,2BAC7B,OA4DUrB,OAAM,GAAAC,OAAKpC,EAA0B,eAAAyB,SAAA,oBASnD"}

package/cjs-bundle/components/AttachmentPreview/AttachmentDownloadLink.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("../../componentsV2/ButtonIcon/ButtonIcon.js"),o=require("../../componentsV2/Tooltip/Tooltip.js"),c=require("../AttachmentLightbox/downloadAttachment.js"),i=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var n=require("react/jsx-runtime");exports.AttachmentDownloadLink=function(e){var r=e.url,u=e.fileName,t=e.size,m=void 0===t?"small":t,a=e.className,j=e.testId,I=void 0===j?"attachment-download":j;return n.jsx(o.Tooltip,{title:"Download",children:n.jsx("a",{href:r,download:u,target:"_blank",rel:"noopener noreferrer",className:a,"data-testid":I,onClick:function(s){s.preventDefault(),s.stopPropagation(),c.saveAttachment(r,u)},children:n.jsx(s.ButtonIcon,{size:m,type:"tertiaryBg",ariaLabel:"Download",children:n.jsx(i.DownloadIcon,{size:"xs"===m?"small":void 0})})})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("../../componentsV2/ButtonIcon/ButtonIcon.js"),o=require("../../componentsV2/Tooltip/Tooltip.js"),c=require("../AttachmentLightbox/downloadAttachment.js"),n=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var i=require("react/jsx-runtime");exports.AttachmentDownloadLink=function(e){var r=e.url,u=e.fileName,t=e.size,m=void 0===t?"small":t,a=e.className,j=e.testId,I=void 0===j?"attachment-download":j;return i.jsx(o.Tooltip,{title:"Download",children:i.jsx("a",{href:r,download:u,target:"_blank",rel:"noopener noreferrer",className:a,"data-testid":I,onClick:function(s){s.preventDefault(),s.stopPropagation(),c.saveAttachment(r,u)},children:i.jsx(s.ButtonIcon,{size:m,type:"tertiaryBg",ariaLabel:"Download",children:i.jsx(n.DownloadIcon,{size:"xs"===m?"small":void 0})})})})};
 //# sourceMappingURL=AttachmentDownloadLink.js.map

package/cjs-bundle/components/AttachmentPreview/AttachmentDownloadLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentDownloadLink.js","sources":["../../../../src/components/AttachmentPreview/AttachmentDownloadLink.tsx"],"sourcesContent":["import { MouseEvent } from 'react';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { saveAttachment } from '../AttachmentLightbox/downloadAttachment';\n\nimport { DownloadIcon } from '~/icons';\n\nexport type AttachmentDownloadLinkProps = {\n  url: string;\n  fileName: string;\n  /** `xs` sits on a tile, `small` in the preview modal's header. */\n  size?: 'xs' | 'small';\n  className?: string;\n  testId?: string;\n};\n\n/** Keeps the link semantics but fetches the bytes, since `download` is ignored cross-origin. */\nexport const AttachmentDownloadLink = ({\n  url,\n  fileName,\n  size = 'small',\n  className,\n  testId = 'attachment-download',\n}: AttachmentDownloadLinkProps) => {\n  const handleClick = (event: MouseEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n    saveAttachment(url, fileName);\n  };\n\n  return (\n    <Tooltip title=\"Download\">\n      <a\n        href={url}\n        download={fileName}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className={className}\n        data-testid={testId}\n        onClick={handleClick}\n      >\n        <ButtonIcon size={size} type=\"tertiaryBg\" ariaLabel=\"Download\">\n          <DownloadIcon size={size === 'xs' ? 'small' : undefined} />\n        </ButtonIcon>\n      </a>\n    </Tooltip>\n  );\n};\n"],"names":["_ref","url","fileName","_ref$size","size","className","_ref$testId","testId","_jsx","Tooltip","title","children","jsx","href","download","target","rel","onClick","event","preventDefault","stopPropagation","saveAttachment","ButtonIcon","type","ariaLabel","DownloadIcon","undefined"],"mappings":"+nIAkBsC,SAMHA,GAAA,IALjCC,IAAAA,IACAC,IAAAA,SAAQC,EAAAH,EACRI,KAAAA,aAAO,QAAOD,EACdE,IAAAA,UAASC,EAAAN,EACTO,OAAAA,aAAS,sBAAqBD,EAQ9B,OACEE,EAAAA,IAACC,EAAAA,QAAO,CAACC,MAAM,WAAUC,SACvBH,EAAAI,IAAA,IAAA,CACEC,KAAMZ,EACNa,SAAUZ,EACVa,OAAO,SACPC,IAAI,sBACJX,UAAWA,EACX,cAAaE,EACbU,QAfc,SAACC,GACnBA,EAAMC,iBACND,EAAME,kBACNC,iBAAepB,EAAKC,IAYKS,SAErBH,MAACc,aAAU,CAAClB,KAAMA,EAAMmB,KAAK,aAAaC,UAAU,WAAUb,SAC5DH,MAACiB,eAAY,CAACrB,KAAe,OAATA,EAAgB,aAAUsB,SAKxD"}
+{"version":3,"file":"AttachmentDownloadLink.js","sources":["../../../../src/components/AttachmentPreview/AttachmentDownloadLink.tsx"],"sourcesContent":["import { MouseEvent } from 'react';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { saveAttachment } from '../AttachmentLightbox/downloadAttachment';\n\nimport { DownloadIcon } from '~/icons';\n\nexport type AttachmentDownloadLinkProps = {\n  url: string;\n  fileName: string;\n  /** `xs` sits on a tile, `small` in the preview modal's header. */\n  size?: 'xs' | 'small';\n  className?: string;\n  testId?: string;\n};\n\n/** Keeps the link semantics but fetches the bytes, since `download` is ignored cross-origin. */\nexport const AttachmentDownloadLink = ({\n  url,\n  fileName,\n  size = 'small',\n  className,\n  testId = 'attachment-download',\n}: AttachmentDownloadLinkProps) => {\n  const handleClick = (event: MouseEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n    saveAttachment(url, fileName);\n  };\n\n  return (\n    <Tooltip title=\"Download\">\n      <a\n        href={url}\n        download={fileName}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className={className}\n        data-testid={testId}\n        onClick={handleClick}\n      >\n        <ButtonIcon size={size} type=\"tertiaryBg\" ariaLabel=\"Download\">\n          <DownloadIcon size={size === 'xs' ? 'small' : undefined} />\n        </ButtonIcon>\n      </a>\n    </Tooltip>\n  );\n};\n"],"names":["_ref","url","fileName","_ref$size","size","className","_ref$testId","testId","_jsx","Tooltip","title","children","jsx","href","download","target","rel","onClick","event","preventDefault","stopPropagation","saveAttachment","ButtonIcon","type","ariaLabel","DownloadIcon","undefined"],"mappings":"41IAkBsC,SAMHA,GAAA,IALjCC,IAAAA,IACAC,IAAAA,SAAQC,EAAAH,EACRI,KAAAA,aAAO,QAAOD,EACdE,IAAAA,UAASC,EAAAN,EACTO,OAAAA,aAAS,sBAAqBD,EAQ9B,OACEE,EAAAA,IAACC,EAAAA,QAAO,CAACC,MAAM,WAAUC,SACvBH,EAAAI,IAAA,IAAA,CACEC,KAAMZ,EACNa,SAAUZ,EACVa,OAAO,SACPC,IAAI,sBACJX,UAAWA,EACX,cAAaE,EACbU,QAfc,SAACC,GACnBA,EAAMC,iBACND,EAAME,kBACNC,iBAAepB,EAAKC,IAYKS,SAErBH,MAACc,aAAU,CAAClB,KAAMA,EAAMmB,KAAK,aAAaC,UAAU,WAAUb,SAC5DH,MAACiB,eAAY,CAACrB,KAAe,OAATA,EAAgB,aAAUsB,SAKxD"}

package/cjs-bundle/components/AttachmentPreview/AttachmentTile.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("classnames"),n=require("../../componentsV2/FileIcon/FileIcon.js"),i=require("../../componentsV2/ButtonIcon/ButtonIcon.js"),c=require("../../componentsV2/Tooltip/Tooltip.js"),r=require("../../componentsV2/LoaderCircular/LoaderCircular.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/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var u=require("./AttachmentActionsMenu.js"),a=require("./AttachmentImage.js"),l=require("./AttachmentDownloadLink.js"),m=require("./AttachmentPreview.scss.js"),j=require("../../utils/main.js"),d=require("react/jsx-runtime");function I(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var q=I(e),p=I(o);function h(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 v(e){for(var s=1;s<arguments.length;s++){var o=null!=arguments[s]?arguments[s]:{};s%2?h(Object(o),!0).forEach((function(s){q.default(e,s,o[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):h(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}var f=function(e){var s,o=e.split(".");return o.length>1?(null!==(s=o.pop())&&void 0!==s?s:"").toUpperCase():""},x=function(e){var s=e.item,o=e.onShare,n=e.imageRef,i=j.default.getFileNameWithExtensionFromPath(s.name),c=s.downloadUrl||s.src;return d.jsxs("div",{className:m.tileActions,"data-testid":"attachment-tile-actions",children:[!!c&&d.jsx(l.AttachmentDownloadLink,{url:c,fileName:i,size:"xs",className:m.tileActionLink}),d.jsx(u.AttachmentActionsMenu,{item:s,onShare:o,size:"xs",testIdPrefix:"attachment-tile",tooltip:"More actions",imageRef:n})]})},g=function(e){return function(s){s.stopPropagation(),e()}},b=function(e){var s=e.item,o=e.onRemove,n=e.onRetry;return d.jsxs(d.Fragment,{children:[s.isUploading&&d.jsxs(d.Fragment,{children:[d.jsx("div",{className:m.uploadingOverlay}),d.jsx("div",{className:m.uploadingSpinner,children:d.jsx(r.LoaderCircular,{size:"xs",className:m.loader})})]}),!!s.error&&d.jsxs(d.Fragment,{children:[d.jsx("div",{className:m.errorOverlay}),n&&d.jsx(c.Tooltip,{title:"Retry upload",children:d.jsx("div",{className:m.retryButton,children:d.jsx(i.ButtonIcon,{size:"xs",type:"tertiaryBg",onClick:g((function(){return n(s.id)})),testId:"attachment-retry",children:d.jsx(t.UndoIcon,{size:"small"})})})})]}),o&&!s.isUploading&&d.jsx(c.Tooltip,{title:"Remove",children:d.jsx("div",{className:p.default(m.removeButton,!!s.error&&m.removeButtonVisible),children:d.jsx(i.ButtonIcon,{size:"xs",type:"tertiaryBg",onClick:g((function(){return o(s.id)})),testId:"attachment-remove",children:d.jsx(t.CloseSmallIcon,{size:"small"})})})})]})};exports.AttachmentTile=function(e){var o,i,r=e.item,u=e.onRemove,l=e.onRetry,I=e.onItemClick,q=e.isSelected,h=e.hideActions,g=e.onShare,C=s.useRef(null),y=null!==(o=r.kind)&&void 0!==o?o:"file",O=d.jsx(b,{item:r,onRemove:u,onRetry:l}),F=j.default.getFileNameWithExtensionFromPath(r.name),P=!r.isUploading&&!r.error,N=!!I&&P,A=!h&&!u&&P;if("image"===y||"video"===y)return d.jsxs("div",{className:p.default(m.thumbnail,N&&m.clickable,q&&m.selected,!!r.error&&m.thumbnailError),onClick:N?function(){return null==I?void 0:I(r)}:void 0,children:[d.jsx("div",{className:m.thumbnailInner,children:"image"===y?d.jsx(a.AttachmentImage,{ref:C,src:r.src,alt:F,className:m.thumbnailImage}):d.jsx("video",{src:(i=r.src,i&&!i.includes("#t=")?"".concat(i,"#t=0.1"):i),className:m.thumbnailImage,preload:"metadata",playsInline:!0,muted:!0})}),"video"===y&&d.jsx("div",{className:m.videoOverlay,children:d.jsx(t.PlayOneIcon,{theme:"filled",className:m.playIcon})}),A&&d.jsx(x,{item:r,onShare:g,imageRef:C}),O]});var k,R=d.jsxs(d.Fragment,{children:[d.jsxs("div",{className:m.fileCardContent,children:[d.jsx(n.FileIcon,{name:F}),d.jsxs("div",{className:m.fileInfo,children:[d.jsx(c.Tooltip,{title:F,children:d.jsx("div",{className:m.fileName,children:(k=F,k.replace(/\.[^/.]+$/,""))})}),d.jsx("div",{className:m.fileType,children:f(F)})]})]}),A&&d.jsx(x,{item:r,onShare:g}),O]}),S=N?{role:"button",tabIndex:0,onClick:function(){return null==I?void 0:I(r)},onKeyDown:function(e){e.target===e.currentTarget&&("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),null==I||I(r)))}}:{};return d.jsx("div",v(v({className:p.default(m.fileCard,N&&m.fileCardLink,q&&m.selected,!!r.error&&m.thumbnailError)},S),{},{children:R}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),e=require("react"),o=require("classnames"),n=require("../../componentsV2/FileIcon/FileIcon.js"),i=require("../../componentsV2/ButtonIcon/ButtonIcon.js"),c=require("../../componentsV2/Tooltip/Tooltip.js"),r=require("../../componentsV2/LoaderCircular/LoaderCircular.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("./AttachmentActionsMenu.js"),a=require("./AttachmentImage.js"),l=require("./AttachmentDownloadLink.js"),m=require("./AttachmentPreview.scss.js"),j=require("../../utils/main.js"),d=require("react/jsx-runtime");function I(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var q=I(s),p=I(o);function h(s,e){var o=Object.keys(s);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(s);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(s,e).enumerable}))),o.push.apply(o,n)}return o}function v(s){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?h(Object(o),!0).forEach((function(e){q.default(s,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(o)):h(Object(o)).forEach((function(e){Object.defineProperty(s,e,Object.getOwnPropertyDescriptor(o,e))}))}return s}var f=function(s){var e,o=s.split(".");return o.length>1?(null!==(e=o.pop())&&void 0!==e?e:"").toUpperCase():""},x=function(s){var e=s.item,o=s.onShare,n=s.imageRef,i=j.default.getFileNameWithExtensionFromPath(e.name),c=e.hideDownload?void 0:e.downloadUrl||e.src;return d.jsxs("div",{className:m.tileActions,"data-testid":"attachment-tile-actions",children:[!!c&&d.jsx(l.AttachmentDownloadLink,{url:c,fileName:i,size:"xs",className:m.tileActionLink}),d.jsx(u.AttachmentActionsMenu,{item:e,onShare:o,size:"xs",testIdPrefix:"attachment-tile",tooltip:"More actions",imageRef:n})]})},g=function(s){return function(e){e.stopPropagation(),s()}},b=function(s){var e=s.item,o=s.onRemove,n=s.onRetry;return d.jsxs(d.Fragment,{children:[e.isUploading&&d.jsxs(d.Fragment,{children:[d.jsx("div",{className:m.uploadingOverlay}),d.jsx("div",{className:m.uploadingSpinner,children:d.jsx(r.LoaderCircular,{size:"xs",className:m.loader})})]}),!!e.error&&d.jsxs(d.Fragment,{children:[d.jsx("div",{className:m.errorOverlay}),n&&d.jsx(c.Tooltip,{title:"Retry upload",children:d.jsx("div",{className:m.retryButton,children:d.jsx(i.ButtonIcon,{size:"xs",type:"tertiaryBg",onClick:g((function(){return n(e.id)})),testId:"attachment-retry",children:d.jsx(t.UndoIcon,{size:"small"})})})})]}),o&&!e.isUploading&&d.jsx(c.Tooltip,{title:"Remove",children:d.jsx("div",{className:p.default(m.removeButton,!!e.error&&m.removeButtonVisible),children:d.jsx(i.ButtonIcon,{size:"xs",type:"tertiaryBg",onClick:g((function(){return o(e.id)})),testId:"attachment-remove",children:d.jsx(t.CloseSmallIcon,{size:"small"})})})})]})};exports.AttachmentTile=function(s){var o,i,r=s.item,u=s.onRemove,l=s.onRetry,I=s.onItemClick,q=s.isSelected,h=s.hideActions,g=s.onShare,C=e.useRef(null),O=null!==(o=r.kind)&&void 0!==o?o:"file",y=d.jsx(b,{item:r,onRemove:u,onRetry:l}),F=j.default.getFileNameWithExtensionFromPath(r.name),P=!r.isUploading&&!r.error,N=!!I&&P,A=!h&&!u&&P;if("image"===O||"video"===O)return d.jsxs("div",{className:p.default(m.thumbnail,N&&m.clickable,q&&m.selected,!!r.error&&m.thumbnailError),onClick:N?function(){return null==I?void 0:I(r)}:void 0,children:[d.jsx("div",{className:m.thumbnailInner,children:"image"===O?d.jsx(a.AttachmentImage,{ref:C,src:r.src,alt:F,className:m.thumbnailImage}):d.jsx("video",{src:(i=r.src,i&&!i.includes("#t=")?"".concat(i,"#t=0.1"):i),className:m.thumbnailImage,preload:"metadata",playsInline:!0,muted:!0})}),"video"===O&&d.jsx("div",{className:m.videoOverlay,children:d.jsx(t.PlayOneIcon,{theme:"filled",className:m.playIcon})}),A&&d.jsx(x,{item:r,onShare:g,imageRef:C}),y]});var k,R=d.jsxs(d.Fragment,{children:[d.jsxs("div",{className:m.fileCardContent,children:[d.jsx(n.FileIcon,{name:F}),d.jsxs("div",{className:m.fileInfo,children:[d.jsx(c.Tooltip,{title:F,children:d.jsx("div",{className:m.fileName,children:(k=F,k.replace(/\.[^/.]+$/,""))})}),d.jsx("div",{className:m.fileType,children:f(F)})]})]}),A&&d.jsx(x,{item:r,onShare:g}),y]}),D=N?{role:"button",tabIndex:0,onClick:function(){return null==I?void 0:I(r)},onKeyDown:function(s){s.target===s.currentTarget&&("Enter"!==s.key&&" "!==s.key||(s.preventDefault(),null==I||I(r)))}}:{};return d.jsx("div",v(v({className:p.default(m.fileCard,N&&m.fileCardLink,q&&m.selected,!!r.error&&m.thumbnailError)},D),{},{children:R}))};
 //# sourceMappingURL=AttachmentTile.js.map

package/cjs-bundle/components/AttachmentPreview/AttachmentTile.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentTile.js","sources":["../../../../src/components/AttachmentPreview/AttachmentTile.tsx"],"sourcesContent":["import { KeyboardEvent, MouseEvent, RefObject, useRef } from 'react';\nimport classNames from 'classnames';\n\nimport { FileIcon } from '../../componentsV2/FileIcon';\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { LoaderCircular } from '../../componentsV2/LoaderCircular';\nimport { PlayOneIcon, CloseSmallIcon, UndoIcon } from '../../icons';\n\nimport { AttachmentActionsMenu } from './AttachmentActionsMenu';\nimport { AttachmentImage } from './AttachmentImage';\nimport { AttachmentDownloadLink } from './AttachmentDownloadLink';\nimport { AttachmentPreviewItem, AttachmentPreviewProps } from './AttachmentPreview.types';\n\nimport styles from './AttachmentPreview.scss';\n\nimport utils from '~/utils/main';\n\nconst getExtension = (name: string) => {\n  const parts = name.split('.');\n  return parts.length > 1 ? (parts.pop() ?? '').toUpperCase() : '';\n};\n\nconst dropExtension = (name: string) => name.replace(/\\.[^/.]+$/, '');\n\n// A bare <video> paints nothing until a frame is decoded; the media fragment forces one.\nconst withFirstFrame = (src?: string) => (src && !src.includes('#t=') ? `${src}#t=0.1` : src);\n\nexport type AttachmentTileProps = {\n  item: AttachmentPreviewItem;\n  onRemove?: AttachmentPreviewProps['onRemove'];\n  onRetry?: AttachmentPreviewProps['onRetry'];\n  onItemClick?: AttachmentPreviewProps['onItemClick'];\n  isSelected?: boolean;\n  hideActions?: boolean;\n  /** Adds \"Share file\" to the tile's hover menu. */\n  onShare?: (item: AttachmentPreviewItem) => void;\n};\n\nconst TileActions = ({\n  item,\n  onShare,\n  imageRef,\n}: Pick<AttachmentTileProps, 'item' | 'onShare'> & {\n  imageRef?: RefObject<HTMLImageElement>;\n}) => {\n  const fileName = utils.getFileNameWithExtensionFromPath(item.name);\n  const downloadUrl = item.downloadUrl || item.src;\n\n  return (\n    <div className={styles.tileActions} data-testid=\"attachment-tile-actions\">\n      {!!downloadUrl && (\n        <AttachmentDownloadLink\n          url={downloadUrl}\n          fileName={fileName}\n          size=\"xs\"\n          className={styles.tileActionLink}\n        />\n      )}\n\n      <AttachmentActionsMenu\n        item={item}\n        onShare={onShare}\n        size=\"xs\"\n        testIdPrefix=\"attachment-tile\"\n        tooltip=\"More actions\"\n        imageRef={imageRef}\n      />\n    </div>\n  );\n};\n\nconst stopAndRun = (action: () => void) => (event: MouseEvent) => {\n  event.stopPropagation();\n  action();\n};\n\nconst TileOverlays = ({ item, onRemove, onRetry }: Omit<AttachmentTileProps, 'onItemClick'>) => (\n  <>\n    {item.isUploading && (\n      <>\n        <div className={styles.uploadingOverlay} />\n        <div className={styles.uploadingSpinner}>\n          <LoaderCircular size=\"xs\" className={styles.loader} />\n        </div>\n      </>\n    )}\n\n    {!!item.error && (\n      <>\n        <div className={styles.errorOverlay} />\n        {onRetry && (\n          <Tooltip title=\"Retry upload\">\n            <div className={styles.retryButton}>\n              <ButtonIcon\n                size=\"xs\"\n                type=\"tertiaryBg\"\n                onClick={stopAndRun(() => onRetry(item.id))}\n                testId=\"attachment-retry\"\n              >\n                <UndoIcon size=\"small\" />\n              </ButtonIcon>\n            </div>\n          </Tooltip>\n        )}\n      </>\n    )}\n\n    {onRemove && !item.isUploading && (\n      <Tooltip title=\"Remove\">\n        <div\n          className={classNames(styles.removeButton, !!item.error && styles.removeButtonVisible)}\n        >\n          <ButtonIcon\n            size=\"xs\"\n            type=\"tertiaryBg\"\n            onClick={stopAndRun(() => onRemove(item.id))}\n            testId=\"attachment-remove\"\n          >\n            <CloseSmallIcon size=\"small\" />\n          </ButtonIcon>\n        </div>\n      </Tooltip>\n    )}\n  </>\n);\n\nexport const AttachmentTile = ({\n  item,\n  onRemove,\n  onRetry,\n  onItemClick,\n  isSelected,\n  hideActions,\n  onShare,\n}: AttachmentTileProps) => {\n  const imageRef = useRef<HTMLImageElement>(null);\n  const kind = item.kind ?? 'file';\n  const overlays = <TileOverlays item={item} onRemove={onRemove} onRetry={onRetry} />;\n  const fileName = utils.getFileNameWithExtensionFromPath(item.name);\n  const isReady = !item.isUploading && !item.error;\n  const clickable = !!onItemClick && isReady;\n  // A tile being composed shows Remove in the same corner, and has nothing to link to.\n  const showActions = !hideActions && !onRemove && isReady;\n\n  if (kind === 'image' || kind === 'video') {\n    return (\n      // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events\n      <div\n        className={classNames(\n          styles.thumbnail,\n          clickable && styles.clickable,\n          isSelected && styles.selected,\n          !!item.error && styles.thumbnailError\n        )}\n        onClick={clickable ? () => onItemClick?.(item) : undefined}\n      >\n        <div className={styles.thumbnailInner}>\n          {kind === 'image' ? (\n            <AttachmentImage\n              ref={imageRef}\n              src={item.src}\n              alt={fileName}\n              className={styles.thumbnailImage}\n            />\n          ) : (\n            <video\n              src={withFirstFrame(item.src)}\n              className={styles.thumbnailImage}\n              preload=\"metadata\"\n              playsInline\n              muted\n            />\n          )}\n        </div>\n        {kind === 'video' && (\n          <div className={styles.videoOverlay}>\n            <PlayOneIcon theme=\"filled\" className={styles.playIcon} />\n          </div>\n        )}\n        {showActions && <TileActions item={item} onShare={onShare} imageRef={imageRef} />}\n        {overlays}\n      </div>\n    );\n  }\n\n  const fileCardContent = (\n    <>\n      <div className={styles.fileCardContent}>\n        <FileIcon name={fileName} />\n        <div className={styles.fileInfo}>\n          <Tooltip title={fileName}>\n            <div className={styles.fileName}>{dropExtension(fileName)}</div>\n          </Tooltip>\n          <div className={styles.fileType}>{getExtension(fileName)}</div>\n        </div>\n      </div>\n      {showActions && <TileActions item={item} onShare={onShare} />}\n      {overlays}\n    </>\n  );\n\n  const cardInteraction = clickable\n    ? {\n        role: 'button',\n        tabIndex: 0,\n        onClick: () => onItemClick?.(item),\n        onKeyDown: (event: KeyboardEvent) => {\n          // Keys bubbling from the nested download link must reach it, not open the preview.\n          if (event.target !== event.currentTarget) return;\n          if (event.key !== 'Enter' && event.key !== ' ') return;\n\n          // Space would otherwise scroll the surrounding feed.\n          event.preventDefault();\n          onItemClick?.(item);\n        },\n      }\n    : {};\n\n  return (\n    <div\n      className={classNames(\n        styles.fileCard,\n        clickable && styles.fileCardLink,\n        isSelected && styles.selected,\n        !!item.error && styles.thumbnailError\n      )}\n      {...cardInteraction}\n    >\n      {fileCardContent}\n    </div>\n  );\n};\n"],"names":["getExtension","name","_parts$pop","parts","split","length","pop","toUpperCase","TileActions","_ref","item","onShare","imageRef","fileName","utils","getFileNameWithExtensionFromPath","downloadUrl","src","_jsxs","className","styles","tileActions","children","_jsx","AttachmentDownloadLink","url","size","tileActionLink","AttachmentActionsMenu","testIdPrefix","tooltip","stopAndRun","action","event","stopPropagation","TileOverlays","_ref2","onRemove","onRetry","_Fragment","isUploading","jsx","uploadingOverlay","uploadingSpinner","LoaderCircular","loader","error","errorOverlay","Tooltip","title","retryButton","ButtonIcon","type","onClick","id","testId","UndoIcon","classNames","removeButton","removeButtonVisible","CloseSmallIcon","_ref3","_item$kind","onItemClick","isSelected","hideActions","useRef","kind","overlays","isReady","clickable","showActions","thumbnail","selected","thumbnailError","undefined","thumbnailInner","AttachmentImage","ref","alt","thumbnailImage","includes","concat","preload","playsInline","muted","videoOverlay","PlayOneIcon","theme","playIcon","fileCardContent","jsxs","FileIcon","fileInfo","replace","fileType","cardInteraction","role","tabIndex","onKeyDown","target","currentTarget","key","preventDefault","_objectSpread","fileCard","fileCardLink"],"mappings":"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"}
+{"version":3,"file":"AttachmentTile.js","sources":["../../../../src/components/AttachmentPreview/AttachmentTile.tsx"],"sourcesContent":["import { KeyboardEvent, MouseEvent, RefObject, useRef } from 'react';\nimport classNames from 'classnames';\n\nimport { FileIcon } from '../../componentsV2/FileIcon';\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { LoaderCircular } from '../../componentsV2/LoaderCircular';\nimport { PlayOneIcon, CloseSmallIcon, UndoIcon } from '../../icons';\n\nimport { AttachmentActionsMenu } from './AttachmentActionsMenu';\nimport { AttachmentImage } from './AttachmentImage';\nimport { AttachmentDownloadLink } from './AttachmentDownloadLink';\nimport { AttachmentPreviewItem, AttachmentPreviewProps } from './AttachmentPreview.types';\n\nimport styles from './AttachmentPreview.scss';\n\nimport utils from '~/utils/main';\n\nconst getExtension = (name: string) => {\n  const parts = name.split('.');\n  return parts.length > 1 ? (parts.pop() ?? '').toUpperCase() : '';\n};\n\nconst dropExtension = (name: string) => name.replace(/\\.[^/.]+$/, '');\n\n// A bare <video> paints nothing until a frame is decoded; the media fragment forces one.\nconst withFirstFrame = (src?: string) => (src && !src.includes('#t=') ? `${src}#t=0.1` : src);\n\nexport type AttachmentTileProps = {\n  item: AttachmentPreviewItem;\n  onRemove?: AttachmentPreviewProps['onRemove'];\n  onRetry?: AttachmentPreviewProps['onRetry'];\n  onItemClick?: AttachmentPreviewProps['onItemClick'];\n  isSelected?: boolean;\n  hideActions?: boolean;\n  /** Adds \"Share file\" to the tile's hover menu. */\n  onShare?: (item: AttachmentPreviewItem) => void;\n};\n\nconst TileActions = ({\n  item,\n  onShare,\n  imageRef,\n}: Pick<AttachmentTileProps, 'item' | 'onShare'> & {\n  imageRef?: RefObject<HTMLImageElement>;\n}) => {\n  const fileName = utils.getFileNameWithExtensionFromPath(item.name);\n  const downloadUrl = item.hideDownload ? undefined : item.downloadUrl || item.src;\n\n  return (\n    <div className={styles.tileActions} data-testid=\"attachment-tile-actions\">\n      {!!downloadUrl && (\n        <AttachmentDownloadLink\n          url={downloadUrl}\n          fileName={fileName}\n          size=\"xs\"\n          className={styles.tileActionLink}\n        />\n      )}\n\n      <AttachmentActionsMenu\n        item={item}\n        onShare={onShare}\n        size=\"xs\"\n        testIdPrefix=\"attachment-tile\"\n        tooltip=\"More actions\"\n        imageRef={imageRef}\n      />\n    </div>\n  );\n};\n\nconst stopAndRun = (action: () => void) => (event: MouseEvent) => {\n  event.stopPropagation();\n  action();\n};\n\nconst TileOverlays = ({ item, onRemove, onRetry }: Omit<AttachmentTileProps, 'onItemClick'>) => (\n  <>\n    {item.isUploading && (\n      <>\n        <div className={styles.uploadingOverlay} />\n        <div className={styles.uploadingSpinner}>\n          <LoaderCircular size=\"xs\" className={styles.loader} />\n        </div>\n      </>\n    )}\n\n    {!!item.error && (\n      <>\n        <div className={styles.errorOverlay} />\n        {onRetry && (\n          <Tooltip title=\"Retry upload\">\n            <div className={styles.retryButton}>\n              <ButtonIcon\n                size=\"xs\"\n                type=\"tertiaryBg\"\n                onClick={stopAndRun(() => onRetry(item.id))}\n                testId=\"attachment-retry\"\n              >\n                <UndoIcon size=\"small\" />\n              </ButtonIcon>\n            </div>\n          </Tooltip>\n        )}\n      </>\n    )}\n\n    {onRemove && !item.isUploading && (\n      <Tooltip title=\"Remove\">\n        <div\n          className={classNames(styles.removeButton, !!item.error && styles.removeButtonVisible)}\n        >\n          <ButtonIcon\n            size=\"xs\"\n            type=\"tertiaryBg\"\n            onClick={stopAndRun(() => onRemove(item.id))}\n            testId=\"attachment-remove\"\n          >\n            <CloseSmallIcon size=\"small\" />\n          </ButtonIcon>\n        </div>\n      </Tooltip>\n    )}\n  </>\n);\n\nexport const AttachmentTile = ({\n  item,\n  onRemove,\n  onRetry,\n  onItemClick,\n  isSelected,\n  hideActions,\n  onShare,\n}: AttachmentTileProps) => {\n  const imageRef = useRef<HTMLImageElement>(null);\n  const kind = item.kind ?? 'file';\n  const overlays = <TileOverlays item={item} onRemove={onRemove} onRetry={onRetry} />;\n  const fileName = utils.getFileNameWithExtensionFromPath(item.name);\n  const isReady = !item.isUploading && !item.error;\n  const clickable = !!onItemClick && isReady;\n  // A tile being composed shows Remove in the same corner, and has nothing to link to.\n  const showActions = !hideActions && !onRemove && isReady;\n\n  if (kind === 'image' || kind === 'video') {\n    return (\n      // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events\n      <div\n        className={classNames(\n          styles.thumbnail,\n          clickable && styles.clickable,\n          isSelected && styles.selected,\n          !!item.error && styles.thumbnailError\n        )}\n        onClick={clickable ? () => onItemClick?.(item) : undefined}\n      >\n        <div className={styles.thumbnailInner}>\n          {kind === 'image' ? (\n            <AttachmentImage\n              ref={imageRef}\n              src={item.src}\n              alt={fileName}\n              className={styles.thumbnailImage}\n            />\n          ) : (\n            <video\n              src={withFirstFrame(item.src)}\n              className={styles.thumbnailImage}\n              preload=\"metadata\"\n              playsInline\n              muted\n            />\n          )}\n        </div>\n        {kind === 'video' && (\n          <div className={styles.videoOverlay}>\n            <PlayOneIcon theme=\"filled\" className={styles.playIcon} />\n          </div>\n        )}\n        {showActions && <TileActions item={item} onShare={onShare} imageRef={imageRef} />}\n        {overlays}\n      </div>\n    );\n  }\n\n  const fileCardContent = (\n    <>\n      <div className={styles.fileCardContent}>\n        <FileIcon name={fileName} />\n        <div className={styles.fileInfo}>\n          <Tooltip title={fileName}>\n            <div className={styles.fileName}>{dropExtension(fileName)}</div>\n          </Tooltip>\n          <div className={styles.fileType}>{getExtension(fileName)}</div>\n        </div>\n      </div>\n      {showActions && <TileActions item={item} onShare={onShare} />}\n      {overlays}\n    </>\n  );\n\n  const cardInteraction = clickable\n    ? {\n        role: 'button',\n        tabIndex: 0,\n        onClick: () => onItemClick?.(item),\n        onKeyDown: (event: KeyboardEvent) => {\n          // Keys bubbling from the nested download link must reach it, not open the preview.\n          if (event.target !== event.currentTarget) return;\n          if (event.key !== 'Enter' && event.key !== ' ') return;\n\n          // Space would otherwise scroll the surrounding feed.\n          event.preventDefault();\n          onItemClick?.(item);\n        },\n      }\n    : {};\n\n  return (\n    <div\n      className={classNames(\n        styles.fileCard,\n        clickable && styles.fileCardLink,\n        isSelected && styles.selected,\n        !!item.error && styles.thumbnailError\n      )}\n      {...cardInteraction}\n    >\n      {fileCardContent}\n    </div>\n  );\n};\n"],"names":["getExtension","name","_parts$pop","parts","split","length","pop","toUpperCase","TileActions","_ref","item","onShare","imageRef","fileName","utils","getFileNameWithExtensionFromPath","downloadUrl","hideDownload","undefined","src","_jsxs","className","styles","tileActions","children","_jsx","AttachmentDownloadLink","url","size","tileActionLink","AttachmentActionsMenu","testIdPrefix","tooltip","stopAndRun","action","event","stopPropagation","TileOverlays","_ref2","onRemove","onRetry","_Fragment","isUploading","jsx","uploadingOverlay","uploadingSpinner","LoaderCircular","loader","error","errorOverlay","Tooltip","title","retryButton","ButtonIcon","type","onClick","id","testId","UndoIcon","classNames","removeButton","removeButtonVisible","CloseSmallIcon","_ref3","_item$kind","onItemClick","isSelected","hideActions","useRef","kind","overlays","isReady","clickable","showActions","thumbnail","selected","thumbnailError","thumbnailInner","AttachmentImage","ref","alt","thumbnailImage","includes","concat","preload","playsInline","muted","videoOverlay","PlayOneIcon","theme","playIcon","fileCardContent","jsxs","FileIcon","fileInfo","replace","fileType","cardInteraction","role","tabIndex","onKeyDown","target","currentTarget","key","preventDefault","_objectSpread","fileCard","fileCardLink"],"mappings":"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"}

package/cjs-bundle/components/AttachmentPreview/SortableAttachments.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),n=require("@babel/runtime/helpers/slicedToArray"),s=require("@babel/runtime/helpers/toConsumableArray"),o=require("react"),r=require("react-dom"),c=require("classnames"),i=require("@dnd-kit/core"),t=require("@dnd-kit/sortable"),u=require("../../componentsV2/ButtonIcon/ButtonIcon.js"),a=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var l=require("./AttachmentTile.js"),m=require("./AttachmentPreview.scss.js");require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("lodash"),require("../GradientManager/configuration/constants.js");var d=require("../../constants/attachments.js"),j=require("../../utils/main.js"),f=require("react/jsx-runtime");function q(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var I=q(e),p=q(n),v=q(s),g=q(c);function h(e,n){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),s.push.apply(s,o)}return s}function b(e){for(var n=1;n<arguments.length;n++){var s=null!=arguments[n]?arguments[n]:{};n%2?h(Object(s),!0).forEach((function(n){I.default(e,n,s[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):h(Object(s)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(s,n))}))}return e}var y=function(e){document.body.toggleAttribute(d.DRAGGING_ATTRIBUTE,e)},C=function(){setTimeout((function(){return y(!1)}),0)},O=function(e){var n=e.item,s=e.onRemove,o=e.onRetry,r=e.onItemClick,c=e.insertBefore,i=e.insertAfter,u=e.isFirst,a=t.useSortable({id:String(n.id)}),d=a.attributes,j=a.listeners,q=a.setNodeRef,I=a.isDragging;return f.jsxs("div",b(b(b({ref:q,className:g.default(m.slot,I&&m.slotDragging)},d),j),{},{onKeyDown:function(e){var o;null==j||null===(o=j.onKeyDown)||void 0===o||o.call(j,e),"Delete"!==e.key&&"Backspace"!==e.key||s&&(e.preventDefault(),s(n.id))},children:[c&&f.jsx("div",{className:g.default(m.insertion,u?m.insertionEdge:m.insertionBefore)}),f.jsx("div",{className:m.slotContent,children:f.jsx(l.AttachmentTile,{item:n,onRemove:s,onRetry:o,onItemClick:r})}),i&&f.jsx("div",{className:g.default(m.insertion,m.insertionAfter)})]}))},D=o.forwardRef((function(e,n){var s=e.items,c=e.onRemove,q=e.onRetry,h=e.onItemClick,D=e.onReorder,x=e.className,A=e.testId,R=o.useState(null),S=p.default(R,2),P=S[0],k=S[1],E=o.useState(-1),F=p.default(E,2),w=F[0],G=F[1],T=o.useRef(-1);T.current=w;var N=o.useRef(!1),B=o.useRef([]),M=o.useRef(null),L=i.useSensors(i.useSensor(i.PointerSensor,{activationConstraint:{distance:4}}),i.useSensor(i.KeyboardSensor,{coordinateGetter:t.sortableKeyboardCoordinates})),U=s.map((function(e){return String(e.id)})),z=P?U.indexOf(P):-1,K=s.find((function(e){return String(e.id)===P})),_=function(e){var n,o;return j.default.getFileNameWithExtensionFromPath(null!==(n=null===(o=s[e])||void 0===o?void 0:o.name)&&void 0!==n?n:"file")},W=function(e){T.current=e,G(e)};o.useEffect((function(){return function(){return y(!1)}}),[]);var H=function(e){return(e>z?e-1:e)+1},V={onDragStart:function(e){var n=e.active,s=U.indexOf(String(n.id));return"Grabbed ".concat(_(s),". Position ").concat(s+1," of ").concat(U.length,".")},onDragOver:function(){return T.current<0?"".concat(_(z)," is back at position ").concat(z+1," of ").concat(U.length,"."):"".concat(_(z)," will move to position ").concat(H(T.current)," of ").concat(U.length,".")},onDragEnd:function(){return T.current<0?"".concat(_(z)," was dropped in place."):"".concat(_(z)," was dropped at position ").concat(H(T.current)," of ").concat(U.length,".")},onDragCancel:function(){return"Reordering cancelled. ".concat(_(z)," returned to its position.")}};o.useEffect((function(){if(!(z<0)&&N.current){var e=z,n=function(n){var o={ArrowRight:1,ArrowLeft:-1}[n.key];o&&(e=Math.min(s.length-1,Math.max(0,e+o)),W(function(e){return e===z?-1:e+(e>z?1:0)}(e)))};return document.addEventListener("keydown",n),function(){return document.removeEventListener("keydown",n)}}}),[z,s.length]);var X=function(e){return W(function(e){var n=e.delta,s=e.activatorEvent,o=null==s?void 0:s.clientX,r=M.current;if(z<0||!r||"number"!=typeof o||Number.isNaN(o))return T.current;var c=o+n.x+r.scrollLeft,i=B.current.filter((function(e){return c>=e})).length;return i===z||i===z+1?-1:i}(e))};return f.jsxs(i.DndContext,{sensors:L,accessibility:{announcements:V},collisionDetection:function(e){var n=i.pointerWithin(e);return n.length?n:i.closestCenter(e)},onDragStart:function(e){var n=e.active,s=e.activatorEvent;N.current=s instanceof globalThis.KeyboardEvent;var o=M.current;B.current=o?Array.from(o.children).map((function(e){var n=e.getBoundingClientRect();return n.left+n.width/2+o.scrollLeft})):[],k(String(n.id)),W(-1),y(!0)},onDragMove:X,onDragOver:X,onDragEnd:function(){var e,n,s,o,r,c,i=T.current;i>=0&&z>=0&&D((e=U,n=z,s=i,o=v.default(e),r=o.splice(n,1),c=p.default(r,1)[0],o.splice(s>n?s-1:s,0,c),o)),k(null),W(-1),B.current=[],C()},onDragCancel:function(){k(null),W(-1),B.current=[],C()},children:[f.jsx(t.SortableContext,{items:U,strategy:t.horizontalListSortingStrategy,children:f.jsx("div",b(b({ref:function(e){if(M.current=e,"function"==typeof n)n(e);else if(n){n.current=e}},"data-testid":A,className:g.default(m.scroller,x)},P?I.default({},d.DRAGGING_ATTRIBUTE,"true"):{}),{},{children:s.map((function(e,n){return f.jsx(O,{item:e,onRemove:c,onRetry:q,onItemClick:h,isFirst:0===n,insertBefore:w===n,insertAfter:n===s.length-1&&w===s.length},e.id)}))}))}),r.createPortal(f.jsx(i.DragOverlay,{dropAnimation:null,zIndex:2100,children:K&&f.jsxs("div",b(b({className:m.dragGhost},I.default({},d.DRAGGING_ATTRIBUTE,"true")),{},{children:[f.jsx(l.AttachmentTile,{item:K}),f.jsx("div",{className:m.dragGhostHandle,children:f.jsx(u.ButtonIcon,{size:"xs",type:"tertiaryBg",testId:"attachment-drag-handle",children:f.jsx(a.DragIcon,{size:"small"})})})]}))}),document.body)]})}));exports.SortableAttachments=D;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),n=require("@babel/runtime/helpers/slicedToArray"),s=require("@babel/runtime/helpers/toConsumableArray"),o=require("react"),r=require("react-dom"),c=require("classnames"),i=require("@dnd-kit/core"),t=require("@dnd-kit/sortable"),u=require("../../componentsV2/ButtonIcon/ButtonIcon.js"),a=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/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 l=require("./AttachmentTile.js"),m=require("./AttachmentPreview.scss.js");require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("lodash"),require("../GradientManager/configuration/constants.js");var d=require("../../constants/attachments.js"),j=require("../../utils/main.js"),f=require("react/jsx-runtime");function q(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var I=q(e),p=q(n),v=q(s),g=q(c);function h(e,n){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),s.push.apply(s,o)}return s}function b(e){for(var n=1;n<arguments.length;n++){var s=null!=arguments[n]?arguments[n]:{};n%2?h(Object(s),!0).forEach((function(n){I.default(e,n,s[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):h(Object(s)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(s,n))}))}return e}var y=function(e){document.body.toggleAttribute(d.DRAGGING_ATTRIBUTE,e)},C=function(){setTimeout((function(){return y(!1)}),0)},O=function(e){var n=e.item,s=e.onRemove,o=e.onRetry,r=e.onItemClick,c=e.insertBefore,i=e.insertAfter,u=e.isFirst,a=t.useSortable({id:String(n.id)}),d=a.attributes,j=a.listeners,q=a.setNodeRef,I=a.isDragging;return f.jsxs("div",b(b(b({ref:q,className:g.default(m.slot,I&&m.slotDragging)},d),j),{},{onKeyDown:function(e){var o;null==j||null===(o=j.onKeyDown)||void 0===o||o.call(j,e),"Delete"!==e.key&&"Backspace"!==e.key||s&&(e.preventDefault(),s(n.id))},children:[c&&f.jsx("div",{className:g.default(m.insertion,u?m.insertionEdge:m.insertionBefore)}),f.jsx("div",{className:m.slotContent,children:f.jsx(l.AttachmentTile,{item:n,onRemove:s,onRetry:o,onItemClick:r})}),i&&f.jsx("div",{className:g.default(m.insertion,m.insertionAfter)})]}))},D=o.forwardRef((function(e,n){var s=e.items,c=e.onRemove,q=e.onRetry,h=e.onItemClick,D=e.onReorder,x=e.className,A=e.testId,R=o.useState(null),P=p.default(R,2),S=P[0],k=P[1],F=o.useState(-1),E=p.default(F,2),w=E[0],G=E[1],T=o.useRef(-1);T.current=w;var N=o.useRef(!1),B=o.useRef([]),M=o.useRef(null),L=i.useSensors(i.useSensor(i.PointerSensor,{activationConstraint:{distance:4}}),i.useSensor(i.KeyboardSensor,{coordinateGetter:t.sortableKeyboardCoordinates})),U=s.map((function(e){return String(e.id)})),z=S?U.indexOf(S):-1,K=s.find((function(e){return String(e.id)===S})),_=function(e){var n,o;return j.default.getFileNameWithExtensionFromPath(null!==(n=null===(o=s[e])||void 0===o?void 0:o.name)&&void 0!==n?n:"file")},W=function(e){T.current=e,G(e)};o.useEffect((function(){return function(){return y(!1)}}),[]);var H=function(e){return(e>z?e-1:e)+1},V={onDragStart:function(e){var n=e.active,s=U.indexOf(String(n.id));return"Grabbed ".concat(_(s),". Position ").concat(s+1," of ").concat(U.length,".")},onDragOver:function(){return T.current<0?"".concat(_(z)," is back at position ").concat(z+1," of ").concat(U.length,"."):"".concat(_(z)," will move to position ").concat(H(T.current)," of ").concat(U.length,".")},onDragEnd:function(){return T.current<0?"".concat(_(z)," was dropped in place."):"".concat(_(z)," was dropped at position ").concat(H(T.current)," of ").concat(U.length,".")},onDragCancel:function(){return"Reordering cancelled. ".concat(_(z)," returned to its position.")}};o.useEffect((function(){if(!(z<0)&&N.current){var e=z,n=function(n){var o={ArrowRight:1,ArrowLeft:-1}[n.key];o&&(e=Math.min(s.length-1,Math.max(0,e+o)),W(function(e){return e===z?-1:e+(e>z?1:0)}(e)))};return document.addEventListener("keydown",n),function(){return document.removeEventListener("keydown",n)}}}),[z,s.length]);var X=function(e){return W(function(e){var n=e.delta,s=e.activatorEvent,o=null==s?void 0:s.clientX,r=M.current;if(z<0||!r||"number"!=typeof o||Number.isNaN(o))return T.current;var c=o+n.x+r.scrollLeft,i=B.current.filter((function(e){return c>=e})).length;return i===z||i===z+1?-1:i}(e))};return f.jsxs(i.DndContext,{sensors:L,accessibility:{announcements:V},collisionDetection:function(e){var n=i.pointerWithin(e);return n.length?n:i.closestCenter(e)},onDragStart:function(e){var n=e.active,s=e.activatorEvent;N.current=s instanceof globalThis.KeyboardEvent;var o=M.current;B.current=o?Array.from(o.children).map((function(e){var n=e.getBoundingClientRect();return n.left+n.width/2+o.scrollLeft})):[],k(String(n.id)),W(-1),y(!0)},onDragMove:X,onDragOver:X,onDragEnd:function(){var e,n,s,o,r,c,i=T.current;i>=0&&z>=0&&D((e=U,n=z,s=i,o=v.default(e),r=o.splice(n,1),c=p.default(r,1)[0],o.splice(s>n?s-1:s,0,c),o)),k(null),W(-1),B.current=[],C()},onDragCancel:function(){k(null),W(-1),B.current=[],C()},children:[f.jsx(t.SortableContext,{items:U,strategy:t.horizontalListSortingStrategy,children:f.jsx("div",b(b({ref:function(e){if(M.current=e,"function"==typeof n)n(e);else if(n){n.current=e}},"data-testid":A,className:g.default(m.scroller,x)},S?I.default({},d.DRAGGING_ATTRIBUTE,"true"):{}),{},{children:s.map((function(e,n){return f.jsx(O,{item:e,onRemove:c,onRetry:q,onItemClick:h,isFirst:0===n,insertBefore:w===n,insertAfter:n===s.length-1&&w===s.length},e.id)}))}))}),r.createPortal(f.jsx(i.DragOverlay,{dropAnimation:null,zIndex:2100,children:K&&f.jsxs("div",b(b({className:m.dragGhost},I.default({},d.DRAGGING_ATTRIBUTE,"true")),{},{children:[f.jsx(l.AttachmentTile,{item:K}),f.jsx("div",{className:m.dragGhostHandle,children:f.jsx(u.ButtonIcon,{size:"xs",type:"tertiaryBg",testId:"attachment-drag-handle",children:f.jsx(a.DragIcon,{size:"small"})})})]}))}),document.body)]})}));exports.SortableAttachments=D;
 //# sourceMappingURL=SortableAttachments.js.map

package/cjs-bundle/components/AttachmentPreview/SortableAttachments.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortableAttachments.js","sources":["../../../../src/components/AttachmentPreview/SortableAttachments.tsx"],"sourcesContent":["import { forwardRef, KeyboardEvent, MutableRefObject, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport classNames from 'classnames';\nimport {\n  Announcements,\n  DndContext,\n  DragMoveEvent,\n  DragStartEvent,\n  DragOverlay,\n  KeyboardSensor,\n  PointerSensor,\n  closestCenter,\n  pointerWithin,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport {\n  SortableContext,\n  horizontalListSortingStrategy,\n  sortableKeyboardCoordinates,\n  useSortable,\n} from '@dnd-kit/sortable';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { DragIcon } from '../../icons';\n\nimport { AttachmentTile } from './AttachmentTile';\nimport { AttachmentPreviewItem, AttachmentPreviewProps } from './AttachmentPreview.types';\n\nimport styles from './AttachmentPreview.scss';\n\nimport { DRAGGING_ATTRIBUTE } from '~/constants';\nimport utils from '~/utils/main';\n\n// Above MUI's modal layer (1300) and the platform's panels.\nconst DRAG_GHOST_Z_INDEX = 2100;\n\nconst setDragActive = (isActive: boolean) => {\n  document.body.toggleAttribute(DRAGGING_ATTRIBUTE, isActive);\n};\n\nconst clearDragActive = () => {\n  setTimeout(() => setDragActive(false), 0);\n};\n\n/** Move `from` to boundary `insertAt` (0 = before everything, length = after everything). */\nconst moveToBoundary = <T,>(list: T[], from: number, insertAt: number): T[] => {\n  const next = [...list];\n  const [moved] = next.splice(from, 1);\n  next.splice(insertAt > from ? insertAt - 1 : insertAt, 0, moved);\n\n  return next;\n};\n\nexport type SortableAttachmentsProps = AttachmentPreviewProps & {\n  onReorder: NonNullable<AttachmentPreviewProps['onReorder']>;\n};\n\ntype SortableSlotProps = {\n  item: AttachmentPreviewItem;\n  onRemove?: AttachmentPreviewProps['onRemove'];\n  onRetry?: AttachmentPreviewProps['onRetry'];\n  onItemClick?: AttachmentPreviewProps['onItemClick'];\n  insertBefore: boolean;\n  insertAfter: boolean;\n  isFirst: boolean;\n};\n\nconst SortableSlot = ({\n  item,\n  onRemove,\n  onRetry,\n  onItemClick,\n  insertBefore,\n  insertAfter,\n  isFirst,\n}: SortableSlotProps) => {\n  const { attributes, listeners, setNodeRef, isDragging } = useSortable({ id: String(item.id) });\n\n  // The sensor owns onKeyDown (space/arrows/escape), so chain onto it rather than replace it.\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    listeners?.onKeyDown?.(event);\n\n    if (event.key !== 'Delete' && event.key !== 'Backspace') return;\n    if (!onRemove) return;\n\n    event.preventDefault();\n    onRemove(item.id);\n  };\n\n  return (\n    <div\n      ref={setNodeRef}\n      className={classNames(styles.slot, isDragging && styles.slotDragging)}\n      {...attributes}\n      {...listeners}\n      onKeyDown={handleKeyDown}\n    >\n      {insertBefore && (\n        <div\n          className={classNames(\n            styles.insertion,\n            isFirst ? styles.insertionEdge : styles.insertionBefore\n          )}\n        />\n      )}\n      <div className={styles.slotContent}>\n        <AttachmentTile\n          item={item}\n          onRemove={onRemove}\n          onRetry={onRetry}\n          onItemClick={onItemClick}\n        />\n      </div>\n      {insertAfter && <div className={classNames(styles.insertion, styles.insertionAfter)} />}\n    </div>\n  );\n};\n\nexport const SortableAttachments = forwardRef<HTMLDivElement, SortableAttachmentsProps>(\n  ({ items, onRemove, onRetry, onItemClick, onReorder, className, testId }, ref) => {\n    const [activeId, setActiveId] = useState<null | string>(null);\n    const [insertionIndex, setInsertionIndex] = useState(-1);\n    // Read in handlers that must not be re-created as the pointer moves.\n    const insertionRef = useRef(-1);\n    insertionRef.current = insertionIndex;\n    const isKeyboardDragRef = useRef(false);\n    const slotMidpointsRef = useRef<number[]>([]);\n\n    // The host's ref drives its scroll arrows; this one measures the strip mid-drag.\n    const scrollerRef = useRef<HTMLDivElement | null>(null);\n    const setScrollerRef = (node: HTMLDivElement | null) => {\n      scrollerRef.current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref) {\n        const forwardedRef = ref as MutableRefObject<HTMLDivElement | null>;\n        forwardedRef.current = node;\n      }\n    };\n\n    const sensors = useSensors(\n      // A small threshold keeps Remove and the lightbox clickable on a plain press.\n      useSensor(PointerSensor, { activationConstraint: { distance: 4 } }),\n      useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates })\n    );\n\n    const ids = items.map(item => String(item.id));\n    const activeIndex = activeId ? ids.indexOf(activeId) : -1;\n    const activeItem = items.find(item => String(item.id) === activeId);\n    const nameOf = (index: number) =>\n      utils.getFileNameWithExtensionFromPath(items[index]?.name ?? 'file');\n\n    const setInsertion = (next: number) => {\n      insertionRef.current = next;\n      setInsertionIndex(next);\n    };\n\n    useEffect(() => () => setDragActive(false), []);\n\n    /** A landing position (0…n-1) expressed as the boundary the insertion bar draws at. */\n    const positionToBoundary = (position: number) =>\n      position === activeIndex ? -1 : position + (position > activeIndex ? 1 : 0);\n\n    // Compare against DOM midpoints captured at drag start: dnd-kit's rects follow its virtual\n    // sorted order, which drifts from the screen once transforms are suppressed.\n    const resolveInsertion = ({ delta, activatorEvent }: DragMoveEvent) => {\n      const startX = (activatorEvent as PointerEvent)?.clientX;\n      const scroller = scrollerRef.current;\n      if (activeIndex < 0 || !scroller || typeof startX !== 'number' || Number.isNaN(startX)) {\n        return insertionRef.current;\n      }\n\n      const pointerX = startX + delta.x + scroller.scrollLeft;\n      const boundary = slotMidpointsRef.current.filter(midpoint => pointerX >= midpoint).length;\n\n      // Dropping either side of where it already sits is a no-op.\n      return boundary === activeIndex || boundary === activeIndex + 1 ? -1 : boundary;\n    };\n\n    const positionOf = (boundary: number) => (boundary > activeIndex ? boundary - 1 : boundary) + 1;\n\n    const announcements: Announcements = {\n      onDragStart: ({ active }) => {\n        const index = ids.indexOf(String(active.id));\n\n        return `Grabbed ${nameOf(index)}. Position ${index + 1} of ${ids.length}.`;\n      },\n      onDragOver: () =>\n        insertionRef.current < 0\n          ? `${nameOf(activeIndex)} is back at position ${activeIndex + 1} of ${ids.length}.`\n          : `${nameOf(activeIndex)} will move to position ${positionOf(insertionRef.current)} of ${\n              ids.length\n            }.`,\n      onDragEnd: () =>\n        insertionRef.current < 0\n          ? `${nameOf(activeIndex)} was dropped in place.`\n          : `${nameOf(activeIndex)} was dropped at position ${positionOf(\n              insertionRef.current\n            )} of ${ids.length}.`,\n      onDragCancel: () => `Reordering cancelled. ${nameOf(activeIndex)} returned to its position.`,\n    };\n\n    // Step by position instead of reading dnd-kit's `over`: its keyboard coordinates come from\n    // rect geometry, so a wide tile can clear several narrow ones in one press and pin `over`\n    // to the last of them.\n    useEffect(() => {\n      if (activeIndex < 0 || !isKeyboardDragRef.current) return undefined;\n\n      let position = activeIndex;\n      const onKeyDown = (event: globalThis.KeyboardEvent) => {\n        const step = { ArrowRight: 1, ArrowLeft: -1 }[event.key];\n        if (!step) return;\n\n        position = Math.min(items.length - 1, Math.max(0, position + step));\n        setInsertion(positionToBoundary(position));\n      };\n\n      document.addEventListener('keydown', onKeyDown);\n\n      return () => document.removeEventListener('keydown', onKeyDown);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [activeIndex, items.length]);\n\n    const handleDragStart = ({ active, activatorEvent }: DragStartEvent) => {\n      isKeyboardDragRef.current = activatorEvent instanceof globalThis.KeyboardEvent;\n      const scroller = scrollerRef.current;\n      slotMidpointsRef.current = scroller\n        ? Array.from(scroller.children).map(slot => {\n            const rect = slot.getBoundingClientRect();\n\n            return rect.left + rect.width / 2 + scroller.scrollLeft;\n          })\n        : [];\n      setActiveId(String(active.id));\n      setInsertion(-1);\n      setDragActive(true);\n    };\n\n    const handleDragMove = (event: DragMoveEvent) => setInsertion(resolveInsertion(event));\n\n    const handleDragEnd = () => {\n      // The bar is the source of truth, not `over` — a keyboard drag can move the target\n      // without `over` following, and dropping in a gap leaves `over` null.\n      const boundary = insertionRef.current;\n      if (boundary >= 0 && activeIndex >= 0) {\n        onReorder(moveToBoundary(ids, activeIndex, boundary));\n      }\n\n      setActiveId(null);\n      setInsertion(-1);\n      slotMidpointsRef.current = [];\n      clearDragActive();\n    };\n\n    const handleDragCancel = () => {\n      setActiveId(null);\n      setInsertion(-1);\n      slotMidpointsRef.current = [];\n      clearDragActive();\n    };\n\n    return (\n      <DndContext\n        sensors={sensors}\n        accessibility={{ announcements }}\n        // pointerWithin targets the tile under the cursor; closestCenter covers the gaps\n        // between tiles and keyboard drags, where there is no pointer.\n        collisionDetection={args => {\n          const within = pointerWithin(args);\n\n          return within.length ? within : closestCenter(args);\n        }}\n        onDragStart={handleDragStart}\n        onDragMove={handleDragMove}\n        onDragOver={handleDragMove}\n        onDragEnd={handleDragEnd}\n        onDragCancel={handleDragCancel}\n      >\n        <SortableContext items={ids} strategy={horizontalListSortingStrategy}>\n          <div\n            ref={setScrollerRef}\n            data-testid={testId}\n            className={classNames(styles.scroller, className)}\n            {...(activeId ? { [DRAGGING_ATTRIBUTE]: 'true' } : {})}\n          >\n            {items.map((item, index) => (\n              <SortableSlot\n                key={item.id}\n                item={item}\n                onRemove={onRemove}\n                onRetry={onRetry}\n                onItemClick={onItemClick}\n                isFirst={index === 0}\n                insertBefore={insertionIndex === index}\n                insertAfter={index === items.length - 1 && insertionIndex === items.length}\n              />\n            ))}\n          </div>\n        </SortableContext>\n\n        {/* Portalled so no ancestor transform/backdrop-filter can clip the fixed overlay. */}\n        {createPortal(\n          <DragOverlay dropAnimation={null} zIndex={DRAG_GHOST_Z_INDEX}>\n            {activeItem && (\n              <div className={styles.dragGhost} {...{ [DRAGGING_ATTRIBUTE]: 'true' }}>\n                <AttachmentTile item={activeItem} />\n                <div className={styles.dragGhostHandle}>\n                  <ButtonIcon size=\"xs\" type=\"tertiaryBg\" testId=\"attachment-drag-handle\">\n                    <DragIcon size=\"small\" />\n                  </ButtonIcon>\n                </div>\n              </div>\n            )}\n          </DragOverlay>,\n          document.body\n        )}\n      </DndContext>\n    );\n  }\n);\n"],"names":["setDragActive","isActive","document","body","toggleAttribute","DRAGGING_ATTRIBUTE","clearDragActive","setTimeout","SortableSlot","_ref","item","onRemove","onRetry","onItemClick","insertBefore","insertAfter","isFirst","_useSortable","useSortable","id","String","attributes","listeners","setNodeRef","isDragging","_jsxs","jsxs","_objectSpread","ref","className","classNames","styles","slot","slotDragging","onKeyDown","event","_listeners$onKeyDown","key","preventDefault","children","_jsx","jsx","insertion","insertionEdge","insertionBefore","slotContent","AttachmentTile","insertionAfter","SortableAttachments","forwardRef","_ref2","items","onReorder","testId","useState","_useState2","_slicedToArray","_useState","activeId","setActiveId","_useState3","_useState4","insertionIndex","setInsertionIndex","insertionRef","useRef","current","isKeyboardDragRef","slotMidpointsRef","scrollerRef","sensors","useSensors","useSensor","PointerSensor","activationConstraint","distance","KeyboardSensor","coordinateGetter","sortableKeyboardCoordinates","ids","map","activeIndex","indexOf","activeItem","find","nameOf","index","_items$index$name","_items$index","utils","getFileNameWithExtensionFromPath","name","setInsertion","next","useEffect","positionOf","boundary","announcements","onDragStart","_ref4","active","concat","length","onDragOver","onDragEnd","onDragCancel","position","step","ArrowRight","ArrowLeft","Math","min","max","positionToBoundary","addEventListener","removeEventListener","handleDragMove","_ref3","delta","activatorEvent","startX","clientX","scroller","Number","isNaN","pointerX","x","scrollLeft","filter","midpoint","resolveInsertion","DndContext","accessibility","collisionDetection","args","within","pointerWithin","closestCenter","_ref5","globalThis","KeyboardEvent","Array","from","rect","getBoundingClientRect","left","width","onDragMove","list","insertAt","_next$splice","moved","splice","SortableContext","strategy","horizontalListSortingStrategy","node","createPortal","DragOverlay","dropAnimation","zIndex","dragGhost","dragGhostHandle","ButtonIcon","size","type","DragIcon"],"mappings":"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"}
+{"version":3,"file":"SortableAttachments.js","sources":["../../../../src/components/AttachmentPreview/SortableAttachments.tsx"],"sourcesContent":["import { forwardRef, KeyboardEvent, MutableRefObject, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport classNames from 'classnames';\nimport {\n  Announcements,\n  DndContext,\n  DragMoveEvent,\n  DragStartEvent,\n  DragOverlay,\n  KeyboardSensor,\n  PointerSensor,\n  closestCenter,\n  pointerWithin,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport {\n  SortableContext,\n  horizontalListSortingStrategy,\n  sortableKeyboardCoordinates,\n  useSortable,\n} from '@dnd-kit/sortable';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { DragIcon } from '../../icons';\n\nimport { AttachmentTile } from './AttachmentTile';\nimport { AttachmentPreviewItem, AttachmentPreviewProps } from './AttachmentPreview.types';\n\nimport styles from './AttachmentPreview.scss';\n\nimport { DRAGGING_ATTRIBUTE } from '~/constants';\nimport utils from '~/utils/main';\n\n// Above MUI's modal layer (1300) and the platform's panels.\nconst DRAG_GHOST_Z_INDEX = 2100;\n\nconst setDragActive = (isActive: boolean) => {\n  document.body.toggleAttribute(DRAGGING_ATTRIBUTE, isActive);\n};\n\nconst clearDragActive = () => {\n  setTimeout(() => setDragActive(false), 0);\n};\n\n/** Move `from` to boundary `insertAt` (0 = before everything, length = after everything). */\nconst moveToBoundary = <T,>(list: T[], from: number, insertAt: number): T[] => {\n  const next = [...list];\n  const [moved] = next.splice(from, 1);\n  next.splice(insertAt > from ? insertAt - 1 : insertAt, 0, moved);\n\n  return next;\n};\n\nexport type SortableAttachmentsProps = AttachmentPreviewProps & {\n  onReorder: NonNullable<AttachmentPreviewProps['onReorder']>;\n};\n\ntype SortableSlotProps = {\n  item: AttachmentPreviewItem;\n  onRemove?: AttachmentPreviewProps['onRemove'];\n  onRetry?: AttachmentPreviewProps['onRetry'];\n  onItemClick?: AttachmentPreviewProps['onItemClick'];\n  insertBefore: boolean;\n  insertAfter: boolean;\n  isFirst: boolean;\n};\n\nconst SortableSlot = ({\n  item,\n  onRemove,\n  onRetry,\n  onItemClick,\n  insertBefore,\n  insertAfter,\n  isFirst,\n}: SortableSlotProps) => {\n  const { attributes, listeners, setNodeRef, isDragging } = useSortable({ id: String(item.id) });\n\n  // The sensor owns onKeyDown (space/arrows/escape), so chain onto it rather than replace it.\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    listeners?.onKeyDown?.(event);\n\n    if (event.key !== 'Delete' && event.key !== 'Backspace') return;\n    if (!onRemove) return;\n\n    event.preventDefault();\n    onRemove(item.id);\n  };\n\n  return (\n    <div\n      ref={setNodeRef}\n      className={classNames(styles.slot, isDragging && styles.slotDragging)}\n      {...attributes}\n      {...listeners}\n      onKeyDown={handleKeyDown}\n    >\n      {insertBefore && (\n        <div\n          className={classNames(\n            styles.insertion,\n            isFirst ? styles.insertionEdge : styles.insertionBefore\n          )}\n        />\n      )}\n      <div className={styles.slotContent}>\n        <AttachmentTile\n          item={item}\n          onRemove={onRemove}\n          onRetry={onRetry}\n          onItemClick={onItemClick}\n        />\n      </div>\n      {insertAfter && <div className={classNames(styles.insertion, styles.insertionAfter)} />}\n    </div>\n  );\n};\n\nexport const SortableAttachments = forwardRef<HTMLDivElement, SortableAttachmentsProps>(\n  ({ items, onRemove, onRetry, onItemClick, onReorder, className, testId }, ref) => {\n    const [activeId, setActiveId] = useState<null | string>(null);\n    const [insertionIndex, setInsertionIndex] = useState(-1);\n    // Read in handlers that must not be re-created as the pointer moves.\n    const insertionRef = useRef(-1);\n    insertionRef.current = insertionIndex;\n    const isKeyboardDragRef = useRef(false);\n    const slotMidpointsRef = useRef<number[]>([]);\n\n    // The host's ref drives its scroll arrows; this one measures the strip mid-drag.\n    const scrollerRef = useRef<HTMLDivElement | null>(null);\n    const setScrollerRef = (node: HTMLDivElement | null) => {\n      scrollerRef.current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref) {\n        const forwardedRef = ref as MutableRefObject<HTMLDivElement | null>;\n        forwardedRef.current = node;\n      }\n    };\n\n    const sensors = useSensors(\n      // A small threshold keeps Remove and the lightbox clickable on a plain press.\n      useSensor(PointerSensor, { activationConstraint: { distance: 4 } }),\n      useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates })\n    );\n\n    const ids = items.map(item => String(item.id));\n    const activeIndex = activeId ? ids.indexOf(activeId) : -1;\n    const activeItem = items.find(item => String(item.id) === activeId);\n    const nameOf = (index: number) =>\n      utils.getFileNameWithExtensionFromPath(items[index]?.name ?? 'file');\n\n    const setInsertion = (next: number) => {\n      insertionRef.current = next;\n      setInsertionIndex(next);\n    };\n\n    useEffect(() => () => setDragActive(false), []);\n\n    /** A landing position (0…n-1) expressed as the boundary the insertion bar draws at. */\n    const positionToBoundary = (position: number) =>\n      position === activeIndex ? -1 : position + (position > activeIndex ? 1 : 0);\n\n    // Compare against DOM midpoints captured at drag start: dnd-kit's rects follow its virtual\n    // sorted order, which drifts from the screen once transforms are suppressed.\n    const resolveInsertion = ({ delta, activatorEvent }: DragMoveEvent) => {\n      const startX = (activatorEvent as PointerEvent)?.clientX;\n      const scroller = scrollerRef.current;\n      if (activeIndex < 0 || !scroller || typeof startX !== 'number' || Number.isNaN(startX)) {\n        return insertionRef.current;\n      }\n\n      const pointerX = startX + delta.x + scroller.scrollLeft;\n      const boundary = slotMidpointsRef.current.filter(midpoint => pointerX >= midpoint).length;\n\n      // Dropping either side of where it already sits is a no-op.\n      return boundary === activeIndex || boundary === activeIndex + 1 ? -1 : boundary;\n    };\n\n    const positionOf = (boundary: number) => (boundary > activeIndex ? boundary - 1 : boundary) + 1;\n\n    const announcements: Announcements = {\n      onDragStart: ({ active }) => {\n        const index = ids.indexOf(String(active.id));\n\n        return `Grabbed ${nameOf(index)}. Position ${index + 1} of ${ids.length}.`;\n      },\n      onDragOver: () =>\n        insertionRef.current < 0\n          ? `${nameOf(activeIndex)} is back at position ${activeIndex + 1} of ${ids.length}.`\n          : `${nameOf(activeIndex)} will move to position ${positionOf(insertionRef.current)} of ${\n              ids.length\n            }.`,\n      onDragEnd: () =>\n        insertionRef.current < 0\n          ? `${nameOf(activeIndex)} was dropped in place.`\n          : `${nameOf(activeIndex)} was dropped at position ${positionOf(\n              insertionRef.current\n            )} of ${ids.length}.`,\n      onDragCancel: () => `Reordering cancelled. ${nameOf(activeIndex)} returned to its position.`,\n    };\n\n    // Step by position instead of reading dnd-kit's `over`: its keyboard coordinates come from\n    // rect geometry, so a wide tile can clear several narrow ones in one press and pin `over`\n    // to the last of them.\n    useEffect(() => {\n      if (activeIndex < 0 || !isKeyboardDragRef.current) return undefined;\n\n      let position = activeIndex;\n      const onKeyDown = (event: globalThis.KeyboardEvent) => {\n        const step = { ArrowRight: 1, ArrowLeft: -1 }[event.key];\n        if (!step) return;\n\n        position = Math.min(items.length - 1, Math.max(0, position + step));\n        setInsertion(positionToBoundary(position));\n      };\n\n      document.addEventListener('keydown', onKeyDown);\n\n      return () => document.removeEventListener('keydown', onKeyDown);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [activeIndex, items.length]);\n\n    const handleDragStart = ({ active, activatorEvent }: DragStartEvent) => {\n      isKeyboardDragRef.current = activatorEvent instanceof globalThis.KeyboardEvent;\n      const scroller = scrollerRef.current;\n      slotMidpointsRef.current = scroller\n        ? Array.from(scroller.children).map(slot => {\n            const rect = slot.getBoundingClientRect();\n\n            return rect.left + rect.width / 2 + scroller.scrollLeft;\n          })\n        : [];\n      setActiveId(String(active.id));\n      setInsertion(-1);\n      setDragActive(true);\n    };\n\n    const handleDragMove = (event: DragMoveEvent) => setInsertion(resolveInsertion(event));\n\n    const handleDragEnd = () => {\n      // The bar is the source of truth, not `over` — a keyboard drag can move the target\n      // without `over` following, and dropping in a gap leaves `over` null.\n      const boundary = insertionRef.current;\n      if (boundary >= 0 && activeIndex >= 0) {\n        onReorder(moveToBoundary(ids, activeIndex, boundary));\n      }\n\n      setActiveId(null);\n      setInsertion(-1);\n      slotMidpointsRef.current = [];\n      clearDragActive();\n    };\n\n    const handleDragCancel = () => {\n      setActiveId(null);\n      setInsertion(-1);\n      slotMidpointsRef.current = [];\n      clearDragActive();\n    };\n\n    return (\n      <DndContext\n        sensors={sensors}\n        accessibility={{ announcements }}\n        // pointerWithin targets the tile under the cursor; closestCenter covers the gaps\n        // between tiles and keyboard drags, where there is no pointer.\n        collisionDetection={args => {\n          const within = pointerWithin(args);\n\n          return within.length ? within : closestCenter(args);\n        }}\n        onDragStart={handleDragStart}\n        onDragMove={handleDragMove}\n        onDragOver={handleDragMove}\n        onDragEnd={handleDragEnd}\n        onDragCancel={handleDragCancel}\n      >\n        <SortableContext items={ids} strategy={horizontalListSortingStrategy}>\n          <div\n            ref={setScrollerRef}\n            data-testid={testId}\n            className={classNames(styles.scroller, className)}\n            {...(activeId ? { [DRAGGING_ATTRIBUTE]: 'true' } : {})}\n          >\n            {items.map((item, index) => (\n              <SortableSlot\n                key={item.id}\n                item={item}\n                onRemove={onRemove}\n                onRetry={onRetry}\n                onItemClick={onItemClick}\n                isFirst={index === 0}\n                insertBefore={insertionIndex === index}\n                insertAfter={index === items.length - 1 && insertionIndex === items.length}\n              />\n            ))}\n          </div>\n        </SortableContext>\n\n        {/* Portalled so no ancestor transform/backdrop-filter can clip the fixed overlay. */}\n        {createPortal(\n          <DragOverlay dropAnimation={null} zIndex={DRAG_GHOST_Z_INDEX}>\n            {activeItem && (\n              <div className={styles.dragGhost} {...{ [DRAGGING_ATTRIBUTE]: 'true' }}>\n                <AttachmentTile item={activeItem} />\n                <div className={styles.dragGhostHandle}>\n                  <ButtonIcon size=\"xs\" type=\"tertiaryBg\" testId=\"attachment-drag-handle\">\n                    <DragIcon size=\"small\" />\n                  </ButtonIcon>\n                </div>\n              </div>\n            )}\n          </DragOverlay>,\n          document.body\n        )}\n      </DndContext>\n    );\n  }\n);\n"],"names":["setDragActive","isActive","document","body","toggleAttribute","DRAGGING_ATTRIBUTE","clearDragActive","setTimeout","SortableSlot","_ref","item","onRemove","onRetry","onItemClick","insertBefore","insertAfter","isFirst","_useSortable","useSortable","id","String","attributes","listeners","setNodeRef","isDragging","_jsxs","jsxs","_objectSpread","ref","className","classNames","styles","slot","slotDragging","onKeyDown","event","_listeners$onKeyDown","key","preventDefault","children","_jsx","jsx","insertion","insertionEdge","insertionBefore","slotContent","AttachmentTile","insertionAfter","SortableAttachments","forwardRef","_ref2","items","onReorder","testId","useState","_useState2","_slicedToArray","_useState","activeId","setActiveId","_useState3","_useState4","insertionIndex","setInsertionIndex","insertionRef","useRef","current","isKeyboardDragRef","slotMidpointsRef","scrollerRef","sensors","useSensors","useSensor","PointerSensor","activationConstraint","distance","KeyboardSensor","coordinateGetter","sortableKeyboardCoordinates","ids","map","activeIndex","indexOf","activeItem","find","nameOf","index","_items$index$name","_items$index","utils","getFileNameWithExtensionFromPath","name","setInsertion","next","useEffect","positionOf","boundary","announcements","onDragStart","_ref4","active","concat","length","onDragOver","onDragEnd","onDragCancel","position","step","ArrowRight","ArrowLeft","Math","min","max","positionToBoundary","addEventListener","removeEventListener","handleDragMove","_ref3","delta","activatorEvent","startX","clientX","scroller","Number","isNaN","pointerX","x","scrollLeft","filter","midpoint","resolveInsertion","DndContext","accessibility","collisionDetection","args","within","pointerWithin","closestCenter","_ref5","globalThis","KeyboardEvent","Array","from","rect","getBoundingClientRect","left","width","onDragMove","list","insertAt","_next$splice","moved","splice","SortableContext","strategy","horizontalListSortingStrategy","node","createPortal","DragOverlay","dropAnimation","zIndex","dragGhost","dragGhostHandle","ButtonIcon","size","type","DragIcon"],"mappings":"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"}

package/cjs-bundle/components/AttachmentPreview/useStoredAttachments.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("@babel/runtime/helpers/asyncToGenerator"),n=require("@babel/runtime/regenerator"),u=require("react"),c=require("./getAttachmentKind.js"),a=require("./useStoredAttachment.js"),i=require("../../clients/jsonApi/index.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(e),f=o(r),l=o(t),p=o(n);function d(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function b(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?d(Object(t),!0).forEach((function(r){s.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):d(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var m=function(){var e=l.default(p.default.mark((function e(r,t){var n,u;return p.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,i.getS3DownloadLink(r,t);case 3:return n=e.sent,u=n.url,e.abrupt("return",u);case 8:return e.prev=8,e.t0=e.catch(0),console.error('Failed to sign attachment "'.concat(r,'"'),e.t0),e.abrupt("return","");case 12:case"end":return e.stop()}}),e,null,[[0,8]])})));return function(r,t){return e.apply(this,arguments)}}();exports.useStoredAttachments=function(e){var r=u.useState({}),t=f.default(r,2),n=t[0],i=t[1],o=u.useRef(n);o.current=n;var l=u.useMemo((function(){return null!=e?e:[]}),[e]),p=l.map((function(e){return e.name})).join("|");return u.useEffect((function(){var e=l.filter((function(e){return!(e.name in o.current)}));if(e.length){var r=!0,t=function(e,r){return i((function(t){return b(b({},t),{},s.default({},e,b(b({},t[e]),r)))}))};return i((function(r){var t=b({},r);return e.forEach((function(e){var r;t[e.name]=null!==(r=t[e.name])&&void 0!==r?r:{}})),t})),e.forEach((function(e){a.getIsStoredKey(e.name)?m(e.name,"inline").then((function(n){r&&n&&t(e.name,{src:n})})):t(e.name,{src:e.url})})),function(){r=!1}}}),[p]),l.reduce((function(e,r){var t=n[r.name];return null!=t&&t.src?(e.push({id:r.url,name:r.name,src:t.src,kind:c.getAttachmentKind(r),size:r.size}),e):e}),[])};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("@babel/runtime/helpers/asyncToGenerator"),n=require("@babel/runtime/regenerator"),u=require("react"),c=require("./getAttachmentKind.js"),i=require("./useStoredAttachment.js"),a=require("../../utils/signedLinkCache.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(e),f=o(r),l=o(t),p=o(n);function d(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function m(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?d(Object(t),!0).forEach((function(r){s.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):d(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var b=function(){var e=l.default(p.default.mark((function e(r){return p.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,a.getSignedLink(r,"inline");case 3:return e.abrupt("return",e.sent);case 6:return e.prev=6,e.t0=e.catch(0),console.error('Failed to sign attachment "'.concat(r,'"'),e.t0),e.abrupt("return","");case 10:case"end":return e.stop()}}),e,null,[[0,6]])})));return function(r){return e.apply(this,arguments)}}();exports.useStoredAttachments=function(e){var r=u.useState((function(){return function(e){return e.reduce((function(e,r){var t=i.getIsStoredKey(r.name)?a.peekSignedLink(r.name,"inline"):r.url;return t&&(e[r.name]={src:t}),e}),{})}(null!=e?e:[])})),t=f.default(r,2),n=t[0],o=t[1],l=u.useRef(n);l.current=n;var p=u.useMemo((function(){return null!=e?e:[]}),[e]),d=p.map((function(e){return e.name})).join("|");return u.useEffect((function(){var e=p.filter((function(e){return!(e.name in l.current)}));if(e.length){var r=!0,t=function(e,r){return o((function(t){return m(m({},t),{},s.default({},e,m(m({},t[e]),r)))}))};return o((function(r){var t=m({},r);return e.forEach((function(e){var r;t[e.name]=null!==(r=t[e.name])&&void 0!==r?r:{}})),t})),e.forEach((function(e){i.getIsStoredKey(e.name)?b(e.name).then((function(n){r&&n&&t(e.name,{src:n})})):t(e.name,{src:e.url})})),function(){r=!1}}}),[d]),p.reduce((function(e,r){var t=n[r.name];return null!=t&&t.src?(e.push({id:r.url,name:r.name,src:t.src,kind:c.getAttachmentKind(r),size:r.size}),e):e}),[])};
 //# sourceMappingURL=useStoredAttachments.js.map

package/cjs-bundle/components/AttachmentPreview/useStoredAttachments.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStoredAttachments.js","sources":["../../../../src/components/AttachmentPreview/useStoredAttachments.ts"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\n\nimport type { AttachmentPreviewItem } from './AttachmentPreview.types';\nimport { getAttachmentKind } from './getAttachmentKind';\nimport { getIsStoredKey, type StoredAttachment } from './useStoredAttachment';\n\nimport { getS3DownloadLink } from '~/clients/jsonApi';\n\ntype SignedLinks = Record<string, { src?: string }>;\n\nconst getSignedLink = async (name: string, disposition: 'attachment' | 'inline') => {\n  try {\n    const { url } = await getS3DownloadLink(name, disposition);\n\n    return url;\n  } catch (error) {\n    console.error(`Failed to sign attachment \"${name}\"`, error);\n\n    return '';\n  }\n};\n\n/**\n * Signs a whole list of stored attachments — the hook-per-file `useStoredAttachment`\n * can't cover a list whose length changes between renders.\n */\nexport const useStoredAttachments = (\n  attachments?: StoredAttachment[] | null\n): AttachmentPreviewItem[] => {\n  const [links, setLinks] = useState<SignedLinks>({});\n  const linksRef = useRef(links);\n  linksRef.current = links;\n\n  const list = useMemo(() => attachments ?? [], [attachments]);\n  const key = list.map(attachment => attachment.name).join('|');\n\n  useEffect(() => {\n    const pending = list.filter(attachment => !(attachment.name in linksRef.current));\n    if (!pending.length) return undefined;\n\n    let isActive = true;\n\n    const applyLink = (name: string, patch: SignedLinks[string]) =>\n      setLinks(prev => ({ ...prev, [name]: { ...prev[name], ...patch } }));\n\n    // Claim the names up front so a re-render mid-flight does not ask again.\n    setLinks(prev => {\n      const claimed = { ...prev };\n\n      pending.forEach(attachment => {\n        claimed[attachment.name] = claimed[attachment.name] ?? {};\n      });\n\n      return claimed;\n    });\n\n    pending.forEach(attachment => {\n      // A linked attachment already carries a url that works; only a key of ours needs signing.\n      if (!getIsStoredKey(attachment.name)) {\n        applyLink(attachment.name, { src: attachment.url });\n\n        return;\n      }\n\n      getSignedLink(attachment.name, 'inline').then(src => {\n        if (isActive && src) applyLink(attachment.name, { src });\n      });\n    });\n\n    return () => {\n      isActive = false;\n    };\n    // `key` tracks the list contents; `list` itself is a fresh array on every render.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [key]);\n\n  return list.reduce<AttachmentPreviewItem[]>((acc, attachment) => {\n    const link = links[attachment.name];\n    if (!link?.src) return acc;\n\n    acc.push({\n      id: attachment.url,\n      name: attachment.name,\n      src: link.src,\n      kind: getAttachmentKind(attachment),\n      size: attachment.size,\n    });\n    return acc;\n  }, []);\n};\n"],"names":["getSignedLink","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","name","disposition","_yield$getS3DownloadL","url","wrap","_context","prev","next","getS3DownloadLink","sent","abrupt","t0","console","error","stop","_x","_x2","apply","this","arguments","attachments","_useState","useState","_useState2","_slicedToArray","links","setLinks","linksRef","useRef","current","list","useMemo","key","map","attachment","join","useEffect","pending","filter","length","isActive","applyLink","patch","_objectSpread","claimed","forEach","_claimed$attachment$n","getIsStoredKey","then","src","reduce","acc","link","push","id","kind","getAttachmentKind","size"],"mappings":"kkCAUA,IAAMA,EAAa,WAAA,IAAGC,EAAAC,EAAAA,QAAAC,EAAA,QAAAC,MAAA,SAAAC,EAAOC,EAAcC,GAAoC,IAAAC,EAAAC,EAAA,OAAAN,UAAAO,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,OAAAF,EAAAC,KAAA,EAAAD,EAAAE,KAAA,EAErDC,EAAiBA,kBAACR,EAAMC,GAAY,KAAA,EAA/C,OAA+CC,EAAAG,EAAAI,KAAlDN,IAAAA,IAAGE,EAAAK,OAAA,SAEJP,GAAG,KAAA,EAEkD,OAFlDE,EAAAC,KAAA,EAAAD,EAAAM,GAAAN,EAAA,MAAA,GAEVO,QAAQC,MAAoCb,8BAAAA,OAAAA,EAAe,KAAAK,EAAAM,IAACN,EAAAK,OAAA,SAErD,IAAE,KAAA,GAAA,IAAA,MAAA,OAAAL,EAAAS,OAAA,GAAAf,EAAA,KAAA,CAAA,CAAA,EAAA,IAEZ,KAAA,OAAA,SAVkBgB,EAAAC,GAAA,OAAArB,EAAAsB,MAAAC,KAAAC,UAAA,CAAA,CAAA,gCAgBiB,SAClCC,GAEA,IAAAC,EAA0BC,EAAQA,SAAc,IAAGC,EAAAC,EAAAA,QAAAH,EAAA,GAA5CI,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAChBI,EAAWC,SAAOH,GACxBE,EAASE,QAAUJ,EAEnB,IAAMK,EAAOC,EAAAA,SAAQ,WAAA,OAAMX,QAAAA,EAAe,KAAI,CAACA,IACzCY,EAAMF,EAAKG,KAAI,SAAAC,GAAU,OAAIA,EAAWlC,IAAI,IAAEmC,KAAK,KA0CzD,OAxCAC,EAAAA,WAAU,WACR,IAAMC,EAAUP,EAAKQ,QAAO,SAAAJ,GAAU,QAAMA,EAAWlC,QAAQ2B,EAASE,YACxE,GAAKQ,EAAQE,OAAb,CAEA,IAAIC,GAAW,EAETC,EAAY,SAACzC,EAAc0C,GAA0B,OACzDhB,GAAS,SAAApB,GAAI,OAAUA,EAAAA,EAAAA,CAAAA,EAAAA,mBAAON,EAAI2C,EAAAA,EAAA,CAAA,EAAQrC,EAAKN,IAAU0C,IAAK,GAAM,EA0BtE,OAvBAhB,GAAS,SAAApB,GACP,IAAMsC,EAAetC,EAAAA,CAAAA,EAAAA,GAMrB,OAJA+B,EAAQQ,SAAQ,SAAAX,GAAc,IAAAY,EAC5BF,EAAQV,EAAWlC,MAAgC,QAAxB4C,EAAAA,EAAQV,EAAWlC,aAAK,IAAA8C,EAAAA,EAAI,CAAA,CACzD,IAEOF,CACT,IAEAP,EAAQQ,SAAQ,SAAAX,GAETa,EAAcA,eAACb,EAAWlC,MAM/BN,EAAcwC,EAAWlC,KAAM,UAAUgD,MAAK,SAAAC,GACxCT,GAAYS,GAAKR,EAAUP,EAAWlC,KAAM,CAAEiD,IAAAA,GACpD,IAPER,EAAUP,EAAWlC,KAAM,CAAEiD,IAAKf,EAAW/B,KAQjD,IAEO,WACLqC,GAAW,EAhCwB,CAoCvC,GAAG,CAACR,IAEGF,EAAKoB,QAAgC,SAACC,EAAKjB,GAChD,IAAMkB,EAAO3B,EAAMS,EAAWlC,MAC9B,OAAKoD,SAAAA,EAAMH,KAEXE,EAAIE,KAAK,CACPC,GAAIpB,EAAW/B,IACfH,KAAMkC,EAAWlC,KACjBiD,IAAKG,EAAKH,IACVM,KAAMC,EAAiBA,kBAACtB,GACxBuB,KAAMvB,EAAWuB,OAEZN,GATgBA,CAUxB,GAAE,GACL"}
+{"version":3,"file":"useStoredAttachments.js","sources":["../../../../src/components/AttachmentPreview/useStoredAttachments.ts"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\n\nimport type { AttachmentPreviewItem } from './AttachmentPreview.types';\nimport { getAttachmentKind } from './getAttachmentKind';\nimport { getIsStoredKey, type StoredAttachment } from './useStoredAttachment';\n\nimport { getSignedLink, peekSignedLink } from '~/utils/signedLinkCache';\n\ntype SignedLinks = Record<string, { src?: string }>;\n\nconst signStoredLink = async (name: string) => {\n  try {\n    return await getSignedLink(name, 'inline');\n  } catch (error) {\n    console.error(`Failed to sign attachment \"${name}\"`, error);\n\n    return '';\n  }\n};\n\nconst seedLinks = (attachments: StoredAttachment[]): SignedLinks =>\n  attachments.reduce<SignedLinks>((acc, attachment) => {\n    const src = getIsStoredKey(attachment.name)\n      ? peekSignedLink(attachment.name, 'inline')\n      : attachment.url;\n    if (src) acc[attachment.name] = { src };\n\n    return acc;\n  }, {});\n\n/**\n * Signs a whole list of stored attachments — the hook-per-file `useStoredAttachment`\n * can't cover a list whose length changes between renders.\n */\nexport const useStoredAttachments = (\n  attachments?: StoredAttachment[] | null\n): AttachmentPreviewItem[] => {\n  const [links, setLinks] = useState<SignedLinks>(() => seedLinks(attachments ?? []));\n  const linksRef = useRef(links);\n  linksRef.current = links;\n\n  const list = useMemo(() => attachments ?? [], [attachments]);\n  const key = list.map(attachment => attachment.name).join('|');\n\n  useEffect(() => {\n    const pending = list.filter(attachment => !(attachment.name in linksRef.current));\n    if (!pending.length) return undefined;\n\n    let isActive = true;\n\n    const applyLink = (name: string, patch: SignedLinks[string]) =>\n      setLinks(prev => ({ ...prev, [name]: { ...prev[name], ...patch } }));\n\n    // Claim the names up front so a re-render mid-flight does not ask again.\n    setLinks(prev => {\n      const claimed = { ...prev };\n\n      pending.forEach(attachment => {\n        claimed[attachment.name] = claimed[attachment.name] ?? {};\n      });\n\n      return claimed;\n    });\n\n    pending.forEach(attachment => {\n      // A linked attachment already carries a url that works; only a key of ours needs signing.\n      if (!getIsStoredKey(attachment.name)) {\n        applyLink(attachment.name, { src: attachment.url });\n\n        return;\n      }\n\n      signStoredLink(attachment.name).then(src => {\n        if (isActive && src) applyLink(attachment.name, { src });\n      });\n    });\n\n    return () => {\n      isActive = false;\n    };\n    // `key` tracks the list contents; `list` itself is a fresh array on every render.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [key]);\n\n  return list.reduce<AttachmentPreviewItem[]>((acc, attachment) => {\n    const link = links[attachment.name];\n    if (!link?.src) return acc;\n\n    acc.push({\n      id: attachment.url,\n      name: attachment.name,\n      src: link.src,\n      kind: getAttachmentKind(attachment),\n      size: attachment.size,\n    });\n    return acc;\n  }, []);\n};\n"],"names":["signStoredLink","_ref","_asyncToGenerator","_regeneratorRuntime","mark","name","wrap","_context","prev","next","getSignedLink","abrupt","sent","t0","console","error","stop","_callee","_x","apply","this","arguments","attachments","_useState","useState","reduce","acc","attachment","src","getIsStoredKey","peekSignedLink","url","seedLinks","_useState2","_slicedToArray","links","setLinks","linksRef","useRef","current","list","useMemo","key","map","join","useEffect","pending","filter","length","isActive","applyLink","patch","_objectSpread","claimed","forEach","_claimed$attachment$n","then","link","push","id","kind","getAttachmentKind","size"],"mappings":"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"}