@chaibuilder/pages 0.16.0 → 0.16.1

package/dist/{shared-json-ld-DGW40Ccy.js → shared-json-ld-E4Ckwlbr.js}

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as n, Fragment as j } from "react/jsx-runtime";
 import { useLanguages as me } from "@chaibuilder/sdk";
 import { useQuery as he, useQueryClient as ue } from "@tanstack/react-query";
-import { am as ge, an as fe, A as U, ar as le, aw as pe, ax as se, ay as re, az as de, aA as xe, aB as Ne, aC as be, g as ye, aD as ve } from "./index-D_qadcqD.js";
+import { am as ge, an as fe, A as U, ar as le, aw as pe, ax as se, ay as re, az as de, aA as xe, aB as Ne, aC as be, g as ye, aD as ve } from "./index-yhKyIbgs.js";
 import { Dialog as $, DialogContent as W, DialogHeader as Y, DialogTitle as X, Alert as we, AlertDescription as Ae, Label as y, Input as G, Button as v, AlertDialog as _, AlertDialogContent as R, AlertDialogHeader as M, AlertDialogTitle as q, AlertDialogDescription as H, AlertDialogFooter as Q, AlertDialogCancel as V, AlertDialogAction as K, Tooltip as E, TooltipTrigger as J, TooltipContent as O, ScrollArea as Ce, Card as Se, CardHeader as Pe, CardTitle as Te, AlertDialogTrigger as De, CardContent as Le, Textarea as Ee } from "@chaibuilder/sdk/ui";
 import { filter as Je, find as Oe } from "lodash-es";
 import { Info as Fe, Loader as F, Plus as ke, Eye as je, Edit as Ge, Trash as Be } from "lucide-react";

package/dist/{slug-input--8SgDwYu.cjs → slug-input--VmQG0S1.cjs}

