@multiplatform.one/components 6.1.0 → 6.4.0

package/dist/jsx/layouts/attachments.mjs

@@ -2,9 +2,12 @@ import { DownloadSimpleIcon, EyeIcon, FileIcon, ImageIcon, PaperclipIcon, TrashI
 import { downloadFile } from "@multiplatform.one/platform";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
 import React, { useCallback, useMemo, useRef, useState } from "react";
-import { Button, Dialog, Image, Label, ListItem, Text, XStack, YStack } from "tamagui";
-import { componentColors } from "../componentColors.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { Button, Dialog, Image, isWeb, Label, ListItem, Text, XStack, YStack } from "tamagui";
+import { componentColors, sectionHeading } from "../componentColors.mjs";
+import { Skeleton } from "../Skeleton/index.mjs";
+import { AsyncBoundary, resolveAsyncStatus } from "./AsyncBoundary.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function formatFileSize(bytes) {
   if (bytes === 0) return "0 B";
   const k = 1024;
@@ -31,11 +34,66 @@ function getFileIcon(attachment) {
     size: 20
   });
 }
+function AttachmentThumbnail({
+  attachment,
+  size,
+  fallback
+}) {
+  const [errored, setErrored] = useState(false);
+  if (errored) return /* @__PURE__ */jsx(Fragment, {
+    children: fallback
+  });
+  return /* @__PURE__ */jsx(Image, {
+    src: attachment.fileUrl,
+    alt: attachment.fileName,
+    width: size,
+    height: size,
+    objectFit: "cover",
+    onError: () => setErrored(true)
+  });
+}
+function AttachmentsSkeleton({
+  thumbSize,
+  loadingLabel
+}) {
+  return /* @__PURE__ */jsx(YStack, {
+    gap: "$1",
+    width: "100%",
+    "data-async-skeleton": "attachments",
+    "aria-busy": true,
+    "aria-label": loadingLabel,
+    children: Array.from({
+      length: 3
+    }).map((_, i) => /* @__PURE__ */jsxs(XStack, {
+      gap: "$3",
+      alignItems: "center",
+      paddingVertical: "$2",
+      children: [/* @__PURE__ */jsx(Skeleton, {
+        variant: "rounded",
+        width: thumbSize,
+        height: thumbSize
+      }), /* @__PURE__ */jsxs(YStack, {
+        flex: 1,
+        gap: "$1",
+        children: [/* @__PURE__ */jsx(Skeleton, {
+          width: "55%",
+          height: 14
+        }), /* @__PURE__ */jsx(Skeleton, {
+          width: "25%",
+          height: 12
+        })]
+      })]
+    }, i))
+  });
+}
 function Attachments({
   items,
   label,
   disabled = false,
   maxAttachments = 0,
+  isLoading = false,
+  error = null,
+  onRetry,
   onAttachmentClick,
   onAdd,
   onRemove,
@@ -52,6 +110,9 @@ function Attachments({
   labels = {},
   ...stackProps
 }) {
+  const {
+    t
+  } = useTranslation();
   const {
     knobProps
   } = useResolvedKnobs();
@@ -61,15 +122,22 @@ function Attachments({
   const {
     upload: uploadLabel = "Upload",
     noAttachments: noAttachmentsLabel = "No attachments",
+    preview: previewLabel = "Preview",
     download: downloadLabel = "Download",
+    remove: removeLabel = "Remove",
     close: closeLabel = "Close",
-    fileTooLarge: fileTooLargeLabel = "File too large"
+    fileTooLarge: fileTooLargeLabel = "File too large",
+    loadFailed: loadFailedLabel = t("Couldn't load attachments")
   } = labels;
+  const hasError = resolveAsyncStatus({
+    error
+  }) === "error";
+  const showSkeleton = !hasError && isLoading && items.length === 0;
   const canAdd = useMemo(() => {
-    if (disabled || !enableAdd || !onAdd) return false;
+    if (disabled || !enableAdd || !onAdd || hasError) return false;
     if (maxAttachments > 0 && items.length >= maxAttachments) return false;
     return true;
-  }, [disabled, enableAdd, onAdd, maxAttachments, items.length]);
+  }, [disabled, enableAdd, onAdd, maxAttachments, items.length, hasError]);
   const handleFileSelect = useCallback(event => {
     const file = event.target.files?.[0];
     if (!file) return;
@@ -111,6 +179,8 @@ function Attachments({
       children: noAttachmentsLabel
     })]
   });
+  const sz = knobProps.sizeToken;
+  const thumbSize = compact ? sz === "$3" ? 24 : sz === "$5" ? 40 : 32 : sz === "$3" ? 32 : sz === "$5" ? 48 : 40;
   const renderAttachmentItem = attachment => {
     const isImage = isImageFile(attachment);
     const actions = {
@@ -118,26 +188,22 @@ function Attachments({
       onDownload: () => handleDownload(attachment),
       onRemove: () => onRemove?.(attachment)
     };
-    const sz = knobProps.sizeToken;
-    const thumbSize = compact ? sz === "$3" ? 24 : sz === "$5" ? 40 : 32 : sz === "$3" ? 32 : sz === "$5" ? 48 : 40;
-    const iconElement = isImage ? /* @__PURE__ */jsx(Image, {
-      source: {
-        uri: attachment.fileUrl
-      },
-      width: thumbSize,
-      height: thumbSize,
-      borderRadius: 4,
-      resizeMode: "cover"
-    }) : /* @__PURE__ */jsx(YStack, {
+    const mediaSlot = /* @__PURE__ */jsx(YStack, {
       width: thumbSize,
       height: thumbSize,
+      flexShrink: 0,
+      overflow: "hidden",
       ...{
         backgroundColor: componentColors.surface.background
       },
       ...knobProps.borderRadius,
       alignItems: "center",
       justifyContent: "center",
-      children: getFileIcon(attachment)
+      children: isImage ? /* @__PURE__ */jsx(AttachmentThumbnail, {
+        attachment,
+        size: thumbSize,
+        fallback: getFileIcon(attachment)
+      }) : getFileIcon(attachment)
     });
     const actionButtons = /* @__PURE__ */jsxs(XStack, {
       gap: "$1",
@@ -145,6 +211,7 @@ function Attachments({
         size: "$2",
         chromeless: true,
         icon: EyeIcon,
+        "aria-label": previewLabel,
         onPress: e => {
           e.stopPropagation();
           actions.onPreview();
@@ -153,6 +220,7 @@ function Attachments({
         size: "$2",
         chromeless: true,
         icon: DownloadSimpleIcon,
+        "aria-label": downloadLabel,
         onPress: e => {
           e.stopPropagation();
           actions.onDownload();
@@ -161,6 +229,7 @@ function Attachments({
         size: "$2",
         chromeless: true,
         icon: TrashIcon,
+        "aria-label": removeLabel,
         onPress: e => {
           e.stopPropagation();
           actions.onRemove();
@@ -168,11 +237,8 @@ function Attachments({
       })]
     });
     const defaultContent = /* @__PURE__ */jsx(ListItem, {
-      title: attachment.fileName,
-      subTitle: attachment.formattedSize || formatFileSize(attachment.fileSize),
-      icon: iconElement,
-      iconAfter: actionButtons,
       size: compact ? "$3" : knobProps.sizeToken,
+      paddingVertical: "$2",
       hoverStyle: {
         backgroundColor: componentColors.surface.background
       },
@@ -180,7 +246,26 @@ function Attachments({
         backgroundColor: componentColors.interactive.background
       },
       onPress: () => onAttachmentClick?.(attachment),
-      cursor: "pointer"
+      cursor: "pointer",
+      children: /* @__PURE__ */jsxs(XStack, {
+        flex: 1,
+        alignItems: "center",
+        ...knobProps.gap,
+        children: [mediaSlot, /* @__PURE__ */jsxs(YStack, {
+          flex: 1,
+          minWidth: 0,
+          children: [/* @__PURE__ */jsx(Text, {
+            ...knobProps.body,
+            fontSize: compact ? "$3" : knobProps.sizeToken,
+            numberOfLines: 1,
+            children: attachment.fileName
+          }), /* @__PURE__ */jsx(Text, {
+            fontSize: "$2",
+            color: componentColors.text.muted,
+            children: attachment.formattedSize || formatFileSize(attachment.fileSize)
+          })]
+        }), actionButtons]
+      })
     });
     if (renderAttachment) {
       return renderAttachment(attachment, defaultContent, actions);
@@ -194,9 +279,11 @@ function Attachments({
       alignItems: "center",
       justifyContent: "space-between",
       children: [label && /* @__PURE__ */jsxs(Label, {
-        fontSize: compact ? "$3" : "$4",
-        fontWeight: "500",
-        children: [label, maxAttachments > 0 && /* @__PURE__ */jsxs(Text, {
+        ...(compact ? {
+          fontSize: "$3",
+          fontWeight: "500"
+        } : sectionHeading),
+        children: [label, maxAttachments > 0 && !hasError && /* @__PURE__ */jsxs(Text, {
           color: componentColors.text.muted,
           fontSize: "$2",
           children: [" ", "(", items.length, "/", maxAttachments, ")"]
@@ -207,7 +294,7 @@ function Attachments({
         onPress: handleUploadClick,
         children: uploadLabel
       })]
-    }), /* @__PURE__ */jsx("input", {
+    }), isWeb && /* @__PURE__ */jsx("input", {
       ref: fileInputRef,
       type: "file",
       accept,
@@ -233,11 +320,22 @@ function Attachments({
         icon: XIcon,
         onPress: () => setUploadError(null)
       })]
-    }), items.length === 0 ? emptyState : /* @__PURE__ */jsx(YStack, {
-      ...knobProps.gap,
-      children: items.map(attachment => /* @__PURE__ */jsx(React.Fragment, {
-        children: renderAttachmentItem(attachment)
-      }, attachment.id))
+    }), /* @__PURE__ */jsx(AsyncBoundary, {
+      compact: true,
+      error,
+      onRetry,
+      errorTitle: loadFailedLabel,
+      loading: showSkeleton ? /* @__PURE__ */jsx(AttachmentsSkeleton, {
+        thumbSize,
+        loadingLabel: t("Loading")
+      }) : false,
+      empty: !hasError && items.length === 0 ? emptyState : false,
+      children: /* @__PURE__ */jsx(YStack, {
+        gap: "$1",
+        children: items.map(attachment => /* @__PURE__ */jsx(React.Fragment, {
+          children: renderAttachmentItem(attachment)
+        }, attachment.id))
+      })
     }), /* @__PURE__ */jsx(Dialog, {
       open: !!previewFile,
       onOpenChange: open => !open && setPreviewFile(null),
@@ -274,12 +372,11 @@ function Attachments({
             ...knobProps.panelPadding,
             alignItems: "center",
             children: [/* @__PURE__ */jsx(Image, {
-              source: {
-                uri: previewFile.fileUrl
-              },
+              src: previewFile.fileUrl,
+              alt: previewFile.fileName,
               width: "100%",
               height: 400,
-              resizeMode: "contain"
+              objectFit: "contain"
             }), /* @__PURE__ */jsxs(XStack, {
               gap: "$2",
               marginTop: "$4",

package/dist/jsx/layouts/attachments.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["DownloadSimpleIcon","EyeIcon","FileIcon","ImageIcon","PaperclipIcon","TrashIcon","UploadIcon","XIcon","downloadFile","useResolvedKnobs","React","useCallback","useMemo","useRef","useState","Button","Dialog","Image","Label","ListItem","Text","XStack","YStack","componentColors","jsx","jsxs","formatFileSize","bytes","k","sizes","i","Math","floor","log","Number","parseFloat","toFixed","isImageFile","attachment","isImage","imageTypes","fileType","includes","imageExtensions","url","fileUrl","fileName","ext","substring","lastIndexOf","toLowerCase","getFileIcon","size","Attachments","items","label","disabled","maxAttachments","onAttachmentClick","onAdd","onRemove","onDownload","renderEmpty","renderAttachment","accept","maxFileSize","enablePreview","enableDownload","enableRemove","enableAdd","compact","labels","stackProps","knobProps","fileInputRef","previewFile","setPreviewFile","uploadError","setUploadError","upload","uploadLabel","noAttachments","noAttachmentsLabel","download","downloadLabel","close","closeLabel","fileTooLarge","fileTooLargeLabel","canAdd","length","handleFileSelect","event","file","target","files","current","value","handlePreview","handleDownload","handleUploadClick","click","emptyState","padding","panelPadding","alignItems","opacity","children","color","text","muted","fontSize","marginTop","renderAttachmentItem","actions","onPreview","sz","sizeToken","thumbSize","iconElement","source","uri","width","height","borderRadius","resizeMode","backgroundColor","surface","background","justifyContent","actionButtons","gap","chromeless","icon","onPress","e","stopPropagation","defaultContent","title","subTitle","formattedSize","fileSize","iconAfter","hoverStyle","pressStyle","interactive","cursor","fontWeight","ref","type","style","display","onChange","semantic","error","flex","map","Fragment","id","open","onOpenChange","Portal","Overlay","enterStyle","exitStyle","Content","borderWidth","borderColor","elevation","x","y","scale","maxWidth","maxHeight","Title","Close","asChild","variant"],"sources":["../../../src/layouts/attachments.tsx"],"sourcesContent":[null],"mappings":"AAAA,SACEA,kBAAA,EACAC,OAAA,EACAC,QAAA,EACAC,SAAA,EACAC,aAAA,EACAC,SAAA,EACAC,UAAA,EACAC,KAAA,QACK;AACP,SAASC,YAAA,QAAoB;AAC7B,SAASC,gBAAA,QAAwB;AACjC,OAAOC,KAAA,IAASC,WAAA,EAAaC,OAAA,EAASC,MAAA,EAAQC,QAAA,QAAgB;AAC9D,SACEC,MAAA,EACAC,MAAA,EACAC,KAAA,EACAC,KAAA,EACAC,QAAA,EACAC,IAAA,EACAC,MAAA,EACAC,MAAA,QAEK;AACP,SAASC,eAAA,QAAuB;AAiHrB,SAAAC,GAAA,EAgGPC,IAAA,QAhGO;AAtBX,SAASC,eAAeC,KAAA,EAAuB;EAC7C,IAAIA,KAAA,KAAU,GAAG,OAAO;EACxB,MAAMC,CAAA,GAAI;EACV,MAAMC,KAAA,GAAQ,CAAC,KAAK,MAAM,MAAM,IAAI;EACpC,MAAMC,CAAA,GAAIC,IAAA,CAAKC,KAAA,CAAMD,IAAA,CAAKE,GAAA,CAAIN,KAAK,IAAII,IAAA,CAAKE,GAAA,CAAIL,CAAC,CAAC;EAClD,OAAO,GAAGM,MAAA,CAAOC,UAAA,EAAYR,KAAA,GAAQC,CAAA,IAAKE,CAAA,EAAGM,OAAA,CAAQ,CAAC,CAAC,CAAC,IAAIP,KAAA,CAAMC,CAAC,CAAC;AACtE;AAEA,SAASO,YAAYC,UAAA,EAAqC;EACxD,IAAIA,UAAA,CAAWC,OAAA,KAAY,QAAW,OAAOD,UAAA,CAAWC,OAAA;EAExD,MAAMC,UAAA,GAAa,CAAC,cAAc,aAAa,aAAa,cAAc,eAAe;EACzF,IAAIF,UAAA,CAAWG,QAAA,IAAYD,UAAA,CAAWE,QAAA,CAASJ,UAAA,CAAWG,QAAQ,GAAG,OAAO;EAE5E,MAAME,eAAA,GAAkB,CAAC,QAAQ,SAAS,QAAQ,QAAQ,SAAS,QAAQ,QAAQ,MAAM;EACzF,MAAMC,GAAA,GAAMN,UAAA,CAAWO,OAAA,IAAWP,UAAA,CAAWQ,QAAA,IAAY;EACzD,MAAMC,GAAA,GAAMH,GAAA,CAAII,SAAA,CAAUJ,GAAA,CAAIK,WAAA,CAAY,GAAG,CAAC,EAAEC,WAAA,CAAY;EAC5D,OAAOP,eAAA,CAAgBD,QAAA,CAASK,GAAG;AACrC;AAEA,SAASI,YAAYb,UAAA,EAA6C;EAChE,IAAID,WAAA,CAAYC,UAAU,GAAG;IAC3B,OAAO,eAAAd,GAAA,CAACrB,SAAA;MAAUiD,IAAA,EAAM;IAAA,CAAI;EAC9B;EACA,OAAO,eAAA5B,GAAA,CAACtB,QAAA;IAASkD,IAAA,EAAM;EAAA,CAAI;AAC7B;AAWO,SAASC,YAAY;EAC1BC,KAAA;EACAC,KAAA;EACAC,QAAA,GAAW;EACXC,cAAA,GAAiB;EACjBC,iBAAA;EACAC,KAAA;EACAC,QAAA;EACAC,UAAA;EACAC,WAAA;EACAC,gBAAA;EACAC,MAAA;EACAC,WAAA,GAAc,KAAK,OAAO;EAC1BC,aAAA,GAAgB;EAChBC,cAAA,GAAiB;EACjBC,YAAA,GAAe;EACfC,SAAA,GAAY;EACZC,OAAA,GAAU;EACVC,MAAA,GAAS,CAAC;EACV,GAAGC;AACL,GAAqB;EACnB,MAAM;IAAEC;EAAU,IAAIhE,gBAAA,CAAiB;EACvC,MAAMiE,YAAA,GAAe7D,MAAA,CAAyB,IAAI;EAClD,MAAM,CAAC8D,WAAA,EAAaC,cAAc,IAAI9D,QAAA,CAAgC,IAAI;EAC1E,MAAM,CAAC+D,WAAA,EAAaC,cAAc,IAAIhE,QAAA,CAAwB,IAAI;EAElE,MAAM;IACJiE,MAAA,EAAQC,WAAA,GAAc;IACtBC,aAAA,EAAeC,kBAAA,GAAqB;IACpCC,QAAA,EAAUC,aAAA,GAAgB;IAC1BC,KAAA,EAAOC,UAAA,GAAa;IACpBC,YAAA,EAAcC,iBAAA,GAAoB;EACpC,IAAIjB,MAAA;EAEJ,MAAMkB,MAAA,GAAS7E,OAAA,CAAQ,MAAM;IAC3B,IAAI4C,QAAA,IAAY,CAACa,SAAA,IAAa,CAACV,KAAA,EAAO,OAAO;IAC7C,IAAIF,cAAA,GAAiB,KAAKH,KAAA,CAAMoC,MAAA,IAAUjC,cAAA,EAAgB,OAAO;IACjE,OAAO;EACT,GAAG,CAACD,QAAA,EAAUa,SAAA,EAAWV,KAAA,EAAOF,cAAA,EAAgBH,KAAA,CAAMoC,MAAM,CAAC;EAE7D,MAAMC,gBAAA,GAAmBhF,WAAA,CACtBiF,KAAA,IAA+C;IAC9C,MAAMC,IAAA,GAAOD,KAAA,CAAME,MAAA,CAAOC,KAAA,GAAQ,CAAC;IACnC,IAAI,CAACF,IAAA,EAAM;IAEX,IAAI5B,WAAA,IAAe4B,IAAA,CAAKzC,IAAA,GAAOa,WAAA,EAAa;MAC1Ca,cAAA,CAAe,GAAGU,iBAAiB,KAAK9D,cAAA,CAAeuC,WAAW,CAAC,GAAG;MACtE;IACF;IAEAa,cAAA,CAAe,IAAI;IACnBnB,KAAA,GAAQkC,IAAI;IAEZ,IAAInB,YAAA,CAAasB,OAAA,EAAS;MACxBtB,YAAA,CAAasB,OAAA,CAAQC,KAAA,GAAQ;IAC/B;EACF,GACA,CAAChC,WAAA,EAAaN,KAAA,EAAO6B,iBAAiB,CACxC;EAEA,MAAMU,aAAA,GAAgBvF,WAAA,CAAa2B,UAAA,IAA+B;IAChEsC,cAAA,CAAetC,UAAU;EAC3B,GAAG,EAAE;EAEL,MAAM6D,cAAA,GAAiBxF,WAAA,CACpB2B,UAAA,IAA+B;IAC9B,IAAIuB,UAAA,EAAY;MACdA,UAAA,CAAWvB,UAAU;IACvB,OAAO;MACL9B,YAAA,CAAa8B,UAAA,CAAWO,OAAA,EAASP,UAAA,CAAWQ,QAAQ;IACtD;EACF,GACA,CAACe,UAAU,CACb;EAEA,MAAMuC,iBAAA,GAAoBzF,WAAA,CAAY,MAAM;IAC1C+D,YAAA,CAAasB,OAAA,EAASK,KAAA,CAAM;EAC9B,GAAG,EAAE;EAEL,MAAMC,UAAA,GAAaxC,WAAA,GACjBA,WAAA,CAAY,IAEZ,eAAArC,IAAA,CAACH,MAAA;IACE,IAAIgD,OAAA,GAAU;MAAEiC,OAAA,EAAS;IAAK,IAAI9B,SAAA,CAAU+B,YAAA;IAC7CC,UAAA,EAAW;IACXC,OAAA,EAAS;IAETC,QAAA,kBAAAnF,GAAA,CAACpB,aAAA;MAAcgD,IAAA,EAAMkB,OAAA,GAAU,KAAK;IAAA,CAAI,GACxC,eAAA9C,GAAA,CAACJ,IAAA;MAAKwF,KAAA,EAAOrF,eAAA,CAAgBsF,IAAA,CAAKC,KAAA;MAAOC,QAAA,EAAUzC,OAAA,GAAU,OAAO;MAAM0C,SAAA,EAAU;MACjFL,QAAA,EAAAzB;IAAA,CACH;EAAA,CACF;EAGF,MAAM+B,oBAAA,GAAwB3E,UAAA,IAA+B;IAC3D,MAAMC,OAAA,GAAUF,WAAA,CAAYC,UAAU;IACtC,MAAM4E,OAAA,GAAU;MACdC,SAAA,EAAWA,CAAA,KAAMjB,aAAA,CAAc5D,UAAU;MACzCuB,UAAA,EAAYA,CAAA,KAAMsC,cAAA,CAAe7D,UAAU;MAC3CsB,QAAA,EAAUA,CAAA,KAAMA,QAAA,GAAWtB,UAAU;IACvC;IAEA,MAAM8E,EAAA,GAAK3C,SAAA,CAAU4C,SAAA;IACrB,MAAMC,SAAA,GAAYhD,OAAA,GACd8C,EAAA,KAAO,OACL,KACAA,EAAA,KAAO,OACL,KACA,KACJA,EAAA,KAAO,OACL,KACAA,EAAA,KAAO,OACL,KACA;IAER,MAAMG,WAAA,GAAchF,OAAA,GAClB,eAAAf,GAAA,CAACP,KAAA;MACCuG,MAAA,EAAQ;QAAEC,GAAA,EAAKnF,UAAA,CAAWO;MAAQ;MAClC6E,KAAA,EAAOJ,SAAA;MACPK,MAAA,EAAQL,SAAA;MACRM,YAAA,EAAc;MACdC,UAAA,EAAW;IAAA,CACb,IAEA,eAAArG,GAAA,CAACF,MAAA;MACCoG,KAAA,EAAOJ,SAAA;MACPK,MAAA,EAAQL,SAAA;MACP,GAAG;QAAEQ,eAAA,EAAiBvG,eAAA,CAAgBwG,OAAA,CAAQC;MAAW;MACzD,GAAGvD,SAAA,CAAUmD,YAAA;MACdnB,UAAA,EAAW;MACXwB,cAAA,EAAe;MAEdtB,QAAA,EAAAxD,WAAA,CAAYb,UAAU;IAAA,CACzB;IAGF,MAAM4F,aAAA,GACJ,eAAAzG,IAAA,CAACJ,MAAA;MAAO8G,GAAA,EAAI;MACTxB,QAAA,GAAAzC,aAAA,IAAiB3B,OAAA,IAChB,eAAAf,GAAA,CAACT,MAAA;QACCqC,IAAA,EAAK;QACLgF,UAAA,EAAU;QACVC,IAAA,EAAMpI,OAAA;QACNqI,OAAA,EAAUC,CAAA,IAAM;UACdA,CAAA,CAAEC,eAAA,CAAgB;UAClBtB,OAAA,CAAQC,SAAA,CAAU;QACpB;MAAA,CACF,GAEDhD,cAAA,IACC,eAAA3C,GAAA,CAACT,MAAA;QACCqC,IAAA,EAAK;QACLgF,UAAA,EAAU;QACVC,IAAA,EAAMrI,kBAAA;QACNsI,OAAA,EAAUC,CAAA,IAAM;UACdA,CAAA,CAAEC,eAAA,CAAgB;UAClBtB,OAAA,CAAQrD,UAAA,CAAW;QACrB;MAAA,CACF,GAEDO,YAAA,IAAgB,CAACZ,QAAA,IAAYI,QAAA,IAC5B,eAAApC,GAAA,CAACT,MAAA;QACCqC,IAAA,EAAK;QACLgF,UAAA,EAAU;QACVC,IAAA,EAAMhI,SAAA;QACNiI,OAAA,EAAUC,CAAA,IAAM;UACdA,CAAA,CAAEC,eAAA,CAAgB;UAClBtB,OAAA,CAAQtD,QAAA,CAAS;QACnB;MAAA,CACF;IAAA,CAEJ;IAGF,MAAM6E,cAAA,GACJ,eAAAjH,GAAA,CAACL,QAAA;MACCuH,KAAA,EAAOpG,UAAA,CAAWQ,QAAA;MAClB6F,QAAA,EAAUrG,UAAA,CAAWsG,aAAA,IAAiBlH,cAAA,CAAeY,UAAA,CAAWuG,QAAQ;MACxER,IAAA,EAAMd,WAAA;MACNuB,SAAA,EAAWZ,aAAA;MACX9E,IAAA,EAAMkB,OAAA,GAAU,OAAOG,SAAA,CAAU4C,SAAA;MACjC0B,UAAA,EAAY;QAAEjB,eAAA,EAAiBvG,eAAA,CAAgBwG,OAAA,CAAQC;MAAW;MAClEgB,UAAA,EAAY;QAAElB,eAAA,EAAiBvG,eAAA,CAAgB0H,WAAA,CAAYjB;MAAW;MACtEM,OAAA,EAASA,CAAA,KAAM5E,iBAAA,GAAoBpB,UAAU;MAC7C4G,MAAA,EAAO;IAAA,CACT;IAGF,IAAInF,gBAAA,EAAkB;MACpB,OAAOA,gBAAA,CAAiBzB,UAAA,EAAYmG,cAAA,EAAgBvB,OAAO;IAC7D;IAEA,OAAOuB,cAAA;EACT;EAEA,OACE,eAAAhH,IAAA,CAACH,MAAA;IAAQ,GAAGmD,SAAA,CAAU0D,GAAA;IAAM,GAAG3D,UAAA;IAC3BmC,QAAA,IAAApD,KAAA,IAASkC,MAAA,KACT,eAAAhE,IAAA,CAACJ,MAAA;MAAOoF,UAAA,EAAW;MAASwB,cAAA,EAAe;MACxCtB,QAAA,GAAApD,KAAA,IACC,eAAA9B,IAAA,CAACP,KAAA;QAAM6F,QAAA,EAAUzC,OAAA,GAAU,OAAO;QAAM6E,UAAA,EAAW;QAChDxC,QAAA,GAAApD,KAAA,EACAE,cAAA,GAAiB,KAChB,eAAAhC,IAAA,CAACL,IAAA;UAAKwF,KAAA,EAAOrF,eAAA,CAAgBsF,IAAA,CAAKC,KAAA;UAAOC,QAAA,EAAS;UAC/CJ,QAAA,QAAI,KACHrD,KAAA,CAAMoC,MAAA,EAAO,KAAEjC,cAAA,EAAe;QAAA,CAClC;MAAA,CAEJ,GAEDgC,MAAA,IACC,eAAAjE,GAAA,CAACT,MAAA;QAAOqC,IAAA,EAAMkB,OAAA,GAAU,OAAO;QAAM+D,IAAA,EAAM/H,UAAA;QAAYgI,OAAA,EAASlC,iBAAA;QAC7DO,QAAA,EAAA3B;MAAA,CACH;IAAA,CAEJ,GAGF,eAAAxD,GAAA,CAAC;MACC4H,GAAA,EAAK1E,YAAA;MACL2E,IAAA,EAAK;MACLrF,MAAA;MACAsF,KAAA,EAAO;QAAEC,OAAA,EAAS;MAAO;MACzBC,QAAA,EAAU7D,gBAAA;MACVnC,QAAA,EAAUA,QAAA,IAAY,CAACiC;IAAA,CACzB,GAECZ,WAAA,IACC,eAAApD,IAAA,CAACJ,MAAA;MACCyG,eAAA,EAAgB;MAChBvB,OAAA,EAAQ;MACRqB,YAAA,EAAcnD,SAAA,CAAUmD,YAAA,CAAaA,YAAA;MACrCnB,UAAA,EAAW;MACX0B,GAAA,EAAI;MAEJxB,QAAA,kBAAAnF,GAAA,CAACJ,IAAA;QAAKwF,KAAA,EAAOrF,eAAA,CAAgBkI,QAAA,CAASC,KAAA;QAAO3C,QAAA,EAAS;QAAK4C,IAAA,EAAM;QAC9DhD,QAAA,EAAA9B;MAAA,CACH,GACA,eAAArD,GAAA,CAACT,MAAA;QAAOqC,IAAA,EAAK;QAAKgF,UAAA,EAAU;QAACC,IAAA,EAAM9H,KAAA;QAAO+H,OAAA,EAASA,CAAA,KAAMxD,cAAA,CAAe,IAAI;MAAA,CAAG;IAAA,CACjF,GAGDxB,KAAA,CAAMoC,MAAA,KAAW,IAChBY,UAAA,GAEA,eAAA9E,GAAA,CAACF,MAAA;MAAQ,GAAGmD,SAAA,CAAU0D,GAAA;MACnBxB,QAAA,EAAArD,KAAA,CAAMsG,GAAA,CAAKtH,UAAA,IACV,eAAAd,GAAA,CAACd,KAAA,CAAMmJ,QAAA,EAAN;QAAoClD,QAAA,EAAAM,oBAAA,CAAqB3E,UAAU;MAAA,GAA/CA,UAAA,CAAWwH,EAAsC,CACvE;IAAA,CACH,GAGF,eAAAtI,GAAA,CAACR,MAAA;MAAO+I,IAAA,EAAM,CAAC,CAACpF,WAAA;MAAaqF,YAAA,EAAeD,IAAA,IAAS,CAACA,IAAA,IAAQnF,cAAA,CAAe,IAAI;MAC/E+B,QAAA,iBAAAlF,IAAA,CAACT,MAAA,CAAOiJ,MAAA,EAAP;QACCtD,QAAA,kBAAAnF,GAAA,CAACR,MAAA,CAAOkJ,OAAA,EAAP;UAAexD,OAAA,EAAS;UAAKyD,UAAA,EAAY;YAAEzD,OAAA,EAAS;UAAE;UAAG0D,SAAA,EAAW;YAAE1D,OAAA,EAAS;UAAE;QAAA,CAAG,GACrF,eAAAjF,IAAA,CAACT,MAAA,CAAOqJ,OAAA,EAAP;UACCC,WAAA,EAAa;UACbC,WAAA,EAAY;UACZC,SAAA,EAAW/F,SAAA,CAAU+F,SAAA;UACrBL,UAAA,EAAY;YAAEM,CAAA,EAAG;YAAGC,CAAA,EAAG;YAAKhE,OAAA,EAAS;YAAGiE,KAAA,EAAO;UAAI;UACnDP,SAAA,EAAW;YAAEK,CAAA,EAAG;YAAGC,CAAA,EAAG;YAAIhE,OAAA,EAAS;YAAGiE,KAAA,EAAO;UAAK;UAClDC,QAAA,EAAU;UACVC,SAAA,EAAU;UAEVlE,QAAA,kBAAAnF,GAAA,CAACR,MAAA,CAAO8J,KAAA,EAAP;YAAcnE,QAAA,EAAAhC,WAAA,EAAa7B;UAAA,CAAS,GACpC6B,WAAA,IACC,eAAAlD,IAAA,CAACH,MAAA;YAAQ,GAAGmD,SAAA,CAAU+B,YAAA;YAAcC,UAAA,EAAW;YAC7CE,QAAA,kBAAAnF,GAAA,CAACP,KAAA;cACCuG,MAAA,EAAQ;gBAAEC,GAAA,EAAK9C,WAAA,CAAY9B;cAAQ;cACnC6E,KAAA,EAAM;cACNC,MAAA,EAAQ;cACRE,UAAA,EAAW;YAAA,CACb,GACA,eAAApG,IAAA,CAACJ,MAAA;cAAO8G,GAAA,EAAI;cAAKnB,SAAA,EAAU;cACzBL,QAAA,kBAAAnF,GAAA,CAACT,MAAA;gBAAOsH,IAAA,EAAMrI,kBAAA;gBAAoBsI,OAAA,EAASA,CAAA,KAAMnC,cAAA,CAAexB,WAAW;gBACxEgC,QAAA,EAAAvB;cAAA,CACH,GACA,eAAA5D,GAAA,CAACR,MAAA,CAAO+J,KAAA,EAAP;gBAAaC,OAAA,EAAO;gBACnBrE,QAAA,iBAAAnF,GAAA,CAACT,MAAA;kBAAOkK,OAAA,EAAQ;kBAAYtE,QAAA,EAAArB;gBAAA,CAAW;cAAA,CACzC;YAAA,CACF;UAAA,CACF;QAAA,CAEJ;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"names":["DownloadSimpleIcon","EyeIcon","FileIcon","ImageIcon","PaperclipIcon","TrashIcon","UploadIcon","XIcon","downloadFile","useResolvedKnobs","React","useCallback","useMemo","useRef","useState","useTranslation","Button","Dialog","Image","isWeb","Label","ListItem","Text","XStack","YStack","componentColors","sectionHeading","Skeleton","AsyncBoundary","resolveAsyncStatus","Fragment","jsx","jsxs","formatFileSize","bytes","k","sizes","i","Math","floor","log","Number","parseFloat","toFixed","isImageFile","attachment","isImage","imageTypes","fileType","includes","imageExtensions","url","fileUrl","fileName","ext","substring","lastIndexOf","toLowerCase","getFileIcon","size","AttachmentThumbnail","fallback","errored","setErrored","children","src","alt","width","height","objectFit","onError","AttachmentsSkeleton","thumbSize","loadingLabel","gap","Array","from","length","map","_","alignItems","paddingVertical","variant","flex","Attachments","items","label","disabled","maxAttachments","isLoading","error","onRetry","onAttachmentClick","onAdd","onRemove","onDownload","renderEmpty","renderAttachment","accept","maxFileSize","enablePreview","enableDownload","enableRemove","enableAdd","compact","labels","stackProps","t","knobProps","fileInputRef","previewFile","setPreviewFile","uploadError","setUploadError","upload","uploadLabel","noAttachments","noAttachmentsLabel","preview","previewLabel","download","downloadLabel","remove","removeLabel","close","closeLabel","fileTooLarge","fileTooLargeLabel","loadFailed","loadFailedLabel","hasError","showSkeleton","canAdd","handleFileSelect","event","file","target","files","current","value","handlePreview","handleDownload","handleUploadClick","click","emptyState","padding","panelPadding","opacity","color","text","muted","fontSize","marginTop","sz","sizeToken","renderAttachmentItem","actions","onPreview","mediaSlot","flexShrink","overflow","backgroundColor","surface","background","borderRadius","justifyContent","actionButtons","chromeless","icon","onPress","e","stopPropagation","defaultContent","hoverStyle","pressStyle","interactive","cursor","minWidth","body","numberOfLines","formattedSize","fileSize","fontWeight","ref","type","style","display","onChange","semantic","errorTitle","loading","empty","id","open","onOpenChange","Portal","Overlay","enterStyle","exitStyle","Content","borderWidth","borderColor","elevation","x","y","scale","maxWidth","maxHeight","Title","Close","asChild"],"sources":["../../../src/layouts/attachments.tsx"],"sourcesContent":[null],"mappings":"AAAA,SACEA,kBAAA,EACAC,OAAA,EACAC,QAAA,EACAC,SAAA,EACAC,aAAA,EACAC,SAAA,EACAC,UAAA,EACAC,KAAA,QACK;AACP,SAASC,YAAA,QAAoB;AAC7B,SAASC,gBAAA,QAAwB;AACjC,OAAOC,KAAA,IAASC,WAAA,EAAaC,OAAA,EAASC,MAAA,EAAQC,QAAA,QAAgB;AAC9D,SAASC,cAAA,QAAsB;AAC/B,SACEC,MAAA,EACAC,MAAA,EACAC,KAAA,EACAC,KAAA,EACAC,KAAA,EACAC,QAAA,EACAC,IAAA,EACAC,MAAA,EACAC,MAAA,QAEK;AACP,SAASC,eAAA,EAAiBC,cAAA,QAAsB;AAChD,SAASC,QAAA,QAAgB;AACzB,SAASC,aAAA,EAAeC,kBAAA,QAA0B;AA+HvC,SAkBWC,QAAA,EAlBXC,GAAA,EAyDDC,IAAA,QAzDC;AAtBX,SAASC,eAAeC,KAAA,EAAuB;EAC7C,IAAIA,KAAA,KAAU,GAAG,OAAO;EACxB,MAAMC,CAAA,GAAI;EACV,MAAMC,KAAA,GAAQ,CAAC,KAAK,MAAM,MAAM,IAAI;EACpC,MAAMC,CAAA,GAAIC,IAAA,CAAKC,KAAA,CAAMD,IAAA,CAAKE,GAAA,CAAIN,KAAK,IAAII,IAAA,CAAKE,GAAA,CAAIL,CAAC,CAAC;EAClD,OAAO,GAAGM,MAAA,CAAOC,UAAA,EAAYR,KAAA,GAAQC,CAAA,IAAKE,CAAA,EAAGM,OAAA,CAAQ,CAAC,CAAC,CAAC,IAAIP,KAAA,CAAMC,CAAC,CAAC;AACtE;AAEA,SAASO,YAAYC,UAAA,EAAqC;EACxD,IAAIA,UAAA,CAAWC,OAAA,KAAY,QAAW,OAAOD,UAAA,CAAWC,OAAA;EAExD,MAAMC,UAAA,GAAa,CAAC,cAAc,aAAa,aAAa,cAAc,eAAe;EACzF,IAAIF,UAAA,CAAWG,QAAA,IAAYD,UAAA,CAAWE,QAAA,CAASJ,UAAA,CAAWG,QAAQ,GAAG,OAAO;EAE5E,MAAME,eAAA,GAAkB,CAAC,QAAQ,SAAS,QAAQ,QAAQ,SAAS,QAAQ,QAAQ,MAAM;EACzF,MAAMC,GAAA,GAAMN,UAAA,CAAWO,OAAA,IAAWP,UAAA,CAAWQ,QAAA,IAAY;EACzD,MAAMC,GAAA,GAAMH,GAAA,CAAII,SAAA,CAAUJ,GAAA,CAAIK,WAAA,CAAY,GAAG,CAAC,EAAEC,WAAA,CAAY;EAC5D,OAAOP,eAAA,CAAgBD,QAAA,CAASK,GAAG;AACrC;AAEA,SAASI,YAAYb,UAAA,EAA6C;EAChE,IAAID,WAAA,CAAYC,UAAU,GAAG;IAC3B,OAAO,eAAAd,GAAA,CAAC5B,SAAA;MAAUwD,IAAA,EAAM;IAAA,CAAI;EAC9B;EACA,OAAO,eAAA5B,GAAA,CAAC7B,QAAA;IAASyD,IAAA,EAAM;EAAA,CAAI;AAC7B;AAaA,SAASC,oBAAoB;EAAEf,UAAA;EAAYc,IAAA;EAAME;AAAS,GAA6B;EACrF,MAAM,CAACC,OAAA,EAASC,UAAU,IAAIjD,QAAA,CAAS,KAAK;EAC5C,IAAIgD,OAAA,EAAS,OAAO,eAAA/B,GAAA,CAAAD,QAAA;IAAGkC,QAAA,EAAAH;EAAA,CAAS;EAChC,OACE,eAAA9B,GAAA,CAACb,KAAA;IAIC+C,GAAA,EAAKpB,UAAA,CAAWO,OAAA;IAChBc,GAAA,EAAKrB,UAAA,CAAWQ,QAAA;IAChBc,KAAA,EAAOR,IAAA;IACPS,MAAA,EAAQT,IAAA;IACRU,SAAA,EAAU;IACVC,OAAA,EAASA,CAAA,KAAMP,UAAA,CAAW,IAAI;EAAA,CAChC;AAEJ;AAOA,SAASQ,oBAAoB;EAC3BC,SAAA;EACAC;AACF,GAGG;EACD,OACE,eAAA1C,GAAA,CAACP,MAAA;IACCkD,GAAA,EAAI;IACJP,KAAA,EAAM;IACN,uBAAoB;IACpB,aAAS;IACT,cAAYM,YAAA;IAEXT,QAAA,EAAAW,KAAA,CAAMC,IAAA,CAAK;MAAEC,MAAA,EAAQ;IAAE,CAAC,EAAEC,GAAA,CAAI,CAACC,CAAA,EAAG1C,CAAA,KACjC,eAAAL,IAAA,CAACT,MAAA;MAAemD,GAAA,EAAI;MAAKM,UAAA,EAAW;MAASC,eAAA,EAAgB;MAC3DjB,QAAA,kBAAAjC,GAAA,CAACJ,QAAA;QAASuD,OAAA,EAAQ;QAAUf,KAAA,EAAOK,SAAA;QAAWJ,MAAA,EAAQI;MAAA,CAAW,GACjE,eAAAxC,IAAA,CAACR,MAAA;QAAO2D,IAAA,EAAM;QAAGT,GAAA,EAAI;QACnBV,QAAA,kBAAAjC,GAAA,CAACJ,QAAA;UAASwC,KAAA,EAAM;UAAMC,MAAA,EAAQ;QAAA,CAAI,GAClC,eAAArC,GAAA,CAACJ,QAAA;UAASwC,KAAA,EAAM;UAAMC,MAAA,EAAQ;QAAA,CAAI;MAAA,CACpC;IAAA,GALW/B,CAMb,CACD;EAAA,CACH;AAEJ;AAWO,SAAS+C,YAAY;EAC1BC,KAAA;EACAC,KAAA;EACAC,QAAA,GAAW;EACXC,cAAA,GAAiB;EACjBC,SAAA,GAAY;EACZC,KAAA,GAAQ;EACRC,OAAA;EACAC,iBAAA;EACAC,KAAA;EACAC,QAAA;EACAC,UAAA;EACAC,WAAA;EACAC,gBAAA;EACAC,MAAA;EACAC,WAAA,GAAc,KAAK,OAAO;EAC1BC,aAAA,GAAgB;EAChBC,cAAA,GAAiB;EACjBC,YAAA,GAAe;EACfC,SAAA,GAAY;EACZC,OAAA,GAAU;EACVC,MAAA,GAAS,CAAC;EACV,GAAGC;AACL,GAAqB;EACnB,MAAM;IAAEC;EAAE,IAAI5F,cAAA,CAAe;EAC7B,MAAM;IAAE6F;EAAU,IAAInG,gBAAA,CAAiB;EACvC,MAAMoG,YAAA,GAAehG,MAAA,CAAyB,IAAI;EAClD,MAAM,CAACiG,WAAA,EAAaC,cAAc,IAAIjG,QAAA,CAAgC,IAAI;EAC1E,MAAM,CAACkG,WAAA,EAAaC,cAAc,IAAInG,QAAA,CAAwB,IAAI;EAElE,MAAM;IACJoG,MAAA,EAAQC,WAAA,GAAc;IACtBC,aAAA,EAAeC,kBAAA,GAAqB;IACpCC,OAAA,EAASC,YAAA,GAAe;IACxBC,QAAA,EAAUC,aAAA,GAAgB;IAC1BC,MAAA,EAAQC,WAAA,GAAc;IACtBC,KAAA,EAAOC,UAAA,GAAa;IACpBC,YAAA,EAAcC,iBAAA,GAAoB;IAClCC,UAAA,EAAYC,eAAA,GAAkBtB,CAAA,CAAE,2BAA2B;EAC7D,IAAIF,MAAA;EAGJ,MAAMyB,QAAA,GAAWrG,kBAAA,CAAmB;IAAE6D;EAAM,CAAC,MAAM;EACnD,MAAMyC,YAAA,GAAe,CAACD,QAAA,IAAYzC,SAAA,IAAaJ,KAAA,CAAMR,MAAA,KAAW;EAEhE,MAAMuD,MAAA,GAASxH,OAAA,CAAQ,MAAM;IAG3B,IAAI2E,QAAA,IAAY,CAACgB,SAAA,IAAa,CAACV,KAAA,IAASqC,QAAA,EAAU,OAAO;IACzD,IAAI1C,cAAA,GAAiB,KAAKH,KAAA,CAAMR,MAAA,IAAUW,cAAA,EAAgB,OAAO;IACjE,OAAO;EACT,GAAG,CAACD,QAAA,EAAUgB,SAAA,EAAWV,KAAA,EAAOL,cAAA,EAAgBH,KAAA,CAAMR,MAAA,EAAQqD,QAAQ,CAAC;EAEvE,MAAMG,gBAAA,GAAmB1H,WAAA,CACtB2H,KAAA,IAA+C;IAC9C,MAAMC,IAAA,GAAOD,KAAA,CAAME,MAAA,CAAOC,KAAA,GAAQ,CAAC;IACnC,IAAI,CAACF,IAAA,EAAM;IAEX,IAAIpC,WAAA,IAAeoC,IAAA,CAAK5E,IAAA,GAAOwC,WAAA,EAAa;MAC1Cc,cAAA,CAAe,GAAGc,iBAAiB,KAAK9F,cAAA,CAAekE,WAAW,CAAC,GAAG;MACtE;IACF;IAEAc,cAAA,CAAe,IAAI;IACnBpB,KAAA,GAAQ0C,IAAI;IAEZ,IAAI1B,YAAA,CAAa6B,OAAA,EAAS;MACxB7B,YAAA,CAAa6B,OAAA,CAAQC,KAAA,GAAQ;IAC/B;EACF,GACA,CAACxC,WAAA,EAAaN,KAAA,EAAOkC,iBAAiB,CACxC;EAEA,MAAMa,aAAA,GAAgBjI,WAAA,CAAakC,UAAA,IAA+B;IAChEkE,cAAA,CAAelE,UAAU;EAC3B,GAAG,EAAE;EAEL,MAAMgG,cAAA,GAAiBlI,WAAA,CACpBkC,UAAA,IAA+B;IAC9B,IAAIkD,UAAA,EAAY;MACdA,UAAA,CAAWlD,UAAU;IACvB,OAAO;MACLrC,YAAA,CAAaqC,UAAA,CAAWO,OAAA,EAASP,UAAA,CAAWQ,QAAQ;IACtD;EACF,GACA,CAAC0C,UAAU,CACb;EAEA,MAAM+C,iBAAA,GAAoBnI,WAAA,CAAY,MAAM;IAC1CkG,YAAA,CAAa6B,OAAA,EAASK,KAAA,CAAM;EAC9B,GAAG,EAAE;EAEL,MAAMC,UAAA,GAAahD,WAAA,GACjBA,WAAA,CAAY,IAEZ,eAAAhE,IAAA,CAACR,MAAA;IACE,IAAIgF,OAAA,GAAU;MAAEyC,OAAA,EAAS;IAAK,IAAIrC,SAAA,CAAUsC,YAAA;IAC7ClE,UAAA,EAAW;IACXmE,OAAA,EAAS;IAETnF,QAAA,kBAAAjC,GAAA,CAAC3B,aAAA;MAAcuD,IAAA,EAAM6C,OAAA,GAAU,KAAK;IAAA,CAAI,GACxC,eAAAzE,GAAA,CAACT,IAAA;MAAK8H,KAAA,EAAO3H,eAAA,CAAgB4H,IAAA,CAAKC,KAAA;MAAOC,QAAA,EAAU/C,OAAA,GAAU,OAAO;MAAMgD,SAAA,EAAU;MACjFxF,QAAA,EAAAqD;IAAA,CACH;EAAA,CACF;EAIF,MAAMoC,EAAA,GAAK7C,SAAA,CAAU8C,SAAA;EACrB,MAAMlF,SAAA,GAAYgC,OAAA,GACdiD,EAAA,KAAO,OACL,KACAA,EAAA,KAAO,OACL,KACA,KACJA,EAAA,KAAO,OACL,KACAA,EAAA,KAAO,OACL,KACA;EAER,MAAME,oBAAA,GAAwB9G,UAAA,IAA+B;IAC3D,MAAMC,OAAA,GAAUF,WAAA,CAAYC,UAAU;IACtC,MAAM+G,OAAA,GAAU;MACdC,SAAA,EAAWA,CAAA,KAAMjB,aAAA,CAAc/F,UAAU;MACzCkD,UAAA,EAAYA,CAAA,KAAM8C,cAAA,CAAehG,UAAU;MAC3CiD,QAAA,EAAUA,CAAA,KAAMA,QAAA,GAAWjD,UAAU;IACvC;IAIA,MAAMiH,SAAA,GACJ,eAAA/H,GAAA,CAACP,MAAA;MACC2C,KAAA,EAAOK,SAAA;MACPJ,MAAA,EAAQI,SAAA;MACRuF,UAAA,EAAY;MACZC,QAAA,EAAS;MACR,GAAG;QAAEC,eAAA,EAAiBxI,eAAA,CAAgByI,OAAA,CAAQC;MAAW;MACzD,GAAGvD,SAAA,CAAUwD,YAAA;MACdpF,UAAA,EAAW;MACXqF,cAAA,EAAe;MAEdrG,QAAA,EAAAlB,OAAA,GACC,eAAAf,GAAA,CAAC6B,mBAAA;QACCf,UAAA;QACAc,IAAA,EAAMa,SAAA;QACNX,QAAA,EAAUH,WAAA,CAAYb,UAAU;MAAA,CAClC,IAEAa,WAAA,CAAYb,UAAU;IAAA,CAE1B;IAGF,MAAMyH,aAAA,GACJ,eAAAtI,IAAA,CAACT,MAAA;MAAOmD,GAAA,EAAI;MACTV,QAAA,GAAAoC,aAAA,IAAiBtD,OAAA,IAChB,eAAAf,GAAA,CAACf,MAAA;QACC2C,IAAA,EAAK;QACL4G,UAAA,EAAU;QACVC,IAAA,EAAMvK,OAAA;QACN,cAAYsH,YAAA;QACZkD,OAAA,EAAUC,CAAA,IAAM;UACdA,CAAA,CAAEC,eAAA,CAAgB;UAClBf,OAAA,CAAQC,SAAA,CAAU;QACpB;MAAA,CACF,GAEDxD,cAAA,IACC,eAAAtE,GAAA,CAACf,MAAA;QACC2C,IAAA,EAAK;QACL4G,UAAA,EAAU;QACVC,IAAA,EAAMxK,kBAAA;QACN,cAAYyH,aAAA;QACZgD,OAAA,EAAUC,CAAA,IAAM;UACdA,CAAA,CAAEC,eAAA,CAAgB;UAClBf,OAAA,CAAQ7D,UAAA,CAAW;QACrB;MAAA,CACF,GAEDO,YAAA,IAAgB,CAACf,QAAA,IAAYO,QAAA,IAC5B,eAAA/D,GAAA,CAACf,MAAA;QACC2C,IAAA,EAAK;QACL4G,UAAA,EAAU;QACVC,IAAA,EAAMnK,SAAA;QACN,cAAYsH,WAAA;QACZ8C,OAAA,EAAUC,CAAA,IAAM;UACdA,CAAA,CAAEC,eAAA,CAAgB;UAClBf,OAAA,CAAQ9D,QAAA,CAAS;QACnB;MAAA,CACF;IAAA,CAEJ;IAMF,MAAM8E,cAAA,GACJ,eAAA7I,GAAA,CAACV,QAAA;MACCsC,IAAA,EAAM6C,OAAA,GAAU,OAAOI,SAAA,CAAU8C,SAAA;MACjCzE,eAAA,EAAgB;MAChB4F,UAAA,EAAY;QAAEZ,eAAA,EAAiBxI,eAAA,CAAgByI,OAAA,CAAQC;MAAW;MAClEW,UAAA,EAAY;QAAEb,eAAA,EAAiBxI,eAAA,CAAgBsJ,WAAA,CAAYZ;MAAW;MACtEM,OAAA,EAASA,CAAA,KAAM7E,iBAAA,GAAoB/C,UAAU;MAC7CmI,MAAA,EAAO;MAEPhH,QAAA,iBAAAhC,IAAA,CAACT,MAAA;QAAO4D,IAAA,EAAM;QAAGH,UAAA,EAAW;QAAU,GAAG4B,SAAA,CAAUlC,GAAA;QAChDV,QAAA,GAAA8F,SAAA,EACD,eAAA9H,IAAA,CAACR,MAAA;UAAO2D,IAAA,EAAM;UAAG8F,QAAA,EAAU;UACzBjH,QAAA,kBAAAjC,GAAA,CAACT,IAAA;YACE,GAAGsF,SAAA,CAAUsE,IAAA;YACd3B,QAAA,EAAU/C,OAAA,GAAU,OAAQI,SAAA,CAAU8C,SAAA;YACtCyB,aAAA,EAAe;YAEdnH,QAAA,EAAAnB,UAAA,CAAWQ;UAAA,CACd,GACA,eAAAtB,GAAA,CAACT,IAAA;YAAKiI,QAAA,EAAS;YAAKH,KAAA,EAAO3H,eAAA,CAAgB4H,IAAA,CAAKC,KAAA;YAC7CtF,QAAA,EAAAnB,UAAA,CAAWuI,aAAA,IAAiBnJ,cAAA,CAAeY,UAAA,CAAWwI,QAAQ;UAAA,CACjE;QAAA,CACF,GACCf,aAAA;MAAA,CACH;IAAA,CACF;IAGF,IAAIrE,gBAAA,EAAkB;MACpB,OAAOA,gBAAA,CAAiBpD,UAAA,EAAY+H,cAAA,EAAgBhB,OAAO;IAC7D;IAEA,OAAOgB,cAAA;EACT;EAEA,OACE,eAAA5I,IAAA,CAACR,MAAA;IAAQ,GAAGoF,SAAA,CAAUlC,GAAA;IAAM,GAAGgC,UAAA;IAC3B1C,QAAA,IAAAsB,KAAA,IAAS8C,MAAA,KACT,eAAApG,IAAA,CAACT,MAAA;MAAOyD,UAAA,EAAW;MAASqF,cAAA,EAAe;MACxCrG,QAAA,GAAAsB,KAAA,IACC,eAAAtD,IAAA,CAACZ,KAAA;QAAO,IAAIoF,OAAA,GAAU;UAAE+C,QAAA,EAAU;UAAM+B,UAAA,EAAY;QAAM,IAAI5J,cAAA;QAC3DsC,QAAA,GAAAsB,KAAA,EAEAE,cAAA,GAAiB,KAAK,CAAC0C,QAAA,IACtB,eAAAlG,IAAA,CAACV,IAAA;UAAK8H,KAAA,EAAO3H,eAAA,CAAgB4H,IAAA,CAAKC,KAAA;UAAOC,QAAA,EAAS;UAC/CvF,QAAA,QAAI,KACHqB,KAAA,CAAMR,MAAA,EAAO,KAAEW,cAAA,EAAe;QAAA,CAClC;MAAA,CAEJ,GAED4C,MAAA,IACC,eAAArG,GAAA,CAACf,MAAA;QAAO2C,IAAA,EAAM6C,OAAA,GAAU,OAAO;QAAMgE,IAAA,EAAMlK,UAAA;QAAYmK,OAAA,EAAS3B,iBAAA;QAC7D9E,QAAA,EAAAmD;MAAA,CACH;IAAA,CAEJ,GAKDhG,KAAA,IACC,eAAAY,GAAA,CAAC;MACCwJ,GAAA,EAAK1E,YAAA;MACL2E,IAAA,EAAK;MACLtF,MAAA;MACAuF,KAAA,EAAO;QAAEC,OAAA,EAAS;MAAO;MACzBC,QAAA,EAAUtD,gBAAA;MACV9C,QAAA,EAAUA,QAAA,IAAY,CAAC6C;IAAA,CACzB,GAGDpB,WAAA,IACC,eAAAhF,IAAA,CAACT,MAAA;MACC0I,eAAA,EAAgB;MAChBhB,OAAA,EAAQ;MACRmB,YAAA,EAAcxD,SAAA,CAAUwD,YAAA,CAAaA,YAAA;MACrCpF,UAAA,EAAW;MACXN,GAAA,EAAI;MAEJV,QAAA,kBAAAjC,GAAA,CAACT,IAAA;QAAK8H,KAAA,EAAO3H,eAAA,CAAgBmK,QAAA,CAASlG,KAAA;QAAO6D,QAAA,EAAS;QAAKpE,IAAA,EAAM;QAC9DnB,QAAA,EAAAgD;MAAA,CACH,GACA,eAAAjF,GAAA,CAACf,MAAA;QAAO2C,IAAA,EAAK;QAAK4G,UAAA,EAAU;QAACC,IAAA,EAAMjK,KAAA;QAAOkK,OAAA,EAASA,CAAA,KAAMxD,cAAA,CAAe,IAAI;MAAA,CAAG;IAAA,CACjF,GAIF,eAAAlF,GAAA,CAACH,aAAA;MACC4E,OAAA,EAAO;MACPd,KAAA;MACAC,OAAA;MACAkG,UAAA,EAAY5D,eAAA;MACZ6D,OAAA,EACE3D,YAAA,GACE,eAAApG,GAAA,CAACwC,mBAAA;QAAoBC,SAAA;QAAsBC,YAAA,EAAckC,CAAA,CAAE,SAAS;MAAA,CAAG,IAEvE;MAGJoF,KAAA,EAAO,CAAC7D,QAAA,IAAY7C,KAAA,CAAMR,MAAA,KAAW,IAAImE,UAAA,GAAa;MAEtDhF,QAAA,iBAAAjC,GAAA,CAACP,MAAA;QAAOkD,GAAA,EAAI;QACTV,QAAA,EAAAqB,KAAA,CAAMP,GAAA,CAAKjC,UAAA,IACV,eAAAd,GAAA,CAACrB,KAAA,CAAMoB,QAAA,EAAN;UAAoCkC,QAAA,EAAA2F,oBAAA,CAAqB9G,UAAU;QAAA,GAA/CA,UAAA,CAAWmJ,EAAsC,CACvE;MAAA,CACH;IAAA,CACF,GAEA,eAAAjK,GAAA,CAACd,MAAA;MAAOgL,IAAA,EAAM,CAAC,CAACnF,WAAA;MAAaoF,YAAA,EAAeD,IAAA,IAAS,CAACA,IAAA,IAAQlF,cAAA,CAAe,IAAI;MAC/E/C,QAAA,iBAAAhC,IAAA,CAACf,MAAA,CAAOkL,MAAA,EAAP;QACCnI,QAAA,kBAAAjC,GAAA,CAACd,MAAA,CAAOmL,OAAA,EAAP;UAAejD,OAAA,EAAS;UAAKkD,UAAA,EAAY;YAAElD,OAAA,EAAS;UAAE;UAAGmD,SAAA,EAAW;YAAEnD,OAAA,EAAS;UAAE;QAAA,CAAG,GACrF,eAAAnH,IAAA,CAACf,MAAA,CAAOsL,OAAA,EAAP;UACCC,WAAA,EAAa;UACbC,WAAA,EAAY;UACZC,SAAA,EAAW9F,SAAA,CAAU8F,SAAA;UACrBL,UAAA,EAAY;YAAEM,CAAA,EAAG;YAAGC,CAAA,EAAG;YAAKzD,OAAA,EAAS;YAAG0D,KAAA,EAAO;UAAI;UACnDP,SAAA,EAAW;YAAEK,CAAA,EAAG;YAAGC,CAAA,EAAG;YAAIzD,OAAA,EAAS;YAAG0D,KAAA,EAAO;UAAK;UAClDC,QAAA,EAAU;UACVC,SAAA,EAAU;UAEV/I,QAAA,kBAAAjC,GAAA,CAACd,MAAA,CAAO+L,KAAA,EAAP;YAAchJ,QAAA,EAAA8C,WAAA,EAAazD;UAAA,CAAS,GACpCyD,WAAA,IACC,eAAA9E,IAAA,CAACR,MAAA;YAAQ,GAAGoF,SAAA,CAAUsC,YAAA;YAAclE,UAAA,EAAW;YAC7ChB,QAAA,kBAAAjC,GAAA,CAACb,KAAA;cAGC+C,GAAA,EAAK6C,WAAA,CAAY1D,OAAA;cACjBc,GAAA,EAAK4C,WAAA,CAAYzD,QAAA;cACjBc,KAAA,EAAM;cACNC,MAAA,EAAQ;cACRC,SAAA,EAAU;YAAA,CACZ,GACA,eAAArC,IAAA,CAACT,MAAA;cAAOmD,GAAA,EAAI;cAAK8E,SAAA,EAAU;cACzBxF,QAAA,kBAAAjC,GAAA,CAACf,MAAA;gBAAOwJ,IAAA,EAAMxK,kBAAA;gBAAoByK,OAAA,EAASA,CAAA,KAAM5B,cAAA,CAAe/B,WAAW;gBACxE9C,QAAA,EAAAyD;cAAA,CACH,GACA,eAAA1F,GAAA,CAACd,MAAA,CAAOgM,KAAA,EAAP;gBAAaC,OAAA,EAAO;gBACnBlJ,QAAA,iBAAAjC,GAAA,CAACf,MAAA;kBAAOkE,OAAA,EAAQ;kBAAYlB,QAAA,EAAA6D;gBAAA,CAAW;cAAA,CACzC;YAAA,CACF;UAAA,CACF;QAAA,CAEJ;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/jsx/layouts/attachments.native.js

@@ -43,8 +43,11 @@ var import_react = require("@phosphor-icons/react");
 var import_platform = require("@multiplatform.one/platform");
 var import_theme = require("@multiplatform.one/theme");
 var import_react2 = __toESM(require("react"));
+var import_react_i18next = require("react-i18next");
 var import_tamagui = require("tamagui");
 var import_componentColors = require("../componentColors.native.js");
+var import_Skeleton = require("../Skeleton/index.native.js");
+var import_AsyncBoundary = require("./AsyncBoundary.native.js");
 function formatFileSize(bytes) {
   if (bytes === 0) return "0 B";
   var k = 1024;
@@ -71,12 +74,76 @@ function getFileIcon(attachment) {
     size: 20
   });
 }
+function AttachmentThumbnail(param) {
+  var {
+    attachment,
+    size,
+    fallback
+  } = param;
+  var [errored, setErrored] = (0, import_react2.useState)(false);
+  if (errored) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+    children: fallback
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Image, {
+    // src (string) + objectFit, not source/resizeMode: the RN-only props
+    // leak onto the DOM <img> on web (React unknown-prop warning); tamagui
+    // maps src/objectFit back to source/resizeMode on native.
+    src: attachment.fileUrl,
+    alt: attachment.fileName,
+    width: size,
+    height: size,
+    objectFit: "cover",
+    onError: function onError() {
+      return setErrored(true);
+    }
+  });
+}
+function AttachmentsSkeleton(param) {
+  var {
+    thumbSize,
+    loadingLabel
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    gap: "$1",
+    width: "100%",
+    "data-async-skeleton": "attachments",
+    "aria-busy": true,
+    "aria-label": loadingLabel,
+    children: Array.from({
+      length: 3
+    }).map(function (_, i) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        gap: "$3",
+        alignItems: "center",
+        paddingVertical: "$2",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+          variant: "rounded",
+          width: thumbSize,
+          height: thumbSize
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          flex: 1,
+          gap: "$1",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+            width: "55%",
+            height: 14
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+            width: "25%",
+            height: 12
+          })]
+        })]
+      }, i);
+    })
+  });
+}
 function Attachments(param) {
   var {
     items,
     label,
     disabled = false,
     maxAttachments = 0,
+    isLoading = false,
+    error = null,
+    onRetry,
     onAttachmentClick,
     onAdd,
     onRemove,
@@ -93,6 +160,9 @@ function Attachments(param) {
     labels = {},
     ...stackProps
   } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)();
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
@@ -102,15 +172,22 @@ function Attachments(param) {
   var {
     upload: uploadLabel = "Upload",
     noAttachments: noAttachmentsLabel = "No attachments",
+    preview: previewLabel = "Preview",
     download: downloadLabel = "Download",
+    remove: removeLabel = "Remove",
     close: closeLabel = "Close",
-    fileTooLarge: fileTooLargeLabel = "File too large"
+    fileTooLarge: fileTooLargeLabel = "File too large",
+    loadFailed: loadFailedLabel = t("Couldn't load attachments")
   } = labels;
+  var hasError = (0, import_AsyncBoundary.resolveAsyncStatus)({
+    error
+  }) === "error";
+  var showSkeleton = !hasError && isLoading && items.length === 0;
   var canAdd = (0, import_react2.useMemo)(function () {
-    if (disabled || !enableAdd || !onAdd) return false;
+    if (disabled || !enableAdd || !onAdd || hasError) return false;
     if (maxAttachments > 0 && items.length >= maxAttachments) return false;
     return true;
-  }, [disabled, enableAdd, onAdd, maxAttachments, items.length]);
+  }, [disabled, enableAdd, onAdd, maxAttachments, items.length, hasError]);
   var handleFileSelect = (0, import_react2.useCallback)(function (event) {
     var _event_target_files;
     var file = (_event_target_files = event.target.files) === null || _event_target_files === void 0 ? void 0 : _event_target_files[0];
@@ -154,6 +231,8 @@ function Attachments(param) {
       children: noAttachmentsLabel
     })]
   });
+  var sz = knobProps.sizeToken;
+  var thumbSize = compact ? sz === "$3" ? 24 : sz === "$5" ? 40 : 32 : sz === "$3" ? 32 : sz === "$5" ? 48 : 40;
   var renderAttachmentItem = function renderAttachmentItem2(attachment) {
     var isImage = isImageFile(attachment);
     var actions = {
@@ -167,24 +246,20 @@ function Attachments(param) {
         return onRemove === null || onRemove === void 0 ? void 0 : onRemove(attachment);
       }
     };
-    var sz = knobProps.sizeToken;
-    var thumbSize = compact ? sz === "$3" ? 24 : sz === "$5" ? 40 : 32 : sz === "$3" ? 32 : sz === "$5" ? 48 : 40;
-    var iconElement = isImage ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Image, {
-      source: {
-        uri: attachment.fileUrl
-      },
-      width: thumbSize,
-      height: thumbSize,
-      borderRadius: 4,
-      resizeMode: "cover"
-    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    var mediaSlot = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
       width: thumbSize,
       height: thumbSize,
+      flexShrink: 0,
+      overflow: "hidden",
       backgroundColor: import_componentColors.componentColors.surface.background,
       ...knobProps.borderRadius,
       alignItems: "center",
       justifyContent: "center",
-      children: getFileIcon(attachment)
+      children: isImage ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(AttachmentThumbnail, {
+        attachment,
+        size: thumbSize,
+        fallback: getFileIcon(attachment)
+      }) : getFileIcon(attachment)
     });
     var actionButtons = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
       gap: "$1",
@@ -192,6 +267,7 @@ function Attachments(param) {
         size: "$2",
         chromeless: true,
         icon: import_react.EyeIcon,
+        "aria-label": previewLabel,
         onPress: function onPress(e) {
           e.stopPropagation();
           actions.onPreview();
@@ -200,6 +276,7 @@ function Attachments(param) {
         size: "$2",
         chromeless: true,
         icon: import_react.DownloadSimpleIcon,
+        "aria-label": downloadLabel,
         onPress: function onPress(e) {
           e.stopPropagation();
           actions.onDownload();
@@ -208,6 +285,7 @@ function Attachments(param) {
         size: "$2",
         chromeless: true,
         icon: import_react.TrashIcon,
+        "aria-label": removeLabel,
         onPress: function onPress(e) {
           e.stopPropagation();
           actions.onRemove();
@@ -215,11 +293,8 @@ function Attachments(param) {
       })]
     });
     var defaultContent = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
-      title: attachment.fileName,
-      subTitle: attachment.formattedSize || formatFileSize(attachment.fileSize),
-      icon: iconElement,
-      iconAfter: actionButtons,
       size: compact ? "$3" : knobProps.sizeToken,
+      paddingVertical: "$2",
       hoverStyle: {
         backgroundColor: import_componentColors.componentColors.surface.background
       },
@@ -229,7 +304,26 @@ function Attachments(param) {
       onPress: function onPress() {
         return onAttachmentClick === null || onAttachmentClick === void 0 ? void 0 : onAttachmentClick(attachment);
       },
-      cursor: "pointer"
+      cursor: "pointer",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        flex: 1,
+        alignItems: "center",
+        ...knobProps.gap,
+        children: [mediaSlot, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          flex: 1,
+          minWidth: 0,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            ...knobProps.body,
+            fontSize: compact ? "$3" : knobProps.sizeToken,
+            numberOfLines: 1,
+            children: attachment.fileName
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontSize: "$2",
+            color: import_componentColors.componentColors.text.muted,
+            children: attachment.formattedSize || formatFileSize(attachment.fileSize)
+          })]
+        }), actionButtons]
+      })
     });
     if (renderAttachment) {
       return renderAttachment(attachment, defaultContent, actions);
@@ -243,9 +337,12 @@ function Attachments(param) {
       alignItems: "center",
       justifyContent: "space-between",
       children: [label && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Label, {
-        fontSize: compact ? "$3" : "$4",
-        fontWeight: "500",
-        children: [label, maxAttachments > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+        ...(compact ? {
+          fontSize: "$3",
+          fontWeight: "500"
+        } : import_componentColors.sectionHeading),
+        children: [label, /* Count hides on error so the badge can't lie (DG-ST-04) */
+        maxAttachments > 0 && !hasError && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
           color: import_componentColors.componentColors.text.muted,
           fontSize: "$2",
           children: [" ", "(", items.length, "/", maxAttachments, ")"]
@@ -256,7 +353,10 @@ function Attachments(param) {
         onPress: handleUploadClick,
         children: uploadLabel
       })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("input", {
+    }),
+    /* DOM file input is web-only; on native the ref stays null and the
+    upload button no-ops (native picking needs a document-picker surface). */
+    import_tamagui.isWeb && /* @__PURE__ */(0, import_jsx_runtime.jsx)("input", {
       ref: fileInputRef,
       type: "file",
       accept,
@@ -284,12 +384,24 @@ function Attachments(param) {
           return setUploadError(null);
         }
       })]
-    }), items.length === 0 ? emptyState : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-      ...knobProps.gap,
-      children: items.map(function (attachment) {
-        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.default.Fragment, {
-          children: renderAttachmentItem(attachment)
-        }, attachment.id);
+    }), /* Exactly one of: error → loading skeleton → empty → rows (W9 / DG-ST-01) */
+    /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_AsyncBoundary.AsyncBoundary, {
+      compact: true,
+      error,
+      onRetry,
+      errorTitle: loadFailedLabel,
+      loading: showSkeleton ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(AttachmentsSkeleton, {
+        thumbSize,
+        loadingLabel: t("Loading")
+      }) : false,
+      empty: !hasError && items.length === 0 ? emptyState : false,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        gap: "$1",
+        children: items.map(function (attachment) {
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.default.Fragment, {
+            children: renderAttachmentItem(attachment)
+          }, attachment.id);
+        })
       })
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog, {
       open: !!previewFile,
@@ -329,12 +441,13 @@ function Attachments(param) {
             ...knobProps.panelPadding,
             alignItems: "center",
             children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Image, {
-              source: {
-                uri: previewFile.fileUrl
-              },
+              // src/objectFit, not source/resizeMode (RN-only props leak
+              // onto the DOM <img> on web; tamagui maps these on native)
+              src: previewFile.fileUrl,
+              alt: previewFile.fileName,
               width: "100%",
               height: 400,
-              resizeMode: "contain"
+              objectFit: "contain"
             }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
               gap: "$2",
               marginTop: "$4",