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

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

package/dist/{HO4MOOFI-Ccp8Qqm_.cjs → HO4MOOFI-CsPcqhcs.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./B4MFY5CR-CGzb3p_w.cjs"),t=require("./index-Ce2dcOYb.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-C8daQItO.cjs"),t=require("./index-BosOek7g.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-SiC6h0G4.js → HO4MOOFI-oec0xpE4.js}

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

package/dist/{HUY7CZI3-IOf8eDrC.cjs → HUY7CZI3-B8Ze2vSD.cjs}

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

package/dist/{HUY7CZI3-Ew2voVO9.js → HUY7CZI3-CPhM1Xo9.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-BSGjETfq.js";
-import { g as v, c as C, a as e } from "./index-CG2G27hJ.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-DuN0t56f.js";
+import { g as v, c as C, a as e } from "./index-CHnFBKHF.js";
 var h = (t) => {
   const [r, o] = s({
     prefix: "TanstackQueryDevtools"

package/dist/{asset-metadata-editor-CEFwXx62.js → asset-metadata-editor-B5xHNQG_.js}

@@ -1,12 +1,12 @@
 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";
+import { Dialog as b, DialogContent as w, DialogHeader as F, DialogTitle as C, Label as l, Input as S, Textarea as y, DialogFooter as A, Button as g } from "@chaibuilder/sdk/ui";
+import { useState as d } from "react";
 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 () => {
+  const i = e.name.lastIndexOf("."), f = i > 0 ? e.name.substring(0, i) : e.name, c = i > 0 ? e.name.substring(i) : "", [m, x] = d(f), [s, v] = d(e.description || ""), [u, h] = d(!1), N = async () => {
     h(!0);
     try {
       const D = {
@@ -22,7 +22,7 @@ function E({
     /* @__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__ */ a(l, { htmlFor: "name", children: "Name" }),
         /* @__PURE__ */ t("div", { className: "flex", children: [
           /* @__PURE__ */ a(
             S,
@@ -38,7 +38,7 @@ function E({
         /* @__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(l, { htmlFor: "description", children: "Description" }),
         /* @__PURE__ */ a(
           y,
           {
@@ -61,7 +61,7 @@ function E({
         { 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(l, { 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 })
       ] })) })

package/dist/{asset-metadata-editor-YXDey62L.cjs → asset-metadata-editor-Bzt3zj6x.cjs}

@@ -1 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("@chaibuilder/sdk/ui"),l=require("react");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-DPEusw_C.js

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),Q=require("@chaibuilder/sdk"),o=require("@chaibuilder/sdk/ui"),B=require("lodash-es"),p=require("lucide-react"),J=require("react-dropzone"),S=require("@tanstack/react-query"),N=require("sonner"),r=require("./index-BosOek7g.cjs"),W=()=>{const t=r.useAssetsApiUrl(),d=S.useQueryClient(),u=r.useFetch();return S.useMutation({mutationFn:async({file:i,folderId:m,name:h})=>u(t,{action:r.ACTIONS.UPLOAD_ASSET,data:{file:i,folderId:m,name:h}}),onSuccess:()=>{d.invalidateQueries({queryKey:[r.ACTIONS.GET_ASSETS]}),N.toast.success("Asset uploaded successfully")},onError:()=>{N.toast.error("Failed to upload asset")}})},X=()=>{const t=r.useAssetsApiUrl(),d=S.useQueryClient(),u=r.useFetch();return S.useMutation({mutationFn:async i=>u(t,{action:r.ACTIONS.DELETE_ASSET,data:{id:i}}),onSuccess:()=>{d.invalidateQueries({queryKey:[r.ACTIONS.GET_ASSETS]}),N.toast.success("Asset deleted successfully")},onError:()=>{N.toast.error("Failed to delete asset")}})},Z=()=>{const t=r.useAssetsApiUrl(),d=S.useQueryClient(),u=r.useFetch();return S.useMutation({mutationFn:async i=>u(t,{action:r.ACTIONS.UPDATE_ASSET,data:i}),onSuccess:()=>{d.invalidateQueries({queryKey:[r.ACTIONS.GET_ASSETS]}),N.toast.success("Asset updated successfully")},onError:()=>{N.toast.error("Failed to update asset")}})},$=(t={})=>{const d=r.useAssetsApiUrl(),u=r.useFetch(),{search:i,page:m=1,limit:h=10}=t;return S.useQuery({queryKey:[r.QUERY_KEY_BASE,r.ACTIONS.GET_ASSETS,i,m,h],queryFn:async()=>(await u(d,{action:r.ACTIONS.GET_ASSETS,data:{search:i,page:m,limit:h}})).data,retry:1})};function ee(){const[d,u]=a.useState([]),[i,m]=a.useState({query:"",page:1,pageSize:10}),h=B.debounce(()=>i.query,300)(),{data:n,isLoading:b}=$({search:(h==null?void 0:h.toLowerCase().trim())||"",page:i.page,limit:i.pageSize}),f=n?Math.ceil(n.total/n.pageSize):0,c=(n==null?void 0:n.page)||1,j=c<f,w=c>1,{mutate:A,isPending:x}=Z(),{mutate:C,isPending:T}=W(),{mutate:q,isPending:U}=X(),y=a.useCallback(g=>{g>=1&&g<=f&&m(v=>({...v,page:g}))},[f]),F=a.useCallback(()=>{j&&y(c+1)},[c,j,y]),E=a.useCallback(()=>{w&&y(c-1)},[c,w,y]),I=a.useCallback(g=>{m(v=>({...v,query:g,page:1}))},[]),k=a.useCallback(g=>{u(v=>B.find(v,{id:g.id})?[]:[g])},[!1]),z=a.useCallback(()=>{u([])},[]);return{query:(i==null?void 0:i.query)||"",selectedAssets:d,assets:(n==null?void 0:n.assets)||[],currentPage:c,totalPages:f,hasNextPage:j,hasPreviousPage:w,uploadAsset:C,updateAsset:A,deleteAsset:q,goToPage:y,nextPage:F,previousPage:E,updateSearchQuery:I,clearSelectedAssets:z,updateSelectedAssets:k,isLoadingAssets:b,isUploadingAsset:T,isUpdatingAsset:x,isDeletingAsset:U}}const se=a.lazy(()=>Promise.resolve().then(()=>require("./asset-metadata-editor-Bzt3zj6x.cjs"))),te=a.lazy(()=>Promise.resolve().then(()=>require("./image-editor-D8wu5UNM.cjs")));function ae({close:t,onSelect:d,mode:u="image"}){const m=a.useMemo(()=>[u],[u]),[h,n]=a.useState("browse"),[b,f]=a.useState(null),[c,j]=a.useState({show:!1,file:""}),{query:w,assets:A,selectedAssets:x,uploadAsset:C,updateAsset:T,deleteAsset:q,updateSearchQuery:U,clearSelectedAssets:y,updateSelectedAssets:F,isLoadingAssets:E,isUploadingAsset:I,isUpdatingAsset:k}=ee(),z=a.useRef(null),g=a.useCallback(async s=>new Promise((l,M)=>{const O=s[0],P=new FileReader;P.readAsDataURL(O),P.onload=async()=>{const D=await C({file:P.result,folderId:null,name:O.name});n("browse"),l(D)},P.onerror=D=>M(D)}),[C]),{getRootProps:v,getInputProps:L,isDragActive:_}=J.useDropzone({onDrop:g,accept:{"image/*":m.includes("image")?[]:[],"video/*":m.includes("video")?[]:[]},maxSize:10*1024*1024}),R=()=>{d([x[0].url]),t()},G=async s=>{await q(s.id)},K=s=>{f(s)},Y=async(s,l)=>{await T(B.merge(s,l)),t()},V=s=>{U(s.target.value)},H=async(s,l)=>{try{l?await C({file:s,folderId:null,name:c.name||""}):await T({id:c.id||"",file:s}),j({show:!1,file:""}),n("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(o.Tabs,{value:h,onValueChange:s=>n(s),className:"flex-1 flex flex-col h-full",children:[e.jsxs("div",{className:"flex justify-between items-center mb-2",children:[e.jsxs(o.TabsList,{children:[e.jsx(o.TabsTrigger,{value:"browse",children:"Browse Assets"}),e.jsx(o.TabsTrigger,{value:"upload",children:"Upload"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[x.length>0&&e.jsx(e.Fragment,{children:e.jsx(o.Button,{variant:"outline",size:"sm",onClick:()=>y(),title:"Clear selection",children:"Clear"})}),e.jsx(o.Button,{size:"sm",onClick:R,disabled:x.length===0,children:"Select Asset"})]})]}),e.jsxs(o.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(p.Search,{className:"absolute left-2 top-2.5 h-4 w-4 text-muted-foreground"}),e.jsx(o.Input,{placeholder:"Search assets...",value:w,onChange:V,className:"pl-8"})]})}),E&&A.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"})]}):A.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(o.Button,{size:"lg",onClick:()=>n("upload"),children:"Upload Assets"})})]}):e.jsxs("div",{ref:z,className:"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-2 overflow-y-auto max-h-[550px] p-1",children:[A.map(s=>e.jsx(o.Card,{className:Q.mergeClasses("cursor-pointer overflow-hidden transition-all",x.some(l=>l.id===s.id)?"ring-2 ring-primary":"hover:ring-2 hover:ring-primary/20"),onClick:()=>F(s),children:e.jsxs(o.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(p.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(o.Button,{variant:"secondary",size:"icon",className:"h-8 w-8",onClick:l=>{l.stopPropagation(),K(s)},children:e.jsx(p.ImageIcon,{className:"h-4 w-4"})}),e.jsx(o.Button,{variant:"secondary",size:"icon",className:"h-8 w-8",onClick:l=>{l.stopPropagation(),j({id:s.id,show:!0,file:s.url,name:s.name})},children:e.jsx(p.Edit,{className:"h-4 w-4"})}),e.jsx(o.Button,{variant:"destructive",size:"icon",className:"h-8 w-8",onClick:l=>{l.stopPropagation(),G(s)},children:e.jsx(p.Trash2,{className:"h-4 w-4"})})]}),x.some(l=>l.id===s.id)&&e.jsx("div",{className:"absolute top-2 left-2",children:e.jsx("input",{type:"checkbox",checked:x.some(l=>l.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:re(s.createdAt)})]})]})]})},s.id)),E&&A.length>0&&e.jsx("div",{className:"col-span-full flex justify-center py-4",children:e.jsx(p.Loader2,{className:"h-6 w-6 animate-spin text-muted-foreground"})})]})]}),e.jsx(o.TabsContent,{value:"upload",className:"flex-1 ",children:e.jsxs("div",{...v(),className:Q.mergeClasses("border-2 border-dashed rounded-lg h-[380px] flex flex-col items-center justify-center text-center cursor-pointer hover:bg-gray-50",_?"border-primary bg-primary/5":"border-muted-foreground/20"),children:[e.jsx("input",{...L()}),k||I?e.jsxs("div",{className:"flex flex-col items-center",children:[e.jsx(p.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(p.Upload,{className:"h-12 w-12 text-muted-foreground mb-4"}),e.jsx("h3",{className:"text-lg font-medium mb-1",children:"Drag & drop files here"}),e.jsx("p",{className:"text-sm text-muted-foreground mb-4",children:"or click to browse your files"}),e.jsxs("div",{className:"text-xs text-muted-foreground",children:[e.jsxs("p",{children:["Accepted file types: ",m.join(", ")]}),e.jsxs("p",{children:["Maximum file size: ",10,"MB"]})]})]})]})})]})]}),b&&e.jsx(a.Suspense,{fallback:e.jsx("div",{children:"Loading..."}),children:e.jsx(se,{asset:b,onSave:s=>Y(b,s),onCancel:()=>{f(null)}})}),c.show&&e.jsx(a.Suspense,{fallback:e.jsx("div",{children:"Loading..."}),children:e.jsx(te,{imageUrl:c.file,onSave:H,onClose:()=>j({show:!1,file:""}),defaultSavedImageName:c.name,isEditing:!!c.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 re(t){const d=new Date(t);return new Intl.DateTimeFormat("en-US",{month:"short",day:"numeric",year:"numeric"}).format(d)}exports.default=ae;

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

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