@chaibuilder/pages 0.4.5 → 0.4.6-beta.2

package/dist/{B4MFY5CR-BpF1oV0W.js → B4MFY5CR-Doi8QlXL.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-xGrIPO1U.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-Ci9oNrDB.js";
 var _s = (e) => e != null, zs = (e) => e.filter(_s);
 function Rs(e) {
   return (...t) => {

package/dist/{HO4MOOFI-DZrEi4_0.cjs → HO4MOOFI-4Q-h7u6O.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./B4MFY5CR-Eeaqj2pE.cjs"),t=require("./index-BH25LDvP.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-CgKmoZhy.cjs"),t=require("./index-sSI8ulEa.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/{HO4MOOFI-B0re9LoG.js → HO4MOOFI-CWU4gOCj.js}

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

package/dist/{HUY7CZI3-Bhnn9mlN.js → HUY7CZI3-BuVBFUXg.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-BpF1oV0W.js";
-import { g as v, c as C, a as e } from "./index-xGrIPO1U.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-Doi8QlXL.js";
+import { g as v, c as C, a as e } from "./index-Ci9oNrDB.js";
 var h = (t) => {
   const [r, o] = s({
     prefix: "TanstackQueryDevtools"

package/dist/{HUY7CZI3-D6ydyi4S.cjs → HUY7CZI3-CEnI5Lww.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./B4MFY5CR-Eeaqj2pE.cjs"),t=require("./index-BH25LDvP.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-CgKmoZhy.cjs"),t=require("./index-sSI8ulEa.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-CE2qYOMT.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),O=require("@chaibuilder/sdk"),i=require("@chaibuilder/sdk/ui"),D=require("lodash-es"),g=require("lucide-react"),Z=require("react-dropzone"),v=require("@tanstack/react-query"),S=require("sonner"),n=require("./index-sSI8ulEa.cjs"),$=()=>{const a=n.useAssetsApiUrl(),c=v.useQueryClient(),d=n.useFetch();return v.useMutation({mutationFn:async({file:o,folderId:u,name:t})=>d(a,{action:n.ACTIONS.UPLOAD_ASSET,data:{file:o,folderId:u,name:t}}),onSuccess:()=>{c.invalidateQueries({queryKey:[n.ACTIONS.GET_ASSETS]}),S.toast.success("Asset uploaded successfully")},onError:()=>{S.toast.error("Failed to upload asset")}})},ee=()=>{const a=n.useAssetsApiUrl(),c=v.useQueryClient(),d=n.useFetch();return v.useMutation({mutationFn:async o=>d(a,{action:n.ACTIONS.DELETE_ASSET,data:{id:o}}),onSuccess:()=>{c.invalidateQueries({queryKey:[n.ACTIONS.GET_ASSETS]}),S.toast.success("Asset deleted successfully")},onError:()=>{S.toast.error("Failed to delete asset")}})},se=()=>{const a=n.useAssetsApiUrl(),c=v.useQueryClient(),d=n.useFetch();return v.useMutation({mutationFn:async o=>d(a,{action:n.ACTIONS.UPDATE_ASSET,data:o}),onSuccess:()=>{c.invalidateQueries({queryKey:[n.ACTIONS.GET_ASSETS]}),S.toast.success("Asset updated successfully")},onError:()=>{S.toast.error("Failed to update asset")}})},te=(a={})=>{const c=n.useAssetsApiUrl(),d=n.useFetch(),{search:o,limit:u=10}=a;return v.useInfiniteQuery({queryKey:[n.QUERY_KEY_BASE,n.ACTIONS.GET_ASSETS,{search:o,limit:u}],queryFn:async({pageParam:t=1})=>(await d(c,{action:n.ACTIONS.GET_ASSETS,data:{search:o,page:t,limit:u}})).data,initialPageParam:1,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 ae(){const[c,d]=l.useState([]),[o,u]=l.useState({query:"",pageSize:10}),t=D.debounce(()=>o.query,300)(),{data:m,isLoading:A,fetchNextPage:b,hasNextPage:h,isFetchingNextPage:j}=te({search:(t==null?void 0:t.toLowerCase().trim())||"",limit:o.pageSize}),F=(m==null?void 0:m.pages.flatMap(f=>f.assets))||[],{mutate:y,isPaused:p}=se(),{mutate:w,isPending:N}=$(),{mutate:C,isPending:E}=ee(),U=l.useCallback(()=>{h&&!j&&b()},[b,h,j]),T=l.useCallback(f=>{u(x=>({...x,query:f}))},[]),I=l.useCallback(f=>{d(x=>D.find(x,{id:f.id})?[]:[f])},[!1]),M=l.useCallback(()=>{d([])},[]);return{query:(o==null?void 0:o.query)||"",selectedAssets:c,assets:F,hasNextPage:h,isFetchingNextPage:j,uploadAsset:w,updateAsset:y,deleteAsset:C,loadMoreAssets:U,updateSearchQuery:T,clearSelectedAssets:M,updateSelectedAssets:I,isLoadingAssets:A,isUploadingAsset:N,isUpdatingAsset:p,isDeletingAsset:E}}const re=l.lazy(()=>Promise.resolve().then(()=>require("./asset-metadata-editor-YXDey62L.cjs"))),le=l.lazy(()=>Promise.resolve().then(()=>require("./image-editor-BKUmqgv0.cjs")));function ne({close:a,onSelect:c,mode:d="image"}){const u=l.useMemo(()=>[d],[d]),[t,m]=l.useState("browse"),[A,b]=l.useState(null),[h,j]=l.useState({show:!1,file:"",name:""}),{query:F,assets:y,selectedAssets:p,hasNextPage:w,isFetchingNextPage:N,uploadAsset:C,updateAsset:E,deleteAsset:U,loadMoreAssets:T,updateSearchQuery:I,clearSelectedAssets:M,updateSelectedAssets:f,isLoadingAssets:x,isUploadingAsset:P,isUpdatingAsset:Q}=ae(),L=l.useRef(null);l.useEffect(()=>{const s=L.current;if(!s)return;const r=()=>{s.scrollHeight-s.scrollTop<=s.clientHeight*1.5&&!x&&w&&!N&&T()};return s.addEventListener("scroll",r),()=>s.removeEventListener("scroll",r)},[x,T,w,N]);const _=l.useCallback(async s=>new Promise((r,k)=>{const B=s[0],q=new FileReader;q.readAsDataURL(B),q.onload=async()=>{const z=await C({file:q.result,folderId:null,name:B.name});m("browse"),r(z)},q.onerror=z=>k(z)}),[C]),{getRootProps:R,getInputProps:G,isDragActive:K}=Z.useDropzone({onDrop:_,accept:{"image/*":u.includes("image")?[]:[],"video/*":u.includes("video")?[]:[]},maxSize:10*1024*1024}),Y=()=>{c([p[0].url]),a()},H=async s=>{await U(s.id)},V=s=>{b(s)},J=async(s,r)=>{await E(D.merge(s,r)),a()},W=s=>{I(s.target.value)},X=async(s,r)=>{try{r?await C({file:s,folderId:null,name:h.name}):await E({id:h.id,file:s}),j({show:!1,file:"",name:""}),m("browse")}catch(k){console.error("Error saving edited image:",k)}};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(i.Tabs,{value:t,onValueChange:s=>m(s),className:"flex-1 flex flex-col h-full",children:[e.jsxs("div",{className:"flex justify-between items-center mb-2",children:[e.jsxs(i.TabsList,{children:[e.jsx(i.TabsTrigger,{value:"browse",children:"Browse Assets"}),e.jsx(i.TabsTrigger,{value:"upload",children:"Upload"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[p.length>0&&e.jsx(e.Fragment,{children:e.jsx(i.Button,{variant:"outline",size:"sm",onClick:()=>M(),title:"Clear selection",children:"Clear"})}),e.jsx(i.Button,{size:"sm",onClick:Y,disabled:p.length===0,children:"Select Asset"})]})]}),e.jsxs(i.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(g.Search,{className:"absolute left-2 top-2.5 h-4 w-4 text-muted-foreground"}),e.jsx(i.Input,{placeholder:"Search assets...",value:F,onChange:W,className:"pl-8"})]})}),x&&y.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"})]}):y.length===0?e.jsxs("div",{className:"flex flex-col items-center justify-center h-full 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(i.Button,{size:"lg",onClick:()=>m("upload"),children:"Upload Assets"})})]}):e.jsxs("div",{ref:L,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:[y.map(s=>e.jsx(i.Card,{className:O.mergeClasses("cursor-pointer overflow-hidden transition-all",p.some(r=>r.id===s.id)?"ring-2 ring-primary":"hover:ring-2 hover:ring-primary/20"),onClick:()=>f(s),children:e.jsxs(i.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.url||"/placeholder.svg",alt:s.name,className:"object-cover w-full h-full"}):e.jsxs("div",{className:"flex items-center justify-center h-full",children:[e.jsx(g.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(i.Button,{variant:"secondary",size:"icon",className:"h-8 w-8",onClick:r=>{r.stopPropagation(),V(s)},children:e.jsx(g.ImageIcon,{className:"h-4 w-4"})}),e.jsx(i.Button,{variant:"secondary",size:"icon",className:"h-8 w-8",onClick:r=>{r.stopPropagation(),j({id:s.id,show:!0,file:s.url,name:s.name})},children:e.jsx(g.Edit,{className:"h-4 w-4"})}),e.jsx(i.Button,{variant:"destructive",size:"icon",className:"h-8 w-8",onClick:r=>{r.stopPropagation(),H(s)},children:e.jsx(g.Trash2,{className:"h-4 w-4"})})]}),p.some(r=>r.id===s.id)&&e.jsx("div",{className:"absolute top-2 left-2",children:e.jsx("input",{type:"checkbox",checked:p.some(r=>r.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:ie((s==null?void 0:s.size)||0)}),e.jsx("span",{children:oe(s.createdAt)})]})]})]})},s.id)),x&&y.length>0&&e.jsx("div",{className:"col-span-full flex justify-center py-4",children:e.jsx(g.Loader2,{className:"h-6 w-6 animate-spin text-muted-foreground"})}),!x&&w&&e.jsx("div",{className:"col-span-full flex justify-center py-4",children:e.jsxs(i.Button,{variant:"outline",onClick:()=>T(),disabled:N,className:"flex items-center gap-2",children:[N?e.jsx(g.Loader2,{className:"h-4 w-4 animate-spin"}):null,"Load More"]})})]})]}),e.jsx(i.TabsContent,{value:"upload",className:"flex-1 ",children:e.jsxs("div",{...R(),className:O.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",{...G()}),Q||P?e.jsxs("div",{className:"flex flex-col items-center",children:[e.jsx(g.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(g.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: ",u.join(", ")]}),e.jsxs("p",{children:["Maximum file size: ",10,"MB"]})]})]})]})})]})]}),A&&e.jsx(l.Suspense,{fallback:e.jsx("div",{children:"Loading..."}),children:e.jsx(re,{asset:A,onSave:s=>J(A,s),onCancel:()=>{b(null)}})}),h.show&&e.jsx(l.Suspense,{fallback:e.jsx("div",{children:"Loading..."}),children:e.jsx(le,{imageUrl:h.file,onSave:X,onClose:()=>j({show:!1,file:"",name:""}),defaultSavedImageName:h.name,isEditing:!!h.id})})]})}function ie(a){return a<1024?a+" B":a<1024*1024?(a/1024).toFixed(1)+" KB":a<1024*1024*1024?(a/(1024*1024)).toFixed(1)+" MB":(a/(1024*1024*1024)).toFixed(1)+" GB"}function oe(a){const c=new Date(a);return new Intl.DateTimeFormat("en-US",{month:"short",day:"numeric",year:"numeric"}).format(c)}exports.default=ne;

