@blocklet/pages-kit-inner-components 0.4.117 → 0.4.118

package/lib/cjs/add-component.js

@@ -1,4 +1,4 @@
-"use strict";var XI=Object.create;var II=Object.defineProperty;var TI=Object.getOwnPropertyDescriptor;var WI=Object.getOwnPropertyNames;var xI=Object.getPrototypeOf,YI=Object.prototype.hasOwnProperty;var rI=(C,s,w,A)=>{if(s&&typeof s=="object"||typeof s=="function")for(let o of WI(s))!YI.call(C,o)&&o!==w&&II(C,o,{get:()=>s[o],enumerable:!(A=TI(s,o))||A.enumerable});return C};var hI=(C,s,w)=>(w=C!=null?XI(xI(C)):{},rI(s||!C||!C.__esModule?II(w,"default",{value:C,enumerable:!0}):w,C));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const I=require("react/jsx-runtime"),H=require("./chunks/state-DDwYX2mu.js"),ZI=require("@arcblock/ux/lib/Empty"),X=require("@arcblock/ux/lib/Locale/context"),R=require("@iconify-icon/react"),QI=require("@mui/icons-material/Check"),i=require("@mui/material"),u=require("ahooks"),m=require("react"),r=require("./chunks/array-C2Xw0f0u.js"),U=require("./chunks/config-color-C8L0QSPJ.js"),kI=require("lodash/cloneDeep"),Y=require("@mui/icons-material"),CI=require("react-dnd");require("@arcblock/ux/lib/Tabs");require("@blocklet/pages-kit/utils/style");require("lodash/pick");const f=require("@arcblock/ux/lib/Theme"),RI=require("@mui/lab"),a=require("immer"),pI=require("./theme.js"),v=require("react-use"),JI=require("@arcblock/ux/lib/Toast"),UI=require("@mui/material/Tooltip"),fI=require("@mui/icons-material/KeyboardArrowLeft"),GI=require("@mui/material/Box"),VI=require("@mui/material/DialogTitle"),vI=require("@mui/material/IconButton"),PI=require("@mui/material/Dialog"),_I=require("@mui/material/useMediaQuery"),OI=require("@emotion/react"),qI=require("@mui/material/Alert"),$I=require("@mui/material/AlertTitle"),IC=require("react-error-boundary"),CC=require("ufo"),gC=require("@emotion/styled"),AC=require("@mui/material/Typography"),iC=require("joi"),mI=require("@blocklet/ai-kit/api"),sC=require("@blocklet/js-sdk"),SI=require("@mui/x-date-pickers"),oC=require("@mui/x-date-pickers/AdapterDayjs"),wC=require("@mui/x-date-pickers/LocalizationProvider"),gI=require("circular-natal-horoscope-js/dist"),MC=require("dayjs"),LC=require("dayjs/plugin/timezone"),jC=require("dayjs/plugin/utc"),JC=require("fast-deep-equal"),OC=require("lodash/isNil"),mC=require("tz-lookup"),SC=require("@mui/icons-material/CheckCircleOutline"),BC=require("lodash/uniq"),yC=require("@emotion/css"),DC=require("lodash/get"),eC=require("lodash/set"),bC=require("@blocklet/pages-kit/components"),F=C=>C&&C.__esModule?C:{default:C},BI=F(ZI),NC=F(QI),yI=F(m),KC=F(kI),DI=F(JI),dC=F(UI),P=F(fI),x=F(GI),_=F(VI),q=F(vI),cC=F(PI),zC=F(_I),FC=F(qI),aC=F($I),Z=F(gC),AI=F(AC),E=F(iC),h=F(MC),lC=F(LC),tC=F(jC),HC=F(JC),EC=F(OC),eI=F(mC),uC=F(SC),iI=F(BC),nC=F(DC),XC=F(eC);function TC({htmlId:C,dragType:s,dropType:w=s,index:A,id:o,title:g,move:M,actions:j,...O}){const[{isDragging:L},e,y]=CI.useDrag(()=>({type:s,item:{id:o,index:A},options:{dropEffect:"move"},collect:b=>({isDragging:b.isDragging()}),end:(b,N)=>{const{id:S,index:B}=b;N.didDrop()||M(S,B)}}),[s,o,A,M]),[,J]=CI.useDrop(()=>({accept:w,hover(b){b.id!==o&&M(b.id,A)}}),[w,o,A,M]),D=L?.3:1;return I.jsxs(WC,{...O,id:C,ref:b=>J(y(b)),sx:{...O.sx,opacity:D},children:[I.jsx("div",{className:"drag",ref:b=>e(b),children:I.jsx(Y.DragIndicator,{})}),I.jsx("div",{className:"name",children:g}),I.jsx("div",{className:"actions",onClick:b=>b.stopPropagation(),children:j})]})}const WC=i.styled(i.Box)`
+"use strict";var XI=Object.create;var CI=Object.defineProperty;var TI=Object.getOwnPropertyDescriptor;var WI=Object.getOwnPropertyNames;var xI=Object.getPrototypeOf,YI=Object.prototype.hasOwnProperty;var rI=(C,s,w,A)=>{if(s&&typeof s=="object"||typeof s=="function")for(let o of WI(s))!YI.call(C,o)&&o!==w&&CI(C,o,{get:()=>s[o],enumerable:!(A=TI(s,o))||A.enumerable});return C};var hI=(C,s,w)=>(w=C!=null?XI(xI(C)):{},rI(s||!C||!C.__esModule?CI(w,"default",{value:C,enumerable:!0}):w,C));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const I=require("react/jsx-runtime"),H=require("./chunks/state-oc52fQ0j.js"),ZI=require("@arcblock/ux/lib/Empty"),X=require("@arcblock/ux/lib/Locale/context"),R=require("@iconify-icon/react"),QI=require("@mui/icons-material/Check"),i=require("@mui/material"),u=require("ahooks"),m=require("react"),r=require("./chunks/array-CeBRUkLo.js"),U=require("./chunks/config-color-C8kj-s2C.js"),kI=require("lodash/cloneDeep"),Y=require("@mui/icons-material"),gI=require("react-dnd");require("@arcblock/ux/lib/Tabs");require("@blocklet/pages-kit/utils/style");require("lodash/pick");const f=require("@arcblock/ux/lib/Theme"),RI=require("@mui/lab"),a=require("immer"),pI=require("./theme.js"),v=require("react-use"),OI=require("@arcblock/ux/lib/Toast"),UI=require("@mui/material/Tooltip"),fI=require("@mui/icons-material/KeyboardArrowLeft"),GI=require("@mui/material/Box"),VI=require("@mui/material/DialogTitle"),vI=require("@mui/material/IconButton"),PI=require("@mui/material/Dialog"),_I=require("@mui/material/useMediaQuery"),mI=require("@emotion/react"),qI=require("@mui/material/Alert"),$I=require("@mui/material/AlertTitle"),IC=require("react-error-boundary"),CC=require("ufo"),gC=require("@emotion/styled"),AC=require("@mui/material/Typography"),iC=require("joi"),P=require("@blocklet/ai-kit/api"),sC=require("@blocklet/js-sdk"),SI=require("@mui/x-date-pickers"),oC=require("@mui/x-date-pickers/AdapterDayjs"),wC=require("@mui/x-date-pickers/LocalizationProvider"),AI=require("circular-natal-horoscope-js/dist"),MC=require("dayjs"),LC=require("dayjs/plugin/timezone"),jC=require("dayjs/plugin/utc"),JC=require("fast-deep-equal"),OC=require("lodash/isNil"),mC=require("tz-lookup"),SC=require("@mui/icons-material/CheckCircleOutline"),BC=require("lodash/uniq"),yC=require("@emotion/css"),DC=require("lodash/get"),eC=require("lodash/set"),bC=require("@blocklet/pages-kit/components"),F=C=>C&&C.__esModule?C:{default:C},BI=F(ZI),NC=F(QI),yI=F(m),KC=F(kI),DI=F(OI),dC=F(UI),_=F(fI),x=F(GI),q=F(VI),$=F(vI),cC=F(PI),zC=F(_I),FC=F(qI),aC=F($I),Z=F(gC),iI=F(AC),E=F(iC),h=F(MC),lC=F(LC),tC=F(jC),HC=F(JC),EC=F(OC),eI=F(mC),uC=F(SC),sI=F(BC),nC=F(DC),XC=F(eC);function TC({htmlId:C,dragType:s,dropType:w=s,index:A,id:o,title:g,move:M,actions:j,...O}){const[{isDragging:L},e,y]=gI.useDrag(()=>({type:s,item:{id:o,index:A},options:{dropEffect:"move"},collect:b=>({isDragging:b.isDragging()}),end:(b,N)=>{const{id:S,index:B}=b;N.didDrop()||M(S,B)}}),[s,o,A,M]),[,J]=gI.useDrop(()=>({accept:w,hover(b){b.id!==o&&M(b.id,A)}}),[w,o,A,M]),D=L?.3:1;return I.jsxs(WC,{...O,id:C,ref:b=>J(y(b)),sx:{...O.sx,opacity:D},children:[I.jsx("div",{className:"drag",ref:b=>e(b),children:I.jsx(Y.DragIndicator,{})}),I.jsx("div",{className:"name",children:g}),I.jsx("div",{className:"actions",onClick:b=>b.stopPropagation(),children:j})]})}const WC=i.styled(i.Box)`
   display: flex;
   align-items: center;
   padding: 8px;
@@ -89,9 +89,9 @@
     top: 0;
     transform: translateY(-50%);
   }
-`;function rC({value:C,onChange:s,...w}){const[A,o]=m.useState(""),{t:g}=X.useLocaleContext();return m.useEffect(()=>{o(C||"")},[C,o]),v.useDebounce(()=>{A!==C&&s(A)},300,[A]),I.jsx(i.TextField,{size:"small",fullWidth:!0,label:g("maker.properties.icon"),...w,value:A,onChange:M=>o(M.target.value),InputProps:{startAdornment:I.jsx(i.IconButton,{size:"small",children:I.jsx(r.Icon,{icon:A})}),endAdornment:I.jsx(i.IconButton,{size:"small",href:"https://icones.js.org",target:"_blank",children:I.jsx(Y.SearchRounded,{})})}})}function bI({value:C="",onChange:s,...w}){const{state:{pages:A,pageIds:o}}=H.useStore(),g=m.useMemo(()=>o.map(j=>A[j].slug),[o,A]),[M]=m.useState(()=>{var j;return((j=A[C])==null?void 0:j.slug)||C});return I.jsx(i.Autocomplete,{size:"small",fullWidth:!0,options:g,defaultValue:M,freeSolo:!0,autoSelect:!0,openOnFocus:!0,onChange:(j,O)=>{var L;return s(((L=Object.values(A).find(e=>(e==null?void 0:e.slug)===O))==null?void 0:L.id)||O||"")},renderInput:j=>I.jsx(i.TextField,{...j,...w})})}function G({label:C,placeholder:s,options:w,value:A,onChange:o,...g}){const M=w.find(L=>L.value===A),j=M==null?void 0:M.title,O=L=>{o(L.target.value)};return I.jsxs(i.FormControl,{fullWidth:!0,size:"small",children:[I.jsx(i.InputLabel,{children:C}),I.jsxs(i.Select,{value:A,input:I.jsx(i.OutlinedInput,{defaultValue:j,label:C}),renderValue:L=>{const e=w.find(y=>y.value===L);return e&&e.title&&I.jsxs(i.Box,{children:[I.jsx(i.Typography,{component:"span",children:e.title}),I.jsx(i.Typography,{marginLeft:1,component:"span",variant:"body2",color:"text.secondary",children:e.description})]})},onChange:O,...g,children:[I.jsx(i.MenuItem,{disabled:!0,children:I.jsx("em",{children:s})}),w.map(L=>L&&L.value&&I.jsxs(i.MenuItem,{value:L.value,children:[I.jsx(i.ListItemText,{children:L.title}),L.description&&I.jsx(i.Typography,{variant:"body2",color:"text.secondary",children:L.description})]},L.value))]})]})}const hC=()=>{const{t:C}=X.useLocaleContext(),s=u.useRequest(async()=>{var M;if(!((M=window.blocklet)==null?void 0:M.componentMountPoints.find(j=>j.name==="ai-kit")))return{install:!1};const{data:g}=await H.api.get("/api/ai/status");return{...g,install:!0}}),w=m.useMemo(()=>{var o,g;return!!(s.loading||!((o=s.data)!=null&&o.install)||!((g=s.data)!=null&&g.available))},[s]),A=m.useMemo(()=>{var o,g;return(o=s.data)!=null&&o.install?(g=s.data)!=null&&g.available?"":C("ai.status.available"):C("ai.status.install")},[s]);return[w,A]};function $({children:C,open:s=!0,embed:w=!1,...A}){const o=i.useTheme(),g=zC.default(o.breakpoints.down("md"));return I.jsx(cC.default,{open:s,fullScreen:g,maxWidth:"md",disableEnforceFocus:!0,disableRestoreFocus:!0,disablePortal:!0,sx:{zIndex:13001},PaperProps:{sx:g?{}:{width:1,margin:0,height:w?"100%":"75vh",maxHeight:w?"100%":"75vh"}},...A,children:C})}const NI=m.createContext({embed:!1}),{Provider:ZC}=NI;function QC({children:C,embed:s=!1,api:w,customOutputChildren:A}){const o=u.useReactive({embed:s}),[g,M]=m.useState(void 0),[j,O]=m.useState([]);return I.jsx(ZC,{value:{...o,template:g,response:j,api:w,customOutputChildren:A,setTemplate:M,setResponse:O},children:C})}function p(){return m.useContext(NI)}function KI(C){return m.useMemo(()=>blocklet==null?void 0:blocklet.componentMountPoints.find(s=>s.name===C),[])}async function kC({pageSize:C,composable:s,api:w,sort:A}){const o=await Promise.all(s.items.map(async j=>{if(j.noMore||j.list.length>=C)return j;const O=await w(j)({offset:j.offset,limit:C});return{...j,noMore:O.length<C,list:j.list.concat(O),offset:j.offset+O.length}})),g=[],M=a.produce(o,j=>{var O;for(;g.length<C;){j.sort((e,y)=>{const J=e.list[0],D=y.list[0];return J&&D?A(J,D):J?-1:1});const L=(O=j[0])==null?void 0:O.list.shift();if(!L)break;g.push(a.original(L))}});return[g,{items:M}]}function RC({offset:C,limit:s,sort:w,tag:A}={}){const o=H.getMountPoint("ai-studio"),g=CC.joinURL(o,"/api/templates");return H.api.get(g,{params:{offset:C,limit:s,sort:w,tag:A}}).then(M=>M.data)}const sI=10,pC=m.createContext(void 0);function UC({children:C}){const s=KI("ai-studio"),w=m.useRef({tags:[],data:{},fetchMore:async g=>{const M=["all","builtin","studio"].includes(g)?void 0:g,j=o(g,()=>{});if(!(j.noMore||j.loading)){o(g,O=>O.loading=!0);try{const O=a.produce(j.composable??{items:[]},y=>{y.items.length===0&&s&&y.items.push({offset:0,list:[],noMore:!1,api:J=>RC(J).then(D=>D.templates.map(b=>({...b,source:"studio"})))})}),[L,e]=await kC({pageSize:sI,composable:O,api:y=>J=>y.api({...J,tag:M,sort:"-updatedAt"}),sort:(y,J)=>-y.updatedAt.localeCompare(J.updatedAt)});o(g,y=>{y.composable=e,y.templates.push(...L),y.noMore=L.length<sI})}catch(O){throw o(g,L=>L.error=O),O}finally{o(g,O=>O.loading=!1)}}}}),A=u.useUpdate(),o=m.useCallback((g,M)=>(w.current=a.produce(w.current,j=>(j.data[g]||(j.data[g]={templates:[],loading:!1,noMore:!1}),M(j.data[g]),j)),A(),w.current.data[g]),[]);return I.jsx(pC.Provider,{value:w.current,children:C})}const dI=mI.createStatusApi({axios:H.api,path:"/api/ai/status"}),fC=mI.createTextCompletionApi({fetch:sC.createFetch(),path:"/api/ai/completions"});function GC({text:C,language:s}){return fC({prompt:`Translate this into ${s}:
+`;function rC({value:C,onChange:s,...w}){const[A,o]=m.useState(""),{t:g}=X.useLocaleContext();return m.useEffect(()=>{o(C||"")},[C,o]),v.useDebounce(()=>{A!==C&&s(A)},300,[A]),I.jsx(i.TextField,{size:"small",fullWidth:!0,label:g("maker.properties.icon"),...w,value:A,onChange:M=>o(M.target.value),InputProps:{startAdornment:I.jsx(i.IconButton,{size:"small",children:I.jsx(r.Icon,{icon:A})}),endAdornment:I.jsx(i.IconButton,{size:"small",href:"https://icones.js.org",target:"_blank",children:I.jsx(Y.SearchRounded,{})})}})}function bI({value:C="",onChange:s,...w}){const{state:{pages:A,pageIds:o}}=H.useStore(),g=m.useMemo(()=>o.map(j=>A[j].slug),[o,A]),[M]=m.useState(()=>{var j;return((j=A[C])==null?void 0:j.slug)||C});return I.jsx(i.Autocomplete,{size:"small",fullWidth:!0,options:g,defaultValue:M,freeSolo:!0,autoSelect:!0,openOnFocus:!0,onChange:(j,O)=>{var L;return s(((L=Object.values(A).find(e=>(e==null?void 0:e.slug)===O))==null?void 0:L.id)||O||"")},renderInput:j=>I.jsx(i.TextField,{...j,...w})})}function G({label:C,placeholder:s,options:w,value:A,onChange:o,...g}){const M=w.find(L=>L.value===A),j=M==null?void 0:M.title,O=L=>{o(L.target.value)};return I.jsxs(i.FormControl,{fullWidth:!0,size:"small",children:[I.jsx(i.InputLabel,{children:C}),I.jsxs(i.Select,{value:A,input:I.jsx(i.OutlinedInput,{defaultValue:j,label:C}),renderValue:L=>{const e=w.find(y=>y.value===L);return e&&e.title&&I.jsxs(i.Box,{children:[I.jsx(i.Typography,{component:"span",children:e.title}),I.jsx(i.Typography,{marginLeft:1,component:"span",variant:"body2",color:"text.secondary",children:e.description})]})},onChange:O,...g,children:[I.jsx(i.MenuItem,{disabled:!0,children:I.jsx("em",{children:s})}),w.map(L=>L&&L.value&&I.jsxs(i.MenuItem,{value:L.value,children:[I.jsx(i.ListItemText,{children:L.title}),L.description&&I.jsx(i.Typography,{variant:"body2",color:"text.secondary",children:L.description})]},L.value))]})]})}const hC=()=>{const{t:C}=X.useLocaleContext(),s=u.useRequest(async()=>{var M;if(!((M=window.blocklet)==null?void 0:M.componentMountPoints.find(j=>j.name==="ai-kit")))return{install:!1};const{data:g}=await H.api.get("/api/ai/status");return{...g,install:!0}}),w=m.useMemo(()=>{var o,g;return!!(s.loading||!((o=s.data)!=null&&o.install)||!((g=s.data)!=null&&g.available))},[s]),A=m.useMemo(()=>{var o,g;return(o=s.data)!=null&&o.install?(g=s.data)!=null&&g.available?"":C("ai.status.unavailable"):C("ai.status.install")},[s]);return[w,A]};function II({children:C,open:s=!0,embed:w=!1,...A}){const o=i.useTheme(),g=zC.default(o.breakpoints.down("md"));return I.jsx(cC.default,{open:s,fullScreen:g,maxWidth:"md",disableEnforceFocus:!0,disableRestoreFocus:!0,disablePortal:!0,sx:{zIndex:13001},PaperProps:{sx:g?{}:{width:1,margin:0,height:w?"100%":"75vh",maxHeight:w?"100%":"75vh"}},...A,children:C})}const NI=m.createContext({embed:!1}),{Provider:ZC}=NI;function QC({children:C,embed:s=!1,api:w,customOutputChildren:A}){const o=u.useReactive({embed:s}),[g,M]=m.useState(void 0),[j,O]=m.useState([]);return I.jsx(ZC,{value:{...o,template:g,response:j,api:w,customOutputChildren:A,setTemplate:M,setResponse:O},children:C})}function p(){return m.useContext(NI)}function KI(C){return m.useMemo(()=>blocklet==null?void 0:blocklet.componentMountPoints.find(s=>s.name===C),[])}async function kC({pageSize:C,composable:s,api:w,sort:A}){const o=await Promise.all(s.items.map(async j=>{if(j.noMore||j.list.length>=C)return j;const O=await w(j)({offset:j.offset,limit:C});return{...j,noMore:O.length<C,list:j.list.concat(O),offset:j.offset+O.length}})),g=[],M=a.produce(o,j=>{var O;for(;g.length<C;){j.sort((e,y)=>{const J=e.list[0],D=y.list[0];return J&&D?A(J,D):J?-1:1});const L=(O=j[0])==null?void 0:O.list.shift();if(!L)break;g.push(a.original(L))}});return[g,{items:M}]}function RC({offset:C,limit:s,sort:w,tag:A}={}){const o=H.getMountPoint("ai-studio"),g=CC.joinURL(o,"/api/templates");return H.api.get(g,{params:{offset:C,limit:s,sort:w,tag:A}}).then(M=>M.data)}const oI=10,pC=m.createContext(void 0);function UC({children:C}){const s=KI("ai-studio"),w=m.useRef({tags:[],data:{},fetchMore:async g=>{const M=["all","builtin","studio"].includes(g)?void 0:g,j=o(g,()=>{});if(!(j.noMore||j.loading)){o(g,O=>O.loading=!0);try{const O=a.produce(j.composable??{items:[]},y=>{y.items.length===0&&s&&y.items.push({offset:0,list:[],noMore:!1,api:J=>RC(J).then(D=>D.templates.map(b=>({...b,source:"studio"})))})}),[L,e]=await kC({pageSize:oI,composable:O,api:y=>J=>y.api({...J,tag:M,sort:"-updatedAt"}),sort:(y,J)=>-y.updatedAt.localeCompare(J.updatedAt)});o(g,y=>{y.composable=e,y.templates.push(...L),y.noMore=L.length<oI})}catch(O){throw o(g,L=>L.error=O),O}finally{o(g,O=>O.loading=!1)}}}}),A=u.useUpdate(),o=m.useCallback((g,M)=>(w.current=a.produce(w.current,j=>(j.data[g]||(j.data[g]={templates:[],loading:!1,noMore:!1}),M(j.data[g]),j)),A(),w.current.data[g]),[]);return I.jsx(pC.Provider,{value:w.current,children:C})}const dI=P.createStatusApi({axios:H.api,path:"/api/ai/status"});P.createStatusApi({axios:H.api,path:"/api/ai/agent-status"});const fC=P.createTextCompletionApi({fetch:sC.createFetch(),path:"/api/ai/completions"});function GC({text:C,language:s}){return fC({prompt:`Translate this into ${s}:
 
