@chaibuilder/pages 0.4.8-beta.5 → 0.4.8-beta.7

package/dist/{HO4MOOFI-B4ibIKNg.js → HO4MOOFI-D1WZ0Hg3.js}

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

package/dist/{HO4MOOFI-BYBE5fZ8.cjs → HO4MOOFI-iH74XHta.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./B4MFY5CR-DY8Z5ymd.cjs"),t=require("./index-CisI4Eqe.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-CZIhZc_v.cjs"),t=require("./index-D6MzyrPC.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-8v8-fX5C.cjs → HUY7CZI3-Bf9J-1mq.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./B4MFY5CR-DY8Z5ymd.cjs"),t=require("./index-CisI4Eqe.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-CZIhZc_v.cjs"),t=require("./index-D6MzyrPC.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/{HUY7CZI3-B9mlw8Vt.js → HUY7CZI3-DABOTt0o.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-BwIm3qbQ.js";
-import { g as v, c as C, a as e } from "./index-gqdpcAQ2.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-C-y1qMcz.js";
+import { g as v, c as C, a as e } from "./index-B9yYtFHS.js";
 var h = (t) => {
   const [r, o] = s({
     prefix: "TanstackQueryDevtools"

package/dist/digital-asset-manager-CI-fxUjE.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"),y=require("lodash-es"),j=require("lucide-react"),X=require("react-dropzone"),N=require("@tanstack/react-query"),w=require("sonner"),a=require("./index-D6MzyrPC.cjs"),Z=()=>{const l=a.useAssetsApiUrl(),c=N.useQueryClient(),d=a.useFetch();return N.useMutation({mutationFn:async({file:r,folderId:h,name:g})=>d(l,{action:a.ACTIONS.UPLOAD_ASSET,data:{file:r,folderId:h,name:g}}),onSuccess:()=>{c.invalidateQueries({queryKey:[a.QUERY_KEY_BASE,a.ACTIONS.GET_ASSETS]}),w.toast.success("Asset uploaded successfully")},onError:()=>{w.toast.error("Failed to upload asset")}})},ee=()=>{const l=a.useAssetsApiUrl(),c=N.useQueryClient(),d=a.useFetch();return N.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]}),w.toast.success("Asset deleted successfully")},onError:()=>{w.toast.error("Failed to delete asset")}})},se=()=>{const l=a.useAssetsApiUrl(),c=N.useQueryClient(),d=a.useFetch();return N.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]}),w.toast.success("Asset updated successfully")},onError:()=>{w.toast.error("Failed to update asset")}})},te=(l={})=>{const c=a.useAssetsApiUrl(),d=a.useFetch(),{search:r,page:h=1,limit:g=10}=l;return N.useQuery({queryKey:[a.QUERY_KEY_BASE,a.ACTIONS.GET_ASSETS,r,h,g],queryFn:async()=>await d(c,{action:a.ACTIONS.GET_ASSETS,data:{search:r,page:h,limit:g}}),retry:1})};function ae(){const[c,d]=n.useState([]),[r,h]=n.useState({query:"",page:1,pageSize:10}),g=y.debounce(()=>r.query,300)(),{data:o,isLoading:C}=te({search:(g==null?void 0:g.toLowerCase().trim())||"",page:r.page,limit:r.pageSize}),v=o?Math.ceil(o.total/o.pageSize):0,u=(o==null?void 0:o.page)||1,f=u<v,x=u>1,{mutate:E,isPending:k}=se(),{mutate:b,isPending:m}=Z(),{mutate:T,isPending:U}=ee(),S=n.useCallback(p=>{p>=1&&p<=v&&h(A=>({...A,page:p}))},[v]),q=n.useCallback(()=>{f&&S(u+1)},[u,f,S]),F=n.useCallback(()=>{x&&S(u-1)},[u,x,S]),I=n.useCallback(p=>{h(A=>({...A,query:p,page:1}))},[]),D=n.useCallback(p=>{d(A=>y.find(A,{id:p.id})?[]:[p])},[!1]),z=n.useCallback(()=>{d([])},[]);return{query:(r==null?void 0:r.query)||"",selectedAssets:c,assets:(o==null?void 0:o.assets)||[],currentPage:u,totalPages:v,hasNextPage:f,hasPreviousPage:x,uploadAsset:b,updateAsset:E,deleteAsset:T,goToPage:S,nextPage:q,previousPage:F,updateSearchQuery:I,clearSelectedAssets:z,updateSelectedAssets:D,isLoadingAssets:C,isUploadingAsset:m,isUpdatingAsset:k,isDeletingAsset:U}}const le=n.lazy(()=>Promise.resolve().then(()=>require("./asset-metadata-editor-IRTgc3or.cjs"))),ne=n.lazy(()=>Promise.resolve().then(()=>require("./image-editor-DHmv5L8S.cjs")));function ie({close:l,onSelect:c,mode:d="image"}){const h=n.useMemo(()=>[d],[d]),[g,o]=n.useState("browse"),[C,v]=n.useState(null),[u,f]=n.useState(null),[x,E]=n.useState({show:!1,file:""}),{query:k,assets:b,selectedAssets:m,uploadAsset:T,updateAsset:U,deleteAsset:S,updateSearchQuery:q,clearSelectedAssets:F,updateSelectedAssets:I,isLoadingAssets:D,isUploadingAsset:z,isUpdatingAsset:p}=ae(),A=n.useRef(null),_=n.useCallback(async s=>new Promise((i,M)=>{const Q=s[0],P=new FileReader;P.readAsDataURL(Q),P.onload=async()=>{const B=await T({file:P.result,folderId:null,name:Q.name},{onSuccess:()=>{o("browse")}});i(B)},P.onerror=B=>M(B)}),[T]),{getRootProps:O,getInputProps:R,isDragActive:K}=X.useDropzone({onDrop:_,accept:{"image/*":h.includes("image")?[]:[]},maxSize:10*1024*1024}),Y=()=>{console.log("selectedAssets",m,y.pick(y.first(m),["url","width","height","description"])),m.length!==0&&(c(y.pick(y.first(m),["url","width","height","description"])),l())},G=async s=>{f(s)},$=async()=>{u&&(await S(u.id),f(null))},H=s=>{v(s)},V=async(s,i)=>{await U(y.merge(s,y.pick(i,["id","description"]))),l()},J=s=>{q(s.target.value)},W=async(s,i)=>{try{i?await T({file:s,folderId:null,name:x.name||""}):await U({id:x.id||"",file:s}),E({show:!1,file:""}),o("browse")}catch(M){console.error("Error saving edited image:",M)}};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:g,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:[m.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:m.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:k,onChange:J,className:"pl-8"})]})}),D&&b.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"})]}):b.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:A,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:[b.map(s=>e.jsx(t.Card,{className:L.mergeClasses("cursor-pointer overflow-hidden transition-all",m.some(i=>i.id===s.id)?"ring-2 ring-primary":"hover:ring-2 hover:ring-primary/20"),onClick:()=>I(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(),E({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"})})]}),m.some(i=>i.id===s.id)&&e.jsx("div",{className:"absolute top-2 left-2",children:e.jsx("input",{type:"checkbox",checked:m.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&&b.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()}),p||z?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: ",h.join(", ")]}),e.jsxs("p",{children:["Maximum file size: ",10,"MB"]})]})]})]})})]})]}),C&&e.jsx(n.Suspense,{fallback:e.jsx("div",{children:"Loading..."}),children:e.jsx(le,{asset:C,onSave:s=>V(C,s),onCancel:()=>{v(null)}})}),x.show&&e.jsx(n.Suspense,{fallback:e.jsx("div",{children:"Loading..."}),children:e.jsx(ne,{imageUrl:x.file,onSave:W,onClose:()=>E({show:!1,file:""}),defaultSavedImageName:x.name,isEditing:!!x.id})}),u&&e.jsx(t.Dialog,{open:!!u,onOpenChange:()=>f(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:()=>f(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;

package/dist/{digital-asset-manager-D5mWFg9t.js → digital-asset-manager-ty2MhSyj.js}

@@ -1,23 +1,23 @@
 import { jsxs as t, Fragment as Q, jsx as e } from "react/jsx-runtime";
-import Z, { useState as S, useCallback as w, useMemo as ce, useRef as de, Suspense as Y } from "react";
-import { mergeClasses as $ } from "@chaibuilder/sdk";
-import { Tabs as ue, TabsList as me, TabsTrigger as H, Button as f, TabsContent as V, Input as he, Card as ge, CardContent as pe, Dialog as fe, DialogContent as ye, DialogHeader as ve, DialogTitle as xe, DialogDescription as Ne, DialogFooter as we } from "@chaibuilder/sdk/ui";
-import { debounce as Ae, find as Se, pick as W, first as be, merge as Ce } from "lodash-es";
-import { Search as Ee, Film as Te, ImageIcon as De, Edit as Pe, Trash2 as Ue, Loader2 as X, Upload as Fe } from "lucide-react";
+import J, { useState as S, useCallback as w, useMemo as de, useRef as ue, Suspense as $ } from "react";
+import { mergeClasses as H } from "@chaibuilder/sdk";
+import { Tabs as me, TabsList as he, TabsTrigger as V, Button as f, TabsContent as W, Input as ge, Card as pe, CardContent as fe, Dialog as ye, DialogContent as ve, DialogHeader as xe, DialogTitle as Ne, DialogDescription as we, DialogFooter as Ae } from "@chaibuilder/sdk/ui";
+import { debounce as Se, find as be, pick as R, first as X, merge as Ce } from "lodash-es";
+import { Search as Ee, Film as Te, ImageIcon as De, Edit as Pe, Trash2 as Ue, Loader2 as Z, Upload as Fe } from "lucide-react";
 import { useDropzone as ze } from "react-dropzone";
-import { useQueryClient as R, useMutation as K, useQuery as ke } from "@tanstack/react-query";
+import { useQueryClient as K, useMutation as G, useQuery as ke } from "@tanstack/react-query";
 import { toast as b } from "sonner";
-import { W as F, X as z, Y as y, Z as k } from "./index-gqdpcAQ2.js";
+import { W as F, X as z, Y as y, Z as k } from "./index-B9yYtFHS.js";
 const Me = () => {
-  const a = F(), r = R(), o = z();
-  return K({
+  const a = F(), r = K(), o = z();
+  return G({
     mutationFn: async ({
       file: i,
-      folderId: d,
-      name: u
+      folderId: u,
+      name: m
     }) => o(a, {
       action: y.UPLOAD_ASSET,
-      data: { file: i, folderId: d, name: u }
+      data: { file: i, folderId: u, name: m }
     }),
     onSuccess: () => {
       r.invalidateQueries({
@@ -29,8 +29,8 @@ const Me = () => {
     }
   });
 }, Ie = () => {
-  const a = F(), r = R(), o = z();
-  return K({
+  const a = F(), r = K(), o = z();
+  return G({
     mutationFn: async (i) => o(a, {
       action: y.DELETE_ASSET,
       data: { id: i }
@@ -45,8 +45,8 @@ const Me = () => {
     }
   });
 }, qe = () => {
-  const a = F(), r = R(), o = z();
-  return K({
+  const a = F(), r = K(), o = z();
+  return G({
     mutationFn: async (i) => o(a, {
       action: y.UPDATE_ASSET,
       data: i
@@ -61,51 +61,51 @@ const Me = () => {
     }
   });
 }, je = (a = {}) => {
-  const r = F(), o = z(), { search: i, page: d = 1, limit: u = 10 } = a;
+  const r = F(), o = z(), { search: i, page: u = 1, limit: m = 10 } = a;
   return ke({
-    queryKey: [k, y.GET_ASSETS, i, d, u],
+    queryKey: [k, y.GET_ASSETS, i, u, m],
     queryFn: async () => await o(r, {
       action: y.GET_ASSETS,
       data: {
         search: i,
-        page: d,
-        limit: u
+        page: u,
+        limit: m
       }
     }),
     retry: 1
   });
 };
 function _e() {
-  const [r, o] = S([]), [i, d] = S({
+  const [r, o] = S([]), [i, u] = S({
     query: "",
     page: 1,
     pageSize: 10
-  }), u = Ae(() => i.query, 300)(), { data: n, isLoading: C } = je({
-    search: (u == null ? void 0 : u.toLowerCase().trim()) || "",
+  }), m = Se(() => i.query, 300)(), { data: n, isLoading: C } = je({
+    search: (m == null ? void 0 : m.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, p = c < v, m = c > 1, { mutate: E, isPending: M } = qe(), { mutate: A, isPending: g } = Me(), { mutate: T, isPending: D } = Ie(), x = w(
-    (h) => {
-      h >= 1 && h <= v && d((N) => ({
+  }), v = n ? Math.ceil(n.total / n.pageSize) : 0, c = (n == null ? void 0 : n.page) || 1, p = c < v, h = c > 1, { mutate: E, isPending: M } = qe(), { mutate: A, isPending: d } = Me(), { mutate: T, isPending: D } = Ie(), x = w(
+    (g) => {
+      g >= 1 && g <= v && u((N) => ({
         ...N,
-        page: h
+        page: g
       }));
     },
     [v]
   ), I = w(() => {
     p && x(c + 1);
   }, [c, p, x]), q = w(() => {
-    m && x(c - 1);
-  }, [c, m, x]), j = w((h) => {
-    d((N) => ({
+    h && x(c - 1);
+  }, [c, h, x]), j = w((g) => {
+    u((N) => ({
       ...N,
-      query: h,
+      query: g,
       page: 1
       // Reset to first page on new search
     }));
   }, []), P = w(
-    (h) => {
-      o((N) => Se(N, { id: h.id }) ? [] : [h]);
+    (g) => {
+      o((N) => be(N, { id: g.id }) ? [] : [g]);
     },
     [!1]
   ), _ = w(() => {
@@ -119,7 +119,7 @@ function _e() {
     currentPage: c,
     totalPages: v,
     hasNextPage: p,
-    hasPreviousPage: m,
+    hasPreviousPage: h,
     // Mutations
     uploadAsset: A,
     updateAsset: E,
@@ -132,22 +132,22 @@ function _e() {
     updateSelectedAssets: P,
     // Loading
     isLoadingAssets: C,
-    isUploadingAsset: g,
+    isUploadingAsset: d,
     isUpdatingAsset: M,
     isDeletingAsset: D
   };
 }
-const Le = Z.lazy(() => import("./asset-metadata-editor-CyTBhS-V.js")), Be = Z.lazy(() => import("./image-editor-By8RDHso.js"));
+const Le = J.lazy(() => import("./asset-metadata-editor-CyTBhS-V.js")), Be = J.lazy(() => import("./image-editor-By8RDHso.js"));
 function Je({
   close: a,
   onSelect: r,
   mode: o = "image"
 }) {
-  const d = ce(() => [o], [o]), [u, n] = S("browse"), [C, v] = S(null), [c, p] = S(null), [m, E] = S({ show: !1, file: "" }), {
+  const u = de(() => [o], [o]), [m, n] = S("browse"), [C, v] = S(null), [c, p] = S(null), [h, E] = S({ show: !1, file: "" }), {
     // Data
     query: M,
     assets: A,
-    selectedAssets: g,
+    selectedAssets: d,
     // Mutations
     uploadAsset: T,
     updateAsset: D,
@@ -158,17 +158,17 @@ function Je({
     // Loading
     isLoadingAssets: P,
     isUploadingAsset: _,
-    isUpdatingAsset: h
+    isUpdatingAsset: g
     // isDeletingAsset,
-  } = _e(), N = de(null), G = w(
+  } = _e(), N = ue(null), O = w(
     async (s) => new Promise((l, L) => {
-      const O = s[0], U = new FileReader();
-      U.readAsDataURL(O), U.onload = async () => {
+      const Y = s[0], U = new FileReader();
+      U.readAsDataURL(Y), U.onload = async () => {
         const B = await T(
           {
             file: U.result,
             folderId: null,
-            name: O.name
+            name: Y.name
           },
           {
             onSuccess: () => {
@@ -180,34 +180,38 @@ function Je({
       }, U.onerror = (B) => L(B);
     }),
     [T]
-  ), { getRootProps: J, getInputProps: ee, isDragActive: se } = ze({
-    onDrop: G,
+  ), { getRootProps: ee, getInputProps: se, isDragActive: te } = ze({
+    onDrop: O,
     accept: {
-      "image/*": d.includes("image") ? [] : []
+      "image/*": u.includes("image") ? [] : []
     },
     maxSize: 10 * 1024 * 1024
-  }), te = () => {
-    g.length !== 0 && (r(
-      W(be(g), ["url", "width", "height", "description"])
+  }), ae = () => {
+    console.log(
+      "selectedAssets",
+      d,
+      R(X(d), ["url", "width", "height", "description"])
+    ), d.length !== 0 && (r(
+      R(X(d), ["url", "width", "height", "description"])
     ), a());
-  }, ae = async (s) => {
+  }, le = async (s) => {
     p(s);
-  }, le = async () => {
+  }, ie = async () => {
     c && (await x(c.id), p(null));
-  }, ie = (s) => {
+  }, ne = (s) => {
     v(s);
-  }, ne = async (s, l) => {
-    await D(Ce(s, W(l, ["id", "description"]))), a();
-  }, re = (s) => {
+  }, re = async (s, l) => {
+    await D(Ce(s, R(l, ["id", "description"]))), a();
+  }, oe = (s) => {
     I(s.target.value);
-  }, oe = async (s, l) => {
+  }, ce = async (s, l) => {
     try {
       l ? await T({
         file: s,
         folderId: null,
-        name: m.name || ""
+        name: h.name || ""
       }) : await D({
-        id: m.id || "",
+        id: h.id || "",
         file: s
       }), E({ show: !1, file: "" }), n("browse");
     } catch (L) {
@@ -218,19 +222,19 @@ function Je({
     /* @__PURE__ */ t("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__ */ t(
-        ue,
+        me,
         {
-          value: u,
+          value: m,
           onValueChange: (s) => n(s),
           className: "flex-1 flex flex-col h-full",
           children: [
             /* @__PURE__ */ t("div", { className: "flex justify-between items-center mb-2", children: [
-              /* @__PURE__ */ t(me, { children: [
-                /* @__PURE__ */ e(H, { value: "browse", children: "Browse Assets" }),
-                /* @__PURE__ */ e(H, { value: "upload", children: "Upload" })
+              /* @__PURE__ */ t(he, { children: [
+                /* @__PURE__ */ e(V, { value: "browse", children: "Browse Assets" }),
+                /* @__PURE__ */ e(V, { value: "upload", children: "Upload" })
               ] }),
               /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
-                g.length > 0 && /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(
+                d.length > 0 && /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(
                   f,
                   {
                     variant: "outline",
@@ -244,22 +248,22 @@ function Je({
                   f,
                   {
                     size: "sm",
-                    onClick: te,
-                    disabled: g.length === 0,
+                    onClick: ae,
+                    disabled: d.length === 0,
                     children: "Select Asset"
                   }
                 )
               ] })
             ] }),
-            /* @__PURE__ */ t(V, { value: "browse", className: "flex-1 flex flex-col", children: [
+            /* @__PURE__ */ t(W, { value: "browse", className: "flex-1 flex flex-col", children: [
               /* @__PURE__ */ e("div", { className: "flex items-center gap-2 mb-2", children: /* @__PURE__ */ t("div", { className: "relative w-full", children: [
                 /* @__PURE__ */ e(Ee, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
                 /* @__PURE__ */ e(
-                  he,
+                  ge,
                   {
                     placeholder: "Search assets...",
                     value: M,
-                    onChange: re,
+                    onChange: oe,
                     className: "pl-8"
                   }
                 )
@@ -288,14 +292,14 @@ function Je({
                   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: [
                     A.map((s) => /* @__PURE__ */ e(
-                      ge,
+                      pe,
                       {
-                        className: $(
+                        className: H(
                           "cursor-pointer overflow-hidden transition-all",
-                          g.some((l) => l.id === s.id) ? "ring-2 ring-primary" : "hover:ring-2 hover:ring-primary/20"
+                          d.some((l) => l.id === s.id) ? "ring-2 ring-primary" : "hover:ring-2 hover:ring-primary/20"
                         ),
                         onClick: () => j(s),
-                        children: /* @__PURE__ */ t(pe, { className: "p-0 relative group", children: [
+                        children: /* @__PURE__ */ t(fe, { className: "p-0 relative group", children: [
                           /* @__PURE__ */ t("div", { className: "aspect-square relative overflow-hidden bg-muted", children: [
                             s.type === "image" ? /* @__PURE__ */ e(
                               "img",
@@ -323,7 +327,7 @@ function Je({
                                   size: "icon",
                                   className: "h-8 w-8",
                                   onClick: (l) => {
-                                    l.stopPropagation(), ie(s);
+                                    l.stopPropagation(), ne(s);
                                   },
                                   children: /* @__PURE__ */ e(De, { className: "h-4 w-4" })
                                 }
@@ -352,17 +356,17 @@ function Je({
                                   size: "icon",
                                   className: "h-8 w-8",
                                   onClick: (l) => {
-                                    l.stopPropagation(), ae(s);
+                                    l.stopPropagation(), le(s);
                                   },
                                   children: /* @__PURE__ */ e(Ue, { className: "h-4 w-4" })
                                 }
                               )
                             ] }),
-                            g.some((l) => l.id === s.id) && /* @__PURE__ */ e("div", { className: "absolute top-2 left-2", children: /* @__PURE__ */ e(
+                            d.some((l) => l.id === s.id) && /* @__PURE__ */ e("div", { className: "absolute top-2 left-2", children: /* @__PURE__ */ e(
                               "input",
                               {
                                 type: "checkbox",
-                                checked: g.some(
+                                checked: d.some(
                                   (l) => l.id === s.id
                                 ),
                                 readOnly: !0,
@@ -388,23 +392,23 @@ function Je({
                       },
                       s.id
                     )),
-                    P && A.length > 0 && /* @__PURE__ */ e("div", { className: "col-span-full flex justify-center py-4", children: /* @__PURE__ */ e(X, { className: "h-6 w-6 animate-spin text-muted-foreground" }) })
+                    P && A.length > 0 && /* @__PURE__ */ e("div", { className: "col-span-full flex justify-center py-4", children: /* @__PURE__ */ e(Z, { className: "h-6 w-6 animate-spin text-muted-foreground" }) })
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ e(V, { value: "upload", className: "flex-1 ", children: /* @__PURE__ */ t(
+            /* @__PURE__ */ e(W, { value: "upload", className: "flex-1 ", children: /* @__PURE__ */ t(
               "div",
               {
-                ...J(),
-                className: $(
+                ...ee(),
+                className: H(
                   "border-2 border-dashed rounded-lg h-[380px] flex flex-col items-center justify-center text-center cursor-pointer hover:bg-gray-50",
-                  se ? "border-primary bg-primary/5" : "border-muted-foreground/20"
+                  te ? "border-primary bg-primary/5" : "border-muted-foreground/20"
                 ),
                 children: [
-                  /* @__PURE__ */ e("input", { ...ee() }),
-                  h || _ ? /* @__PURE__ */ t("div", { className: "flex flex-col items-center", children: [
-                    /* @__PURE__ */ e(X, { className: "h-12 w-12 text-primary animate-spin mb-4" }),
+                  /* @__PURE__ */ e("input", { ...se() }),
+                  g || _ ? /* @__PURE__ */ t("div", { className: "flex flex-col items-center", children: [
+                    /* @__PURE__ */ e(Z, { 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__ */ t(Q, { children: [
@@ -414,7 +418,7 @@ function Je({
                     /* @__PURE__ */ t("div", { className: "text-xs text-muted-foreground", children: [
                       /* @__PURE__ */ t("p", { children: [
                         "Accepted file types: ",
-                        d.join(", ")
+                        u.join(", ")
                       ] }),
                       /* @__PURE__ */ t("p", { children: [
                         "Maximum file size: ",
@@ -430,43 +434,43 @@ function Je({
         }
       )
     ] }),
-    C && /* @__PURE__ */ e(Y, { fallback: /* @__PURE__ */ e("div", { children: "Loading..." }), children: /* @__PURE__ */ e(
+    C && /* @__PURE__ */ e($, { fallback: /* @__PURE__ */ e("div", { children: "Loading..." }), children: /* @__PURE__ */ e(
       Le,
       {
         asset: C,
-        onSave: (s) => ne(C, s),
+        onSave: (s) => re(C, s),
         onCancel: () => {
           v(null);
         }
       }
     ) }),
-    m.show && /* @__PURE__ */ e(Y, { fallback: /* @__PURE__ */ e("div", { children: "Loading..." }), children: /* @__PURE__ */ e(
+    h.show && /* @__PURE__ */ e($, { fallback: /* @__PURE__ */ e("div", { children: "Loading..." }), children: /* @__PURE__ */ e(
       Be,
       {
-        imageUrl: m.file,
-        onSave: oe,
+        imageUrl: h.file,
+        onSave: ce,
         onClose: () => E({ show: !1, file: "" }),
-        defaultSavedImageName: m.name,
-        isEditing: !!m.id
+        defaultSavedImageName: h.name,
+        isEditing: !!h.id
       }
     ) }),
     c && /* @__PURE__ */ e(
-      fe,
+      ye,
       {
         open: !!c,
         onOpenChange: () => p(null),
-        children: /* @__PURE__ */ t(ye, { children: [
-          /* @__PURE__ */ t(ve, { children: [
-            /* @__PURE__ */ e(xe, { children: "Delete Asset" }),
-            /* @__PURE__ */ t(Ne, { children: [
+        children: /* @__PURE__ */ t(ve, { children: [
+          /* @__PURE__ */ t(xe, { children: [
+            /* @__PURE__ */ e(Ne, { children: "Delete Asset" }),
+            /* @__PURE__ */ t(we, { children: [
               'Are you sure you want to delete "',
               c.name,
               '"? This action cannot be undone.'
             ] })
           ] }),
-          /* @__PURE__ */ t(we, { className: "gap-2 sm:gap-0", children: [
+          /* @__PURE__ */ t(Ae, { className: "gap-2 sm:gap-0", children: [
             /* @__PURE__ */ e(f, { variant: "outline", onClick: () => p(null), children: "Cancel" }),
-            /* @__PURE__ */ e(f, { variant: "destructive", onClick: le, children: "Delete" })
+            /* @__PURE__ */ e(f, { variant: "destructive", onClick: ie, children: "Delete" })
           ] })
         ] })
       }

package/dist/{index-gqdpcAQ2.js → index-B9yYtFHS.js}

@@ -7422,7 +7422,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-B4ibIKNg.js")), te(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-D1WZ0Hg3.js")), te(this, wt, c)), Ca(R(this, Yt), R(this, pt)), ra(c, aa({
         get queryFlavor() {
           return R(n, zt);
         },
@@ -7516,7 +7516,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-B9mlw8Vt.js")), te(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-DABOTt0o.js")), te(this, _t, h)), Ca(R(this, en), R(this, Nt)), ra(h, aa({
         get queryFlavor() {
           return R(n, Zt);
         },
@@ -7634,7 +7634,7 @@ var Iu = process.env.NODE_ENV !== "development" ? function() {
 } : Pu;
 process.env.NODE_ENV;
 const ku = Qa(
-  () => import("./digital-asset-manager-D5mWFg9t.js")
+  () => import("./digital-asset-manager-ty2MhSyj.js")
 );
 ul();
 ec();