@chaibuilder/pages 0.15.5 → 0.15.7

package/dist/{web-preview-TTKtpSUi.cjs → web-preview-CcPTcMio.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),a=require("@chaibuilder/sdk/ui"),h=require("jotai"),x=require("lodash-es"),n=require("lucide-react"),c=require("./index-Blg1T7nL.cjs"),m=[{title:"mobile_xs_title",content:"mobile_xs_content",icon:e.jsx(n.Smartphone,{className:"h-4 w-4"}),width:400},{title:"tablet_md_title",content:"tablet_md_content",icon:e.jsx(n.Tablet,{className:"h-4 w-4"}),width:800},{title:"desktop_xl_title",content:"desktop_xl_content",icon:e.jsx(n.Laptop,{className:"h-4 w-4"}),width:1200},{title:"large_desktop_2xl_title",content:"large_desktop_2xl_content",icon:e.jsx(n.LaptopMinimal,{className:"h-4 w-4"}),width:1600}],w=({currentWidth:t,width:s,icon:l,setIframeWidth:i})=>e.jsx(a.Button,{className:"px-3 py-3",onClick:()=>i(s),variant:s===t?"default":"ghost",children:l}),p=()=>{const[t,s]=o.useState(1200),l=r=>s(r),[i,d]=h.useAtom(c.previewUrlAtom);if(!i)return null;const u=()=>{d("")};return e.jsxs("div",{className:"absolute inset-0 z-[999999] flex h-screen w-screen flex-col overflow-hidden bg-gray-100",children:[e.jsxs("div",{className:"flex h-[50px] items-center justify-center border-b border-gray-200 px-4 shadow-sm",children:[e.jsx("div",{className:"flex items-center justify-center rounded-md border border-gray-300",children:x.map(m,r=>o.createElement(w,{...r,setIframeWidth:l,key:r.title,currentWidth:t}))})," ",e.jsx(c.Tooltip,{content:"Exit Preview",delayDuration:0,children:e.jsx(a.Button,{variant:"destructive",size:"sm",onClick:u,children:e.jsx("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M2 3C2 2.44772 2.44772 2 3 2H12C12.5523 2 13 2.44772 13 3V12C13 12.5523 12.5523 13 12 13H3C2.44772 13 2 12.5523 2 12V3ZM12 3H3V12H12V3Z",fill:"currentColor","fill-rule":"evenodd","clip-rule":"evenodd"})})})})]}),e.jsx("iframe",{style:{width:`${t}px`,transition:"width 0.3s ease-in-out"},className:"no-scrollbar mx-auto h-full overflow-y-auto border bg-white",src:i})]})};exports.default=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),a=require("@chaibuilder/sdk/ui"),h=require("jotai"),x=require("lodash-es"),n=require("lucide-react"),c=require("./index-BELYt0c9.cjs"),m=[{title:"mobile_xs_title",content:"mobile_xs_content",icon:e.jsx(n.Smartphone,{className:"h-4 w-4"}),width:400},{title:"tablet_md_title",content:"tablet_md_content",icon:e.jsx(n.Tablet,{className:"h-4 w-4"}),width:800},{title:"desktop_xl_title",content:"desktop_xl_content",icon:e.jsx(n.Laptop,{className:"h-4 w-4"}),width:1200},{title:"large_desktop_2xl_title",content:"large_desktop_2xl_content",icon:e.jsx(n.LaptopMinimal,{className:"h-4 w-4"}),width:1600}],w=({currentWidth:t,width:s,icon:l,setIframeWidth:i})=>e.jsx(a.Button,{className:"px-3 py-3",onClick:()=>i(s),variant:s===t?"default":"ghost",children:l}),p=()=>{const[t,s]=o.useState(1200),l=r=>s(r),[i,d]=h.useAtom(c.previewUrlAtom);if(!i)return null;const u=()=>{d("")};return e.jsxs("div",{className:"absolute inset-0 z-[999999] flex h-screen w-screen flex-col overflow-hidden bg-gray-100",children:[e.jsxs("div",{className:"flex h-[50px] items-center justify-center border-b border-gray-200 px-4 shadow-sm",children:[e.jsx("div",{className:"flex items-center justify-center rounded-md border border-gray-300",children:x.map(m,r=>o.createElement(w,{...r,setIframeWidth:l,key:r.title,currentWidth:t}))})," ",e.jsx(c.Tooltip,{content:"Exit Preview",delayDuration:0,children:e.jsx(a.Button,{variant:"destructive",size:"sm",onClick:u,children:e.jsx("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M2 3C2 2.44772 2.44772 2 3 2H12C12.5523 2 13 2.44772 13 3V12C13 12.5523 12.5523 13 12 13H3C2.44772 13 2 12.5523 2 12V3ZM12 3H3V12H12V3Z",fill:"currentColor","fill-rule":"evenodd","clip-rule":"evenodd"})})})})]}),e.jsx("iframe",{style:{width:`${t}px`,transition:"width 0.3s ease-in-out"},className:"no-scrollbar mx-auto h-full overflow-y-auto border bg-white",src:i})]})};exports.default=p;

package/package.json

@@ -3,7 +3,7 @@
   "author": "Suraj Air",
   "license": "Private",
   "homepage": "https://chaibuilder.com",
