@proveanything/smartlinks-utils-ui 1.13.15 → 1.13.16

package/dist/{chunk-LRWXRRNJ.js → chunk-5NKKNCFT.js}

@@ -15,6 +15,24 @@ var ASSET_MIME_FILTERS = [
   { value: "document", label: "Documents", prefix: "application/" },
   { value: "pdf", label: "PDFs", prefix: "application/pdf" }
 ];
+
+// src/components/AssetPicker/errors.ts
+function friendlyAssetError(err, fallback) {
+  if (!err) return fallback;
+  const resp = err.errorResponse;
+  if (resp) {
+    const detailText = resp.details?.errorText;
+    if (typeof detailText === "string" && detailText.trim()) return detailText.trim();
+    if (typeof resp.message === "string" && resp.message.trim()) return resp.message.trim();
+  }
+  if (typeof err.errorText === "string" && err.errorText.trim()) return err.errorText.trim();
+  const raw = typeof err.message === "string" ? err.message : String(err);
+  const stripped = raw.replace(/^Error\s+\d+:\s*/i, "").trim();
+  if (stripped) return stripped;
+  return fallback;
+}
+
+// src/components/AssetPicker/useAssets.ts
 function useAssets({ scope, accept, pageSize, appId, listAppId }) {
   const [assets, setAssets] = useState([]);
   const [loading, setLoading] = useState(true);
@@ -62,7 +80,7 @@ function useAssets({ scope, accept, pageSize, appId, listAppId }) {
       }
     } catch (err) {
       if (mountedRef.current) {
-        setError(err?.message || "Failed to load assets");
+        setError(friendlyAssetError(err, "Failed to load assets"));
         setAssets([]);
       }
     } finally {
@@ -75,6 +93,7 @@ function useAssets({ scope, accept, pageSize, appId, listAppId }) {
   const upload = useCallback(async (file, onProgress, scopeOverride) => {
     setUploading(true);
     setUploadProgress(0);
+    setError(null);
     try {
       const result = await SL.asset.upload({
         file,
@@ -92,7 +111,7 @@ function useAssets({ scope, accept, pageSize, appId, listAppId }) {
       }
       return result;
     } catch (err) {
-      if (mountedRef.current) setError(err?.message || "Upload failed");
+      if (mountedRef.current) setError(friendlyAssetError(err, "Upload failed"));
       return null;
     } finally {
       if (mountedRef.current) {
@@ -104,6 +123,7 @@ function useAssets({ scope, accept, pageSize, appId, listAppId }) {
   const uploadFromUrl = useCallback(async (url, name, scopeOverride) => {
     setUploading(true);
     setUploadProgress(0);
+    setError(null);
     try {
       const response = await fetch(url);
       if (!response.ok) throw new Error(`Failed to fetch: ${response.statusText}`);
@@ -112,7 +132,7 @@ function useAssets({ scope, accept, pageSize, appId, listAppId }) {
       const file = new File([blob], fileName, { type: blob.type });
       return await upload(file, void 0, scopeOverride);
     } catch (err) {
-      if (mountedRef.current) setError(err?.message || "URL import failed");
+      if (mountedRef.current) setError(friendlyAssetError(err, "URL import failed"));
       return null;
     } finally {
       if (mountedRef.current) {
@@ -124,6 +144,7 @@ function useAssets({ scope, accept, pageSize, appId, listAppId }) {
   const uploadFromRemoteUrl = useCallback(async (url, opts) => {
     setUploading(true);
     setUploadProgress(0);
+    setError(null);
     try {
       const result = await SL.asset.uploadFromUrl({
         url,
@@ -137,7 +158,7 @@ function useAssets({ scope, accept, pageSize, appId, listAppId }) {
       }
       return result;
     } catch (err) {
-      if (mountedRef.current) setError(err?.message || "Remote URL ingest failed");
+      if (mountedRef.current) setError(friendlyAssetError(err, "We couldn't import that URL. Please check it's correct and publicly accessible."));
       return null;
     } finally {
       if (mountedRef.current) {
@@ -159,7 +180,7 @@ function useAssets({ scope, accept, pageSize, appId, listAppId }) {
       }
       return true;
     } catch (err) {
-      if (mountedRef.current) setError(err?.message || "Delete failed");
+      if (mountedRef.current) setError(friendlyAssetError(err, "Delete failed"));
       return false;
     }
   }, [scope]);
@@ -179,7 +200,7 @@ function useAssets({ scope, accept, pageSize, appId, listAppId }) {
       }
       return result;
     } catch (err) {
-      if (mountedRef.current) setError(err?.message || "Restore failed");
+      if (mountedRef.current) setError(friendlyAssetError(err, "Restore failed"));
       return null;
     }
   }, [scope]);
@@ -191,6 +212,7 @@ function useAssets({ scope, accept, pageSize, appId, listAppId }) {
     }
     setUploading(true);
     setUploadProgress(0);
+    setError(null);
     try {
       const result = await SL.asset.replaceFile({
         collectionId,
@@ -206,7 +228,7 @@ function useAssets({ scope, accept, pageSize, appId, listAppId }) {
       }
       return result;
     } catch (err) {
-      if (mountedRef.current) setError(err?.message || "Replace failed");
+      if (mountedRef.current) setError(friendlyAssetError(err, "Replace failed"));
       return null;
     } finally {
       if (mountedRef.current) {
@@ -228,7 +250,7 @@ function useAssets({ scope, accept, pageSize, appId, listAppId }) {
       }
       return result;
     } catch (err) {
-      if (mountedRef.current) setError(err?.message || "Update failed");
+      if (mountedRef.current) setError(friendlyAssetError(err, "Update failed"));
       return null;
     }
   }, [scope]);
@@ -3886,6 +3908,14 @@ var AssetPickerContent = ({
         )
       ] })
     ] }),
+    assetsError && tab !== "browse" && /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "alert",
+        className: "px-3 py-2 text-xs rounded-md border border-destructive/40 bg-destructive/10 text-destructive",
+        children: assetsError
+      }
+    ),
     tab === "browse" && /* @__PURE__ */ jsx(
       ScopedAssetBrowser,
       {
@@ -4051,15 +4081,24 @@ var PickerDialog = ({ open, onClose, maxWidth, children }) => {
     /* @__PURE__ */ jsx(
       "div",
       {
-        className: "absolute inset-0 bg-black/50 backdrop-blur-sm",
+        className: "absolute inset-0 backdrop-blur-sm",
+        style: {
+          backgroundColor: "rgba(0, 0, 0, 0.2)",
+          backdropFilter: "blur(4px)",
+          WebkitBackdropFilter: "blur(4px)"
+        },
         onClick: onClose
       }
     ),
     /* @__PURE__ */ jsxs(
       "div",
       {
-        className: "relative z-10 w-full max-h-[85vh] bg-background rounded-xl shadow-2xl border border-border flex flex-col overflow-hidden mx-4",
-        style: { maxWidth: maxWidth || "56rem" },
+        className: "relative z-10 w-full max-h-[85vh] bg-background border border-border flex flex-col overflow-hidden mx-4",
+        style: {
+          maxWidth: maxWidth || "56rem",
+          borderRadius: "0.75rem",
+          boxShadow: "0 25px 60px -15px rgb(0 0 0 / 0.35), 0 10px 25px -10px rgb(0 0 0 / 0.25), 0 0 0 1px rgb(0 0 0 / 0.05)"
+        },
         onClick: (e) => e.stopPropagation(),
         onMouseDown: (e) => e.stopPropagation(),
         onTouchStart: (e) => e.stopPropagation(),
@@ -4116,5 +4155,5 @@ var AssetPicker = (props) => {
 assertStylesLoaded();
 
 export { ASSET_MIME_FILTERS, AssetPicker, useAppRegistry, useAssets };
-//# sourceMappingURL=chunk-LRWXRRNJ.js.map
-//# sourceMappingURL=chunk-LRWXRRNJ.js.map
+//# sourceMappingURL=chunk-5NKKNCFT.js.map
+//# sourceMappingURL=chunk-5NKKNCFT.js.map