-${C}`}).then(w=>w.text??"")}function VC(C){const s=u.useReactive({searching:!1,searchKey:0,resultKey:0,keyword:"",options:[]}),w=m.useCallback(async g=>{const M=s.searchKey;try{if(!g.trim()){s.options=[];return}const j=new URL("https://nominatim.openstreetmap.org/search");j.searchParams.set("q",g),j.searchParams.set("polygon_geojson","1"),j.searchParams.set("format","jsonv2"),j.searchParams.set("limit","10"),j.searchParams.set("accept-language","zh-CN"),j.searchParams.set("polygon_geojson","0");const O=await fetch(j.toString()).then(L=>L.json()).then(L=>L.map(e=>({id:e.place_id,longitude:Number(e.lon),latitude:Number(e.lat),name:e.display_name})));M>s.resultKey&&(s.resultKey=M,s.options=O)}finally{M===s.searchKey&&(s.searching=!1)}},[]),{run:A}=u.useThrottleFn(w,{wait:1e3});m.useEffect(()=>{var g;typeof C.value=="object"&&!Array.isArray(C.value)&&s.keyword===((g=C.value)==null?void 0:g.name)||(s.searchKey+=1,s.searching=!0,A(s.keyword))},[s.keyword]);const{renderInput:o=g=>I.jsx(i.TextField,{...g})}=C;return I.jsx(i.Autocomplete,{...C,inputValue:s.keyword,onInputChange:(g,M)=>s.keyword=M,options:s.options,getOptionLabel:g=>typeof g=="string"?g:g.name||"",isOptionEqualToValue:(g,M)=>g.id===M.id||g.longitude===M.longitude&&g.latitude===M.latitude,filterOptions:g=>g,renderOption:(g,M)=>m.createElement(i.MenuItem,{...g,key:M.id},M.name),loading:s.searching,renderInput:g=>o({...g,InputProps:{...g.InputProps,endAdornment:I.jsxs(I.Fragment,{children:[s.searching&&I.jsx(i.CircularProgress,{size:20}),g.InputProps.endAdornment]})}})})}function vC({min:C,max:s,default:w,onChange:A,...o}){const g=M=>{const j=M.target.value.trim();if(!j)return w;let O=Number(Number(j).toFixed(0));return Number.isInteger(O)?(typeof C=="number"&&(O=Math.max(C,O)),typeof s=="number"&&(O=Math.min(s,O)),O):w};return I.jsx(i.TextField,{onChange:M=>A==null?void 0:A(g(M)),inputProps:{type:"number",inputMode:"numeric",pattern:"[0-9]*",min:C,max:s,...o.inputProps},...o})}h.default.extend(tC.default);h.default.extend(lC.default);function PC({parameter:C,...s}){const w={number:qC,string:_C,select:$C,language:gg,horoscope:Ag,radio:Ig}[C.type||"string"];return I.jsx(w,{parameter:C,...s})}function _C({parameter:C,onChange:s,...w}){return I.jsx(i.TextField,{required:C.required,label:C.label,placeholder:C.placeholder,helperText:C.helper,multiline:C.multiline,minRows:C.multiline?2:void 0,inputProps:{maxLength:C.maxLength},onChange:A=>s(A.target.value),...w})}function qC({parameter:C,...s}){return I.jsx(vC,{required:C.required,label:C.label,placeholder:C.placeholder,helperText:C.helper,min:C.min,max:C.max,...s})}function $C({parameter:C,onChange:s,...w}){return I.jsxs(i.TextField,{required:C.required,label:C.label,placeholder:C.placeholder,helperText:C.helper,select:!0,onChange:A=>s(A.target.value),...w,children:[I.jsx(i.MenuItem,{value:"",children:I.jsx("em",{children:"None"})}),(C.options??[]).map(A=>I.jsx(i.MenuItem,{value:A.value,children:A.label},A.id))]})}function Ig({parameter:C,onChange:s,...w}){return I.jsxs(i.TextField,{required:C.required,label:C.label,placeholder:C.placeholder,helperText:C.helper,select:!0,onChange:A=>s(A.target.value),...w,children:[I.jsx(i.MenuItem,{value:"",children:I.jsx("em",{children:"None"})}),(C.options??[]).map(A=>I.jsx(i.MenuItem,{value:A.value,children:A.label},A.id))]})}const Cg=[{en:"English",cn:"英语"},{en:"Simplified Chinese",cn:"中文-简体"},{en:"Traditional Chinese",cn:"中文-繁体"},{en:"Spanish",cn:"西班牙语"},{en:"French",cn:"法语"},{en:"German",cn:"德语"},{en:"Italian",cn:"意大利语"},{en:"Portuguese",cn:"葡萄牙语"},{en:"Japanese",cn:"日语"},{en:"Korean",cn:"韩语"},{en:"Russian",cn:"俄语"},{en:"Polish",cn:"波兰语"},{en:"Arabic",cn:"阿拉伯语"},{en:"Dutch",cn:"荷兰语"},{en:"Swedish",cn:"瑞典语"},{en:"Finnish",cn:"芬兰语"},{en:"Czech",cn:"捷克语"},{en:"Danish",cn:"丹麦语"},{en:"Greek",cn:"希腊语"},{en:"Romanian",cn:"罗马尼亚语"},{en:"Hungarian",cn:"匈牙利语"},{en:"Bulgarian",cn:"保加利亚语"},{en:"Slovak",cn:"斯洛伐克语"},{en:"Norwegian",cn:"挪威语"},{en:"Hebrew",cn:"希伯来语"},{en:"Turkish",cn:"土耳其语"},{en:"Thai",cn:"泰语"},{en:"Indonesian",cn:"印尼语"},{en:"Vietnamese",cn:"越南语"},{en:"Hindi",cn:"印地语"}];function gg({parameter:C,onChange:s,...w}){const{locale:A}=X.useLocaleContext();return I.jsxs(i.TextField,{required:C.required,label:C.label,placeholder:C.placeholder,helperText:C.helper,select:!0,onChange:o=>s(o.target.value),...w,children:[I.jsx(i.MenuItem,{value:"",children:I.jsx("em",{children:"None"})}),Cg.map(o=>I.jsx(i.MenuItem,{value:o.en,children:A==="zh"?o.cn:o.en},o.en))]})}function Ag({parameter:C,value:s,onChange:w,...A}){const[o,g]=m.useState(()=>({...s}));m.useEffect(()=>{HC.default(o,s)||g({...s})},[s]),m.useEffect(()=>{const{location:O,offset:L,time:e}=o;O&&e?w({location:O,offset:L,time:e}):s&&w(void 0)},[o]);const M=m.useMemo(()=>o.location&&o.time?cI({...C,value:{time:o.time,offset:o.offset,location:o.location}}):"",[o]),j=m.useCallback(({time:O,location:L})=>{const e=h.default(O),y=L&&eI.default(L.latitude,L.longitude),J=y?e.tz(y).utcOffset():null;EC.default(J)||g(D=>({...D,offset:J}))},[]);return I.jsx(wC.LocalizationProvider,{dateAdapter:oC.AdapterDayjs,children:I.jsxs(i.Box,{sx:{width:"100%",display:"flex",flexWrap:"wrap",gap:1},children:[I.jsx(ig,{slotProps:{textField:{size:"small"}},label:"Date",sx:{flex:1,minWidth:200},value:o.time??null,onChange:O=>{g(L=>({...L,time:O??void 0})),j({...o,time:O})}}),I.jsx(VC,{sx:{flex:1,minWidth:200},value:(o==null?void 0:o.location)??null,onChange:(O,L)=>{g(e=>({...e,location:L??void 0})),j({...o,location:L})},renderInput:O=>I.jsx(i.TextField,{...O,label:"Location",size:"small"})}),I.jsx(sg,{label:"Timezone",sx:{flex:1,minWidth:200},value:o.offset??null,onChange:O=>g(L=>({...L,offset:O??void 0})),slotProps:{textField:{size:"small"}}}),I.jsx(i.TextField,{label:A.label,fullWidth:!0,size:"small",multiline:!0,InputProps:{readOnly:!0},value:M,disabled:!0,error:A.error,helperText:A.helperText})]})})}function ig({format:C="YYYY-MM-DD HH:mm:ss",value:s,onChange:w,...A}){const[o,g]=m.useState(()=>s?h.default(s):null);return m.useEffect(()=>{(o==null?void 0:o.format(C))!==s&&g(h.default(s))},[s]),I.jsx(SI.DateTimePicker,{ampm:!1,...A,value:o,onChange:M=>{g(M),w==null||w((M==null?void 0:M.format(C))??null)}})}function sg({value:C,onChange:s,...w}){var O;const A=m.useCallback(L=>typeof L=="number"?h.default().startOf("year").minute(Math.abs(L)):L,[]),o=m.useCallback(L=>L&&L.hour()*60+L.minute(),[]),[g,M]=m.useState(()=>A(C));m.useEffect(()=>{o(g)!==C&&M(A(C))},[C]);const j=typeof C=="number"&&C<0?-1:1;return I.jsx(SI.TimePicker,{ampm:!1,...w,value:g,slots:{actionBar:()=>null},onChange:L=>{M(L),s==null||s(L?(L.hour()*60+L.minute())*j:null)},slotProps:{...w.slotProps,textField:{...(O=w.slotProps)==null?void 0:O.textField,InputProps:{startAdornment:I.jsx(i.InputAdornment,{position:"start",children:I.jsxs(i.Button,{size:"small",color:"inherit",sx:{minWidth:0,p:0},onClick:L=>{L.stopPropagation(),s==null||s(typeof C=="number"?-C:null)},children:[I.jsx(i.Box,{component:"span",sx:{lineHeight:1},children:"UTC"}),j===-1?I.jsx(Y.Remove,{fontSize:"small"}):I.jsx(Y.Add,{fontSize:"small"})]})})}}}})}function cI(C){var s,w;switch(C.type){case void 0:case"string":case"number":case"language":case"select":return((s=C.value)==null?void 0:s.toString())??"";case"radio":return((w=C.value)==null?void 0:w.toString())??"";case"horoscope":{const{time:A,offset:o,location:g}=C.value??{};if(!A||!g)return"";let M=h.default(A);if(!M.isValid())return"";typeof o=="number"&&(M=M.utcOffset(o,!0)),M=M.tz(eI.default(g.latitude,g.longitude),!0);const j=new gI.Horoscope({origin:new gI.Origin({year:M.year(),month:M.month(),date:M.date(),hour:M.hour(),minute:M.minute(),second:M.second(),latitude:g.latitude,longitude:g.longitude})}),O={sun:"太阳",moon:"月亮",mercury:"水星",venus:"金星",mars:"火星",jupiter:"木星",saturn:"土星",uranus:"天王星",neptune:"海王星",pluto:"冥王星",chiron:"凯龙星",sirius:"天狼星",aries:"白羊座",taurus:"金牛座",gemini:"双子座",cancer:"巨蟹座",leo:"狮子座",virgo:"处女座",libra:"天秤座",scorpio:"天蝎座",sagittarius:"射手座",capricorn:"摩羯座",aquarius:"水瓶座",pisces:"双鱼座",ophiuchus:"蛇夫座",ascendant:"上升",midheaven:"中天",northnode:"北交",southnode:"南交"},L=j.CelestialBodies.all,e=j.Houses,y=L.filter(J=>!["chiron","sirius"].includes(J.key));return y.concat([j.CelestialPoints.northnode,j.Ascendant,j.Midheaven]).map(J=>`${O[J.key]}${O[J.Sign.key]}${J.isRetrograde?"(逆行)":""}`).concat(e.map(J=>`${J.id}宫${O[J.Sign.key]}`)).concat(y.concat(j.CelestialPoints.northnode).map(J=>`${O[J.key]}落入${J.House.id}宫`)).join("，")}default:throw new Error(`Unsupported parameter to string value ${C}`)}}function og({template:C,onSubmit:s}){var e;const{t:w}=X.useLocaleContext(),A=m.useMemo(()=>{let y={};return C.parameters&&typeof C.parameters=="object"&&(y=KC.default(C.parameters)),y},[C]),o=m.useMemo(()=>Object.keys(A),[A]),g=v.useAsync(()=>dI(),[]),M=u.useReactive({});m.useEffect(()=>{for(const[y,J]of Object.entries(A))M[y]??(M[y]=J.defaultValue)},[C]);const[j,O]=m.useState(),L=()=>{O(void 0);const y=N=>({string:S=>{let B=E.default.string();return S.required?B=B.required():B=B.allow(""),typeof S.minLength=="number"&&(B=B.min(S.minLength)),typeof S.maxLength=="number"&&(B=B.max(S.maxLength)),B},number:S=>{let B=E.default.number();return S.required&&(B=B.required()),typeof S.min=="number"&&(B=B.min(S.min)),typeof S.max=="number"&&(B=B.max(S.max)),B},select:S=>{let B=E.default.string();return S.required&&(B=B.required()),B},language:S=>{let B=E.default.string();return S.required&&(B=B.required()),B},horoscope:S=>{let B=E.default.object({time:E.default.string().required(),offset:E.default.number().integer(),location:E.default.object({id:E.default.alternatives().try(E.default.string(),E.default.number()).required(),latitude:E.default.number().required(),longitude:E.default.number().required(),name:E.default.string().required()}).required()});return S.required&&(B=B.required()),B},radio:S=>{let B=E.default.string();return S.required&&(B=B.required()),B}})[N.type||"string"](N),J=E.default.object(Object.fromEntries(o.map(N=>{const S=A[N];return[N,S?y(S):void 0]}))),{error:D,value:b}=J.validate(M,{allowUnknown:!0,abortEarly:!1});if(D){O(D);return}s(Object.fromEntries(Object.entries(b).map(([N,S])=>[N,cI({type:A[N].type,value:S})])))};return I.jsxs(wg,{component:"form",onSubmit:y=>y.preventDefault(),children:[I.jsx(i.Grid,{container:!0,spacing:2.5,children:o.map(y=>{const J=A[y]??{},D=j==null?void 0:j.details.find(b=>b.path[0]===y);return I.jsx(i.Grid,{item:!0,xs:12,children:I.jsx(PC,{fullWidth:!0,size:"small",label:J.label||y,parameter:J,error:!!D,helperText:(D==null?void 0:D.message)??J.helper,value:M[y]??"",onChange:b=>M[y]=b})},y)})}),I.jsx(i.Box,{flex:1}),I.jsx(i.Box,{className:"actions",children:I.jsx(i.Box,{my:3,textAlign:"center",children:g.loading?I.jsx(i.CircularProgress,{size:24}):I.jsx(i.Button,{className:"submit",type:"submit",variant:"contained",onClick:L,disabled:!((e=g.value)!=null&&e.available),children:w("ai.generate")})})})]})}const wg=Z.default(i.Box)`
+${C}`}).then(w=>w.text??"")}function VC(C){const s=u.useReactive({searching:!1,searchKey:0,resultKey:0,keyword:"",options:[]}),w=m.useCallback(async g=>{const M=s.searchKey;try{if(!g.trim()){s.options=[];return}const j=new URL("https://nominatim.openstreetmap.org/search");j.searchParams.set("q",g),j.searchParams.set("polygon_geojson","1"),j.searchParams.set("format","jsonv2"),j.searchParams.set("limit","10"),j.searchParams.set("accept-language","zh-CN"),j.searchParams.set("polygon_geojson","0");const O=await fetch(j.toString()).then(L=>L.json()).then(L=>L.map(e=>({id:e.place_id,longitude:Number(e.lon),latitude:Number(e.lat),name:e.display_name})));M>s.resultKey&&(s.resultKey=M,s.options=O)}finally{M===s.searchKey&&(s.searching=!1)}},[]),{run:A}=u.useThrottleFn(w,{wait:1e3});m.useEffect(()=>{var g;typeof C.value=="object"&&!Array.isArray(C.value)&&s.keyword===((g=C.value)==null?void 0:g.name)||(s.searchKey+=1,s.searching=!0,A(s.keyword))},[s.keyword]);const{renderInput:o=g=>I.jsx(i.TextField,{...g})}=C;return I.jsx(i.Autocomplete,{...C,inputValue:s.keyword,onInputChange:(g,M)=>s.keyword=M,options:s.options,getOptionLabel:g=>typeof g=="string"?g:g.name||"",isOptionEqualToValue:(g,M)=>g.id===M.id||g.longitude===M.longitude&&g.latitude===M.latitude,filterOptions:g=>g,renderOption:(g,M)=>m.createElement(i.MenuItem,{...g,key:M.id},M.name),loading:s.searching,renderInput:g=>o({...g,InputProps:{...g.InputProps,endAdornment:I.jsxs(I.Fragment,{children:[s.searching&&I.jsx(i.CircularProgress,{size:20}),g.InputProps.endAdornment]})}})})}function vC({min:C,max:s,default:w,onChange:A,...o}){const g=M=>{const j=M.target.value.trim();if(!j)return w;let O=Number(Number(j).toFixed(0));return Number.isInteger(O)?(typeof C=="number"&&(O=Math.max(C,O)),typeof s=="number"&&(O=Math.min(s,O)),O):w};return I.jsx(i.TextField,{onChange:M=>A==null?void 0:A(g(M)),inputProps:{type:"number",inputMode:"numeric",pattern:"[0-9]*",min:C,max:s,...o.inputProps},...o})}h.default.extend(tC.default);h.default.extend(lC.default);function PC({parameter:C,...s}){const w={number:qC,string:_C,select:$C,language:gg,horoscope:Ag,radio:Ig}[C.type||"string"];return I.jsx(w,{parameter:C,...s})}function _C({parameter:C,onChange:s,...w}){return I.jsx(i.TextField,{required:C.required,label:C.label,placeholder:C.placeholder,helperText:C.helper,multiline:C.multiline,minRows:C.multiline?2:void 0,inputProps:{maxLength:C.maxLength},onChange:A=>s(A.target.value),...w})}function qC({parameter:C,...s}){return I.jsx(vC,{required:C.required,label:C.label,placeholder:C.placeholder,helperText:C.helper,min:C.min,max:C.max,...s})}function $C({parameter:C,onChange:s,...w}){return I.jsxs(i.TextField,{required:C.required,label:C.label,placeholder:C.placeholder,helperText:C.helper,select:!0,onChange:A=>s(A.target.value),...w,children:[I.jsx(i.MenuItem,{value:"",children:I.jsx("em",{children:"None"})}),(C.options??[]).map(A=>I.jsx(i.MenuItem,{value:A.value,children:A.label},A.id))]})}function Ig({parameter:C,onChange:s,...w}){return I.jsxs(i.TextField,{required:C.required,label:C.label,placeholder:C.placeholder,helperText:C.helper,select:!0,onChange:A=>s(A.target.value),...w,children:[I.jsx(i.MenuItem,{value:"",children:I.jsx("em",{children:"None"})}),(C.options??[]).map(A=>I.jsx(i.MenuItem,{value:A.value,children:A.label},A.id))]})}const Cg=[{en:"English",cn:"英语"},{en:"Simplified Chinese",cn:"中文-简体"},{en:"Traditional Chinese",cn:"中文-繁体"},{en:"Spanish",cn:"西班牙语"},{en:"French",cn:"法语"},{en:"German",cn:"德语"},{en:"Italian",cn:"意大利语"},{en:"Portuguese",cn:"葡萄牙语"},{en:"Japanese",cn:"日语"},{en:"Korean",cn:"韩语"},{en:"Russian",cn:"俄语"},{en:"Polish",cn:"波兰语"},{en:"Arabic",cn:"阿拉伯语"},{en:"Dutch",cn:"荷兰语"},{en:"Swedish",cn:"瑞典语"},{en:"Finnish",cn:"芬兰语"},{en:"Czech",cn:"捷克语"},{en:"Danish",cn:"丹麦语"},{en:"Greek",cn:"希腊语"},{en:"Romanian",cn:"罗马尼亚语"},{en:"Hungarian",cn:"匈牙利语"},{en:"Bulgarian",cn:"保加利亚语"},{en:"Slovak",cn:"斯洛伐克语"},{en:"Norwegian",cn:"挪威语"},{en:"Hebrew",cn:"希伯来语"},{en:"Turkish",cn:"土耳其语"},{en:"Thai",cn:"泰语"},{en:"Indonesian",cn:"印尼语"},{en:"Vietnamese",cn:"越南语"},{en:"Hindi",cn:"印地语"}];function gg({parameter:C,onChange:s,...w}){const{locale:A}=X.useLocaleContext();return I.jsxs(i.TextField,{required:C.required,label:C.label,placeholder:C.placeholder,helperText:C.helper,select:!0,onChange:o=>s(o.target.value),...w,children:[I.jsx(i.MenuItem,{value:"",children:I.jsx("em",{children:"None"})}),Cg.map(o=>I.jsx(i.MenuItem,{value:o.en,children:A==="zh"?o.cn:o.en},o.en))]})}function Ag({parameter:C,value:s,onChange:w,...A}){const[o,g]=m.useState(()=>({...s}));m.useEffect(()=>{HC.default(o,s)||g({...s})},[s]),m.useEffect(()=>{const{location:O,offset:L,time:e}=o;O&&e?w({location:O,offset:L,time:e}):s&&w(void 0)},[o]);const M=m.useMemo(()=>o.location&&o.time?cI({...C,value:{time:o.time,offset:o.offset,location:o.location}}):"",[o]),j=m.useCallback(({time:O,location:L})=>{const e=h.default(O),y=L&&eI.default(L.latitude,L.longitude),J=y?e.tz(y).utcOffset():null;EC.default(J)||g(D=>({...D,offset:J}))},[]);return I.jsx(wC.LocalizationProvider,{dateAdapter:oC.AdapterDayjs,children:I.jsxs(i.Box,{sx:{width:"100%",display:"flex",flexWrap:"wrap",gap:1},children:[I.jsx(ig,{slotProps:{textField:{size:"small"}},label:"Date",sx:{flex:1,minWidth:200},value:o.time??null,onChange:O=>{g(L=>({...L,time:O??void 0})),j({...o,time:O})}}),I.jsx(VC,{sx:{flex:1,minWidth:200},value:(o==null?void 0:o.location)??null,onChange:(O,L)=>{g(e=>({...e,location:L??void 0})),j({...o,location:L})},renderInput:O=>I.jsx(i.TextField,{...O,label:"Location",size:"small"})}),I.jsx(sg,{label:"Timezone",sx:{flex:1,minWidth:200},value:o.offset??null,onChange:O=>g(L=>({...L,offset:O??void 0})),slotProps:{textField:{size:"small"}}}),I.jsx(i.TextField,{label:A.label,fullWidth:!0,size:"small",multiline:!0,InputProps:{readOnly:!0},value:M,disabled:!0,error:A.error,helperText:A.helperText})]})})}function ig({format:C="YYYY-MM-DD HH:mm:ss",value:s,onChange:w,...A}){const[o,g]=m.useState(()=>s?h.default(s):null);return m.useEffect(()=>{(o==null?void 0:o.format(C))!==s&&g(h.default(s))},[s]),I.jsx(SI.DateTimePicker,{ampm:!1,...A,value:o,onChange:M=>{g(M),w==null||w((M==null?void 0:M.format(C))??null)}})}function sg({value:C,onChange:s,...w}){var O;const A=m.useCallback(L=>typeof L=="number"?h.default().startOf("year").minute(Math.abs(L)):L,[]),o=m.useCallback(L=>L&&L.hour()*60+L.minute(),[]),[g,M]=m.useState(()=>A(C));m.useEffect(()=>{o(g)!==C&&M(A(C))},[C]);const j=typeof C=="number"&&C<0?-1:1;return I.jsx(SI.TimePicker,{ampm:!1,...w,value:g,slots:{actionBar:()=>null},onChange:L=>{M(L),s==null||s(L?(L.hour()*60+L.minute())*j:null)},slotProps:{...w.slotProps,textField:{...(O=w.slotProps)==null?void 0:O.textField,InputProps:{startAdornment:I.jsx(i.InputAdornment,{position:"start",children:I.jsxs(i.Button,{size:"small",color:"inherit",sx:{minWidth:0,p:0},onClick:L=>{L.stopPropagation(),s==null||s(typeof C=="number"?-C:null)},children:[I.jsx(i.Box,{component:"span",sx:{lineHeight:1},children:"UTC"}),j===-1?I.jsx(Y.Remove,{fontSize:"small"}):I.jsx(Y.Add,{fontSize:"small"})]})})}}}})}function cI(C){var s,w;switch(C.type){case void 0:case"string":case"number":case"language":case"select":return((s=C.value)==null?void 0:s.toString())??"";case"radio":return((w=C.value)==null?void 0:w.toString())??"";case"horoscope":{const{time:A,offset:o,location:g}=C.value??{};if(!A||!g)return"";let M=h.default(A);if(!M.isValid())return"";typeof o=="number"&&(M=M.utcOffset(o,!0)),M=M.tz(eI.default(g.latitude,g.longitude),!0);const j=new AI.Horoscope({origin:new AI.Origin({year:M.year(),month:M.month(),date:M.date(),hour:M.hour(),minute:M.minute(),second:M.second(),latitude:g.latitude,longitude:g.longitude})}),O={sun:"太阳",moon:"月亮",mercury:"水星",venus:"金星",mars:"火星",jupiter:"木星",saturn:"土星",uranus:"天王星",neptune:"海王星",pluto:"冥王星",chiron:"凯龙星",sirius:"天狼星",aries:"白羊座",taurus:"金牛座",gemini:"双子座",cancer:"巨蟹座",leo:"狮子座",virgo:"处女座",libra:"天秤座",scorpio:"天蝎座",sagittarius:"射手座",capricorn:"摩羯座",aquarius:"水瓶座",pisces:"双鱼座",ophiuchus:"蛇夫座",ascendant:"上升",midheaven:"中天",northnode:"北交",southnode:"南交"},L=j.CelestialBodies.all,e=j.Houses,y=L.filter(J=>!["chiron","sirius"].includes(J.key));return y.concat([j.CelestialPoints.northnode,j.Ascendant,j.Midheaven]).map(J=>`${O[J.key]}${O[J.Sign.key]}${J.isRetrograde?"(逆行)":""}`).concat(e.map(J=>`${J.id}宫${O[J.Sign.key]}`)).concat(y.concat(j.CelestialPoints.northnode).map(J=>`${O[J.key]}落入${J.House.id}宫`)).join("，")}default:throw new Error(`Unsupported parameter to string value ${C}`)}}function og({template:C,onSubmit:s}){var e;const{t:w}=X.useLocaleContext(),A=m.useMemo(()=>{let y={};return C.parameters&&typeof C.parameters=="object"&&(y=KC.default(C.parameters)),y},[C]),o=m.useMemo(()=>Object.keys(A),[A]),g=v.useAsync(()=>dI(),[]),M=u.useReactive({});m.useEffect(()=>{for(const[y,J]of Object.entries(A))M[y]??(M[y]=J.defaultValue)},[C]);const[j,O]=m.useState(),L=()=>{O(void 0);const y=N=>({string:S=>{let B=E.default.string();return S.required?B=B.required():B=B.allow(""),typeof S.minLength=="number"&&(B=B.min(S.minLength)),typeof S.maxLength=="number"&&(B=B.max(S.maxLength)),B},number:S=>{let B=E.default.number();return S.required&&(B=B.required()),typeof S.min=="number"&&(B=B.min(S.min)),typeof S.max=="number"&&(B=B.max(S.max)),B},select:S=>{let B=E.default.string();return S.required&&(B=B.required()),B},language:S=>{let B=E.default.string();return S.required&&(B=B.required()),B},horoscope:S=>{let B=E.default.object({time:E.default.string().required(),offset:E.default.number().integer(),location:E.default.object({id:E.default.alternatives().try(E.default.string(),E.default.number()).required(),latitude:E.default.number().required(),longitude:E.default.number().required(),name:E.default.string().required()}).required()});return S.required&&(B=B.required()),B},radio:S=>{let B=E.default.string();return S.required&&(B=B.required()),B}})[N.type||"string"](N),J=E.default.object(Object.fromEntries(o.map(N=>{const S=A[N];return[N,S?y(S):void 0]}))),{error:D,value:b}=J.validate(M,{allowUnknown:!0,abortEarly:!1});if(D){O(D);return}s(Object.fromEntries(Object.entries(b).map(([N,S])=>[N,cI({type:A[N].type,value:S})])))};return I.jsxs(wg,{component:"form",onSubmit:y=>y.preventDefault(),children:[I.jsx(i.Grid,{container:!0,spacing:2.5,children:o.map(y=>{const J=A[y]??{},D=j==null?void 0:j.details.find(b=>b.path[0]===y);return I.jsx(i.Grid,{item:!0,xs:12,children:I.jsx(PC,{fullWidth:!0,size:"small",label:J.label||y,parameter:J,error:!!D,helperText:(D==null?void 0:D.message)??J.helper,value:M[y]??"",onChange:b=>M[y]=b})},y)})}),I.jsx(i.Box,{flex:1}),I.jsx(i.Box,{className:"actions",children:I.jsx(i.Box,{my:3,textAlign:"center",children:g.loading?I.jsx(i.CircularProgress,{size:24}):I.jsx(i.Button,{className:"submit",type:"submit",variant:"contained",onClick:L,disabled:!((e=g.value)!=null&&e.available),children:w("ai.generate")})})})]})}const wg=Z.default(i.Box)`
   flex-grow: 1;
   display: flex;
   flex-direction: column;