-  "version": "0.15.5",
+  "version": "0.15.7",
   "type": "module",
   "files": [
     "dist"
@@ -65,7 +65,7 @@
   },
   "peerDependencies": {
     "@chaibuilder/runtime": "2.2.0",
-    "@chaibuilder/sdk": "3.0.9",
+    "@chaibuilder/sdk": "3.0.10",
     "@types/react": "*",
     "@types/react-dom": "*",
     "jotai": "2.14.0",
@@ -82,7 +82,7 @@
   },
   "dependencies": {
     "@chaibuilder/runtime": "2.2.0",
-    "@chaibuilder/sdk": "3.0.9",
+    "@chaibuilder/sdk": "3.0.10",
     "@mhsdesign/jit-browser-tailwindcss": "^0.4.2",
     "@radix-ui/react-icons": "^1.3.2",
     "@supabase/supabase-js": "2.50.3",

package/dist/add-new-language-page-D4VPifNs.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),M=require("./slug-input-BN8eQgxP.cjs"),t=require("./index-Blg1T7nL.cjs"),H=require("@chaibuilder/sdk"),E=require("@chaibuilder/sdk/ui"),W=require("lodash-es"),us=require("lucide-react"),T=require("react"),J=({edit:a,lang:h,languages:i,name:u,setLang:o,setName:r,primaryPageObject:l})=>e.jsxs("div",{className:"space-y-1",children:[e.jsx(E.Label,{htmlFor:"lang",children:t.CONTENT.LANGUAGE}),e.jsxs("select",{value:a?"":h,disabled:a||!i.length,onChange:s=>{const c=s.target.value;o(c),!a&&(W.startsWith(u,l==null?void 0:l.name)||u.length===0)&&r(`${l==null?void 0:l.name} - ${t.LANGUAGES[c]}`)},className:"col-span-3 flex h-9 w-full rounded-md border border-border bg-background px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",children:[e.jsx("option",{value:"",disabled:!0,children:a?t.LANGUAGES[h]||h:i.length?t.CONTENT.CHOOSE_LANGUAGE:t.CONTENT.ALL_AVAILABLE_LANGUAGE_PAGE}),i.map(s=>e.jsx("option",{value:s,children:t.LANGUAGES[s]||s},s))]})]}),K=({lang:a,name:h,setName:i,parentHasSelectedLanguagePage:u})=>e.jsxs("div",{className:"space-y-1",children:[e.jsx(E.Label,{htmlFor:"name",children:t.CONTENT.PAGE_NAME}),e.jsx(E.Input,{id:"name",value:a?h:"",onChange:o=>i(o.target.value),required:!0,placeholder:a?t.CONTENT.ENTER_PAGE_NAME:t.CONTENT.CHOOSE_LANGUAGE_TO_ADD_SLUG,disabled:!u||!a})]}),ds=({dynamic:a,isNonSlugPageType:h,isRootPage:i,lang:u,useLanguagePrefix:o,setUseLanguagePrefix:r,isHomePage:l,parentSlug:s,parentHasSelectedLanguagePage:c,slug:N,setSlug:d,setIsSlugValid:A,getSlug:x})=>h?null:e.jsxs("div",{className:"space-y-1",children:[i&&u&&e.jsxs("div",{className:"flex items-center space-x-2 pb-1",children:[e.jsx("input",{type:"checkbox",id:"useLanguagePrefix",checked:o,onChange:S=>r(S.target.checked),className:"rounded border-gray-300"}),e.jsxs(E.Label,{htmlFor:"useLanguagePrefix",className:"text-sm font-normal leading-tight",children:["Add language code (",e.jsxs("span",{className:"font-mono text-gray-900",children:["/",u]}),") as slug prefix"]})]}),e.jsx(E.Label,{htmlFor:"slug",children:t.CONTENT.SLUG}),a?e.jsx(E.Alert,{variant:"default",className:"p-2 text-xs font-medium italic text-muted-foreground",children:"This page will use dynamic slug as defined in primary page"}):e.jsx(M.SlugInput,{disabled:!u||!c,value:N,onChange:d,placeholder:u?l&&o?"Leave empty for home page":t.CONTENT.ENTER_PAGE_SLUG:t.CONTENT.CHOOSE_LANGUAGE_TO_ADD_SLUG,parentSlug:s,onValidationChange:A,fullSlug:x()})]}),Q=({parentHasSelectedLanguagePage:a,name:h,lang:i,slug:u,edit:o,id:r,primaryPageObject:l,pages:s,isNonSlugPageType:c,isHomePage:N,useLanguagePrefix:d,isSlugValid:A,isPending:x})=>{const S=x||!h||!i||s.some(f=>(o?f.id!==r:!0)&&f.parent===(l==null?void 0:l.id)&&f.lang===i)||!c&&!(N&&d)&&(!A||!u);return e.jsx(E.DialogFooter,{children:a?e.jsxs(e.Fragment,{children:[e.jsx(E.Button,{type:"submit",disabled:S&&!l.dynamic,children:x?e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"loader mr-2"}),o?t.CONTENT.UPDATING:t.CONTENT.ADDING]}):o?t.CONTENT.UPDATE:t.CONTENT.ADD_NEW_LANGUAGE}),s.some(f=>(o?f.id!==r:!0)&&f.parent===(l==null?void 0:l.id)&&f.lang===i)&&e.jsx("p",{className:"mt-2 text-xs text-red-500",children:"A page for this language already exists."})]}):i&&e.jsx(E.Alert,{variant:"destructive",children:e.jsxs("p",{className:"mx-auto w-5/6 text-center",children:["You need to create the ",e.jsx("span",{className:"font-medium",children:t.LANGUAGES[i]})," page in the parent to add here."]})})})},cs=({onSubmit:a,edit:h,lang:i,languages:u,name:o,setLang:r,setName:l,primaryPageObject:s,parentHasSelectedLanguagePage:c,id:N,pages:d,isNonSlugPageType:A,isHomePage:x,useLanguagePrefix:S,slug:f,isSlugValid:U,isPending:G})=>e.jsxs("form",{onSubmit:a,children:[e.jsxs("div",{className:"grid gap-4 py-4",children:[e.jsx(J,{edit:h,lang:i,languages:u,name:o,setLang:r,setName:l,primaryPageObject:s}),e.jsx(K,{lang:i,name:o,setName:l,parentHasSelectedLanguagePage:c})]}),e.jsx(Q,{parentHasSelectedLanguagePage:c,name:o,lang:i,slug:f,edit:h,id:N,primaryPageObject:s,pages:d,isNonSlugPageType:A,isHomePage:x,useLanguagePrefix:S,isSlugValid:U,isPending:G})]}),as=({loading:a,onSubmit:h,edit:i,lang:u,languages:o,name:r,setLang:l,setName:s,primaryPageObject:c,parentHasSelectedLanguagePage:N,isNonSlugPageType:d,isRootPage:A,useLanguagePrefix:x,setUseLanguagePrefix:S,isHomePage:f,parentSlug:U,slug:G,setSlug:_,isSlugValid:D,setIsSlugValid:$,getSlug:I,isPending:F,id:w,pages:v})=>a?e.jsx("div",{className:"flex h-80 items-center justify-center",children:e.jsx(us.Loader,{className:"animate-spin"})}):d?e.jsx(cs,{onSubmit:h,edit:i,lang:u,languages:o,name:r,setLang:l,setName:s,primaryPageObject:c,parentHasSelectedLanguagePage:N,id:w,pages:v,isNonSlugPageType:d,isHomePage:f,useLanguagePrefix:x,slug:G,isSlugValid:D,isPending:F}):e.jsxs("form",{onSubmit:h,children:[e.jsxs("div",{className:"grid gap-4 py-4",children:[e.jsx(J,{edit:i,lang:u,languages:o,name:r,setLang:l,setName:s,primaryPageObject:c}),e.jsx(K,{lang:u,name:r,setName:s,parentHasSelectedLanguagePage:N}),e.jsx(ds,{dynamic:c==null?void 0:c.dynamic,isNonSlugPageType:d,isRootPage:A,lang:u,useLanguagePrefix:x,setUseLanguagePrefix:S,isHomePage:f,parentSlug:U,parentHasSelectedLanguagePage:N,slug:G,setSlug:_,isSlugValid:D,setIsSlugValid:$,getSlug:I})]}),e.jsx(Q,{parentHasSelectedLanguagePage:N,name:r,lang:u,slug:G,edit:i,id:w,primaryPageObject:c,pages:v,isNonSlugPageType:d,isHomePage:f,useLanguagePrefix:x,isSlugValid:D,isPending:F})]}),rs=({id:a,isOpen:h,onClose:i,primaryPage:u,edit:o=!1,preselectedLang:r})=>{const{data:l=[]}=t.useWebsitePages(),s=T.useMemo(()=>l.find(n=>n.id===u),[l,u]),[c,N]=T.useState(""),[d,A]=T.useState(""),[x,S]=T.useState(""),[f,U]=T.useState(!0),[G,_]=T.useState(!0),{mutate:D,isPending:$}=t.useCreatePage(),{mutate:I,isPending:F}=t.useUpdatePage(),w=$||F,{data:v,isFetching:X}=t.useWebsiteSetting(),B=t.useFallbackLang(),{data:m,isFetching:Z}=t.useLanguagePages(u),{data:L=[],isFetching:b}=t.useLanguagePages(s==null?void 0:s.parent),{data:V=[],isFetching:y}=t.usePageTypes(),{setSelectedLang:O}=H.useLanguages(),[,P]=t.useSearchParams(),[,ss]=H.useSidebarActivePanel(),es=X||Z||b||y,C=T.useMemo(()=>W.filter(v==null?void 0:v.languages,n=>!W.find(m,{lang:n})),[v,m]),q=T.useMemo(()=>V.find(n=>n.key===(s==null?void 0:s.pageType)),[V,s==null?void 0:s.pageType]),Y=!(q!=null&&q.hasSlug),k=(s==null?void 0:s.slug)==="/";T.useEffect(()=>{if(!o&&s&&r&&(A(r),N(`${s.name} - ${t.LANGUAGES[r]}`)),!o||!s)return;const n=m==null?void 0:m.find(is=>is.id===a);if(!n)return;N(n.name),A(n.lang);const g=n.slug||"",{initSlug:R,prefix:ls}=M.parseSlugForEdit(g,s);S(R),_(ls)},[o,a,m,s,r]),T.useEffect(()=>{if(r)A(r);else if((C==null?void 0:C.length)===1&&!o){const n=C[0];if(!n||!t.LANGUAGES[n])return;A(n),(!c||c===(s==null?void 0:s.name))&&N(`${s==null?void 0:s.name} - ${t.LANGUAGES[n]}`)}},[r,C,o,c,s]);const{parentSlug:j,isRootPage:p}=T.useMemo(()=>{if(k||!d)return{parentSlug:void 0,isRootPage:!(s!=null&&s.parent)};if(!(s!=null&&s.parent))return{parentSlug:G?`/${d}`:void 0,isRootPage:!0};const n=L==null?void 0:L.find(g=>g.lang===d);return{parentSlug:n==null?void 0:n.slug,isRootPage:!1}},[s==null?void 0:s.parent,L,G,d,k]),ns=T.useMemo(()=>p?!0:!!(L!=null&&L.some(n=>(n==null?void 0:n.lang)===d)),[d,L,p]),z=()=>{let n="";return p?n=`/${G?[d,x].filter(Boolean).join("/"):x}`:n=`${M.removeSlugExtension(j)}/${x}`,n.replace(/\/{2,}/g,"/").replace(/\/$/,"")},ts=n=>{const g=new URLSearchParams(window.location.search);B&&n===B?g.delete("lang"):g.set("lang",n),P(g),window.dispatchEvent(new PopStateEvent("popstate"))},os=n=>{n.preventDefault();const g={name:c,lang:d,primaryPage:s==null?void 0:s.id,slug:Y?"":z(),pageType:s==null?void 0:s.pageType,...o&&{id:a}},R=()=>{!o&&d&&(O(d),ts(d)),ss("outline"),i()};o?I(g,{onSuccess:R}):D(g,{onSuccess:R})};return e.jsx(E.Dialog,{open:h,onOpenChange:i,children:h&&e.jsxs(E.DialogContent,{className:"text-slate-600 sm:max-w-[425px]",children:[e.jsxs(E.DialogHeader,{children:[e.jsx(E.DialogTitle,{children:o?t.CONTENT.EDIT_LANGUAGE:t.CONTENT.ADD_NEW_LANGUAGE}),e.jsx(E.DialogDescription,{className:"font-light",children:t.CONTENT.ENTER_LANGUAGE_DETAILS})]}),e.jsx(as,{id:a,pages:l,loading:es,onSubmit:os,edit:o,lang:d,languages:C,name:c,setLang:A,setName:N,primaryPageObject:s,parentHasSelectedLanguagePage:ns,isNonSlugPageType:Y,isRootPage:p,useLanguagePrefix:G,setUseLanguagePrefix:_,isHomePage:k,parentSlug:j,slug:x,setSlug:S,isSlugValid:f,setIsSlugValid:U,getSlug:z,isPending:w})]})})};exports.default=rs;

