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

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

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

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index-Ce2dcOYb.cjs"),t=require("@chaibuilder/sdk");exports.PermissionChecker=e.PermissionChecker;exports.default=e.ChaiBuilderPages;exports.registerChaiLoginComponent=e.registerLoginComponent;exports.useChaiUserInfo=e.useChaiUserInfo;exports.useCurrentPage=e.useCurrentPage;exports.useFetch=e.useFetch;exports.useFetchUpload=e.useFetchUpload;exports.useLanguagePages=e.useLanguagePages;exports.useUserPermissions=e.useUserRoleAndPermissions;exports.useWebsitePages=e.useWebsitePages;exports.useWebsiteSetting=e.useWebsiteSetting;Object.keys(t).forEach(s=>{s!=="default"&&!Object.prototype.hasOwnProperty.call(exports,s)&&Object.defineProperty(exports,s,{enumerable:!0,get:()=>t[s]})});
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index-BosOek7g.cjs"),t=require("@chaibuilder/sdk");exports.PermissionChecker=e.PermissionChecker;exports.default=e.ChaiBuilderPages;exports.registerChaiLoginComponent=e.registerLoginComponent;exports.useChaiUserInfo=e.useChaiUserInfo;exports.useCurrentPage=e.useCurrentPage;exports.useFetch=e.useFetch;exports.useFetchUpload=e.useFetchUpload;exports.useLanguagePages=e.useLanguagePages;exports.useUserPermissions=e.useUserRoleAndPermissions;exports.useWebsitePages=e.useWebsitePages;exports.useWebsiteSetting=e.useWebsiteSetting;Object.keys(t).forEach(s=>{s!=="default"&&!Object.prototype.hasOwnProperty.call(exports,s)&&Object.defineProperty(exports,s,{enumerable:!0,get:()=>t[s]})});

package/dist/index.js