package/dist/digital-asset-manager-Scnvw98W.js

@@ -0,0 +1,471 @@
+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 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 z, X as M, Y as f, Z as Ce } from "./index-Ci9oNrDB.js";
+const Te = () => {
+  const l = z(), n = B(), o = M();
+  return Q({
+    mutationFn: async ({
+      file: r,
+      folderId: c,
+      name: t
+    }) => o(l, {
+      action: f.UPLOAD_ASSET,
+      data: { file: r, folderId: c, name: t }
+    }),
+    onSuccess: () => {
+      n.invalidateQueries({
+        queryKey: [f.GET_ASSETS]
+      }), N.success("Asset uploaded successfully");
+    },
+    onError: () => {
+      N.error("Failed to upload asset");
+    }
+  });
+}, Ue = () => {
+  const l = z(), n = B(), o = M();
+  return Q({
+    mutationFn: async (r) => o(l, {
+      action: f.DELETE_ASSET,
+      data: { id: r }
+    }),
+    onSuccess: () => {
+      n.invalidateQueries({
+        queryKey: [f.GET_ASSETS]
+      }), N.success("Asset deleted successfully");
+    },
+    onError: () => {
+      N.error("Failed to delete asset");
+    }
+  });
+}, Fe = () => {
+  const l = z(), n = B(), o = M();
+  return Q({
+    mutationFn: async (r) => o(l, {
+      action: f.UPDATE_ASSET,
+      data: r
+    }),
+    onSuccess: () => {
+      n.invalidateQueries({
+        queryKey: [f.GET_ASSETS]
+      }), N.success("Asset updated successfully");
+    },
+    onError: () => {
+      N.error("Failed to update asset");
+    }
+  });
+}, ze = (l = {}) => {
+  const n = z(), o = M(), { search: r, limit: c = 10 } = l;
+  return Ee({
+    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: t,
+        limit: c
+      }
+    })).data,
+    initialPageParam: 1,
+    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 Me() {
+  const [n, o] = T([]), [r, c] = T({
+    query: "",
+    pageSize: 10
+  }), t = fe(() => r.query, 300)(), {
+    data: d,
+    isLoading: S,
+    fetchNextPage: w,
+    hasNextPage: u,
+    isFetchingNextPage: g
+  } = ze({
+    search: (t == null ? void 0 : t.toLowerCase().trim()) || "",
+    limit: r.pageSize
+  }), 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
+    }));
+  }, []), k = C(
+    (p) => {
+      o((m) => ge(m, { id: p.id }) ? [] : [p]);
+    },
+    [!1]
+  ), q = C(() => {
+    o([]);
+  }, []);
+  return {
+    // Data
+    query: (r == null ? void 0 : r.query) || "",
+    selectedAssets: n,
+    assets: D,
+    hasNextPage: u,
+    isFetchingNextPage: g,
+    // Mutations
+    uploadAsset: A,
+    updateAsset: x,
+    deleteAsset: b,
+    loadMoreAssets: I,
+    updateSearchQuery: E,
+    clearSelectedAssets: q,
+    updateSelectedAssets: k,
+    // Loading
+    isLoadingAssets: S,
+    isUploadingAsset: y,
+    isUpdatingAsset: h,
+    isDeletingAsset: U
+  };
+}
+const De = W.lazy(() => import("./asset-metadata-editor-CEFwXx62.js")), Ie = W.lazy(() => import("./image-editor-BQ6_F-iv.js"));
+function Oe({
+  close: l,
+  onSelect: n,
+  mode: o = "image"
+}) {
+  const c = ne(() => [o], [o]), [t, d] = T("browse"), [S, w] = T(null), [u, g] = T({ show: !1, file: "", name: "" }), {
+    // Data
+    query: D,
+    assets: x,
+    selectedAssets: h,
+    hasNextPage: A,
+    isFetchingNextPage: y,
+    // Mutations
+    uploadAsset: b,
+    updateAsset: U,
+    deleteAsset: I,
+    loadMoreAssets: E,
+    updateSearchQuery: k,
+    clearSelectedAssets: q,
+    updateSelectedAssets: p,
+    // Loading
+    isLoadingAssets: m,
+    isUploadingAsset: R,
+    isUpdatingAsset: X
+    // isDeletingAsset,
+  } = Me(), G = oe(null);
+  ce(() => {
+    const s = G.current;
+    if (!s) return;
+    const i = () => {
+      s.scrollHeight - s.scrollTop <= s.clientHeight * 1.5 && !m && A && !y && E();
+    };
+    return s.addEventListener("scroll", i), () => s.removeEventListener("scroll", i);
+  }, [m, E, A, y]);
+  const Z = C(
+    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"), i(P);
+      }, F.onerror = (P) => L(P);
+    }),
+    [b]
+  ), { getRootProps: J, getInputProps: $, isDragActive: ee } = be({
+    onDrop: Z,
+    accept: {
+      "image/*": c.includes("image") ? [] : [],
+      "video/*": c.includes("video") ? [] : []
+    },
+    maxSize: 10 * 1024 * 1024
+  }), 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 {
+      i ? await b({
+        file: s,
+        folderId: null,
+        name: u.name
+      }) : 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__ */ 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__ */ a(
+        de,
+        {
+          value: t,
+          onValueChange: (s) => d(s),
+          className: "flex-1 flex flex-col h-full",
+          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__ */ a("div", { className: "flex items-center gap-2", children: [
+                h.length > 0 && /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(
+                  v,
+                  {
+                    variant: "outline",
+                    size: "sm",
+                    onClick: () => q(),
+                    title: "Clear selection",
+                    children: "Clear"
+                  }
+                ) }),
+                /* @__PURE__ */ e(
+                  v,
+                  {
+                    size: "sm",
+                    onClick: se,
+                    disabled: h.length === 0,
+                    children: "Select Asset"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__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: D,
+                    onChange: ie,
+                    className: "pl-8"
+                  }
+                )
+              ] }) }),
+              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" }),
+                /* @__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" }),
+                /* @__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" }),
+                /* @__PURE__ */ e("div", { className: "bg-gray-200 h-64 w-full animate-pulse rounded" })
+              ] }) : 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__ */ 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((s) => /* @__PURE__ */ e(
+                      he,
+                      {
+                        className: O(
+                          "cursor-pointer overflow-hidden transition-all",
+                          h.some((i) => i.id === s.id) ? "ring-2 ring-primary" : "hover:ring-2 hover:ring-primary/20"
+                        ),
+                        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: s.url || "/placeholder.svg",
+                                alt: s.name,
+                                className: "object-cover w-full h-full"
+                              }
+                            ) : /* @__PURE__ */ a("div", { className: "flex items-center justify-center h-full", children: [
+                              /* @__PURE__ */ e(ye, { className: "h-12 w-12 text-muted-foreground" }),
+                              s.thumbnailUrl && /* @__PURE__ */ e(
+                                "img",
+                                {
+                                  src: s.thumbnailUrl || "/placeholder.svg",
+                                  alt: s.name,
+                                  className: "absolute inset-0 object-cover w-full h-full"
+                                }
+                              )
+                            ] }),
+                            /* @__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: (i) => {
+                                    i.stopPropagation(), te(s);
+                                  },
+                                  children: /* @__PURE__ */ e(Ne, { className: "h-4 w-4" })
+                                }
+                              ),
+                              /* @__PURE__ */ e(
+                                v,
+                                {
+                                  variant: "secondary",
+                                  size: "icon",
+                                  className: "h-8 w-8",
+                                  onClick: (i) => {
+                                    i.stopPropagation(), g({
+                                      id: s.id,
+                                      show: !0,
+                                      file: s.url,
+                                      name: s.name
+                                    });
+                                  },
+                                  children: /* @__PURE__ */ e(Se, { className: "h-4 w-4" })
+                                }
+                              ),
+                              /* @__PURE__ */ e(
+                                v,
+                                {
+                                  variant: "destructive",
+                                  size: "icon",
+                                  className: "h-8 w-8",
+                                  onClick: (i) => {
+                                    i.stopPropagation(), ae(s);
+                                  },
+                                  children: /* @__PURE__ */ e(we, { className: "h-4 w-4" })
+                                }
+                              )
+                            ] }),
+                            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(
+                                  (i) => i.id === s.id
+                                ),
+                                readOnly: !0,
+                                className: "rounded-full"
+                              }
+                            ) })
+                          ] }),
+                          /* @__PURE__ */ a("div", { className: "p-2", children: [
+                            /* @__PURE__ */ e(
+                              "div",
+                              {
+                                className: "text-sm font-medium truncate",
+                                title: s.name,
+                                children: s.name
+                              }
+                            ),
+                            /* @__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) })
+                            ] })
+                          ] })
+                        ] })
+                      },
+                      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__ */ a(
+                      v,
+                      {
+                        variant: "outline",
+                        onClick: () => E(),
+                        disabled: y,
+                        className: "flex items-center gap-2",
+                        children: [
+                          y ? /* @__PURE__ */ e(_, { className: "h-4 w-4 animate-spin" }) : null,
+                          "Load More"
+                        ]
+                      }
+                    ) })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e(V, { value: "upload", className: "flex-1 ", children: /* @__PURE__ */ a(
+              "div",
+              {
+                ...J(),
+                className: O(
+                  "border-2 border-dashed rounded-lg h-[380px] flex flex-col items-center justify-center text-center cursor-pointer hover:bg-gray-50",
+                  ee ? "border-primary bg-primary/5" : "border-muted-foreground/20"
+                ),
+                children: [
+                  /* @__PURE__ */ e("input", { ...$() }),
+                  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__ */ 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__ */ a("div", { className: "text-xs text-muted-foreground", children: [
+                      /* @__PURE__ */ a("p", { children: [
+                        "Accepted file types: ",
+                        c.join(", ")
+                      ] }),
+                      /* @__PURE__ */ a("p", { children: [
+                        "Maximum file size: ",
+                        10,
+                        "MB"
+                      ] })
+                    ] })
+                  ] })
+                ]
+              }
+            ) })
+          ]
+        }
+      )
+    ] }),
+    S && /* @__PURE__ */ e(Y, { fallback: /* @__PURE__ */ e("div", { children: "Loading..." }), children: /* @__PURE__ */ e(
+      De,
+      {
+        asset: S,
+        onSave: (s) => le(S, s),
+        onCancel: () => {
+          w(null);
+        }
+      }
+    ) }),
+    u.show && /* @__PURE__ */ e(Y, { fallback: /* @__PURE__ */ e("div", { children: "Loading..." }), children: /* @__PURE__ */ e(
+      Ie,
+      {
+        imageUrl: u.file,
+        onSave: re,
+        onClose: () => g({ show: !1, file: "", name: "" }),
+        defaultSavedImageName: u.name,
+        isEditing: !!u.id
+      }
+    ) })
+  ] });
+}
+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 qe(l) {
+  const n = new Date(l);
+  return new Intl.DateTimeFormat("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  }).format(n);
+}
+export {
+  Oe as default
+};

package/dist/{image-editor-D8wu5UNM.cjs → image-editor-BKUmqgv0.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),t=require("react"),T=require("react-filerobot-image-editor"),I=require("@chaibuilder/sdk/ui"),y=require("lodash-es"),p=require("lucide-react"),b=t.memo(({imageUrl:n,onSave:r,onClose:d,defaultSavedImageName:g,isEditing:u=!1})=>{const[h,c]=t.useState(!0),[x,C]=t.useState(!1);t.useEffect(()=>{const e=new Image;return e.src=n,e.onload=()=>C(!0),()=>{e.onload=null}},[n]);const m=t.useMemo(()=>y.debounce((e,o=!1)=>{const a=e.imageBase64;r(a,o),c(!1)},300),[r]),s=t.useCallback((e,o=!1)=>{m(e,o)},[m]),f=t.useCallback(()=>{c(!1),d()},[d]),l=t.useMemo(()=>({tabsIds:["Adjust","Annotate","Watermark","Finetune","Resize","Filters"],defaultTabId:"Adjust",defaultToolId:"Crop"}),[]),v=t.useMemo(()=>({colors:{primary:"#000000",secondary:"#000000",tertiary:"#000000"}}),[]),S=t.useMemo(()=>u?[{label:"Update this file",onClick:(e,o)=>o((...a)=>{s(a[0],!1)}),icon:p.Save},{label:"Save as new file",onClick:(e,o)=>o((...a)=>{s(a[0],!0)}),icon:p.Copy}]:[],[u,s]);return i.jsx(I.Dialog,{open:!0,onOpenChange:e=>!e&&f(),children:i.jsx(I.DialogContent,{id:"chai-image-editor-container",className:"flex-1 overflow-hidden p-4 min-w-[1280px]",children:h&&x&&i.jsx(T,{theme:v,source:n,onSave:s,onClose:f,Text:{text:"Add text here"},Rotate:{angle:90,componentType:"slider"},tabsIds:l.tabsIds,defaultTabId:l.defaultTabId,defaultToolId:l.defaultToolId,savingPixelRatio:2,previewPixelRatio:1,defaultSavedImageName:g,moreSaveOptions:S,useZoomPresetsMenu:!0})})})});b.displayName="ImageEditor";exports.default=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),I=require("@chaibuilder/sdk/ui"),T=require("lodash-es"),p=require("lucide-react"),t=require("react"),y=require("react-filerobot-image-editor"),b=t.memo(({imageUrl:n,onSave:r,onClose:d,defaultSavedImageName:g,isEditing:u=!1})=>{const[h,c]=t.useState(!0),[x,C]=t.useState(!1);t.useEffect(()=>{const e=new Image;return e.src=n,e.onload=()=>C(!0),()=>{e.onload=null}},[n]);const m=t.useMemo(()=>T.debounce((e,o=!1)=>{const a=e.imageBase64;r(a,o),c(!1)},300),[r]),s=t.useCallback((e,o=!1)=>{m(e,o)},[m]),f=t.useCallback(()=>{c(!1),d()},[d]),l=t.useMemo(()=>({tabsIds:["Adjust","Annotate","Watermark","Finetune","Resize","Filters"],defaultTabId:"Adjust",defaultToolId:"Crop"}),[]),v=t.useMemo(()=>({colors:{primary:"#000000",secondary:"#000000",tertiary:"#000000"}}),[]),S=t.useMemo(()=>u?[{label:"Update this file",onClick:(e,o)=>o((...a)=>{s(a[0],!1)}),icon:p.Save},{label:"Save as new file",onClick:(e,o)=>o((...a)=>{s(a[0],!0)}),icon:p.Copy}]:[],[u,s]);return i.jsx(I.Dialog,{open:!0,onOpenChange:e=>!e&&f(),children:i.jsx(I.DialogContent,{id:"chai-image-editor-container",className:"flex-1 overflow-hidden p-4 min-w-[1280px]",children:h&&x&&i.jsx(y,{theme:v,source:n,onSave:s,onClose:f,Text:{text:"Add text here"},Rotate:{angle:90,componentType:"slider"},tabsIds:l.tabsIds,defaultTabId:l.defaultTabId,defaultToolId:l.defaultToolId,savingPixelRatio:2,previewPixelRatio:1,defaultSavedImageName:g,moreSaveOptions:S,useZoomPresetsMenu:!0})})})});b.displayName="ImageEditor";exports.default=b;