package/dist/add-new-language-page-DENCjC_f.js

@@ -1,390 +0,0 @@
-import { jsx as t, jsxs as h, Fragment as rn } from "react/jsx-runtime";
-import { p as hn, r as fn, S as An } from "./slug-input-Dhzaobv6.js";
-import { b as Nn, c as mn, d as En, e as Sn, f as gn, g as K, h as xn, i as Gn, L, C as f } from "./index-zaGKeGBW.js";
-import { useLanguages as vn, useSidebarActivePanel as Ln } from "@chaibuilder/sdk";
-import { Dialog as Dn, DialogContent as _n, DialogHeader as Un, DialogTitle as pn, DialogDescription as Fn, Label as k, Input as Tn, Alert as X, DialogFooter as wn, Button as Cn } from "@chaibuilder/sdk/ui";
-import { filter as $n, find as In, startsWith as Rn } from "lodash-es";
-import { Loader as kn } from "lucide-react";
-import { useMemo as F, useState as T, useEffect as Q } from "react";
-const Z = ({
-  edit: u,
-  lang: r,
-  languages: l,
-  name: i,
-  setLang: e,
-  setName: c,
-  primaryPageObject: o
-}) => /* @__PURE__ */ h("div", { className: "space-y-1", children: [
-  /* @__PURE__ */ t(k, { htmlFor: "lang", children: f.LANGUAGE }),
-  /* @__PURE__ */ h(
-    "select",
-    {
-      value: u ? "" : r,
-      disabled: u || !l.length,
-      onChange: (n) => {
-        const a = n.target.value;
-        e(a), !u && (Rn(i, o == null ? void 0 : o.name) || i.length === 0) && c(`${o == null ? void 0 : o.name} - ${L[a]}`);
-      },
-      className: "col-span-3 flex h-9 w-full rounded-md border border-border bg-background px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
-      children: [
-        /* @__PURE__ */ t("option", { value: "", disabled: !0, children: u ? L[r] || r : l.length ? f.CHOOSE_LANGUAGE : f.ALL_AVAILABLE_LANGUAGE_PAGE }),
-        l.map((n) => /* @__PURE__ */ t("option", { value: n, children: L[n] || n }, n))
-      ]
-    }
-  )
-] }), b = ({ lang: u, name: r, setName: l, parentHasSelectedLanguagePage: i }) => /* @__PURE__ */ h("div", { className: "space-y-1", children: [
-  /* @__PURE__ */ t(k, { htmlFor: "name", children: f.PAGE_NAME }),
-  /* @__PURE__ */ t(
-    Tn,
-    {
-      id: "name",
-      value: u ? r : "",
-      onChange: (e) => l(e.target.value),
-      required: !0,
-      placeholder: u ? f.ENTER_PAGE_NAME : f.CHOOSE_LANGUAGE_TO_ADD_SLUG,
-      disabled: !i || !u
-    }
-  )
-] }), Wn = ({
-  dynamic: u,
-  isNonSlugPageType: r,
-  isRootPage: l,
-  lang: i,
-  useLanguagePrefix: e,
-  setUseLanguagePrefix: c,
-  isHomePage: o,
-  parentSlug: n,
-  parentHasSelectedLanguagePage: a,
-  slug: A,
-  setSlug: d,
-  setIsSlugValid: E,
-  getSlug: N
-}) => r ? null : /* @__PURE__ */ h("div", { className: "space-y-1", children: [
-  l && i && /* @__PURE__ */ h("div", { className: "flex items-center space-x-2 pb-1", children: [
-    /* @__PURE__ */ t(
-      "input",
-      {
-        type: "checkbox",
-        id: "useLanguagePrefix",
-        checked: e,
-        onChange: (S) => c(S.target.checked),
-        className: "rounded border-gray-300"
-      }
-    ),
-    /* @__PURE__ */ h(k, { htmlFor: "useLanguagePrefix", className: "text-sm font-normal leading-tight", children: [
-      "Add language code (",
-      /* @__PURE__ */ h("span", { className: "font-mono text-gray-900", children: [
-        "/",
-        i
-      ] }),
-      ") as slug prefix"
-    ] })
-  ] }),
-  /* @__PURE__ */ t(k, { htmlFor: "slug", children: f.SLUG }),
-  u ? /* @__PURE__ */ t(X, { variant: "default", className: "p-2 text-xs font-medium italic text-muted-foreground", children: "This page will use dynamic slug as defined in primary page" }) : /* @__PURE__ */ t(
-    An,
-    {
-      disabled: !i || !a,
-      value: A,
-      onChange: d,
-      placeholder: i ? o && e ? "Leave empty for home page" : f.ENTER_PAGE_SLUG : f.CHOOSE_LANGUAGE_TO_ADD_SLUG,
-      parentSlug: n,
-      onValidationChange: E,
-      fullSlug: N()
-    }
-  )
-] }), y = ({
-  parentHasSelectedLanguagePage: u,
-  name: r,
-  lang: l,
-  slug: i,
-  edit: e,
-  id: c,
-  primaryPageObject: o,
-  pages: n,
-  isNonSlugPageType: a,
-  isHomePage: A,
-  useLanguagePrefix: d,
-  isSlugValid: E,
-  isPending: N
-}) => {
-  const S = N || !r || !l || n.some((m) => (e ? m.id !== c : !0) && m.parent === (o == null ? void 0 : o.id) && m.lang === l) || !a && !(A && d) && (!E || !i);
-  return /* @__PURE__ */ t(wn, { children: u ? /* @__PURE__ */ h(rn, { children: [
-    /* @__PURE__ */ t(Cn, { type: "submit", disabled: S && !o.dynamic, children: N ? /* @__PURE__ */ h("span", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ t("span", { className: "loader mr-2" }),
-      e ? f.UPDATING : f.ADDING
-    ] }) : e ? f.UPDATE : f.ADD_NEW_LANGUAGE }),
-    n.some(
-      (m) => (e ? m.id !== c : !0) && m.parent === (o == null ? void 0 : o.id) && m.lang === l
-    ) && /* @__PURE__ */ t("p", { className: "mt-2 text-xs text-red-500", children: "A page for this language already exists." })
-  ] }) : l && /* @__PURE__ */ t(X, { variant: "destructive", children: /* @__PURE__ */ h("p", { className: "mx-auto w-5/6 text-center", children: [
-    "You need to create the ",
-    /* @__PURE__ */ t("span", { className: "font-medium", children: L[l] }),
-    " page in the parent to add here."
-  ] }) }) });
-}, Bn = ({
-  onSubmit: u,
-  edit: r,
-  lang: l,
-  languages: i,
-  name: e,
-  setLang: c,
-  setName: o,
-  primaryPageObject: n,
-  parentHasSelectedLanguagePage: a,
-  id: A,
-  pages: d,
-  isNonSlugPageType: E,
-  isHomePage: N,
-  useLanguagePrefix: S,
-  slug: m,
-  isSlugValid: U,
-  isPending: g
-}) => /* @__PURE__ */ h("form", { onSubmit: u, children: [
-  /* @__PURE__ */ h("div", { className: "grid gap-4 py-4", children: [
-    /* @__PURE__ */ t(
-      Z,
-      {
-        edit: r,
-        lang: l,
-        languages: i,
-        name: e,
-        setLang: c,
-        setName: o,
-        primaryPageObject: n
-      }
-    ),
-    /* @__PURE__ */ t(
-      b,
-      {
-        lang: l,
-        name: e,
-        setName: o,
-        parentHasSelectedLanguagePage: a
-      }
-    )
-  ] }),
-  /* @__PURE__ */ t(
-    y,
-    {
-      parentHasSelectedLanguagePage: a,
-      name: e,
-      lang: l,
-      slug: m,
-      edit: r,
-      id: A,
-      primaryPageObject: n,
-      pages: d,
-      isNonSlugPageType: E,
-      isHomePage: N,
-      useLanguagePrefix: S,
-      isSlugValid: U,
-      isPending: g
-    }
-  )
-] }), Mn = ({
-  loading: u,
-  onSubmit: r,
-  edit: l,
-  lang: i,
-  languages: e,
-  name: c,
-  setLang: o,
-  setName: n,
-  primaryPageObject: a,
-  parentHasSelectedLanguagePage: A,
-  isNonSlugPageType: d,
-  isRootPage: E,
-  useLanguagePrefix: N,
-  setUseLanguagePrefix: S,
-  isHomePage: m,
-  parentSlug: U,
-  slug: g,
-  setSlug: w,
-  isSlugValid: p,
-  setIsSlugValid: W,
-  getSlug: B,
-  isPending: C,
-  id: $,
-  pages: v
-}) => u ? /* @__PURE__ */ t("div", { className: "flex h-80 items-center justify-center", children: /* @__PURE__ */ t(kn, { className: "animate-spin" }) }) : d ? /* @__PURE__ */ t(
-  Bn,
-  {
-    onSubmit: r,
-    edit: l,
-    lang: i,
-    languages: e,
-    name: c,
-    setLang: o,
-    setName: n,
-    primaryPageObject: a,
-    parentHasSelectedLanguagePage: A,
-    id: $,
-    pages: v,
-    isNonSlugPageType: d,
-    isHomePage: m,
-    useLanguagePrefix: N,
-    slug: g,
-    isSlugValid: p,
-    isPending: C
-  }
-) : /* @__PURE__ */ h("form", { onSubmit: r, children: [
-  /* @__PURE__ */ h("div", { className: "grid gap-4 py-4", children: [
-    /* @__PURE__ */ t(
-      Z,
-      {
-        edit: l,
-        lang: i,
-        languages: e,
-        name: c,
-        setLang: o,
-        setName: n,
-        primaryPageObject: a
-      }
-    ),
-    /* @__PURE__ */ t(
-      b,
-      {
-        lang: i,
-        name: c,
-        setName: n,
-        parentHasSelectedLanguagePage: A
-      }
-    ),
-    /* @__PURE__ */ t(
-      Wn,
-      {
-        dynamic: a == null ? void 0 : a.dynamic,
-        isNonSlugPageType: d,
-        isRootPage: E,
-        lang: i,
-        useLanguagePrefix: N,
-        setUseLanguagePrefix: S,
-        isHomePage: m,
-        parentSlug: U,
-        parentHasSelectedLanguagePage: A,
-        slug: g,
-        setSlug: w,
-        isSlugValid: p,
-        setIsSlugValid: W,
-        getSlug: B
-      }
-    )
-  ] }),
-  /* @__PURE__ */ t(
-    y,
-    {
-      parentHasSelectedLanguagePage: A,
-      name: c,
-      lang: i,
-      slug: g,
-      edit: l,
-      id: $,
-      primaryPageObject: a,
-      pages: v,
-      isNonSlugPageType: d,
-      isHomePage: m,
-      useLanguagePrefix: N,
-      isSlugValid: p,
-      isPending: C
-    }
-  )
-] }), Xn = ({
-  id: u,
-  isOpen: r,
-  onClose: l,
-  primaryPage: i,
-  edit: e = !1,
-  preselectedLang: c
-}) => {
-  const { data: o = [] } = Nn(), n = F(() => o.find((s) => s.id === i), [o, i]), [a, A] = T(""), [d, E] = T(""), [N, S] = T(""), [m, U] = T(!0), [g, w] = T(!0), { mutate: p, isPending: W } = mn(), { mutate: B, isPending: C } = En(), $ = W || C, { data: v, isFetching: P } = Sn(), q = gn(), { data: D, isFetching: O } = K(i), { data: G = [], isFetching: j } = K(
-    n == null ? void 0 : n.parent
-  ), { data: Y = [], isFetching: nn } = xn(), { setSelectedLang: sn } = vn(), [, en] = Gn(), [, tn] = Ln(), on = P || O || j || nn, _ = F(() => $n(v == null ? void 0 : v.languages, (s) => !In(D, { lang: s })), [v, D]), M = F(
-    () => Y.find((s) => s.key === (n == null ? void 0 : n.pageType)),
-    [Y, n == null ? void 0 : n.pageType]
-  ), z = !(M != null && M.hasSlug), V = (n == null ? void 0 : n.slug) === "/";
-  Q(() => {
-    if (!e && n && c && (E(c), A(`${n.name} - ${L[c]}`)), !e || !n) return;
-    const s = D == null ? void 0 : D.find((cn) => cn.id === u);
-    if (!s) return;
-    A(s.name), E(s.lang);
-    const x = s.slug || "", { initSlug: R, prefix: un } = hn(x, n);
-    S(R), w(un);
-  }, [e, u, D, n, c]), Q(() => {
-    if (c)
-      E(c);
-    else if ((_ == null ? void 0 : _.length) === 1 && !e) {
-      const s = _[0];
-      if (!s || !L[s]) return;
-      E(s), (!a || a === (n == null ? void 0 : n.name)) && A(`${n == null ? void 0 : n.name} - ${L[s]}`);
-    }
-  }, [c, _, e, a, n]);
-  const { parentSlug: H, isRootPage: I } = F(() => {
-    if (V || !d)
-      return { parentSlug: void 0, isRootPage: !(n != null && n.parent) };
-    if (!(n != null && n.parent))
-      return {
-        parentSlug: g ? `/${d}` : void 0,
-        isRootPage: !0
-      };
-    const s = G == null ? void 0 : G.find((x) => x.lang === d);
-    return { parentSlug: s == null ? void 0 : s.slug, isRootPage: !1 };
-  }, [n == null ? void 0 : n.parent, G, g, d, V]), ln = F(() => I ? !0 : !!(G != null && G.some((s) => (s == null ? void 0 : s.lang) === d)), [d, G, I]), J = () => {
-    let s = "";
-    return I ? s = `/${g ? [d, N].filter(Boolean).join("/") : N}` : s = `${fn(H)}/${N}`, s.replace(/\/{2,}/g, "/").replace(/\/$/, "");
-  }, dn = (s) => {
-    const x = new URLSearchParams(window.location.search);
-    q && s === q ? x.delete("lang") : x.set("lang", s), en(x), window.dispatchEvent(new PopStateEvent("popstate"));
-  }, an = (s) => {
-    s.preventDefault();
-    const x = {
-      name: a,
-      lang: d,
-      primaryPage: n == null ? void 0 : n.id,
-      slug: z ? "" : J(),
-      pageType: n == null ? void 0 : n.pageType,
-      ...e && { id: u }
-    }, R = () => {
-      !e && d && (sn(d), dn(d)), tn("outline"), l();
-    };
-    e ? B(x, { onSuccess: R }) : p(x, { onSuccess: R });
-  };
-  return /* @__PURE__ */ t(Dn, { open: r, onOpenChange: l, children: r && /* @__PURE__ */ h(_n, { className: "text-slate-600 sm:max-w-[425px]", children: [
-    /* @__PURE__ */ h(Un, { children: [
-      /* @__PURE__ */ t(pn, { children: e ? f.EDIT_LANGUAGE : f.ADD_NEW_LANGUAGE }),
-      /* @__PURE__ */ t(Fn, { className: "font-light", children: f.ENTER_LANGUAGE_DETAILS })
-    ] }),
-    /* @__PURE__ */ t(
-      Mn,
-      {
-        id: u,
-        pages: o,
-        loading: on,
-        onSubmit: an,
-        edit: e,
-        lang: d,
-        languages: _,
-        name: a,
-        setLang: E,
-        setName: A,
-        primaryPageObject: n,
-        parentHasSelectedLanguagePage: ln,
-        isNonSlugPageType: z,
-        isRootPage: I,
-        useLanguagePrefix: g,
-        setUseLanguagePrefix: w,
-        isHomePage: V,
-        parentSlug: H,
-        slug: N,
-        setSlug: S,
-        isSlugValid: m,
-        setIsSlugValid: U,
-        getSlug: J,
-        isPending: $
-      }
-    )
-  ] }) });
-};
-export {
-  Xn as default
-};

