@corva/ui 3.74.0-1 → 3.74.0-10

package/components/AttachmentPreview/AttachmentPreview.scss.js

@@ -1,2 +1,2 @@
-import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var e={spacing:"8",scroller:"AttachmentPreview_scroller__ZqYC8",slot:"AttachmentPreview_slot__ewKLo",slotDragging:"AttachmentPreview_slotDragging__hrfJX",slotContent:"AttachmentPreview_slotContent__GNuSu",insertion:"AttachmentPreview_insertion__iFqlp",insertionBefore:"AttachmentPreview_insertionBefore__jyWQM",insertionEdge:"AttachmentPreview_insertionEdge__Bjk1t",insertionAfter:"AttachmentPreview_insertionAfter__4NvhP",dragGhost:"AttachmentPreview_dragGhost__4aSzE",dragGhostHandle:"AttachmentPreview_dragGhostHandle__Gu2CP",thumbnail:"AttachmentPreview_thumbnail__ytI2L",clickable:"AttachmentPreview_clickable__BEXzK",thumbnailInner:"AttachmentPreview_thumbnailInner__9Ex4-",thumbnailImage:"AttachmentPreview_thumbnailImage__RQ4fL",videoOverlay:"AttachmentPreview_videoOverlay__5Lgi1",playIcon:"AttachmentPreview_playIcon__OOnql",fileCard:"AttachmentPreview_fileCard__oxDbD",fileCardLink:"AttachmentPreview_fileCardLink__TDpvh",fileCardContent:"AttachmentPreview_fileCardContent__c-99Q",fileInfo:"AttachmentPreview_fileInfo__eqJ-B",fileName:"AttachmentPreview_fileName__1Ccg0",fileType:"AttachmentPreview_fileType__0v6E4",downloadButton:"AttachmentPreview_downloadButton__9oBz-",removeButton:"AttachmentPreview_removeButton__aX-qu",removeButtonVisible:"AttachmentPreview_removeButtonVisible__BVjYB",thumbnailError:"AttachmentPreview_thumbnailError__yyH08",uploadingOverlay:"AttachmentPreview_uploadingOverlay__leV1D",uploadingSpinner:"AttachmentPreview_uploadingSpinner__u-t7d",loader:"AttachmentPreview_loader__HK5bZ",errorOverlay:"AttachmentPreview_errorOverlay__8sM1d",retryButton:"AttachmentPreview_retryButton__tKVV0"};t('.AttachmentPreview_scroller__ZqYC8{-ms-overflow-style:none;align-items:flex-start;display:flex;gap:12px;margin-left:-8px;overflow-x:auto;overflow-y:visible;padding-left:8px;padding-right:8px;padding-top:6px;scroll-behavior:smooth;scrollbar-width:none}.AttachmentPreview_scroller__ZqYC8::-webkit-scrollbar{display:none}.AttachmentPreview_slot__ewKLo{border-radius:8px;cursor:grab;flex-shrink:0;position:relative;touch-action:none}.AttachmentPreview_slot__ewKLo:focus-visible{outline:none}.AttachmentPreview_slot__ewKLo:focus-visible:before{border:2px solid var(--palette-primary-main);border-radius:8px;content:"";inset:0;pointer-events:none;position:absolute;z-index:5}.AttachmentPreview_slotDragging__hrfJX{cursor:grabbing}.AttachmentPreview_slotDragging__hrfJX .AttachmentPreview_slotContent__GNuSu{visibility:hidden}.AttachmentPreview_slotDragging__hrfJX:focus-visible:before{display:none}.AttachmentPreview_slotDragging__hrfJX:after{background:rgb(from var(--palette-primary-text-1) r g b/.04);border:1px dashed var(--palette-primary-text-6);border-radius:8px;content:"";inset:0;position:absolute}.AttachmentPreview_insertion__iFqlp{background:var(--palette-primary-main);border-radius:2px;bottom:0;box-shadow:0 0 6px rgb(from var(--palette-primary-main) r g b/.6);position:absolute;top:0;width:2px;z-index:4}.AttachmentPreview_insertionBefore__jyWQM,.AttachmentPreview_insertionEdge__Bjk1t{left:-7px}.AttachmentPreview_insertionAfter__4NvhP{right:-7px}.AttachmentPreview_dragGhost__4aSzE{background:var(--palette-background-b-6);border-radius:8px;box-shadow:0 10px 20px rgb(from var(--palette-background-b-1) r g b/.45);cursor:grabbing;opacity:.9;position:relative;transform:rotate(4deg)}.AttachmentPreview_dragGhostHandle__Gu2CP{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:2}.AttachmentPreview_dragGhostHandle__Gu2CP button{backdrop-filter:blur(4px);background-color:rgb(from var(--palette-primary-text-1) r g b/.16)!important;color:var(--palette-primary-text-1)!important}.AttachmentPreview_dragGhostHandle__Gu2CP svg{color:var(--palette-primary-text-1)}.AttachmentPreview_thumbnail__ytI2L{border-radius:8px;flex-shrink:0;height:64px;overflow:visible;position:relative;width:64px}.AttachmentPreview_clickable__BEXzK{cursor:pointer}.AttachmentPreview_clickable__BEXzK:hover{opacity:.9}.AttachmentPreview_thumbnailInner__9Ex4-{border-radius:8px;inset:0;overflow:hidden;pointer-events:none;position:absolute}.AttachmentPreview_thumbnailImage__RQ4fL{height:100%;left:50%;max-width:none;min-width:100%;object-fit:cover;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:auto}.AttachmentPreview_videoOverlay__5Lgi1{align-items:center;background:rgb(from var(--palette-background-b-1) r g b/.5);border-radius:8px;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute}.AttachmentPreview_playIcon__OOnql{color:var(--palette-primary-text-1);font-size:32px}.AttachmentPreview_fileCard__oxDbD{align-items:flex-start;border:1px solid rgb(from var(--palette-primary-text-1) r g b/.08);border-radius:8px;display:flex;flex-direction:column;flex-shrink:0;height:64px;justify-content:center;padding:8px 16px;position:relative;width:142px}.AttachmentPreview_fileCardLink__TDpvh{color:inherit;cursor:pointer;text-decoration:none}.AttachmentPreview_fileCardLink__TDpvh:hover{border-color:rgb(from var(--palette-primary-text-1) r g b/.16)}.AttachmentPreview_fileCardContent__c-99Q{align-items:center;display:flex;gap:8px;width:100%}.AttachmentPreview_fileInfo__eqJ-B{align-items:flex-start;display:flex;flex:1 0 0;flex-direction:column;justify-content:center;min-width:0}.AttachmentPreview_fileName__1Ccg0{color:var(--palette-primary-text-1)}.AttachmentPreview_fileName__1Ccg0,.AttachmentPreview_fileType__0v6E4{font-size:14px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.AttachmentPreview_fileType__0v6E4{color:var(--palette-primary-text-6);text-transform:uppercase}.AttachmentPreview_downloadButton__9oBz-{opacity:0;position:absolute;right:-6px;top:-6px;transition:opacity .2s;z-index:3}.AttachmentPreview_downloadButton__9oBz- button{backdrop-filter:blur(4px);background-color:rgb(from var(--palette-primary-text-1) r g b/.08)!important}.AttachmentPreview_downloadButton__9oBz- button:hover{background-color:rgb(from var(--palette-primary-text-1) r g b/.15)!important}.AttachmentPreview_fileCard__oxDbD:hover .AttachmentPreview_downloadButton__9oBz-{opacity:1}.AttachmentPreview_removeButton__aX-qu{opacity:0;position:absolute;right:-6px;top:-6px;transition:opacity .2s;z-index:3}.AttachmentPreview_removeButton__aX-qu button{backdrop-filter:blur(4px);background-color:rgb(from var(--palette-primary-text-1) r g b/.08)!important}.AttachmentPreview_removeButton__aX-qu button:hover{background-color:rgb(from var(--palette-primary-text-1) r g b/.15)!important}.AttachmentPreview_fileCard__oxDbD:hover .AttachmentPreview_removeButton__aX-qu,.AttachmentPreview_removeButtonVisible__BVjYB,.AttachmentPreview_thumbnail__ytI2L:hover .AttachmentPreview_removeButton__aX-qu{opacity:1}.AttachmentPreview_thumbnailError__yyH08{border:1px solid rgb(from var(--palette-error-main) r g b/.4)}.AttachmentPreview_uploadingOverlay__leV1D{background:rgb(from var(--palette-background-b-1) r g b/.5);border-radius:8px;inset:0;pointer-events:none;position:absolute}.AttachmentPreview_uploadingSpinner__u-t7d{align-items:center;backdrop-filter:blur(4px);background-color:rgb(from var(--palette-primary-text-1) r g b/.08);border-radius:6px;display:flex;height:24px;justify-content:center;position:absolute;right:-6px;top:-6px;width:24px;z-index:2}.AttachmentPreview_loader__HK5bZ{color:var(--palette-primary-text-6)!important;height:14px!important;width:14px!important}.AttachmentPreview_errorOverlay__8sM1d{background:rgb(from var(--palette-error-main) r g b/.08);border-radius:8px;inset:0;pointer-events:none;position:absolute}.AttachmentPreview_retryButton__tKVV0{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.AttachmentPreview_retryButton__tKVV0 button{backdrop-filter:blur(4px);background-color:rgb(from var(--palette-primary-text-1) r g b/.08)!important}.AttachmentPreview_retryButton__tKVV0 button:hover{background-color:rgb(from var(--palette-primary-text-1) r g b/.15)!important}');export{e as default};
+import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var e={spacing:"8",scroller:"AttachmentPreview_scroller__ZqYC8",slot:"AttachmentPreview_slot__ewKLo",slotDragging:"AttachmentPreview_slotDragging__hrfJX",slotContent:"AttachmentPreview_slotContent__GNuSu",insertion:"AttachmentPreview_insertion__iFqlp",insertionBefore:"AttachmentPreview_insertionBefore__jyWQM",insertionEdge:"AttachmentPreview_insertionEdge__Bjk1t",insertionAfter:"AttachmentPreview_insertionAfter__4NvhP",dragGhost:"AttachmentPreview_dragGhost__4aSzE",dragGhostHandle:"AttachmentPreview_dragGhostHandle__Gu2CP",thumbnail:"AttachmentPreview_thumbnail__ytI2L",clickable:"AttachmentPreview_clickable__BEXzK",selected:"AttachmentPreview_selected__JRuMO",thumbnailInner:"AttachmentPreview_thumbnailInner__9Ex4-",thumbnailImage:"AttachmentPreview_thumbnailImage__RQ4fL",videoOverlay:"AttachmentPreview_videoOverlay__5Lgi1",playIcon:"AttachmentPreview_playIcon__OOnql",fileCard:"AttachmentPreview_fileCard__oxDbD",fileCardLink:"AttachmentPreview_fileCardLink__TDpvh",fileCardContent:"AttachmentPreview_fileCardContent__c-99Q",fileInfo:"AttachmentPreview_fileInfo__eqJ-B",fileName:"AttachmentPreview_fileName__1Ccg0",fileType:"AttachmentPreview_fileType__0v6E4",tileActions:"AttachmentPreview_tileActions__2nLlw",tileActionLink:"AttachmentPreview_tileActionLink__aMyS4",removeButton:"AttachmentPreview_removeButton__aX-qu",removeButtonVisible:"AttachmentPreview_removeButtonVisible__BVjYB",thumbnailError:"AttachmentPreview_thumbnailError__yyH08",uploadingOverlay:"AttachmentPreview_uploadingOverlay__leV1D",uploadingSpinner:"AttachmentPreview_uploadingSpinner__u-t7d",loader:"AttachmentPreview_loader__HK5bZ",errorOverlay:"AttachmentPreview_errorOverlay__8sM1d",retryButton:"AttachmentPreview_retryButton__tKVV0"};t('.AttachmentPreview_scroller__ZqYC8{-ms-overflow-style:none;align-items:flex-start;display:flex;gap:12px;margin-left:-8px;overflow-x:auto;overflow-y:visible;padding-left:8px;padding-right:8px;padding-top:6px;scroll-behavior:smooth;scrollbar-width:none}.AttachmentPreview_scroller__ZqYC8::-webkit-scrollbar{display:none}.AttachmentPreview_slot__ewKLo{border-radius:8px;cursor:grab;flex-shrink:0;position:relative;touch-action:none}.AttachmentPreview_slot__ewKLo:focus-visible{outline:none}.AttachmentPreview_slot__ewKLo:focus-visible:before{border:2px solid var(--palette-primary-main);border-radius:8px;content:"";inset:0;pointer-events:none;position:absolute;z-index:5}.AttachmentPreview_slotDragging__hrfJX{cursor:grabbing}.AttachmentPreview_slotDragging__hrfJX .AttachmentPreview_slotContent__GNuSu{visibility:hidden}.AttachmentPreview_slotDragging__hrfJX:focus-visible:before{display:none}.AttachmentPreview_slotDragging__hrfJX:after{background:rgb(from var(--palette-primary-text-1) r g b/.04);border:1px dashed var(--palette-primary-text-6);border-radius:8px;content:"";inset:0;position:absolute}.AttachmentPreview_insertion__iFqlp{background:var(--palette-primary-main);border-radius:2px;bottom:0;box-shadow:0 0 6px rgb(from var(--palette-primary-main) r g b/.6);position:absolute;top:0;width:2px;z-index:4}.AttachmentPreview_insertionBefore__jyWQM,.AttachmentPreview_insertionEdge__Bjk1t{left:-7px}.AttachmentPreview_insertionAfter__4NvhP{right:-7px}.AttachmentPreview_dragGhost__4aSzE{background:var(--palette-background-b-6);border-radius:8px;box-shadow:0 10px 20px rgb(from var(--palette-background-b-1) r g b/.45);cursor:grabbing;opacity:.9;position:relative;transform:rotate(4deg)}.AttachmentPreview_dragGhostHandle__Gu2CP{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:2}.AttachmentPreview_dragGhostHandle__Gu2CP button{backdrop-filter:blur(4px);background-color:rgb(from var(--palette-primary-text-1) r g b/.16)!important;color:var(--palette-primary-text-1)!important}.AttachmentPreview_dragGhostHandle__Gu2CP svg{color:var(--palette-primary-text-1)}.AttachmentPreview_thumbnail__ytI2L{border-radius:8px;flex-shrink:0;height:64px;overflow:visible;position:relative;width:64px}.AttachmentPreview_clickable__BEXzK{cursor:pointer}.AttachmentPreview_clickable__BEXzK:hover{opacity:.9}.AttachmentPreview_selected__JRuMO:after{border:1px solid var(--palette-primary-main);border-radius:8px;content:"";inset:0;pointer-events:none;position:absolute;z-index:4}.AttachmentPreview_thumbnailInner__9Ex4-{border-radius:8px;inset:0;overflow:hidden;pointer-events:none;position:absolute}.AttachmentPreview_thumbnailImage__RQ4fL{height:100%;left:50%;max-width:none;min-width:100%;object-fit:cover;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:auto}.AttachmentPreview_videoOverlay__5Lgi1{align-items:center;background:rgb(from var(--palette-background-b-1) r g b/.5);border-radius:8px;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute}.AttachmentPreview_playIcon__OOnql{color:var(--palette-primary-text-1);font-size:32px}.AttachmentPreview_fileCard__oxDbD{align-items:flex-start;border:1px solid rgb(from var(--palette-primary-text-1) r g b/.08);border-radius:8px;display:flex;flex-direction:column;flex-shrink:0;height:64px;justify-content:center;padding:8px 16px;position:relative;width:142px}.AttachmentPreview_fileCardLink__TDpvh{color:inherit;cursor:pointer;text-decoration:none}.AttachmentPreview_fileCardLink__TDpvh:hover{border-color:rgb(from var(--palette-primary-text-1) r g b/.16)}.AttachmentPreview_fileCardContent__c-99Q{align-items:center;display:flex;gap:8px;width:100%}.AttachmentPreview_fileInfo__eqJ-B{align-items:flex-start;display:flex;flex:1 0 0;flex-direction:column;justify-content:center;min-width:0}.AttachmentPreview_fileName__1Ccg0{color:var(--palette-primary-text-1)}.AttachmentPreview_fileName__1Ccg0,.AttachmentPreview_fileType__0v6E4{font-size:14px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.AttachmentPreview_fileType__0v6E4{color:var(--palette-primary-text-6);text-transform:uppercase}.AttachmentPreview_tileActions__2nLlw{display:flex;gap:4px;opacity:0;position:absolute;right:-6px;top:-6px;transition:opacity .2s;z-index:3}.AttachmentPreview_tileActions__2nLlw button{backdrop-filter:blur(4px);background-color:rgb(from var(--palette-primary-text-1) r g b/.08)!important}.AttachmentPreview_tileActions__2nLlw button:hover{background-color:rgb(from var(--palette-primary-text-1) r g b/.15)!important}.AttachmentPreview_fileCard__oxDbD .AttachmentPreview_tileActions__2nLlw:focus-within,.AttachmentPreview_fileCard__oxDbD:hover .AttachmentPreview_tileActions__2nLlw,.AttachmentPreview_thumbnail__ytI2L .AttachmentPreview_tileActions__2nLlw:focus-within,.AttachmentPreview_thumbnail__ytI2L:hover .AttachmentPreview_tileActions__2nLlw{opacity:1}.AttachmentPreview_tileActionLink__aMyS4{display:inline-flex}.AttachmentPreview_removeButton__aX-qu{opacity:0;position:absolute;right:-6px;top:-6px;transition:opacity .2s;z-index:3}.AttachmentPreview_removeButton__aX-qu button{backdrop-filter:blur(4px);background-color:rgb(from var(--palette-primary-text-1) r g b/.08)!important}.AttachmentPreview_removeButton__aX-qu button:hover{background-color:rgb(from var(--palette-primary-text-1) r g b/.15)!important}.AttachmentPreview_fileCard__oxDbD:hover .AttachmentPreview_removeButton__aX-qu,.AttachmentPreview_removeButtonVisible__BVjYB,.AttachmentPreview_thumbnail__ytI2L:hover .AttachmentPreview_removeButton__aX-qu{opacity:1}.AttachmentPreview_thumbnailError__yyH08{border:1px solid rgb(from var(--palette-error-main) r g b/.4)}.AttachmentPreview_uploadingOverlay__leV1D{background:rgb(from var(--palette-background-b-1) r g b/.5);border-radius:8px;inset:0;pointer-events:none;position:absolute}.AttachmentPreview_uploadingSpinner__u-t7d{align-items:center;backdrop-filter:blur(4px);background-color:rgb(from var(--palette-primary-text-1) r g b/.08);border-radius:6px;display:flex;height:24px;justify-content:center;position:absolute;right:-6px;top:-6px;width:24px;z-index:2}.AttachmentPreview_loader__HK5bZ{color:var(--palette-primary-text-6)!important;height:14px!important;width:14px!important}.AttachmentPreview_errorOverlay__8sM1d{background:rgb(from var(--palette-error-main) r g b/.08);border-radius:8px;inset:0;pointer-events:none;position:absolute}.AttachmentPreview_retryButton__tKVV0{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.AttachmentPreview_retryButton__tKVV0 button{backdrop-filter:blur(4px);background-color:rgb(from var(--palette-primary-text-1) r g b/.08)!important}.AttachmentPreview_retryButton__tKVV0 button:hover{background-color:rgb(from var(--palette-primary-text-1) r g b/.15)!important}');export{e as default};
 //# sourceMappingURL=AttachmentPreview.scss.js.map

