@multiplatform.one/frappe-ui 7.4.1 → 7.6.0

package/dist/cjs/fields/DynamicLink.native.js

@@ -28,13 +28,11 @@ __export(DynamicLink_exports, {
 });
 module.exports = __toCommonJS(DynamicLink_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_frappe = require("@multiplatform.one/frappe");
 var import_forms = require("@multiplatform.one/forms");
-var import_react = require("@phosphor-icons/react");
-var import_theme = require("@multiplatform.one/theme");
-var import_react2 = require("react");
+var import_react = require("react");
 var import_tamagui = require("tamagui");
-var import_FrappeProvider = require("../FrappeProvider.native.js");
+var import_theme = require("@multiplatform.one/theme");
+var import_Link = require("./Link.native.js");
 function DynamicLink(param) {
   var {
     label,
@@ -53,150 +51,54 @@ function DynamicLink(param) {
     skeleton = false,
     compact = false
   } = param;
-  var _ref;
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
-  var config = (0, import_FrappeProvider.useFrappeConfig)();
-  var [selectedDoctype, setSelectedDoctype] = (0, import_react2.useState)(doctypeFieldValue || "");
+  var [selectedDoctype, setSelectedDoctype] = (0, import_react.useState)(doctypeFieldValue || "");
   var isLocked = disabled || readOnly;
-  var minHeight = compact ? 32 : 40;
-  var finalBaseURL = (_ref = baseURL !== null && baseURL !== void 0 ? baseURL : config === null || config === void 0 ? void 0 : config.baseURL) !== null && _ref !== void 0 ? _ref : "";
-  var finalConfig = finalBaseURL ? {
-    baseURL: finalBaseURL,
-    socketPort: config === null || config === void 0 ? void 0 : config.socketPort,
-    siteName: config === null || config === void 0 ? void 0 : config.siteName,
-    socketBaseURL: config === null || config === void 0 ? void 0 : config.socketBaseURL,
-    auth: auth !== null && auth !== void 0 ? auth : config === null || config === void 0 ? void 0 : config.auth,
-    syncOptions: config === null || config === void 0 ? void 0 : config.syncOptions,
-    fixtures: config === null || config === void 0 ? void 0 : config.fixtures
-  } : void 0;
-  var documentsCollection = (0, import_frappe.useFrappeCollection)(finalConfig, selectedDoctype, selectedDoctype ? {
-    fields: ["name"]
-  } : void 0);
-  var {
-    data: rawDocuments
-  } = (0, import_frappe.useLiveQuery)(function (q) {
-    return documentsCollection ? q.from({
-      _list: documentsCollection
-    }) : null;
-  }, [documentsCollection]);
-  var documents = (0, import_react2.useMemo)(function () {
-    return rawDocuments !== null && rawDocuments !== void 0 ? rawDocuments : [];
-  }, [rawDocuments]);
-  var handleDoctypeChange = function handleDoctypeChange2(doctype) {
+  var doctypeOptions = doctypes.map(function (doctype) {
+    return {
+      label: doctype,
+      value: doctype
+    };
+  });
+  var handleDoctypeChange = function handleDoctypeChange2(next) {
+    var _next_;
     if (isLocked) return;
+    var doctype = Array.isArray(next) ? (_next_ = next[0]) !== null && _next_ !== void 0 ? _next_ : "" : next;
     setSelectedDoctype(doctype);
     onDoctypeChange === null || onDoctypeChange === void 0 ? void 0 : onDoctypeChange(doctype);
     onChange("");
   };
-  if (skeleton) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-      ...knobProps.gap,
-      children: [label ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Skeleton, {
-        variant: "text",
-        width: "30%",
-        height: 14
-      }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Skeleton, {
-        variant: "rounded",
-        width: "100%",
-        height: minHeight
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Skeleton, {
-        variant: "rounded",
-        width: "100%",
-        height: minHeight
-      })]
-    });
-  }
+  var documentPicked = !!selectedDoctype;
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     ...knobProps.gap,
-    children: [label ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Label, {
-      children: [label, required ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-        color: "$red10",
-        children: " *"
-      }) : null]
-    }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-      ...knobProps.gap,
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Select, {
-        size: knobProps.sizeToken,
-        ...{
-          value: selectedDoctype,
-          onValueChange: handleDoctypeChange,
-          disabled: isLocked
-        },
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, {
-          iconAfter: import_react.CaretDownIcon,
-          disabled: isLocked,
-          ...knobProps.borderRadius,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, {
-            placeholder: "Select DocType"
-          })
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Content, {
-          backgroundColor: "$background",
-          ...knobProps.borderRadius,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Viewport, {
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Select.Group, {
-              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Label, {
-                children: "DocType"
-              }), doctypes.map(function (doctype, i) {
-                return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Item, {
-                  index: i,
-                  value: doctype,
-                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.ItemText, {
-                    children: doctype
-                  })
-                }, doctype);
-              })]
-            })
-          })
-        })]
-      }),
-      /* Ternary, not `&&`: with no doctype picked `selectedDoctype` is ""
-      and `{"" && …}` renders an empty text node inside this View —
-      which breaks the native render contract (UX-P16 / Axiom 13:
-      "A text node cannot be a child of a View"). */
-      selectedDoctype ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Select, {
-        size: knobProps.sizeToken,
-        ...{
-          value,
-          onValueChange: isLocked ? void 0 : onChange,
-          disabled: isLocked || !documents || documents.length === 0
-        },
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, {
-          iconAfter: import_react.CaretDownIcon,
-          disabled: isLocked || !documents || documents.length === 0,
-          ...knobProps.borderRadius,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, {
-            placeholder: `Select ${selectedDoctype}`
-          })
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Content, {
-          backgroundColor: "$background",
-          ...knobProps.borderRadius,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Viewport, {
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Select.Group, {
-              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Label, {
-                children: selectedDoctype
-              }), documents === null || documents === void 0 ? void 0 : documents.map(function (doc, i) {
-                return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Item, {
-                  index: i,
-                  value: doc.name || "",
-                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.ItemText, {
-                    children: doc.name
-                  })
-                }, doc.name);
-              })]
-            })
-          })
-        })]
-      }) : null]
-    }), helperText && !error ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-      color: "$color11",
-      fontSize: "$2",
-      children: helperText
-    }) : null, error ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-      color: "$red11",
-      fontSize: "$2",
-      children: error
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Select, {
+      label,
+      value: selectedDoctype,
+      onChange: handleDoctypeChange,
+      options: doctypeOptions,
+      placeholder: "Select DocType",
+      disabled: isLocked,
+      required,
+      readOnly,
+      skeleton,
+      compact,
+      error: documentPicked ? void 0 : error,
+      helperText: documentPicked ? void 0 : helperText
+    }), documentPicked ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Link.Link, {
+      doctype: selectedDoctype,
+      value,
+      onChange,
+      disabled: isLocked,
+      readOnly,
+      skeleton,
+      compact,
+      placeholder: `Select ${selectedDoctype}`,
+      error,
+      helperText,
+      baseURL,
+      auth
     }) : null]
   });
 }