package/dist/add-new-page-BuK6We-q.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("@chaibuilder/sdk/ui"),l=require("react"),t=l.lazy(()=>Promise.resolve().then(()=>require("./page-creator-CsZpQ7Gy.cjs"))),a=({addEditPage:s,setAddEditPage:o,closePanel:c})=>{const r=!!(s!=null&&s.id),i=!!s;return e.jsx(n.Dialog,{open:i,onOpenChange:()=>o(void 0),children:i&&e.jsxs(n.DialogContent,{className:"sm:max-w-[425px]",children:[e.jsxs(n.DialogHeader,{children:[e.jsxs(n.DialogTitle,{children:[r?"Edit":"Add New"," "]}),e.jsx(n.DialogDescription,{children:r?"Update your page name":"Enter details to create a new page"})]}),e.jsx(l.Suspense,{fallback:e.jsx("div",{className:"min-h-40"}),children:e.jsx(t,{closePanel:c,addEditPage:s,close:()=>o(void 0)})})]})})};exports.default=a;

package/dist/add-new-page-CD-9ppdS.js

@@ -1,30 +0,0 @@
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
-import { Dialog as c, DialogContent as a, DialogHeader as t, DialogTitle as p, DialogDescription as m } from "@chaibuilder/sdk/ui";
-import { lazy as h, Suspense as D } from "react";
-const f = h(() => import("./page-creator-Crc5BzeB.js")), N = ({
-  addEditPage: e,
-  setAddEditPage: r,
-  closePanel: s
-}) => {
-  const l = !!(e != null && e.id), i = !!e;
-  return /* @__PURE__ */ o(c, { open: i, onOpenChange: () => r(void 0), children: i && /* @__PURE__ */ n(a, { className: "sm:max-w-[425px]", children: [
-    /* @__PURE__ */ n(t, { children: [
-      /* @__PURE__ */ n(p, { children: [
-        l ? "Edit" : "Add New",
-        " "
-      ] }),
-      /* @__PURE__ */ o(m, { children: l ? "Update your page name" : "Enter details to create a new page" })
-    ] }),
-    /* @__PURE__ */ o(D, { fallback: /* @__PURE__ */ o("div", { className: "min-h-40" }), children: /* @__PURE__ */ o(
-      f,
-      {
-        closePanel: s,
-        addEditPage: e,
-        close: () => r(void 0)
-      }
-    ) })
-  ] }) });
-};
-export {
-  N as default
-};