@@ -1,4 +1,4 @@
-import { a0 as a, _ as r, a1 as t, a8 as i, a2 as o, X as u, a7 as n, a3 as g, a6 as h, a4 as m, a5 as C } from "./index-CG2G27hJ.js";
+import { a0 as a, _ as r, a1 as t, a8 as i, a2 as o, X as u, a7 as n, a3 as g, a6 as h, a4 as m, a5 as C } from "./index-CHnFBKHF.js";
 export * from "@chaibuilder/sdk";
 export {
   a as PermissionChecker,

package/package.json

@@ -3,7 +3,7 @@
   "author": "Suraj Air",
   "license": "Private",
   "homepage": "https://chaibuilder.com",
-  "version": "0.4.6-beta.1",
+  "version": "0.4.6-beta.3",
   "type": "module",
   "files": [
     "dist"

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),O=require("@chaibuilder/sdk"),i=require("@chaibuilder/sdk/ui"),z=require("lodash-es"),g=require("lucide-react"),Z=require("react-dropzone"),v=require("@tanstack/react-query"),S=require("sonner"),n=require("./index-Ce2dcOYb.cjs"),$=()=>{const t=n.useAssetsApiUrl(),c=v.useQueryClient(),d=n.useFetch();return v.useMutation({mutationFn:async({file:o,folderId:u,name:l})=>d(t,{action:n.ACTIONS.UPLOAD_ASSET,data:{file:o,folderId:u,name:l}}),onSuccess:()=>{c.invalidateQueries({queryKey:[n.ACTIONS.GET_ASSETS]}),S.toast.success("Asset uploaded successfully")},onError:()=>{S.toast.error("Failed to upload asset")}})},ee=()=>{const t=n.useAssetsApiUrl(),c=v.useQueryClient(),d=n.useFetch();return v.useMutation({mutationFn:async o=>d(t,{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 t=n.useAssetsApiUrl(),c=v.useQueryClient(),d=n.useFetch();return v.useMutation({mutationFn:async o=>d(t,{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=(t={})=>{const c=n.useAssetsApiUrl(),d=n.useFetch(),{search:o,limit:u=10}=t;return v.useInfiniteQuery({queryKey:[n.QUERY_KEY_BASE,n.ACTIONS.GET_ASSETS,{search:o,limit:u}],queryFn:async({pageParam:l=1})=>(await d(c,{action:n.ACTIONS.GET_ASSETS,data:{search:o,page:l,limit:u}})).data,initialPageParam:1,getNextPageParam:l=>l.page*l.pageSize<l.total?l.page+1:void 0,getPreviousPageParam:l=>l.page>1?l.page-1:void 0,retry:1})};function ae(){const[c,d]=r.useState([]),[o,u]=r.useState({query:"",pageSize:10}),l=z.debounce(()=>o.query,300)(),{data:m,isLoading:A,fetchNextPage:b,hasNextPage:h,isFetchingNextPage:j}=te({search:(l==null?void 0:l.toLowerCase().trim())||"",limit:o.pageSize}),q=(m==null?void 0:m.pages.flatMap(f=>f.assets))||[],{mutate:y,isPaused:p}=se(),{mutate:w,isPending:N}=$(),{mutate:C,isPending:E}=ee(),F=r.useCallback(()=>{h&&!j&&b()},[b,h,j]),T=r.useCallback(f=>{u(x=>({...x,query:f}))},[]),U=r.useCallback(f=>{d(x=>z.find(x,{id:f.id})?[]:[f])},[!1]),I=r.useCallback(()=>{d([])},[]);return{query:(o==null?void 0:o.query)||"",selectedAssets:c,assets:q,hasNextPage:h,isFetchingNextPage:j,uploadAsset:w,updateAsset:y,deleteAsset:C,loadMoreAssets:F,updateSearchQuery:T,clearSelectedAssets:I,updateSelectedAssets:U,isLoadingAssets:A,isUploadingAsset:N,isUpdatingAsset:p,isDeletingAsset:E}}const le=r.lazy(()=>Promise.resolve().then(()=>require("./asset-metadata-editor-YXDey62L.cjs"))),re=r.lazy(()=>Promise.resolve().then(()=>require("./image-editor-BKUmqgv0.cjs")));function ne({close:t,onSelect:c,mode:d="image"}){const u=r.useMemo(()=>[d],[d]),[l,m]=r.useState("browse"),[A,b]=r.useState(null),[h,j]=r.useState({show:!1,file:"",name:""}),{query:q,assets:y,selectedAssets:p,hasNextPage:w,isFetchingNextPage:N,uploadAsset:C,updateAsset:E,deleteAsset:F,loadMoreAssets:T,updateSearchQuery:U,clearSelectedAssets:I,updateSelectedAssets:f,isLoadingAssets:x,isUploadingAsset:D,isUpdatingAsset:Q}=ae(),L=r.useRef(null);r.useEffect(()=>{const s=L.current;if(!s)return;const a=()=>{s.scrollHeight-s.scrollTop<=s.clientHeight*1.5&&!x&&w&&!N&&T()};return s.addEventListener("scroll",a),()=>s.removeEventListener("scroll",a)},[x,T,w,N]);const _=r.useCallback(async s=>new Promise((a,M)=>{const B=s[0],P=new FileReader;P.readAsDataURL(B),P.onload=async()=>{const k=await C({file:P.result,folderId:null,name:B.name});m("browse"),a(k)},P.onerror=k=>M(k)}),[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]),t()},H=async s=>{await F(s.id)},V=s=>{b(s)},J=async(s,a)=>{await E(z.merge(s,a)),t()},W=s=>{U(s.target.value)},X=async(s,a)=>{try{a?await C({file:s,folderId:null,name:h.name}):await E({id:h.id,file:s}),j({show:!1,file:"",name:""}),m("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(i.Tabs,{value:l,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:()=>I(),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:q,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(a=>a.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:a=>{a.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:a=>{a.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:a=>{a.stopPropagation(),H(s)},children:e.jsx(g.Trash2,{className:"h-4 w-4"})})]}),p.some(a=>a.id===s.id)&&e.jsx("div",{className:"absolute top-2 left-2",children:e.jsx("input",{type:"checkbox",checked:p.some(a=>a.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||D?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(r.Suspense,{fallback:e.jsx("div",{children:"Loading..."}),children:e.jsx(le,{asset:A,onSave:s=>J(A,s),onCancel:()=>{b(null)}})}),h.show&&e.jsx(r.Suspense,{fallback:e.jsx("div",{children:"Loading..."}),children:e.jsx(re,{imageUrl:h.file,onSave:X,onClose:()=>j({show:!1,file:"",name:""}),defaultSavedImageName:h.name,isEditing:!!h.id})})]})}function ie(t){return t<1024?t+" B":t<1024*1024?(t/1024).toFixed(1)+" KB":t<1024*1024*1024?(t/(1024*1024)).toFixed(1)+" MB":(t/(1024*1024*1024)).toFixed(1)+" GB"}function oe(t){const c=new Date(t);return new Intl.DateTimeFormat("en-US",{month:"short",day:"numeric",year:"numeric"}).format(c)}exports.default=ne;

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

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