package/dist/{image-editor-CwVua57o.js → image-editor-BQ6_F-iv.js}

@@ -1,20 +1,20 @@
 import { jsx as l } from "react/jsx-runtime";
-import { memo as T, useState as p, useEffect as y, useMemo as s, useCallback as I } from "react";
-import S from "react-filerobot-image-editor";
-import { Dialog as w, DialogContent as E } from "@chaibuilder/sdk/ui";
-import { debounce as O } from "lodash-es";
-import { Save as k, Copy as A } from "lucide-react";
-const R = T(
+import { Dialog as T, DialogContent as y } from "@chaibuilder/sdk/ui";
+import { debounce as S } from "lodash-es";
+import { Save as w, Copy as E } from "lucide-react";
+import { memo as O, useState as p, useEffect as k, useMemo as s, useCallback as I } from "react";
+import A from "react-filerobot-image-editor";
+const R = O(
   ({ imageUrl: n, onSave: d, onClose: i, defaultSavedImageName: g, isEditing: m = !1 }) => {
     const [b, c] = p(!0), [h, C] = p(!1);
-    y(() => {
+    k(() => {
       const e = new Image();
       return e.src = n, e.onload = () => C(!0), () => {
         e.onload = null;
       };
     }, [n]);
     const f = s(
-      () => O((e, o = !1) => {
+      () => S((e, o = !1) => {
         const t = e.imageBase64;
         d(t, o), c(!1);
       }, 300),
@@ -56,25 +56,25 @@ const R = T(
           onClick: (e, o) => o((...t) => {
             a(t[0], !1);
           }),
-          icon: k
+          icon: w
         },
         {
           label: "Save as new file",
           onClick: (e, o) => o((...t) => {
             a(t[0], !0);
           }),
-          icon: A
+          icon: E
         }
       ] : [],
       [m, a]
     );
-    return /* @__PURE__ */ l(w, { open: !0, onOpenChange: (e) => !e && u(), children: /* @__PURE__ */ l(
-      E,
+    return /* @__PURE__ */ l(T, { open: !0, onOpenChange: (e) => !e && u(), children: /* @__PURE__ */ l(
+      y,
       {
         id: "chai-image-editor-container",
         className: "flex-1 overflow-hidden p-4 min-w-[1280px]",
         children: b && h && /* @__PURE__ */ l(
-          S,
+          A,
           {
             theme: v,
             source: n,