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

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-CnXbKOG_.js"),U=require("./chunks/config-color-BBSht7j-.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 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)`
   display: flex;
   align-items: center;
   padding: 8px;
@@ -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:"iframe",name:"Embed",properties:r.IFrameBlockDefaultProps},{id:"section",name:"Section",properties:r.SectionBlockDefaultProps},{id:"section-card-list",name:"SectionCardList",properties:Qg},{id:"toc",name:"Toc",properties:r.TocDefaultProps}].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",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;

package/lib/cjs/chunks/array-C2Xw0f0u.js

@@ -0,0 +1,441 @@
+"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)`
+  overflow: hidden;
+
+  .section__title {
+    margin-top: 0;
+    font-weight: 700;
+  }
+  .section__title_non_big {
+    font-size: 32px;
+    @media (max-width: 600px) {
+      font-size: 24px;
+    }
+  }
+  &.base-info .section__tag {
+    margin-top: 0;
+    margin-bottom: 2vw;
+    background-color: ${({theme:t})=>t.palette.primary.main};
+    white-space: nowrap;
+    max-width: 100%;
+    display: inline-block;
+    padding: 0 10px;
+    justify-content: flex-start;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font-size: 12px;
+    color: #fff;
+    border-radius: 4px;
+    line-height: 20px;
+  }
+  .section__title {
+    color: ${({theme:t})=>t.palette.text.primary};
+    a {
+      color: ${({theme:t})=>t.palette.primary.main};
+    }
+    p {
+      margin-top: 0;
+      margin-bottom: 0;
+    }
+  }
+  .section__description {
+    color: ${({theme:t})=>t.palette.text.primary};
+    margin-bottom: 4vw;
+    margin-top: 0;
+    a {
+      color: ${({theme:t})=>t.palette.primary.main};
+    }
+    p {
+      margin-top: 0;
+      margin-bottom: 0.5rem;
+    }
+  }
+  @media (min-width: ${({theme:t})=>t.breakpoints.values[me]}px) {
+    .section__tag {
+      margin-bottom: 32px;
+    }
+    .section__title {
+      margin-bottom: 32px;
+    }
+    .section__description {
+      margin-bottom: 40px;
+    }
+  }
+`;function z({title:t,description:e,descriptionMarkdown:r,actions:i,className:n="",classes:s={},prepend:d,append:a,level:l=2,tag:c,badge:u,center:m,logo:h,titleAppearance:p,descriptionAppearance:y,...w}){const b=mt.useColorConvert();if(!t&&!e&&!i&&!u&&!c&&!d&&!a&&!h)return null;const v=Math.max(Math.min(5,l+1),1),_={1:"xl:!text-3xl lg:!text-2xl md:!text-xl",2:"xl:!text-2xl lg:!text-xl md:!text-lg",3:"xl:!text-2xl lg:!text-xl md:!text-lg",4:"xl:!text-xl lg:!text-lg md:!text-md",5:"xl:!text-lg md:!text-md sm:!text-sm",6:"!text-sm"},I=l===0?"big":`h${v}`,P=l===0;return o.jsxs(pe,{className:g.cx("base-info","lg:text-left",m&&"!text-center",n),...w,children:[d&&o.jsx("div",{children:d}),(c||u)&&o.jsx("div",{className:g.cx("section__tag",(s==null?void 0:s.tag)||(s==null?void 0:s.badge)),children:c||u}),h&&o.jsx("img",{className:"w-[120px] m-auto mb-8",src:h,alt:"info",loading:"lazy"}),t&&o.jsx(x.Typography,{sx:{whiteSpace:"pre-wrap",mb:e?"2vw":0,...(p==null?void 0:p.color)&&{color:`${b(p.color)} !important`}},className:g.cx("section__title","text-gray-800","dark:text-gray-50",s.title,"page-kit-section__title",P?"":"section__title_non_big"),component:`h${Math.max(l,1)}`,variant:I,children:t}),e&&(r?o.jsx(x.Box,{sx:{...(y==null?void 0:y.color)&&{color:`${b(y.color)} !important`}},className:g.cx("section__description","text-gray-800","dark:text-gray-100",_[v],s.description,"page-kit-section__description"),children:o.jsx(Kt.default,{codeOptions:{showActionButton:!1,theme:Et.materialDark},children:e})}):o.jsx(x.Typography,{sx:{whiteSpace:"pre-wrap",...(y==null?void 0:y.color)&&{color:`${b(y.color)} !important`}},className:g.cx("section__description","text-gray-800","dark:text-gray-100",_[v],s.description,"page-kit-section__description"),component:"div",variant:"body1",gutterBottom:!0,children:e})),o.jsx(R,{actions:i,center:m,className:"mt-8"}),a&&o.jsx("div",{children:a})]})}const E=["actions","append","badge","tag","center","description","descriptionMarkdown","level","logo","prepend","title","titleAppearance","descriptionAppearance"];function yt(t){if(t.type===f.Fragment){const r=(t.props.children||[]).filter(i=>f.isValidElement(i));return r.length===1?yt(r[0]):r.length>1}return Array.isArray(t)}const C="&>*";function X({children:t,col:e,gap:r,className:i,align:n,sx:s,type:d,...a}={children:null,className:"",col:3,gap:void 0,sx:{},align:"center",type:"default"}){const l=k.useTheme(),c=Number(Math.floor(100/e*100)/100),u={center:"justify-center items-center",left:"justify-start items-center",right:"justify-end items-center",top:"justify-center items-start",bottom:"justify-center items-end","top-left":"justify-start items-start","top-right":"justify-end items-start","bottom-left":"justify-start items-end","bottom-right":"justify-end items-end"},m=u[n]||u.center;let p=r??({2:6,3:4,4:4,5:3,6:3}[e]||0);yt(t)||(p=0);const w=(e-1)*p/e;let b={...s,gap:`${p}rem`};const v={[C]:{width:"100%"}},_={},I={},P={};switch(v.gap="1rem",_.gap=`${p/2}rem`,e){case 3:case 4:_[C]={width:`calc(50% - ${p/2}rem)`};break;case 5:case 6:v[C]={width:`calc(50% - ${p/2/2}rem)`},_[C]={width:`calc(50% - ${p/2/2}rem)`},I[C]={width:`calc(33.33% - ${p*2/3}rem)`};break}return b[C]={width:`calc(${c}% - ${w}rem)`},b[`@media (max-width: ${l.breakpoints.values.xl}px)`]=P,b[`@media (max-width: ${l.breakpoints.values.lg}px)`]=I,b[`@media (max-width: ${l.breakpoints.values.md}px)`]=_,b[`@media (max-width: ${l.breakpoints.values.sm}px)`]=v,d==="wall"&&(b={...s,gap:`${p}rem`},b[C]={width:`calc(${c}% - ${w}rem)`},v[C]={width:`calc(45% - ${p/2/2}rem)`},b[`@media (max-width: ${l.breakpoints.values.sm}px)`]=v),o.jsx(x.Box,{className:g.cx("flex flex-wrap flex-row h-full",m,i),sx:b,...a,children:t})}function xe(){const t=navigator.userAgent.toLowerCase();return t.includes("safari")&&!t.includes("chrome")}function he(t=""){if(t.startsWith("data:image/svg+xml,"))return!0;const e=/^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^&*?.\s])?\.)+[a-z]{2,6}\/?/,r=/^(\/|\.\/|\.\.\/)(?:[^/]+\/)*[^/]+$/;return e.test(t)||r.test(t)}function H(t){return(t==null?void 0:t.endsWith(".mp4"))||(t==null?void 0:t.endsWith(".m4v"))||(t==null?void 0:t.endsWith(".webm"))}function fe(t){return t!=null&&t.endsWith(".mp4")||t!=null&&t.endsWith(".m4v")?"video/mp4":t!=null&&t.endsWith(".webm")?"video/webm":void 0}function ge(t){let e={};return typeof t=="string"?nt.isGradient(t)?e.image=t:(e.image=j.getImageAbsoluteUrl(t),nt.isColorString(t)&&(e.color=t,e.image="")):e=t,e}function ye(){const[t,e]=f.useState(Date.now());return f.useEffect(()=>{const r=()=>{e(Date.now())};return document.addEventListener("visibilitychange",r),()=>{document.removeEventListener("visibilitychange",r)}},[]),t}function st(t,e,r,i,n){let s=null;const{color:d="",image:a}=ge(e);return a&&he(a)?(delete r.backgroundColor,!(t.mobile.apple.device||xe())&&H(a)?s=o.jsx(x.Box,{component:"video",className:"section-bg",width:"100%",autoPlay:!0,loop:!0,muted:!0,controls:!1,playsInline:!0,poster:j.autoResizeImage(j.getImageAbsoluteUrl(i),1200,"quality"),src:H(a)?a:j.autoResizeImage(a,1200,"quality"),sx:{position:"absolute",zIndex:-9999,right:0,left:0,top:0,width:"100%",height:"100%",objectFit:"cover"}},a):s=o.jsx(J.ResponsiveImage,{src:a,sizesAttr:{sm:600,md:900,lg:1200},className:"section-bg",alt:"",width:"100%",loading:"lazy",sx:{position:"absolute",zIndex:-9999,right:0,left:0,top:0,width:"100%",height:"100%",objectFit:"cover"}},n||a)):a?r.backgroundImage=`${a} !important`:d&&(r.backgroundColor=`${d} !important`),s}function be({autoWidth:t,children:e,...r}){return t?o.jsx(x.Box,{display:"flex",...r,children:e}):o.jsx(x.Container,{...r,children:e})}function q({dark:t=!1,children:e,className:r,sx:i={},boxed:n={show:!1},padding:s="normal",boxProps:d,type:a,...l}){const c={...i},u=xt.default(p=>p.breakpoints.down("md"));t&&(c.color=it.default.common.white,c.backgroundColor=`${it.default.grey[900]} !important`),n.show&&(c.display="flex");const m=f.useMemo(()=>!Number(l.boxMaxWidth)||u?{width:"100%"}:a==="wall"&&l.boxMaxWidth?{maxWidth:`${l.boxMaxWidth}px !important`,width:"100%"}:{width:"100%"},[l.boxMaxWidth,u,a]),h=ft({type:"baseSectionPaddingY",value:s||"normal",defaultValue:""});return o.jsx(we,{component:"section",styles:{...c,...h},className:g.cx("base-section","px-2 md:px-5 lg:px-5 xl:px-10",r,{dark:t}),...N.default(l,"hoverStyle","boxMaxWidth","embedUrl","autoWidth","paddingXY","iframeHeight","titleAppearance","descriptionAppearance"),children:o.jsx(be,{autoWidth:l==null?void 0:l.autoWidth,className:g.cx("section-content h-full"),sx:m,children:n.show?o.jsx(bt,{...d,boxed:n,children:e}):e})})}function bt({background:t="",backgroundVideoPoster:e,children:r,sx:i={},boxed:n={show:!1},className:s="",styles:d={},...a}){const l={...d,...i},c=mt.useColorConvert();let u=null;const m=xt.default(y=>y.breakpoints.up("sm")),h=Xt.default(),p=ye();return t&&(u=st(h,typeof t=="string"?c(t):t,l,e,p)),n.show&&(l.borderRadius="10px",l.padding===void 0&&(l.padding=m?"50px":"20px"),n!=null&&n.border&&(l.border="1px solid #c0c0c0"),n!=null&&n.background&&(u=st(h,typeof(n==null?void 0:n.background)=="string"?c(n==null?void 0:n.background):n==null?void 0:n.background,l,n==null?void 0:n.backgroundVideoPoster,p))),o.jsxs(x.Box,{...a,sx:{...l,...u?{position:"relative",overflow:"hidden",zIndex:0}:{}},className:g.cx(s,(n==null?void 0:n.boxShadow)&&"shadow-xl"),children:[u,r]})}const we=k.styled(bt)`
+  &:nth-of-type(even) {
+    background: #f8f8f8;
+  }
+
+  @media (max-width: 600px) {
+    .section__title {
+      font-size: 24px;
+    }
+
+    .base-info {
+      > *:last-child {
+        margin-bottom: 0;
+      }
+    }
+  }
+`;function Q({icon:t,...e}){return o.jsx(pt.Icon,{icon:t,...e,ref:null})}function S(t,e){const r=K.default(t,e),i=N.default(t,e);return[r,i]}const wt=["title","description","actions","badge","tag","prepend","append","logo"];function je({image:t,imageBorder:e,imageShadow:r,className:i,reverse:n=!1,fullSizeImage:s,...d}){const[a,l]=S(d,E),c=Object.keys(a).length>0&&Object.values(K.default(a,wt)).filter(Boolean).length>0&&o.jsx(z,{...a}),u=f.isValidElement(t)?t:o.jsx(x.Box,{component:"img",src:t,alt:"",className:"block"}),m=["phone","macbook"].includes(e),h=t&&o.jsx(x.Box,{className:g.cx("section__image","m-auto, leading-[1] text-center",r&&"shadow-xl",a!=null&&a.center?"flex justify-center items-center":""),sx:{border:e===!0?"1px solid #c0c0c0":void 0,borderRadius:2,overflow:"hidden","> div":m?{width:"100%",video:{borderRadius:"0 !important"}}:void 0},children:m?o.jsx(Qt.default,{type:e,sx:{width:"100%"},children:u}):u});return o.jsx(q,{className:g.cx("section--block",i,s&&!n&&g.css`
+            .section-bg {
+              height: 80%;
+            }
+          `),...l,boxProps:s?{sx:{padding:0,overflow:"hidden"}}:void 0,children:o.jsx(X,{col:t?2:1,className:s?g.css`
+                display: flex;
+                flex-direction: column;
+
+                > .base-info,
+                > .section__image {
+                  width: 100%;
+
+                  > img,
+                  > video {
+                    width: 100%;
+                  }
+                }
+              `:void 0,children:n?o.jsxs(o.Fragment,{children:[h,c]}):o.jsxs(o.Fragment,{children:[c,h]})})})}const L=["editing","height","locale","dev","sx"];function _e(t){const{className:e,...r}=t;return o.jsx(ve,{...r,className:g.cx("BlockBase-root",e)})}const ve=k.styled(x.Box)`
+  position: relative;
+  color: ${({theme:t})=>t.palette.text.primary};
+`;function ke({widget:t,reverse:e,projectId:r,assistantId:i,working:n,submitTitle:s,submitIcon:d,submitColor:a,placeholder:l,loadingIndicator:c,section:u,...m}){const[{editing:h},p]=S(m,L),[y,w]=S(p,E),b=r&&i?{projectId:r,gitRef:"main",assistantId:i,working:!0}:void 0,v={children:s,endIcon:d?o.jsx(Q,{icon:d}):void 0,sx:{background:a||void 0,":hover":{background:a||void 0,opacity:.8}}},_=[],I=l&&o.jsx(x.Typography,{variant:"caption",color:"text.disabled",children:l}),P=c&&o.jsx(x.Typography,{variant:"caption",color:"text.disabled",children:c});Object.keys(y).length>0&&Object.values(K.default(y,wt)).filter(Boolean).length>0&&_.push(o.jsx(z,{...y},"base-info")),b&&(t==="form"?_.push(o.jsx(U.AIForm,{identifier:b,SubmitProps:v},"form")):t==="result"?_.push(o.jsx(U.AIFormResult,{identifier:b,placeholder:I,loadingIndicator:P},"result")):_.push(o.jsxs(x.Stack,{width:"100%",gap:2,direction:"row",children:[o.jsx(U.AIForm,{identifier:b,BoxProps:{flex:1},SubmitProps:v}),o.jsx(U.AIFormResult,{identifier:b,BoxProps:{flex:1},placeholder:I,loadingIndicator:P})]},"form-result"))),e&&_.reverse();const et=x.useTheme(),vt=f.useMemo(()=>x.createTheme(Rt.deepmerge(et,{palette:{primary:a?{main:a}:void 0}})),[a,et]);return o.jsx(Tt.ErrorBoundary,{fallbackRender:j.ErrorView,children:o.jsx(x.ThemeProvider,{theme:vt,children:o.jsx(q,{...w,sx:h?{pointerEvents:"none"}:{},children:o.jsx(X,{col:_.length,children:_})})})})}const jt=f.createContext({pages:[],project:void 0}),{Provider:$e,Consumer:vo}=jt;function _t(){return f.useContext(jt)}function Se({icon:t,className:e="",size:r="1rem",...i}){return o.jsx(Ne,{component:Q,className:g.cx("css-icon",e),size:r,...i,icon:t})}const Ne=k.styled(x.Box)`
+  &.css-icon {
+    display: inline-block;
+    width: ${({size:t})=>t};
+    height: ${({size:t})=>t};
+  }
+`;function Ce({icon:t,className:e="",size:r="1rem",imageMeta:i,...n}){const s=j.autoResizeImage(j.getImageAbsoluteUrl(t),540),[d,a]=f.useState(!1),l=k.useTheme();return d?o.jsx(Se,{icon:"i-mdi:image",color:l.palette.grey[500],size:r,className:e,...n}):o.jsx(Be,{className:g.cx("image-icon",e),size:r,...n,children:o.jsx("img",{className:"image-icon__image",src:s,onError:()=>a(!0),width:i==null?void 0:i.naturalWidth,height:i==null?void 0:i.naturalHeight,alt:(i==null?void 0:i.filename)||"card-icon",loading:"lazy"})})}const Be=k.styled(x.Box)`
+  display: inline-block;
+  width: ${({size:t})=>t};
+  height: ${({size:t})=>t};
+  .image-icon__image {
+    object-fit: contain;
+    height: 100%;
+    width: 100%;
+  }
+`,Z=t=>typeof t=="string"&&/^[\w-_]+:[\w-_]+$/.test(t);function Y({icon:t,size:e="1rem",imageMeta:r,...i}){const n=window.isNaN(e)?e:`${e}px`;return Z(t)?o.jsx(pt.Icon,{icon:t}):o.jsx(Ie,{component:Ce,imageMeta:r,className:"base-icon",icon:t,size:n,...i})}const Ie=k.styled(x.Box)`
+  flex-shrink: 0;
+`;function T({text:t,children:e,icon:r="",endIcon:i,color:n="primary",link:s="",href:d="",...a}){const l=r?o.jsx(Y,{icon:r}):null,c=i?o.jsx(Y,{icon:i}):null,u=s||d,m={...a};return u&&(m.href=u,V.default(u)&&(m.target=m.target||"_blank")),o.jsx(Zt.default,{startIcon:l,endIcon:c,color:n,...m,children:t||e})}function tt({editing:t,text:e,...r}){const{pages:i=[]}=_t(),n=i.find(s=>s.id===(r.link||r.linkId));if(t)return o.jsx(T,{...N.default(r,["link","linkId"]),children:e});if(n){const s=n.path||"/";return o.jsx(G.Link,{to:s,children:o.jsx(T,{...N.default(r,["link","linkId"]),children:e})})}return o.jsx(T,{...N.default(r,"linkId"),children:e})}function B({type:t="",icon:e="",size:r="3rem",className:i="",...n}){return o.jsx(Y,{icon:e||t,size:r,className:g.cx("content-icon",i),...n})}B.propTypes={};B.defaultProps={type:"",icon:"",size:"3rem",color:"inherit",className:""};function Pe({to:t,base:e,children:r,className:i,activeClassName:n="active",target:s="auto",autoExternalMark:d=!1,useRouterLink:a,...l}){const{pages:c=[],locale:u=""}={},m=e?F.join("/",e):e||"";let h=s==="auto"?"_self":s,p=F.join(m,t);const y=d?V.default(p):!1;if(e)return p=F.join(m,u,t),o.jsx("a",{className:`no-underline ${i}`,href:W.withoutTrailingSlash(p),rel:"noreferrer noopener",target:h,...l,children:r});if(V.default(t))s==="auto"&&(h="_blank"),p=t;else{W.isRelative(p)&&(p=F.join(window.location.pathname,p));const w=W.parseURL(`${window.location.origin}${p}`),b=c.some(v=>v.pathname===w.pathname);if(a||b)return o.jsx(G.NavLink,{end:!0,to:W.withoutTrailingSlash(p),className:({isActive:v})=>g.cx(i,v?n:""),...l,children:r})}return o.jsxs("a",{className:`no-underline ${i}`,href:W.withoutTrailingSlash(p),rel:"noreferrer noopener",target:h,...l,children:[r,y&&o.jsx(B,{icon:"i-mdi:arrow-top-right",size:"0.9em",className:"smart-link__mark",style:{marginLeft:5}})]})}function A({prepend:t,append:e,children:r,className:i="",dark:n=!1,border:s=!0,...d}){let a={};const{pages:l=[]}=_t(),c=l.find(h=>h.id===d.link),u=!r||Gt.default.Children.toArray(r).every(h=>h===null);d.link&&(a={component:Pe,to:(c==null?void 0:c.path)||d.link,useRouterLink:!0});const m=n&&s;return o.jsxs(Re,{className:g.cx("base-card card",{"border-gray-200":s},{"dark:border-gray-500":m},{dark:n,"border-transparent":!s},i),...a,...N.default(d,["listType","dark","iconColor","link","hoverStyle","imageSize"]),children:[t,!u&&o.jsx("div",{className:"card__body",children:r}),e]})}const Re=k.styled(x.Box)`
+  &.base-card {
+    text-align: left;
+    border-width: 1px;
+    border-style: solid;
+    border-radius: 12px;
+    overflow: hidden;
+    &,
+    &:hover {
+      text-decoration: none;
+    }
+  }
+  .card__body {
+    padding: 15px 15px;
+  }
+`;function O({align:t="left",title:e,titleProps:r={},description:i,descriptionProps:n={}}){return o.jsxs(o.Fragment,{children:[e&&o.jsx(x.Typography,{className:g.cx("card__title text-gray-800","dark:text-gray-50"),component:"h5",variant:"h5",gutterBottom:!0,align:t,...r,children:e}),i&&o.jsx(x.Typography,{className:g.cx("card__description","text-gray-500","dark:text-gray-400"),component:"div",variant:"body1",gutterBottom:!0,align:t,...n,children:i})]})}function We({image:t,title:e,description:r,imageProps:i={},imageMeta:n,imageSize:s,titleProps:d={},descriptionProps:a={},actions:l,align:c,...u}){const m=Z(t),h=j.autoResizeImage(j.getImageAbsoluteUrl(t),540);return o.jsxs(Te,{className:"card-article",...u,prepend:o.jsx("div",{className:"card__image__wrap",children:m&&t?o.jsx(x.Box,{sx:{position:"absolute",left:0,top:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center"},children:o.jsx(B,{icon:t,color:"primary.main"})}):h&&o.jsx("img",{className:"card__image",src:h,...i,alt:i.alt||(n==null?void 0:n.filename)||"card-image",width:n==null?void 0:n.naturalWidth,height:n==null?void 0:n.naturalHeight,style:{width:"100%",height:"100%",objectFit:s||"cover",objectPosition:"center"},loading:"lazy"})}),children:[e||r?o.jsx(O,{align:c,title:e,titleProps:d,description:r,descriptionProps:a}):null,l!=null&&l.length?o.jsx(R,{align:c,actions:l,className:"mt-4"}):null]})}const Te=k.styled(A)`
+  ${t=>t.hoverStyle==="none"?"":t.link?`transition: box-shadow ease .3s;
+              &:hover {
+                box-shadow: 0 0 10px rgba(95, 142, 244, 0.42);
+              }`:""}
+
+  .card__image__wrap {
+    padding-top: 61.8%;
+    width: 100%;
+    position: relative;
+  }
+  .card__image {
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    width: 100%;
+    height: 100%;
+    object-position: top center;
+  }
+`,at="section";function lt({title:t,image:e,imageMeta:r,description:i,actions:n,align:s,listType:d="",className:a="",...l}){return o.jsxs(ze,{className:g.cx("card",`list-type-${d}`,a),align:s,...l,children:[e&&o.jsx(B,{icon:e,color:"primary.main",size:d==="icon-title"?"1.2rem":"3rem",imageMeta:r}),t||i?o.jsx(O,{align:s,title:t,description:i}):null,n!=null&&n.length?o.jsx(R,{align:s,actions:n,className:"mt-4"}):null]})}const ze=k.styled(A)`
+  padding: 5vw 4vw;
+  box-sizing: border-box;
+  /* min-height: 320px; */
+  color: inherit !important;
+  border-radius: 0.5rem;
+  /* ${({dark:t,theme:e})=>`background-color:${t?e.palette.grey[900]:e.palette.common.white};`} */
+  @media (max-width: ${({theme:t})=>t.breakpoints.values[at]}px) {
+    padding: 1.5rem 2rem;
+  }
+  @media (max-width: ${({theme:t})=>t.breakpoints.values.sm}px) {
+    height: auto;
+    min-height: unset;
+  }
+
+  ${t=>t.hoverStyle==="none"?"":t.link?`transition: box-shadow ease .3s;
+              &:hover {
+                box-shadow: 0 0 10px rgba(95, 142, 244, 0.42);
+              }`:""}
+
+  .card__title {
+    font-weight: 700;
+    margin-top: 24px;
+    margin-bottom: 12px;
+    color: ${({theme:t})=>t.palette.text.primary};
+    a {
+      color: ${({theme:t})=>t.palette.primary.main};
+    }
+  }
+  .card__description {
+    color: ${({theme:t})=>t.palette.text.primary};
+    a {
+      color: ${({theme:t})=>t.palette.primary.main};
+    }
+  }
+  .card__body {
+    color: ${({theme:t})=>t.palette.text.primary};
+    padding: 0;
+    ${({align:t})=>`text-align:${t||"left"};`}
+  }
+
+  &.list-type-icon-title {
+    padding: 1.2rem;
+    .title-line {
+      display: flex;
+    }
+    .card__title {
+      margin: 0;
+      font-size: 1em;
+    }
+    .css-icon {
+      margin-right: 0.5rem;
+    }
+  }
+
+  @media (min-width: ${({theme:t})=>t.breakpoints.values[at]}px) {
+    padding: 2rem 2rem;
+    text-align: left;
+    box-sizing: border-box;
+  }
+`;function Ee({image:t,title:e,description:r,imageProps:i={},imageMeta:n,imageSize:s,titleProps:d={},descriptionProps:a={},actions:l,align:c,...u}){const m=Z(t),h=j.autoResizeImage(j.getImageAbsoluteUrl(t),540);return o.jsxs(qe,{className:"card-article",...u,prepend:o.jsx("div",{className:"card__image__wrap",children:m&&t?o.jsx(x.Box,{sx:{position:"absolute",left:0,top:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center"},children:o.jsx(B,{icon:t,color:"primary.main"})}):h&&o.jsx(x.Box,{component:"img",className:"card__image",src:h,...i,alt:i.alt||(n==null?void 0:n.filename)||"card-image",width:n==null?void 0:n.naturalWidth,height:n==null?void 0:n.naturalHeight,style:{width:"100%",height:"100%",objectFit:s||"contain",objectPosition:"center"},loading:"lazy"})}),children:[e||r?o.jsx(O,{align:c,title:e,titleProps:d,description:r,descriptionProps:a}):null,l!=null&&l.length?o.jsx(R,{align:c,actions:l,className:"mt-4"}):null]})}const qe=k.styled(A)`
+  ${t=>t.hoverStyle==="none"?"":t.link?`transition: box-shadow ease .3s;
+              &:hover {
+                box-shadow: 0 0 10px rgba(95, 142, 244, 0.42);
+              }`:""}
+
+  border-radius: 0 !important;
+
+  .card__body {
+    ${({align:t})=>`text-align:${t||"left"};`}
+  }
+
+  .card__image__wrap {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .card__image {
+    max-height: 60px;
+  }
+`,ct="section";function Le({title:t,image:e,imageMeta:r,iconSize:i=100,description:n,actions:s,align:d,className:a="",...l}){return o.jsx(Ae,{className:g.cx("card",a),...l,children:o.jsxs(x.Box,{className:"flex items-center",children:[e&&o.jsx(B,{icon:e,color:"primary.main",size:i,imageMeta:r}),o.jsxs(x.Box,{className:"flex-1 ml-4",children:[o.jsx(O,{align:d,title:t,description:n}),o.jsx(R,{align:d,actions:s,className:"mt-4"})]})]})})}const Ae=k.styled(A)`
+  padding: 5vw 4vw;
+  text-align: left;
+  box-sizing: border-box;
+  /* min-height: 320px; */
+  color: inherit !important;
+  border-radius: 0.5rem;
+  /* ${({dark:t,theme:e})=>`background-color:${t?e.palette.grey[900]:e.palette.common.white};`} */
+  @media (max-width: ${({theme:t})=>t.breakpoints.values[ct]}px) {
+    padding: 1.5rem 2rem;
+  }
+  @media (max-width: ${({theme:t})=>t.breakpoints.values.sm}px) {
+    height: auto;
+    min-height: unset;
+  }
+
+  ${t=>t.hoverStyle==="none"?"":t.link?`transition: box-shadow ease .3s;
+              &:hover {
+                box-shadow: 0 0 10px rgba(95, 142, 244, 0.42);
+              }`:""}
+
+  .card__title {
+    font-weight: 700;
+    margin-bottom: 12px;
+    a {
+      color: ${({theme:t})=>t.palette.primary.main};
+    }
+  }
+  .card__description {
+    a {
+      color: ${({theme:t})=>t.palette.primary.main};
+    }
+  }
+  .card__body {
+    padding: 0;
+  }
+
+  &.list-type-icon-title {
+    padding: 1.2rem;
+    .title-line {
+      display: flex;
+    }
+    .card__title {
+      margin: 0;
+      font-size: 1em;
+    }
+    .css-icon {
+      margin-right: 0.5rem;
+    }
+  }
+
+  @media (min-width: ${({theme:t})=>t.breakpoints.values[ct]}px) {
+    padding: 2rem 2rem;
+    text-align: left;
+    box-sizing: border-box;
+  }
+`;function Oe({title:t,titleProps:e={},description:r,descriptionProps:i={},image:n,imageMeta:s,className:d="",align:a,hoverStyle:l,...c}){return o.jsxs(Ue,{className:g.cx("card-simple",d,`hover-style__${l}`),align:a,...c,children:[n&&o.jsx(B,{icon:n,color:"primary.main",imageMeta:s}),t||r?o.jsx(O,{align:a,title:t,titleProps:e,description:r,descriptionProps:i}):null]})}const Ue=k.styled(A)`
+  ${({dark:t,theme:e})=>`background-color:${t?e.palette.grey[900]:e.palette.common.white};`}
+
+  &.hover-style__default {
+    &.card-simple {
+      &:hover {
+        border-top-right-radius: 36px;
+      }
+    }
+    .card__body {
+      &:hover {
+        &::before {
+          width: 42px;
+          height: 42px;
+          transform: translate(50%, -50%) rotate(45deg);
+        }
+        &::after {
+          transform: none;
+        }
+      }
+    }
+  }
+
+  &.card-simple {
+    border-radius: 8px;
+    border-top-right-radius: 26px;
+
+    .card__body {
+      ${({align:t})=>`text-align:${t||"left"};`}
+    }
+
+    ${t=>t.link?`
+        cursor: pointer;
+        `:""}
+    /* cursor: pointer; */
+    /* &:hover {
+      border-top-right-radius: 36px;
+    } */
+    transition: all 180ms ease 0s;
+    overflow: visible;
+    .card__title {
+      margin: 12px 0;
+    }
+    .card__body {
+      position: relative;
+      padding: 20px 16px 18px;
+      overflow: hidden;
+      transition: all 180ms ease 0s;
+      /* &:hover {
+        &::before {
+          width: 42px;
+          height: 42px;
+          transform: translate(50%, -50%) rotate(45deg);
+        }
+        &::after {
+          transform: none;
+        }
+      } */
+      &::before,
+      &::after {
+        content: ${({border:t})=>t?'""':""};
+        transition: inherit;
+        position: absolute;
+        top: 0px;
+        right: 0px;
+      }
+      &::before {
+        z-index: 3;
+        background: #fff;
+        width: 30px;
+        height: 30px;
+        transform: translate(50%, -50%) rotate(45deg);
+        box-shadow: 0 1px 0 0 #e9eaec;
+      }
+      &::after {
+        z-index: 2;
+        width: 28px;
+        height: 28px;
+        border-bottom-left-radius: 6px;
+        background: #fcfcfd;
+        box-shadow: -1px 1px 0 0 #e9eaec;
+        transform: translate(8px, -8px);
+      }
+    }
+  }
+`;function Fe({type:t="default",...e}){const i={article:We,simple:Oe,news:Le,default:lt,wall:Ee}[t]||lt;return o.jsx(i,{...t==="news"?e:N.default(e,"iconSize")})}function De({list:t=[],align:e="top",cards:r,listBorder:i=!0,listType:n="",col:s=3,gap:d,iconColor:a,className:l="",type:c="default",dark:u=!1,textAlign:m="left",hoverStyle:h,...p}){return o.jsx(X,{type:c,className:g.cx("card-list py-1",l,"items-stretch"),col:s,gap:d,align:e,...p,children:r||t.map(y=>o.jsx(Fe,{borderColor:i,iconColor:a,type:c,listType:n,dark:u,...y,align:m,sx:{bgcolor:c==="wall"?void 0:u?"grey.900":"common.white"},style:d===0&&t.length>1?{borderRadius:0,marginRight:"-1px",marginBottom:"-1px"}:{}},y.id))})}const Me=["align","cards","list","listBorder","listType","col","gap","iconColor","type","textAlign"],Ve=k.styled(q)`
+  a .card {
+    color: #404040;
+    cursor: pointer;
+  }
+  a:not(.MuiButton-root) {
+    color: ${({theme:t})=>t.palette.primary.main};
+    &:hover,
+    &:active {
+      color: ${({theme:t})=>t.palette.primary.main};
+    }
+  }
+  a:hover .card {
+    color: #404040;
+  }
+`;function He({className:t,...e}){const[r,i]=S(e,E),[n,s]=S(i,Me);return o.jsxs(Ve,{className:g.cx("section--card-list",t),type:e.type,...s,children:[Object.keys(r).length>0&&o.jsx(z,{center:!0,...r,className:"mb-[2.5vw]"}),o.jsx(De,{...n,dark:!!e.dark})]})}const Ye=k.styled(He)`
+  .card__description {
+    white-space: pre-wrap;
+  }
+  .section__description {
+  }
+  .card {
+    /* background: inherit !important; */
+  }
+  &.dark .card-simple .card__body::before {
+    background: #212121 !important;
+  }
+  .card-simple .card__body::after {
+    background: inherit !important;
+  }
+`;function Je({section:t,...e}){const[{editing:r},i]=S(e,L),n=f.useMemo(()=>{var s;return{...N.default(i,["listBorder","list","iconSize","imageSize"]),list:(s=i.list)==null?void 0:s.map(d=>{var a,l;return{...N.default(d,"icon","iconColor"),image:["news","simple","default"].includes(i.type)&&d.icon?d.icon:d.image,actions:(l=(a=d.actions)==null?void 0:a.map)==null?void 0:l.call(a,c=>o.jsx(tt,{...c,editing:r},c.id)),border:i.listBorder,iconSize:i.iconSize,imageSize:i.imageSize,hoverStyle:i.hoverStyle}})}},[i]);return o.jsx(Ye,{style:r?{pointerEvents:"none"}:{},...n})}function Ge({properties:t,section:e,locale:r,dev:i}){var n;return(n=e==null?void 0:e.config)!=null&&n.componentId?o.jsx(J.CustomComponentRenderer,{instanceId:e.id,componentId:e.config.componentId,blockletId:e.config.blockletId,blockletTitle:e.config.blockletTitle,componentName:e.config.componentName,locale:r,properties:t,dev:i}):o.jsx(x.Box,{textAlign:"center",py:2,children:o.jsx(x.Typography,{variant:"caption",color:"text.secondary",children:"Please select component to render"})})}function Ke({src:t,dataId:e,isEdit:r=!1,height:i="100%",onLoad:n=()=>{}}){return o.jsx(Yt.EmbedIframe,{isEdit:r,embedId:e,src:t,height:i,onLoad:()=>{n()}})}function Xe({dataId:t,src:e,actions:r,center:i,onLoad:n,...s}){const[d,a]=S(s,E);return o.jsxs(q,{...a,children:[Object.keys(d).length>0&&o.jsx(z,{center:i,...d}),o.jsx(Ke,{dataId:t,src:e,onLoad:n,height:s.iframeHeight?`${s.iframeHeight}px`:"100%"}),o.jsx(R,{actions:r,center:i})]})}const Qe={src:"",embedUrl:"",title:"",description:"",dark:!1,background:"",center:!0,config:{},id:""};function Ze({section:t,id:e,src:r,...i}){const n=`${e}-${i.locale}`,[{editing:s},d]=S(i,L),a=f.useRef({}),l=JSON.parse(JSON.stringify(d)),{message:c}=Mt.useMessage(n,"server"),u=Vt.useLatest(JSON.parse(JSON.stringify(d.config)||"{}"));return f.useEffect(()=>{c&&c.onInit(()=>u.current)},[c]),f.useEffect(()=>{const m=JSON.parse(JSON.stringify(d.config)||"{}");te.default(a.current,m)||(a.current=m,c==null||c.send("config-set",m))},[c,d.config]),r?o.jsx(Xe,{...l,dataId:n,src:r,style:s?{pointerEvents:"none"}:{}}):o.jsx(to,{children:'Please set the "src" attribute for this block'})}const to=k.styled("div")`
+  user-select: none;
+  color: #999;
+  padding: 8px;
+  height: 200px;
+`,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`
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,yo=k.styled(x.Card)`
+  border: 1px solid #e0e0e0;
+  background-color: transparent;
+  cursor: pointer;
+  display: flex;
+  color: inherit;
+
+  > .MuiCardMedia-root {
+    width: 30vw;
+    max-height: 50vw;
+  }
+
+  &.style-card {
+    display: block;
+
+    > .MuiCardMedia-root {
+      width: 100%;
+      max-height: 50vw;
+    }
+  }
+`,bo={iframe:Ze,section:co,"section-card-list":Je,toc:go,"ai-runtime":ke,"custom-component":Ge};function wo({id:t,type:e,mode:r,config:i,section:n,...s}){const d=bo[e],{getPageMetaStyle:a}=de(),l=f.useMemo(()=>{const{height:m,...h}=i;return h},[i]),c=f.useMemo(()=>{const m={};return e!=="custom-component"&&(m.height=i.height),m.sx=a("sx"),m},[i.height,e,a]),u=d&&o.jsx(d,{mode:r,...l,id:t,section:n});return o.jsx(_e,{...s,...c,children:u})}function jo(t){return t!=null}exports.Action=tt;exports.BlockRenderer=wo;exports.IFrameBlockDefaultProps=Qe;exports.Icon=Q;exports.PageProvider=ue;exports.Provider=$e;exports.STATE_MODES=mo;exports.SectionBlockDefaultProps=ao;exports.TocDefaultProps=fo;exports.getPages=po;exports.nonNullable=jo;exports.publishPages=xo;

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

@@ -1,4 +1,4 @@
-"use strict";const r=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:c,meta:P,onChange:s,...m},j){const[i,d]=a.useState("");a.useEffect(()=>{d(c||"")},[c,d]);const f=async()=>{if(i!==c){const t=q.getImageAbsoluteUrl(i);if(!t){s(i,void 0);return}const o=await l.getImageSize(t).catch(()=>l.getVideoSize(t)).catch(()=>{});s(i,{...o,filename:i})}};v.useDebounce(()=>{i!==c&&s(i)},300,[i]),a.useImperativeHandle(j,()=>({submit:f}));const b={};return I&&(b.InputProps={sx:{pr:0},endAdornment:r.jsx(n.InputAdornment,{position:"end",sx:{mx:.5},children:r.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(()=>{})),s(o,{...x,filename:o})}})})}),r.jsx(n.TextField,{size:"small",fullWidth:!0,...m,label:r.jsxs(n.Stack,{direction:"row",spacing:1,alignItems:"center",children:[m.label,y&&r.jsxs(r.Fragment,{children:[" (",r.jsx(n.FormControlLabel,{checked:h,label:r.jsx(n.Box,{component:z.Icon,icon:"tabler:markdown",sx:{verticalAlign:"middle"}}),labelPlacement:"start",control:r.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:i,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-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)`
   .color-item {
     position: relative;
   }