@chaibuilder/pages 0.15.0 → 0.15.2

package/dist/{duplicate-page-Welcro7Y.cjs → duplicate-page-CTH0REkv.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("./index-MlpQJHWW.cjs"),S=require("@tanstack/react-query"),N=require("sonner"),a=require("@chaibuilder/sdk/ui"),v=require("lodash-es"),E=require("lucide-react"),g=require("react"),q=require("./slug-input-BITq28nI.cjs"),C=()=>{const t=p.useApiUrl(),r=S.useQueryClient(),h=p.useFetch();return S.useMutation({mutationFn:async({pageId:c,name:u,slug:o})=>{const s={pageId:c,name:u};return o&&(s.slug=o),await h(t,{action:"DUPLICATE_PAGE",data:s})},onSuccess:()=>{r.invalidateQueries({queryKey:[p.ACTIONS.GET_WEBSITE_PAGES]}),N.toast.success("Page duplicated successfully")},onError:c=>{N.toast.error("Failed to duplicate page",{description:c.message||"An error occurred while duplicating the page"})}})},A=({page:t,onClose:r,closePanel:h=()=>{}})=>{const{mutate:c,isPending:u}=C(),[o,s]=g.useState(null),[d,P]=g.useState(`${t.name} (Copy)`),D=p.useChangePage(),i=v.isEmpty(t.slug),[m,b]=g.useState(i?"":`${t.slug.split("/").pop()}-copy`),j=i?"":v.initial(t.slug.split("/")).join("/"),[f,x]=g.useState(!1),I=n=>{if(n.preventDefault(),!d.trim()){s("Name is required");return}if(!i&&!m.trim()){s("Slug is required");return}s(null),x(!0);const y={pageId:t.id,name:d};i||(y.slug=`${j}/${m}`),c(y,{onSuccess:l=>{x(!1),r(),D(l.id,h)},onError:l=>{x(!1),l.code==="SLUG_EXISTS"?s("A page with this slug already exists. Please choose a different slug."):l.code==="INVALID_SLUG"?s("The slug format is invalid. Please use only lowercase letters, numbers, and hyphens."):l.code==="PERMISSION_DENIED"?s("You don't have permission to duplicate this page."):s(l.message||"Failed to duplicate page. Please try again later.")}})};return e.jsx(a.Dialog,{open:!!t,onOpenChange:r,children:e.jsxs(a.DialogContent,{className:"sm:max-w-[425px]",children:[e.jsxs(a.DialogHeader,{children:[e.jsx(a.DialogTitle,{children:"Duplicate Page"}),e.jsx(a.DialogDescription,{children:"Create a copy of the page with a new name and slug"})]}),e.jsxs("div",{className:"mb-4 rounded-md bg-gray-50 p-3",children:[e.jsx("h3",{className:"mb-1 text-sm font-medium",children:"Duplicating:"}),e.jsxs("div",{className:"flex flex-col gap-1 text-sm text-gray-700",children:[e.jsxs("div",{children:[e.jsx("span",{className:"font-medium",children:"Name:"})," ",t.name]}),!i&&e.jsxs("div",{children:[e.jsx("span",{className:"font-medium",children:"Slug:"})," ",t.slug]}),e.jsxs("div",{children:[e.jsx("span",{className:"font-medium",children:"Type:"})," ",t.pageType]})]})]}),e.jsxs("form",{onSubmit:I,className:"space-y-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Label,{htmlFor:"name",className:"text-sm",children:"Name"}),e.jsx(a.Input,{id:"name",value:d,onChange:n=>P(n.target.value),required:!0})]}),!i&&e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Label,{htmlFor:"slug",className:"text-sm",children:"Slug"}),e.jsx(q.SlugInput,{value:m,onChange:n=>b(n),parentSlug:j,onValidationChange:n=>{s(n?null:"Invalid slug")}})]}),o&&e.jsxs(a.Alert,{variant:"destructive",className:"py-2",children:[e.jsx(E.AlertCircle,{className:"h-4 w-4"}),e.jsx("span",{className:"text-sm",children:o})]}),e.jsxs("div",{className:"flex justify-end gap-2",children:[e.jsx(a.Button,{type:"button",variant:"outline",onClick:r,disabled:u,children:"Cancel"}),e.jsx(a.Button,{type:"submit",disabled:!d.trim()||!i&&!m.trim()||u||f,children:u||f?"Duplicating...":"Duplicate"})]})]})]})})};exports.default=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("./index-vjYir4bk.cjs"),S=require("@tanstack/react-query"),N=require("sonner"),a=require("@chaibuilder/sdk/ui"),v=require("lodash-es"),E=require("lucide-react"),g=require("react"),q=require("./slug-input-ssMiXYTG.cjs"),C=()=>{const t=p.useApiUrl(),r=S.useQueryClient(),h=p.useFetch();return S.useMutation({mutationFn:async({pageId:c,name:u,slug:o})=>{const s={pageId:c,name:u};return o&&(s.slug=o),await h(t,{action:"DUPLICATE_PAGE",data:s})},onSuccess:()=>{r.invalidateQueries({queryKey:[p.ACTIONS.GET_WEBSITE_PAGES]}),N.toast.success("Page duplicated successfully")},onError:c=>{N.toast.error("Failed to duplicate page",{description:c.message||"An error occurred while duplicating the page"})}})},A=({page:t,onClose:r,closePanel:h=()=>{}})=>{const{mutate:c,isPending:u}=C(),[o,s]=g.useState(null),[d,P]=g.useState(`${t.name} (Copy)`),D=p.useChangePage(),i=v.isEmpty(t.slug),[m,b]=g.useState(i?"":`${t.slug.split("/").pop()}-copy`),j=i?"":v.initial(t.slug.split("/")).join("/"),[f,x]=g.useState(!1),I=n=>{if(n.preventDefault(),!d.trim()){s("Name is required");return}if(!i&&!m.trim()){s("Slug is required");return}s(null),x(!0);const y={pageId:t.id,name:d};i||(y.slug=`${j}/${m}`),c(y,{onSuccess:l=>{x(!1),r(),D(l.id,h)},onError:l=>{x(!1),l.code==="SLUG_EXISTS"?s("A page with this slug already exists. Please choose a different slug."):l.code==="INVALID_SLUG"?s("The slug format is invalid. Please use only lowercase letters, numbers, and hyphens."):l.code==="PERMISSION_DENIED"?s("You don't have permission to duplicate this page."):s(l.message||"Failed to duplicate page. Please try again later.")}})};return e.jsx(a.Dialog,{open:!!t,onOpenChange:r,children:e.jsxs(a.DialogContent,{className:"sm:max-w-[425px]",children:[e.jsxs(a.DialogHeader,{children:[e.jsx(a.DialogTitle,{children:"Duplicate Page"}),e.jsx(a.DialogDescription,{children:"Create a copy of the page with a new name and slug"})]}),e.jsxs("div",{className:"mb-4 rounded-md bg-gray-50 p-3",children:[e.jsx("h3",{className:"mb-1 text-sm font-medium",children:"Duplicating:"}),e.jsxs("div",{className:"flex flex-col gap-1 text-sm text-gray-700",children:[e.jsxs("div",{children:[e.jsx("span",{className:"font-medium",children:"Name:"})," ",t.name]}),!i&&e.jsxs("div",{children:[e.jsx("span",{className:"font-medium",children:"Slug:"})," ",t.slug]}),e.jsxs("div",{children:[e.jsx("span",{className:"font-medium",children:"Type:"})," ",t.pageType]})]})]}),e.jsxs("form",{onSubmit:I,className:"space-y-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Label,{htmlFor:"name",className:"text-sm",children:"Name"}),e.jsx(a.Input,{id:"name",value:d,onChange:n=>P(n.target.value),required:!0})]}),!i&&e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Label,{htmlFor:"slug",className:"text-sm",children:"Slug"}),e.jsx(q.SlugInput,{value:m,onChange:n=>b(n),parentSlug:j,onValidationChange:n=>{s(n?null:"Invalid slug")}})]}),o&&e.jsxs(a.Alert,{variant:"destructive",className:"py-2",children:[e.jsx(E.AlertCircle,{className:"h-4 w-4"}),e.jsx("span",{className:"text-sm",children:o})]}),e.jsxs("div",{className:"flex justify-end gap-2",children:[e.jsx(a.Button,{type:"button",variant:"outline",onClick:r,disabled:u,children:"Cancel"}),e.jsx(a.Button,{type:"submit",disabled:!d.trim()||!i&&!m.trim()||u||f,children:u||f?"Duplicating...":"Duplicate"})]})]})]})})};exports.default=A;

package/dist/{duplicate-page-B0urG1pP.js → duplicate-page-sdO4hRfo.js}

@@ -1,13 +1,13 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { aj as b, ak as C, A, ar as T } from "./index-BSEA_u0X.js";
+import { al as b, am as C, A, an as T } from "./index-CdUDr4JM.js";
 import { useQueryClient as w, useMutation as F } from "@tanstack/react-query";
 import { toast as S } from "sonner";
-import { Dialog as _, DialogContent as j, DialogHeader as q, DialogTitle as G, DialogDescription as L, Label as v, Input as U, Alert as $, Button as D } from "@chaibuilder/sdk/ui";
-import { isEmpty as O, initial as k } from "lodash-es";
-import { AlertCircle as B } from "lucide-react";
+import { Dialog as _, DialogContent as q, DialogHeader as G, DialogTitle as L, DialogDescription as U, Label as v, Input as j, Alert as $, Button as D } from "@chaibuilder/sdk/ui";
+import { isEmpty as O, initial as B } from "lodash-es";
+import { AlertCircle as M } from "lucide-react";
 import { useState as p } from "react";
-import { S as M } from "./slug-input-BEegJ8bv.js";
-const Q = () => {
+import { S as Q } from "./slug-input-Dz9A1ksl.js";
+const V = () => {
   const t = b(), r = w(), g = C();
   return F({
     mutationFn: async ({ pageId: c, name: o, slug: u }) => {
@@ -37,7 +37,7 @@ const Q = () => {
   closePanel: g = () => {
   }
 }) => {
-  const { mutate: c, isPending: o } = Q(), [u, a] = p(null), [m, P] = p(`${t.name} (Copy)`), x = T(), i = O(t.slug), [d, I] = p(i ? "" : `${t.slug.split("/").pop()}-copy`), f = i ? "" : k(t.slug.split("/")).join("/"), [y, h] = p(!1), E = (l) => {
+  const { mutate: c, isPending: o } = V(), [u, a] = p(null), [m, P] = p(`${t.name} (Copy)`), x = T(), i = O(t.slug), [d, I] = p(i ? "" : `${t.slug.split("/").pop()}-copy`), f = i ? "" : B(t.slug.split("/")).join("/"), [y, h] = p(!1), E = (l) => {
     if (l.preventDefault(), !m.trim()) {
       a("Name is required");
       return;
@@ -60,10 +60,10 @@ const Q = () => {
       }
     });
   };
-  return /* @__PURE__ */ e(_, { open: !!t, onOpenChange: r, children: /* @__PURE__ */ s(j, { className: "sm:max-w-[425px]", children: [
-    /* @__PURE__ */ s(q, { children: [
-      /* @__PURE__ */ e(G, { children: "Duplicate Page" }),
-      /* @__PURE__ */ e(L, { children: "Create a copy of the page with a new name and slug" })
+  return /* @__PURE__ */ e(_, { open: !!t, onOpenChange: r, children: /* @__PURE__ */ s(q, { className: "sm:max-w-[425px]", children: [
+    /* @__PURE__ */ s(G, { children: [
+      /* @__PURE__ */ e(L, { children: "Duplicate Page" }),
+      /* @__PURE__ */ e(U, { children: "Create a copy of the page with a new name and slug" })
     ] }),
     /* @__PURE__ */ s("div", { className: "mb-4 rounded-md bg-gray-50 p-3", children: [
       /* @__PURE__ */ e("h3", { className: "mb-1 text-sm font-medium", children: "Duplicating:" }),
@@ -88,12 +88,12 @@ const Q = () => {
     /* @__PURE__ */ s("form", { onSubmit: E, className: "space-y-4", children: [
       /* @__PURE__ */ s("div", { className: "space-y-2", children: [
         /* @__PURE__ */ e(v, { htmlFor: "name", className: "text-sm", children: "Name" }),
-        /* @__PURE__ */ e(U, { id: "name", value: m, onChange: (l) => P(l.target.value), required: !0 })
+        /* @__PURE__ */ e(j, { id: "name", value: m, onChange: (l) => P(l.target.value), required: !0 })
       ] }),
       !i && /* @__PURE__ */ s("div", { className: "space-y-2", children: [
         /* @__PURE__ */ e(v, { htmlFor: "slug", className: "text-sm", children: "Slug" }),
         /* @__PURE__ */ e(
-          M,
+          Q,
           {
             value: d,
             onChange: (l) => I(l),
@@ -105,7 +105,7 @@ const Q = () => {
         )
       ] }),
       u && /* @__PURE__ */ s($, { variant: "destructive", className: "py-2", children: [
-        /* @__PURE__ */ e(B, { className: "h-4 w-4" }),
+        /* @__PURE__ */ e(M, { className: "h-4 w-4" }),
         /* @__PURE__ */ e("span", { className: "text-sm", children: u })
       ] }),
       /* @__PURE__ */ s("div", { className: "flex justify-end gap-2", children: [

package/dist/{dynamic-page-selector-CyhZ0SRO.js → dynamic-page-selector-EfxbLRp-.js}

@@ -4,7 +4,7 @@ import { DropdownMenu as h, DropdownMenuTrigger as p, Button as m, DropdownMenuC
 import { get as v } from "lodash-es";
 import { ChevronDown as w } from "lucide-react";
 import { useRef as b, useEffect as N } from "react";
-import { k as y } from "./index-BSEA_u0X.js";
+import { k as y } from "./index-CdUDr4JM.js";
 const D = ({
   isDefaultLang: e,
   searchQuery: l,

package/dist/{dynamic-page-selector-Dn_j_r-h.cjs → dynamic-page-selector-Ki3lEtRJ.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("@chaibuilder/sdk"),a=require("@chaibuilder/sdk/ui"),h=require("lodash-es"),p=require("lucide-react"),d=require("react"),g=require("./index-MlpQJHWW.cjs"),f=({isDefaultLang:r,searchQuery:l,setSearchQuery:c})=>e.jsx(a.Input,{type:"text",autoFocus:!0,value:r?l:"",onChange:t=>c(t.target.value),placeholder:r?"Search pages...":"To search select default language",disabled:!r,onKeyDown:t=>t.stopPropagation()}),m=({dynamicPage:r,setDynamicPage:l,searchQuery:c,setSearchQuery:t,dynamicPages:n})=>{const{selectedLang:o,fallbackLang:i}=x.useLanguages(),u=(o==null?void 0:o.length)===0;return e.jsxs(a.DropdownMenu,{children:[e.jsx(a.DropdownMenuTrigger,{asChild:!0,children:e.jsxs(a.Button,{variant:"ghost",className:"w-max focus:outline-none focus:ring-0 border-[0px] rounded-md py-1 text-sm h-max border border-gray-200 hover:bg-gray-100 pl-4",children:[r?h.get(r,"name"):"Select Page",e.jsx(p.ChevronDown,{className:"ml-2 h-4 w-4"})]})}),e.jsxs(a.DropdownMenuContent,{className:"w-96 divide-y shadow-xl p-0 max-h-[75vh]",children:[e.jsx("div",{className:"p-1.5 bg-gray-50/30",children:e.jsx(f,{isDefaultLang:u,searchQuery:c,setSearchQuery:t})}),(n==null?void 0:n.length)===0?e.jsx("div",{className:"h-24 text-xs flex items-center justify-center",children:"No pages found"}):n==null?void 0:n.map(s=>e.jsx(a.DropdownMenuItem,{onClick:()=>l(s),disabled:u?i!==s.lang:o!==s.lang,className:`flex flex-col justify-start cursor-pointer overflow-x-auto whitespace-nowrap no-scrollbar ${s.id===(r==null?void 0:r.id)?"bg-blue-50":"hover:bg-gray-50"}`,children:e.jsx("div",{className:"w-full text-xs whitespace-nowrap px-2 py-[2px]",children:e.jsxs("div",{className:"flex items-center gap-x-2",children:[e.jsx("span",{className:"font-medium",children:s.name}),e.jsx("span",{className:"font-mono font-medium text-gray-500 text-xs rounded-full px-2 py-[1px] border border-gray-300 truncate",children:s.slug})]})})},s.id))]})]})},j=()=>{const{dynamicPage:r,dynamicPages:l,allLangPages:c,selectedLang:t,searchQuery:n,updateDynamicPage:o,updateSearchQuery:i,onChangeLanguage:u}=g.useDynamicPageSelector(),s=d.useRef(void 0);return d.useEffect(()=>{s.current!==t&&r&&(u(),s.current=t)},[t,l]),e.jsx("div",{className:"relative",children:e.jsx(m,{dynamicPage:r,setDynamicPage:o,searchQuery:n,setSearchQuery:i,dynamicPages:c})})};exports.default=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("@chaibuilder/sdk"),a=require("@chaibuilder/sdk/ui"),h=require("lodash-es"),p=require("lucide-react"),d=require("react"),g=require("./index-vjYir4bk.cjs"),f=({isDefaultLang:r,searchQuery:l,setSearchQuery:c})=>e.jsx(a.Input,{type:"text",autoFocus:!0,value:r?l:"",onChange:t=>c(t.target.value),placeholder:r?"Search pages...":"To search select default language",disabled:!r,onKeyDown:t=>t.stopPropagation()}),m=({dynamicPage:r,setDynamicPage:l,searchQuery:c,setSearchQuery:t,dynamicPages:n})=>{const{selectedLang:o,fallbackLang:i}=x.useLanguages(),u=(o==null?void 0:o.length)===0;return e.jsxs(a.DropdownMenu,{children:[e.jsx(a.DropdownMenuTrigger,{asChild:!0,children:e.jsxs(a.Button,{variant:"ghost",className:"w-max focus:outline-none focus:ring-0 border-[0px] rounded-md py-1 text-sm h-max border border-gray-200 hover:bg-gray-100 pl-4",children:[r?h.get(r,"name"):"Select Page",e.jsx(p.ChevronDown,{className:"ml-2 h-4 w-4"})]})}),e.jsxs(a.DropdownMenuContent,{className:"w-96 divide-y shadow-xl p-0 max-h-[75vh]",children:[e.jsx("div",{className:"p-1.5 bg-gray-50/30",children:e.jsx(f,{isDefaultLang:u,searchQuery:c,setSearchQuery:t})}),(n==null?void 0:n.length)===0?e.jsx("div",{className:"h-24 text-xs flex items-center justify-center",children:"No pages found"}):n==null?void 0:n.map(s=>e.jsx(a.DropdownMenuItem,{onClick:()=>l(s),disabled:u?i!==s.lang:o!==s.lang,className:`flex flex-col justify-start cursor-pointer overflow-x-auto whitespace-nowrap no-scrollbar ${s.id===(r==null?void 0:r.id)?"bg-blue-50":"hover:bg-gray-50"}`,children:e.jsx("div",{className:"w-full text-xs whitespace-nowrap px-2 py-[2px]",children:e.jsxs("div",{className:"flex items-center gap-x-2",children:[e.jsx("span",{className:"font-medium",children:s.name}),e.jsx("span",{className:"font-mono font-medium text-gray-500 text-xs rounded-full px-2 py-[1px] border border-gray-300 truncate",children:s.slug})]})})},s.id))]})]})},j=()=>{const{dynamicPage:r,dynamicPages:l,allLangPages:c,selectedLang:t,searchQuery:n,updateDynamicPage:o,updateSearchQuery:i,onChangeLanguage:u}=g.useDynamicPageSelector(),s=d.useRef(void 0);return d.useEffect(()=>{s.current!==t&&r&&(u(),s.current=t)},[t,l]),e.jsx("div",{className:"relative",children:e.jsx(m,{dynamicPage:r,setDynamicPage:o,searchQuery:n,setSearchQuery:i,dynamicPages:c})})};exports.default=j;

package/dist/image-editor-CRJ0cNde.cjs

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

package/dist/image-editor-DR1FYokM.js

@@ -0,0 +1,111 @@
+import { jsx as d } from "react/jsx-runtime";
+import { Dialog as C, DialogContent as E } from "@chaibuilder/sdk/ui";
+import { debounce as T } from "lodash-es";
+import { Save as k, Copy as S } from "lucide-react";
+import { memo as R, useState as I, useEffect as g, useMemo as s, useCallback as h } from "react";
+import A from "react-filerobot-image-editor";
+const O = R(
+  ({ imageUrl: n, onSave: i, onClose: l, defaultSavedImageName: b, isEditing: m = !1 }) => {
+    const [c, u] = I(!0), [x, v] = I(!1);
+    g(() => {
+      const e = new Image();
+      return e.src = n, e.onload = () => v(!0), () => {
+        e.onload = null;
+      };
+    }, [n]), g(() => {
+      const e = (t) => {
+        t.key === "Escape" && c && (t.preventDefault(), t.stopPropagation(), t.stopImmediatePropagation());
+      };
+      return document.addEventListener("keydown", e, !0), () => {
+        document.removeEventListener("keydown", e, !0);
+      };
+    }, []);
+    const f = s(
+      () => T(async (e, t = !1) => {
+        const o = e.imageBase64;
+        await i(o, t), u(!1);
+      }, 300),
+      [i]
+    ), a = h(
+      (e, t = !1) => {
+        f(e, t);
+      },
+      [f]
+    ), p = h(() => {
+      u(!1), l();
+    }, [l]), r = s(
+      () => ({
+        tabsIds: [
+          "Adjust",
+          "Annotate",
+          "Watermark",
+          "Finetune",
+          "Resize",
+          "Filters"
+        ],
+        toolsIds: ["Rotate"],
+        defaultTabId: "Adjust",
+        defaultToolId: "Rotate"
+      }),
+      []
+    ), y = s(
+      () => ({
+        colors: {
+          primary: "#000000",
+          secondary: "#000000",
+          tertiary: "#000000"
+        }
+      }),
+      []
+    ), w = s(
+      () => m ? [
+        {
+          label: "Update this file",
+          onClick: (e, t) => t((...o) => {
+            a(o[0], !1);
+          }),
+          icon: k
+        },
+        {
+          label: "Save as new file",
+          onClick: (e, t) => t((...o) => {
+            a(o[0], !0);
+          }),
+          icon: S
+        }
+      ] : [],
+      [m, a]
+    );
+    return /* @__PURE__ */ d(C, { open: !0, onOpenChange: (e) => !e && p(), children: /* @__PURE__ */ d(
+      E,
+      {
+        id: "chai-image-editor-container",
+        className: "max-w-[1232px] max-h-[1232px] w-[80vw] h-[80vh] space-y-4 flex flex-col p-0",
+        children: c && x && /* @__PURE__ */ d(
+          A,
+          {
+            theme: y,
+            source: n,
+            onSave: a,
+            onClose: p,
+            Text: { text: "Add text here" },
+            Rotate: { angle: 90, componentType: "slider" },
+            tabsIds: r.tabsIds,
+            defaultTabId: r.defaultTabId,
+            defaultToolId: r.defaultToolId,
+            savingPixelRatio: 2,
+            previewPixelRatio: 1,
+            defaultSavedImageName: b,
+            moreSaveOptions: w,
+            useZoomPresetsMenu: !0,
+            closeAfterSave: !0
+          }
+        )
+      }
+    ) });
+  }
+);
+O.displayName = "ImageEditor";
+export {
+  O as default
+};