@@ -227,7 +227,7 @@ ${C}`}).then(w=>w.text??"")}function VC(C){const s=u.useReactive({searching:!1,s
     color: #25292f;
     cursor: pointer;
   }
-`;function Sg({parameters:C,setParameters:s,setOpen:w,onSelect:A}){const{embed:o,customOutputChildren:g,template:M}=p(),j=()=>w(!1),O=()=>s(void 0),L=J=>{A(J),O(),j()},e=m.useMemo(()=>M&&C&&{parameters:C,template:M},[M,C]);if(!M)return null;const y=()=>g&&typeof g=="function"?g({embed:o,template:M,options:e,onClose:j,onFinish:L}):I.jsx(jg,{options:e,onFinish:L});return I.jsxs($,{open:!0,embed:o,onClose:j,sx:{zIndex:13002},children:[I.jsx(_.default,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:I.jsxs(i.Box,{display:"flex",alignItems:"center",ml:-2,children:[I.jsx(q.default,{onClick:j,sx:{mr:1},children:I.jsx(P.default,{})}),I.jsx(i.Box,{mt:.25,children:M.name})]})}),y()]})}function Bg({onSelect:C,onClose:s=()=>{}}){const{embed:w,template:A,setTemplate:o}=p(),[g,M]=m.useState(),[j,O]=m.useState(!1);if(!A)return null;const L=()=>{s(),o(void 0)},e=()=>j?I.jsx(Sg,{parameters:g,setParameters:M,setOpen:O,onSelect:C}):null;return I.jsxs(Lg,{children:[I.jsxs($,{open:!0,embed:w,onClose:L,children:[I.jsx(_.default,{children:I.jsx(x.default,{ml:-2,display:"flex",alignItems:"center",justifyContent:"space-between",children:I.jsxs(x.default,{display:"flex",alignItems:"center",children:[I.jsx(q.default,{onClick:L,sx:{mr:1},children:I.jsx(P.default,{})}),I.jsx(x.default,{mt:.25,children:A.name})]})})}),I.jsxs(x.default,{sx:{display:"flex",flexDirection:"column",flex:1,px:{xs:2,sm:3}},children:[I.jsx(yg,{sx:{mx:{xs:-2,sm:-3},p:{xs:2,sm:3}},children:I.jsxs(x.default,{display:"flex",alignItems:"center",children:[I.jsxs(x.default,{flex:1,children:[I.jsx(AI.default,{className:"title",variant:"h5",component:"div",children:A.name}),I.jsx(AI.default,{className:"subtitle",variant:"caption",children:A.description})]}),I.jsx(x.default,{fontSize:88,m:-1.25,display:"flex",children:I.jsx(R.Icon,{icon:A.icon??""})})]})}),I.jsx(og,{template:A,onSubmit:y=>{M(y),O(!0)}})]})]}),e()]})}const yg=Z.default(x.default)`
+`;function Sg({parameters:C,setParameters:s,setOpen:w,onSelect:A}){const{embed:o,customOutputChildren:g,template:M}=p(),j=()=>w(!1),O=()=>s(void 0),L=J=>{A(J),O(),j()},e=m.useMemo(()=>M&&C&&{parameters:C,template:M},[M,C]);if(!M)return null;const y=()=>g&&typeof g=="function"?g({embed:o,template:M,options:e,onClose:j,onFinish:L}):I.jsx(jg,{options:e,onFinish:L});return I.jsxs(II,{open:!0,embed:o,onClose:j,sx:{zIndex:13002},children:[I.jsx(q.default,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:I.jsxs(i.Box,{display:"flex",alignItems:"center",ml:-2,children:[I.jsx($.default,{onClick:j,sx:{mr:1},children:I.jsx(_.default,{})}),I.jsx(i.Box,{mt:.25,children:M.name})]})}),y()]})}function Bg({onSelect:C,onClose:s=()=>{}}){const{embed:w,template:A,setTemplate:o}=p(),[g,M]=m.useState(),[j,O]=m.useState(!1);if(!A)return null;const L=()=>{s(),o(void 0)},e=()=>j?I.jsx(Sg,{parameters:g,setParameters:M,setOpen:O,onSelect:C}):null;return I.jsxs(Lg,{children:[I.jsxs(II,{open:!0,embed:w,onClose:L,children:[I.jsx(q.default,{children:I.jsx(x.default,{ml:-2,display:"flex",alignItems:"center",justifyContent:"space-between",children:I.jsxs(x.default,{display:"flex",alignItems:"center",children:[I.jsx($.default,{onClick:L,sx:{mr:1},children:I.jsx(_.default,{})}),I.jsx(x.default,{mt:.25,children:A.name})]})})}),I.jsxs(x.default,{sx:{display:"flex",flexDirection:"column",flex:1,px:{xs:2,sm:3}},children:[I.jsx(yg,{sx:{mx:{xs:-2,sm:-3},p:{xs:2,sm:3}},children:I.jsxs(x.default,{display:"flex",alignItems:"center",children:[I.jsxs(x.default,{flex:1,children:[I.jsx(iI.default,{className:"title",variant:"h5",component:"div",children:A.name}),I.jsx(iI.default,{className:"subtitle",variant:"caption",children:A.description})]}),I.jsx(x.default,{fontSize:88,m:-1.25,display:"flex",children:I.jsx(R.Icon,{icon:A.icon??""})})]})}),I.jsx(og,{template:A,onSubmit:y=>{M(y),O(!0)}})]})]}),e()]})}const yg=Z.default(x.default)`
   background: #f6f2ff;
   margin-bottom: 20px;
 
@@ -277,11 +277,11 @@ ${C}`}).then(w=>w.text??"")}function VC(C){const s=u.useReactive({searching:!1,s
     -webkit-line-clamp: 2;
     overflow: hidden;
   }
-`;function bg(C){const s=m.useRef(null),w=m.useCallback(()=>{const o=s.current;if(!o)return;const g=o.getBoundingClientRect();g.bottom<=window.innerHeight+g.height},[C]),{run:A}=u.useThrottleFn(w,{wait:500});return m.useEffect(()=>(window.addEventListener("scroll",A),()=>window.removeEventListener("scroll",A)),[A]),{element:I.jsx("div",{ref:s}),checkReachBottom:A}}function Ng(){const{t:C}=X.useLocaleContext();return I.jsx(i.Box,{sx:{mt:10,textAlign:"center"},children:I.jsx(i.Box,{sx:{color:"text.secondary"},children:C("ai.list.noTemplatesInStudio")})})}function Kg({error:C}){const s=I.jsx("pre",{children:C.message});return I.jsxs(FC.default,{severity:"warning",children:[I.jsx(aC.default,{children:"Oops!"}),"AI Generate is not working properly.",s]})}const dg=OI.css`
+`;function bg(C){const s=m.useRef(null),w=m.useCallback(()=>{const o=s.current;if(!o)return;const g=o.getBoundingClientRect();g.bottom<=window.innerHeight+g.height},[C]),{run:A}=u.useThrottleFn(w,{wait:500});return m.useEffect(()=>(window.addEventListener("scroll",A),()=>window.removeEventListener("scroll",A)),[A]),{element:I.jsx("div",{ref:s}),checkReachBottom:A}}function Ng(){const{t:C}=X.useLocaleContext();return I.jsx(i.Box,{sx:{mt:10,textAlign:"center"},children:I.jsx(i.Box,{sx:{color:"text.secondary"},children:C("ai.list.noTemplatesInStudio")})})}function Kg({error:C}){const s=I.jsx("pre",{children:C.message});return I.jsxs(FC.default,{severity:"warning",children:[I.jsx(aC.default,{children:"Oops!"}),"AI Generate is not working properly.",s]})}const dg=mI.css`
   .MuiMenu-root {
     z-index: 13010 !important;
   }
-`;function cg({templates:C,api:s,onSelect:w,onClose:A=()=>{},customOutputChildren:o}){return I.jsxs(IC.ErrorBoundary,{FallbackComponent:Kg,children:[I.jsx(i.CssBaseline,{}),I.jsx(OI.Global,{styles:dg}),I.jsx(UC,{children:I.jsx(QC,{api:s,customOutputChildren:o,children:I.jsxs(JI.ToastProvider,{children:[I.jsx(Dg,{templates:C}),I.jsx(Bg,{onSelect:w,onClose:A})]})})})]})}function zg({templates:C}){const[s,w]=m.useState(),A=m.useCallback(()=>{w(void 0)},[]),o=m.useCallback(M=>{w({open:!0,onClose:A,onChange:M.onChange,customOutputChildren:M==null?void 0:M.customOutputChildren,...M})},[A]);return{dialog:m.useMemo(()=>{if(s){const{onChange:M,onClose:j,api:O,customOutputChildren:L,...e}=s;return I.jsxs($,{open:!0,disablePortal:!1,sx:{zIndex:13001},onClose:j,...e,children:[I.jsx(_.default,{children:I.jsx(x.default,{ml:-2,display:"flex",alignItems:"center",justifyContent:"space-between",children:I.jsx(x.default,{display:"flex",alignItems:"center",children:I.jsx(q.default,{onClick:j,sx:{mr:1},children:I.jsx(P.default,{})})})})}),I.jsx(x.default,{flex:1,p:"0px 24px 16px",children:I.jsx(cg,{api:O,templates:C,onSelect:y=>{M(y||""),A()},onClose:j,customOutputChildren:L})})]})}return null},[s,C]),onShowDialog:o,onCloseDialog:A}}function Fg({options:C,onFinish:s}){const{t:w}=X.useLocaleContext(),{api:A}=p(),[o,g]=m.useState([]),[M,j]=m.useState(),[O,L]=m.useState(!1),[e,y]=m.useState(-1),J=m.useRef([]),D=async()=>{if(!C)return;j(void 0);const{template:N,...S}=C;try{L(!0);const B=A?{template:N}:{};if(A){const c=await A({...S,...B});g(z=>c?Array.isArray(c)?iI.default([...c,...z]):typeof c=="string"?iI.default([...z,c]):[...z]:[...z])}}catch(B){throw j(B),B}finally{L(!1)}};u.useAsyncEffect(async()=>{await D()},[C]);const b=()=>{var N;return M?I.jsxs(i.Box,{width:240,height:240,m:"auto",mt:"100px",children:[I.jsx(Q,{src:zI},"error"),I.jsx(i.Box,{textAlign:"center",color:"#25292F",children:w("ai.output.errorMessage")}),I.jsx(i.Button,{size:"small",onClick:D,sx:{display:"block",margin:"0 auto"},children:w("common.retry")})]}):C&&O?I.jsx(i.Box,{width:240,height:240,m:"auto",mt:"100px",children:I.jsx(Q,{src:FI},"loading")}):o&&Array.isArray(o)&&o.length>0?I.jsxs(I.Fragment,{children:[I.jsxs(i.Box,{flexGrow:1,sx:{height:0,overflow:"hidden",margin:"0 24px",display:"flex",gap:1},children:[I.jsxs(i.Box,{flex:1,sx:{bgcolor:"grey.200",borderRadius:1},children:[I.jsx(i.Box,{component:"h3",sx:{margin:"8px"},children:w("ai.text.original")}),I.jsx(i.Box,{p:1,children:(N=C==null?void 0:C.parameters)==null?void 0:N.theme})]}),I.jsxs(i.Box,{flex:1,sx:{borderColor:"grey.200",borderStyle:"dotted",borderRadius:1,overflow:"hidden",display:"flex",flexDirection:"column"},children:[I.jsx(i.Box,{component:"h3",sx:{margin:"8px"},children:w("ai.text.improve")}),I.jsx(i.Box,{flex:1,p:1,sx:{display:"flex",flexDirection:"column",gap:1,overflow:"auto"},children:o.map((S,B)=>I.jsx(yI.default.Fragment,{children:I.jsx(lg,{ref:c=>{J.current[B]=c},text:S,selected:e===B,onClick:()=>y(B)})},`${S}-${B}`))})]})]}),I.jsxs(i.Stack,{direction:"row",sx:{alignSelf:"end",gap:1,m:2},children:[I.jsx(i.Button,{size:"small",disabled:O,onClick:D,children:w("common.retry")}),I.jsx(i.Button,{size:"small",color:"primary",variant:"contained",disabled:e===-1||O,onClick:()=>{const S=J.current[e];s(S?(S==null?void 0:S.value)||"  ":o[e]||"")},children:w("common.confirmDialogTitle")})]})]}):I.jsx(i.Box,{width:300,height:300,m:"auto",mt:"100px",children:I.jsx(Q,{src:aI},"welcome")})};return I.jsx(ag,{children:b()})}const ag=Z.default(i.Box)`
+`;function cg({templates:C,api:s,onSelect:w,onClose:A=()=>{},customOutputChildren:o}){return I.jsxs(IC.ErrorBoundary,{FallbackComponent:Kg,children:[I.jsx(i.CssBaseline,{}),I.jsx(mI.Global,{styles:dg}),I.jsx(UC,{children:I.jsx(QC,{api:s,customOutputChildren:o,children:I.jsxs(OI.ToastProvider,{children:[I.jsx(Dg,{templates:C}),I.jsx(Bg,{onSelect:w,onClose:A})]})})})]})}function zg({templates:C}){const[s,w]=m.useState(),A=m.useCallback(()=>{w(void 0)},[]),o=m.useCallback(M=>{w({open:!0,onClose:A,onChange:M.onChange,customOutputChildren:M==null?void 0:M.customOutputChildren,...M})},[A]);return{dialog:m.useMemo(()=>{if(s){const{onChange:M,onClose:j,api:O,customOutputChildren:L,...e}=s;return I.jsxs(II,{open:!0,disablePortal:!1,sx:{zIndex:13001},onClose:j,...e,children:[I.jsx(q.default,{children:I.jsx(x.default,{ml:-2,display:"flex",alignItems:"center",justifyContent:"space-between",children:I.jsx(x.default,{display:"flex",alignItems:"center",children:I.jsx($.default,{onClick:j,sx:{mr:1},children:I.jsx(_.default,{})})})})}),I.jsx(x.default,{flex:1,p:"0px 24px 16px",children:I.jsx(cg,{api:O,templates:C,onSelect:y=>{M(y||""),A()},onClose:j,customOutputChildren:L})})]})}return null},[s,C]),onShowDialog:o,onCloseDialog:A}}function Fg({options:C,onFinish:s}){const{t:w}=X.useLocaleContext(),{api:A}=p(),[o,g]=m.useState([]),[M,j]=m.useState(),[O,L]=m.useState(!1),[e,y]=m.useState(-1),J=m.useRef([]),D=async()=>{if(!C)return;j(void 0);const{template:N,...S}=C;try{L(!0);const B=A?{template:N}:{};if(A){const c=await A({...S,...B});g(z=>c?Array.isArray(c)?sI.default([...c,...z]):typeof c=="string"?sI.default([...z,c]):[...z]:[...z])}}catch(B){throw j(B),B}finally{L(!1)}};u.useAsyncEffect(async()=>{await D()},[C]);const b=()=>{var N;return M?I.jsxs(i.Box,{width:240,height:240,m:"auto",mt:"100px",children:[I.jsx(Q,{src:zI},"error"),I.jsx(i.Box,{textAlign:"center",color:"#25292F",children:w("ai.output.errorMessage")}),I.jsx(i.Button,{size:"small",onClick:D,sx:{display:"block",margin:"0 auto"},children:w("common.retry")})]}):C&&O?I.jsx(i.Box,{width:240,height:240,m:"auto",mt:"100px",children:I.jsx(Q,{src:FI},"loading")}):o&&Array.isArray(o)&&o.length>0?I.jsxs(I.Fragment,{children:[I.jsxs(i.Box,{flexGrow:1,sx:{height:0,overflow:"hidden",margin:"0 24px",display:"flex",gap:1},children:[I.jsxs(i.Box,{flex:1,sx:{bgcolor:"grey.200",borderRadius:1},children:[I.jsx(i.Box,{component:"h3",sx:{margin:"8px"},children:w("ai.text.original")}),I.jsx(i.Box,{p:1,children:(N=C==null?void 0:C.parameters)==null?void 0:N.theme})]}),I.jsxs(i.Box,{flex:1,sx:{borderColor:"grey.200",borderStyle:"dotted",borderRadius:1,overflow:"hidden",display:"flex",flexDirection:"column"},children:[I.jsx(i.Box,{component:"h3",sx:{margin:"8px"},children:w("ai.text.improve")}),I.jsx(i.Box,{flex:1,p:1,sx:{display:"flex",flexDirection:"column",gap:1,overflow:"auto"},children:o.map((S,B)=>I.jsx(yI.default.Fragment,{children:I.jsx(lg,{ref:c=>{J.current[B]=c},text:S,selected:e===B,onClick:()=>y(B)})},`${S}-${B}`))})]})]}),I.jsxs(i.Stack,{direction:"row",sx:{alignSelf:"end",gap:1,m:2},children:[I.jsx(i.Button,{size:"small",disabled:O,onClick:D,children:w("common.retry")}),I.jsx(i.Button,{size:"small",color:"primary",variant:"contained",disabled:e===-1||O,onClick:()=>{const S=J.current[e];s(S?(S==null?void 0:S.value)||"  ":o[e]||"")},children:w("common.confirmDialogTitle")})]})]}):I.jsx(i.Box,{width:300,height:300,m:"auto",mt:"100px",children:I.jsx(Q,{src:aI},"welcome")})};return I.jsx(ag,{children:b()})}const ag=Z.default(i.Box)`
   display: flex;
   flex-direction: column;
   flex: 1;
@@ -334,7 +334,7 @@ ${C}`}).then(w=>w.text??"")}function VC(C){const s=u.useReactive({searching:!1,s
       margin: auto;
     }
   }
-`;function ng(){const[C,s]=m.useState(),w=m.useMemo(()=>C?I.jsx(i.Menu,{...C}):null,[C]),A=m.useCallback(()=>{s(void 0)},[]),o=m.useCallback(g=>{s({...g,open:!0,onClose:g.onClose??A,onClick:A})},[A]);return{menu:w,showMenu:o,closeMenu:A}}let oI;function Xg({locale:C,locales:s,path:w,children:A,onChange:o,value:g}){var B;const M=!!KI("ai-kit"),j=v.useAsync(()=>(oI??(oI=M?dI():Promise.resolve({available:!1})),oI),[M]),{t:O}=X.useLocaleContext(),{menu:L,showMenu:e}=ng(),{state:{supportedLocales:y}}=H.useStore(),[J,D]=m.useState(!1),b=y.filter(c=>c.locale!==C).map(c=>{var T,W;const z=(W=(T=nC.default(s[c.locale],w))==null?void 0:T.trim)==null?void 0:W.call(T);return typeof z!="string"||!z?null:{locale:c.locale,language:c.name,text:z}}).filter(r.nonNullable);if(!M)return I.jsx(wI,{children:A});const N=!b.length&&!g,S=[g?{locale:C,language:O("translate.localInput"),text:g}:null,...b].filter(r.nonNullable);return I.jsxs(wI,{children:[I.jsxs(i.IconButton,{disabled:N||!((B=j.value)!=null&&B.available),className:yC.cx("language-button",(!!L||J)&&"active"),size:"small",onClick:c=>e({anchorEl:c.currentTarget,anchorOrigin:{horizontal:"right",vertical:"bottom"},transformOrigin:{horizontal:"right",vertical:"top"},sx:{maxWidth:400},children:S.map(z=>I.jsx(i.MenuItem,{onClick:async()=>{var T,W;D(!0);try{await GC({text:z.text,language:C}).then(d=>{o&&typeof o=="function"?o(d):XC.default(s[C],w,d)})}catch(d){throw DI.default.error(((W=(T=d.response)==null?void 0:T.data)==null?void 0:W.message)||d.message),d}finally{D(!1)}},children:I.jsx(i.ListItemText,{primary:`${O("maker.properties.translateFrom")} ${z.language}`,secondary:z.text,primaryTypographyProps:{noWrap:!0,textOverflow:"ellipsis"},secondaryTypographyProps:{noWrap:!0,textOverflow:"ellipsis"}})},z.locale))}),children:[I.jsx(Y.Language,{fontSize:"small"}),J&&I.jsx(i.CircularProgress,{size:22})]}),L,A]})}const wI=f.styled(i.Box)`
+`;function ng(){const[C,s]=m.useState(),w=m.useMemo(()=>C?I.jsx(i.Menu,{...C}):null,[C]),A=m.useCallback(()=>{s(void 0)},[]),o=m.useCallback(g=>{s({...g,open:!0,onClose:g.onClose??A,onClick:A})},[A]);return{menu:w,showMenu:o,closeMenu:A}}let wI;function Xg({locale:C,locales:s,path:w,children:A,onChange:o,value:g}){var B;const M=!!KI("ai-kit"),j=v.useAsync(()=>(wI??(wI=M?dI():Promise.resolve({available:!1})),wI),[M]),{t:O}=X.useLocaleContext(),{menu:L,showMenu:e}=ng(),{state:{supportedLocales:y}}=H.useStore(),[J,D]=m.useState(!1),b=y.filter(c=>c.locale!==C).map(c=>{var T,W;const z=(W=(T=nC.default(s[c.locale],w))==null?void 0:T.trim)==null?void 0:W.call(T);return typeof z!="string"||!z?null:{locale:c.locale,language:c.name,text:z}}).filter(r.nonNullable);if(!M)return I.jsx(MI,{children:A});const N=!b.length&&!g,S=[g?{locale:C,language:O("translate.localInput"),text:g}:null,...b].filter(r.nonNullable);return I.jsxs(MI,{children:[I.jsxs(i.IconButton,{disabled:N||!((B=j.value)!=null&&B.available),className:yC.cx("language-button",(!!L||J)&&"active"),size:"small",onClick:c=>e({anchorEl:c.currentTarget,anchorOrigin:{horizontal:"right",vertical:"bottom"},transformOrigin:{horizontal:"right",vertical:"top"},sx:{maxWidth:400},children:S.map(z=>I.jsx(i.MenuItem,{onClick:async()=>{var T,W;D(!0);try{await GC({text:z.text,language:C}).then(d=>{o&&typeof o=="function"?o(d):XC.default(s[C],w,d)})}catch(d){throw DI.default.error(((W=(T=d.response)==null?void 0:T.data)==null?void 0:W.message)||d.message),d}finally{D(!1)}},children:I.jsx(i.ListItemText,{primary:`${O("maker.properties.translateFrom")} ${z.language}`,secondary:z.text,primaryTypographyProps:{noWrap:!0,textOverflow:"ellipsis"},secondaryTypographyProps:{noWrap:!0,textOverflow:"ellipsis"}})},z.locale))}),children:[I.jsx(Y.Language,{fontSize:"small"}),J&&I.jsx(i.CircularProgress,{size:22})]}),L,A]})}const MI=f.styled(i.Box)`
   > .language-button {
     display: none;
     z-index: 1;
@@ -375,4 +375,4 @@ ${C}`}).then(w=>w.text??"")}function VC(C){const s=u.useReactive({searching:!1,s
       display: inline-flex;
     }
   }
-`,Wg="primary",xg="contained",MI={id:H.nextId(),color:Wg,variant:xg,text:"",link:"",icon:"",size:"medium"};function Yg({children:C}){return C}const rg=m.forwardRef(function({locale:s,locales:w,onSave:A=()=>{}},o){const{t:g}=X.useLocaleContext(),[M,{setFalse:j,setTrue:O}]=u.useBoolean(!1),[L,e]=m.useState({...MI}),[y,J]=m.useState(-1),D=m.useCallback(()=>{j()},[j]);m.useImperativeHandle(o,()=>({open(S,B){e(a.produce(L,c=>{Object.assign(c,{...MI},{...S,link:(S==null?void 0:S.link)||(S==null?void 0:S.linkId)})})),O(),J(B===void 0?-1:B)},close(){D()}}));const b=()=>{A(L,D)},N=y>-1?lI:Yg;return I.jsxs(i.Dialog,{open:M,onClose:D,children:[I.jsx(i.DialogTitle,{children:g("maker.properties.button")}),I.jsxs(i.DialogContent,{sx:{width:350},children:[I.jsx(i.Box,{my:2,children:I.jsx(rC,{value:L.icon||"",onChange:S=>{e(a.produce(L,B=>{B.icon=S}))}})}),I.jsx(i.Box,{my:2,children:I.jsx(N,{locale:s,locales:w,path:["actions",y,"text"],value:L.text,onChange:S=>{y>-1&&typeof S=="string"&&e(a.produce(L,B=>{B.text=S}))},children:I.jsx(U.ConfigString,{label:g("maker.properties.title"),value:L.text,onChange:S=>{e(a.produce(L,B=>{B.text=S}))}})})}),I.jsx(i.Box,{my:2,children:I.jsx(G,{label:g("maker.properties.color"),options:[{value:"primary",title:"Primary"},{value:"secondary",title:"Secondary"},{value:"info",title:"Info"},{value:"success",title:"Success"},{value:"warning",title:"Warning"},{value:"error",title:"Error"}],value:L.color||"",onChange:S=>{e(a.produce(L,B=>{B.color=S}))}})}),I.jsx(i.Box,{my:2,children:I.jsx(G,{label:g("maker.properties.variant"),options:[{value:"contained",title:"Contained"},{value:"outlined",title:"Outlined"}],value:L.variant||"",onChange:S=>{e(a.produce(L,B=>{B.variant=S}))}})}),I.jsx(i.Box,{my:2,children:I.jsx(G,{label:g("maker.properties.size"),options:[{value:"large",title:"Large"},{value:"medium",title:"Medium"},{value:"small",title:"Small"}],value:L.size||"",onChange:S=>{e(a.produce(L,B=>{B.size=S}))}})}),I.jsx(i.Box,{my:2,children:I.jsx(bI,{label:g("maker.properties.link"),value:L.link,onChange:S=>{e(a.produce(L,B=>{B.link=S}))}})})]}),I.jsxs(i.DialogActions,{children:[I.jsx(i.Button,{variant:"outlined",size:"small",onClick:D,children:g("common.cancel")}),I.jsx(i.Button,{variant:"contained",size:"small",onClick:b,children:g("maker.save")})]})]})});function hg({value:C,locale:s,locales:w,onChange:A=()=>{}}){var J;const o=m.useRef(null),{t:g}=X.useLocaleContext(),M=u.useReactive({actionIndex:void 0}),j=()=>{var D;M.actionIndex=void 0,(D=o.current)==null||D.open({id:H.nextId()},-1)},O=D=>{var N;const b=C==null?void 0:C.findIndex(S=>S===D);M.actionIndex=b,(N=o.current)==null||N.open(D,b===void 0?-1:b)},L=D=>{A(a.produce(C,b=>{b.splice(D,1)}))},e=(D,b)=>{A(a.produce(C,N=>{N&&M.actionIndex!==void 0?Object.assign(N[M.actionIndex],D):N.push(D)})),b()},y=(D,b)=>{A(a.produce(C,N=>{N.splice(b,0,...N.splice(N.findIndex(S=>S.id===D),1))}))};return I.jsxs(I.Fragment,{children:[I.jsxs(xC,{label:g("maker.properties.buttons"),children:[I.jsx(i.ThemeProvider,{theme:pI.pagesTheme,children:(J=C.map)==null?void 0:J.call(C,(D,b)=>I.jsx(TC,{dragType:"SECTION_ACTION_DND_TYPE",dropType:"SECTION_ACTION_DND_TYPE",id:D.id,index:b,title:I.jsx(r.Action,{...D,size:"small",editing:!0}),move:(N,S)=>y(N,S),actions:I.jsxs(I.Fragment,{children:[I.jsx(i.Box,{mr:.35,onClick:()=>A(a.produce(C,N=>{N.splice(b+1,0,{...D,id:H.nextId()})})),children:I.jsx(Y.CopyAll,{})}),I.jsx(i.Box,{mr:.35,onClick:()=>O(D),children:I.jsx(Y.Settings,{})}),I.jsx(i.Box,{onClick:()=>L(b),children:I.jsx(Y.Delete,{})})]})},D.id))}),I.jsxs(i.Button,{onClick:j,startIcon:I.jsx(Y.Add,{}),fullWidth:!0,children:[g("common.add")," ",g("maker.properties.button")]})]}),I.jsx(rg,{ref:o,onSave:e,locale:s,locales:w})]})}const LI={align:"left",actions:[],title:"",description:"",icon:"",image:"",link:""};function Zg({children:C}){return C}m.forwardRef(function({onSave:s=()=>{},type:w,locale:A,locales:o},g){const{t:M}=X.useLocaleContext(),[j,{setFalse:O,setTrue:L}]=u.useBoolean(!1),e=u.useUpdate(),y=m.useRef({...LI,id:H.nextId()}),J=y.current,D=m.useCallback(d=>{y.current=typeof d=="function"?d(y.current):d,e()},[]),b=m.useCallback(()=>{O()},[O]),[N,S]=m.useState(-1);m.useImperativeHandle(g,()=>({open(d={},t=-1){D(a.produce(J,K=>{Object.assign(K,{...LI},d||{},{})})),L(),S(t===void 0?-1:t)},close(){b()}}));const[B,c]=m.useState(!1),z=m.useRef(null),T=async()=>{var d;try{c(!0),await((d=z.current)==null?void 0:d.submit()),s(y.current,b)}finally{c(!1)}},W=N>-1?lI:Zg;return I.jsxs(i.Dialog,{open:j,onClose:b,disableEnforceFocus:!0,children:[I.jsx(i.DialogTitle,{children:M("section.card.title")}),I.jsx(i.DialogContent,{sx:{width:500},children:I.jsxs(i.Box,{children:[I.jsx(i.Box,{my:2,children:I.jsx(W,{locale:A,locales:o,path:["list",N,"title"],value:J.title,onChange:d=>{N>-1&&typeof d=="string"&&D(a.produce(J,t=>{t.title=d}))},children:I.jsx(U.ConfigString,{label:M("maker.properties.title"),value:J.title,onChange:d=>{D(a.produce(J,t=>{t.title=d}))}})})}),I.jsx(i.Box,{my:2,children:I.jsx(W,{locale:A,locales:o,path:["list",N,"description"],value:J.description,onChange:d=>{N>-1&&typeof d=="string"&&D(a.produce(J,t=>{t.description=d}))},children:I.jsx(U.ConfigString,{label:M("maker.properties.description"),multiline:!0,minRows:3,value:J.description,onChange:d=>{D(a.produce(J,t=>{t.description=d}))}})})}),I.jsx(i.Box,{my:2,children:I.jsx(bI,{label:M("maker.properties.link"),value:J.link,onChange:d=>{D(a.produce(J,t=>{t.link=d}))}})}),I.jsx(i.Box,{my:2,children:I.jsx(U.ConfigString,{ref:z,label:M("maker.properties.image"),value:J.image,onChange:(d,t)=>{D(a.produce(J,K=>{K.image=d,K.imageMeta=t}))},showUploader:!0})}),w!=="simple"&&I.jsx(hg,{value:J.actions||[],onChange:d=>{D(a.produce(J,t=>{t.actions=d}))},locale:A,locales:o})]})}),I.jsxs(i.DialogActions,{children:[I.jsx(i.Button,{variant:"outlined",size:"small",onClick:b,children:M("common.cancel")}),I.jsx(RI.LoadingButton,{loading:B,variant:"contained",size:"small",onClick:T,children:M("maker.save")})]})]})});const Qg={type:"default",title:"Section CardList",description:"This is Section CardList",center:!0,dark:!1,background:"",col:3,gap:2,align:"top",textAlign:"left",iconSize:100,padding:"normal",list:[{id:H.nextId(),title:"Simplified Service Delivery",description:"Block Server's Service Gateway makes networking easy with access to load balancing, SSL termination, automatic and customizable URL mapping, and redirects.",image:"https://www.arcblock.io/static/ead0cabde7f2b7ff34db8f3e8ceca271/afc4b/builder.png"}]};function kg({componentId:C,locale:s,components:w}){const{state:{config:{defaultLocale:A}},localState:{customComponentPreviewerProperties:o}}=H.useStore(),g=H.useAllComponents();return I.jsx(bC.CustomComponentRenderer,{componentId:C,locale:s,dev:{mode:"draft",components:w||g,defaultLocale:A},properties:o})}const jI=260,Rg=5,tI="IGNORE_RENDER_BLOCKLET_TITLE",V=(C,s)=>C?Object.entries(C).map(([w,A])=>{var o,g,M;return{id:w,component:w,name:((o=A==null?void 0:A.data)==null?void 0:o.name)||((g=A==null?void 0:A.component)==null?void 0:g.name)||w,properties:(A==null?void 0:A.data)||A.component,previewImage:((M=A==null?void 0:A.data)==null?void 0:M.previewImage)||null,type:s,blockletId:A==null?void 0:A.blockletId,blockletTitle:A==null?void 0:A.blockletTitle}}):[],HI=[{id:"section",name:"Section",properties:r.SectionBlockDefaultProps},{id:"section-card-list",name:"SectionCardList",properties:Qg},{id:"toc",name:"Toc",properties:r.TocDefaultProps},{id:"iframe",name:"Embed",properties:r.IFrameBlockDefaultProps}].map(C=>({...C,type:"basic",component:C.id}));function EI({state:C,open:s,onClose:w,onSelect:A,defaultTab:o,title:g,componentGroups:M,components:j,multiple:O=!1,defaultSelected:L,emptyText:e}){var t;const{t:y}=X.useLocaleContext(),J=u.useReactive({selectedComponent:null,activeTab:o,searchQuery:""}),D=m.useMemo(()=>M||[{name:"basic",label:y("maker.components.basicGroup"),components:HI},C&&{name:"custom",label:y("maker.components.customGroup"),components:V(H.getCustomComponents(C),"custom")},C&&{name:"resource",label:y("maker.components.resourceGroup"),components:V(H.getResourceComponents(C),"resource")}].filter(Boolean),[M,y,C,s]),b=J.activeTab||((t=D[0])==null?void 0:t.name),N=()=>{J.selectedComponent&&(A(J.selectedComponent),w())},S=K=>{if(K){if(B(K)){O?J.selectedComponent=J.selectedComponent.filter(l=>l.id!==K.id):J.selectedComponent=null;return}if(O){const l=Array.isArray(J.selectedComponent)?J.selectedComponent:[],n=l.some(k=>k.id===K.id);J.selectedComponent=n?l.filter(k=>k.id!==K.id):[...l,K]}else J.selectedComponent=K}},B=K=>J.selectedComponent?O?J.selectedComponent.some(l=>l.id===K.id):J.selectedComponent.id===K.id:!1,c=(D==null?void 0:D.length)===0,z=m.useMemo(()=>{var l;const K=((l=D.find(n=>(n==null?void 0:n.name)===b))==null?void 0:l.components)||[];return J.searchQuery?K.filter(n=>n.name.toLowerCase().includes(J.searchQuery.toLowerCase())):K},[b,D,J.searchQuery]);m.useEffect(()=>{J.searchQuery="",s&&L?J.selectedComponent=O?Array.isArray(L)?L:[L]:L:J.selectedComponent=null},[s,L,O]);const T=(z==null?void 0:z.length)===0,W=e||y(b==="resource"?"maker.components.needAddResource":"maker.components.noComponents"),d=m.useMemo(()=>z?z.reduce((K,l)=>{const n=l.blockletId||tI,k=l.blockletTitle||y("maker.components.defaultGroup");return K[n]||(K[n]={title:k,components:[]}),K[n].components.push(l),K},{}):{},[z]);return I.jsxs(i.Dialog,{open:s,onClose:w,maxWidth:"lg",fullWidth:!0,PaperProps:{sx:{height:"80vh",maxHeight:"80vh",display:"flex",flexDirection:"column"}},children:[I.jsxs(i.DialogTitle,{className:"between",sx:{display:"flex",gap:2},children:[I.jsx(i.Box,{children:g||y("maker.components.addComponent")}),I.jsx(i.TextField,{size:"small",placeholder:y("maker.components.searchComponent"),value:J.searchQuery,onChange:K=>J.searchQuery=K.target.value,sx:{flex:1,maxWidth:350},InputProps:{startAdornment:I.jsx(R.Icon,{icon:"tabler:search",style:{marginRight:8,color:"rgba(0, 0, 0, 0.54)"}})}}),I.jsx(i.IconButton,{size:"small",onClick:w,children:I.jsx(R.Icon,{icon:"tabler:x"})})]}),I.jsxs(i.DialogContent,{sx:{display:"flex",gap:2,pl:"8px !important",flex:1,overflow:"hidden"},children:[!c&&I.jsx(i.Box,{sx:{width:150,borderRight:1,borderColor:"divider"},children:I.jsx(i.Tabs,{orientation:"vertical",value:b,onChange:(K,l)=>J.activeTab=l,sx:{"& .MuiTab-root":{alignItems:"flex-start",textAlign:"left",minHeight:48,py:1.5,px:2}},children:D.map((K,l)=>I.jsx(i.Tab,{label:K==null?void 0:K.label,value:K==null?void 0:K.name},l))})}),I.jsx(i.Box,{sx:{flex:1,overflowX:"hidden",overflowY:"auto",pr:1},children:T?I.jsx(BI.default,{children:W}):I.jsx(nI,{wrapperComponent:i.Grid,wrapperComponentProps:{container:!0,spacing:2,sx:T?{height:"100%"}:{}},groups:d,emptyText:W,renderItem:K=>{const l=B(K);return I.jsx(i.Grid,{item:!0,xs:12,md:6,lg:4,sx:{width:"100%","& .add-component-card":{boxShadow:"none",border:1,borderColor:l?"primary.main":"grey.200","& .check-container":{display:l?"flex":"none",position:"absolute",right:0,bottom:0,justifyContent:"flex-end",alignItems:"flex-end",width:30,height:30,overflow:"hidden",transition:"all 0.3s ease",color:"white","&::after":{position:"absolute",zIndex:0,display:"block",width:0,height:0,borderTop:"transparent solid 15px",borderLeft:"transparent solid 15px",borderBottom:n=>`solid 15px ${n.palette.primary.main}`,borderRight:n=>`solid 15px ${n.palette.primary.main}`,transition:"all 0.1s ease",content:'""'},"& .check-icon":{position:"relative",zIndex:2,margin:"0 1px 1px 0",fontSize:16,transition:"all 0.2s ease"}}}},children:I.jsxs(i.Card,{className:"add-component-card",sx:{position:"relative",width:"100%",cursor:"pointer"},onClick:()=>S(K),children:[I.jsx(i.CardMedia,{sx:{width:"100%",height:jI,overflow:"auto",position:"relative"},children:I.jsx(uI,{components:j,containerHeight:jI,component:K},K.id)}),I.jsx(i.CardContent,{sx:{bgcolor:"background.paper",borderTop:1,borderColor:l?"primary.main":"grey.200"},children:I.jsx(i.Typography,{variant:"body1",noWrap:!0,sx:{fontWeight:"bold"},children:K.name})}),I.jsx(i.Box,{className:"check-container",children:I.jsx(NC.default,{className:"check-icon"})})]})},K.id)}})})]}),I.jsxs(i.DialogActions,{sx:{borderTop:1,borderColor:"divider",p:2},children:[I.jsx(i.Button,{onClick:w,variant:"outlined",children:y("common.cancel")}),I.jsx(i.Button,{onClick:N,variant:"contained",disabled:!J.selectedComponent||O&&Array.isArray(J.selectedComponent)&&J.selectedComponent.length===0,children:O&&Array.isArray(J.selectedComponent)&&J.selectedComponent.length>0?y("common.addMultiple",{count:J.selectedComponent.length}):y("common.add")})]})]})}function uI({containerHeight:C,component:s,minScale:w=.1,components:A}){const{locale:o}=X.useLocaleContext(),g=u.useReactive({scale:1,shouldScroll:!1,isVisible:!1,hadInit:!1}),M=m.useRef(null),j=m.useRef(null),O=m.useRef(0),L=m.useRef(null);m.useEffect(()=>{const S=new IntersectionObserver(([B])=>{g.isVisible=B.isIntersecting},{root:null,rootMargin:"50px",threshold:0});return j.current&&S.observe(j.current),()=>S.disconnect()},[]),m.useEffect(()=>{const S=()=>{if(O.current+=1,O.current>Rg){B.disconnect();return}if(!s.previewImage&&M.current){const c=M.current.scrollHeight,z=C/c;z<w?(g.scale=w,g.shouldScroll=!0):z<1?(g.scale=z,g.shouldScroll=!1):(g.scale=1,g.shouldScroll=!1)}L.current&&clearTimeout(L.current),L.current=setTimeout(()=>{g.hadInit=!0},200)},B=new ResizeObserver(()=>{setTimeout(S,20)});return M.current&&g.isVisible&&B.observe(M.current),()=>{B.disconnect()}},[C,w,g.isVisible,s]);const{id:e,type:y,component:J,properties:D,previewImage:b}=s,N=m.useMemo(()=>g.isVisible?b?I.jsx(i.Box,{component:"img",loading:"lazy",sx:{objectFit:"cover",borderRadius:1,cursor:"pointer"},src:H.getImageAbsoluteUrl(b),alt:s.name,width:"100%",height:"100%"},e):y==="basic"?I.jsx(r.BlockRenderer,{id:e,type:J,section:D,config:{...D,locale:o,editing:!1,dev:{mode:"draft"}}},e):I.jsx(kg,{componentId:e,locale:o,components:A},e):null,[e,y,J,D,o,b,g.isVisible]);return I.jsx(i.Box,{ref:j,sx:{position:"relative",width:"100%",height:"100%",overflowX:"hidden",overflowY:g.shouldScroll?"auto":"hidden",transition:"all 0.3s ease"},children:I.jsxs(i.Box,{sx:{transform:`scale(${g.scale})`,transformOrigin:"top left",width:`${100/g.scale}%`,height:g.hadInit&&g.shouldScroll?"100%":`${100/g.scale}%`},children:[!g.hadInit&&I.jsx(i.Skeleton,{variant:"rectangular",width:"100%",height:"100%"}),I.jsx(i.Box,{ref:M,sx:{width:"100%",height:b?"100%":"auto",pointerEvents:"none",opacity:g.hadInit?1:0},children:N})]})})}function nI({groups:C,emptyText:s,renderItem:w,wrapperComponent:A=i.Box,wrapperComponentProps:o={display:"inline-flex",flexWrap:"wrap",gap:1}}){return I.jsx(i.Box,{children:Object.keys(C).length>0?Object.entries(C).map(([g,{title:M,components:j}])=>I.jsxs(i.Box,{mb:3,children:[g!==tI&&I.jsxs(i.Typography,{className:"blocklet-title",variant:"subtitle2",sx:{mb:2,fontWeight:500,color:"text.primary",display:"flex",alignItems:"center",gap:1},children:[I.jsx(i.Box,{component:"span",sx:{width:4,height:20,backgroundColor:"primary.main",borderRadius:1,display:"inline-block"}}),M]}),I.jsx(A,{...o,children:j.map(O=>w(O))})]},g)):I.jsx(BI.default,{children:s})})}exports.AddComponent=EI;exports.AutoScaledComponentRenderer=uI;exports.BASIC_COMPONENT_LIST=HI;exports.GroupedComponentsList=nI;exports.default=EI;exports.formatComponent=V;
+`,Wg="primary",xg="contained",LI={id:H.nextId(),color:Wg,variant:xg,text:"",link:"",icon:"",size:"medium"};function Yg({children:C}){return C}const rg=m.forwardRef(function({locale:s,locales:w,onSave:A=()=>{}},o){const{t:g}=X.useLocaleContext(),[M,{setFalse:j,setTrue:O}]=u.useBoolean(!1),[L,e]=m.useState({...LI}),[y,J]=m.useState(-1),D=m.useCallback(()=>{j()},[j]);m.useImperativeHandle(o,()=>({open(S,B){e(a.produce(L,c=>{Object.assign(c,{...LI},{...S,link:(S==null?void 0:S.link)||(S==null?void 0:S.linkId)})})),O(),J(B===void 0?-1:B)},close(){D()}}));const b=()=>{A(L,D)},N=y>-1?lI:Yg;return I.jsxs(i.Dialog,{open:M,onClose:D,children:[I.jsx(i.DialogTitle,{children:g("maker.properties.button")}),I.jsxs(i.DialogContent,{sx:{width:350},children:[I.jsx(i.Box,{my:2,children:I.jsx(rC,{value:L.icon||"",onChange:S=>{e(a.produce(L,B=>{B.icon=S}))}})}),I.jsx(i.Box,{my:2,children:I.jsx(N,{locale:s,locales:w,path:["actions",y,"text"],value:L.text,onChange:S=>{y>-1&&typeof S=="string"&&e(a.produce(L,B=>{B.text=S}))},children:I.jsx(U.ConfigString,{label:g("maker.properties.title"),value:L.text,onChange:S=>{e(a.produce(L,B=>{B.text=S}))}})})}),I.jsx(i.Box,{my:2,children:I.jsx(G,{label:g("maker.properties.color"),options:[{value:"primary",title:"Primary"},{value:"secondary",title:"Secondary"},{value:"info",title:"Info"},{value:"success",title:"Success"},{value:"warning",title:"Warning"},{value:"error",title:"Error"}],value:L.color||"",onChange:S=>{e(a.produce(L,B=>{B.color=S}))}})}),I.jsx(i.Box,{my:2,children:I.jsx(G,{label:g("maker.properties.variant"),options:[{value:"contained",title:"Contained"},{value:"outlined",title:"Outlined"}],value:L.variant||"",onChange:S=>{e(a.produce(L,B=>{B.variant=S}))}})}),I.jsx(i.Box,{my:2,children:I.jsx(G,{label:g("maker.properties.size"),options:[{value:"large",title:"Large"},{value:"medium",title:"Medium"},{value:"small",title:"Small"}],value:L.size||"",onChange:S=>{e(a.produce(L,B=>{B.size=S}))}})}),I.jsx(i.Box,{my:2,children:I.jsx(bI,{label:g("maker.properties.link"),value:L.link,onChange:S=>{e(a.produce(L,B=>{B.link=S}))}})})]}),I.jsxs(i.DialogActions,{children:[I.jsx(i.Button,{variant:"outlined",size:"small",onClick:D,children:g("common.cancel")}),I.jsx(i.Button,{variant:"contained",size:"small",onClick:b,children:g("maker.save")})]})]})});function hg({value:C,locale:s,locales:w,onChange:A=()=>{}}){var J;const o=m.useRef(null),{t:g}=X.useLocaleContext(),M=u.useReactive({actionIndex:void 0}),j=()=>{var D;M.actionIndex=void 0,(D=o.current)==null||D.open({id:H.nextId()},-1)},O=D=>{var N;const b=C==null?void 0:C.findIndex(S=>S===D);M.actionIndex=b,(N=o.current)==null||N.open(D,b===void 0?-1:b)},L=D=>{A(a.produce(C,b=>{b.splice(D,1)}))},e=(D,b)=>{A(a.produce(C,N=>{N&&M.actionIndex!==void 0?Object.assign(N[M.actionIndex],D):N.push(D)})),b()},y=(D,b)=>{A(a.produce(C,N=>{N.splice(b,0,...N.splice(N.findIndex(S=>S.id===D),1))}))};return I.jsxs(I.Fragment,{children:[I.jsxs(xC,{label:g("maker.properties.buttons"),children:[I.jsx(i.ThemeProvider,{theme:pI.pagesTheme,children:(J=C.map)==null?void 0:J.call(C,(D,b)=>I.jsx(TC,{dragType:"SECTION_ACTION_DND_TYPE",dropType:"SECTION_ACTION_DND_TYPE",id:D.id,index:b,title:I.jsx(r.Action,{...D,size:"small",editing:!0}),move:(N,S)=>y(N,S),actions:I.jsxs(I.Fragment,{children:[I.jsx(i.Box,{mr:.35,onClick:()=>A(a.produce(C,N=>{N.splice(b+1,0,{...D,id:H.nextId()})})),children:I.jsx(Y.CopyAll,{})}),I.jsx(i.Box,{mr:.35,onClick:()=>O(D),children:I.jsx(Y.Settings,{})}),I.jsx(i.Box,{onClick:()=>L(b),children:I.jsx(Y.Delete,{})})]})},D.id))}),I.jsxs(i.Button,{onClick:j,startIcon:I.jsx(Y.Add,{}),fullWidth:!0,children:[g("common.add")," ",g("maker.properties.button")]})]}),I.jsx(rg,{ref:o,onSave:e,locale:s,locales:w})]})}const jI={align:"left",actions:[],title:"",description:"",icon:"",image:"",link:""};function Zg({children:C}){return C}m.forwardRef(function({onSave:s=()=>{},type:w,locale:A,locales:o},g){const{t:M}=X.useLocaleContext(),[j,{setFalse:O,setTrue:L}]=u.useBoolean(!1),e=u.useUpdate(),y=m.useRef({...jI,id:H.nextId()}),J=y.current,D=m.useCallback(d=>{y.current=typeof d=="function"?d(y.current):d,e()},[]),b=m.useCallback(()=>{O()},[O]),[N,S]=m.useState(-1);m.useImperativeHandle(g,()=>({open(d={},t=-1){D(a.produce(J,K=>{Object.assign(K,{...jI},d||{},{})})),L(),S(t===void 0?-1:t)},close(){b()}}));const[B,c]=m.useState(!1),z=m.useRef(null),T=async()=>{var d;try{c(!0),await((d=z.current)==null?void 0:d.submit()),s(y.current,b)}finally{c(!1)}},W=N>-1?lI:Zg;return I.jsxs(i.Dialog,{open:j,onClose:b,disableEnforceFocus:!0,children:[I.jsx(i.DialogTitle,{children:M("section.card.title")}),I.jsx(i.DialogContent,{sx:{width:500},children:I.jsxs(i.Box,{children:[I.jsx(i.Box,{my:2,children:I.jsx(W,{locale:A,locales:o,path:["list",N,"title"],value:J.title,onChange:d=>{N>-1&&typeof d=="string"&&D(a.produce(J,t=>{t.title=d}))},children:I.jsx(U.ConfigString,{label:M("maker.properties.title"),value:J.title,onChange:d=>{D(a.produce(J,t=>{t.title=d}))}})})}),I.jsx(i.Box,{my:2,children:I.jsx(W,{locale:A,locales:o,path:["list",N,"description"],value:J.description,onChange:d=>{N>-1&&typeof d=="string"&&D(a.produce(J,t=>{t.description=d}))},children:I.jsx(U.ConfigString,{label:M("maker.properties.description"),multiline:!0,minRows:3,value:J.description,onChange:d=>{D(a.produce(J,t=>{t.description=d}))}})})}),I.jsx(i.Box,{my:2,children:I.jsx(bI,{label:M("maker.properties.link"),value:J.link,onChange:d=>{D(a.produce(J,t=>{t.link=d}))}})}),I.jsx(i.Box,{my:2,children:I.jsx(U.ConfigString,{ref:z,label:M("maker.properties.image"),value:J.image,onChange:(d,t)=>{D(a.produce(J,K=>{K.image=d,K.imageMeta=t}))},showUploader:!0})}),w!=="simple"&&I.jsx(hg,{value:J.actions||[],onChange:d=>{D(a.produce(J,t=>{t.actions=d}))},locale:A,locales:o})]})}),I.jsxs(i.DialogActions,{children:[I.jsx(i.Button,{variant:"outlined",size:"small",onClick:b,children:M("common.cancel")}),I.jsx(RI.LoadingButton,{loading:B,variant:"contained",size:"small",onClick:T,children:M("maker.save")})]})]})});const Qg={type:"default",title:"Section CardList",description:"This is Section CardList",center:!0,dark:!1,background:"",col:3,gap:2,align:"top",textAlign:"left",iconSize:100,padding:"normal",list:[{id:H.nextId(),title:"Simplified Service Delivery",description:"Block Server's Service Gateway makes networking easy with access to load balancing, SSL termination, automatic and customizable URL mapping, and redirects.",image:"https://www.arcblock.io/static/ead0cabde7f2b7ff34db8f3e8ceca271/afc4b/builder.png"}]};function kg({componentId:C,locale:s,components:w}){const{state:{config:{defaultLocale:A}},localState:{customComponentPreviewerProperties:o}}=H.useStore(),g=H.useAllComponents();return I.jsx(bC.CustomComponentRenderer,{componentId:C,locale:s,dev:{mode:"draft",components:w||g,defaultLocale:A},properties:o})}const JI=260,Rg=5,tI="IGNORE_RENDER_BLOCKLET_TITLE",V=(C,s)=>C?Object.entries(C).map(([w,A])=>{var o,g,M;return{id:w,component:w,name:((o=A==null?void 0:A.data)==null?void 0:o.name)||((g=A==null?void 0:A.component)==null?void 0:g.name)||w,properties:(A==null?void 0:A.data)||A.component,previewImage:((M=A==null?void 0:A.data)==null?void 0:M.previewImage)||null,type:s,blockletId:A==null?void 0:A.blockletId,blockletTitle:A==null?void 0:A.blockletTitle}}):[],HI=[{id:"section",name:"Section",properties:r.SectionBlockDefaultProps},{id:"section-card-list",name:"SectionCardList",properties:Qg},{id:"toc",name:"Toc",properties:r.TocDefaultProps},{id:"iframe",name:"Embed",properties:r.IFrameBlockDefaultProps}].map(C=>({...C,type:"basic",component:C.id}));function EI({state:C,open:s,onClose:w,onSelect:A,defaultTab:o,title:g,componentGroups:M,components:j,multiple:O=!1,defaultSelected:L,emptyText:e}){var t;const{t:y}=X.useLocaleContext(),J=u.useReactive({selectedComponent:null,activeTab:o,searchQuery:""}),D=m.useMemo(()=>M||[{name:"basic",label:y("maker.components.basicGroup"),components:HI},C&&{name:"custom",label:y("maker.components.customGroup"),components:V(H.getCustomComponents(C),"custom")},C&&{name:"resource",label:y("maker.components.resourceGroup"),components:V(H.getResourceComponents(C),"resource")}].filter(Boolean),[M,y,C,s]),b=J.activeTab||((t=D[0])==null?void 0:t.name),N=()=>{J.selectedComponent&&(A(J.selectedComponent),w())},S=K=>{if(K){if(B(K)){O?J.selectedComponent=J.selectedComponent.filter(l=>l.id!==K.id):J.selectedComponent=null;return}if(O){const l=Array.isArray(J.selectedComponent)?J.selectedComponent:[],n=l.some(k=>k.id===K.id);J.selectedComponent=n?l.filter(k=>k.id!==K.id):[...l,K]}else J.selectedComponent=K}},B=K=>J.selectedComponent?O?J.selectedComponent.some(l=>l.id===K.id):J.selectedComponent.id===K.id:!1,c=(D==null?void 0:D.length)===0,z=m.useMemo(()=>{var l;const K=((l=D.find(n=>(n==null?void 0:n.name)===b))==null?void 0:l.components)||[];return J.searchQuery?K.filter(n=>n.name.toLowerCase().includes(J.searchQuery.toLowerCase())):K},[b,D,J.searchQuery]);m.useEffect(()=>{J.searchQuery="",s&&L?J.selectedComponent=O?Array.isArray(L)?L:[L]:L:J.selectedComponent=null},[s,L,O]);const T=(z==null?void 0:z.length)===0,W=e||y(b==="resource"?"maker.components.needAddResource":"maker.components.noComponents"),d=m.useMemo(()=>z?z.reduce((K,l)=>{const n=l.blockletId||tI,k=l.blockletTitle||y("maker.components.defaultGroup");return K[n]||(K[n]={title:k,components:[]}),K[n].components.push(l),K},{}):{},[z]);return I.jsxs(i.Dialog,{open:s,onClose:w,maxWidth:"lg",fullWidth:!0,PaperProps:{sx:{height:"80vh",maxHeight:"80vh",display:"flex",flexDirection:"column"}},children:[I.jsxs(i.DialogTitle,{className:"between",sx:{display:"flex",gap:2},children:[I.jsx(i.Box,{children:g||y("maker.components.addComponent")}),I.jsx(i.TextField,{size:"small",placeholder:y("maker.components.searchComponent"),value:J.searchQuery,onChange:K=>J.searchQuery=K.target.value,sx:{flex:1,maxWidth:350},InputProps:{startAdornment:I.jsx(R.Icon,{icon:"tabler:search",style:{marginRight:8,color:"rgba(0, 0, 0, 0.54)"}})}}),I.jsx(i.IconButton,{size:"small",onClick:w,children:I.jsx(R.Icon,{icon:"tabler:x"})})]}),I.jsxs(i.DialogContent,{sx:{display:"flex",gap:2,pl:"8px !important",flex:1,overflow:"hidden"},children:[!c&&I.jsx(i.Box,{sx:{width:150,borderRight:1,borderColor:"divider"},children:I.jsx(i.Tabs,{orientation:"vertical",value:b,onChange:(K,l)=>J.activeTab=l,sx:{"& .MuiTab-root":{alignItems:"flex-start",textAlign:"left",minHeight:48,py:1.5,px:2}},children:D.map((K,l)=>I.jsx(i.Tab,{label:K==null?void 0:K.label,value:K==null?void 0:K.name},l))})}),I.jsx(i.Box,{sx:{flex:1,overflowX:"hidden",overflowY:"auto",pr:1},children:T?I.jsx(BI.default,{children:W}):I.jsx(nI,{wrapperComponent:i.Grid,wrapperComponentProps:{container:!0,spacing:2,sx:T?{height:"100%"}:{}},groups:d,emptyText:W,renderItem:K=>{const l=B(K);return I.jsx(i.Grid,{item:!0,xs:12,md:6,lg:4,sx:{width:"100%","& .add-component-card":{boxShadow:"none",border:1,borderColor:l?"primary.main":"grey.200","& .check-container":{display:l?"flex":"none",position:"absolute",right:0,bottom:0,justifyContent:"flex-end",alignItems:"flex-end",width:30,height:30,overflow:"hidden",transition:"all 0.3s ease",color:"white","&::after":{position:"absolute",zIndex:0,display:"block",width:0,height:0,borderTop:"transparent solid 15px",borderLeft:"transparent solid 15px",borderBottom:n=>`solid 15px ${n.palette.primary.main}`,borderRight:n=>`solid 15px ${n.palette.primary.main}`,transition:"all 0.1s ease",content:'""'},"& .check-icon":{position:"relative",zIndex:2,margin:"0 1px 1px 0",fontSize:16,transition:"all 0.2s ease"}}}},children:I.jsxs(i.Card,{className:"add-component-card",sx:{position:"relative",width:"100%",cursor:"pointer"},onClick:()=>S(K),children:[I.jsx(i.CardMedia,{sx:{width:"100%",height:JI,overflow:"auto",position:"relative"},children:I.jsx(uI,{components:j,containerHeight:JI,component:K},K.id)}),I.jsx(i.CardContent,{sx:{bgcolor:"background.paper",borderTop:1,borderColor:l?"primary.main":"grey.200"},children:I.jsx(i.Typography,{variant:"body1",noWrap:!0,sx:{fontWeight:"bold"},children:K.name})}),I.jsx(i.Box,{className:"check-container",children:I.jsx(NC.default,{className:"check-icon"})})]})},K.id)}})})]}),I.jsxs(i.DialogActions,{sx:{borderTop:1,borderColor:"divider",p:2},children:[I.jsx(i.Button,{onClick:w,variant:"outlined",children:y("common.cancel")}),I.jsx(i.Button,{onClick:N,variant:"contained",disabled:!J.selectedComponent||O&&Array.isArray(J.selectedComponent)&&J.selectedComponent.length===0,children:O&&Array.isArray(J.selectedComponent)&&J.selectedComponent.length>0?y("common.addMultiple",{count:J.selectedComponent.length}):y("common.add")})]})]})}function uI({containerHeight:C,component:s,minScale:w=.1,components:A}){const{locale:o}=X.useLocaleContext(),g=u.useReactive({scale:1,shouldScroll:!1,isVisible:!1,hadInit:!1}),M=m.useRef(null),j=m.useRef(null),O=m.useRef(0),L=m.useRef(null);m.useEffect(()=>{const S=new IntersectionObserver(([B])=>{g.isVisible=B.isIntersecting},{root:null,rootMargin:"50px",threshold:0});return j.current&&S.observe(j.current),()=>S.disconnect()},[]),m.useEffect(()=>{const S=()=>{if(O.current+=1,O.current>Rg){B.disconnect();return}if(!s.previewImage&&M.current){const c=M.current.scrollHeight,z=C/c;z<w?(g.scale=w,g.shouldScroll=!0):z<1?(g.scale=z,g.shouldScroll=!1):(g.scale=1,g.shouldScroll=!1)}L.current&&clearTimeout(L.current),L.current=setTimeout(()=>{g.hadInit=!0},200)},B=new ResizeObserver(()=>{setTimeout(S,20)});return M.current&&g.isVisible&&B.observe(M.current),()=>{B.disconnect()}},[C,w,g.isVisible,s]);const{id:e,type:y,component:J,properties:D,previewImage:b}=s,N=m.useMemo(()=>g.isVisible?b?I.jsx(i.Box,{component:"img",loading:"lazy",sx:{objectFit:"cover",borderRadius:1,cursor:"pointer"},src:H.getImageAbsoluteUrl(b),alt:s.name,width:"100%",height:"100%"},e):y==="basic"?I.jsx(r.BlockRenderer,{id:e,type:J,section:D,config:{...D,locale:o,editing:!1,dev:{mode:"draft"}}},e):I.jsx(kg,{componentId:e,locale:o,components:A},e):null,[e,y,J,D,o,b,g.isVisible]);return I.jsx(i.Box,{ref:j,sx:{position:"relative",width:"100%",height:"100%",overflowX:"hidden",overflowY:g.shouldScroll?"auto":"hidden",transition:"all 0.3s ease"},children:I.jsxs(i.Box,{sx:{transform:`scale(${g.scale})`,transformOrigin:"top left",width:`${100/g.scale}%`,height:g.hadInit&&g.shouldScroll?"100%":`${100/g.scale}%`},children:[!g.hadInit&&I.jsx(i.Skeleton,{variant:"rectangular",width:"100%",height:"100%"}),I.jsx(i.Box,{ref:M,sx:{width:"100%",height:b?"100%":"auto",pointerEvents:"none",opacity:g.hadInit?1:0},children:N})]})})}function nI({groups:C,emptyText:s,renderItem:w,wrapperComponent:A=i.Box,wrapperComponentProps:o={display:"inline-flex",flexWrap:"wrap",gap:1}}){return I.jsx(i.Box,{children:Object.keys(C).length>0?Object.entries(C).map(([g,{title:M,components:j}])=>I.jsxs(i.Box,{mb:3,children:[g!==tI&&I.jsxs(i.Typography,{className:"blocklet-title",variant:"subtitle2",sx:{mb:2,fontWeight:500,color:"text.primary",display:"flex",alignItems:"center",gap:1},children:[I.jsx(i.Box,{component:"span",sx:{width:4,height:20,backgroundColor:"primary.main",borderRadius:1,display:"inline-block"}}),M]}),I.jsx(A,{...o,children:j.map(O=>w(O))})]},g)):I.jsx(BI.default,{children:s})})}exports.AddComponent=EI;exports.AutoScaledComponentRenderer=uI;exports.BASIC_COMPONENT_LIST=HI;exports.GroupedComponentsList=nI;exports.default=EI;exports.formatComponent=V;

package/lib/cjs/chunks/{array-C2Xw0f0u.js → array-CeBRUkLo.js}

@@ -1,4 +1,4 @@
-"use strict";var kt=Object.create;var ot=Object.defineProperty;var $t=Object.getOwnPropertyDescriptor;var St=Object.getOwnPropertyNames;var Nt=Object.getPrototypeOf,Ct=Object.prototype.hasOwnProperty;var Bt=(t,e,r,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of St(e))!Ct.call(t,n)&&n!==r&&ot(t,n,{get:()=>e[n],enumerable:!(i=$t(e,n))||i.enumerable});return t};var It=(t,e,r)=>(r=t!=null?kt(Nt(t)):{},Bt(e||!t||!t.__esModule?ot(r,"default",{value:t,enumerable:!0}):r,t));const o=require("react/jsx-runtime");require("@mui/icons-material");const x=require("@mui/material"),f=require("react"),Pt=require("lodash/keyBy"),j=require("./state-DDwYX2mu.js"),U=require("@blocklet/ai-runtime/components"),Rt=require("@mui/utils"),Wt=require("lodash/pick"),Tt=require("react-error-boundary"),zt=require("@blocklet/pages-kit/builtin/markdown/markdown-renderer"),mt=require("@blocklet/pages-kit/contexts/color"),g=require("@emotion/css"),Et=require("react-syntax-highlighter/dist/esm/styles/prism"),k=require("@arcblock/ux/lib/Theme"),qt=require("@arcblock/react-hooks/lib/useBrowser"),Lt=require("@arcblock/ux/lib/Colors"),J=require("@blocklet/pages-kit/components"),nt=require("@blocklet/pages-kit/utils/style"),At=require("@mui/material/useMediaQuery"),Ot=require("lodash/omit"),pt=require("@iconify-icon/react"),Ut=require("@arcblock/ux/lib/Screenshot"),G=require("react-router-dom"),Ft=require("@arcblock/ux/lib/Button"),Dt=require("is-uri"),F=require("pathe"),W=require("ufo"),Mt=require("@blocklet/embed/message"),Vt=require("ahooks"),Ht=require("lodash/isEqual"),Yt=require("@blocklet/embed/react"),Jt=require("react-twitter-embed"),rt=require("react-use"),$=t=>t&&t.__esModule?t:{default:t},Gt=$(f),M=$(Pt),K=$(Wt),Kt=$(zt),Xt=$(qt),it=$(Lt),xt=$(At),N=$(Ot),Qt=$(Ut),Zt=$(Ft),V=$(Dt),te=$(Ht),ht="{{CUSTOM_VALUE}}",ee=[{title:"None",value:"none",sx:{py:0}},{title:"Small",value:"small",sx:{py:{xs:2.5,md:4,lg:4,xl:6}}},{title:"Normal",value:"normal",sx:{py:{xs:5,md:7.5,lg:10,xl:12.5}}},{title:"Large",value:"large",sx:{py:{xs:7.5,md:10,lg:12.5,xl:15}}}],oe=[{title:"None",value:"none",sx:{py:0}},{title:"Small",value:"small",sx:{py:{xs:2.5,md:4,lg:4,xl:6}}},{title:"Normal",value:"normal",sx:{py:{xs:5,md:7,lg:7,xl:9}}},{title:"Large",value:"large",sx:{py:{xs:6,md:9,lg:9,xl:11}}}],ne=[{title:"None",value:"none",sx:{px:0}},{title:"Small",value:"small",sx:{px:{xs:2.5,md:4,lg:4,xl:6}}},{title:"Normal",value:"normal",sx:{px:{xs:5,md:7.5,lg:10,xl:12.5}}},{title:"Large",value:"large",sx:{px:{xs:7.5,md:10,lg:12.5,xl:15}}}],D=(t,e,r)=>{const i=t.breakpoints.values[r];return`${e}${i?` (${i}px)`:""}`},re=[{title:"100%",value:"full",sx:{maxWidth:"100%"}},{title:t=>D(t,"Small","sm"),value:"sm",sx:{maxWidth:t=>t.breakpoints.values.sm,width:"100%",mx:"auto"}},{title:t=>D(t,"Normal","md"),value:"md",sx:{maxWidth:t=>t.breakpoints.values.md,width:"100%",mx:"auto"}},{title:t=>D(t,"Large","lg"),value:"lg",sx:{maxWidth:t=>t.breakpoints.values.lg,width:"100%",mx:"auto"}},{title:t=>D(t,"Extra Large","xl"),value:"xl",sx:{maxWidth:t=>t.breakpoints.values.xl,width:"100%",mx:"auto"}},{title:"Custom",value:"custom",sx:{maxWidth:ht,width:"100%",mx:"auto"}}],ie=M.default(ee,"value"),se=M.default(oe,"value"),ae=M.default(ne,"value"),le=M.default(re,"value"),ce=new Map([["baseSectionPaddingY",ie],["maxWidth",le],["paddingY",se],["paddingX",ae]]);function ft(t){var l;const{type:e,value:r,format:i="sx",defaultValue:n=null}=t,s=ce.get(e);if(!s)return n;const d=r.startsWith("custom:"),a=d?"custom":r;if(s!=null&&s[a]&&((l=s==null?void 0:s[a])!=null&&l[i])){const c=s[a][i];if(d){const u=r.replace("custom:","");try{return JSON.parse(JSON.stringify(c||{}).replaceAll(ht,u))}catch{}}return c}return n}const gt=f.createContext({page:null,getPageMeta:()=>({}),getPageMetaStyle:()=>({})});function de(){return f.useContext(gt)}function ue({page:t,children:e,defaultLocale:r="en",currentLocale:i}){const n=f.useMemo(()=>t?JSON.parse(JSON.stringify(t)):null,[JSON.stringify(t)]),s=f.useCallback(()=>{var c;if(!n)return{};const l=i||r;return((c=n.locales)==null?void 0:c[l])??{}},[n,r,i]),d=f.useCallback((l="sx")=>{const c=s();return!c||!c.style?{}:Object.entries(c.style||{}).reduce((m,[h,p])=>{if(!p)return m;const y=`${h}Custom`;c.style[y];const w=ft({type:h,value:p,format:l});return w?{...m,...w}:m},{})},[s]),a=f.useMemo(()=>({page:n,getPageMeta:s,getPageMetaStyle:d}),[n,s,d]);return o.jsx(gt.Provider,{value:a,children:e})}function R({actions:t,center:e,className:r,align:i}){return t&&(t!=null&&t.length)?o.jsx(x.Box,{className:g.cx("flex gap-4 flex-wrap","lg:flex-row lg:gap-8",(e||i==="center")&&"justify-center",!e&&i==="right"&&"justify-end",!e&&i==="left"&&"justify-start",r),sx:{alignItems:"center"},children:t}):null}const me="section",pe=x.styled(x.Box)`
+"use strict";var kt=Object.create;var ot=Object.defineProperty;var $t=Object.getOwnPropertyDescriptor;var St=Object.getOwnPropertyNames;var Nt=Object.getPrototypeOf,Ct=Object.prototype.hasOwnProperty;var Bt=(t,e,r,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of St(e))!Ct.call(t,n)&&n!==r&&ot(t,n,{get:()=>e[n],enumerable:!(i=$t(e,n))||i.enumerable});return t};var It=(t,e,r)=>(r=t!=null?kt(Nt(t)):{},Bt(e||!t||!t.__esModule?ot(r,"default",{value:t,enumerable:!0}):r,t));const o=require("react/jsx-runtime");require("@mui/icons-material");const x=require("@mui/material"),f=require("react"),Pt=require("lodash/keyBy"),j=require("./state-oc52fQ0j.js"),U=require("@blocklet/ai-runtime/components"),Rt=require("@mui/utils"),Wt=require("lodash/pick"),Tt=require("react-error-boundary"),zt=require("@blocklet/pages-kit/builtin/markdown/markdown-renderer"),mt=require("@blocklet/pages-kit/contexts/color"),g=require("@emotion/css"),Et=require("react-syntax-highlighter/dist/esm/styles/prism"),k=require("@arcblock/ux/lib/Theme"),qt=require("@arcblock/react-hooks/lib/useBrowser"),Lt=require("@arcblock/ux/lib/Colors"),J=require("@blocklet/pages-kit/components"),nt=require("@blocklet/pages-kit/utils/style"),At=require("@mui/material/useMediaQuery"),Ot=require("lodash/omit"),pt=require("@iconify-icon/react"),Ut=require("@arcblock/ux/lib/Screenshot"),G=require("react-router-dom"),Ft=require("@arcblock/ux/lib/Button"),Dt=require("is-uri"),F=require("pathe"),W=require("ufo"),Mt=require("@blocklet/embed/message"),Vt=require("ahooks"),Ht=require("lodash/isEqual"),Yt=require("@blocklet/embed/react"),Jt=require("react-twitter-embed"),rt=require("react-use"),$=t=>t&&t.__esModule?t:{default:t},Gt=$(f),M=$(Pt),K=$(Wt),Kt=$(zt),Xt=$(qt),it=$(Lt),xt=$(At),N=$(Ot),Qt=$(Ut),Zt=$(Ft),V=$(Dt),te=$(Ht),ht="{{CUSTOM_VALUE}}",ee=[{title:"None",value:"none",sx:{py:0}},{title:"Small",value:"small",sx:{py:{xs:2.5,md:4,lg:4,xl:6}}},{title:"Normal",value:"normal",sx:{py:{xs:5,md:7.5,lg:10,xl:12.5}}},{title:"Large",value:"large",sx:{py:{xs:7.5,md:10,lg:12.5,xl:15}}}],oe=[{title:"None",value:"none",sx:{py:0}},{title:"Small",value:"small",sx:{py:{xs:2.5,md:4,lg:4,xl:6}}},{title:"Normal",value:"normal",sx:{py:{xs:5,md:7,lg:7,xl:9}}},{title:"Large",value:"large",sx:{py:{xs:6,md:9,lg:9,xl:11}}}],ne=[{title:"None",value:"none",sx:{px:0}},{title:"Small",value:"small",sx:{px:{xs:2.5,md:4,lg:4,xl:6}}},{title:"Normal",value:"normal",sx:{px:{xs:5,md:7.5,lg:10,xl:12.5}}},{title:"Large",value:"large",sx:{px:{xs:7.5,md:10,lg:12.5,xl:15}}}],D=(t,e,r)=>{const i=t.breakpoints.values[r];return`${e}${i?` (${i}px)`:""}`},re=[{title:"100%",value:"full",sx:{maxWidth:"100%"}},{title:t=>D(t,"Small","sm"),value:"sm",sx:{maxWidth:t=>t.breakpoints.values.sm,width:"100%",mx:"auto"}},{title:t=>D(t,"Normal","md"),value:"md",sx:{maxWidth:t=>t.breakpoints.values.md,width:"100%",mx:"auto"}},{title:t=>D(t,"Large","lg"),value:"lg",sx:{maxWidth:t=>t.breakpoints.values.lg,width:"100%",mx:"auto"}},{title:t=>D(t,"Extra Large","xl"),value:"xl",sx:{maxWidth:t=>t.breakpoints.values.xl,width:"100%",mx:"auto"}},{title:"Custom",value:"custom",sx:{maxWidth:ht,width:"100%",mx:"auto"}}],ie=M.default(ee,"value"),se=M.default(oe,"value"),ae=M.default(ne,"value"),le=M.default(re,"value"),ce=new Map([["baseSectionPaddingY",ie],["maxWidth",le],["paddingY",se],["paddingX",ae]]);function ft(t){var l;const{type:e,value:r,format:i="sx",defaultValue:n=null}=t,s=ce.get(e);if(!s)return n;const d=r.startsWith("custom:"),a=d?"custom":r;if(s!=null&&s[a]&&((l=s==null?void 0:s[a])!=null&&l[i])){const c=s[a][i];if(d){const u=r.replace("custom:","");try{return JSON.parse(JSON.stringify(c||{}).replaceAll(ht,u))}catch{}}return c}return n}const gt=f.createContext({page:null,getPageMeta:()=>({}),getPageMetaStyle:()=>({})});function de(){return f.useContext(gt)}function ue({page:t,children:e,defaultLocale:r="en",currentLocale:i}){const n=f.useMemo(()=>t?JSON.parse(JSON.stringify(t)):null,[JSON.stringify(t)]),s=f.useCallback(()=>{var c;if(!n)return{};const l=i||r;return((c=n.locales)==null?void 0:c[l])??{}},[n,r,i]),d=f.useCallback((l="sx")=>{const c=s();return!c||!c.style?{}:Object.entries(c.style||{}).reduce((m,[h,p])=>{if(!p)return m;const y=`${h}Custom`;c.style[y];const w=ft({type:h,value:p,format:l});return w?{...m,...w}:m},{})},[s]),a=f.useMemo(()=>({page:n,getPageMeta:s,getPageMetaStyle:d}),[n,s,d]);return o.jsx(gt.Provider,{value:a,children:e})}function R({actions:t,center:e,className:r,align:i}){return t&&(t!=null&&t.length)?o.jsx(x.Box,{className:g.cx("flex gap-4 flex-wrap","lg:flex-row lg:gap-8",(e||i==="center")&&"justify-center",!e&&i==="right"&&"justify-end",!e&&i==="left"&&"justify-start",r),sx:{alignItems:"center"},children:t}):null}const me="section",pe=x.styled(x.Box)`
   overflow: hidden;
 
   .section__title {
@@ -412,7 +412,7 @@
 `,eo=[/youtu\.be\/([^#&?]{11})/,/\?v=([^#&?]{11})/,/&v=([^#&?]{11})/,/embed\/([^#&?]{11})/,/\/v\/([^#&?]{11})/];function oo(t){var e;if(/youtu\.?be/.test(t))for(const r of eo){const i=(e=r.exec(t))==null?void 0:e[1];if(i)return i}}function no(t){const e=oo(t);if(e)return`https://youtube.com/embed/${e}`}function ro({src:t}){return f.useEffect(()=>{import("@lottiefiles/lottie-player")},[]),o.jsx("lottie-player",{autoplay:!0,loop:!0,mode:"normal",src:t})}function io(t){return o.jsx(x.Box,{maxHeight:400,overflow:"hidden auto",children:o.jsx(Jt.TwitterTimelineEmbed,{...t})})}function so({url:t}){const e=f.useRef(null),r=495,[i,n]=f.useState(e.current?e.current.offsetWidth*.5625:r),s=f.useCallback(()=>{const d=window.innerWidth>990?1:window.innerWidth>522?1.2:window.innerWidth>400?1.45:1.85,a=e.current?e.current.offsetWidth*.5625:r;return n(Math.floor(a*d))},[]);return f.useEffect(()=>{window.addEventListener("resize",s);const d=window.innerWidth>990?1:window.innerWidth>522?1.2:window.innerWidth>400?1.45:1.85,a=e.current?e.current.offsetWidth*.5625:r;return n(Math.floor(a*d)),function(){window.removeEventListener("resize",s)}},[i,s]),o.jsx(x.Box,{component:"iframe",ref:e,title:"youtube",width:"100%",height:`${i}px`,src:t,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,sx:{display:"block"}})}const ao={image:"https://www.arcblock.io/static/ead0cabde7f2b7ff34db8f3e8ceca271/afc4b/builder.png",badge:"Develop · Deploy · Run",title:"The Future is Here: Blockchain and Decentralized Application Development",description:"ArcBlock, your exclusive new decentralized development platform, makes developing decentralized applications, blockchain, and distributed ledger technology straightforward.",reverse:!1,dark:!1,background:"",actions:void 0,hasImage:!0,center:!1},lo=k.styled(je)`
   .section__description {
   }
-`;function co({hasImage:t,fullSizeImage:e,boxed:r,videoPoster:i,imageMeta:n,imageOptimization:s,imageSize:d,section:a,...l}){var p,y;const[{editing:c},u]=S({...l,boxed:e?void 0:r},L);let m=uo(u.image,i,e,n,s,d);t||(m=null);let h=null;return u.actions&&(h=(y=(p=u.actions)==null?void 0:p.map)==null?void 0:y.call(p,(w,b)=>o.jsx(tt,{...w,editing:c},b))),o.jsx(lo,{...u,style:c?{pointerEvents:"none"}:{},image:m,fullSizeImage:t&&e,actions:h})}function uo(t,e,r,i,n,s){if(t){if(t.endsWith(".json"))return o.jsx(ro,{src:t});if(t.indexOf("twitter.com")!==-1)return o.jsx(io,{sourceType:"url",url:t});const d=no(t);if(d)return o.jsx(so,{url:d});const{naturalWidth:a,naturalHeight:l,filename:c}=i||{};if(H(t))return o.jsx("video",{width:a&&`${a}px`,height:l&&`${l}px`,controls:!0,autoPlay:!0,muted:!0,style:{display:"block",objectFit:s||"contain",borderRadius:"8px",width:"100%",height:"100%"},poster:j.autoResizeImage(j.getImageAbsoluteUrl(e),r?1200:540,n),children:o.jsx("source",{src:j.getImageAbsoluteUrl(t),type:fe(t)})},t);const u=n==="quality"?1:.6;return o.jsx(J.ResponsiveImage,{src:j.getImageAbsoluteUrl(t),sizesAttr:{sm:600*u,md:450*u,lg:540*u,...r&&{md:900*u,lg:1200*u}},width:a&&`${a}px`,height:l&&`${l}px`,alt:c??t,style:{objectFit:s||"contain",display:"block",width:"100%",height:"100%"},loading:"lazy"})}return null}const mo=["production","draft"];function po({mode:t,version:e}={}){const r=e&&typeof e=="number"?{mode:t,version:e}:{mode:t};return j.api.get(`/api/${j.getProjectIdFromPathnameOrWindow()}/pages`,{params:r}).then(i=>i.data)}function xo({mode:t,pages:e}){return j.api.post(`/api/${j.getProjectIdFromPathnameOrWindow()}/pages/publish`,{mode:t,pages:e}).then(r=>r.data)}function ho({locale:t,sort:e,page:r,limit:i,mode:n}={}){return j.api.get(`/api/${j.getProjectIdFromPathnameOrWindow()}/pages/toc`,{params:{locale:t,sort:e,page:r,limit:i,mode:n}}).then(s=>s.data)}const fo={style:"list",sort:"-updatedAt"},dt=20;function go({style:t,sort:e,section:r,...i}){const[{editing:n,locale:s},d]=S(i,L),[a,l]=S(d,E),[c,u]=f.useState(),m=f.useRef(!1),h=rt.useUpdate(),p=G.useNavigate(),y=f.useCallback(async()=>{if(!m.current){m.current=!0,h();try{const w=c?Math.floor(c.list.length/dt)+1:1,{list:b,total:v}=await ho({locale:s,sort:e,page:w,limit:dt});u(_=>({list:((_==null?void 0:_.list)??[]).concat(b),total:v}))}finally{m.current=!1,h()}}},[c,s,e,h]);return rt.useMount(()=>{y()}),o.jsxs(q,{...l,sx:n?{pointerEvents:"none"}:{},children:[Object.keys(a).length>0&&o.jsx(z,{...a}),c?o.jsxs(o.Fragment,{children:[o.jsx(x.Grid,{container:!0,spacing:2,justifyContent:"center",children:c==null?void 0:c.list.map(w=>o.jsx(x.Grid,{item:!0,xs:12,sm:t==="card"?6:12,md:t==="card"?3:12,children:o.jsxs(yo,{elevation:0,className:g.cx(t==="card"&&"style-card"),onClick:n?void 0:()=>p(w.slug),children:[!!w.image&&o.jsx(x.CardMedia,{component:"img",alt:"",image:j.autoResizeImage(j.getImageAbsoluteUrl(w.image),540),loading:"lazy"}),o.jsxs(x.CardContent,{children:[o.jsx(x.Typography,{variant:"h6",component:"div",className:ut,children:w.title||w.id}),o.jsx(x.Typography,{variant:"body2",className:ut,children:w.description})]})]})},w.id))}),o.jsx(x.Box,{textAlign:"center",mt:2,children:c.total>c.list.length?o.jsx(T,{variant:"outlined",color:"secondary",onClick:y,loading:m.current,children:"More"}):o.jsx(T,{variant:"outlined",color:"secondary",disabled:!0,children:"No More"})})]}):o.jsx(x.Box,{p:2,textAlign:"center",children:o.jsx(x.CircularProgress,{size:24})})]})}const ut=g.css`
+`;function co({hasImage:t,fullSizeImage:e,boxed:r,videoPoster:i,imageMeta:n,imageOptimization:s,imageSize:d,section:a,...l}){var p,y;const[{editing:c},u]=S({...l,boxed:e?void 0:r},L);let m=uo(u.image,i,e,n,s,d);t||(m=null);let h=null;return u.actions&&(h=(y=(p=u.actions)==null?void 0:p.map)==null?void 0:y.call(p,(w,b)=>o.jsx(tt,{...w,editing:c},b))),o.jsx(lo,{...u,style:c?{pointerEvents:"none"}:{},image:m,fullSizeImage:t&&e,actions:h})}function uo(t,e,r,i,n,s){if(t){if(t.endsWith(".json"))return o.jsx(ro,{src:t});if(t.indexOf("twitter.com")!==-1)return o.jsx(io,{sourceType:"url",url:t});const d=no(t);if(d)return o.jsx(so,{url:d});const{naturalWidth:a,naturalHeight:l,filename:c}=i||{};if(H(t))return o.jsx("video",{width:a&&`${a}px`,height:l&&`${l}px`,controls:!0,autoPlay:!0,muted:!0,style:{display:"block",objectFit:s||"contain",borderRadius:"8px",width:"100%",height:"100%"},poster:j.autoResizeImage(j.getImageAbsoluteUrl(e),r?1200:540,n),children:o.jsx("source",{src:j.getImageAbsoluteUrl(t),type:fe(t)})},t);const u=n==="quality"?1:.6;return o.jsx(J.ResponsiveImage,{src:j.getImageAbsoluteUrl(t),sizesAttr:{sm:600*u,md:450*u,lg:540*u,...r&&{md:900*u,lg:1200*u}},width:a&&`${a}px`,height:l&&`${l}px`,alt:c??t,style:{objectFit:s||"contain",display:"block",width:"100%",height:"100%"},loading:"lazy"})}return null}const mo=["production","draft"];function po({mode:t,version:e}={}){const r=e&&typeof e=="number"?{mode:t,version:e}:{mode:t};return j.api.get(`/api/${j.getProjectIdFromPathnameOrWindow()}/pages`,{params:r}).then(i=>i.data)}function xo({mode:t,routes:e}){return j.api.post(`/api/${j.getProjectIdFromPathnameOrWindow()}/pages/publish`,{mode:t,routes:e}).then(r=>r.data)}function ho({locale:t,sort:e,page:r,limit:i,mode:n}={}){return j.api.get(`/api/${j.getProjectIdFromPathnameOrWindow()}/pages/toc`,{params:{locale:t,sort:e,page:r,limit:i,mode:n}}).then(s=>s.data)}const fo={style:"list",sort:"-updatedAt"},dt=20;function go({style:t,sort:e,section:r,...i}){const[{editing:n,locale:s},d]=S(i,L),[a,l]=S(d,E),[c,u]=f.useState(),m=f.useRef(!1),h=rt.useUpdate(),p=G.useNavigate(),y=f.useCallback(async()=>{if(!m.current){m.current=!0,h();try{const w=c?Math.floor(c.list.length/dt)+1:1,{list:b,total:v}=await ho({locale:s,sort:e,page:w,limit:dt});u(_=>({list:((_==null?void 0:_.list)??[]).concat(b),total:v}))}finally{m.current=!1,h()}}},[c,s,e,h]);return rt.useMount(()=>{y()}),o.jsxs(q,{...l,sx:n?{pointerEvents:"none"}:{},children:[Object.keys(a).length>0&&o.jsx(z,{...a}),c?o.jsxs(o.Fragment,{children:[o.jsx(x.Grid,{container:!0,spacing:2,justifyContent:"center",children:c==null?void 0:c.list.map(w=>o.jsx(x.Grid,{item:!0,xs:12,sm:t==="card"?6:12,md:t==="card"?3:12,children:o.jsxs(yo,{elevation:0,className:g.cx(t==="card"&&"style-card"),onClick:n?void 0:()=>p(w.slug),children:[!!w.image&&o.jsx(x.CardMedia,{component:"img",alt:"",image:j.autoResizeImage(j.getImageAbsoluteUrl(w.image),540),loading:"lazy"}),o.jsxs(x.CardContent,{children:[o.jsx(x.Typography,{variant:"h6",component:"div",className:ut,children:w.title||w.id}),o.jsx(x.Typography,{variant:"body2",className:ut,children:w.description})]})]})},w.id))}),o.jsx(x.Box,{textAlign:"center",mt:2,children:c.total>c.list.length?o.jsx(T,{variant:"outlined",color:"secondary",onClick:y,loading:m.current,children:"More"}):o.jsx(T,{variant:"outlined",color:"secondary",disabled:!0,children:"No More"})})]}):o.jsx(x.Box,{p:2,textAlign:"center",children:o.jsx(x.CircularProgress,{size:24})})]})}const ut=g.css`
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;

package/lib/cjs/chunks/{config-color-C8L0QSPJ.js → config-color-C8kj-s2C.js}

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime");require("@arcblock/ux/lib/Locale/context");const S=require("@arcblock/ux/lib/Theme");require("@blocklet/pages-kit/builtin/color-picker");require("@emotion/css");const n=require("@mui/material");require("ahooks");require("lodash/without");const a=require("react"),e=require("@mui/material/colors"),l=require("@blocklet/pages-kit/builtin/uploader"),z=require("@iconify-icon/react"),v=require("react-use"),q=require("./state-DDwYX2mu.js");e.red[300],e.pink[300],e.purple[300],e.indigo[300],e.blue[300],e.cyan[300],e.teal[300],e.green[300],e.lime[300],e.yellow[300],e.amber[300],e.orange[300],e.brown[300],e.grey[300],e.blueGrey[300];const w=a.forwardRef(function({showMarkdown:y,markdown:h,onMarkdownChange:u,showUploader:I,value:s,meta:P,onChange:c,...m},j){const[r,d]=a.useState("");a.useEffect(()=>{d(s||"")},[s,d]);const f=async()=>{if(r!==s){const t=q.getImageAbsoluteUrl(r);if(!t){c(r,void 0);return}const o=await l.getImageSize(t).catch(()=>l.getVideoSize(t)).catch(()=>{});c(r,{...o,filename:r})}};v.useDebounce(()=>{r!==s&&c(r)},300,[r]),a.useImperativeHandle(j,()=>({submit:f}));const b={};return I&&(b.InputProps={sx:{pr:0},endAdornment:i.jsx(n.InputAdornment,{position:"end",sx:{mx:.5},children:i.jsx(l.UploaderButton,{onChange:async({response:t})=>{var p;const o=(p=t==null?void 0:t.data)==null?void 0:p.filename,g=q.getImageAbsoluteUrl(o)||"";let x={};g&&(x=await l.getImageSize(g).catch(()=>l.getVideoSize(g)).catch(()=>{})),c(o,{...x,filename:o})}})})}),i.jsx(n.TextField,{size:"small",fullWidth:!0,...m,label:i.jsxs(n.Stack,{direction:"row",spacing:1,alignItems:"center",children:[m.label,y&&i.jsxs(i.Fragment,{children:[" (",i.jsx(n.FormControlLabel,{checked:h,label:i.jsx(n.Box,{component:z.Icon,icon:"tabler:markdown",sx:{verticalAlign:"middle"}}),labelPlacement:"start",control:i.jsx(n.Switch,{size:"small"}),sx:{ml:.25,pr:1},onChange:(t,o)=>u==null?void 0:u(o)}),")"]})]}),InputLabelProps:{shrink:!0,...m.InputLabelProps},value:r,onChange:t=>d(t.target.value),...b,onKeyDown:t=>{t.keyCode!==229&&t.key==="Enter"&&f()}})});S.styled(n.Box)`
+"use strict";const i=require("react/jsx-runtime");require("@arcblock/ux/lib/Locale/context");const S=require("@arcblock/ux/lib/Theme");require("@blocklet/pages-kit/builtin/color-picker");require("@emotion/css");const n=require("@mui/material");require("ahooks");require("lodash/without");const a=require("react"),e=require("@mui/material/colors"),l=require("@blocklet/pages-kit/builtin/uploader"),z=require("@iconify-icon/react"),v=require("react-use"),q=require("./state-oc52fQ0j.js");e.red[300],e.pink[300],e.purple[300],e.indigo[300],e.blue[300],e.cyan[300],e.teal[300],e.green[300],e.lime[300],e.yellow[300],e.amber[300],e.orange[300],e.brown[300],e.grey[300],e.blueGrey[300];const w=a.forwardRef(function({showMarkdown:y,markdown:h,onMarkdownChange:u,showUploader:I,value:s,meta:P,onChange:c,...m},j){const[r,d]=a.useState("");a.useEffect(()=>{d(s||"")},[s,d]);const f=async()=>{if(r!==s){const t=q.getImageAbsoluteUrl(r);if(!t){c(r,void 0);return}const o=await l.getImageSize(t).catch(()=>l.getVideoSize(t)).catch(()=>{});c(r,{...o,filename:r})}};v.useDebounce(()=>{r!==s&&c(r)},300,[r]),a.useImperativeHandle(j,()=>({submit:f}));const b={};return I&&(b.InputProps={sx:{pr:0},endAdornment:i.jsx(n.InputAdornment,{position:"end",sx:{mx:.5},children:i.jsx(l.UploaderButton,{onChange:async({response:t})=>{var p;const o=(p=t==null?void 0:t.data)==null?void 0:p.filename,g=q.getImageAbsoluteUrl(o)||"";let x={};g&&(x=await l.getImageSize(g).catch(()=>l.getVideoSize(g)).catch(()=>{})),c(o,{...x,filename:o})}})})}),i.jsx(n.TextField,{size:"small",fullWidth:!0,...m,label:i.jsxs(n.Stack,{direction:"row",spacing:1,alignItems:"center",children:[m.label,y&&i.jsxs(i.Fragment,{children:[" (",i.jsx(n.FormControlLabel,{checked:h,label:i.jsx(n.Box,{component:z.Icon,icon:"tabler:markdown",sx:{verticalAlign:"middle"}}),labelPlacement:"start",control:i.jsx(n.Switch,{size:"small"}),sx:{ml:.25,pr:1},onChange:(t,o)=>u==null?void 0:u(o)}),")"]})]}),InputLabelProps:{shrink:!0,...m.InputLabelProps},value:r,onChange:t=>d(t.target.value),...b,onKeyDown:t=>{t.keyCode!==229&&t.key==="Enter"&&f()}})});S.styled(n.Box)`
   .color-item {
     position: relative;
   }

package/lib/cjs/chunks/{draft-data-DPTVTTlh.js → draft-data-CRdesc3Z.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),t=require("./state-DDwYX2mu.js");function n({children:e}){const r=t.useProjectId();return s.jsx(t.StoreProvider,{url:t.getWssURL(r??""),name:"root",waitingSynced:!0,children:s.jsx(o,{children:e})})}function o({children:e}){const{state:r}=t.useStore();return e({state:r})}exports.default=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),t=require("./state-oc52fQ0j.js");function n({children:e}){const r=t.useProjectId();return s.jsx(t.StoreProvider,{url:t.getWssURL(r??""),name:"root",waitingSynced:!0,children:s.jsx(o,{children:e})})}function o({children:e}){const{state:r}=t.useStore();return e({state:r})}exports.default=n;

package/lib/cjs/chunks/home-DpGYsQ1r.js

@@ -0,0 +1,38 @@
+"use strict";const t=require("react/jsx-runtime"),_=require("./state-oc52fQ0j.js"),F=require("@arcblock/ux/lib/Locale/context"),ce=require("@arcblock/ux/lib/Result"),le=require("@blocklet/pages-kit/builtin/page/header"),ue=require("@blocklet/pages-kit/contexts/color"),K=require("@blocklet/pages-kit/utils/data-source"),de=require("@blocklet/ui-react/lib/Header"),Q=require("@emotion/css"),L=require("@emotion/react"),fe=require("@emotion/styled"),S=require("@mui/material"),X=require("ahooks"),ge=require("isomorphic-dompurify"),pe=require("lodash/cloneDeep"),me=require("lodash/isEmpty"),he=require("lodash/isEqual"),p=require("react"),xe=require("react-helmet"),w=require("react-router-dom"),V=require("react-use"),D=require("ufo"),q=require("./array-CeBRUkLo.js"),$=require("@arcblock/ux/lib/Theme"),je=require("@blocklet/ui-react/lib/Footer"),ye=require("webfontloader"),be=require("@arcblock/did-connect/lib/Session"),P=e=>e&&e.__esModule?e:{default:e},Y=P(ce),ve=P(de),Z=P(fe),we=P(ge),O=P(pe),Se=P(me),ee=P(he),Pe=P(je),ke=P(ye),Re=$.styled(Pe.default,{shouldForwardProp:e=>!!e})`
+  & > div > .MuiContainer-root {
+    max-width: unset;
+  }
+`;function _e({meta:e,...n}){const o=$.useTheme();return t.jsx(Re,{...n,meta:e,theme:o||{}})}function te(e){return t.jsx(S.Box,{display:"flex",flex:1,height:"100%",alignItems:"center",justifyContent:"center",...e,children:t.jsx(S.CircularProgress,{size:30})})}function qe(e){return t.jsx(Ce,{...e})}const Ce=$.styled(S.Box)`
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: 999999999999;
+  width: 80px;
+  font-size: 12px;
+  text-align: center;
+  opacity: 0.7;
+  transform: translateX(-23%) translateY(70%) rotate(-45deg);
+  pointer-events: none;
+`,Me=e=>new Promise((n,o)=>{(e==null?void 0:e.length)>0?ke.default.load({google:{families:e},fontactive:()=>{n("success")},fontinactive:()=>{o(new Error("load font fail"))}}):n("success")}),U=`Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'`,J={};function Ee({titleFontFamily:e,descriptionFontFamily:n}){var s;const o=S.useTheme(),r=(s=o==null?void 0:o.typography)==null?void 0:s.fontFamily,a=async l=>{if(l&&!document.querySelectorAll(`link[href*="${l}" i]`).length)try{J[l]||(await Me([l]),J[l]=!0)}catch(i){console.error(i)}};return p.useEffect(()=>{e&&a(e),n&&a(n)},[e,n]),t.jsx(L.Global,{styles:L.css`
+        #app {
+          font-family: ${JSON.stringify(r)}, ${U};
+
+          .page-kit-section__title {
+            font-family: ${JSON.stringify(e??r)}, ${U};
+          }
+
+          .page-kit-section__description {
+            font-family: ${JSON.stringify(n??r)}, ${U};
+          }
+        }
+      `})}const{SessionProvider:Ue,SessionContext:Be,SessionConsumer:Ve,withSession:$e}=be.createAuthServiceSessionContext();function W(){return p.useContext(Be)}function Te(...e){var o;const{session:n}=W();return e.includes((o=n.user)==null?void 0:o.role)}function Ie(...e){var r;const{session:n}=W(),o=Te(...e);return((r=window.blocklet)==null?void 0:r.tenantMode)==="multiple"?!!n.user:o}function De(){const[e]=w.useSearchParams(),{session:n}=W(),o=Ie("owner","admin","pagesEditor","member"),r=p.useMemo(()=>{const s=e.get("mode");return q.STATE_MODES.includes(s)?s:"production"},[e]),a=r==="production"?r:n.user?o?r:"production":null;return a?t.jsx(ne,{mode:a}):null}function ne({mode:e}){if(e!=="draft"){const n=window.__PAGE_STATE__;return n?t.jsx(A,{mode:e,state:n}):t.jsx(Ne,{mode:e,children:({state:o})=>t.jsx(A,{mode:e,state:o})})}return t.jsx(He,{children:({state:n})=>t.jsx(A,{mode:e,state:n})})}const He=p.lazy(()=>Promise.resolve().then(()=>require("./draft-data-CRdesc3Z.js")));function Ne({mode:e,children:n}){const o=document.querySelector('meta[property="pages:version"]'),r=o==null?void 0:o.content,a=_.useProjectId(),s=p.useMemo(()=>{if(r==="{{pagesPublishedAt}}"){const c=localStorage.getItem(_.getProjectPageVersionKey(a??""));return Number(c)?Number(c):new Date().getTime()}return Number(r)},[r]),{loading:l,value:i}=V.useAsync(()=>q.getPages({mode:e,version:s}),[e,s]);return l?t.jsx(te,{}):i?n({state:i}):null}function A({mode:e,state:n}){const{t:o,locale:r}=F.useLocaleContext(),[a]=w.useSearchParams(),s=a.get("hiddenBadge")==="true",l=a.get("showPublish")==="true",{pageIds:i,pages:c,routeIds:m,routes:g,supportedLocales:d,config:{defaultLocale:x},resources:j}=n,y=_.getAllComponents(n),b=p.useMemo(()=>d!=null&&d.some(f=>f.locale===r)?r:void 0,[r,d]),h=Object.values(c).find(f=>(f==null?void 0:f.slug)==="/")?void 0:Object.values(c)[0],N=p.useMemo(()=>i.map(f=>{const u=c[f];return u&&{id:u.id,path:D.joinURL("/",b||"",u.slug,e!=="production"?`?mode=${e}`:"")}}).filter(q.nonNullable),[i,c,b,e]),k=([...f])=>(e!=="production"&&l&&f.unshift(t.jsx(p.Suspense,{fallback:t.jsx("div",{}),children:t.jsx(Le,{mode:"production",state:n})})),f);return t.jsxs(q.Provider,{value:{pages:N},children:[t.jsxs(w.Routes,{children:[h&&t.jsx(w.Route,{index:!0,element:t.jsx(w.Navigate,{to:D.joinURL("/",b||"",h.slug)})}),m==null?void 0:m.map(f=>{var M,E,B,T;const u=g==null?void 0:g[f];if(!u||!u.displayTemplateId)return null;const C=c[u.displayTemplateId];return C?t.jsx(w.Route,{path:D.joinURL(":projectIdOrSlug?",u.path),element:t.jsx(oe,{mode:e,components:y,page:C,locale:b,defaultLocale:x,headerAddons:k,state:n,pageData:(T=(B=(E=(M=u.dataSource)==null?void 0:M.pathDataMappings)==null?void 0:E[u.id])==null?void 0:B.dataCache)==null?void 0:T[b||x||"en"]})},u.id):null}),i.map(f=>{const u=c[f];return u?t.jsx(w.Route,{path:D.joinURL(":projectIdOrSlug?",u.slug),element:t.jsx(H,{mode:e,components:y,page:u,locale:b,defaultLocale:x,headerAddons:k})},u.id):null}),j.pages&&Object.values(j.pages).map(({blockletId:f,page:u})=>t.jsx(w.Route,{path:D.joinURL("/",`@${f}`,u.slug),element:t.jsx(H,{mode:e,components:y,page:u,locale:b,defaultLocale:x,headerAddons:k})},u.id)),t.jsx(w.Route,{path:"*",element:t.jsx(S.Box,{width:"100vw",height:"100vh",display:"flex",justifyContent:"center",alignItems:"center",children:t.jsx(Y.default,{status:404,extra:t.jsx(ae,{href:"/",children:o("common.back")})})})})]}),e!=="production"&&!s&&t.jsx(qe,{sx:{bgcolor:"info.light"},children:e}),t.jsx(Ee,{})]})}function oe({mode:e,pageData:n,components:o,page:r,locale:a,defaultLocale:s,headerAddons:l,state:i}){const c=X.useReactive({page:null});p.useEffect(()=>{const g=r||null;g?c.page=O.default(g):c.page=null},[r,c]);const m=p.useRef();return p.useEffect(()=>{ee.default(n,m.current)||n&&c.page&&(K.setPageDataSource(c.page,i,a,n),m.current=O.default(n))},[c.page,n,a,i]),c.page?t.jsx(H,{mode:e,components:o,page:c.page,locale:a,defaultLocale:s,headerAddons:l}):null}function Ae({mode:e,state:n,path:o,pageData:r}){const{t:a,locale:s}=F.useLocaleContext(),{pages:l,supportedLocales:i,config:{defaultLocale:c},resources:m}=n,g=Object.values(l).find(h=>(h==null?void 0:h.slug)===o),d=Object.values(m.pages||{}).find(h=>h.page.slug===o),x=p.useMemo(()=>i!=null&&i.some(h=>h.locale===s)?s:void 0,[s,i]),j=X.useReactive({page:null});p.useEffect(()=>{const h=g||(d==null?void 0:d.page)||null;h?j.page=O.default(h):j.page=null},[g,d]);const y=p.useRef();if(p.useEffect(()=>{ee.default(r,y.current)||r&&j.page&&(K.setPageDataSource(j.page,n,x,r),y.current=O.default(r))},[{}]),!g&&!(d!=null&&d.page))return t.jsx(S.Box,{width:"100vw",height:"100vh",display:"flex",justifyContent:"center",alignItems:"center",children:t.jsx(Y.default,{style:{background:"inherit"},status:404,extra:t.jsx(ae,{href:"/",children:a("common.back")})})});const b=_.getAllComponents(n);return j.page?t.jsx(H,{mode:e,components:b,page:j.page,locale:x,defaultLocale:c}):null}function H({mode:e,components:n,page:o,locale:r,defaultLocale:a,headerAddons:s}){var N,k,f,u,C,M,E,B,T;const l=ue.useColorConvert(),i=((N=o.locales)==null?void 0:N[r])??((k=o.locales)==null?void 0:k[a])??{},c=i.title||((f=window.blocklet)==null?void 0:f.appName),m=i.description||((u=window.blocklet)==null?void 0:u.appDescription),g=_.autoResizeImage(_.getImageAbsoluteUrl(i.image),540),{logo:d,brand:x,description:j,...y}=le.useHeaderState(),b=p.useMemo(()=>R=>{var I;let v=(s==null?void 0:s(R))??R;return v=((I=y.addons)==null?void 0:I.call(y,v))??v,v},[y.addons,s]),h=(C=i.header)!=null&&C.translucent?re:se;return t.jsxs(q.PageProvider,{page:o,defaultLocale:a,currentLocale:r,children:[!!i.backgroundColor&&t.jsx(L.Global,{styles:L.css`
+            body {
+              background-color: ${l(i.backgroundColor)} !important;
+            }
+          `}),t.jsx(h,{hideNavMenu:!!((M=i.header)!=null&&M.hideNavMenus),translucentTextColor:(E=i.header)==null?void 0:E.translucentTextColor,...d?{logo:d}:{},...x?{brand:x}:{},...j?{description:j}:{},className:Q.cx(((B=i.header)==null?void 0:B.sticky)&&"sticky","page-header"),maxWidth:!1,addons:b}),t.jsx(w.ScrollRestoration,{}),t.jsxs(xe.Helmet,{children:[t.jsx("title",{children:c}),t.jsx("meta",{name:"og:title",content:c}),t.jsx("meta",{name:"og:description",content:m}),t.jsx("meta",{name:"og:image",content:g}),t.jsx("meta",{name:"twitter:image:src",content:g}),t.jsx("meta",{name:"twitter:image",content:g}),t.jsx("meta",{property:"twitter:description",content:m}),t.jsx("meta",{property:"twitter:title",content:c}),t.jsx("meta",{name:"description",content:m})]}),t.jsx(S.Stack,{flexGrow:1,className:"PageView-root",sx:{"& .BlockBase-root:first-child":{pt:"0 !important"}},children:o.sectionIds.map(R=>{var z,G;const v=o.sections[R];if(!v||v.visibility==="hidden")return null;const I=(z=v.locales)==null?void 0:z[r],ie=((G=v.locales)==null?void 0:G[a])??{};return t.jsx(q.BlockRenderer,{id:R,type:v.component,mode:e,section:v,config:{...Se.default(I)?ie:I,locale:r,dev:e==="draft"?{mode:e,components:n,defaultLocale:a}:{mode:e}}},R)})}),!((T=i.footer)!=null&&T.hidden)&&t.jsx(_e,{})]})}const Le=p.lazy(()=>Promise.resolve().then(()=>require("./publish-button-DXSPVfAC.js"))),se=Z.default(ve.default)`
+  &.sticky {
+    position: sticky;
+    top: 0;
+  }
+`;function Oe({logo:e}){const[n,o]=p.useState(),r=S.useMediaQuery(s=>s.breakpoints.down("sm")),{value:a}=V.useAsync(()=>{var i,c;const s=new URL(r?((i=window==null?void 0:window.blocklet)==null?void 0:i.appLogo)||"/.well-known/service/blocklet/logo":((c=window==null?void 0:window.blocklet)==null?void 0:c.appLogoRect)||"/.well-known/service/blocklet/logo-rect",window.location.origin);s.searchParams.delete("imageFilter"),s.searchParams.delete("f");const l=s.toString();return new Promise(m=>{fetch(l).then(g=>{const d=g.headers.get("content-type");d!=null&&d.includes("svg")&&g.text().then(x=>{o(x),m(null)}),m(g.url)})})},[r]);if(e)return e;if(n)return t.jsx(S.Box,{sx:{filter:"initial !important"},dangerouslySetInnerHTML:{__html:we.default.sanitize(n)}});if(a){const s=new URL(a);s.searchParams.set("imageFilter","convert"),s.searchParams.set("f","png"),s.searchParams.set("h","80");const l=s.toString();return t.jsx("img",{src:l,alt:"logo"})}return null}function re({logo:e,translucentTextColor:n,...o}){const{y:r}=V.useWindowScroll();let a=Math.min(r/800,1),s="";if(a>.1){a=Math.max(a,.6);const l=Math.round(255*Math.min(1-a,.2));s=`rgb(${l}, ${l}, ${l})`}else s=n||"#EEEEEE";return t.jsx(se,{logo:t.jsx(Oe,{logo:e}),...o,className:Q.cx(a<=.7&&"reverse-color"),style:{backgroundColor:`rgba(255,255,255,${a})`,"--logo-invert":a<=.7?1-a/6:1-a},sx:{backdropFilter:a>=.6?"blur(10px)":"blur(0px)",transition:"all 0.3s ease",position:"fixed !important",left:0,top:0,right:0,bgcolor:"transparent","&.reverse-color":{".navmenu-root>.navmenu-sub>span,\n          .navmenu-root>.navmenu-item,\n          .header-addons>button,\n          .header-addons>a,\n          .header-addons>div>button":{color:`${s} !important`}},".header-logo > div":{filter:"invert(var(--logo-invert))"},".header-logo":{color:s}}})}const ae=Z.default(S.Button)``;exports.Home=De;exports.HomeView=ne;exports.Loading=te;exports.PageRoutes=A;exports.PageView=H;exports.PageViewByPath=Ae;exports.PageViewWithDataSource=oe;exports.TranslucentHeader=re;

package/lib/cjs/chunks/publish-button-DXSPVfAC.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),C=require("./state-oc52fQ0j.js"),q=require("@arcblock/ux/lib/Locale/context"),W=require("@arcblock/ux/lib/Toast"),A=require("@mui/icons-material"),M=require("@mui/lab"),t=require("@mui/material"),R=require("immer"),_=require("lodash/difference"),c=require("react"),N=require("react-use"),F=require("./home-DpGYsQ1r.js"),O=require("./array-CeBRUkLo.js"),z=s=>s&&s.__esModule?s:{default:s},I=z(W),D=z(_);function H(s){const[g,p]=c.useState(!1);return e.jsx(M.LoadingButton,{...s,loading:s.loading||g,onClick:a=>{var x;const m=(x=s.onClick)==null?void 0:x.call(s,a);m instanceof Promise&&(p(!0),m.finally(()=>{p(!1)}))}})}const J=t.createSvgIcon(e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M7.75732 16.2426L16.2426 7.75736",stroke:"#4B5563",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M16.2426 16.2426L7.75732 7.75735",stroke:"#4B5563",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),"Close");function V(){const[s,g]=c.useState(),p=c.useMemo(()=>s?e.jsx(t.Dialog,{...s}):null,[s]),a=c.useCallback(()=>{g(void 0)},[]),m=c.useCallback(({title:x,content:d,cancelText:L="Cancel",okText:f="Ok",onOk:h,onClose:j,okIcon:B,okColor:n="primary",cancelColor:r="primary",DialogContentProps:k,form:P,...b})=>{g({...b,open:!0,children:e.jsxs("form",{onSubmit:v=>v.preventDefault(),children:[x&&e.jsxs(t.DialogTitle,{className:"between",zIndex:"appBar",bgcolor:"background.paper",sx:{borderBottom:"1px solid #E5E7EB"},children:[e.jsx(t.Box,{children:x}),e.jsx(t.IconButton,{size:"small",onClick:async()=>{a(),j==null||j()},children:e.jsx(J,{})})]}),d&&e.jsx(t.DialogContent,{...k,sx:{mt:-3,...k==null?void 0:k.sx},children:e.jsx(t.Box,{pt:3,children:d})}),e.jsxs(t.DialogActions,{children:[e.jsx(t.Button,{variant:"outlined",color:r||"primary",onClick:j??a,children:L}),e.jsx(H,{variant:"contained",color:n||"primary",startIcon:B,loadingPosition:B?"start":"center",onClick:async()=>{await(h==null?void 0:h()),a()},type:"submit",children:f})]})]}),onClose:j??a})},[a]);return{dialog:p,showDialog:m,closeDialog:a}}const K=c.forwardRef(({mode:s,state:g},p)=>{const{t:a}=q.useLocaleContext(),[m,x]=c.useState(!1),{dialog:d,showDialog:L}=V(),f=C.useProjectId(),h=c.useCallback(B=>{let n=[];L({title:a("maker.publishToProduction"),content:e.jsxs(t.Box,{sx:{minWidth:300},children:[e.jsx(t.Alert,{color:"warning",icon:e.jsx(A.Warning,{}),children:a("maker.publishToProductionTip")}),e.jsx(t.Box,{maxHeight:"50vh",overflow:"auto",mt:2,children:e.jsx(U,{state:g,toMode:s,onChange:r=>n=r,defaultRouteIds:B})})]}),okText:a("maker.publish"),cancelText:a("common.cancel"),onOk:async()=>{if((n==null?void 0:n.length)===0){const r=a("maker.publishSelectPagesMessage");throw I.default.error(r),new Error(r)}localStorage.setItem(C.getProjectPageVersionKey(f??""),String(new Date().getTime())),x(!0);try{await O.publishPages({mode:s,routes:n}),I.default.success(a("maker.publishSuccessMessage"))}catch(r){throw I.default.error(r.message),r}finally{x(!1)}}})},[s,g,a,f,L]);c.useImperativeHandle(p,()=>({openPublishDialog:h}));const j=c.useCallback(()=>{h()},[h]);return e.jsxs(e.Fragment,{children:[e.jsx(M.LoadingButton,{color:"primary",variant:"contained",size:"small",sx:{mr:1},onClick:j,loading:m,disabled:m,children:a("maker.publishToProduction")}),d]})});function U({state:s,toMode:g,onChange:p,defaultRouteIds:a}){const{t:m,locale:x}=q.useLocaleContext(),[d,L]=c.useState(!1),[f,h]=c.useState(()=>a?Object.fromEntries(a.map(i=>[i,!0])):{}),{loading:j,error:B,value:n}=N.useAsync(()=>O.getPages({mode:g}),[g]);if(B)throw B;const r=c.useMemo(()=>s.routeIds||[],[s]),k=c.useMemo(()=>(n==null?void 0:n.pageIds)||[],[n]),P=c.useMemo(()=>!r||!s.routes?[]:JSON.parse(JSON.stringify(r)).sort((u,y)=>{var w,T;const o=(w=s.routes)==null?void 0:w[u],l=(T=s.routes)==null?void 0:T[y];return o!=null&&o.publishedAt&&new Date(o.publishedAt).getTime()<new Date(o.updatedAt).getTime()?-1:l!=null&&l.publishedAt&&new Date(l.publishedAt).getTime()<new Date(l.updatedAt).getTime()?1:new Date((o==null?void 0:o.updatedAt)??"").getTime()-new Date((l==null?void 0:l.updatedAt)??"").getTime()}),[s,r]),b=c.useMemo(()=>!n||!k||!r?[]:D.default(k,r),[r,n,k]),v=c.useMemo(()=>r?[...r].concat(b):b,[r,b]),S=c.useCallback(i=>{h(u=>{const y=R.produce(u,o=>{d?(Object.assign(o,Object.fromEntries(v.map(l=>[l,!0]))),delete o[i]):o[i]?(delete o[i],b.includes(i)&&(r||[]).filter(l=>{var w,T;return((w=s.pages[l])==null?void 0:w.slug)===((T=n==null?void 0:n.pages[i])==null?void 0:T.slug)}).forEach(l=>{delete o[l]})):(o[i]=!0,r&&r.includes(i)&&b.filter(l=>{var w,T;return((w=n==null?void 0:n.pages[l])==null?void 0:w.slug)===((T=s.pages[i])==null?void 0:T.slug)}).forEach(l=>{o[l]=!0}))});return L(D.default(v,Object.keys(y)).length===0),y})},[d,v,b,s,n,r]),E=c.useCallback(()=>{L(i=>(i&&h({}),!i))},[]);return c.useEffect(()=>{p(d?null:Object.keys(f))},[d,f,p]),j?e.jsx(F.Loading,{sx:{my:4}}):e.jsxs(t.List,{disablePadding:!0,sx:{maxWidth:500},children:[e.jsx(t.ListItem,{sx:{position:"sticky",top:0,bgcolor:"background.paper",zIndex:1},disablePadding:!0,children:e.jsxs(t.ListItemButton,{onClick:E,dense:!0,children:[e.jsx(t.ListItemIcon,{children:e.jsx(t.Checkbox,{edge:"start",checked:d,tabIndex:-1})}),e.jsx(t.ListItemText,{primary:m("common.all")})]})}),P.map(i=>{var l;const u=(l=s.routes)==null?void 0:l[i];if(!u)return null;const y=!1,o=!u.publishedAt||u.updatedAt&&new Date(u.updatedAt).getTime()>new Date(u.publishedAt).getTime();return e.jsx(t.ListItem,{disablePadding:!0,secondaryAction:e.jsxs(e.Fragment,{children:[o&&e.jsx(t.Tooltip,{title:m("maker.pages.needPublish"),children:e.jsx(A.Sync,{fontSize:"small",sx:{color:"warning.main",fontSize:16,mr:.35}})}),!u.isPublic&&e.jsx(t.Tooltip,{title:m("maker.pages.notPublic"),children:e.jsx(A.VisibilityOff,{fontSize:"small",sx:{color:"warning.main",fontSize:16,mr:.35}})}),y]}),children:e.jsxs(t.ListItemButton,{onClick:()=>S(i),dense:!0,children:[e.jsx(t.ListItemIcon,{children:e.jsx(t.Checkbox,{edge:"start",checked:d||!!f[i],tabIndex:-1})}),e.jsx(t.ListItemText,{primary:u.path,primaryTypographyProps:{noWrap:!0,textOverflow:"ellipsis"},secondaryTypographyProps:{noWrap:!0,textOverflow:"ellipsis"}})]})},i)}),b.map(i=>{var y,o;const u=n==null?void 0:n.pages[i];return u?e.jsx(t.ListItem,{disablePadding:!0,secondaryAction:e.jsx(t.Chip,{color:"warning",label:"deleted",size:"small"}),children:e.jsxs(t.ListItemButton,{onClick:()=>S(i),dense:!0,children:[e.jsx(t.ListItemIcon,{children:e.jsx(t.Checkbox,{edge:"start",checked:d||!!f[i],tabIndex:-1})}),e.jsx(t.ListItemText,{primary:u.slug,secondary:(o=(y=u.locales)==null?void 0:y[x])==null?void 0:o.title,primaryTypographyProps:{noWrap:!0,textOverflow:"ellipsis"},secondaryTypographyProps:{noWrap:!0,textOverflow:"ellipsis"}})]})},i):null})]})}exports.default=K;