package/dist/delete-page-B-TP6nJ7.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("./index-Blg1T7nL.cjs"),c=require("@chaibuilder/sdk"),t=require("@chaibuilder/sdk/ui"),D=require("lodash-es");function y({page:e,onClose:r}){const[,o]=i.useSearchParams(),{mutate:d,isPending:l}=i.useDeletePage(),{data:a}=i.usePageTypes(),{setSelectedLang:u,fallbackLang:h}=c.useLanguages(),[,m]=c.useSidebarActivePanel(),x=()=>{l||d(e,{onSuccess:()=>{e!=null&&e.primaryPage?(window.history.replaceState({},"",`/?page=${e.primaryPage}`),o(new URLSearchParams({page:e.primaryPage}))):(window.history.replaceState({},"","/"),o(new URLSearchParams)),window.dispatchEvent(new PopStateEvent("popstate")),u(h),m("outline"),r()}})},s=a==null?void 0:a.find(P=>P.key===(e==null?void 0:e.pageType));return n.jsx(t.Dialog,{open:!!e,onOpenChange:r,children:n.jsxs(t.DialogContent,{children:[n.jsxs(t.DialogHeader,{children:[n.jsx(t.DialogTitle,{children:"Confirm Deletion"}),n.jsxs(t.DialogDescription,{className:"py-4 text-slate-500",children:[n.jsxs("div",{children:["Are you sure you want to remove ",n.jsx("b",{children:(e==null?void 0:e.name)??(e==null?void 0:e.slug)})," ",s!=null&&s.hasSlug?(s==null?void 0:s.name)+"?":`page? ${e!=null&&e.primaryPage?"":"This will also delete all associated language pages."}`]}),e.lang&&n.jsxs("div",{className:"py-2 text-sm",children:["Language: ",n.jsx("span",{className:"font-medium text-gray-500",children:D.get(i.LANGUAGES,e.lang,e.lang)})]})]})]}),n.jsxs(t.DialogFooter,{children:[n.jsx(t.Button,{variant:"outline",onClick:r,children:"Cancel"}),n.jsx(t.Button,{variant:"destructive",disabled:l,onClick:x,children:l?"Deleting...":"Delete"})]})]})})}exports.default=y;

package/dist/delete-page-CatRlDfx.js