package/dist/cjs/fields/DynamicLink.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DynamicLink_exports","__export","DynamicLink","module","exports","import_jsx_runtime","require","import_frappe","import_forms","import_react","import_theme","import_react2","import_tamagui","import_FrappeProvider","param","label","onChange","doctypeFieldValue","onDoctypeChange","doctypes","disabled","required","baseURL","auth","error","helperText","readOnly","skeleton","compact","_ref","knobProps","useResolvedKnobs","config","useFrappeConfig","selectedDoctype","setSelectedDoctype","useState","isLocked","minHeight","finalBaseURL","finalConfig","socketPort","siteName","socketBaseURL","syncOptions","fixtures","documentsCollection","useFrappeCollection","fields","data","rawDocuments","useLiveQuery","q","from","_list","documents","useMemo","handleDoctypeChange","handleDoctypeChange2","doctype","jsxs","YStack","gap","children","jsx","Skeleton","variant","width","height","Label","Text","color","Select","size","sizeToken","onValueChange","Trigger","iconAfter","CaretDownIcon","borderRadius","Value","placeholder","Content","backgroundColor","Viewport","Group","map","i","Item","index","ItemText"],"sources":["../../../src/fields/DynamicLink.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DynamicLink_exports","__export","DynamicLink","module","exports","import_jsx_runtime","require","import_forms","import_react","import_tamagui","import_theme","import_Link","param","label","onChange","doctypeFieldValue","onDoctypeChange","doctypes","disabled","required","baseURL","auth","error","helperText","readOnly","skeleton","compact","knobProps","useResolvedKnobs","selectedDoctype","setSelectedDoctype","useState","isLocked","doctypeOptions","map","doctype","handleDoctypeChange","handleDoctypeChange2","next","_next_","Array","isArray","documentPicked","jsxs","YStack","gap","children","jsx","Select","options","placeholder","Link"],"sources":["../../../src/fields/DynamicLink.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,WAAA,EAAAA,CAAA,KAAAA;AAAA;AAMAC,MAAA,CAAAC,OAAA,GAAAT,YAAsC,CAAAK,mBAAA;AACtC,IAAAK,kBAAyB,GAAAC,OAAA;AACzB,IAAAC,YAAA,GAAAD,OAAuB;AACvB,IAAAE,YAAA,GAAiCF,OAAA;AACjC,IAAAG,cAAqB,GAAAH,OAAA;AAqDjB,IAAAI,YAAA,GAAAJ,OAAA;AAjCG,IAAAK,WAAS,GAAAL,OAAY;AAAA,SAC1BJ,YAAAU,KAAA;EACA;IAAAC,KAAA;IAAAd,KAAA;IAAAe,QAAA;IAAAC,iBAAA;IAAAC,eAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,OAAA;IAAAC,IAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,OAAA;EAAA,IAAAd,KAAA;EACA;IAAAe;EAAA,QAAAjB,YAAA,CAAAkB,gBAAA;EACA,KAAAC,eAAA,EAAAC,kBAAA,QAAAtB,YAAA,CAAAuB,QAAA,EAAAhB,iBAAA;EACA,IAAAiB,QAAA,GAAAd,QAAA,IAAAM,QAAA;EACA,IAAAS,cAAY,GAAAhB,QAAA,CAAAiB,GAAA,WAAAC,OAAA;IACZ;MACAtB,KAAA,EAAWsB,OAAA;MACXpC,KAAA,EAAAoC;IACA;EACA;EACA,IAAAC,mBAAA,YAAAC,qBAAAC,IAAA;IACA,IAAAC,MAAW;IACX,IAAAP,QAAW;IACX,IAAAG,OAAU,GAAAK,KAAA,CAAAC,OAAA,CAAAH,IAAA,KAAAC,MAAA,GAAAD,IAAA,iBAAAC,MAAA,cAAAA,MAAA,QAAAD,IAAA;IACSR,kBAAA,CAAAK,OAAA;IACnBnB,eAAQ,KAAU,IAAI,IAAAA,eAAA,cAAiB,SAAAA,eAAA,CAAAmB,OAAA;IACvCrB,QAAO;EACP;EACA,IAAA4B,cAAM,KAAiBb,eAAc;EAErC,OAAM,mBAAAxB,kBAAmD,CAAAsC,IAAA,EAAAlC,cAAA,CAAAmC,MAAA;IACvD,GAAAjB,SAAI,CAAUkB,GAAA;IACdC,QAAM,GACN,gBAAmB,GAAAzC,kBAAO,CAAA0C,GAAA,EAAAxC,YAAA,CAAAyC,MAAA;MAC1BnC,KAAA;MACAd,KAAS,EAAE8B,eAAA;MACbf,QAAA,EAAAsB,mBAAA;MAEMa,OAAA,EAAAhB,cAAmB;MAEzBiB,WACE;MACEhC,QAAA,EAAAc,QAAA;MAACb,QAAA;MAAAK,QAAA;MACCC,QAAA;MACAC,OAAO;MACPJ,KAAA,EAAAoB,cAAU,YAAApB,KAAA;MACVC,UAAS,EAAAmB,cAAA,YAAAnB;IAAA,EACT,EAAYmB,cACF,sBAAArC,kBAAA,CAAA0C,GAAA,EAAApC,WAAA,CAAAwC,IAAA;MACVhB,OAAA,EAAAN,eAAA;MACA9B,KAAA;MACAe,QAAA;MACAI,QAAA,EAAAc,QAAA;MACAR,QAAO;MACPC,QAAA;MAAyCC,OAAA;MAC3CwB,WAAA,YAAArB,eAAA;MACCP,KAAA;MACEC,UAAA;MAAAH,OAAA;MACCC;IAAS,EACT;EACA;AACU","ignoreList":[]}

