@chaibuilder/pages 0.4.6-beta.1 → 0.4.6-beta.2

package/dist/{digital-asset-manager-Dh6jIXs5.js → digital-asset-manager-Scnvw98W.js}

@@ -1,179 +1,179 @@
-import { jsxs as s, Fragment as j, jsx as e } from "react/jsx-runtime";
+import { jsxs as a, Fragment as j, jsx as e } from "react/jsx-runtime";
 import W, { useState as T, useCallback as C, useMemo as ne, useRef as oe, useEffect as ce, Suspense as Y } from "react";
 import { mergeClasses as O } from "@chaibuilder/sdk";
 import { Tabs as de, TabsList as ue, TabsTrigger as H, Button as v, TabsContent as V, Input as me, Card as he, CardContent as pe } from "@chaibuilder/sdk/ui";
-import { debounce as ge, find as fe, merge as ve } from "lodash-es";
+import { debounce as fe, find as ge, merge as ve } from "lodash-es";
 import { Search as xe, Film as ye, ImageIcon as Ne, Edit as Se, Trash2 as we, Loader2 as _, Upload as Ae } from "lucide-react";
 import { useDropzone as be } from "react-dropzone";
 import { useQueryClient as B, useMutation as Q, useInfiniteQuery as Ee } from "@tanstack/react-query";
 import { toast as N } from "sonner";