@@ -1,38 +0,0 @@
-import { jsx as n, jsxs as i } from "react/jsx-runtime";
-import { i as D, m as f, h as w, L as y } from "./index-zaGKeGBW.js";
-import { useLanguages as S, useSidebarActivePanel as v } from "@chaibuilder/sdk";
-import { Dialog as L, DialogContent as x, DialogHeader as A, DialogTitle as k, DialogDescription as C, DialogFooter as N, Button as o } from "@chaibuilder/sdk/ui";
-import { get as g } from "lodash-es";
-function b({ page: e, onClose: r }) {
-  const [, s] = D(), { mutate: c, isPending: a } = f(), { data: l } = w(), { setSelectedLang: d, fallbackLang: m } = S(), [, u] = v(), h = () => {
-    a || c(e, {
-      onSuccess: () => {
-        e != null && e.primaryPage ? (window.history.replaceState({}, "", `/?page=${e.primaryPage}`), s(new URLSearchParams({ page: e.primaryPage }))) : (window.history.replaceState({}, "", "/"), s(new URLSearchParams())), window.dispatchEvent(new PopStateEvent("popstate")), d(m), u("outline"), r();
-      }
-    });
-  }, t = l == null ? void 0 : l.find((P) => P.key === (e == null ? void 0 : e.pageType));
-  return /* @__PURE__ */ n(L, { open: !!e, onOpenChange: r, children: /* @__PURE__ */ i(x, { children: [
-    /* @__PURE__ */ i(A, { children: [
-      /* @__PURE__ */ n(k, { children: "Confirm Deletion" }),
-      /* @__PURE__ */ i(C, { className: "py-4 text-slate-500", children: [
-        /* @__PURE__ */ i("div", { children: [
-          "Are you sure you want to remove ",
-          /* @__PURE__ */ n("b", { children: (e == null ? void 0 : e.name) ?? (e == null ? void 0 : e.slug) }),
-          " ",
-          t != null && t.hasSlug ? (t == null ? void 0 : t.name) + "?" : `page? ${e != null && e.primaryPage ? "" : "This will also delete all associated language pages."}`
-        ] }),
-        e.lang && /* @__PURE__ */ i("div", { className: "py-2 text-sm", children: [
-          "Language: ",
-          /* @__PURE__ */ n("span", { className: "font-medium text-gray-500", children: g(y, e.lang, e.lang) })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ i(N, { children: [
-      /* @__PURE__ */ n(o, { variant: "outline", onClick: r, children: "Cancel" }),
-      /* @__PURE__ */ n(o, { variant: "destructive", disabled: a, onClick: h, children: a ? "Deleting..." : "Delete" })
-    ] })
-  ] }) });
-}
-export {
-  b as default
-};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),Z=require("@chaibuilder/sdk"),l=require("@chaibuilder/sdk/ui"),D=require("lodash-es"),f=require("lucide-react"),o=require("react"),xe=require("react-dropzone"),p=require("./index-Blg1T7nL.cjs"),A=require("sonner"),J=require("./image-compression-DZ9WMmyn.cjs"),k=require("@tanstack/react-query"),fe=()=>{const r=p.useAssetsApiUrl(),a=k.useQueryClient(),m=p.useFetch();return k.useMutation({mutationFn:async s=>{const h=s.map(async v=>m(r,{action:p.ACTIONS.UPLOAD_ASSET,data:v}));return await Promise.all(h)},onSuccess:s=>{var h;if(s!=null&&s.some(i=>i.error))throw new Error(((h=s==null?void 0:s.find(i=>i.error))==null?void 0:h.error)||"Failed to upload asset");{a.invalidateQueries({queryKey:[p.ACTIONS.GET_ASSETS]});const i=s==null?void 0:s.length;A.toast.success(`${i===1?"Asset":i+" Assets"} uploaded successfully`)}},onError:()=>{A.toast.error("Failed to upload asset")}})},pe=()=>{const r=p.useAssetsApiUrl(),a=k.useQueryClient(),m=p.useFetch();return k.useMutation({mutationFn:async s=>m(r,{action:p.ACTIONS.DELETE_ASSET,data:{id:s}}),onSuccess:s=>{if(s!=null&&s.error)throw new Error(s==null?void 0:s.error);a.invalidateQueries({queryKey:[p.ACTIONS.GET_ASSETS]}),A.toast.success("Asset deleted successfully")},onError:()=>{A.toast.error("Failed to delete asset")}})},ge=()=>{const r=p.useAssetsApiUrl(),a=k.useQueryClient(),m=p.useFetch();return k.useMutation({mutationFn:async s=>m(r,{action:p.ACTIONS.UPDATE_ASSET,data:s}),onSuccess:s=>{if(s!=null&&s.error)throw new Error(s==null?void 0:s.error);a.invalidateQueries({queryKey:[p.ACTIONS.GET_ASSETS]}),s!=null&&s.id&&a.invalidateQueries({queryKey:[p.ACTIONS.GET_ASSET,s.id]}),A.toast.success("Asset updated successfully")},onError:()=>{A.toast.error("Failed to update asset")}})};function je({currentPage:r,totalPages:a,onPageChange:m,pageRangeDisplayed:s=3,showPageInput:h=!0,className:i=""}){const[v,y]=o.useState(String(r)),b=o.useMemo(()=>{const c=Math.floor(s/2);let n=Math.max(1,r-c),d=Math.min(a,r+c);d-n+1<s&&(n===1?d=Math.min(a,n+s-1):d===a&&(n=Math.max(1,d-s+1)));const j=[];n>1&&(j.push(1),n>2&&j.push("..."));for(let N=n;N<=d;N++)j.push(N);return d<a&&(d<a-1&&j.push("..."),j.push(a)),j},[r,a,s]),g=c=>{c!==r&&c>=1&&c<=a&&(m(c),y(String(c)))},w=()=>{r>1&&g(r-1)},S=()=>{r<a&&g(r+1)},C=()=>{const c=Number(v);!isNaN(c)&&c>=1&&c<=a&&g(c)},x=c=>{c.key==="Enter"&&C()};return a<=1?null:e.jsxs("div",{className:`flex flex-wrap items-center justify-center gap-3 ${i}`,children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs(l.Button,{variant:"outline",size:"sm",onClick:w,disabled:r===1,className:"px-2 py-1 text-sm hover:bg-gray-50",children:[e.jsx(f.ChevronLeft,{className:" h-4 w-4"}),"Previous"]}),e.jsx("div",{className:"flex items-center gap-2",children:b.map((c,n)=>{if(c==="...")return e.jsx("span",{className:"px-2 text-muted-foreground",children:"..."},`ellipsis-${n}`);const d=c,j=d===r;return e.jsx(l.Button,{variant:j?"default":"outline",size:"sm",onClick:()=>g(d),className:j?"border-blue-600 bg-blue-600 px-3 py-1 text-sm text-white":"border px-3 py-1 text-sm hover:bg-gray-50 hover:text-black",children:d},d)})}),e.jsxs(l.Button,{variant:"outline",size:"sm",onClick:S,disabled:r===a,className:"px-2 py-1 text-sm hover:bg-gray-50",children:["Next",e.jsx(f.ChevronRight,{className:" h-4 w-4"})]})]}),h&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-sm text-muted-foreground",children:"Go to"}),e.jsx(l.Input,{type:"number",min:1,max:a,value:v,onChange:c=>{const n=c.target.value.replace(/[^\d]/g,"");y(n)},onKeyDown:x,className:"h-8 w-16 px-2 py-1"}),e.jsx(l.Button,{variant:"outline",size:"sm",onClick:C,disabled:v===""||Number(v)<1||Number(v)>a,children:"Go"})]})]})}const ve=(r={})=>{const a=p.useAssetsApiUrl(),m=p.useFetch(),{search:s,page:h=1,limit:i=30}=r;return k.useQuery({queryKey:[p.ACTIONS.GET_ASSETS,s,h,i],queryFn:async()=>{const v=await m(a,{action:p.ACTIONS.GET_ASSETS,data:{search:s,page:h,limit:i}});return v.page=h,v.limit=i,v},staleTime:1/0,retry:1})},ye=r=>{const a=p.useAssetsApiUrl(),m=p.useFetch();return k.useQuery({queryKey:[p.ACTIONS.GET_ASSET,r],queryFn:async()=>r?await m(a,{action:p.ACTIONS.GET_ASSET,data:{id:r}}):null,staleTime:1/0,retry:1})};function Ne(r){const a=isNaN(r)?0:typeof r=="number"?r:parseInt(r);return a?a<1024?`${a.toFixed(2)} B`:a<1024*1024?`${(a/1024).toFixed(2)} KB`:`${(a/(1024*1024)).toFixed(2)} MB`:"0 B"}function H(r){if(!r)return"N/A";const a=new Date(r);return new Intl.DateTimeFormat("en-US",{month:"short",day:"numeric",year:"numeric",hour:"2-digit",minute:"2-digit"}).format(a)}function X(r,a){let m=r,s=a==null?void 0:a.description;return(!s||typeof s!="string")&&(s=""),(!m||typeof m!="string")&&(m=""),m!==s}const be=({assetId:r,onBack:a,onEdit:m,onSave:s,isSaving:h})=>{var x,c;const{data:i,isLoading:v,isError:y}=ye(r||""),[b,g]=o.useState(""),[w,S]=o.useState(!1);o.useEffect(()=>{const n=new Image;return n.src=(i==null?void 0:i.url)||"",n.onload=()=>S(!0),()=>{n.onload=null}},[i]);const C=async(n,d)=>{try{await navigator.clipboard.writeText(n),A.toast.success(`${d} copied to clipboard`)}catch(j){A.toast.error(`Failed to copy ${d}`,{description:j==null?void 0:j.message})}};return o.useEffect(()=>{i!=null&&i.description&&g(i.description)},[i]),v||!w?e.jsx("div",{className:"flex-1 flex items-center justify-center",children:e.jsx(f.Loader,{className:"h-8 w-8 animate-spin"})}):y||!(i!=null&&i.id)?e.jsx("div",{className:"flex-1 flex items-center justify-center",children:e.jsxs("div",{className:"text-center max-w-md mx-auto p-6",children:[e.jsx("div",{className:"flex justify-center mb-4",children:e.jsx(f.AlertCircle,{className:"h-12 w-12 text-gray-400"})}),e.jsx("h3",{className:"text-lg font-medium text-gray-900 mb-2",children:"No Asset Found"}),e.jsx("p",{className:"text-sm text-gray-500 mb-6",children:y?"There was an error loading the asset. Please try again later.":"The asset you're looking for doesn't exist or has been removed."}),e.jsxs("div",{className:"flex justify-center gap-4",children:[e.jsx(l.Button,{variant:"outline",onClick:a,children:"Back to Assets"}),y&&e.jsx(l.Button,{variant:"default",onClick:()=>window.location.reload(),children:"Try Again"})]})]})}):e.jsxs("div",{className:"flex-1 flex flex-col gap-y-4 overflow-hidden",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs(l.Button,{variant:"outline",size:"sm",onClick:a,disabled:h,children:[e.jsx(f.ChevronLeft,{className:"h-4 w-4"}),"Back to Assets"]}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(l.Button,{variant:"outline",onClick:a,disabled:h,children:"Cancel"}),e.jsxs(l.Button,{variant:"outline",onClick:()=>C(i.url,"Asset URL"),disabled:h,children:[e.jsx(f.Copy,{className:"h-4 w-4 mr-2"}),"Copy URL"]}),e.jsxs(l.Button,{variant:"default",onClick:()=>m(i),disabled:h,children:[e.jsx(f.Pencil,{className:"h-4 w-4"}),"Edit Image"]})]})]}),e.jsxs("div",{className:"grid grid-cols-2 items-start gap-6 flex-1 overflow-hidden",children:[e.jsx("div",{className:"relative h-[calc(80vh-200px)] w-full flex items-start justify-center",children:e.jsx("img",{src:i.url,alt:i.name,className:"w-full h-full object-contain rounded-lg max-h-max max-w-max"})}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"grid gap-3 border rounded-md pt-2 bg-gray-100",children:[e.jsx(l.Label,{className:"w-full text-center",children:"Details"}),e.jsx("div",{className:"grid grid-cols-1 gap-2 text-sm border rounded-md p-2 bg-white",children:[{label:"File Name",value:i.name},{label:"Type",value:i.type,capitalize:!0},{label:"Format",value:((x=i.metadata)==null?void 0:x.format)||i.type,capitalize:!0},{label:"Size",value:Ne(i.size)},{label:"Dimensions",value:`${i.width||0} × ${i.height||0}`},{label:"Created",value:H(i.createdAt)},{label:"Updated",value:H(((c=i.metadata)==null?void 0:c.updatedAt)||(i==null?void 0:i.updatedAt)||i.createdAt)},{label:"URL",value:i.url,copyable:!0}].map(n=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(l.Label,{className:"w-max text-left px-2 w-1/4 font-normal text-gray-700",children:n.label}),":",e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-max text-left font-medium text-gray-900"+(n.capitalize?" capitalize":""),children:n.value}),n.copyable&&e.jsx(l.Button,{variant:"ghost",size:"icon",className:"h-6 w-6",onClick:()=>C(n.value,n.label),children:e.jsx(f.Link,{className:"h-3 w-3"})})]})]},n.label))})]}),i.usedOn&&i.usedOn.length>0&&e.jsxs("div",{className:"grid gap-3",children:[e.jsx(l.Label,{children:"Used On"}),e.jsx("div",{className:"grid grid-cols-1 gap-2 text-sm border rounded-md p-2",children:i.usedOn.map((n,d)=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-max text-left font-medium text-gray-900",children:n.name}),e.jsxs("div",{className:"text-gray-500",children:["(",n.slug,")"]})]},d))})]}),e.jsxs("div",{className:"grid gap-3 border rounded-md pt-2 bg-gray-100 relative",children:[e.jsx(l.Label,{className:"w-full text-center",children:"Description"}),e.jsx(l.Textarea,{id:"description",value:b,placeholder:"Enter a description for the asset",onChange:n=>g(n.target.value),rows:3,disabled:h,className:"hover:border-black/40 bg-white"}),e.jsx("div",{className:"flex justify-end items-start absolute top-1.5 right-2",children:e.jsx("button",{type:"button",onClick:()=>s(b),disabled:h||!X(b,i),className:`py-0 bg-blue-500 text-white px-3 py-0.5 rounded-md text-sm ${h||!X(b,i)?"opacity-50 cursor-not-allowed":""}`,children:h?e.jsxs(e.Fragment,{children:[e.jsx(f.Loader,{className:"h-4 w-4 mr-2 animate-spin"}),"Saving..."]}):"Save"})})]})]})]})]})},we=o.lazy(()=>Promise.resolve().then(()=>require("./image-editor-Da6lrqkL.cjs"))),Ce=25*1024*1024,Ae=({isUpdatingAsset:r,allowedTypes:a,uploadAssets:m,isUploadingAsset:s,onUploaded:h})=>{const[i,v]=o.useState(()=>{const x=localStorage.getItem("chai_optimize_images");return x!==null?x==="true":!0});o.useEffect(()=>{localStorage.setItem("chai_optimize_images",i.toString())},[i]);const y=r||s,b=o.useCallback(async x=>{try{const c=x;if(!c.every(N=>N.type.startsWith("image/")))return A.toast.error("Invalid file type. Please upload a valid file."),Promise.reject(new Error("Invalid file type"));const n=c.map(async N=>{let F=N;return N.type.startsWith("image/")&&(F=await J.compressImageIfNeeded(N)),new Promise((P,U)=>{const B=new FileReader;B.readAsDataURL(F),B.onload=async()=>{P({file:B.result,folderId:void 0,name:N.name,optimize:i})},B.onerror=()=>U(null)})}),d=await Promise.all(n),j=await m(d);return(j==null?void 0:j.length)===1&&h(j[0]),j}catch(c){return Promise.reject(c)}},[m,i,h]),g=x=>{const c=[];let n=0;return x.forEach(d=>{d.size>Ce?n++:c.push(d)}),n>0&&A.toast.error(`${n===1&&x.length===1?"File":n+(n===1?" file":" files")} exceed the maximum size limit of 10MB.`),D.isEmpty(c)?[]:b(c)},{getRootProps:w,getInputProps:S,isDragActive:C}=xe.useDropzone({onDrop:g,accept:{"image/*":a.includes("image")?[]:[]},disabled:r||s,multiple:!0});return e.jsx("div",{className:`flex h-[60px] w-full flex-col items-center justify-center rounded-lg border-2 border-dashed border-slate-300 p-0 py-2 hover:border-black/50 ${y?"pointer-events-none bg-gray-100 opacity-90":"bg-gray-100 hover:border-black/50 hover:bg-gray-100"}`,children:e.jsxs("div",{...w(),className:Z.mergeClasses("flex h-max w-full cursor-pointer flex-col justify-center rounded-lg text-center",y?"items-start":"items-center",C?"border-primary bg-primary/5":"border-muted-foreground/20"),children:[e.jsx("input",{...S()}),y?e.jsx("div",{className:"flex flex-col items-center px-6",children:e.jsxs("div",{className:"flex items-center justify-center gap-2 leading-tight",children:[e.jsx("div",{className:"flex items-center justify-center rounded-full bg-indigo-100 p-2",children:e.jsx(f.Loader,{className:"h-4 w-4 animate-spin text-indigo-500"})}),e.jsxs("div",{className:"text-left",children:[e.jsx("div",{className:"font-medium",children:r?"Updating file...":"Uploading file..."}),e.jsxs("div",{className:"text-xs font-light text-muted-foreground",children:["Please wait while we ",r?"update":"upload"," your file..."]})]})]})}):e.jsxs("div",{className:"flex w-full items-center justify-between px-6",children:[e.jsx("div",{className:"flex flex-col items-center",children:e.jsxs("div",{className:"flex items-center justify-between gap-2 leading-tight",children:[e.jsx("div",{className:"flex items-center justify-center rounded-full border border-indigo-500 bg-indigo-100 p-2",children:e.jsx(f.Upload,{className:"h-4 w-4 text-indigo-500"})}),e.jsxs("div",{className:"text-left",children:[e.jsxs("div",{className:"font-medium",children:["Drop your file here or"," ",e.jsx("span",{className:"cursor-pointer text-indigo-500 hover:underline",children:"browse"})]}),e.jsx("div",{className:"text-xs font-light text-muted-foreground",children:e.jsxs("span",{className:"",children:["Accepted file types: ",e.jsx("span",{className:"capitalize text-indigo-400",children:a.join(", ")})]})})]})]})}),e.jsxs("div",{className:"flex items-center gap-2 text-xs text-muted-foreground",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("span",{className:"text-xs",children:["Optimization:"," ",e.jsx("span",{className:i?"text-indigo-600":"text-gray-400",children:i?"On":"Off"})]}),e.jsx(l.Switch,{checked:i,onCheckedChange:x=>{v(x)},onClick:x=>{x.stopPropagation()},className:"data-[state=checked]:bg-indigo-500"})]}),e.jsx(l.TooltipProvider,{children:e.jsxs(l.Tooltip,{children:[e.jsx(l.TooltipTrigger,{asChild:!0,children:e.jsx("span",{className:`flex cursor-help items-center text-amber-500 ${i?"invisible":""}`,children:e.jsx(f.AlertTriangle,{className:"mr-1 h-4 w-4"})})}),e.jsx(l.TooltipContent,{side:"top",children:e.jsxs("p",{className:"text-xs text-white",children:["Warning: Unoptimized images may affect ",e.jsx("br",{})," performance and page load times"]})})]})})]})]})]})})};function Se({close:r,onSelect:a,mode:m="image",assetId:s}){const v=o.useMemo(()=>[m],[m]),[y,b]=o.useState(null),[g,w]=o.useState(null),[S,C]=o.useState(null),[x,c]=o.useState({show:!1,file:""}),[n,d]=o.useState(!1),[j,N]=o.useState(s?"details":"grid"),[F,P]=o.useState(""),[U,B]=o.useState(""),[O,$]=o.useState(1),[Q]=o.useState(30),[T,_]=o.useState([]);o.useEffect(()=>{s&&(b(s),N("details"))},[s]),o.useEffect(()=>{const t=setTimeout(()=>{P(U),$(1)},300);return()=>clearTimeout(t)},[U]);const{data:L,isLoading:M,refetch:Y}=ve({search:F.toLowerCase().trim(),page:O,limit:Q}),z=(L==null?void 0:L.assets)||[],ee=(L==null?void 0:L.total)||0,E=Math.ceil(ee/Q);o.useEffect(()=>{M||E<=0||$(t=>t>E?E:t<1?1:t)},[M,E]);const te=(z==null?void 0:z.length)>0,{mutate:se}=pe(),{mutateAsync:G,isPending:ie}=fe(),{mutateAsync:R,isPending:le}=ge(),K=o.useCallback(t=>{const u=Math.min(Math.max(1,t),Math.max(1,E));u!==O&&$(u)},[E,O]),ae=t=>{B(t.target.value)},re=o.useCallback(t=>{_(u=>D.find(u,{id:t.id})?[]:[t])},[!1]),ne=o.useCallback(()=>{_([])},[]),W=t=>{(t==null?void 0:t.length)!==0&&(a(D.pick(D.first(t||T),["id","url","width","height","description"])),r())},ce=async t=>{w(t)},oe=async()=>{g&&(C(g==null?void 0:g.id),await se(g.id,{onSuccess:()=>{C(null),w(null)},onError:()=>{C(null)}}),w(null))},de=t=>{b(t.id),N("details")},ue=async(t,u)=>{try{const q=localStorage.getItem("chai_optimize_images")!=="false";if(u){const I=await G([{file:t,folderId:void 0,name:x.name||"",optimize:q}]);if((I==null?void 0:I.length)>0){const V=I[0];a({...D.pick(V,["id","width","height","description"]),url:V.url})}}else{const I=await R({id:x.id||"",file:t});I&&a({...D.pick(I,["id","width","height","description"]),url:I.url})}c({show:!1,file:""}),r()}catch(q){console.error("Error saving edited image:",q)}},me=o.useCallback(t=>{_([t])},[]),he=o.useCallback(t=>{K(t)},[K]);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex h-[80vh] max-h-[1232px] w-[80vw] max-w-[1232px] flex-col space-y-4",children:[e.jsx("h1",{className:"text-lg font-medium",children:"Digital Asset Manager"}),j==="grid"?e.jsxs(e.Fragment,{children:[e.jsx(Ae,{maxFileSize:10,allowedTypes:v,uploadAssets:G,isUpdatingAsset:le,isUploadingAsset:ie,onUploaded:me}),e.jsxs("div",{className:"relative flex flex-1 flex-col gap-y-3 overflow-hidden rounded-lg border p-2",children:[e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsxs("div",{className:"relative w-1/2",children:[e.jsx(f.Search,{strokeWidth:3,className:`absolute left-2 top-2.5 h-4 w-4 text-muted-foreground ${U.length>0?"text-indigo-800":""}`}),e.jsx(l.Input,{placeholder:"Search assets...",onChange:ae,value:U,className:"pl-8"})]}),e.jsxs("div",{className:"flex items-center gap-x-2",children:[T.length>0?e.jsx("div",{className:"flex items-center justify-between",children:e.jsxs("div",{className:"flex items-center gap-2",children:[T.length>0&&e.jsx(e.Fragment,{children:e.jsx(l.Button,{variant:"outline",size:"sm",onClick:()=>ne(),title:"Clear selection",children:"Clear"})}),e.jsx(l.Button,{size:"sm",onClick:()=>W(T),disabled:T.length===0,children:"Select Asset"})]})}):null,e.jsx(l.Button,{variant:"ghost",size:"icon",onClick:()=>Y(),children:e.jsx(f.RefreshCwIcon,{className:"h-4 w-4"})})]})]}),e.jsx("div",{className:"flex-1 overflow-y-auto pb-[66px]",children:M?e.jsxs("div",{className:"columns-1 gap-3 space-y-3 sm:columns-3 md:columns-5",children:[e.jsx("div",{className:"h-64 w-full animate-pulse rounded bg-gray-200"}),e.jsx("div",{className:"h-64 w-full animate-pulse rounded bg-gray-200"}),e.jsx("div",{className:"h-64 w-full animate-pulse rounded bg-gray-200"}),e.jsx("div",{className:"h-64 w-full animate-pulse rounded bg-gray-200"}),e.jsx("div",{className:"h-64 w-full animate-pulse rounded bg-gray-200"}),e.jsx("div",{className:"h-64 w-full animate-pulse rounded bg-gray-200"}),e.jsx("div",{className:"h-64 w-full animate-pulse rounded bg-gray-200"}),e.jsx("div",{className:"h-64 w-full animate-pulse rounded bg-gray-200"}),e.jsx("div",{className:"h-64 w-full animate-pulse rounded bg-gray-200"}),e.jsx("div",{className:"h-64 w-full animate-pulse rounded bg-gray-200"})]}):!M&&!te?e.jsxs("div",{className:"flex h-full flex-col items-center justify-center rounded-lg border",children:[e.jsx("div",{className:"text-muted-foreground",children:e.jsx(f.Archive,{className:"h-9 w-9 text-indigo-500"})}),e.jsx("div",{className:"text-lg text-muted-foreground",children:"No assets found"}),e.jsx("div",{className:"text-sm text-muted-foreground",children:F.length>0?"No assets found for your search: "+F:"Start uploading assets to get started"}),e.jsx("br",{})]}):e.jsx("div",{className:"flex flex-wrap gap-3 p-1",children:z==null?void 0:z.map(t=>e.jsxs("div",{className:Z.mergeClasses("group relative flex max-h-[180px] max-w-[180px] cursor-pointer flex-col justify-between overflow-hidden rounded-lg border-2 transition-all",T.some(u=>u.id===t.id)?"border-blue-500":"hover:border-black/90",S&&(g==null?void 0:g.id)===t.id?"pointer-events-none opacity-50":"",S===t.id?"pointer-events-none opacity-50":""),onClick:()=>re(t),onDoubleClick:()=>W([t]),children:[e.jsxs("div",{className:"aspect-square relative overflow-hidden",children:[S===t.id?e.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-black/50",children:e.jsx(f.Loader,{className:"h-8 w-8 animate-spin text-white"})}):null,t.type==="image"?e.jsx("img",{src:`${t.thumbnailUrl||"/placeholder.svg"}?v=${(t==null?void 0:t.updatedAt)||t.createdAt}`,alt:t.name,className:`h-full min-h-[80px] w-full object-contain ${T.some(u=>u.id===t.id)?"":"group-hover:blur group-hover:contrast-50"}`}):e.jsxs("div",{className:"flex h-full items-center justify-center",children:[e.jsx(f.Film,{className:"h-12 w-12 text-muted-foreground"}),t.thumbnailUrl&&e.jsx("img",{src:`${t.thumbnailUrl||"/placeholder.svg"}?v=${(t==null?void 0:t.updatedAt)||t.createdAt}`,alt:t.name,className:"absolute inset-0 h-full w-full object-cover"})]})]}),e.jsxs("div",{className:"flex items-end justify-between border-t-[1px] border-black/10 bg-white px-2 py-1",children:[e.jsx("div",{className:"truncate text-xs leading-tight",title:t.name,children:t.name}),e.jsx("div",{className:"flex items-center justify-between whitespace-nowrap text-[9px] font-light text-muted-foreground",children:e.jsx("span",{children:J.formatFileSize((t==null?void 0:t.size)||0)})})]}),!T.some(u=>u.id===t.id)&&e.jsx("div",{className:"absolute inset-0 flex items-center justify-center opacity-0 transition-opacity group-hover:opacity-100",children:e.jsxs("div",{className:"grid grid-cols-4 gap-2 p-2",children:[e.jsx(l.TooltipProvider,{children:e.jsxs(l.Tooltip,{children:[e.jsx(l.TooltipTrigger,{asChild:!0,children:e.jsx(l.Button,{variant:"secondary",size:"icon",className:"h-8 w-8 rounded-full",onClick:u=>{u.stopPropagation(),de(t)},children:e.jsx(f.ImageIcon,{className:"h-4 w-4"})})}),e.jsx(l.TooltipContent,{children:e.jsx("p",{children:"View Details"})})]})}),e.jsx(l.TooltipProvider,{children:e.jsxs(l.Tooltip,{children:[e.jsx(l.TooltipTrigger,{asChild:!0,children:e.jsx(l.Button,{variant:"secondary",size:"icon",className:"h-8 w-8 rounded-full",onClick:u=>{u.stopPropagation(),navigator.clipboard.writeText(t.url),A.toast.success("Asset URL copied to clipboard")},children:e.jsx(f.Copy,{className:"h-4 w-4"})})}),e.jsx(l.TooltipContent,{children:e.jsx("p",{children:"Copy URL"})})]})}),e.jsx(l.TooltipProvider,{children:e.jsxs(l.Tooltip,{children:[e.jsx(l.TooltipTrigger,{asChild:!0,children:e.jsx(l.Button,{variant:"secondary",size:"icon",className:"h-8 w-8 rounded-full",onClick:u=>{u.stopPropagation(),c({id:t.id,show:!0,file:t.url,name:t.name})},children:e.jsx(f.Edit,{className:"h-4 w-4"})})}),e.jsx(l.TooltipContent,{children:e.jsx("p",{children:"Edit Image"})})]})}),e.jsx(l.TooltipProvider,{children:e.jsxs(l.Tooltip,{children:[e.jsx(l.TooltipTrigger,{asChild:!0,children:e.jsx(l.Button,{variant:"destructive",size:"icon",className:"h-8 w-8 rounded-full",onClick:u=>{u.stopPropagation(),ce(t)},children:e.jsx(f.Trash2,{className:"h-4 w-4"})})}),e.jsx(l.TooltipContent,{children:e.jsx("p",{children:"Delete Asset"})})]})})]})}),T.some(u=>u.id===t.id)&&e.jsx("div",{className:"absolute right-1 top-1 h-max rounded-full border border-white bg-blue-500 p-1",children:e.jsx(f.Check,{className:"h-3 w-3 text-white",strokeWidth:5})})]},t.id))})}),E>1&&e.jsx("div",{className:"absolute bottom-0 left-0 right-0 border-t bg-white p-4",children:e.jsx(p.ErrorBoundary,{fallback:e.jsx("div",{className:"text-red-500",children:"Error loading pagination"}),children:e.jsx(je,{currentPage:O,totalPages:E,onPageChange:he,pageRangeDisplayed:3,showPageInput:!0})})})]})]}):e.jsx(be,{assetId:y||s||"",onBack:()=>{N("grid"),b(null)},onEdit:t=>{c({id:t.id,show:!0,file:t.url,name:t.name})},onSave:async t=>{if(y){d(!0);try{const u=z.find(q=>q.id===y);u&&await R(D.merge(u,{description:t}))}finally{d(!1)}}},isSaving:n})]}),x.show&&e.jsx(o.Suspense,{fallback:e.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:e.jsx(f.Loader,{className:"h-8 w-8 animate-spin"})}),children:e.jsx(we,{imageUrl:x.file,onSave:ue,onClose:()=>c({show:!1,file:""}),defaultSavedImageName:x.name,isEditing:!!x.id})}),g&&e.jsx(l.Dialog,{open:!!g,onOpenChange:()=>w(null),children:e.jsxs(l.DialogContent,{children:[e.jsxs(l.DialogHeader,{children:[e.jsx(l.DialogTitle,{children:"Delete Asset"}),e.jsxs(l.DialogDescription,{children:['Are you sure you want to delete "',g.name,'"? This action cannot be undone.']})]}),e.jsxs(l.DialogFooter,{className:"gap-2 sm:gap-0",children:[e.jsx(l.Button,{variant:"outline",onClick:()=>w(null),children:"Cancel"}),e.jsx(l.Button,{variant:"destructive",onClick:oe,children:"Delete"})]})]})})]})}exports.default=Se;