@@ -1 +1 @@
-"use strict";const s=require("react/jsx-runtime"),u=require("./index-C64wG61b.cjs"),b=require("@chaibuilder/sdk/ui"),d=require("react"),j=e=>{if(!e)return{base:e,extension:null};const n=e.lastIndexOf(".");if(n<=0)return{base:e,extension:null};const t=e.substring(n);return{base:e.substring(0,n),extension:t}},x=e=>{if(!e)return e;const{base:n}=j(e);return n};function E(e,n){const t=(e||"").split("/").filter(Boolean);let r="",a=!0;if(n.slug==="/"){const i=t.pop()||"";if(u.LANGUAGES[i])a=!0;else{r=i;const l=t.pop()||"";a=!!u.LANGUAGES[l]}}else if(n.parent)t.length&&(r=t.pop()||"");else if(t.length){r=t.pop()||"";const i=t.pop()||"";a=!!u.LANGUAGES[i]}return{initSlug:r,prefix:a}}const v=e=>e&&x(e),C=(e,n)=>{const t=x(e||"");return!t||t==="/"?`/${n}`:`${t}/${n}`};function A({value:e,onChange:n,placeholder:t,parentSlug:r,onValidationChange:a,disabled:i=!1,fullSlug:l}){const[g,p]=d.useState(e),[o,f]=d.useState(null);d.useEffect(()=>{p(e)},[e]);const h=S=>{const c=S.target.value.replace(/\//g,"").replace(/\s+/g,"-").replace(/[^a-zA-Z0-9-_.]/g,"-").replace(/-+/g,"-").replace(/^-+/,"").toLowerCase(),m=(c.match(/\./g)||[]).length,N=m<=1;m>1?f("Invalid slug. Only one dot (.) is allowed in the slug"):f(null),a&&a(N),p(c),n(c)};return s.jsxs("div",{children:[r&&s.jsx("div",{className:"mb-1 flex items-center",children:s.jsxs("span",{className:"text-xs text-gray-500",children:["Parent: ",s.jsx("span",{className:"font-mono text-gray-900",children:v(r)})]})}),s.jsxs("div",{className:"relative",children:[s.jsx(b.Input,{disabled:i,value:g,onChange:h,placeholder:t,className:o?"border-red-500":""}),o&&s.jsx("div",{className:"mt-1 text-xs text-red-500",children:o})]}),l&&l!=="undefined"&&s.jsx("div",{className:"mt-1 flex items-center",children:s.jsxs("span",{className:"text-xs text-gray-500",children:["Complete Slug: ",s.jsx("span",{className:"font-mono text-gray-900",children:l})]})})]})}exports.SlugInput=A;exports.combineParentChildSlugs=C;exports.parseSlugForEdit=E;exports.removeSlugExtension=x;
+"use strict";const s=require("react/jsx-runtime"),u=require("./index-W0r4o5Ro.cjs"),b=require("@chaibuilder/sdk/ui"),d=require("react"),j=e=>{if(!e)return{base:e,extension:null};const n=e.lastIndexOf(".");if(n<=0)return{base:e,extension:null};const t=e.substring(n);return{base:e.substring(0,n),extension:t}},x=e=>{if(!e)return e;const{base:n}=j(e);return n};function E(e,n){const t=(e||"").split("/").filter(Boolean);let r="",a=!0;if(n.slug==="/"){const i=t.pop()||"";if(u.LANGUAGES[i])a=!0;else{r=i;const l=t.pop()||"";a=!!u.LANGUAGES[l]}}else if(n.parent)t.length&&(r=t.pop()||"");else if(t.length){r=t.pop()||"";const i=t.pop()||"";a=!!u.LANGUAGES[i]}return{initSlug:r,prefix:a}}const v=e=>e&&x(e),C=(e,n)=>{const t=x(e||"");return!t||t==="/"?`/${n}`:`${t}/${n}`};function A({value:e,onChange:n,placeholder:t,parentSlug:r,onValidationChange:a,disabled:i=!1,fullSlug:l}){const[g,p]=d.useState(e),[o,f]=d.useState(null);d.useEffect(()=>{p(e)},[e]);const h=S=>{const c=S.target.value.replace(/\//g,"").replace(/\s+/g,"-").replace(/[^a-zA-Z0-9-_.]/g,"-").replace(/-+/g,"-").replace(/^-+/,"").toLowerCase(),m=(c.match(/\./g)||[]).length,N=m<=1;m>1?f("Invalid slug. Only one dot (.) is allowed in the slug"):f(null),a&&a(N),p(c),n(c)};return s.jsxs("div",{children:[r&&s.jsx("div",{className:"mb-1 flex items-center",children:s.jsxs("span",{className:"text-xs text-gray-500",children:["Parent: ",s.jsx("span",{className:"font-mono text-gray-900",children:v(r)})]})}),s.jsxs("div",{className:"relative",children:[s.jsx(b.Input,{disabled:i,value:g,onChange:h,placeholder:t,className:o?"border-red-500":""}),o&&s.jsx("div",{className:"mt-1 text-xs text-red-500",children:o})]}),l&&l!=="undefined"&&s.jsx("div",{className:"mt-1 flex items-center",children:s.jsxs("span",{className:"text-xs text-gray-500",children:["Complete Slug: ",s.jsx("span",{className:"font-mono text-gray-900",children:l})]})})]})}exports.SlugInput=A;exports.combineParentChildSlugs=C;exports.parseSlugForEdit=E;exports.removeSlugExtension=x;

package/dist/{slug-input-DH5w0H22.js → slug-input-CKKkqGj4.js}

@@ -1,5 +1,5 @@
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { L as d } from "./index-D_qadcqD.js";
+import { L as d } from "./index-yhKyIbgs.js";
 import { Input as v } from "@chaibuilder/sdk/ui";
 import { useState as x, useEffect as C } from "react";
 const y = (e) => {

package/dist/{theme-panel-footer-CHR7J97n.js → theme-panel-footer-2ERfMsET.js}

@@ -1,5 +1,5 @@
 import { jsxs as c, jsx as a } from "react/jsx-runtime";
-import { u, a as d, t as h } from "./index-D_qadcqD.js";
+import { u, a as d, t as h } from "./index-yhKyIbgs.js";
 import { useTheme as b, useTranslation as g } from "@chaibuilder/sdk";
 import { Button as o } from "@chaibuilder/sdk/ui";
 const x = () => {

package/dist/{theme-panel-footer-Co5VI_i9.cjs → theme-panel-footer-CagxEZEO.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-C64wG61b.cjs"),o=require("@chaibuilder/sdk"),r=require("@chaibuilder/sdk/ui"),h=()=>{const[t]=o.useTheme(),{mutate:c,isPending:i}=s.usePublishPages(),{mutateAsync:n,isPending:u}=s.useUpdateWebsiteSettings(),{t:a}=o.useTranslation(),l=()=>{n({settings:{theme:t}})},d=async()=>{await n({settings:{theme:t}}),c({ids:["THEME"]},{onSuccess:()=>{s.throwConfetti("BOTTOM_RIGHT")}})};return e.jsxs("div",{className:"flex items-center justify-center gap-x-3 border-t bg-white py-3",children:[e.jsx(r.Button,{size:"sm",variant:"outline",disabled:i||u,onClick:l,children:a("Save draft")}),e.jsx(r.Button,{size:"sm",disabled:i||u,onClick:d,children:a("Publish")})]})};exports.default=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-W0r4o5Ro.cjs"),o=require("@chaibuilder/sdk"),r=require("@chaibuilder/sdk/ui"),h=()=>{const[t]=o.useTheme(),{mutate:c,isPending:i}=s.usePublishPages(),{mutateAsync:n,isPending:u}=s.useUpdateWebsiteSettings(),{t:a}=o.useTranslation(),l=()=>{n({settings:{theme:t}})},d=async()=>{await n({settings:{theme:t}}),c({ids:["THEME"]},{onSuccess:()=>{s.throwConfetti("BOTTOM_RIGHT")}})};return e.jsxs("div",{className:"flex items-center justify-center gap-x-3 border-t bg-white py-3",children:[e.jsx(r.Button,{size:"sm",variant:"outline",disabled:i||u,onClick:l,children:a("Save draft")}),e.jsx(r.Button,{size:"sm",disabled:i||u,onClick:d,children:a("Publish")})]})};exports.default=h;

package/dist/{unmark-as-template-DlA879QF.js → unmark-as-template-BJ5CTNAe.js}

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import { o as p } from "./index-D_qadcqD.js";
+import { o as p } from "./index-yhKyIbgs.js";
 import { useTranslation as u } from "@chaibuilder/sdk";
 import { Dialog as d, DialogContent as g, DialogHeader as h, DialogTitle as f, DialogDescription as k, DialogFooter as D, Button as s } from "@chaibuilder/sdk/ui";
 import { useState as x } from "react";

package/dist/{unmark-as-template-B3h10oHA.cjs → unmark-as-template-CeWpo9wD.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("./index-C64wG61b.cjs"),d=require("@chaibuilder/sdk"),t=require("@chaibuilder/sdk/ui"),m=require("react"),p=({page:i,onClose:n})=>{const{t:a}=d.useTranslation(),[r,s]=m.useState(!1),o=u.useUnmarkAsTemplate(),l=()=>{s(!0),o.mutate(i,{onSuccess:()=>{s(!1),n()},onError:()=>{s(!1)}})};return e.jsx(t.Dialog,{open:!0,onOpenChange:n,children:e.jsxs(t.DialogContent,{children:[e.jsxs(t.DialogHeader,{children:[e.jsx(t.DialogTitle,{children:a("Unmark as template")}),e.jsx(t.DialogDescription,{className:"space-y-1 py-4 text-xs text-slate-500",children:a("Are you sure you want to unmark this page as a template?")})]}),e.jsxs(t.DialogFooter,{className:r?"pointer-events-none opacity-75":"",children:[e.jsx(t.Button,{variant:"outline",onClick:c=>{c.stopPropagation(),n()},children:a("Cancel")}),e.jsx(t.Button,{variant:"default",disabled:r,onClick:l,children:a("Unmark as template")})]})]})})};exports.default=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("./index-W0r4o5Ro.cjs"),d=require("@chaibuilder/sdk"),t=require("@chaibuilder/sdk/ui"),m=require("react"),p=({page:i,onClose:n})=>{const{t:a}=d.useTranslation(),[r,s]=m.useState(!1),o=u.useUnmarkAsTemplate(),l=()=>{s(!0),o.mutate(i,{onSuccess:()=>{s(!1),n()},onError:()=>{s(!1)}})};return e.jsx(t.Dialog,{open:!0,onOpenChange:n,children:e.jsxs(t.DialogContent,{children:[e.jsxs(t.DialogHeader,{children:[e.jsx(t.DialogTitle,{children:a("Unmark as template")}),e.jsx(t.DialogDescription,{className:"space-y-1 py-4 text-xs text-slate-500",children:a("Are you sure you want to unmark this page as a template?")})]}),e.jsxs(t.DialogFooter,{className:r?"pointer-events-none opacity-75":"",children:[e.jsx(t.Button,{variant:"outline",onClick:c=>{c.stopPropagation(),n()},children:a("Cancel")}),e.jsx(t.Button,{variant:"default",disabled:r,onClick:l,children:a("Unmark as template")})]})]})})};exports.default=p;

package/dist/{unpublish-page-Bfo_DuW5.cjs → unpublish-page-DmZSVxFj.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),u=require("./index-C64wG61b.cjs"),c=require("@chaibuilder/sdk"),s=require("@chaibuilder/sdk/ui"),d=({page:i,onClose:t})=>{const{t:e}=c.useTranslation(),{mutate:r,isPending:l}=u.useUnpublishPage(),o=async()=>{r(i,{onSuccess:t})};return n.jsx(s.Dialog,{open:!!i,onOpenChange:t,children:n.jsxs(s.DialogContent,{children:[n.jsxs(s.DialogHeader,{children:[n.jsx(s.DialogTitle,{children:e("Confirm action")}),n.jsxs(s.DialogDescription,{children:[e("Are you sure you want to unpublish")," ",n.jsx("b",{children:(i==null?void 0:i.name)??(i==null?void 0:i.slug)}),"?"]})]}),n.jsxs(s.DialogFooter,{children:[n.jsx(s.Button,{variant:"outline",onClick:t,children:e("Cancel")}),n.jsx(s.Button,{variant:"destructive",disabled:l,onClick:o,children:e(l?"Updating...":"Unpublish")})]})]})})};exports.default=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),u=require("./index-W0r4o5Ro.cjs"),c=require("@chaibuilder/sdk"),s=require("@chaibuilder/sdk/ui"),d=({page:i,onClose:t})=>{const{t:e}=c.useTranslation(),{mutate:r,isPending:l}=u.useUnpublishPage(),o=async()=>{r(i,{onSuccess:t})};return n.jsx(s.Dialog,{open:!!i,onOpenChange:t,children:n.jsxs(s.DialogContent,{children:[n.jsxs(s.DialogHeader,{children:[n.jsx(s.DialogTitle,{children:e("Confirm action")}),n.jsxs(s.DialogDescription,{children:[e("Are you sure you want to unpublish")," ",n.jsx("b",{children:(i==null?void 0:i.name)??(i==null?void 0:i.slug)}),"?"]})]}),n.jsxs(s.DialogFooter,{children:[n.jsx(s.Button,{variant:"outline",onClick:t,children:e("Cancel")}),n.jsx(s.Button,{variant:"destructive",disabled:l,onClick:o,children:e(l?"Updating...":"Unpublish")})]})]})})};exports.default=d;

package/dist/{unpublish-page-JzGl35pF.js → unpublish-page-DvOWVBIf.js}

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as l } from "react/jsx-runtime";
-import { l as u } from "./index-D_qadcqD.js";
+import { l as u } from "./index-yhKyIbgs.js";
 import { useTranslation as a } from "@chaibuilder/sdk";
 import { Dialog as h, DialogContent as d, DialogHeader as m, DialogTitle as b, DialogDescription as D, DialogFooter as f, Button as s } from "@chaibuilder/sdk/ui";
 const g = ({ page: n, onClose: t }) => {

package/dist/{web-preview-CJ6JyhJD.js → web-preview-DTkIggV7.js}

@@ -4,7 +4,7 @@ import { Button as s } from "@chaibuilder/sdk/ui";
 import { useAtom as h } from "jotai";
 import { map as p } from "lodash-es";
 import { Smartphone as w, Tablet as f, Laptop as u, LaptopMinimal as x } from "lucide-react";
-import { p as v, T as _ } from "./index-D_qadcqD.js";
+import { p as v, T as _ } from "./index-yhKyIbgs.js";
 const b = [
   {
     title: "mobile_xs_title",

package/dist/{web-preview-oG2epixb.cjs → web-preview-DlSKpPUZ.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-C64wG61b.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-W0r4o5Ro.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.16.0",
+  "version": "0.16.1",
   "type": "module",
   "files": [
     "dist"

package/dist/ai-panel-default-lang-EH3w6g25.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),f=require("@chaibuilder/sdk"),F=require("lucide-react"),d=require("react"),X=require("sonner"),Y=require("./prompt-helper-BtijECyh.cjs");function Z(n){if(!n)return"";let e=n.trim();return e=e.replace(/^```html\n?/i,""),e=e.replace(/^```\n?/,""),e=e.replace(/\n?```$/,""),e=e.trim(),e}function ee(n){if(!n)return"";const e=Z(n);return e.length===0||!e.includes("<")||!e.includes(">")?"":e}const te=n=>{const e=document.getElementById("canvas-iframe");if(!e)return null;const l=e==null?void 0:e.contentDocument;if(!l)return null;const s=l.querySelector(`[data-block-id="${n}"]`);if(!s)return null;if(n==="canvas"){const a=l.createElement("div");return a.style.height="100vh",s.appendChild(a),a}return s},ne=d.lazy(()=>Promise.resolve().then(()=>require("./ai-panel-message-bubble-Bl-aUeU4.cjs"))),re=d.lazy(()=>Promise.resolve().then(()=>require("./ai-prompt-input-D-F23bdc.cjs"))),oe=({t:n,fetch:e,input:l,messages:s,setInput:a,isLoading:m,setMessages:v,handleReset:T,handleStop:_,setIsLoading:k,currentBlock:D,fallbackLang:M,setCurrentBlock:R,setAbortController:E,forceNewConversation:j,suggestNewConversation:z})=>{const q=d.useRef(null),{addPredefinedBlock:V}=f.useAddBlock(),O=f.useReplaceBlock(),h=f.useSelectedBlock(),U=f.useBlocksHtmlForAi(),W=f.useHtmlToBlocks(),$=()=>{var o;(o=q.current)==null||o.scrollIntoView({behavior:"smooth"})};d.useEffect(()=>{$()},[s,m]);const C=async(o,x,A)=>{var B;if(!o||m)return;const r=h;R(h);const H=U();if(h&&!H){X.toast.error(n("Something went wrong. Please try again."));return}const N={id:Date.now().toString(),role:"user",content:Y.getUserPrompt({language:M,userInput:x||o,currentHtml:H}),userMessage:o},P={id:Date.now().toString(),role:"assistant",content:""};v(i=>[...i,N,P]),k(!0);const K=new AbortController;E(K);try{const i={messages:[...s,N].map(w=>({role:w.role,content:w.content}))};A&&(i.image=A);const b=await e({body:{action:"ASK_AI",data:i},streamResponse:!0});if(!b.ok)throw new Error(n("Failed to get AI response"));const p=(B=b.body)==null?void 0:B.getReader(),L=new TextDecoder;let y="";if(!p)throw new Error(n("Response body is not readable"));const u=te(r?r==null?void 0:r._id:"canvas");for(;;){const{done:w,value:J}=await p.read();if(w){u&&!r&&u.remove();break}const Q=L.decode(J,{stream:!0});if(y+=Q,u){u.innerHTML=y;const g=u.getBoundingClientRect(),c=document.getElementById("canvas-iframe"),I=c==null?void 0:c.contentWindow;I&&(g.top>=0&&g.bottom<=I.innerHeight||u.scrollIntoView({behavior:"smooth",block:"nearest"}))}v(g=>g.map(c=>c.id===P.id?{...c,content:y}:c))}const G=ee(y),S=W(G);r!=null&&r._id?(console.log("Editing block",r==null?void 0:r._id,S),O(r==null?void 0:r._id,S)):V([...S],r==null?void 0:r._parent,-1)}catch(i){if(i.name!=="AbortError"){const b={id:(Date.now()+1).toString(),role:"assistant",content:n("Sorry, I encountered an error. Please try again.")};v(p=>[...p,b])}}finally{a(""),k(!1),R(null),E(null)}};return t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"flex-1 space-y-3 overflow-y-auto py-4",children:[s.length===0&&t.jsx("div",{className:"flex-1 space-y-3 overflow-y-auto py-4",children:t.jsxs("div",{className:"mx-auto mt-8 text-center text-gray-500",children:[t.jsx(F.Bot,{size:48,className:"mx-auto mb-4 text-gray-300"}),t.jsx("p",{className:"mx-auto max-w-[75%] text-sm",children:n("Start a conversation with the AI assistant to generate and update your sections")})]})}),s.map((o,x)=>o.role!=="system"&&t.jsx(d.Suspense,{fallback:t.jsx("div",{children:"Loading..."}),children:t.jsx(ne,{message:o,isUser:o.role==="user",isLoading:o.role==="assistant"&&m&&x===s.length-1})},x)),z&&!m&&t.jsx("button",{onClick:T,className:"flex w-full items-center justify-center gap-2 rounded-lg border border-blue-200 bg-blue-50 p-1.5 text-left transition-colors hover:bg-blue-100",children:t.jsx("div",{className:"flex flex-col",children:t.jsxs("span",{className:"flex items-center gap-1 text-xs font-medium text-blue-700",children:[t.jsx(F.Plus,{className:"h-4 w-4 capitalize text-blue-600"}),n(j?"Start":"New")," ",n("Conversation")," ",!j&&t.jsx("span",{className:"text-[10px] font-extralight text-blue-600",children:n("For best results")})]})})}),t.jsx("div",{ref:q})]}),!j&&t.jsx("div",{className:"border-gray-200 pb-2",children:t.jsx(d.Suspense,{fallback:t.jsx("div",{children:"Loading..."}),children:t.jsx(re,{input:l,setInput:a,onSend:C,onStop:_,isLoading:m,selectedLang:"",currentBlock:h||D,disabled:(l==null?void 0:l.length)===0})})})]})};exports.default=oe;

package/dist/ai-panel-other-lang-BeTdv7yM.js

@@ -1,133 +0,0 @@
-import { jsxs as i, Fragment as V, jsx as e } from "react/jsx-runtime";
-import { useTranslation as W, useSelectedBlock as G, useI18nBlocks as H, useStreamMultipleBlocksProps as Q } from "@chaibuilder/sdk";
-import { Bot as X, Plus as Y } from "lucide-react";
-import { lazy as b, useRef as Z, useEffect as $, Suspense as f } from "react";
-import { g as L } from "./prompt-helper-CfyAlam9.js";
-const ee = b(() => import("./ai-panel-message-bubble-DPAaAMAZ.js")), te = b(() => import("./ai-translation-prompt-BKyp1IW2.js")), se = b(() => import("./ai-prompt-input-vAcIZSB1.js")), ce = ({
-  fetch: E,
-  input: l,
-  messages: n,
-  setInput: x,
-  isLoading: r,
-  handleStop: P,
-  handleReset: R,
-  setMessages: p,
-  setIsLoading: d,
-  selectedLang: c,
-  currentBlock: j,
-  fallbackLang: O,
-  abortController: u,
-  setAbortController: D,
-  forceNewConversation: m,
-  suggestNewConversation: F
-}) => {
-  const { t: s } = W(), y = Z(null), w = G(), g = H(), I = Q(), M = () => {
-    var t;
-    (t = y.current) == null || t.scrollIntoView({ behavior: "smooth" });
-  };
-  $(() => {
-    M();
-  }, [n, r]);
-  const k = async (t, o) => {
-    var v;
-    const N = (t == null ? void 0 : t.toLowerCase()) === "translate", T = {
-      id: Date.now().toString(),
-      role: "user",
-      content: L({
-        fallbackLang: O,
-        userInput: o || t,
-        language: c,
-        blocks: N ? g() : g(c)
-      }),
-      userMessage: o || t || s("Translate the content")
-    };
-    d(!0);
-    const z = new AbortController();
-    D(z);
-    const U = { id: Date.now().toString(), role: "assistant", content: "" };
-    p((S) => [...S, T, U]), d(!0);
-    try {
-      const B = await E({ body: { action: "ASK_AI", data: {
-        messages: [T],
-        initiator: N ? "TRANSLATE_CONTENT" : "UPDATE_CONTENT"
-      } }, streamResponse: !0 });
-      if (!B.ok)
-        throw new Error(s("Failed to get AI response"));
-      const A = (v = B.body) == null ? void 0 : v.getReader(), _ = new TextDecoder();
-      let a = "";
-      if (!A) throw new Error(s("Response body is not readable"));
-      for (; ; ) {
-        const { done: C, value: J } = await A.read();
-        if (C)
-          break;
-        const K = _.decode(J, { stream: !0 });
-        a += K, p((h) => (h[h.length - 1].content = a, [...h]));
-      }
-      const q = JSON.parse(a == null ? void 0 : a.replace("```json", "").replace("```", ""));
-      I(q);
-    } catch {
-      u == null || u.abort();
-    } finally {
-      d(!1), x("");
-    }
-  };
-  return /* @__PURE__ */ i(V, { children: [
-    /* @__PURE__ */ e("div", { className: "py-2", children: /* @__PURE__ */ e(f, { fallback: /* @__PURE__ */ e("div", { children: s("Loading...") }), children: /* @__PURE__ */ e(
-      te,
-      {
-        isLoading: r,
-        selectedBlock: w,
-        selectedLang: c,
-        onClick: k
-      }
-    ) }) }),
-    /* @__PURE__ */ i("div", { className: "flex-1 space-y-3 overflow-y-auto py-4", children: [
-      n.length === 0 && /* @__PURE__ */ e("div", { className: "flex-1 space-y-3 overflow-y-auto py-4", children: /* @__PURE__ */ i("div", { className: "mx-auto mt-8 text-center text-gray-500", children: [
-        /* @__PURE__ */ e(X, { size: 48, className: "mx-auto mb-4 text-gray-300" }),
-        /* @__PURE__ */ e("p", { className: "mx-auto max-w-[75%] text-sm", children: s("Start a conversation with the AI assistant to translate your content") })
-      ] }) }),
-      n.map(
-        (t, o) => t.role !== "system" && /* @__PURE__ */ e(f, { fallback: /* @__PURE__ */ e("div", { children: s("Loading...") }), children: /* @__PURE__ */ e(
-          ee,
-          {
-            message: t,
-            isUser: t.role === "user",
-            isLoading: t.role === "assistant" && r && o === n.length - 1
-          }
-        ) }, o)
-      ),
-      F && !r && /* @__PURE__ */ e(
-        "button",
-        {
-          onClick: R,
-          className: "flex w-full items-center justify-center gap-2 rounded-lg border border-blue-200 bg-blue-50 p-1.5 text-left transition-colors hover:bg-blue-100",
-          children: /* @__PURE__ */ e("div", { className: "flex flex-col", children: /* @__PURE__ */ i("span", { className: "flex items-center gap-1 text-xs font-medium text-blue-700", children: [
-            /* @__PURE__ */ e(Y, { className: "h-4 w-4 capitalize text-blue-600" }),
-            m ? s("Start ") : "",
-            " ",
-            s("New Conversation"),
-            " ",
-            !m && /* @__PURE__ */ e("span", { className: "text-[10px] font-extralight text-blue-600", children: s("For best results") })
-          ] }) })
-        }
-      ),
-      /* @__PURE__ */ e("div", { ref: y })
-    ] }),
-    !m && /* @__PURE__ */ e("div", { className: "border-gray-200 pb-2", children: /* @__PURE__ */ e(f, { fallback: /* @__PURE__ */ e("div", { children: s("Loading...") }), children: /* @__PURE__ */ e(
-      se,
-      {
-        input: l,
-        setInput: x,
-        onSend: k,
-        onStop: P,
-        isLoading: r,
-        selectedLang: c,
-        currentBlock: w || j,
-        disabled: (l == null ? void 0 : l.length) === 0
-      }
-    ) }) })
-  ] });
-};
-export {
-  ce as default
-};

package/dist/ai-panel-other-lang-_gGQTjZQ.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("@chaibuilder/sdk"),B=require("lucide-react"),r=require("react"),K=require("./prompt-helper-BtijECyh.cjs"),V=r.lazy(()=>Promise.resolve().then(()=>require("./ai-panel-message-bubble-Bl-aUeU4.cjs"))),W=r.lazy(()=>Promise.resolve().then(()=>require("./ai-translation-prompt-AImJlmDg.cjs"))),G=r.lazy(()=>Promise.resolve().then(()=>require("./ai-prompt-input-D-F23bdc.cjs"))),Q=({fetch:P,input:a,messages:c,setInput:b,isLoading:n,handleStop:q,handleReset:A,setMessages:j,setIsLoading:d,selectedLang:i,currentBlock:R,fallbackLang:E,abortController:x,setAbortController:O,forceNewConversation:h,suggestNewConversation:z})=>{const{t}=u.useTranslation(),f=r.useRef(null),y=u.useSelectedBlock(),p=u.useI18nBlocks(),M=u.useStreamMultipleBlocksProps(),D=()=>{var s;(s=f.current)==null||s.scrollIntoView({behavior:"smooth"})};r.useEffect(()=>{D()},[c,n]);const g=async(s,o)=>{var v;const k=(s==null?void 0:s.toLowerCase())==="translate",w={id:Date.now().toString(),role:"user",content:K.getTranslationUserPrompt({fallbackLang:E,userInput:o||s,language:i,blocks:k?p():p(i)}),userMessage:o||s||t("Translate the content")};d(!0);const F=new AbortController;O(F);const I={id:Date.now().toString(),role:"assistant",content:""};j(N=>[...N,w,I]),d(!0);try{const S=await P({body:{action:"ASK_AI",data:{messages:[w],initiator:k?"TRANSLATE_CONTENT":"UPDATE_CONTENT"}},streamResponse:!0});if(!S.ok)throw new Error(t("Failed to get AI response"));const T=(v=S.body)==null?void 0:v.getReader(),U=new TextDecoder;let l="";if(!T)throw new Error(t("Response body is not readable"));for(;;){const{done:C,value:H}=await T.read();if(C)break;const J=U.decode(H,{stream:!0});l+=J,j(m=>(m[m.length-1].content=l,[...m]))}const _=JSON.parse(l==null?void 0:l.replace("```json","").replace("```",""));M(_)}catch{x==null||x.abort()}finally{d(!1),b("")}};return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"py-2",children:e.jsx(r.Suspense,{fallback:e.jsx("div",{children:t("Loading...")}),children:e.jsx(W,{isLoading:n,selectedBlock:y,selectedLang:i,onClick:g})})}),e.jsxs("div",{className:"flex-1 space-y-3 overflow-y-auto py-4",children:[c.length===0&&e.jsx("div",{className:"flex-1 space-y-3 overflow-y-auto py-4",children:e.jsxs("div",{className:"mx-auto mt-8 text-center text-gray-500",children:[e.jsx(B.Bot,{size:48,className:"mx-auto mb-4 text-gray-300"}),e.jsx("p",{className:"mx-auto max-w-[75%] text-sm",children:t("Start a conversation with the AI assistant to translate your content")})]})}),c.map((s,o)=>s.role!=="system"&&e.jsx(r.Suspense,{fallback:e.jsx("div",{children:t("Loading...")}),children:e.jsx(V,{message:s,isUser:s.role==="user",isLoading:s.role==="assistant"&&n&&o===c.length-1})},o)),z&&!n&&e.jsx("button",{onClick:A,className:"flex w-full items-center justify-center gap-2 rounded-lg border border-blue-200 bg-blue-50 p-1.5 text-left transition-colors hover:bg-blue-100",children:e.jsx("div",{className:"flex flex-col",children:e.jsxs("span",{className:"flex items-center gap-1 text-xs font-medium text-blue-700",children:[e.jsx(B.Plus,{className:"h-4 w-4 capitalize text-blue-600"}),h?t("Start "):""," ",t("New Conversation")," ",!h&&e.jsx("span",{className:"text-[10px] font-extralight text-blue-600",children:t("For best results")})]})})}),e.jsx("div",{ref:f})]}),!h&&e.jsx("div",{className:"border-gray-200 pb-2",children:e.jsx(r.Suspense,{fallback:e.jsx("div",{children:t("Loading...")}),children:e.jsx(G,{input:a,setInput:b,onSend:g,onStop:q,isLoading:n,selectedLang:i,currentBlock:y||R,disabled:(a==null?void 0:a.length)===0})})})]})};exports.default=Q;

package/dist/ai-translation-prompt-AImJlmDg.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-C64wG61b.cjs"),i=require("@chaibuilder/sdk"),n=require("lucide-react"),o=({selectedLang:l,isLoading:r,selectedBlock:c,onClick:a})=>{const{t:s}=i.useTranslation();return e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxs("div",{className:"relative rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-800",children:[e.jsxs("div",{className:"flex items-center gap-2 text-amber-900",children:[e.jsx(n.LanguagesIcon,{className:"h-3 w-3"}),e.jsx("span",{className:"text-xs leading-none",children:s("Selected Language:")}),e.jsx("span",{className:"text-[12px] font-medium leading-none",children:t.LANGUAGES[l]})]}),e.jsx("p",{className:"pt-2 font-medium leading-none",children:s("Content Translation Mode")}),e.jsx("p",{className:"mt-1 text-xs",children:e.jsxs("ul",{className:"list-disc pl-4",children:[e.jsx("li",{children:s("When not using default language, only text content can be edited.")}),e.jsx("li",{children:s("Switch to the default language to modify layout and styling.")})]})}),e.jsx("div",{className:"mt-1",children:e.jsx(t.LanguageSwitcher,{showAdd:!1,variant:"outline",goToDefaultLang:!0})})]}),e.jsx("div",{className:`flex flex-col gap-2 ${r?"pointer-events-none opacity-50":""}`,children:c?e.jsx("button",{onClick:()=>a("TRANSLATE"),className:"flex items-center gap-2 rounded-lg border border-green-200 bg-green-50 p-2 text-left transition-colors hover:bg-green-100",children:e.jsxs("div",{className:"flex flex-col",children:[e.jsxs("span",{className:"flex items-center gap-x-2 text-sm font-medium text-green-700",children:[e.jsx(n.CheckCircle,{className:"h-4 w-4 text-green-600"})," Translate Selected Block"]}),e.jsxs("span",{className:"pl-6 text-xs text-green-600",children:["Convert current block to ",t.LANGUAGES[l]]})]})}):e.jsx("button",{onClick:()=>a("TRANSLATE"),className:"flex items-center gap-2 rounded-lg border border-purple-200 bg-purple-50 p-2 text-left transition-colors hover:bg-purple-100",children:e.jsxs("div",{className:"flex flex-col",children:[e.jsxs("span",{className:"flex items-center gap-x-2 text-sm font-medium text-purple-700",children:[e.jsx(n.Plus,{className:"h-4 w-4 text-purple-600"})," Translate Entire Page"]}),e.jsxs("span",{className:"pl-6 text-xs text-purple-600",children:["Convert all content to ",t.LANGUAGES[l]]})]})})})]})};exports.default=o;

package/dist/ai-translation-prompt-BKyp1IW2.js

@@ -1,63 +0,0 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { L as n, aj as c } from "./index-D_qadcqD.js";
-import { useTranslation as i } from "@chaibuilder/sdk";
-import { LanguagesIcon as d, CheckCircle as m, Plus as p } from "lucide-react";
-const f = ({
-  selectedLang: a,
-  isLoading: s,
-  selectedBlock: o,
-  onClick: r
-}) => {
-  const { t: l } = i();
-  return /* @__PURE__ */ t("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ t("div", { className: "relative rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-800", children: [
-      /* @__PURE__ */ t("div", { className: "flex items-center gap-2 text-amber-900", children: [
-        /* @__PURE__ */ e(d, { className: "h-3 w-3" }),
-        /* @__PURE__ */ e("span", { className: "text-xs leading-none", children: l("Selected Language:") }),
-        /* @__PURE__ */ e("span", { className: "text-[12px] font-medium leading-none", children: n[a] })
-      ] }),
-      /* @__PURE__ */ e("p", { className: "pt-2 font-medium leading-none", children: l("Content Translation Mode") }),
-      /* @__PURE__ */ e("p", { className: "mt-1 text-xs", children: /* @__PURE__ */ t("ul", { className: "list-disc pl-4", children: [
-        /* @__PURE__ */ e("li", { children: l("When not using default language, only text content can be edited.") }),
-        /* @__PURE__ */ e("li", { children: l("Switch to the default language to modify layout and styling.") })
-      ] }) }),
-      /* @__PURE__ */ e("div", { className: "mt-1", children: /* @__PURE__ */ e(c, { showAdd: !1, variant: "outline", goToDefaultLang: !0 }) })
-    ] }),
-    /* @__PURE__ */ e("div", { className: `flex flex-col gap-2 ${s ? "pointer-events-none opacity-50" : ""}`, children: o ? /* @__PURE__ */ e(
-      "button",
-      {
-        onClick: () => r("TRANSLATE"),
-        className: "flex items-center gap-2 rounded-lg border border-green-200 bg-green-50 p-2 text-left transition-colors hover:bg-green-100",
-        children: /* @__PURE__ */ t("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ t("span", { className: "flex items-center gap-x-2 text-sm font-medium text-green-700", children: [
-            /* @__PURE__ */ e(m, { className: "h-4 w-4 text-green-600" }),
-            " Translate Selected Block"
-          ] }),
-          /* @__PURE__ */ t("span", { className: "pl-6 text-xs text-green-600", children: [
-            "Convert current block to ",
-            n[a]
-          ] })
-        ] })
-      }
-    ) : /* @__PURE__ */ e(
-      "button",
-      {
-        onClick: () => r("TRANSLATE"),
-        className: "flex items-center gap-2 rounded-lg border border-purple-200 bg-purple-50 p-2 text-left transition-colors hover:bg-purple-100",
-        children: /* @__PURE__ */ t("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ t("span", { className: "flex items-center gap-x-2 text-sm font-medium text-purple-700", children: [
-            /* @__PURE__ */ e(p, { className: "h-4 w-4 text-purple-600" }),
-            " Translate Entire Page"
-          ] }),
-          /* @__PURE__ */ t("span", { className: "pl-6 text-xs text-purple-600", children: [
-            "Convert all content to ",
-            n[a]
-          ] })
-        ] })
-      }
-    ) })
-  ] });
-};
-export {
-  f as default
-};