-import { W as F, X as z, Y as g, Z as Ce } from "./index-CG2G27hJ.js";
+import { W as z, X as M, Y as f, Z as Ce } from "./index-Ci9oNrDB.js";
 const Te = () => {
-  const t = F(), n = B(), o = z();
+  const l = z(), n = B(), o = M();
   return Q({
     mutationFn: async ({
       file: r,
       folderId: c,
-      name: i
-    }) => o(t, {
-      action: g.UPLOAD_ASSET,
-      data: { file: r, folderId: c, name: i }
+      name: t
+    }) => o(l, {
+      action: f.UPLOAD_ASSET,
+      data: { file: r, folderId: c, name: t }
     }),
     onSuccess: () => {
       n.invalidateQueries({
-        queryKey: [g.GET_ASSETS]
+        queryKey: [f.GET_ASSETS]
       }), N.success("Asset uploaded successfully");
     },
     onError: () => {
       N.error("Failed to upload asset");
     }
   });
-}, Pe = () => {
-  const t = F(), n = B(), o = z();
+}, Ue = () => {
+  const l = z(), n = B(), o = M();
   return Q({
-    mutationFn: async (r) => o(t, {
-      action: g.DELETE_ASSET,
+    mutationFn: async (r) => o(l, {
+      action: f.DELETE_ASSET,
       data: { id: r }
     }),
     onSuccess: () => {
       n.invalidateQueries({
-        queryKey: [g.GET_ASSETS]
+        queryKey: [f.GET_ASSETS]
       }), N.success("Asset deleted successfully");
     },
     onError: () => {
       N.error("Failed to delete asset");
     }
   });
-}, Ue = () => {
-  const t = F(), n = B(), o = z();
+}, Fe = () => {
+  const l = z(), n = B(), o = M();
   return Q({
-    mutationFn: async (r) => o(t, {
-      action: g.UPDATE_ASSET,
+    mutationFn: async (r) => o(l, {
+      action: f.UPDATE_ASSET,
       data: r
     }),
     onSuccess: () => {
       n.invalidateQueries({
-        queryKey: [g.GET_ASSETS]
+        queryKey: [f.GET_ASSETS]
       }), N.success("Asset updated successfully");
     },
     onError: () => {
       N.error("Failed to update asset");
     }
   });
-}, Fe = (t = {}) => {
-  const n = F(), o = z(), { search: r, limit: c = 10 } = t;
+}, ze = (l = {}) => {
+  const n = z(), o = M(), { search: r, limit: c = 10 } = l;
   return Ee({
-    queryKey: [Ce, g.GET_ASSETS, { search: r, limit: c }],
-    queryFn: async ({ pageParam: i = 1 }) => (await o(n, {
-      action: g.GET_ASSETS,
+    queryKey: [Ce, f.GET_ASSETS, { search: r, limit: c }],
+    queryFn: async ({ pageParam: t = 1 }) => (await o(n, {
+      action: f.GET_ASSETS,
       data: {
         search: r,
-        page: i,
+        page: t,
         limit: c
       }
     })).data,
     initialPageParam: 1,
-    getNextPageParam: (i) => i.page * i.pageSize < i.total ? i.page + 1 : void 0,
-    getPreviousPageParam: (i) => i.page > 1 ? i.page - 1 : void 0,
+    getNextPageParam: (t) => ((t == null ? void 0 : t.page) ?? 0) * ((t == null ? void 0 : t.pageSize) ?? 0) < ((t == null ? void 0 : t.total) ?? 0) ? (t.page ?? 0) + 1 : void 0,
+    getPreviousPageParam: (t) => (t.page ?? 0) > 1 ? (t.page ?? 0) - 1 : void 0,
     retry: 1
   });
 };
-function ze() {
+function Me() {
   const [n, o] = T([]), [r, c] = T({
     query: "",
     pageSize: 10
-  }), i = ge(() => r.query, 300)(), {
+  }), t = fe(() => r.query, 300)(), {
     data: d,
     isLoading: S,
     fetchNextPage: w,
     hasNextPage: u,
-    isFetchingNextPage: f
-  } = Fe({
-    search: (i == null ? void 0 : i.toLowerCase().trim()) || "",
+    isFetchingNextPage: g
+  } = ze({
+    search: (t == null ? void 0 : t.toLowerCase().trim()) || "",
     limit: r.pageSize
-  }), M = (d == null ? void 0 : d.pages.flatMap((p) => p.assets)) || [], { mutate: x, isPaused: h } = Ue(), { mutate: A, isPending: y } = Te(), { mutate: b, isPending: P } = Pe(), D = C(() => {
-    u && !f && w();
-  }, [w, u, f]), E = C((p) => {
+  }), D = (d == null ? void 0 : d.pages.flatMap((p) => p.assets)) || [], { mutate: x, isPaused: h } = Fe(), { mutate: A, isPending: y } = Te(), { mutate: b, isPending: U } = Ue(), I = C(() => {
+    u && !g && w();
+  }, [w, u, g]), E = C((p) => {
     c((m) => ({
       ...m,
       query: p
     }));
-  }, []), I = C(
+  }, []), k = C(
     (p) => {
-      o((m) => fe(m, { id: p.id }) ? [] : [p]);
+      o((m) => ge(m, { id: p.id }) ? [] : [p]);
     },
     [!1]
-  ), k = C(() => {
+  ), q = C(() => {
     o([]);
   }, []);
   return {
     // Data
     query: (r == null ? void 0 : r.query) || "",
     selectedAssets: n,
-    assets: M,
+    assets: D,
     hasNextPage: u,
-    isFetchingNextPage: f,
+    isFetchingNextPage: g,
     // Mutations
     uploadAsset: A,
     updateAsset: x,
     deleteAsset: b,
-    loadMoreAssets: D,
+    loadMoreAssets: I,
     updateSearchQuery: E,
-    clearSelectedAssets: k,
-    updateSelectedAssets: I,
+    clearSelectedAssets: q,
+    updateSelectedAssets: k,
     // Loading
     isLoadingAssets: S,
     isUploadingAsset: y,
     isUpdatingAsset: h,
-    isDeletingAsset: P
+    isDeletingAsset: U
   };
 }
-const Me = W.lazy(() => import("./asset-metadata-editor-CEFwXx62.js")), De = W.lazy(() => import("./image-editor-BQ6_F-iv.js"));
+const De = W.lazy(() => import("./asset-metadata-editor-CEFwXx62.js")), Ie = W.lazy(() => import("./image-editor-BQ6_F-iv.js"));
 function Oe({
-  close: t,
+  close: l,
   onSelect: n,
   mode: o = "image"
 }) {
-  const c = ne(() => [o], [o]), [i, d] = T("browse"), [S, w] = T(null), [u, f] = T({ show: !1, file: "", name: "" }), {
+  const c = ne(() => [o], [o]), [t, d] = T("browse"), [S, w] = T(null), [u, g] = T({ show: !1, file: "", name: "" }), {
     // Data
-    query: M,
+    query: D,
     assets: x,
     selectedAssets: h,
     hasNextPage: A,
     isFetchingNextPage: y,
     // Mutations
     uploadAsset: b,
-    updateAsset: P,
-    deleteAsset: D,
+    updateAsset: U,
+    deleteAsset: I,
     loadMoreAssets: E,
-    updateSearchQuery: I,
-    clearSelectedAssets: k,
+    updateSearchQuery: k,
+    clearSelectedAssets: q,
     updateSelectedAssets: p,
     // Loading
     isLoadingAssets: m,
     isUploadingAsset: R,
     isUpdatingAsset: X
     // isDeletingAsset,
-  } = ze(), G = oe(null);
+  } = Me(), G = oe(null);
   ce(() => {
-    const a = G.current;
-    if (!a) return;
-    const l = () => {
-      a.scrollHeight - a.scrollTop <= a.clientHeight * 1.5 && !m && A && !y && E();
+    const s = G.current;
+    if (!s) return;
+    const i = () => {
+      s.scrollHeight - s.scrollTop <= s.clientHeight * 1.5 && !m && A && !y && E();
     };
-    return a.addEventListener("scroll", l), () => a.removeEventListener("scroll", l);
+    return s.addEventListener("scroll", i), () => s.removeEventListener("scroll", i);
   }, [m, E, A, y]);
   const Z = C(
-    async (a) => new Promise((l, q) => {
-      const K = a[0], U = new FileReader();
-      U.readAsDataURL(K), U.onload = async () => {
-        const L = await b({
-          file: U.result,
+    async (s) => new Promise((i, L) => {
+      const K = s[0], F = new FileReader();
+      F.readAsDataURL(K), F.onload = async () => {
+        const P = await b({
+          file: F.result,
           folderId: null,
           name: K.name
         });
-        d("browse"), l(L);
-      }, U.onerror = (L) => q(L);
+        d("browse"), i(P);
+      }, F.onerror = (P) => L(P);
     }),
     [b]
   ), { getRootProps: J, getInputProps: $, isDragActive: ee } = be({
@@ -183,49 +183,49 @@ function Oe({
       "video/*": c.includes("video") ? [] : []
     },
     maxSize: 10 * 1024 * 1024
-  }), ae = () => {
-    n([h[0].url]), t();
-  }, se = async (a) => {
-    await D(a.id);
-  }, te = (a) => {
-    w(a);
-  }, le = async (a, l) => {
-    await P(ve(a, l)), t();
-  }, ie = (a) => {
-    I(a.target.value);
-  }, re = async (a, l) => {
+  }), se = () => {
+    n([h[0].url]), l();
+  }, ae = async (s) => {
+    await I(s.id);
+  }, te = (s) => {
+    w(s);
+  }, le = async (s, i) => {
+    await U(ve(s, i)), l();
+  }, ie = (s) => {
+    k(s.target.value);
+  }, re = async (s, i) => {
     try {
-      l ? await b({
-        file: a,
+      i ? await b({
+        file: s,
         folderId: null,
         name: u.name
-      }) : await P({ id: u.id, file: a }), f({ show: !1, file: "", name: "" }), d("browse");
-    } catch (q) {
-      console.error("Error saving edited image:", q);
+      }) : await U({ id: u.id, file: s }), g({ show: !1, file: "", name: "" }), d("browse");
+    } catch (L) {
+      console.error("Error saving edited image:", L);
     }
   };
-  return /* @__PURE__ */ s(j, { children: [
-    /* @__PURE__ */ s("div", { className: "min-w-[700px] min-h-[600px] w-[900px] max-w-[900px]", children: [
+  return /* @__PURE__ */ a(j, { children: [
+    /* @__PURE__ */ a("div", { className: "min-w-[700px] min-h-[600px] w-[900px] max-w-[900px]", children: [
       /* @__PURE__ */ e("h1", { className: "text-lg font-medium pb-4", children: "Digital Asset Manager" }),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ a(
         de,
         {
-          value: i,
-          onValueChange: (a) => d(a),
+          value: t,
+          onValueChange: (s) => d(s),
           className: "flex-1 flex flex-col h-full",
           children: [
-            /* @__PURE__ */ s("div", { className: "flex justify-between items-center mb-2", children: [
-              /* @__PURE__ */ s(ue, { children: [
+            /* @__PURE__ */ a("div", { className: "flex justify-between items-center mb-2", children: [
+              /* @__PURE__ */ a(ue, { children: [
                 /* @__PURE__ */ e(H, { value: "browse", children: "Browse Assets" }),
                 /* @__PURE__ */ e(H, { value: "upload", children: "Upload" })
               ] }),
-              /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
                 h.length > 0 && /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(
                   v,
                   {
                     variant: "outline",
                     size: "sm",
-                    onClick: () => k(),
+                    onClick: () => q(),
                     title: "Clear selection",
                     children: "Clear"
                   }
@@ -234,27 +234,27 @@ function Oe({
                   v,
                   {
                     size: "sm",
-                    onClick: ae,
+                    onClick: se,
                     disabled: h.length === 0,
                     children: "Select Asset"
                   }
                 )
               ] })
             ] }),
-            /* @__PURE__ */ s(V, { value: "browse", className: "flex-1 flex flex-col", children: [
-              /* @__PURE__ */ e("div", { className: "flex items-center gap-2 mb-2", children: /* @__PURE__ */ s("div", { className: "relative w-full", children: [
+            /* @__PURE__ */ a(V, { value: "browse", className: "flex-1 flex flex-col", children: [
+              /* @__PURE__ */ e("div", { className: "flex items-center gap-2 mb-2", children: /* @__PURE__ */ a("div", { className: "relative w-full", children: [
                 /* @__PURE__ */ e(xe, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
                 /* @__PURE__ */ e(
                   me,
                   {
                     placeholder: "Search assets...",
-                    value: M,
+                    value: D,
                     onChange: ie,
                     className: "pl-8"
                   }
                 )
               ] }) }),
-              m && x.length === 0 ? /* @__PURE__ */ s("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-2 overflow-y-auto max-h-[550px] p-1", children: [
+              m && x.length === 0 ? /* @__PURE__ */ a("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-2 overflow-y-auto max-h-[550px] p-1", children: [
                 /* @__PURE__ */ e("div", { className: "bg-gray-200 h-64 w-full animate-pulse rounded" }),
                 /* @__PURE__ */ e("div", { className: "bg-gray-200 h-64 w-full animate-pulse rounded" }),
                 /* @__PURE__ */ e("div", { className: "bg-gray-200 h-64 w-full animate-pulse rounded" }),
@@ -265,55 +265,55 @@ function Oe({
                 /* @__PURE__ */ e("div", { className: "bg-gray-200 h-64 w-full animate-pulse rounded" }),
                 /* @__PURE__ */ e("div", { className: "bg-gray-200 h-64 w-full animate-pulse rounded" }),
                 /* @__PURE__ */ e("div", { className: "bg-gray-200 h-64 w-full animate-pulse rounded" })
-              ] }) : x.length === 0 ? /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center h-full text-center p-12 h-[380px]", children: [
-                /* @__PURE__ */ s("div", { className: "text-muted-foreground mb-2", children: [
+              ] }) : x.length === 0 ? /* @__PURE__ */ a("div", { className: "flex flex-col items-center justify-center h-full text-center p-12 h-[380px]", children: [
+                /* @__PURE__ */ a("div", { className: "text-muted-foreground mb-2", children: [
                   /* @__PURE__ */ e("h3", { className: "text-gray-800 font-medium", children: "No assets to display" }),
                   /* @__PURE__ */ e("p", { className: "text-sm", children: "You haven't uploaded any assets yet. Start by uploading your first asset." })
                 ] }),
                 /* @__PURE__ */ e("div", { className: "flex gap-2 pt-4", children: /* @__PURE__ */ e(v, { size: "lg", onClick: () => d("upload"), children: "Upload Assets" }) })
-              ] }) : /* @__PURE__ */ s(
+              ] }) : /* @__PURE__ */ a(
                 "div",
                 {
                   ref: G,
                   className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-2 overflow-y-auto max-h-[550px] p-1",
                   children: [
-                    x.map((a) => /* @__PURE__ */ e(
+                    x.map((s) => /* @__PURE__ */ e(
                       he,
                       {
                         className: O(
                           "cursor-pointer overflow-hidden transition-all",
-                          h.some((l) => l.id === a.id) ? "ring-2 ring-primary" : "hover:ring-2 hover:ring-primary/20"
+                          h.some((i) => i.id === s.id) ? "ring-2 ring-primary" : "hover:ring-2 hover:ring-primary/20"
                         ),
-                        onClick: () => p(a),
-                        children: /* @__PURE__ */ s(pe, { className: "p-0 relative group", children: [
-                          /* @__PURE__ */ s("div", { className: "aspect-square relative overflow-hidden bg-muted", children: [
-                            a.type === "image" ? /* @__PURE__ */ e(
+                        onClick: () => p(s),
+                        children: /* @__PURE__ */ a(pe, { className: "p-0 relative group", children: [
+                          /* @__PURE__ */ a("div", { className: "aspect-square relative overflow-hidden bg-muted", children: [
+                            s.type === "image" ? /* @__PURE__ */ e(
                               "img",
                               {
-                                src: a.url || "/placeholder.svg",
-                                alt: a.name,
+                                src: s.url || "/placeholder.svg",
+                                alt: s.name,
                                 className: "object-cover w-full h-full"
                               }
-                            ) : /* @__PURE__ */ s("div", { className: "flex items-center justify-center h-full", children: [
+                            ) : /* @__PURE__ */ a("div", { className: "flex items-center justify-center h-full", children: [
                               /* @__PURE__ */ e(ye, { className: "h-12 w-12 text-muted-foreground" }),
-                              a.thumbnailUrl && /* @__PURE__ */ e(
+                              s.thumbnailUrl && /* @__PURE__ */ e(
                                 "img",
                                 {
-                                  src: a.thumbnailUrl || "/placeholder.svg",
-                                  alt: a.name,
+                                  src: s.thumbnailUrl || "/placeholder.svg",
+                                  alt: s.name,
                                   className: "absolute inset-0 object-cover w-full h-full"
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ s("div", { className: "absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center gap-2", children: [
+                            /* @__PURE__ */ a("div", { className: "absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center gap-2", children: [
                               /* @__PURE__ */ e(
                                 v,
                                 {
                                   variant: "secondary",
                                   size: "icon",
                                   className: "h-8 w-8",
-                                  onClick: (l) => {
-                                    l.stopPropagation(), te(a);
+                                  onClick: (i) => {
+                                    i.stopPropagation(), te(s);
                                   },
                                   children: /* @__PURE__ */ e(Ne, { className: "h-4 w-4" })
                                 }
@@ -324,12 +324,12 @@ function Oe({
                                   variant: "secondary",
                                   size: "icon",
                                   className: "h-8 w-8",
-                                  onClick: (l) => {
-                                    l.stopPropagation(), f({
-                                      id: a.id,
+                                  onClick: (i) => {
+                                    i.stopPropagation(), g({
+                                      id: s.id,
                                       show: !0,
-                                      file: a.url,
-                                      name: a.name
+                                      file: s.url,
+                                      name: s.name
                                     });
                                   },
                                   children: /* @__PURE__ */ e(Se, { className: "h-4 w-4" })
@@ -341,45 +341,45 @@ function Oe({
                                   variant: "destructive",
                                   size: "icon",
                                   className: "h-8 w-8",
-                                  onClick: (l) => {
-                                    l.stopPropagation(), se(a);
+                                  onClick: (i) => {
+                                    i.stopPropagation(), ae(s);
                                   },
                                   children: /* @__PURE__ */ e(we, { className: "h-4 w-4" })
                                 }
                               )
                             ] }),
-                            h.some((l) => l.id === a.id) && /* @__PURE__ */ e("div", { className: "absolute top-2 left-2", children: /* @__PURE__ */ e(
+                            h.some((i) => i.id === s.id) && /* @__PURE__ */ e("div", { className: "absolute top-2 left-2", children: /* @__PURE__ */ e(
                               "input",
                               {
                                 type: "checkbox",
                                 checked: h.some(
-                                  (l) => l.id === a.id
+                                  (i) => i.id === s.id
                                 ),
                                 readOnly: !0,
                                 className: "rounded-full"
                               }
                             ) })
                           ] }),
-                          /* @__PURE__ */ s("div", { className: "p-2", children: [
+                          /* @__PURE__ */ a("div", { className: "p-2", children: [
                             /* @__PURE__ */ e(
                               "div",
                               {
                                 className: "text-sm font-medium truncate",
-                                title: a.name,
-                                children: a.name
+                                title: s.name,
+                                children: s.name
                               }
                             ),
-                            /* @__PURE__ */ s("div", { className: "text-xs text-muted-foreground flex items-center justify-between", children: [
-                              /* @__PURE__ */ e("span", { children: Ie((a == null ? void 0 : a.size) || 0) }),
-                              /* @__PURE__ */ e("span", { children: ke(a.createdAt) })
+                            /* @__PURE__ */ a("div", { className: "text-xs text-muted-foreground flex items-center justify-between", children: [
+                              /* @__PURE__ */ e("span", { children: ke((s == null ? void 0 : s.size) || 0) }),
+                              /* @__PURE__ */ e("span", { children: qe(s.createdAt) })
                             ] })
                           ] })
                         ] })
                       },
-                      a.id
+                      s.id
                     )),
                     m && x.length > 0 && /* @__PURE__ */ e("div", { className: "col-span-full flex justify-center py-4", children: /* @__PURE__ */ e(_, { className: "h-6 w-6 animate-spin text-muted-foreground" }) }),
-                    !m && A && /* @__PURE__ */ e("div", { className: "col-span-full flex justify-center py-4", children: /* @__PURE__ */ s(
+                    !m && A && /* @__PURE__ */ e("div", { className: "col-span-full flex justify-center py-4", children: /* @__PURE__ */ a(
                       v,
                       {
                         variant: "outline",
@@ -396,7 +396,7 @@ function Oe({
                 }
               )
             ] }),
-            /* @__PURE__ */ e(V, { value: "upload", className: "flex-1 ", children: /* @__PURE__ */ s(
+            /* @__PURE__ */ e(V, { value: "upload", className: "flex-1 ", children: /* @__PURE__ */ a(
               "div",
               {
                 ...J(),
@@ -406,20 +406,20 @@ function Oe({
                 ),
                 children: [
                   /* @__PURE__ */ e("input", { ...$() }),
-                  X || R ? /* @__PURE__ */ s("div", { className: "flex flex-col items-center", children: [
+                  X || R ? /* @__PURE__ */ a("div", { className: "flex flex-col items-center", children: [
                     /* @__PURE__ */ e(_, { className: "h-12 w-12 text-primary animate-spin mb-4" }),
                     /* @__PURE__ */ e("h3", { className: "text-lg font-medium mb-1", children: "Uploading files..." }),
                     /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: "Please wait while your files are being processed." })
-                  ] }) : /* @__PURE__ */ s(j, { children: [
+                  ] }) : /* @__PURE__ */ a(j, { children: [
                     /* @__PURE__ */ e(Ae, { className: "h-12 w-12 text-muted-foreground mb-4" }),
                     /* @__PURE__ */ e("h3", { className: "text-lg font-medium mb-1", children: "Drag & drop files here" }),
                     /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground mb-4", children: "or click to browse your files" }),
-                    /* @__PURE__ */ s("div", { className: "text-xs text-muted-foreground", children: [
-                      /* @__PURE__ */ s("p", { children: [
+                    /* @__PURE__ */ a("div", { className: "text-xs text-muted-foreground", children: [
+                      /* @__PURE__ */ a("p", { children: [
                         "Accepted file types: ",
                         c.join(", ")
                       ] }),
-                      /* @__PURE__ */ s("p", { children: [
+                      /* @__PURE__ */ a("p", { children: [
                         "Maximum file size: ",
                         10,
                         "MB"
@@ -434,32 +434,32 @@ function Oe({
       )
     ] }),
     S && /* @__PURE__ */ e(Y, { fallback: /* @__PURE__ */ e("div", { children: "Loading..." }), children: /* @__PURE__ */ e(
-      Me,
+      De,
       {
         asset: S,
-        onSave: (a) => le(S, a),
+        onSave: (s) => le(S, s),
         onCancel: () => {
           w(null);
         }
       }
     ) }),
     u.show && /* @__PURE__ */ e(Y, { fallback: /* @__PURE__ */ e("div", { children: "Loading..." }), children: /* @__PURE__ */ e(
-      De,
+      Ie,
       {
         imageUrl: u.file,
         onSave: re,
-        onClose: () => f({ show: !1, file: "", name: "" }),
+        onClose: () => g({ show: !1, file: "", name: "" }),
         defaultSavedImageName: u.name,
         isEditing: !!u.id
       }
     ) })
   ] });
 }
-function Ie(t) {
-  return t < 1024 ? t + " B" : t < 1024 * 1024 ? (t / 1024).toFixed(1) + " KB" : t < 1024 * 1024 * 1024 ? (t / (1024 * 1024)).toFixed(1) + " MB" : (t / (1024 * 1024 * 1024)).toFixed(1) + " GB";
+function ke(l) {
+  return l < 1024 ? l + " B" : l < 1024 * 1024 ? (l / 1024).toFixed(1) + " KB" : l < 1024 * 1024 * 1024 ? (l / (1024 * 1024)).toFixed(1) + " MB" : (l / (1024 * 1024 * 1024)).toFixed(1) + " GB";
 }
-function ke(t) {
-  const n = new Date(t);
+function qe(l) {
+  const n = new Date(l);
   return new Intl.DateTimeFormat("en-US", {
     month: "short",
     day: "numeric",

package/dist/{index-CG2G27hJ.js → index-Ci9oNrDB.js}

@@ -7390,7 +7390,7 @@ var Ed = (e, t = !1) => {
     const t = oa(() => {
       const n = this, [s] = R(this, yt), [a] = R(this, vt), [i] = R(this, Et), [l] = R(this, bt), [o] = R(this, gt);
       let c;
-      return R(this, wt) ? c = R(this, wt) : (c = ia(() => import("./HO4MOOFI-SiC6h0G4.js")), ee(this, wt, c)), Ca(R(this, Yt), R(this, pt)), ra(c, aa({
+      return R(this, wt) ? c = R(this, wt) : (c = ia(() => import("./HO4MOOFI-CWU4gOCj.js")), ee(this, wt, c)), Ca(R(this, Yt), R(this, pt)), ra(c, aa({
         get queryFlavor() {
           return R(n, zt);
         },
@@ -7484,7 +7484,7 @@ var Ed = (e, t = !1) => {
     const t = oa(() => {
       const n = this, [s] = R(this, At), [a] = R(this, xt), [i] = R(this, Tt), [l] = R(this, Ct), [o] = R(this, St), [c] = R(this, Pt);
       let h;
-      return R(this, _t) ? h = R(this, _t) : (h = ia(() => import("./HUY7CZI3-Ew2voVO9.js")), ee(this, _t, h)), Ca(R(this, en), R(this, Nt)), ra(h, aa({
+      return R(this, _t) ? h = R(this, _t) : (h = ia(() => import("./HUY7CZI3-BuVBFUXg.js")), ee(this, _t, h)), Ca(R(this, en), R(this, Nt)), ra(h, aa({
         get queryFlavor() {
           return R(n, Zt);
         },
@@ -7602,7 +7602,7 @@ var Iu = process.env.NODE_ENV !== "development" ? function() {
 } : Pu;
 process.env.NODE_ENV;
 const ku = Qa(
-  () => import("./digital-asset-manager-Dh6jIXs5.js")
+  () => import("./digital-asset-manager-Scnvw98W.js")
 );
 ul();
 ec();