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

package/dist/{B4MFY5CR-B6Ovh3Gq.js → B4MFY5CR-Y1TSYFEO.js}

@@ -1,7 +1,7 @@
 var ps = Object.defineProperty;
 var xs = (e, t, n) => t in e ? ps(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var qe = (e, t, n) => xs(e, typeof t != "symbol" ? t + "" : t, n);
-import { s as Vn, m as Gn, b as R, d as rr, e as U, a as m, f as W, h as oe, S as B, c as D, i as we, u as $e, j as V, k as A, l as Ne, o as ut, P as zo, n as j, D as ws, t as q, p as Ft, q as ln, r as k, v as F, w as $s, x as Rt, y as Cs, z as Ss, A as wn, F as ks, B as Es, C as Ds, E as Kt, G as Ms, H as As, I as Fs, J as or, K as Kr, L as Ts, M as qt, $ as Ro, N as Br, O as Is, Q as Ps, R as zn, T as Ls, U as Os, V as qs } from "./index-CqQe5PpG.js";
+import { s as Vn, m as Gn, b as R, d as rr, e as U, a as m, f as W, h as oe, S as B, c as D, i as we, u as $e, j as V, k as A, l as Ne, o as ut, P as zo, n as j, D as ws, t as q, p as Ft, q as ln, r as k, v as F, w as $s, x as Rt, y as Cs, z as Ss, A as wn, F as ks, B as Es, C as Ds, E as Kt, G as Ms, H as As, I as Fs, J as or, K as Kr, L as Ts, M as qt, $ as Ro, N as Br, O as Is, Q as Ps, R as zn, T as Ls, U as Os, V as qs } from "./index-C657rWjb.js";
 var _s = (e) => e != null, zs = (e) => e.filter(_s);
 function Rs(e) {
   return (...t) => {

package/dist/{HO4MOOFI-Dv82-fP1.js → HO4MOOFI-BYHU8reo.js}

@@ -1,5 +1,5 @@
-import { c, T as l, P as m, a as u, D as v, Q as i } from "./B4MFY5CR-B6Ovh3Gq.js";
-import { g as d, c as f, a as e } from "./index-CqQe5PpG.js";
+import { c, T as l, P as m, a as u, D as v, Q as i } from "./B4MFY5CR-Y1TSYFEO.js";
+import { g as d, c as f, a as e } from "./index-C657rWjb.js";
 var p = (a) => {
   const [r, t] = c({
     prefix: "TanstackQueryDevtools"

package/dist/{HO4MOOFI-HjzuoPRe.cjs → HO4MOOFI-D_Wsaygd.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./B4MFY5CR-DyR5KduJ.cjs"),t=require("./index-C6iwM3hl.cjs");var s=c=>{const[r,o]=e.createLocalStorage({prefix:"TanstackQueryDevtools"}),l=t.getPreferredColorScheme(),a=t.createMemo(()=>{const n=r.theme_preference||e.THEME_PREFERENCE;return n!=="system"?n:l()});return t.createComponent(e.QueryDevtoolsContext.Provider,{value:c,get children(){return t.createComponent(e.PiPProvider,{localStore:r,setLocalStore:o,get children(){return t.createComponent(e.ThemeContext.Provider,{value:a,get children(){return t.createComponent(e.Devtools,{localStore:r,setLocalStore:o})}})}})}})},u=s;exports.default=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./B4MFY5CR-De2uSYsE.cjs"),t=require("./index-B9qohq82.cjs");var s=c=>{const[r,o]=e.createLocalStorage({prefix:"TanstackQueryDevtools"}),l=t.getPreferredColorScheme(),a=t.createMemo(()=>{const n=r.theme_preference||e.THEME_PREFERENCE;return n!=="system"?n:l()});return t.createComponent(e.QueryDevtoolsContext.Provider,{value:c,get children(){return t.createComponent(e.PiPProvider,{localStore:r,setLocalStore:o,get children(){return t.createComponent(e.ThemeContext.Provider,{value:a,get children(){return t.createComponent(e.Devtools,{localStore:r,setLocalStore:o})}})}})}})},u=s;exports.default=u;

package/dist/{HUY7CZI3-Cx1xpXqQ.js → HUY7CZI3-Bu2JpU4v.js}

@@ -1,5 +1,5 @@
-import { c as s, T as c, P as u, a as i, b as m, C as P, Q as d } from "./B4MFY5CR-B6Ovh3Gq.js";
-import { g as v, c as C, a as e } from "./index-CqQe5PpG.js";
+import { c as s, T as c, P as u, a as i, b as m, C as P, Q as d } from "./B4MFY5CR-Y1TSYFEO.js";
+import { g as v, c as C, a as e } from "./index-C657rWjb.js";
 var h = (t) => {
   const [r, o] = s({
     prefix: "TanstackQueryDevtools"

package/dist/{HUY7CZI3-bzxTWlyM.cjs → HUY7CZI3-DrOAHzjx.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./B4MFY5CR-DyR5KduJ.cjs"),t=require("./index-C6iwM3hl.cjs");var u=o=>{const[r,n]=e.createLocalStorage({prefix:"TanstackQueryDevtools"}),c=t.getPreferredColorScheme(),a=t.createMemo(()=>{const l=r.theme_preference||e.THEME_PREFERENCE;return l!=="system"?l:c()});return t.createComponent(e.QueryDevtoolsContext.Provider,{value:o,get children(){return t.createComponent(e.PiPProvider,{disabled:!0,localStore:r,setLocalStore:n,get children(){return t.createComponent(e.ThemeContext.Provider,{value:a,get children(){return t.createComponent(e.ParentPanel,{get children(){return t.createComponent(e.ContentView,{localStore:r,setLocalStore:n,get onClose(){return o.onClose},showPanelViewOnly:!0})}})}})}})}})},i=u;exports.default=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./B4MFY5CR-De2uSYsE.cjs"),t=require("./index-B9qohq82.cjs");var u=o=>{const[r,n]=e.createLocalStorage({prefix:"TanstackQueryDevtools"}),c=t.getPreferredColorScheme(),a=t.createMemo(()=>{const l=r.theme_preference||e.THEME_PREFERENCE;return l!=="system"?l:c()});return t.createComponent(e.QueryDevtoolsContext.Provider,{value:o,get children(){return t.createComponent(e.PiPProvider,{disabled:!0,localStore:r,setLocalStore:n,get children(){return t.createComponent(e.ThemeContext.Provider,{value:a,get children(){return t.createComponent(e.ParentPanel,{get children(){return t.createComponent(e.ContentView,{localStore:r,setLocalStore:n,get onClose(){return o.onClose},showPanelViewOnly:!0})}})}})}})}})},i=u;exports.default=i;

package/dist/{digital-asset-manager-Dfg9MZry.js → digital-asset-manager-C8r5r7TV.js}

@@ -1,15 +1,15 @@
 import { jsxs as a, Fragment as Q, jsx as e } from "react/jsx-runtime";
-import X, { useState as S, useCallback as A, useMemo as oe, useRef as ce, Suspense as Y } from "react";
+import X, { useState as w, useCallback as A, useMemo as oe, useRef as ce, Suspense as Y } from "react";
 import { mergeClasses as $ } from "@chaibuilder/sdk";
 import { Tabs as de, TabsList as ue, TabsTrigger as H, Button as f, TabsContent as V, Input as me, Card as he, CardContent as ge, Dialog as pe, DialogContent as fe, DialogHeader as ye, DialogTitle as ve, DialogDescription as xe, DialogFooter as Ne } from "@chaibuilder/sdk/ui";
-import { debounce as Ae, find as we, merge as Se } from "lodash-es";
+import { debounce as Ae, find as Se, merge as we } from "lodash-es";
 import { Search as be, Film as Ce, ImageIcon as Ee, Edit as Te, Trash2 as De, Loader2 as W, Upload as Pe } from "lucide-react";
 import { useDropzone as Ue } from "react-dropzone";
-import { useQueryClient as R, useMutation as K, useQuery as ze } from "@tanstack/react-query";
+import { useQueryClient as R, useMutation as K, useQuery as Fe } from "@tanstack/react-query";
 import { toast as b } from "sonner";
-import { W as z, X as F, Y as y, Z as M } from "./index-CqQe5PpG.js";
-const Fe = () => {
-  const t = z(), r = R(), o = F();
+import { W as F, X as z, Y as y, Z as k } from "./index-C657rWjb.js";
+const ze = () => {
+  const t = F(), r = R(), o = z();
   return K({
     mutationFn: async ({
       file: i,
@@ -21,15 +21,15 @@ const Fe = () => {
     }),
     onSuccess: () => {
       r.invalidateQueries({
-        queryKey: [M, y.GET_ASSETS]
+        queryKey: [k, y.GET_ASSETS]
       }), b.success("Asset uploaded successfully");
     },
     onError: () => {
       b.error("Failed to upload asset");
     }
   });
-}, Me = () => {
-  const t = z(), r = R(), o = F();
+}, ke = () => {
+  const t = F(), r = R(), o = z();
   return K({
     mutationFn: async (i) => o(t, {
       action: y.DELETE_ASSET,
@@ -37,15 +37,15 @@ const Fe = () => {
     }),
     onSuccess: () => {
       r.invalidateQueries({
-        queryKey: [M, y.GET_ASSETS]
+        queryKey: [k, y.GET_ASSETS]
       }), b.success("Asset deleted successfully");
     },
     onError: () => {
       b.error("Failed to delete asset");
     }
   });
-}, Ie = () => {
-  const t = z(), r = R(), o = F();
+}, Me = () => {
+  const t = F(), r = R(), o = z();
   return K({
     mutationFn: async (i) => o(t, {
       action: y.UPDATE_ASSET,
@@ -53,17 +53,17 @@ const Fe = () => {
     }),
     onSuccess: () => {
       r.invalidateQueries({
-        queryKey: [M, y.GET_ASSETS]
+        queryKey: [k, y.GET_ASSETS]
       }), b.success("Asset updated successfully");
     },
     onError: () => {
       b.error("Failed to update asset");
     }
   });
-}, ke = (t = {}) => {
-  const r = z(), o = F(), { search: i, page: d = 1, limit: u = 10 } = t;
-  return ze({
-    queryKey: [M, y.GET_ASSETS, i, d, u],
+}, Ie = (t = {}) => {
+  const r = F(), o = z(), { search: i, page: d = 1, limit: u = 10 } = t;
+  return Fe({
+    queryKey: [k, y.GET_ASSETS, i, d, u],
     queryFn: async () => await o(r, {
       action: y.GET_ASSETS,
       data: {
@@ -76,15 +76,15 @@ const Fe = () => {
   });
 };
 function qe() {
-  const [r, o] = S([]), [i, d] = S({
+  const [r, o] = w([]), [i, d] = w({
     query: "",
     page: 1,
     pageSize: 10
-  }), u = Ae(() => i.query, 300)(), { data: n, isLoading: C } = ke({
+  }), u = Ae(() => i.query, 300)(), { data: n, isLoading: C } = Ie({
     search: (u == null ? void 0 : u.toLowerCase().trim()) || "",
     page: i.page,
     limit: i.pageSize
-  }), v = n ? Math.ceil(n.total / n.pageSize) : 0, c = (n == null ? void 0 : n.page) || 1, g = c < v, m = c > 1, { mutate: E, isPending: I } = Ie(), { mutate: w, isPending: p } = Fe(), { mutate: T, isPending: D } = Me(), x = A(
+  }), v = n ? Math.ceil(n.total / n.pageSize) : 0, c = (n == null ? void 0 : n.page) || 1, g = c < v, m = c > 1, { mutate: E, isPending: M } = Me(), { mutate: S, isPending: p } = ze(), { mutate: T, isPending: D } = ke(), x = A(
     (h) => {
       h >= 1 && h <= v && d((N) => ({
         ...N,
@@ -92,7 +92,7 @@ function qe() {
       }));
     },
     [v]
-  ), k = A(() => {
+  ), I = A(() => {
     g && x(c + 1);
   }, [c, g, x]), q = A(() => {
     m && x(c - 1);
@@ -105,7 +105,7 @@ function qe() {
     }));
   }, []), P = A(
     (h) => {
-      o((N) => we(N, { id: h.id }) ? [] : [h]);
+      o((N) => Se(N, { id: h.id }) ? [] : [h]);
     },
     [!1]
   ), _ = A(() => {
@@ -121,11 +121,11 @@ function qe() {
     hasNextPage: g,
     hasPreviousPage: m,
     // Mutations
-    uploadAsset: w,
+    uploadAsset: S,
     updateAsset: E,
     deleteAsset: T,
     goToPage: x,
-    nextPage: k,
+    nextPage: I,
     previousPage: q,
     updateSearchQuery: j,
     clearSelectedAssets: _,
@@ -133,7 +133,7 @@ function qe() {
     // Loading
     isLoadingAssets: C,
     isUploadingAsset: p,
-    isUpdatingAsset: I,
+    isUpdatingAsset: M,
     isDeletingAsset: D
   };
 }
@@ -143,16 +143,16 @@ function Xe({
   onSelect: r,
   mode: o = "image"
 }) {
-  const d = oe(() => [o], [o]), [u, n] = S("browse"), [C, v] = S(null), [c, g] = S(null), [m, E] = S({ show: !1, file: "" }), {
+  const d = oe(() => [o], [o]), [u, n] = w("browse"), [C, v] = w(null), [c, g] = w(null), [m, E] = w({ show: !1, file: "" }), {
     // Data
-    query: I,
-    assets: w,
+    query: M,
+    assets: S,
     selectedAssets: p,
     // Mutations
     uploadAsset: T,
     updateAsset: D,
     deleteAsset: x,
-    updateSearchQuery: k,
+    updateSearchQuery: I,
     clearSelectedAssets: q,
     updateSelectedAssets: j,
     // Loading
@@ -164,20 +164,26 @@ function Xe({
     async (s) => new Promise((l, L) => {
       const O = s[0], U = new FileReader();
       U.readAsDataURL(O), U.onload = async () => {
-        const B = await T({
-          file: U.result,
-          folderId: null,
-          name: O.name
-        });
-        n("browse"), l(B);
+        const B = await T(
+          {
+            file: U.result,
+            folderId: null,
+            name: O.name
+          },
+          {
+            onSuccess: () => {
+              n("browse");
+            }
+          }
+        );
+        l(B);
       }, U.onerror = (B) => L(B);
     }),
     [T]
   ), { getRootProps: Z, getInputProps: J, isDragActive: ee } = Ue({
     onDrop: G,
     accept: {
-      "image/*": d.includes("image") ? [] : [],
-      "video/*": d.includes("video") ? [] : []
+      "image/*": d.includes("image") ? [] : []
     },
     maxSize: 10 * 1024 * 1024
   }), se = () => {
@@ -189,9 +195,9 @@ function Xe({
   }, le = (s) => {
     v(s);
   }, ie = async (s, l) => {
-    await D(Se(s, l)), t();
+    await D(we(s, l)), t();
   }, ne = (s) => {
-    k(s.target.value);
+    I(s.target.value);
   }, re = async (s, l) => {
     try {
       l ? await T({
@@ -250,13 +256,13 @@ function Xe({
                   me,
                   {
                     placeholder: "Search assets...",
-                    value: I,
+                    value: M,
                     onChange: ne,
                     className: "pl-8"
                   }
                 )
               ] }) }),
-              P && w.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: [
+              P && S.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" }),
@@ -267,7 +273,7 @@ function Xe({
                 /* @__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" })
-              ] }) : w.length === 0 ? /* @__PURE__ */ a("div", { className: "flex flex-col items-center justify-center h-full text-center p-12 h-[380px]", children: [
+              ] }) : S.length === 0 ? /* @__PURE__ */ a("div", { className: "flex flex-col items-center justify-center 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." })
@@ -279,7 +285,7 @@ function Xe({
                   ref: N,
                   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: [
-                    w.map((s) => /* @__PURE__ */ e(
+                    S.map((s) => /* @__PURE__ */ e(
                       he,
                       {
                         className: $(
@@ -294,7 +300,7 @@ function Xe({
                               {
                                 src: s.thumbnailUrl || "/placeholder.svg",
                                 alt: s.name,
-                                className: "object-cover w-full h-full"
+                                className: "object-cover w-full h-full min-h-[100px]"
                               }
                             ) : /* @__PURE__ */ a("div", { className: "flex items-center justify-center h-full", children: [
                               /* @__PURE__ */ e(Ce, { className: "h-12 w-12 text-muted-foreground" }),
@@ -380,7 +386,7 @@ function Xe({
                       },
                       s.id
                     )),
-                    P && w.length > 0 && /* @__PURE__ */ e("div", { className: "col-span-full flex justify-center py-4", children: /* @__PURE__ */ e(W, { className: "h-6 w-6 animate-spin text-muted-foreground" }) })
+                    P && S.length > 0 && /* @__PURE__ */ e("div", { className: "col-span-full flex justify-center py-4", children: /* @__PURE__ */ e(W, { className: "h-6 w-6 animate-spin text-muted-foreground" }) })
                   ]
                 }
               )
@@ -466,7 +472,7 @@ function Xe({
   ] });
 }
 function Le(t) {
-  return t < 1024 ? `${t.toFixed(2)} KB` : `${(t / 1024).toFixed(2)} MB`;
+  return t < 1024 ? `${t.toFixed(2)} B` : t < 1024 * 1024 ? `${(t / 1024).toFixed(2)} KB` : `${(t / (1024 * 1024)).toFixed(2)} MB`;
 }
 function Be(t) {
   const r = new Date(t);

package/dist/digital-asset-manager-CBnrDmR9.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),L=require("@chaibuilder/sdk"),t=require("@chaibuilder/sdk/ui"),M=require("lodash-es"),j=require("lucide-react"),X=require("react-dropzone"),A=require("@tanstack/react-query"),b=require("sonner"),a=require("./index-B9qohq82.cjs"),Z=()=>{const l=a.useAssetsApiUrl(),c=A.useQueryClient(),d=a.useFetch();return A.useMutation({mutationFn:async({file:r,folderId:m,name:h})=>d(l,{action:a.ACTIONS.UPLOAD_ASSET,data:{file:r,folderId:m,name:h}}),onSuccess:()=>{c.invalidateQueries({queryKey:[a.QUERY_KEY_BASE,a.ACTIONS.GET_ASSETS]}),b.toast.success("Asset uploaded successfully")},onError:()=>{b.toast.error("Failed to upload asset")}})},ee=()=>{const l=a.useAssetsApiUrl(),c=A.useQueryClient(),d=a.useFetch();return A.useMutation({mutationFn:async r=>d(l,{action:a.ACTIONS.DELETE_ASSET,data:{id:r}}),onSuccess:()=>{c.invalidateQueries({queryKey:[a.QUERY_KEY_BASE,a.ACTIONS.GET_ASSETS]}),b.toast.success("Asset deleted successfully")},onError:()=>{b.toast.error("Failed to delete asset")}})},se=()=>{const l=a.useAssetsApiUrl(),c=A.useQueryClient(),d=a.useFetch();return A.useMutation({mutationFn:async r=>d(l,{action:a.ACTIONS.UPDATE_ASSET,data:r}),onSuccess:()=>{c.invalidateQueries({queryKey:[a.QUERY_KEY_BASE,a.ACTIONS.GET_ASSETS]}),b.toast.success("Asset updated successfully")},onError:()=>{b.toast.error("Failed to update asset")}})},te=(l={})=>{const c=a.useAssetsApiUrl(),d=a.useFetch(),{search:r,page:m=1,limit:h=10}=l;return A.useQuery({queryKey:[a.QUERY_KEY_BASE,a.ACTIONS.GET_ASSETS,r,m,h],queryFn:async()=>await d(c,{action:a.ACTIONS.GET_ASSETS,data:{search:r,page:m,limit:h}}),retry:1})};function ae(){const[c,d]=n.useState([]),[r,m]=n.useState({query:"",page:1,pageSize:10}),h=M.debounce(()=>r.query,300)(),{data:o,isLoading:w}=te({search:(h==null?void 0:h.toLowerCase().trim())||"",page:r.page,limit:r.pageSize}),y=o?Math.ceil(o.total/o.pageSize):0,u=(o==null?void 0:o.page)||1,p=u<y,g=u>1,{mutate:C,isPending:P}=se(),{mutate:N,isPending:f}=Z(),{mutate:E,isPending:T}=ee(),v=n.useCallback(x=>{x>=1&&x<=y&&m(S=>({...S,page:x}))},[y]),q=n.useCallback(()=>{p&&v(u+1)},[u,p,v]),F=n.useCallback(()=>{g&&v(u-1)},[u,g,v]),k=n.useCallback(x=>{m(S=>({...S,query:x,page:1}))},[]),D=n.useCallback(x=>{d(S=>M.find(S,{id:x.id})?[]:[x])},[!1]),I=n.useCallback(()=>{d([])},[]);return{query:(r==null?void 0:r.query)||"",selectedAssets:c,assets:(o==null?void 0:o.assets)||[],currentPage:u,totalPages:y,hasNextPage:p,hasPreviousPage:g,uploadAsset:N,updateAsset:C,deleteAsset:E,goToPage:v,nextPage:q,previousPage:F,updateSearchQuery:k,clearSelectedAssets:I,updateSelectedAssets:D,isLoadingAssets:w,isUploadingAsset:f,isUpdatingAsset:P,isDeletingAsset:T}}const le=n.lazy(()=>Promise.resolve().then(()=>require("./asset-metadata-editor-zw9u1BB9.cjs"))),ne=n.lazy(()=>Promise.resolve().then(()=>require("./image-editor-D8wu5UNM.cjs")));function ie({close:l,onSelect:c,mode:d="image"}){const m=n.useMemo(()=>[d],[d]),[h,o]=n.useState("browse"),[w,y]=n.useState(null),[u,p]=n.useState(null),[g,C]=n.useState({show:!1,file:""}),{query:P,assets:N,selectedAssets:f,uploadAsset:E,updateAsset:T,deleteAsset:v,updateSearchQuery:q,clearSelectedAssets:F,updateSelectedAssets:k,isLoadingAssets:D,isUploadingAsset:I,isUpdatingAsset:x}=ae(),S=n.useRef(null),_=n.useCallback(async s=>new Promise((i,z)=>{const Q=s[0],U=new FileReader;U.readAsDataURL(Q),U.onload=async()=>{const B=await E({file:U.result,folderId:null,name:Q.name},{onSuccess:()=>{o("browse")}});i(B)},U.onerror=B=>z(B)}),[E]),{getRootProps:O,getInputProps:R,isDragActive:K}=X.useDropzone({onDrop:_,accept:{"image/*":m.includes("image")?[]:[]},maxSize:10*1024*1024}),Y=()=>{c([f[0].url]),l()},G=async s=>{p(s)},$=async()=>{u&&(await v(u.id),p(null))},H=s=>{y(s)},V=async(s,i)=>{await T(M.merge(s,i)),l()},J=s=>{q(s.target.value)},W=async(s,i)=>{try{i?await E({file:s,folderId:null,name:g.name||""}):await T({id:g.id||"",file:s}),C({show:!1,file:""}),o("browse")}catch(z){console.error("Error saving edited image:",z)}};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"min-w-[700px] min-h-[600px] w-[900px] max-w-[900px]",children:[e.jsx("h1",{className:"text-lg font-medium pb-4",children:"Digital Asset Manager"}),e.jsxs(t.Tabs,{value:h,onValueChange:s=>o(s),className:"flex-1 flex flex-col h-full",children:[e.jsxs("div",{className:"flex justify-between items-center mb-2",children:[e.jsxs(t.TabsList,{children:[e.jsx(t.TabsTrigger,{value:"browse",children:"Browse Assets"}),e.jsx(t.TabsTrigger,{value:"upload",children:"Upload"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[f.length>0&&e.jsx(e.Fragment,{children:e.jsx(t.Button,{variant:"outline",size:"sm",onClick:()=>F(),title:"Clear selection",children:"Clear"})}),e.jsx(t.Button,{size:"sm",onClick:Y,disabled:f.length===0,children:"Select Asset"})]})]}),e.jsxs(t.TabsContent,{value:"browse",className:"flex-1 flex flex-col",children:[e.jsx("div",{className:"flex items-center gap-2 mb-2",children:e.jsxs("div",{className:"relative w-full",children:[e.jsx(j.Search,{className:"absolute left-2 top-2.5 h-4 w-4 text-muted-foreground"}),e.jsx(t.Input,{placeholder:"Search assets...",value:P,onChange:J,className:"pl-8"})]})}),D&&N.length===0?e.jsxs("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:[e.jsx("div",{className:"bg-gray-200 h-64 w-full animate-pulse rounded"}),e.jsx("div",{className:"bg-gray-200 h-64 w-full animate-pulse rounded"}),e.jsx("div",{className:"bg-gray-200 h-64 w-full animate-pulse rounded"}),e.jsx("div",{className:"bg-gray-200 h-64 w-full animate-pulse rounded"}),e.jsx("div",{className:"bg-gray-200 h-64 w-full animate-pulse rounded"}),e.jsx("div",{className:"bg-gray-200 h-64 w-full animate-pulse rounded"}),e.jsx("div",{className:"bg-gray-200 h-64 w-full animate-pulse rounded"}),e.jsx("div",{className:"bg-gray-200 h-64 w-full animate-pulse rounded"}),e.jsx("div",{className:"bg-gray-200 h-64 w-full animate-pulse rounded"}),e.jsx("div",{className:"bg-gray-200 h-64 w-full animate-pulse rounded"})]}):N.length===0?e.jsxs("div",{className:"flex flex-col items-center justify-center text-center p-12 h-[380px]",children:[e.jsxs("div",{className:"text-muted-foreground mb-2",children:[e.jsx("h3",{className:"text-gray-800 font-medium",children:"No assets to display"}),e.jsx("p",{className:"text-sm",children:"You haven't uploaded any assets yet. Start by uploading your first asset."})]}),e.jsx("div",{className:"flex gap-2 pt-4",children:e.jsx(t.Button,{size:"lg",onClick:()=>o("upload"),children:"Upload Assets"})})]}):e.jsxs("div",{ref:S,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:[N.map(s=>e.jsx(t.Card,{className:L.mergeClasses("cursor-pointer overflow-hidden transition-all",f.some(i=>i.id===s.id)?"ring-2 ring-primary":"hover:ring-2 hover:ring-primary/20"),onClick:()=>k(s),children:e.jsxs(t.CardContent,{className:"p-0 relative group",children:[e.jsxs("div",{className:"aspect-square relative overflow-hidden bg-muted",children:[s.type==="image"?e.jsx("img",{src:s.thumbnailUrl||"/placeholder.svg",alt:s.name,className:"object-cover w-full h-full min-h-[100px]"}):e.jsxs("div",{className:"flex items-center justify-center h-full",children:[e.jsx(j.Film,{className:"h-12 w-12 text-muted-foreground"}),s.thumbnailUrl&&e.jsx("img",{src:s.thumbnailUrl||"/placeholder.svg",alt:s.name,className:"absolute inset-0 object-cover w-full h-full"})]}),e.jsxs("div",{className:"absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center gap-2",children:[e.jsx(t.Button,{variant:"secondary",size:"icon",className:"h-8 w-8",onClick:i=>{i.stopPropagation(),H(s)},children:e.jsx(j.ImageIcon,{className:"h-4 w-4"})}),e.jsx(t.Button,{variant:"secondary",size:"icon",className:"h-8 w-8",onClick:i=>{i.stopPropagation(),C({id:s.id,show:!0,file:s.url,name:s.name})},children:e.jsx(j.Edit,{className:"h-4 w-4"})}),e.jsx(t.Button,{variant:"destructive",size:"icon",className:"h-8 w-8",onClick:i=>{i.stopPropagation(),G(s)},children:e.jsx(j.Trash2,{className:"h-4 w-4"})})]}),f.some(i=>i.id===s.id)&&e.jsx("div",{className:"absolute top-2 left-2",children:e.jsx("input",{type:"checkbox",checked:f.some(i=>i.id===s.id),readOnly:!0,className:"rounded-full"})})]}),e.jsxs("div",{className:"p-2",children:[e.jsx("div",{className:"text-sm font-medium truncate",title:s.name,children:s.name}),e.jsxs("div",{className:"text-xs text-muted-foreground flex items-center justify-between",children:[e.jsx("span",{children:re((s==null?void 0:s.size)||0)}),e.jsx("span",{children:oe(s.createdAt)})]})]})]})},s.id)),D&&N.length>0&&e.jsx("div",{className:"col-span-full flex justify-center py-4",children:e.jsx(j.Loader2,{className:"h-6 w-6 animate-spin text-muted-foreground"})})]})]}),e.jsx(t.TabsContent,{value:"upload",className:"flex-1 ",children:e.jsxs("div",{...O(),className:L.mergeClasses("border-2 border-dashed rounded-lg h-[380px] flex flex-col items-center justify-center text-center cursor-pointer hover:bg-gray-50",K?"border-primary bg-primary/5":"border-muted-foreground/20"),children:[e.jsx("input",{...R()}),x||I?e.jsxs("div",{className:"flex flex-col items-center",children:[e.jsx(j.Loader2,{className:"h-12 w-12 text-primary animate-spin mb-4"}),e.jsx("h3",{className:"text-lg font-medium mb-1",children:"Uploading files..."}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Please wait while your files are being processed."})]}):e.jsxs(e.Fragment,{children:[e.jsx(j.Upload,{className:"h-12 w-12 text-muted-foreground mb-4"}),e.jsx("h3",{className:"text-lg font-medium mb-1",children:"Drag & drop files here"}),e.jsx("p",{className:"text-sm text-muted-foreground mb-4",children:"or click to browse your files"}),e.jsxs("div",{className:"text-xs text-muted-foreground",children:[e.jsxs("p",{children:["Accepted file types: ",m.join(", ")]}),e.jsxs("p",{children:["Maximum file size: ",10,"MB"]})]})]})]})})]})]}),w&&e.jsx(n.Suspense,{fallback:e.jsx("div",{children:"Loading..."}),children:e.jsx(le,{asset:w,onSave:s=>V(w,s),onCancel:()=>{y(null)}})}),g.show&&e.jsx(n.Suspense,{fallback:e.jsx("div",{children:"Loading..."}),children:e.jsx(ne,{imageUrl:g.file,onSave:W,onClose:()=>C({show:!1,file:""}),defaultSavedImageName:g.name,isEditing:!!g.id})}),u&&e.jsx(t.Dialog,{open:!!u,onOpenChange:()=>p(null),children:e.jsxs(t.DialogContent,{children:[e.jsxs(t.DialogHeader,{children:[e.jsx(t.DialogTitle,{children:"Delete Asset"}),e.jsxs(t.DialogDescription,{children:['Are you sure you want to delete "',u.name,'"? This action cannot be undone.']})]}),e.jsxs(t.DialogFooter,{className:"gap-2 sm:gap-0",children:[e.jsx(t.Button,{variant:"outline",onClick:()=>p(null),children:"Cancel"}),e.jsx(t.Button,{variant:"destructive",onClick:$,children:"Delete"})]})]})})]})}function re(l){return l<1024?`${l.toFixed(2)} B`:l<1024*1024?`${(l/1024).toFixed(2)} KB`:`${(l/(1024*1024)).toFixed(2)} MB`}function oe(l){const c=new Date(l);return new Intl.DateTimeFormat("en-US",{month:"short",day:"numeric",year:"numeric"}).format(c)}exports.default=ie;