@chaibuilder/pages 0.4.14 → 0.4.16

package/dist/server.js

@@ -1,30 +1,30 @@
-var T = Object.defineProperty;
-var y = (i, a, e) => a in i ? T(i, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[a] = e;
-var u = (i, a, e) => y(i, typeof a != "symbol" ? a + "" : a, e);
-import { isEmpty as w, get as C, first as L, startsWith as _, has as A } from "lodash-es";
-const g = {}, v = (i, a) => {
+var y = Object.defineProperty;
+var C = (i, a, e) => a in i ? y(i, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[a] = e;
+var u = (i, a, e) => C(i, typeof a != "symbol" ? a + "" : a, e);
+import { isEmpty as b, get as L, first as _, startsWith as v, has as A } from "lodash-es";
+const g = {}, U = (i, a) => {
   g[i] = { key: i, ...a, hasSlug: !0 };
-}, U = (i, a) => {
+}, G = (i, a) => {
   g[i] = { key: i, ...a, hasSlug: !1 };
-}, b = () => Object.values(g), l = (i) => g[i];
-let P = async (i) => ({
+}, p = () => Object.values(g), l = (i) => g[i];
+let T = async (i) => ({
   ...i
 });
-const B = (i) => P = i, p = async (i) => {
+const K = (i) => T = i, P = async (i) => {
   try {
-    return await P(i);
+    return await T(i);
   } catch (a) {
     return console.error(a), {};
   }
 };
-class G {
+class D {
   constructor(a) {
     this.backend = a;
   }
   async upload({
     file: a,
     folderId: e,
-    name: n
+    name: s
   }, t) {
     var o, c;
     return await ((c = (o = this.backend).handleAssetsAction) == null ? void 0 : c.call(
@@ -32,7 +32,7 @@ class G {
       {
         action: "UPLOAD_ASSET",
         data: {
-          name: n,
+          name: s,
           file: a,
           folderId: e
         }
@@ -41,17 +41,17 @@ class G {
     ));
   }
   async getAsset({ id: a }, e) {
-    var n, t;
-    return (t = (n = this.backend).handleAssetsAction) == null ? void 0 : t.call(
-      n,
+    var s, t;
+    return (t = (s = this.backend).handleAssetsAction) == null ? void 0 : t.call(
+      s,
       { action: "GET_ASSET", data: { id: a } },
       e
     );
   }
   async getAssets(a, e) {
-    var n, t;
-    return (t = (n = this.backend).handleAssetsAction) == null ? void 0 : t.call(
-      n,
+    var s, t;
+    return (t = (s = this.backend).handleAssetsAction) == null ? void 0 : t.call(
+      s,
       {
         action: "GET_ASSETS",
         data: a
@@ -59,13 +59,13 @@ class G {
       e
     );
   }
-  async deleteAsset(a, e) {
-    var n, t;
-    return (t = (n = this.backend).handleAssetsAction) == null ? void 0 : t.call(
-      n,
+  async deleteAsset({ id: a }, e) {
+    var s, t;
+    return (t = (s = this.backend).handleAssetsAction) == null ? void 0 : t.call(
+      s,
       {
         action: "DELETE_ASSET",
-        data: { assetId: a }
+        data: { id: a }
       },
       e
     );
@@ -73,26 +73,26 @@ class G {
   async updateAsset({
     id: a,
     file: e,
-    description: n
+    description: s
   }, t) {
-    var s, o;
-    return (o = (s = this.backend).handleAssetsAction) == null ? void 0 : o.call(
-      s,
+    var n, o;
+    return (o = (n = this.backend).handleAssetsAction) == null ? void 0 : o.call(
+      n,
       {
         action: "UPDATE_ASSET",
-        data: { id: a, file: e, description: n }
+        data: { id: a, file: e, description: s }
       },
       t
     );
   }
 }
-class D {
+class M {
   constructor(a) {
     this.backend = a;
   }
   async refreshToken(a) {
-    var n, t;
-    const e = await ((t = (n = this.backend).handleUsersAction) == null ? void 0 : t.call(n, {
+    var s, t;
+    const e = await ((t = (s = this.backend).handleUsersAction) == null ? void 0 : t.call(s, {
       action: "REFRESH_TOKEN",
       data: a
     }));
@@ -102,12 +102,12 @@ class D {
     email: a,
     password: e
   }) {
-    var t, s;
-    const n = await ((s = (t = this.backend).handleUsersAction) == null ? void 0 : s.call(t, {
+    var t, n;
+    const s = await ((n = (t = this.backend).handleUsersAction) == null ? void 0 : n.call(t, {
       action: "LOGIN",
       data: { email: a, password: e }
     }));
-    return n.error ? { error: n.error } : n;
+    return s.error ? { error: s.error } : s;
   }
   async logout() {
     var a, e;
@@ -116,9 +116,9 @@ class D {
     }));
   }
   async isUserActive(a) {
-    var n, t;
-    return (await ((t = (n = this.backend).handleUsersAction) == null ? void 0 : t.call(
-      n,
+    var s, t;
+    return (await ((t = (s = this.backend).handleUsersAction) == null ? void 0 : t.call(
+      s,
       {
         action: "CHECK_USER_STATUS"
       },
@@ -126,9 +126,9 @@ class D {
     ))).success;
   }
   async getUserRoleAndPermissions(a) {
-    var n, t;
-    return await ((t = (n = this.backend).handleUsersAction) == null ? void 0 : t.call(
-      n,
+    var s, t;
+    return await ((t = (s = this.backend).handleUsersAction) == null ? void 0 : t.call(
+      s,
       {
         action: "GET_ROLE_AND_PERMISSIONS"
       },
@@ -136,8 +136,8 @@ class D {
     ));
   }
   async getUserInfo(a, e) {
-    var t, s;
-    return await ((s = (t = this.backend).handleUsersAction) == null ? void 0 : s.call(
+    var t, n;
+    return await ((n = (t = this.backend).handleUsersAction) == null ? void 0 : n.call(
       t,
       {
         action: "GET_CHAI_USER",
@@ -147,7 +147,7 @@ class D {
     ));
   }
 }
-const M = {
+const I = {
   ab: "Abkhazian",
   aa: "Afar",
   af: "Afrikaans",
@@ -336,25 +336,25 @@ const M = {
   za: "Zhuang, Chuang",
   zu: "Zulu"
 };
-class K {
-  constructor(a, e, n) {
+class N {
+  constructor(a, e, s) {
     u(this, "fallbackLang", "");
     u(this, "currentLang", "");
     u(this, "draftMode", !1);
-    this.backend = a, this.chaiUsers = e, this.chaiAssets = n, this._registerDefaultPageTypes(), this.chaiUsers = e ?? new D(this.backend), this.chaiAssets = n ?? new G(this.backend);
+    this.backend = a, this.chaiUsers = e, this.chaiAssets = s, this._registerDefaultPageTypes(), this.chaiUsers = e ?? new M(this.backend), this.chaiAssets = s ?? new D(this.backend);
   }
   _registerDefaultPageTypes() {
-    v("page", {
+    U("page", {
       name: "Static Page",
       icon: '<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M5 8V20H19V8H5ZM5 6H19V4H5V6ZM20 22H4C3.44772 22 3 21.5523 3 21V3C3 2.44772 3.44772 2 4 2H20C20.5523 2 21 2.44772 21 3V21C21 21.5523 20.5523 22 20 22ZM7 10H11V14H7V10ZM7 16H17V18H7V16ZM13 11H17V13H13V11Z"></path></svg>'
-    }), U("global", {
+    }), G("global", {
       name: "Global Block",
       helpText: "A global block can be reused in multiple pages.",
       icon: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-4 h-4 text-slate-500 stroke-[1]"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg>'
     });
   }
   setFallbackLang(a) {
-    if (w(a))
+    if (b(a))
       throw new Error("Fallback language cannot be empty");
     this.fallbackLang = a;
   }
@@ -362,7 +362,7 @@ class K {
     return this.fallbackLang;
   }
   setCurrentLang(a) {
-    if (w(a))
+    if (b(a))
       throw new Error("Current language cannot be empty");
     this.currentLang = a;
   }
@@ -376,7 +376,7 @@ class K {
     return this.draftMode;
   }
   async handle(a, e) {
-    var t, s, o, c, h, k, m, E, S, f;
+    var t, n, o, c, h, k, E, S, m, f, w;
     switch (a.action) {
       // Media
       case "UPLOAD_ASSET":
@@ -388,35 +388,43 @@ class K {
           },
           e
         );
+      case "GET_ASSET":
+        return (n = this.chaiAssets) == null ? void 0 : n.getAsset(
+          a.data,
+          e
+        );
       case "GET_ASSETS":
-        return (s = this.chaiAssets) == null ? void 0 : s.getAssets(a.data, e);
+        return (o = this.chaiAssets) == null ? void 0 : o.getAssets(a.data, e);
       case "DELETE_ASSET":
-        return (o = this.chaiAssets) == null ? void 0 : o.deleteAsset(a.data.id, e);
+        return (c = this.chaiAssets) == null ? void 0 : c.deleteAsset(
+          a.data,
+          e
+        );
       case "UPDATE_ASSET":
-        return (c = this.chaiAssets) == null ? void 0 : c.updateAsset(a.data, e);
+        return (h = this.chaiAssets) == null ? void 0 : h.updateAsset(a.data, e);
       // Users
       case "REFRESH_TOKEN":
-        return (h = this.chaiUsers) == null ? void 0 : h.refreshToken(
+        return (k = this.chaiUsers) == null ? void 0 : k.refreshToken(
           a.data
         );
       case "LOGIN":
-        return (k = this.chaiUsers) == null ? void 0 : k.login(
+        return (E = this.chaiUsers) == null ? void 0 : E.login(
           a.data
         );
       case "LOGOUT":
-        return (m = this.chaiUsers) == null ? void 0 : m.logout();
+        return (S = this.chaiUsers) == null ? void 0 : S.logout();
       case "CHECK_USER_STATUS":
-        return (E = this.chaiUsers) == null ? void 0 : E.isUserActive(e);
+        return (m = this.chaiUsers) == null ? void 0 : m.isUserActive(e);
       case "GET_ROLE_AND_PERMISSIONS":
-        return (S = this.chaiUsers) == null ? void 0 : S.getUserRoleAndPermissions(e);
+        return (f = this.chaiUsers) == null ? void 0 : f.getUserRoleAndPermissions(e);
       case "GET_CHAI_USER":
-        return (f = this.chaiUsers) == null ? void 0 : f.getUserInfo(
+        return (w = this.chaiUsers) == null ? void 0 : w.getUserInfo(
           e,
           a.data
         );
     }
     if (a.action === "GET_BUILDER_PAGE_DATA") {
-      const r = await p({
+      const r = await P({
         lang: a.data.lang,
         draft: !0,
         inBuilder: !0
@@ -435,7 +443,7 @@ class K {
     }
     if (a.action === "GET_PAGE_TYPES")
       return Promise.all(
-        b().map(async (r) => ({
+        p().map(async (r) => ({
           key: r.key,
           helpText: r.helpText ?? "",
           icon: r.icon ?? "",
@@ -451,23 +459,23 @@ class K {
       );
       return r ? r.search ? await r.search(a.data.query) : this.backend.handleAction(a, e) : { error: "Page type not found" };
     }
-    const n = await this.backend.handleAction(a, e);
-    return this.emit(a.action, n), n;
+    const s = await this.backend.handleAction(a, e);
+    return this.emit(a.action, s), s;
   }
   emit(a, e) {
-    var s, o, c;
+    var n, o, c;
     if (!["CREATE_PAGE", "UPDATE_PAGE", "DELETE_PAGE"].includes(a)) return;
-    const n = C(e, "page");
-    if (!n) return;
-    const t = l(n.pageType);
+    const s = L(e, "page");
+    if (!s) return;
+    const t = l(s.pageType);
     if (t)
       switch (a) {
         case "CREATE_PAGE":
-          return (s = t.onCreate) == null ? void 0 : s.call(t, n);
+          return (n = t.onCreate) == null ? void 0 : n.call(t, s);
         case "UPDATE_PAGE":
-          return (o = t.onUpdate) == null ? void 0 : o.call(t, n);
+          return (o = t.onUpdate) == null ? void 0 : o.call(t, s);
         case "DELETE_PAGE":
-          return (c = t.onDelete) == null ? void 0 : c.call(t, n);
+          return (c = t.onDelete) == null ? void 0 : c.call(t, s);
       }
   }
   // APIS
@@ -476,8 +484,8 @@ class K {
       throw new Error(
         "Please set a fallback language using setFallbackLang(lang: string)"
       );
-    const e = L(a || [""]);
-    Object.keys(M).includes(e) ? this.setCurrentLang(e) : this.setCurrentLang(this.getFallbackLang());
+    const e = _(a || [""]);
+    Object.keys(I).includes(e) ? this.setCurrentLang(e) : this.setCurrentLang(this.getFallbackLang());
   }
   /**
    * Resolve a page link
@@ -485,42 +493,42 @@ class K {
    * @returns The resolved link
    */
   async resolvePageLink(a) {
-    if (!_(a, "pageType:"))
+    if (!v(a, "pageType:"))
       return a;
-    const e = a.split(":")[1], n = a.split(":")[2], t = l(e);
-    return t ? await this.resolveLink(t.key, n) : a;
+    const e = a.split(":")[1], s = a.split(":")[2], t = l(e);
+    return t ? await this.resolveLink(t.key, s) : a;
   }
   async resolveLink(a, e) {
-    const n = l(a);
-    if (!n)
+    const s = l(a);
+    if (!s)
       return "/not-found";
-    const t = this.isDraftMode(), s = this.getCurrentLang() === this.getFallbackLang() ? "" : this.getCurrentLang();
-    return n.resolveLink ? await n.resolveLink(e, t, s) : await this.backend.handleAction({
+    const t = this.isDraftMode(), n = this.getCurrentLang() === this.getFallbackLang() ? "" : this.getCurrentLang();
+    return s.resolveLink ? await s.resolveLink(e, t, n) : await this.backend.handleAction({
       action: "GET_LINK",
       data: {
         pageType: a,
         id: e,
         draft: t,
-        lang: s
+        lang: n
       }
     });
   }
   async getPageBySlug(a) {
-    const e = this.isDraftMode(), n = {};
-    return b().forEach((t) => {
-      A(t, "dynamicSegments") && t.dynamicSegments && (n[t.key] = t.dynamicSegments);
+    const e = this.isDraftMode(), s = {};
+    return p().forEach((t) => {
+      A(t, "dynamicSegments") && t.dynamicSegments && (s[t.key] = t.dynamicSegments);
     }), await this.backend.handleAction({
       action: "GET_PAGE_META",
-      data: { slug: a, draft: e, dynamicSegments: n }
+      data: { slug: a, draft: e, dynamicSegments: s }
     });
   }
   async getFullPage(a) {
-    const e = this.isDraftMode(), n = this.getCurrentLang(), t = this.getFallbackLang();
+    const e = this.isDraftMode(), s = this.getCurrentLang(), t = this.getFallbackLang();
     return await this.backend.handleAction({
       action: "GET_PAGE",
       data: {
         id: a,
-        lang: t === n ? void 0 : n,
+        lang: t === s ? void 0 : s,
         draft: e,
         mergePartials: !0
       }
@@ -535,23 +543,23 @@ class K {
   }
   async getPageData(a, e = {}) {
     var h;
-    const n = this.isDraftMode(), t = this.getCurrentLang(), s = l(a), [o, c] = await Promise.all([
+    const s = this.isDraftMode(), t = this.getCurrentLang(), n = l(a), [o, c] = await Promise.all([
       this.getGlobalData(),
-      ((h = s == null ? void 0 : s.dataProvider) == null ? void 0 : h.call(s, {
+      ((h = n == null ? void 0 : n.dataProvider) == null ? void 0 : h.call(n, {
         lang: t,
-        draft: n,
+        draft: s,
         inBuilder: !1,
         pageProps: e
       })) || Promise.resolve({})
     ]);
-    return s ? {
+    return n ? {
       ...c,
       global: o
     } : { global: o };
   }
   async getGlobalData() {
     const a = this.getCurrentLang();
-    return await p({
+    return await P({
       lang: a,
       draft: this.isDraftMode(),
       inBuilder: !1
@@ -561,31 +569,31 @@ class K {
     return await this.backend.handleAction(a);
   }
 }
-class N {
-  constructor(a = "", e = I) {
+class R {
+  constructor(a = "", e = O) {
     this.apiKey = a, this.apiUrl = e;
   }
   async handleUsersAction(a, e) {
-    const n = await fetch(`${this.apiUrl}/v1/api/users`, {
+    const s = await fetch(`${this.apiUrl}/v1/api/users`, {
       method: "POST",
       body: JSON.stringify(a),
       headers: {
         "x-chai-api-key": this.apiKey,
         "x-chai-auth-token": e
       }
-    }), t = await n.json();
-    return A(t, "error") ? { ...t, status: n.status } : t;
+    }), t = await s.json();
+    return A(t, "error") ? { ...t, status: s.status } : t;
   }
   async handleAction(a, e) {
-    const n = await fetch(`${this.apiUrl}/v1/api/chai`, {
+    const s = await fetch(`${this.apiUrl}/v1/api/chai`, {
       method: "POST",
       body: JSON.stringify(a),
       headers: {
         "x-chai-api-key": this.apiKey,
         "x-chai-auth-token": e
       }
-    }), t = await n.json();
-    return A(t, "error") ? { ...t, status: n.status } : t;
+    }), t = await s.json();
+    return A(t, "error") ? { ...t, status: s.status } : t;
   }
   async handleAssetsAction(a, e) {
     return await (await fetch(`${this.apiUrl}/v1/api/assets`, {
@@ -598,17 +606,17 @@ class N {
     })).json();
   }
 }
-const I = "https://api.chaibuilder.com";
+const O = "https://api.chaibuilder.com";
 export {
-  I as API_URL,
-  K as ChaiBuilderPages,
-  N as ChaiBuilderPagesBackend,
-  D as ChaiBuilderPagesUserManagement,
-  M as LANGUAGES,
-  p as getChaiGlobalData,
+  O as API_URL,
+  N as ChaiBuilderPages,
+  R as ChaiBuilderPagesBackend,
+  M as ChaiBuilderPagesUserManagement,
+  I as LANGUAGES,
+  P as getChaiGlobalData,
   l as getChaiPageType,
-  b as getChaiPageTypes,
-  B as registerChaiGlobalDataProvider,
-  v as registerChaiPageType,
-  U as registerChaiPartialType
+  p as getChaiPageTypes,
+  K as registerChaiGlobalDataProvider,
+  U as registerChaiPageType,
+  G as registerChaiPartialType
 };

package/package.json

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

package/dist/asset-metadata-editor-CyTBhS-V.js

@@ -1,108 +0,0 @@
-import { jsxs as i, Fragment as w, jsx as a } from "react/jsx-runtime";
-import { Dialog as u, DialogContent as h, DialogHeader as N, DialogTitle as b, Label as r, Textarea as D, DialogFooter as F, Button as p } from "@chaibuilder/sdk/ui";
-import { Eye as y } from "lucide-react";
-import { useState as n } from "react";
-function k({
-  asset: e,
-  onSave: l,
-  onCancel: o
-}) {
-  const [c, f] = n(e.description || ""), [d, m] = n(!1), [v, s] = n(!1), x = async () => {
-    m(!0);
-    try {
-      await l({
-        description: c || void 0
-      });
-    } finally {
-      m(!1);
-    }
-  };
-  return /* @__PURE__ */ i(w, { children: [
-    /* @__PURE__ */ a(u, { open: !0, onOpenChange: () => o(), children: /* @__PURE__ */ i(h, { className: "sm:max-w-[700px]", children: [
-      /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a(b, { children: "Edit Asset Details" }) }),
-      /* @__PURE__ */ i("div", { className: "flex gap-4", children: [
-        /* @__PURE__ */ i("div", { className: "relative group", children: [
-          /* @__PURE__ */ a(
-            "img",
-            {
-              src: e.url,
-              className: "max-h-96 w-96 border rounded-md p-2"
-            }
-          ),
-          /* @__PURE__ */ a(
-            "button",
-            {
-              onClick: () => s(!0),
-              className: "absolute inset-0 flex items-center justify-center bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity rounded-md",
-              children: /* @__PURE__ */ a(y, { className: "h-8 w-8 text-white" })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ i("div", { className: "grid gap-3 w-full", children: [
-          /* @__PURE__ */ a(r, { htmlFor: "description", children: "Details" }),
-          /* @__PURE__ */ a("div", { className: "grid grid-cols-1 gap-2 text-sm border rounded-md p-2", children: [
-            { label: "File Name", value: e.name },
-            { label: "Type", value: e.type },
-            { label: "Format", value: e.format },
-            { label: "Size", value: S(e.size) },
-            {
-              label: "Dimensions",
-              value: `${e.width} × ${e.height}`
-            },
-            { label: "Created", value: g(e.createdAt) },
-            {
-              label: "Updated",
-              value: g((e == null ? void 0 : e.updatedAt) || "")
-            }
-          ].map((t) => /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ a(r, { className: "w-max text-left px-2 w-1/4 font-normal text-gray-700", children: t.label }),
-            ":",
-            /* @__PURE__ */ a("div", { className: "w-max text-left font-medium text-gray-900 capitalize", children: t.value })
-          ] })) }),
-          /* @__PURE__ */ i("div", { className: "grid gap-2", children: [
-            /* @__PURE__ */ a(r, { htmlFor: "description", children: "Description" }),
-            /* @__PURE__ */ a(
-              D,
-              {
-                id: "description",
-                value: c,
-                placeholder: "Enter a description for the asset",
-                onChange: (t) => f(t.target.value),
-                rows: 3
-              }
-            )
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ i(F, { children: [
-        /* @__PURE__ */ a(p, { variant: "outline", onClick: o, children: "Cancel" }),
-        /* @__PURE__ */ a(p, { onClick: x, disabled: d, children: d ? "Saving..." : "Save Changes" })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ a(u, { open: v, onOpenChange: s, children: /* @__PURE__ */ a(h, { className: "w-[60vw] h-[60vh] p-0 flex items-center justify-center bg-gray-100", children: /* @__PURE__ */ a(
-      "img",
-      {
-        src: e.url,
-        className: "w-full h-full object-contain",
-        alt: e.name
-      }
-    ) }) })
-  ] });
-}
-function S(e) {
-  return e < 1024 ? `${e.toFixed(2)} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(2)} KB` : `${(e / (1024 * 1024)).toFixed(2)} MB`;
-}
-function g(e) {
-  if (!e) return "N/A";
-  const l = new Date(e);
-  return new Intl.DateTimeFormat("en-US", {
-    month: "short",
-    day: "numeric",
-    year: "numeric",
-    hour: "2-digit",
-    minute: "2-digit"
-  }).format(l);
-}
-export {
-  k as default
-};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("@chaibuilder/sdk/ui"),g=require("lucide-react"),r=require("react");function p({asset:t,onSave:l,onCancel:n}){const[s,m]=r.useState(t.description||""),[o,c]=r.useState(!1),[x,d]=r.useState(!1),h=async()=>{c(!0);try{await l({description:s||void 0})}finally{c(!1)}};return e.jsxs(e.Fragment,{children:[e.jsx(a.Dialog,{open:!0,onOpenChange:()=>n(),children:e.jsxs(a.DialogContent,{className:"sm:max-w-[700px]",children:[e.jsx(a.DialogHeader,{children:e.jsx(a.DialogTitle,{children:"Edit Asset Details"})}),e.jsxs("div",{className:"flex gap-4",children:[e.jsxs("div",{className:"relative group",children:[e.jsx("img",{src:t.url,className:"max-h-96 w-96 border rounded-md p-2"}),e.jsx("button",{onClick:()=>d(!0),className:"absolute inset-0 flex items-center justify-center bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity rounded-md",children:e.jsx(g.Eye,{className:"h-8 w-8 text-white"})})]}),e.jsxs("div",{className:"grid gap-3 w-full",children:[e.jsx(a.Label,{htmlFor:"description",children:"Details"}),e.jsx("div",{className:"grid grid-cols-1 gap-2 text-sm border rounded-md p-2",children:[{label:"File Name",value:t.name},{label:"Type",value:t.type},{label:"Format",value:t.format},{label:"Size",value:f(t.size)},{label:"Dimensions",value:`${t.width} × ${t.height}`},{label:"Created",value:u(t.createdAt)},{label:"Updated",value:u((t==null?void 0:t.updatedAt)||"")}].map(i=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(a.Label,{className:"w-max text-left px-2 w-1/4 font-normal text-gray-700",children:i.label}),":",e.jsx("div",{className:"w-max text-left font-medium text-gray-900 capitalize",children:i.value})]}))}),e.jsxs("div",{className:"grid gap-2",children:[e.jsx(a.Label,{htmlFor:"description",children:"Description"}),e.jsx(a.Textarea,{id:"description",value:s,placeholder:"Enter a description for the asset",onChange:i=>m(i.target.value),rows:3})]})]})]}),e.jsxs(a.DialogFooter,{children:[e.jsx(a.Button,{variant:"outline",onClick:n,children:"Cancel"}),e.jsx(a.Button,{onClick:h,disabled:o,children:o?"Saving...":"Save Changes"})]})]})}),e.jsx(a.Dialog,{open:x,onOpenChange:d,children:e.jsx(a.DialogContent,{className:"w-[60vw] h-[60vh] p-0 flex items-center justify-center bg-gray-100",children:e.jsx("img",{src:t.url,className:"w-full h-full object-contain",alt:t.name})})})]})}function f(t){return t<1024?`${t.toFixed(2)} B`:t<1024*1024?`${(t/1024).toFixed(2)} KB`:`${(t/(1024*1024)).toFixed(2)} MB`}function u(t){if(!t)return"N/A";const l=new Date(t);return new Intl.DateTimeFormat("en-US",{month:"short",day:"numeric",year:"numeric",hour:"2-digit",minute:"2-digit"}).format(l)}exports.default=p;