package/dist/cjs/fields/FileUpload.cjs

@@ -31,10 +31,52 @@ var import_react = require("@phosphor-icons/react");
 var import_theme = require("@multiplatform.one/theme");
 var import_react2 = require("react");
 var import_react_i18next = require("react-i18next");
-var import_forms2 = require("@multiplatform.one/forms");
 var import_tamagui = require("tamagui");
 var import_FrappeProvider = require("../FrappeProvider.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
+function formatFileSize(bytes) {
+  if (bytes === 0) return "0 Bytes";
+  const k = 1024;
+  const sizes = ["Bytes", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${Number.parseFloat((bytes / k ** i).toFixed(2))} ${sizes[i]}`;
+}
+function readFileAsDataUrl(file, {
+  onProgress,
+  signal
+}) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    const onAbort = () => {
+      reader.abort();
+      reject(new DOMException("Aborted", "AbortError"));
+    };
+    if (signal.aborted) {
+      onAbort();
+      return;
+    }
+    signal.addEventListener("abort", onAbort);
+    reader.onprogress = event => {
+      if (event.lengthComputable && event.total > 0) {
+        onProgress(Math.round(event.loaded / event.total * 100));
+      }
+    };
+    reader.onload = () => {
+      signal.removeEventListener("abort", onAbort);
+      onProgress(100);
+      resolve(reader.result);
+    };
+    reader.onerror = () => {
+      signal.removeEventListener("abort", onAbort);
+      reject(new Error("Failed to read file"));
+    };
+    reader.onabort = () => {
+      signal.removeEventListener("abort", onAbort);
+      reject(new DOMException("Aborted", "AbortError"));
+    };
+    reader.readAsDataURL(file);
+  });
+}
 function FileUpload({
   label,
   value,
@@ -49,7 +91,8 @@ function FileUpload({
   helperText,
   readOnly = false,
   skeleton = false,
-  compact = false
+  compact = false,
+  onUpload
 }) {
   const {
     t
@@ -59,11 +102,15 @@ function FileUpload({
   } = (0, import_theme.useResolvedKnobs)();
   const config = (0, import_FrappeProvider.useFrappeConfig)();
   const fileInputRef = (0, import_react2.useRef)(null);
-  const [uploading, setUploading] = (0, import_react2.useState)(false);
+  const [transfer, setTransfer] = (0, import_react2.useState)(null);
   const [error, setError] = (0, import_react2.useState)(null);
+  const transferRef = (0, import_react2.useRef)(null);
+  const onUploadRef = (0, import_react2.useRef)(onUpload);
+  onUploadRef.current = onUpload;
   const isLocked = disabled || readOnly;
   const minHeight = compact ? 40 : 56;
   const previewSize = compact ? 120 : 200;
+  const uploading = transfer?.status === "uploading";
   const finalBaseURL = baseURL ?? config?.baseURL ?? "";
   const finalConfig = finalBaseURL ? {
     baseURL: finalBaseURL,
@@ -77,7 +124,72 @@ function FileUpload({
   const fileCollection = (0, import_frappe.useFrappeCollection)(finalConfig, "File", {
     fields: ["name", "file_name", "file_url", "is_private"]
   });
-  const handleFileSelect = async event => {
+  (0, import_react2.useEffect)(() => {
+    return () => {
+      transferRef.current?.controller.abort();
+    };
+  }, []);
+  const defaultUpload = (0, import_react2.useCallback)(async (file, ctx) => {
+    const base64 = await readFileAsDataUrl(file, ctx);
+    if (fileCollection) {
+      const tx = fileCollection.insert({
+        doctype: "File",
+        name: `new-${Date.now()}`,
+        file_name: file.name,
+        file_url: base64,
+        is_private: 0
+      });
+      await tx.isPersisted.promise;
+    }
+    return base64;
+  }, [fileCollection]);
+  const runTransfer = (0, import_react2.useCallback)(async (file, controller) => {
+    const upload = onUploadRef.current ?? defaultUpload;
+    try {
+      const url = await upload(file, {
+        onProgress: percent => {
+          const n = Math.min(100, Math.max(0, Math.round(Number(percent) || 0)));
+          setTransfer(prev => prev ? {
+            ...prev,
+            progress: n
+          } : prev);
+        },
+        signal: controller.signal
+      });
+      if (controller.signal.aborted) return;
+      setTransfer(null);
+      transferRef.current = null;
+      setError(null);
+      onChange(url);
+    } catch (err) {
+      if (controller.signal.aborted || err instanceof DOMException && err.name === "AbortError") {
+        return;
+      }
+      const problem = err instanceof Error && err.message ? err.message : t("Upload failed");
+      setTransfer(prev => prev ? {
+        ...prev,
+        status: "failed",
+        problem,
+        action: t("Try again or remove the file")
+      } : prev);
+      setError(null);
+    }
+  }, [defaultUpload, onChange, t]);
+  const startTransfer = (0, import_react2.useCallback)(file => {
+    transferRef.current?.controller.abort();
+    const controller = new AbortController();
+    const next = {
+      file,
+      status: "uploading",
+      progress: 0,
+      controller
+    };
+    transferRef.current = next;
+    setTransfer(next);
+    setError(null);
+    void runTransfer(file, controller);
+  }, [runTransfer]);
+  const handleFileSelect = event => {
     if (isLocked) return;
     const file = event.target.files?.[0];
     if (!file) return;
@@ -85,49 +197,31 @@ function FileUpload({
       setError(`File size exceeds ${Math.round(maxSize / 1024 / 1024)}MB limit`);
       return;
     }
-    setError(null);
-    setUploading(true);
-    try {
-      const reader = new FileReader();
-      reader.onload = async e => {
-        try {
-          const base64 = e.target?.result;
-          if (fileCollection) {
-            const tx = fileCollection.insert({
-              doctype: "File",
-              name: `new-${Date.now()}`,
-              file_name: file.name,
-              file_url: base64,
-              is_private: 0
-            });
-            await tx.isPersisted.promise;
-          }
-          onChange(base64);
-        } catch (err) {
-          setError(err instanceof Error ? err.message : t("Upload failed"));
-        } finally {
-          setUploading(false);
-        }
-      };
-      reader.onerror = () => {
-        setError(t("Failed to read file"));
-        setUploading(false);
-      };
-      reader.readAsDataURL(file);
-    } catch (err) {
-      setError(err instanceof Error ? err.message : t("Upload failed"));
-      setUploading(false);
-    }
+    startTransfer(file);
+  };
+  const handleCancel = () => {
+    transferRef.current?.controller.abort();
+    transferRef.current = null;
+    setTransfer(null);
+    if (fileInputRef.current) fileInputRef.current.value = "";
+  };
+  const handleRetry = () => {
+    if (!transfer) return;
+    startTransfer(transfer.file);
   };
   const handleRemove = () => {
     if (isLocked) return;
+    handleCancel();
     onChange("");
     if (fileInputRef.current) {
       fileInputRef.current.value = "";
     }
   };
+  const handleRemoveFailed = () => {
+    handleCancel();
+  };
   const handleClick = () => {
-    if (isLocked) return;
+    if (isLocked || uploading) return;
     fileInputRef.current?.click();
   };
   if (skeleton) {
@@ -160,14 +254,103 @@ function FileUpload({
       },
       onChange: handleFileSelect,
       disabled: isLocked || uploading
-    }), !value ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+    }), transfer ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      "data-file-upload": "transfer",
+      "data-transfer-status": transfer.status,
+      ...knobProps.gap,
+      ...knobProps.panelPadding,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FileIcon, {
+          size: 20
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          flex: 1,
+          gap: "$1",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            numberOfLines: 1,
+            children: transfer.file.name
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            numberOfLines: 1,
+            fontWeight: "700",
+            fontSize: "$2",
+            children: formatFileSize(transfer.file.size)
+          })]
+        }), transfer.status === "uploading" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+          size: "$2",
+          variant: "outlined",
+          icon: import_react.XIcon,
+          "aria-label": t("Cancel {{name}}", {
+            name: transfer.file.name
+          }),
+          disabled: isLocked,
+          onPress: handleCancel,
+          ...knobProps.borderRadius,
+          children: t("Cancel")
+        }) : null]
+      }), transfer.status === "uploading" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        "data-file-upload": "progress",
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": transfer.progress,
+        "aria-label": t("Uploading {{name}}", {
+          name: transfer.file.name
+        }),
+        height: 11,
+        width: "100%",
+        borderRadius: 1e3,
+        backgroundColor: "$color4",
+        overflow: "hidden",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+          height: "100%",
+          width: `${transfer.progress}%`,
+          backgroundColor: "$color11"
+        })
+      }) : null, transfer.status === "failed" ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        ...knobProps.gap,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          color: "$red11",
+          fontSize: "$2",
+          children: transfer.problem
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          color: "$color11",
+          fontSize: "$2",
+          children: transfer.action
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          ...knobProps.gap,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+            size: "$2",
+            variant: "outlined",
+            "aria-label": t("Retry {{name}}", {
+              name: transfer.file.name
+            }),
+            disabled: isLocked,
+            onPress: handleRetry,
+            ...knobProps.borderRadius,
+            children: t("Retry")
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+            size: "$2",
+            variant: "outlined",
+            icon: import_react.XIcon,
+            "aria-label": t("Remove {{name}}", {
+              name: transfer.file.name
+            }),
+            disabled: isLocked,
+            onPress: handleRemoveFailed,
+            ...knobProps.borderRadius,
+            children: t("Remove")
+          })]
+        })]
+      }) : null]
+    }) : null, !value && !transfer ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
       size: "$3",
-      icon: uploading ? import_forms2.Spinner : import_react.UploadIcon,
-      disabled: isLocked || uploading,
+      icon: import_react.UploadIcon,
+      disabled: isLocked,
       onPress: handleClick,
       ...knobProps.borderRadius,
-      children: uploading ? t("Uploading...") : t("Choose File")
-    }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      children: t("Choose File")
+    }) : null, value ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
       ...knobProps.gap,
       children: [isImage ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Image, {
         src: value,
@@ -190,13 +373,13 @@ function FileUpload({
           numberOfLines: 1,
           children: value.split("/").pop() || value
         })]
-      }), !readOnly && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      }), !readOnly && !transfer ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
         ...knobProps.gap,
         children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
           size: "$2",
           variant: "outlined",
           icon: import_react.UploadIcon,
-          disabled: isLocked || uploading,
+          disabled: isLocked,
           onPress: handleClick,
           ...knobProps.borderRadius,
           children: t("Replace")
@@ -204,20 +387,20 @@ function FileUpload({
           size: "$2",
           variant: "outlined",
           icon: import_react.XIcon,
-          disabled: isLocked || uploading,
+          disabled: isLocked,
           onPress: handleRemove,
           ...knobProps.borderRadius,
           children: t("Remove")
         })]
-      })]
-    }), helperText && !error && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      }) : null]
+    }) : null, helperText && !error && !transfer ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
       color: "$color11",
       fontSize: "$2",
       children: helperText
-    }), error && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+    }) : null, error ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
       color: "$red11",
       fontSize: "$2",
       children: error
-    })]
+    }) : null]
   });
 }