package/components/AttachmentPreview/AttachmentPreview.types.d.ts

@@ -1,10 +1,13 @@
 export type AttachmentKind = 'image' | 'video' | 'file';
 export type AttachmentPreviewItem = {
     id: string | number;
+    /** For a stored attachment this is the S3 key, not a bare file name. */
     name: string;
     src?: string;
     downloadUrl?: string;
     kind?: AttachmentKind;
+    /** Bytes. */
+    size?: number;
     isUploading?: boolean;
     error?: string;
 };
@@ -13,6 +16,10 @@ export type AttachmentPreviewProps = {
     onRemove?: (id: AttachmentPreviewItem['id']) => void;
     onRetry?: (id: AttachmentPreviewItem['id']) => void;
     onItemClick?: (item: AttachmentPreviewItem) => void;
+    /** Adds "Share file" to the overflow menu. Ignored when `onItemClick` takes the click over. */
+    onShare?: (item: AttachmentPreviewItem) => void;
+    /** Drops the per-tile hover actions, where the surrounding UI already offers them. */
+    hideActions?: boolean;
     /** Enables drag-to-reorder; receives the full id list in its new order. */
     onReorder?: (orderedIds: AttachmentPreviewItem['id'][]) => void;
     className?: string;

package/components/AttachmentPreview/AttachmentPreview.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentPreview.types.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentPreview/AttachmentPreview.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AAExD,MAAM,MAAM,qBAAqB,GAAG;IAClC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,qBAAqB,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,qBAAqB,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IACpD,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACpD,2EAA2E;IAC3E,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,qBAAqB,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC;IAEhE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}
+{"version":3,"file":"AttachmentPreview.types.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentPreview/AttachmentPreview.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AAExD,MAAM,MAAM,qBAAqB,GAAG;IAClC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,wEAAwE;IACxE,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,aAAa;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,qBAAqB,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,qBAAqB,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IACpD,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACpD,+FAA+F;IAC/F,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,sFAAsF;IACtF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,qBAAqB,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC;IAEhE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/components/AttachmentPreview/AttachmentRow.d.ts

@@ -1,5 +1,9 @@
-import { AttachmentPreviewProps } from './AttachmentPreview.types';
-export type AttachmentRowProps = Omit<AttachmentPreviewProps, 'onReorder'>;
+import { AttachmentPreviewItem, AttachmentPreviewProps } from './AttachmentPreview.types';
+export type AttachmentRowProps = Omit<AttachmentPreviewProps, 'onReorder'> & {
+    selectedId?: AttachmentPreviewItem['id'];
+};
 /** The plain, non-reorderable strip. `SortableAttachments` is its drag-and-drop counterpart. */
-export declare const AttachmentRow: import("react").ForwardRefExoticComponent<AttachmentRowProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const AttachmentRow: import("react").ForwardRefExoticComponent<Omit<AttachmentPreviewProps, "onReorder"> & {
+    selectedId?: AttachmentPreviewItem['id'];
+} & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=AttachmentRow.d.ts.map

package/components/AttachmentPreview/AttachmentRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentRow.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentPreview/AttachmentRow.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAInE,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,sBAAsB,EAAE,WAAW,CAAC,CAAC;AAE3E,gGAAgG;AAChG,eAAO,MAAM,aAAa,+GAczB,CAAC"}
+{"version":3,"file":"AttachmentRow.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentPreview/AttachmentRow.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAI1F,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,sBAAsB,EAAE,WAAW,CAAC,GAAG;IAC3E,UAAU,CAAC,EAAE,qBAAqB,CAAC,IAAI,CAAC,CAAC;CAC1C,CAAC;AAEF,gGAAgG;AAChG,eAAO,MAAM,aAAa;iBAJX,qBAAqB,CAAC,IAAI,CAAC;kDAwBzC,CAAC"}

package/components/AttachmentPreview/AttachmentRow.js

@@ -1,2 +1,2 @@
-import{forwardRef as t}from"react";import e from"classnames";import{AttachmentTile as r}from"./AttachmentTile.js";import m from"./AttachmentPreview.scss.js";import{jsx as o}from"react/jsx-runtime";var i=t((function(t,i){var n=t.items,s=t.onRemove,a=t.onRetry,c=t.onItemClick,l=t.className,f=t.testId;return o("div",{ref:i,"data-testid":f,className:e(m.scroller,l),children:n.map((function(t){return o(r,{item:t,onRemove:s,onRetry:a,onItemClick:c},t.id)}))})}));export{i as AttachmentRow};
+import{forwardRef as e}from"react";import t from"classnames";import{AttachmentTile as r}from"./AttachmentTile.js";import o from"./AttachmentPreview.scss.js";import{jsx as i}from"react/jsx-runtime";var m=e((function(e,m){var n=e.items,s=e.onRemove,c=e.onRetry,a=e.onItemClick,d=e.onShare,l=e.selectedId,f=e.hideActions,h=e.className,p=e.testId;return i("div",{ref:m,"data-testid":p,className:t(o.scroller,h),children:n.map((function(e){return i(r,{item:e,onRemove:s,onRetry:c,onItemClick:a,onShare:d,isSelected:void 0!==l&&e.id===l,hideActions:f},e.id)}))})}));export{m as AttachmentRow};
 //# sourceMappingURL=AttachmentRow.js.map

package/components/AttachmentPreview/AttachmentRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentRow.js","sources":["../../../src/components/AttachmentPreview/AttachmentRow.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport classNames from 'classnames';\n\nimport { AttachmentTile } from './AttachmentTile';\nimport { AttachmentPreviewProps } from './AttachmentPreview.types';\n\nimport styles from './AttachmentPreview.scss';\n\nexport type AttachmentRowProps = Omit<AttachmentPreviewProps, 'onReorder'>;\n\n/** The plain, non-reorderable strip. `SortableAttachments` is its drag-and-drop counterpart. */\nexport const AttachmentRow = forwardRef<HTMLDivElement, AttachmentRowProps>(\n  ({ items, onRemove, onRetry, onItemClick, className, testId }, ref) => (\n    <div ref={ref} data-testid={testId} className={classNames(styles.scroller, className)}>\n      {items.map(item => (\n        <AttachmentTile\n          key={item.id}\n          item={item}\n          onRemove={onRemove}\n          onRetry={onRetry}\n          onItemClick={onItemClick}\n        />\n      ))}\n    </div>\n  )\n);\n"],"names":["AttachmentRow","forwardRef","ref","items","onRemove","onRetry","onItemClick","className","testId","_jsx","classNames","styles","scroller","children","map","item","AttachmentTile","id"],"mappings":"yMAWaA,EAAgBC,GAC3B,WAA+DC,GAAG,IAA/DC,IAAAA,MAAOC,IAAAA,SAAUC,IAAAA,QAASC,IAAAA,YAAaC,IAAAA,UAAWC,IAAAA,OAAM,OACzDC,EAAA,MAAA,CAAKP,IAAKA,EAAK,cAAaM,EAAQD,UAAWG,EAAWC,EAAOC,SAAUL,GAAWM,SACnFV,EAAMW,KAAI,SAAAC,GAAI,OACbN,EAACO,EAAc,CAEbD,KAAMA,EACNX,SAAUA,EACVC,QAASA,EACTC,YAAaA,GAJRS,EAAKE,QAOV"}
+{"version":3,"file":"AttachmentRow.js","sources":["../../../src/components/AttachmentPreview/AttachmentRow.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport classNames from 'classnames';\n\nimport { AttachmentTile } from './AttachmentTile';\nimport { AttachmentPreviewItem, AttachmentPreviewProps } from './AttachmentPreview.types';\n\nimport styles from './AttachmentPreview.scss';\n\nexport type AttachmentRowProps = Omit<AttachmentPreviewProps, 'onReorder'> & {\n  selectedId?: AttachmentPreviewItem['id'];\n};\n\n/** The plain, non-reorderable strip. `SortableAttachments` is its drag-and-drop counterpart. */\nexport const AttachmentRow = forwardRef<HTMLDivElement, AttachmentRowProps>(\n  (\n    { items, onRemove, onRetry, onItemClick, onShare, selectedId, hideActions, className, testId },\n    ref\n  ) => (\n    <div ref={ref} data-testid={testId} className={classNames(styles.scroller, className)}>\n      {items.map(item => (\n        <AttachmentTile\n          key={item.id}\n          item={item}\n          onRemove={onRemove}\n          onRetry={onRetry}\n          onItemClick={onItemClick}\n          onShare={onShare}\n          isSelected={selectedId !== undefined && item.id === selectedId}\n          hideActions={hideActions}\n        />\n      ))}\n    </div>\n  )\n);\n"],"names":["AttachmentRow","forwardRef","ref","items","onRemove","onRetry","onItemClick","onShare","selectedId","hideActions","className","testId","_jsx","classNames","styles","scroller","children","map","item","AttachmentTile","isSelected","undefined","id"],"mappings":"yMAaaA,EAAgBC,GAC3B,WAEEC,GAAG,IADDC,IAAAA,MAAOC,IAAAA,SAAUC,IAAAA,QAASC,IAAAA,YAAaC,IAAAA,QAASC,IAAAA,WAAYC,IAAAA,YAAaC,IAAAA,UAAWC,IAAAA,OAAM,OAG5FC,EAAA,MAAA,CAAKV,IAAKA,EAAK,cAAaS,EAAQD,UAAWG,EAAWC,EAAOC,SAAUL,GAAWM,SACnFb,EAAMc,KAAI,SAAAC,GAAI,OACbN,EAACO,EAAc,CAEbD,KAAMA,EACNd,SAAUA,EACVC,QAASA,EACTC,YAAaA,EACbC,QAASA,EACTa,gBAA2BC,IAAfb,GAA4BU,EAAKI,KAAOd,EACpDC,YAAaA,GAPRS,EAAKI,QAUV"}

package/components/AttachmentPreview/AttachmentTile.d.ts

@@ -4,6 +4,10 @@ export type AttachmentTileProps = {
     onRemove?: AttachmentPreviewProps['onRemove'];
     onRetry?: AttachmentPreviewProps['onRetry'];
     onItemClick?: AttachmentPreviewProps['onItemClick'];
+    isSelected?: boolean;
+    hideActions?: boolean;
+    /** Adds "Share file" to the tile's hover menu. */
+    onShare?: (item: AttachmentPreviewItem) => void;
 };
-export declare const AttachmentTile: ({ item, onRemove, onRetry, onItemClick }: AttachmentTileProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AttachmentTile: ({ item, onRemove, onRetry, onItemClick, isSelected, hideActions, onShare, }: AttachmentTileProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AttachmentTile.d.ts.map

package/components/AttachmentPreview/AttachmentTile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentTile.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentPreview/AttachmentTile.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAiB1F,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,qBAAqB,CAAC;IAC5B,QAAQ,CAAC,EAAE,sBAAsB,CAAC,UAAU,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,sBAAsB,CAAC,SAAS,CAAC,CAAC;IAC5C,WAAW,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;CACrD,CAAC;AAyDF,eAAO,MAAM,cAAc,6CAA8C,mBAAmB,4CAqF3F,CAAC"}
+{"version":3,"file":"AttachmentTile.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentPreview/AttachmentTile.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAgB1F,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,qBAAqB,CAAC;IAC5B,QAAQ,CAAC,EAAE,sBAAsB,CAAC,UAAU,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,sBAAsB,CAAC,SAAS,CAAC,CAAC;IAC5C,WAAW,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kDAAkD;IAClD,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC;AA0FF,eAAO,MAAM,cAAc,gFAQxB,mBAAmB,4CAiGrB,CAAC"}

package/components/AttachmentPreview/AttachmentTile.js

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

package/components/AttachmentPreview/AttachmentTile.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentTile.js","sources":["../../../src/components/AttachmentPreview/AttachmentTile.tsx"],"sourcesContent":["import { MouseEvent } 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 { AttachmentPreviewItem, AttachmentPreviewProps } from './AttachmentPreview.types';\n\nimport styles from './AttachmentPreview.scss';\n\nimport { DownloadIcon } from '~/icons';\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};\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 = ({ item, onRemove, onRetry, onItemClick }: AttachmentTileProps) => {\n  const kind = item.kind ?? 'file';\n  const overlays = <TileOverlays item={item} onRemove={onRemove} onRetry={onRetry} />;\n  const fileName = utils.getFileNameWithExtensionFromPath(item.name);\n\n  if (kind === 'image' || kind === 'video') {\n    const clickable = !!onItemClick && !item.isUploading && !item.error;\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          !!item.error && styles.thumbnailError\n        )}\n        onClick={clickable ? () => onItemClick?.(item) : undefined}\n      >\n        <div className={styles.thumbnailInner}>\n          {kind === 'image' ? (\n            <img src={item.src} alt={fileName} className={styles.thumbnailImage} />\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        {overlays}\n      </div>\n    );\n  }\n\n  // Download and remove share the tile's top-right corner, so an editable tile keeps only Remove.\n  const isDownloadable = !!item.downloadUrl && !onRemove && !item.isUploading && !item.error;\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      {isDownloadable && (\n        <Tooltip title=\"Download\">\n          <div className={styles.downloadButton}>\n            <ButtonIcon size=\"xs\" type=\"tertiaryBg\" testId=\"attachment-download-button\">\n              <DownloadIcon size=\"small\" />\n            </ButtonIcon>\n          </div>\n        </Tooltip>\n      )}\n      {overlays}\n    </>\n  );\n\n  if (isDownloadable) {\n    return (\n      <a\n        href={item.downloadUrl}\n        download={fileName}\n        className={classNames(styles.fileCard, styles.fileCardLink)}\n        data-testid=\"attachment-download\"\n      >\n        {fileCardContent}\n      </a>\n    );\n  }\n\n  return (\n    <div className={classNames(styles.fileCard, !!item.error && styles.thumbnailError)}>\n      {fileCardContent}\n    </div>\n  );\n};\n"],"names":["getExtension","name","_parts$pop","parts","split","length","pop","toUpperCase","stopAndRun","action","event","stopPropagation","TileOverlays","_ref","item","onRemove","onRetry","_jsxs","_Fragment","children","isUploading","_jsx","className","styles","uploadingOverlay","uploadingSpinner","LoaderCircular","size","loader","error","errorOverlay","Tooltip","title","retryButton","ButtonIcon","type","onClick","id","testId","UndoIcon","classNames","removeButton","removeButtonVisible","CloseSmallIcon","AttachmentTile","_ref2","_item$kind","src","onItemClick","kind","overlays","fileName","utils","getFileNameWithExtensionFromPath","clickable","thumbnail","thumbnailError","undefined","thumbnailInner","alt","thumbnailImage","includes","concat","preload","playsInline","muted","videoOverlay","PlayOneIcon","theme","playIcon","isDownloadable","downloadUrl","fileCardContent","FileIcon","fileInfo","replace","fileType","downloadButton","DownloadIcon","href","download","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.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","uploadingOverlay","uploadingSpinner","LoaderCircular","loader","error","errorOverlay","Tooltip","title","retryButton","ButtonIcon","type","onClick","id","testId","UndoIcon","classNames","removeButton","removeButtonVisible","CloseSmallIcon","AttachmentTile","_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","FileIcon","fileInfo","replace","fileType","cardInteraction","role","tabIndex","onKeyDown","target","currentTarget","key","preventDefault","_objectSpread","fileCard","fileCardLink"],"mappings":"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"}

package/components/AttachmentPreview/__tests__/AttachmentActionsMenu.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=AttachmentActionsMenu.test.d.ts.map

package/components/AttachmentPreview/__tests__/AttachmentActionsMenu.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentActionsMenu.test.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentPreview/__tests__/AttachmentActionsMenu.test.tsx"],"names":[],"mappings":""}

package/components/AttachmentPreview/__tests__/AttachmentDownloadLink.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=AttachmentDownloadLink.test.d.ts.map

package/components/AttachmentPreview/__tests__/AttachmentDownloadLink.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentDownloadLink.test.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentPreview/__tests__/AttachmentDownloadLink.test.tsx"],"names":[],"mappings":""}

package/components/AttachmentPreview/__tests__/AttachmentImage.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=AttachmentImage.test.d.ts.map

package/components/AttachmentPreview/__tests__/AttachmentImage.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentImage.test.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentPreview/__tests__/AttachmentImage.test.tsx"],"names":[],"mappings":""}

package/components/AttachmentPreview/__tests__/AttachmentTile.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=AttachmentTile.test.d.ts.map

package/components/AttachmentPreview/__tests__/AttachmentTile.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentTile.test.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentPreview/__tests__/AttachmentTile.test.tsx"],"names":[],"mappings":""}

package/components/AttachmentPreview/__tests__/useStoredAttachments.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useStoredAttachments.test.d.ts.map

package/components/AttachmentPreview/__tests__/useStoredAttachments.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStoredAttachments.test.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentPreview/__tests__/useStoredAttachments.test.tsx"],"names":[],"mappings":""}

package/components/AttachmentPreview/useStoredAttachment.d.ts

@@ -2,6 +2,14 @@ import type { AttachmentPreviewItem } from './AttachmentPreview.types';
 export type StoredAttachment = {
     name: string;
     url: string;
+    /** Bytes, as recorded at upload time. */
+    size?: number;
 };
+/**
+ * One of ours is stored under an S3 key, which is a path. An attachment that was linked rather
+ * than uploaded keeps a bare file name and a url that already works, so signing it would only
+ * produce a link to an object that was never there.
+ */
+export declare const getIsStoredKey: (name: string) => boolean;
 export declare const useStoredAttachment: (attachment?: StoredAttachment | null) => AttachmentPreviewItem | null;
 //# sourceMappingURL=useStoredAttachment.d.ts.map

package/components/AttachmentPreview/useStoredAttachment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useStoredAttachment.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentPreview/useStoredAttachment.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAGvE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,mBAAmB,gBACjB,gBAAgB,GAAG,IAAI,KACnC,qBAAqB,GAAG,IAe1B,CAAC"}
+{"version":3,"file":"useStoredAttachment.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentPreview/useStoredAttachment.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAGvE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,SAAU,MAAM,KAAG,OAA6B,CAAC;AAE5E,eAAO,MAAM,mBAAmB,gBACjB,gBAAgB,GAAG,IAAI,KACnC,qBAAqB,GAAG,IAkB1B,CAAC"}

package/components/AttachmentPreview/useStoredAttachment.js

@@ -0,0 +1,2 @@
+import"@babel/runtime/helpers/slicedToArray";import"react";import"../../clients/jsonApi/index.js";import"file-extension";import"image-extensions";import"video-extensions";var e=function(e){return e.includes("/")};export{e as getIsStoredKey};
+//# sourceMappingURL=useStoredAttachment.js.map

package/components/AttachmentPreview/useStoredAttachment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStoredAttachment.js","sources":["../../../src/components/AttachmentPreview/useStoredAttachment.ts"],"sourcesContent":["import useSignedURL from '../../effects/useSignedURL';\n\nimport type { AttachmentPreviewItem } from './AttachmentPreview.types';\nimport { getAttachmentKind } from './getAttachmentKind';\n\nexport type StoredAttachment = {\n  name: string;\n  url: string;\n  /** Bytes, as recorded at upload time. */\n  size?: number;\n};\n\n/**\n * One of ours is stored under an S3 key, which is a path. An attachment that was linked rather\n * than uploaded keeps a bare file name and a url that already works, so signing it would only\n * produce a link to an object that was never there.\n */\nexport const getIsStoredKey = (name: string): boolean => name.includes('/');\n\nexport const useStoredAttachment = (\n  attachment?: StoredAttachment | null\n): AttachmentPreviewItem | null => {\n  const kind = attachment ? getAttachmentKind(attachment) : undefined;\n  const key = attachment && getIsStoredKey(attachment.name) ? attachment.name : '';\n  const signed = useSignedURL(key, 'inline');\n  // `download` is ignored cross-origin, so only an attachment-disposition link saves.\n  const downloadUrl = useSignedURL(key, 'attachment');\n  const src = key ? signed : attachment?.url;\n\n  if (!attachment || !src) return null;\n\n  return {\n    id: attachment.url,\n    name: attachment.name,\n    src,\n    kind,\n    size: attachment.size,\n    downloadUrl: downloadUrl || undefined,\n  };\n};\n"],"names":["getIsStoredKey","name","includes"],"mappings":"+KAiBaA,EAAiB,SAACC,GAAY,OAAcA,EAAKC,SAAS,IAAI"}

package/components/AttachmentPreview/useStoredAttachments.d.ts

@@ -1,5 +1,5 @@
 import type { AttachmentPreviewItem } from './AttachmentPreview.types';
-import type { StoredAttachment } from './useStoredAttachment';
+import { type StoredAttachment } from './useStoredAttachment';
 /**
  * Signs a whole list of stored attachments — the hook-per-file `useStoredAttachment`
  * can't cover a list whose length changes between renders.

package/components/AttachmentPreview/useStoredAttachments.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useStoredAttachments.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentPreview/useStoredAttachments.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAEvE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AA2B9D;;;GAGG;AACH,eAAO,MAAM,oBAAoB,iBACjB,gBAAgB,EAAE,GAAG,IAAI,KACtC,qBAAqB,EAuCvB,CAAC"}
+{"version":3,"file":"useStoredAttachments.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentPreview/useStoredAttachments.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAEvE,OAAO,EAAkB,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAkB9E;;;GAGG;AACH,eAAO,MAAM,oBAAoB,iBACjB,gBAAgB,EAAE,GAAG,IAAI,KACtC,qBAAqB,EA6DvB,CAAC"}

package/components/AttachmentPreview/useStoredAttachments.js

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

package/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 type { StoredAttachment } from './useStoredAttachment';\n\nimport { getS3DownloadLink } from '~/clients/jsonApi';\n\ntype SignedLinks = Record<string, { src: string; downloadUrl: 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\nconst sign = async (name: string, kind: string) => {\n  const src = await getSignedLink(name, 'inline');\n\n  // Only documents get a download action; images and videos skip the extra round trip.\n  const downloadUrl = kind === 'file' ? await getSignedLink(name, 'attachment') : '';\n\n  return [name, { src, downloadUrl }] as const;\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    Promise.all(\n      pending.map(attachment => sign(attachment.name, getAttachmentKind(attachment)))\n    ).then(resolved => {\n      if (isActive) setLinks(prev => ({ ...prev, ...Object.fromEntries(resolved) }));\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      downloadUrl: link.downloadUrl || undefined,\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","sign","_ref2","_callee2","kind","src","downloadUrl","_context2","_x3","_x4","useStoredAttachments","attachments","_useState","useState","_useState2","_slicedToArray","links","setLinks","linksRef","useRef","current","list","useMemo","key","map","attachment","join","useEffect","pending","filter","length","isActive","Promise","all","getAttachmentKind","then","resolved","_objectSpread","Object","fromEntries","reduce","acc","link","push","id","undefined"],"mappings":"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"}
+{"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","useStoredAttachments","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":"0gCAUA,IAAMA,EAAa,WAAA,IAAGC,EAAAC,EAAAC,EAAAC,MAAA,SAAAC,EAAOC,EAAcC,GAAoC,IAAAC,EAAAC,EAAA,OAAAN,EAAAO,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,OAAAF,EAAAC,KAAA,EAAAD,EAAAE,KAAA,EAErDC,EAAkBR,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,GAgBNC,EAAuB,SAClCC,GAEA,IAAAC,EAA0BC,EAAsB,IAAGC,EAAAC,EAAAH,EAAA,GAA5CI,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAChBI,EAAWC,EAAOH,GACxBE,EAASE,QAAUJ,EAEnB,IAAMK,EAAOC,GAAQ,WAAA,OAAMX,QAAAA,EAAe,KAAI,CAACA,IACzCY,EAAMF,EAAKG,KAAI,SAAAC,GAAU,OAAIA,EAAWnC,IAAI,IAAEoC,KAAK,KA0CzD,OAxCAC,GAAU,WACR,IAAMC,EAAUP,EAAKQ,QAAO,SAAAJ,GAAU,QAAMA,EAAWnC,QAAQ4B,EAASE,YACxE,GAAKQ,EAAQE,OAAb,CAEA,IAAIC,GAAW,EAETC,EAAY,SAAC1C,EAAc2C,GAA0B,OACzDhB,GAAS,SAAArB,GAAI,OAAUA,EAAAA,EAAAA,CAAAA,EAAAA,WAAON,EAAI4C,EAAAA,EAAA,CAAA,EAAQtC,EAAKN,IAAU2C,IAAK,GAAM,EA0BtE,OAvBAhB,GAAS,SAAArB,GACP,IAAMuC,EAAevC,EAAAA,CAAAA,EAAAA,GAMrB,OAJAgC,EAAQQ,SAAQ,SAAAX,GAAc,IAAAY,EAC5BF,EAAQV,EAAWnC,MAAgC,QAAxB6C,EAAAA,EAAQV,EAAWnC,aAAK,IAAA+C,EAAAA,EAAI,CAAA,CACzD,IAEOF,CACT,IAEAP,EAAQQ,SAAQ,SAAAX,GAETa,EAAeb,EAAWnC,MAM/BN,EAAcyC,EAAWnC,KAAM,UAAUiD,MAAK,SAAAC,GACxCT,GAAYS,GAAKR,EAAUP,EAAWnC,KAAM,CAAEkD,IAAAA,GACpD,IAPER,EAAUP,EAAWnC,KAAM,CAAEkD,IAAKf,EAAWhC,KAQjD,IAEO,WACLsC,GAAW,EAhCwB,CAoCvC,GAAG,CAACR,IAEGF,EAAKoB,QAAgC,SAACC,EAAKjB,GAChD,IAAMkB,EAAO3B,EAAMS,EAAWnC,MAC9B,OAAKqD,SAAAA,EAAMH,KAEXE,EAAIE,KAAK,CACPC,GAAIpB,EAAWhC,IACfH,KAAMmC,EAAWnC,KACjBkD,IAAKG,EAAKH,IACVM,KAAMC,EAAkBtB,GACxBuB,KAAMvB,EAAWuB,OAEZN,GATgBA,CAUxB,GAAE,GACL"}