@chaibuilder/pages 0.4.2 → 0.4.5

package/dist/{HO4MOOFI-Dv52MIrF.js → HO4MOOFI-B0re9LoG.js}

@@ -1,5 +1,5 @@
-import { c, T as l, P as m, a as u, D as v, Q as i } from "./B4MFY5CR-BXvzaHSP.js";
-import { g as d, c as f, a as e } from "./index-CCJ78lC0.js";
+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";
 var p = (a) => {
   const [r, t] = c({
     prefix: "TanstackQueryDevtools"

package/dist/{HO4MOOFI-Bh9PuTgk.cjs → HO4MOOFI-DZrEi4_0.cjs}

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

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

package/dist/{HUY7CZI3-2-6px-KZ.cjs → HUY7CZI3-D6ydyi4S.cjs}

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

package/dist/asset-metadata-editor-CEFwXx62.js

@@ -0,0 +1,91 @@
+import { jsx as a, jsxs as t } from "react/jsx-runtime";
+import { useState as l } from "react";
+import { Dialog as b, DialogContent as w, DialogHeader as F, DialogTitle as C, Label as d, Input as S, Textarea as y, DialogFooter as A, Button as g } from "@chaibuilder/sdk/ui";
+function E({
+  asset: e,
+  onSave: r,
+  onCancel: o
+}) {
+  const i = e.name.lastIndexOf("."), f = i > 0 ? e.name.substring(0, i) : e.name, c = i > 0 ? e.name.substring(i) : "", [m, x] = l(f), [s, v] = l(e.description || ""), [u, h] = l(!1), N = async () => {
+    h(!0);
+    try {
+      const D = {
+        name: m + c,
+        description: s || void 0
+      };
+      await r(D);
+    } finally {
+      h(!1);
+    }
+  };
+  return /* @__PURE__ */ a(b, { open: !0, onOpenChange: () => o(), children: /* @__PURE__ */ t(w, { className: "sm:max-w-[500px]", children: [
+    /* @__PURE__ */ a(F, { children: /* @__PURE__ */ a(C, { children: "Edit Asset Details" }) }),
+    /* @__PURE__ */ t("div", { className: "grid gap-3 py-2", children: [
+      /* @__PURE__ */ t("div", { className: "grid gap-2", children: [
+        /* @__PURE__ */ a(d, { htmlFor: "name", children: "Name" }),
+        /* @__PURE__ */ t("div", { className: "flex", children: [
+          /* @__PURE__ */ a(
+            S,
+            {
+              id: "name",
+              value: m,
+              onChange: (n) => x(n.target.value),
+              className: "rounded-r-none"
+            }
+          ),
+          /* @__PURE__ */ a("div", { className: "px-3 py-1 text-sm font-medium bg-muted text-muted-foreground rounded-r-md border border-l-0 flex items-center", children: c || "" })
+        ] }),
+        /* @__PURE__ */ a("p", { className: "text-xs text-muted-foreground", children: "Only the file name can be changed, not the extension." })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "grid gap-2", children: [
+        /* @__PURE__ */ a(d, { htmlFor: "description", children: "Description" }),
+        /* @__PURE__ */ a(
+          y,
+          {
+            id: "description",
+            value: s,
+            placeholder: "Enter a description for the asset",
+            onChange: (n) => v(n.target.value),
+            rows: 3
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a("div", { className: "grid grid-cols-1 gap-2 text-sm border rounded-md p-2", children: [
+        { label: "Type", value: e.type },
+        { label: "Format", value: e.format },
+        { label: "Size", value: B(e.size) },
+        {
+          label: "Dimensions",
+          value: `${e.width} × ${e.height}`
+        },
+        { label: "Created", value: p(e.createdAt) },
+        { label: "Updated", value: p((e == null ? void 0 : e.updatedAt) || "") }
+      ].map((n) => /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ a(d, { className: "w-max text-left px-2 w-1/4 font-normal text-gray-700", children: n.label }),
+        ":",
+        /* @__PURE__ */ a("div", { className: "w-max text-left font-medium text-gray-900 capitalize", children: n.value })
+      ] })) })
+    ] }),
+    /* @__PURE__ */ t(A, { children: [
+      /* @__PURE__ */ a(g, { variant: "outline", onClick: o, children: "Cancel" }),
+      /* @__PURE__ */ a(g, { onClick: N, disabled: u, children: u ? "Saving..." : "Save Changes" })
+    ] })
+  ] }) });
+}
+function B(e) {
+  return e < 1024 ? e + " B" : e < 1024 * 1024 ? (e / 1024).toFixed(1) + " KB" : e < 1024 * 1024 * 1024 ? (e / (1024 * 1024)).toFixed(1) + " MB" : (e / (1024 * 1024 * 1024)).toFixed(1) + " GB";
+}
+function p(e) {
+  if (!e) return "N/A";
+  const r = new Date(e);
+  return new Intl.DateTimeFormat("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  }).format(r);
+}
+export {
+  E as default
+};

package/dist/asset-metadata-editor-YXDey62L.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),a=require("@chaibuilder/sdk/ui");function j({asset:e,onSave:r,onCancel:d}){const i=e.name.lastIndexOf("."),h=i>0?e.name.substring(0,i):e.name,o=i>0?e.name.substring(i):"",[s,g]=l.useState(h),[c,f]=l.useState(e.description||""),[m,u]=l.useState(!1),p=async()=>{u(!0);try{const v={name:s+o,description:c||void 0};await r(v)}finally{u(!1)}};return t.jsx(a.Dialog,{open:!0,onOpenChange:()=>d(),children:t.jsxs(a.DialogContent,{className:"sm:max-w-[500px]",children:[t.jsx(a.DialogHeader,{children:t.jsx(a.DialogTitle,{children:"Edit Asset Details"})}),t.jsxs("div",{className:"grid gap-3 py-2",children:[t.jsxs("div",{className:"grid gap-2",children:[t.jsx(a.Label,{htmlFor:"name",children:"Name"}),t.jsxs("div",{className:"flex",children:[t.jsx(a.Input,{id:"name",value:s,onChange:n=>g(n.target.value),className:"rounded-r-none"}),t.jsx("div",{className:"px-3 py-1 text-sm font-medium bg-muted text-muted-foreground rounded-r-md border border-l-0 flex items-center",children:o||""})]}),t.jsx("p",{className:"text-xs text-muted-foreground",children:"Only the file name can be changed, not the extension."})]}),t.jsxs("div",{className:"grid gap-2",children:[t.jsx(a.Label,{htmlFor:"description",children:"Description"}),t.jsx(a.Textarea,{id:"description",value:c,placeholder:"Enter a description for the asset",onChange:n=>f(n.target.value),rows:3})]}),t.jsx("div",{className:"grid grid-cols-1 gap-2 text-sm border rounded-md p-2",children:[{label:"Type",value:e.type},{label:"Format",value:e.format},{label:"Size",value:N(e.size)},{label:"Dimensions",value:`${e.width} × ${e.height}`},{label:"Created",value:x(e.createdAt)},{label:"Updated",value:x((e==null?void 0:e.updatedAt)||"")}].map(n=>t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx(a.Label,{className:"w-max text-left px-2 w-1/4 font-normal text-gray-700",children:n.label}),":",t.jsx("div",{className:"w-max text-left font-medium text-gray-900 capitalize",children:n.value})]}))})]}),t.jsxs(a.DialogFooter,{children:[t.jsx(a.Button,{variant:"outline",onClick:d,children:"Cancel"}),t.jsx(a.Button,{onClick:p,disabled:m,children:m?"Saving...":"Save Changes"})]})]})})}function N(e){return e<1024?e+" B":e<1024*1024?(e/1024).toFixed(1)+" KB":e<1024*1024*1024?(e/(1024*1024)).toFixed(1)+" MB":(e/(1024*1024*1024)).toFixed(1)+" GB"}function x(e){if(!e)return"N/A";const r=new Date(e);return new Intl.DateTimeFormat("en-US",{month:"short",day:"numeric",year:"numeric",hour:"2-digit",minute:"2-digit"}).format(r)}exports.default=j;

package/dist/digital-asset-manager-9VvM1Vyd.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),W=require("react-dropzone"),g=require("lucide-react"),i=require("@chaibuilder/sdk/ui"),z=require("lodash-es"),D=require("@chaibuilder/sdk"),x=require("@tanstack/react-query"),c=require("./index-BH25LDvP.cjs"),j=require("sonner"),X=(t={})=>{c.useApiUrl(),c.useFetch();const{search:n,page:o=1,limit:l=10}=t;return x.useQuery({queryKey:[c.ACTIONS.GET_ASSETS,{search:n,page:o,limit:l}],queryFn:async()=>{const u=localStorage.getItem("assets")||"[]";return JSON.parse(u)},retry:1})},Z=()=>{c.useApiUrl();const t=x.useQueryClient();return c.useFetch(),x.useMutation({mutationFn:async n=>{const o=localStorage.getItem("assets")||"[]";return localStorage.setItem("assets",JSON.stringify([...JSON.parse(o)||[],{id:Math.random().toString(36).substring(2,15),name:"123",url:n,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),type:"image",size:Math.random()*1e3}])),!0},onSuccess:()=>{t.invalidateQueries({queryKey:[c.ACTIONS.GET_ASSETS]}),j.toast.success("Asset uploaded successfully")},onError:()=>{j.toast.error("Failed to upload asset")}})},$=()=>{c.useApiUrl();const t=x.useQueryClient();return c.useFetch(),x.useMutation({mutationFn:async n=>{const o=localStorage.getItem("assets")||"[]";return localStorage.setItem("assets",JSON.stringify((JSON.parse(o)||[]).filter(l=>l.id!==n))),!0},onSuccess:()=>{t.invalidateQueries({queryKey:[c.ACTIONS.GET_ASSETS]}),j.toast.success("Asset deleted successfully")},onError:()=>{j.toast.error("Failed to delete asset")}})},ee=()=>{c.useApiUrl();const t=x.useQueryClient();return c.useFetch(),x.useMutation({mutationFn:async n=>{const o=localStorage.getItem("assets")||"[]";return localStorage.setItem("assets",JSON.stringify((JSON.parse(o)||[]).map(l=>l.id===n.id?{...l,url:n.file}:l))),!0},onSuccess:()=>{t.invalidateQueries({queryKey:[c.ACTIONS.GET_ASSETS]}),j.toast.success("Asset updated successfully")},onError:()=>{j.toast.error("Failed to update asset")}})};function se(){const[n,o]=r.useState([]),[l,u]=r.useState({query:"",page:1,pageSize:10}),y=z.debounce(()=>l.query,300)(),{data:p,isLoading:v}=X({search:(y==null?void 0:y.toLowerCase().trim())||"",page:l.page,limit:l.pageSize}),{mutate:w,isPaused:h}=ee(),{mutate:S,isPending:E}=Z(),{mutate:f,isPending:m}=$(),N=r.useCallback(()=>{u(d=>({...d,page:d.page+1}))},[]),A=r.useCallback(d=>{u(b=>({...b,query:d}))},[]),F=r.useCallback(d=>{o(b=>z.find(b,{id:d.id})?[]:[d])},[!1]),C=r.useCallback(()=>{o([])},[]);return{query:(l==null?void 0:l.query)||"",selectedAssets:n,assets:p||[],uploadAsset:S,updateAsset:w,deleteAsset:f,loadMoreAssets:N,updateSearchQuery:A,clearSelectedAssets:C,updateSelectedAssets:F,isLoadingAssets:v,isUploadingAsset:E,isUpdatingAsset:h,isDeletingAsset:m}}const te=r.lazy(()=>Promise.resolve().then(()=>require("./asset-metadata-editor-YXDey62L.cjs"))),ae=r.lazy(()=>Promise.resolve().then(()=>require("./image-editor-D8wu5UNM.cjs")));function re({close:t,onSelect:n,mode:o="image"}){const u=r.useMemo(()=>[o],[o]),[y,p]=r.useState("browse"),[v,w]=r.useState(null),[h,S]=r.useState({show:!1,file:""}),{query:E,assets:f,selectedAssets:m,uploadAsset:N,updateAsset:A,deleteAsset:F,loadMoreAssets:C,updateSearchQuery:d,clearSelectedAssets:b,updateSelectedAssets:k,isLoadingAssets:T,isUploadingAsset:O,isUpdatingAsset:B}=se(),U=r.useRef(null);r.useEffect(()=>{const s=U.current;if(!s)return;const a=()=>{s.scrollHeight-s.scrollTop<=s.clientHeight*1.5&&!T&&C()};return s.addEventListener("scroll",a),()=>s.removeEventListener("scroll",a)},[T,C]);const P=r.useCallback(async s=>new Promise((a,M)=>{const Y=s[0],q=new FileReader;q.readAsDataURL(Y),q.onload=async()=>{const I=await N(q.result);p("browse"),a(I)},q.onerror=I=>M(I)}),[N]),{getRootProps:L,getInputProps:Q,isDragActive:R}=W.useDropzone({onDrop:P,accept:{"image/*":u.includes("image")?[]:[],"video/*":u.includes("video")?[]:[]},maxSize:10*1024*1024}),J=()=>{n([m[0].url]),t()},G=async s=>{await F(s.id)},K=s=>{w(s)},_=async(s,a)=>{await A(z.merge(s,a)),t()},H=s=>{d(s.target.value)},V=async(s,a)=>{try{a?await N(s):await A({id:h.id,file:s}),S({show:!1,file:""}),p("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:y,onValueChange:s=>p(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:[m.length>0&&e.jsx(e.Fragment,{children:e.jsx(i.Button,{variant:"outline",size:"sm",onClick:()=>b(),title:"Clear selection",children:"Clear"})}),e.jsx(i.Button,{size:"sm",onClick:J,disabled:m.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:E,onChange:H,className:"pl-8"})]})}),T&&f.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"})]}):f.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:()=>p("upload"),children:"Upload Assets"})})]}):e.jsxs("div",{ref:U,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:[f.map(s=>e.jsx(i.Card,{className:D.mergeClasses("cursor-pointer overflow-hidden transition-all",m.some(a=>a.id===s.id)?"ring-2 ring-primary":"hover:ring-2 hover:ring-primary/20"),onClick:()=>k(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(),K(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(),S({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(),G(s)},children:e.jsx(g.Trash2,{className:"h-4 w-4"})})]}),m.some(a=>a.id===s.id)&&e.jsx("div",{className:"absolute top-2 left-2",children:e.jsx("input",{type:"checkbox",checked:m.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:le((s==null?void 0:s.size)||0)}),e.jsx("span",{children:ie(s.createdAt)})]})]})]})},s.id)),T&&f.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"})})]})]}),e.jsx(i.TabsContent,{value:"upload",className:"flex-1 ",children:e.jsxs("div",{...L(),className:D.mergeClasses("border-2 border-dashed rounded-lg h-[380px] flex flex-col items-center justify-center text-center cursor-pointer hover:bg-gray-50",R?"border-primary bg-primary/5":"border-muted-foreground/20"),children:[e.jsx("input",{...Q()}),B||O?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"]})]})]})]})})]})]}),v&&e.jsx(r.Suspense,{fallback:e.jsx("div",{children:"Loading..."}),children:e.jsx(te,{asset:v,onSave:s=>_(v,s),onCancel:()=>{w(null)}})}),h.show&&e.jsx(r.Suspense,{fallback:e.jsx("div",{children:"Loading..."}),children:e.jsx(ae,{imageUrl:h.file,onSave:V,onClose:()=>S({show:!1,file:""}),defaultSavedImageName:h.name,isEditing:!!h.id})})]})}function le(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 ie(t){const n=new Date(t);return new Intl.DateTimeFormat("en-US",{month:"short",day:"numeric",year:"numeric"}).format(n)}exports.default=re;

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

@@ -0,0 +1,462 @@
+import { jsxs as t, Fragment as q, jsx as e } from "react/jsx-runtime";
+import G, { useState as w, useCallback as N, useMemo as le, useRef as ie, useEffect as ne, Suspense as B } from "react";
+import { useDropzone as oe } from "react-dropzone";
+import { Search as ce, Film as de, ImageIcon as ue, Edit as me, Trash2 as ge, Loader2 as J, Upload as he } from "lucide-react";
+import { Tabs as pe, TabsList as fe, TabsTrigger as _, Button as h, TabsContent as Q, Input as ye, Card as ve, CardContent as Se } from "@chaibuilder/sdk/ui";
+import { debounce as xe, find as Ne, merge as we } from "lodash-es";
+import { mergeClasses as R } from "@chaibuilder/sdk";
+import { useQuery as be, useQueryClient as j, useMutation as L } from "@tanstack/react-query";
+import { W as z, X as F, Y as M } from "./index-xGrIPO1U.js";
+import { toast as p } from "sonner";
+const Ae = (a = {}) => {
+  z(), F();
+  const { search: i, page: n = 1, limit: l = 10 } = a;
+  return be({
+    queryKey: [M.GET_ASSETS, { search: i, page: n, limit: l }],
+    queryFn: async () => {
+      const c = localStorage.getItem("assets") || "[]";
+      return JSON.parse(c);
+    },
+    retry: 1
+  });
+}, Ce = () => {
+  z();
+  const a = j();
+  return F(), L({
+    mutationFn: async (i) => {
+      const n = localStorage.getItem("assets") || "[]";
+      return localStorage.setItem(
+        "assets",
+        JSON.stringify([
+          ...JSON.parse(n) || [],
+          {
+            id: Math.random().toString(36).substring(2, 15),
+            name: "123",
+            url: i,
+            createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+            updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+            type: "image",
+            size: Math.random() * 1e3
+          }
+        ])
+      ), !0;
+    },
+    onSuccess: () => {
+      a.invalidateQueries({
+        queryKey: [M.GET_ASSETS]
+      }), p.success("Asset uploaded successfully");
+    },
+    onError: () => {
+      p.error("Failed to upload asset");
+    }
+  });
+}, Ee = () => {
+  z();
+  const a = j();
+  return F(), L({
+    mutationFn: async (i) => {
+      const n = localStorage.getItem("assets") || "[]";
+      return localStorage.setItem(
+        "assets",
+        JSON.stringify(
+          (JSON.parse(n) || []).filter((l) => l.id !== i)
+        )
+      ), !0;
+    },
+    onSuccess: () => {
+      a.invalidateQueries({
+        queryKey: [M.GET_ASSETS]
+      }), p.success("Asset deleted successfully");
+    },
+    onError: () => {
+      p.error("Failed to delete asset");
+    }
+  });
+}, Te = () => {
+  z();
+  const a = j();
+  return F(), L({
+    mutationFn: async (i) => {
+      const n = localStorage.getItem("assets") || "[]";
+      return localStorage.setItem(
+        "assets",
+        JSON.stringify(
+          (JSON.parse(n) || []).map((l) => l.id === i.id ? { ...l, url: i.file } : l)
+        )
+      ), !0;
+    },
+    onSuccess: () => {
+      a.invalidateQueries({
+        queryKey: [M.GET_ASSETS]
+      }), p.success("Asset updated successfully");
+    },
+    onError: () => {
+      p.error("Failed to update asset");
+    }
+  });
+};
+function ze() {
+  const [i, n] = w([]), [l, c] = w({
+    query: "",
+    page: 1,
+    pageSize: 10
+  }), f = xe(() => l.query, 300)(), { data: m, isLoading: y } = Ae({
+    search: (f == null ? void 0 : f.toLowerCase().trim()) || "",
+    page: l.page,
+    limit: l.pageSize
+  }), { mutate: b, isPaused: u } = Te(), { mutate: v, isPending: I } = Ce(), { mutate: g, isPending: d } = Ee(), S = N(() => {
+    c((o) => ({
+      ...o,
+      page: o.page + 1
+    }));
+  }, []), A = N((o) => {
+    c((x) => ({
+      ...x,
+      query: o
+    }));
+  }, []), D = N(
+    (o) => {
+      n((x) => Ne(x, { id: o.id }) ? [] : [o]);
+    },
+    [!1]
+  ), C = N(() => {
+    n([]);
+  }, []);
+  return {
+    // Data
+    query: (l == null ? void 0 : l.query) || "",
+    selectedAssets: i,
+    assets: m || [],
+    // Mutations
+    uploadAsset: v,
+    updateAsset: b,
+    deleteAsset: g,
+    loadMoreAssets: S,
+    updateSearchQuery: A,
+    clearSelectedAssets: C,
+    updateSelectedAssets: D,
+    // Loading
+    isLoadingAssets: y,
+    isUploadingAsset: I,
+    isUpdatingAsset: u,
+    isDeletingAsset: d
+  };
+}
+const Fe = G.lazy(() => import("./asset-metadata-editor-CEFwXx62.js")), Me = G.lazy(() => import("./image-editor-CwVua57o.js"));
+function Qe({
+  close: a,
+  onSelect: i,
+  mode: n = "image"
+}) {
+  const c = le(() => [n], [n]), [f, m] = w("browse"), [y, b] = w(null), [u, v] = w({ show: !1, file: "" }), {
+    // Data
+    query: I,
+    assets: g,
+    selectedAssets: d,
+    // Mutations
+    uploadAsset: S,
+    updateAsset: A,
+    deleteAsset: D,
+    loadMoreAssets: C,
+    updateSearchQuery: o,
+    clearSelectedAssets: x,
+    updateSelectedAssets: O,
+    // Loading
+    isLoadingAssets: E,
+    isUploadingAsset: K,
+    isUpdatingAsset: H
+    // isDeletingAsset,
+  } = ze(), P = ie(null);
+  ne(() => {
+    const s = P.current;
+    if (!s) return;
+    const r = () => {
+      s.scrollHeight - s.scrollTop <= s.clientHeight * 1.5 && !E && C();
+    };
+    return s.addEventListener("scroll", r), () => s.removeEventListener("scroll", r);
+  }, [E, C]);
+  const Y = N(
+    async (s) => new Promise((r, U) => {
+      const re = s[0], T = new FileReader();
+      T.readAsDataURL(re), T.onload = async () => {
+        const k = await S(T.result);
+        m("browse"), r(k);
+      }, T.onerror = (k) => U(k);
+    }),
+    [S]
+  ), { getRootProps: V, getInputProps: W, isDragActive: X } = oe({
+    onDrop: Y,
+    accept: {
+      "image/*": c.includes("image") ? [] : [],
+      "video/*": c.includes("video") ? [] : []
+    },
+    maxSize: 10 * 1024 * 1024
+  }), Z = () => {
+    i([d[0].url]), a();
+  }, $ = async (s) => {
+    await D(s.id);
+  }, ee = (s) => {
+    b(s);
+  }, se = async (s, r) => {
+    await A(we(s, r)), a();
+  }, te = (s) => {
+    o(s.target.value);
+  }, ae = async (s, r) => {
+    try {
+      r ? await S(s) : await A({ id: u.id, file: s }), v({ show: !1, file: "" }), m("browse");
+    } catch (U) {
+      console.error("Error saving edited image:", U);
+    }
+  };
+  return /* @__PURE__ */ t(q, { children: [
+    /* @__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(
+        pe,
+        {
+          value: f,
+          onValueChange: (s) => m(s),
+          className: "flex-1 flex flex-col h-full",
+          children: [
+            /* @__PURE__ */ t("div", { className: "flex justify-between items-center mb-2", children: [
+              /* @__PURE__ */ t(fe, { children: [
+                /* @__PURE__ */ e(_, { value: "browse", children: "Browse Assets" }),
+                /* @__PURE__ */ e(_, { value: "upload", children: "Upload" })
+              ] }),
+              /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+                d.length > 0 && /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(
+                  h,
+                  {
+                    variant: "outline",
+                    size: "sm",
+                    onClick: () => x(),
+                    title: "Clear selection",
+                    children: "Clear"
+                  }
+                ) }),
+                /* @__PURE__ */ e(
+                  h,
+                  {
+                    size: "sm",
+                    onClick: Z,
+                    disabled: d.length === 0,
+                    children: "Select Asset"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ t(Q, { 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(ce, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
+                /* @__PURE__ */ e(
+                  ye,
+                  {
+                    placeholder: "Search assets...",
+                    value: I,
+                    onChange: te,
+                    className: "pl-8"
+                  }
+                )
+              ] }) }),
+              E && g.length === 0 ? /* @__PURE__ */ t("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" })
+              ] }) : g.length === 0 ? /* @__PURE__ */ t("div", { className: "flex flex-col items-center justify-center h-full text-center p-12 h-[380px]", children: [
+                /* @__PURE__ */ t("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(h, { size: "lg", onClick: () => m("upload"), children: "Upload Assets" }) })
+              ] }) : /* @__PURE__ */ t(
+                "div",
+                {
+                  ref: P,
+                  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: [
+                    g.map((s) => /* @__PURE__ */ e(
+                      ve,
+                      {
+                        className: R(
+                          "cursor-pointer overflow-hidden transition-all",
+                          d.some((r) => r.id === s.id) ? "ring-2 ring-primary" : "hover:ring-2 hover:ring-primary/20"
+                        ),
+                        onClick: () => O(s),
+                        children: /* @__PURE__ */ t(Se, { className: "p-0 relative group", children: [
+                          /* @__PURE__ */ t("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__ */ t("div", { className: "flex items-center justify-center h-full", children: [
+                              /* @__PURE__ */ e(de, { 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__ */ t("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(
+                                h,
+                                {
+                                  variant: "secondary",
+                                  size: "icon",
+                                  className: "h-8 w-8",
+                                  onClick: (r) => {
+                                    r.stopPropagation(), ee(s);
+                                  },
+                                  children: /* @__PURE__ */ e(ue, { className: "h-4 w-4" })
+                                }
+                              ),
+                              /* @__PURE__ */ e(
+                                h,
+                                {
+                                  variant: "secondary",
+                                  size: "icon",
+                                  className: "h-8 w-8",
+                                  onClick: (r) => {
+                                    r.stopPropagation(), v({
+                                      id: s.id,
+                                      show: !0,
+                                      file: s.url,
+                                      name: s.name
+                                    });
+                                  },
+                                  children: /* @__PURE__ */ e(me, { className: "h-4 w-4" })
+                                }
+                              ),
+                              /* @__PURE__ */ e(
+                                h,
+                                {
+                                  variant: "destructive",
+                                  size: "icon",
+                                  className: "h-8 w-8",
+                                  onClick: (r) => {
+                                    r.stopPropagation(), $(s);
+                                  },
+                                  children: /* @__PURE__ */ e(ge, { className: "h-4 w-4" })
+                                }
+                              )
+                            ] }),
+                            d.some((r) => r.id === s.id) && /* @__PURE__ */ e("div", { className: "absolute top-2 left-2", children: /* @__PURE__ */ e(
+                              "input",
+                              {
+                                type: "checkbox",
+                                checked: d.some(
+                                  (r) => r.id === s.id
+                                ),
+                                readOnly: !0,
+                                className: "rounded-full"
+                              }
+                            ) })
+                          ] }),
+                          /* @__PURE__ */ t("div", { className: "p-2", children: [
+                            /* @__PURE__ */ e(
+                              "div",
+                              {
+                                className: "text-sm font-medium truncate",
+                                title: s.name,
+                                children: s.name
+                              }
+                            ),
+                            /* @__PURE__ */ t("div", { className: "text-xs text-muted-foreground flex items-center justify-between", children: [
+                              /* @__PURE__ */ e("span", { children: Ie((s == null ? void 0 : s.size) || 0) }),
+                              /* @__PURE__ */ e("span", { children: De(s.createdAt) })
+                            ] })
+                          ] })
+                        ] })
+                      },
+                      s.id
+                    )),
+                    E && g.length > 0 && /* @__PURE__ */ e("div", { className: "col-span-full flex justify-center py-4", children: /* @__PURE__ */ e(J, { className: "h-6 w-6 animate-spin text-muted-foreground" }) })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e(Q, { value: "upload", className: "flex-1 ", children: /* @__PURE__ */ t(
+              "div",
+              {
+                ...V(),
+                className: R(
+                  "border-2 border-dashed rounded-lg h-[380px] flex flex-col items-center justify-center text-center cursor-pointer hover:bg-gray-50",
+                  X ? "border-primary bg-primary/5" : "border-muted-foreground/20"
+                ),
+                children: [
+                  /* @__PURE__ */ e("input", { ...W() }),
+                  H || K ? /* @__PURE__ */ t("div", { className: "flex flex-col items-center", children: [
+                    /* @__PURE__ */ e(J, { 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: [
+                    /* @__PURE__ */ e(he, { 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__ */ t("div", { className: "text-xs text-muted-foreground", children: [
+                      /* @__PURE__ */ t("p", { children: [
+                        "Accepted file types: ",
+                        c.join(", ")
+                      ] }),
+                      /* @__PURE__ */ t("p", { children: [
+                        "Maximum file size: ",
+                        10,
+                        "MB"
+                      ] })
+                    ] })
+                  ] })
+                ]
+              }
+            ) })
+          ]
+        }
+      )
+    ] }),
+    y && /* @__PURE__ */ e(B, { fallback: /* @__PURE__ */ e("div", { children: "Loading..." }), children: /* @__PURE__ */ e(
+      Fe,
+      {
+        asset: y,
+        onSave: (s) => se(y, s),
+        onCancel: () => {
+          b(null);
+        }
+      }
+    ) }),
+    u.show && /* @__PURE__ */ e(B, { fallback: /* @__PURE__ */ e("div", { children: "Loading..." }), children: /* @__PURE__ */ e(
+      Me,
+      {
+        imageUrl: u.file,
+        onSave: ae,
+        onClose: () => v({ show: !1, file: "" }),
+        defaultSavedImageName: u.name,
+        isEditing: !!u.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 De(a) {
+  const i = new Date(a);
+  return new Intl.DateTimeFormat("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  }).format(i);
+}
+export {
+  Qe as default
+};