| 1 |
!function(){"use strict";var e={n:function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,{a:n}),n},d:function(t,n){for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{init:function(){return E}});var n=window.elementorV2.editor,r=window.React,o=window.elementorV2.icons,i=window.elementorV2.ui,a=window.wp.i18n,l=window.elementorV2.editorV1Adapters,c=window.wp.apiFetch,s=e.n(c);const d="images/app/onboarding/";function m(e){const t=window.elementorCommon?.config?.urls?.assets??"";return t?`${t}${d}${e}`:`${d}${e}`}const p="#elementor-editor-wrapper",u="elementor-starter-container";function g(){const[e,t]=(0,r.useState)(null),[n,o]=(0,r.useState)(!1),[i,a]=(0,r.useState)(null),c=(0,r.useRef)(!1),d=(0,r.useCallback)(()=>{e&&!c.current&&(c.current=!0,o(!0),function(){const e=window.elementor?.config;e&&delete e.starter}())},[e]);(0,r.useEffect)(()=>{const e=e=>{const n=e?.detail;"editor/documents/attach-preview"===n?.command&&(()=>{const e=window.elementor?.config?.starter??null;if(!e)return;const n=document.querySelector(p);if(!n)return;const r=document.createElement("div");r.id=u,n.prepend(r),t(e),a(r),function(e){s()({path:e.restPath,method:"POST",data:{starter_dismissed:!0}})}(e)})()};return window.addEventListener("elementor/commands/run/after",e),()=>window.removeEventListener("elementor/commands/run/after",e)},[]),(0,r.useEffect)(()=>{if(!e)return;const t=e=>{const t=e?.detail;"document/elements/import"===t?.command&&d()};return window.addEventListener("elementor/commands/run/after",t),()=>window.removeEventListener("elementor/commands/run/after",t)},[e,d]);const m=(0,r.useCallback)(()=>{i?.remove(),a(null),t(null)},[i]);return{config:e,isDismissing:n,portalContainer:i,dismiss:d,openAiPlanner:function(){e?.aiPlannerUrl&&window.open(e.aiPlannerUrl,"_blank","noopener,noreferrer")},openTemplatesLibrary:function(){(0,l.__privateRunCommand)("library/open")},onExited:m}}const f=(0,i.styled)(i.Card)(({theme:e})=>({width:e.spacing(30),borderRadius:e.spacing(1),transition:"box-shadow 0.2s",border:`1px solid ${e.palette.divider}`,paddingBlockEnd:e.spacing(3),"&:hover":{borderColor:e.palette.text.primary}})),y=(0,i.styled)(i.CardMedia)(({theme:e})=>({height:e.spacing(14),objectFit:"cover",backgroundColor:"#d5dadf"})),w=(0,i.styled)("div")(({theme:e})=>({height:e.spacing(14),backgroundColor:"#d5dadf",display:"flex",alignItems:"center",justifyContent:"center",color:e.palette.common.white})),h=(0,i.styled)(i.CardContent)(({theme:e})=>({textAlign:"center",paddingBlockStart:e.spacing(2),paddingInline:0,paddingBlockEnd:0,gap:e.spacing(1),display:"flex",flexDirection:"column"}));function b(){const e=(0,i.useTheme)(),{config:t,isDismissing:n,portalContainer:l,dismiss:c,openAiPlanner:s,openTemplatesLibrary:d,onExited:p}=g();return t&&l?r.createElement(i.Dialog,{open:!n,onClose:c,container:l,TransitionProps:{onExited:p},maxWidth:e.spacing(104),BackdropProps:{sx:{backgroundColor:"rgba(0, 0, 0, 0.6)"}},PaperProps:{sx:{display:"flex",flexDirection:"column",alignItems:"center",gap:e.spacing(3),p:4,borderRadius:e.spacing(2)}}},r.createElement(i.CloseButton,{onClick:c,"aria-label":(0,a.__)("Close","elementor"),sx:{position:"absolute",insetBlockStart:e.spacing(2),insetInlineEnd:e.spacing(2)}}),r.createElement(i.Typography,{variant:"h5",sx:{fontFamily:"Poppins, sans-serif",fontWeight:500,color:"text.primary"}},(0,a.__)("How do you want to start?","elementor")),r.createElement(i.Stack,{direction:"row",spacing:3,justifyContent:"center"},r.createElement(f,null,r.createElement(i.CardActionArea,{onClick:s,sx:{"&:hover .MuiCardActionArea-focusHighlight":{opacity:0}}},r.createElement(y,{component:"img",image:m("ai-site-planner.png"),alt:(0,a.__)("AI Site Planner","elementor")}),r.createElement(h,null,r.createElement(i.Typography,{variant:"subtitle1",color:"text.primary"},(0,a.__)("AI Site Planner","elementor")),r.createElement(i.Typography,{variant:"body2",color:"text.secondary"},(0,a.__)("Generate your wireframe with AI","elementor"))))),r.createElement(f,null,r.createElement(i.CardActionArea,{onClick:d,sx:{"&:hover .MuiCardActionArea-focusHighlight":{opacity:0}}},r.createElement(y,{component:"img",image:m("website-templates.png"),alt:(0,a.__)("Website templates","elementor")}),r.createElement(h,null,r.createElement(i.Typography,{variant:"subtitle1",color:"text.primary"},(0,a.__)("Website templates","elementor")),r.createElement(i.Typography,{variant:"body2",color:"text.secondary"},(0,a.__)("Start with a ready-made design","elementor"))))),r.createElement(f,null,r.createElement(i.CardActionArea,{onClick:c,sx:{"&:hover .MuiCardActionArea-focusHighlight":{opacity:0}}},r.createElement(w,null,r.createElement(o.CirclePlusIcon,{sx:{fontSize:e.spacing(5)}})),r.createElement(h,null,r.createElement(i.Typography,{variant:"subtitle1",color:"text.primary"},(0,a.__)("Blank site","elementor")),r.createElement(i.Typography,{variant:"body2",color:"text.secondary"},(0,a.__)("Start from scratch","elementor"))))))):null}function E(){(0,n.injectIntoLogic)({id:"starter-overlay",component:b})}(window.elementorV2=window.elementorV2||{}).editorStarter=t}(),window.elementorV2.editorStarter?.init?.(); |
