← All changes | assets/js/packages/editor-starter/editor-starter.js +2 -479 4.2.0-beta2 → 4.1.0-dev3 View file →

		@@ -1,480 +1,3 @@
1		-/******/ (function() { // webpackBootstrap
2		-/******/ "use strict";
3		-/******/ var __webpack_modules__ = ({
4		-
5		-/***/ "./packages/packages/core/editor-starter/src/components/starter-overlay.tsx":
6		-/*!**********************************************************************************!*\
7		- !*** ./packages/packages/core/editor-starter/src/components/starter-overlay.tsx ***!
8		- \**********************************************************************************/
9		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
10		-
11		-__webpack_require__.r(__webpack_exports__);
12		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
13		-/* harmony export */ "default": function() { return /* binding */ StarterOverlay; }
14		-/* harmony export */ });
15		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
16		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
17		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
18		-/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__);
19		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
20		-/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
21		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
22		-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
23		-/* harmony import */ var _hooks_use_starter__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks/use-starter */ "./packages/packages/core/editor-starter/src/hooks/use-starter.ts");
24		-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils */ "./packages/packages/core/editor-starter/src/utils.ts");
25		-
26		-
27		-
28		-
29		-
30		-
31		-const StyledCard = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.styled)(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Card)(({
32		- theme
33		-}) => ({
34		- width: theme.spacing(30),
35		- borderRadius: theme.spacing(1),
36		- boxShadow: 'none',
37		- transition: 'border-color 0.2s',
38		- border: `1px solid ${theme.palette.divider}`,
39		- paddingBlockEnd: theme.spacing(3),
40		- '&:hover': {
41		- borderColor: theme.palette.text.primary
42		- }
43		-}));
44		-const StyledCardMedia = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.styled)(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.CardMedia)(({
45		- theme
46		-}) => ({
47		- height: theme.spacing(14),
48		- objectFit: 'cover',
49		- backgroundColor: '#d5dadf'
50		-}));
51		-const StyledBlankCardThumbnail = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.styled)('div')(({
52		- theme
53		-}) => ({
54		- height: theme.spacing(14),
55		- backgroundColor: '#d5dadf',
56		- display: 'flex',
57		- alignItems: 'center',
58		- justifyContent: 'center',
59		- color: theme.palette.common.white
60		-}));
61		-const StyledCardContent = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.styled)(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.CardContent)(({
62		- theme
63		-}) => ({
64		- textAlign: 'center',
65		- paddingBlockStart: theme.spacing(2),
66		- paddingInline: 0,
67		- paddingBlockEnd: 0,
68		- gap: theme.spacing(1),
69		- display: 'flex',
70		- flexDirection: 'column'
71		-}));
72		-function StarterOverlay() {
73		- const theme = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.useTheme)();
74		- const {
75		- config,
76		- isDismissing,
77		- portalContainer,
78		- dismiss,
79		- openAiPlanner,
80		- openTemplatesLibrary,
81		- onExited
82		- } = (0,_hooks_use_starter__WEBPACK_IMPORTED_MODULE_4__.useStarter)();
83		- if (!config || !portalContainer) {
84		- return null;
85		- }
86		- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Dialog, {
87		- open: !isDismissing,
88		- onClose: dismiss,
89		- container: portalContainer,
90		- TransitionProps: {
91		- onExited
92		- },
93		- maxWidth: theme.spacing(104),
94		- BackdropProps: {
95		- sx: {
96		- backgroundColor: 'rgba(0, 0, 0, 0.6)'
97		- }
98		- },
99		- PaperProps: {
100		- sx: {
101		- display: 'flex',
102		- flexDirection: 'column',
103		- alignItems: 'center',
104		- gap: theme.spacing(3),
105		- p: 4,
106		- borderRadius: theme.spacing(2)
107		- }
108		- }
109		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.CloseButton, {
110		- onClick: dismiss,
111		- "aria-label": (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Close', 'elementor'),
112		- sx: {
113		- position: 'absolute',
114		- insetBlockStart: theme.spacing(2),
115		- insetInlineEnd: theme.spacing(2)
116		- }
117		- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
118		- variant: "h5",
119		- sx: {
120		- fontFamily: 'Poppins, sans-serif',
121		- fontWeight: 500,
122		- color: 'text.primary'
123		- }
124		- }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('How do you want to start?', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
125		- direction: "row",
126		- spacing: 3,
127		- justifyContent: "center"
128		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledCard, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.CardActionArea, {
129		- onClick: openAiPlanner,
130		- sx: {
131		- '&:hover .MuiCardActionArea-focusHighlight': {
132		- opacity: 0
133		- }
134		- }
135		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledCardMedia, {
136		- component: "img",
137		- image: (0,_utils__WEBPACK_IMPORTED_MODULE_5__.getAssetUrl)('ai-site-planner.png'),
138		- alt: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('AI Site Planner', 'elementor')
139		- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledCardContent, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
140		- variant: "subtitle1",
141		- color: "text.primary"
142		- }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('AI Site Planner', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
143		- variant: "body2",
144		- color: "text.secondary"
145		- }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Generate your wireframe with AI', 'elementor'))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledCard, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.CardActionArea, {
146		- onClick: openTemplatesLibrary,
147		- sx: {
148		- '&:hover .MuiCardActionArea-focusHighlight': {
149		- opacity: 0
150		- }
151		- }
152		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledCardMedia, {
153		- component: "img",
154		- image: (0,_utils__WEBPACK_IMPORTED_MODULE_5__.getAssetUrl)('website-templates.png'),
155		- alt: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Website templates', 'elementor')
156		- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledCardContent, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
157		- variant: "subtitle1",
158		- color: "text.primary"
159		- }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Website templates', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
160		- variant: "body2",
161		- color: "text.secondary"
162		- }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Start with a ready-made design', 'elementor'))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledCard, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.CardActionArea, {
163		- onClick: dismiss,
164		- sx: {
165		- '&:hover .MuiCardActionArea-focusHighlight': {
166		- opacity: 0
167		- }
168		- }
169		- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledBlankCardThumbnail, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.CirclePlusIcon, {
170		- sx: {
171		- fontSize: theme.spacing(5)
172		- }
173		- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledCardContent, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
174		- variant: "subtitle1",
175		- color: "text.primary"
176		- }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Blank site', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
177		- variant: "body2",
178		- color: "text.secondary"
179		- }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Start from scratch', 'elementor')))))));
180		-}
181		-
182		-/***/ }),
183		-
184		-/***/ "./packages/packages/core/editor-starter/src/hooks/use-starter.ts":
185		-/*!************************************************************************!*\
186		- !*** ./packages/packages/core/editor-starter/src/hooks/use-starter.ts ***!
187		- \************************************************************************/
188		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
189		-
190		-__webpack_require__.r(__webpack_exports__);
191		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
192		-/* harmony export */ useStarter: function() { return /* binding */ useStarter; }
193		-/* harmony export */ });
194		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
195		-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
196		-/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
197		-/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_1__);
198		-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils */ "./packages/packages/core/editor-starter/src/utils.ts");
199		-
200		-
201		-
202		-const EDITOR_WRAPPER_SELECTOR = '#elementor-editor-wrapper';
203		-const STARTER_CONTAINER_ID = 'elementor-starter-container';
204		-function markStarterDismissed(config) {
205		- _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_1___default()({
206		- path: config.restPath,
207		- method: 'POST',
208		- data: {
209		- starter_dismissed: true
210		- }
211		- });
212		-}
213		-function useStarter() {
214		- const [config, setConfig] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
215		- const [isDismissing, setIsDismissing] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
216		- const [portalContainer, setPortalContainer] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
217		- const dismissedRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false);
218		- const dismiss = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
219		- if (!config || dismissedRef.current) {
220		- return;
221		- }
222		- dismissedRef.current = true;
223		- setIsDismissing(true);
224		- (0,_utils__WEBPACK_IMPORTED_MODULE_2__.deleteStarterConfig)();
225		- }, [config]);
226		- (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
227		- const insertStarters = () => {
228		- const starterConfig = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.getStarterConfig)();
229		- if (!starterConfig) {
230		- return;
231		- }
232		- const wrapper = document.querySelector(EDITOR_WRAPPER_SELECTOR);
233		- if (!wrapper) {
234		- return;
235		- }
236		- const container = document.createElement('div');
237		- container.id = STARTER_CONTAINER_ID;
238		- wrapper.prepend(container);
239		- setConfig(starterConfig);
240		- setPortalContainer(container);
241		- markStarterDismissed(starterConfig);
242		- };
243		- const onInsertStarters = event => {
244		- const detail = event?.detail;
245		- if (detail?.command === 'editor/documents/attach-preview') {
246		- insertStarters();
247		- }
248		- };
249		- window.addEventListener('elementor/commands/run/after', onInsertStarters);
250		- return () => window.removeEventListener('elementor/commands/run/after', onInsertStarters);
251		- }, []);
252		- function openTemplatesLibrary() {
253		- if (config?.kitLibraryUrl) {
254		- const url = new URL(config.kitLibraryUrl, window.location.origin);
255		- url.searchParams.set('referrer', 'onboarding');
256		- window.open(url.toString(), '_blank', 'noopener,noreferrer');
257		- }
258		- }
259		- function openAiPlanner() {
260		- if (config?.aiPlannerUrl) {
261		- window.open(config.aiPlannerUrl, '_blank', 'noopener,noreferrer');
262		- }
263		- }
264		- const onExited = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
265		- portalContainer?.remove();
266		- setPortalContainer(null);
267		- setConfig(null);
268		- }, [portalContainer]);
269		- return {
270		- config,
271		- isDismissing,
272		- portalContainer,
273		- dismiss,
274		- openAiPlanner,
275		- openTemplatesLibrary,
276		- onExited
277		- };
278		-}
279		-
280		-/***/ }),
281		-
282		-/***/ "./packages/packages/core/editor-starter/src/init.tsx":
283		-/*!************************************************************!*\
284		- !*** ./packages/packages/core/editor-starter/src/init.tsx ***!
285		- \************************************************************/
286		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
287		-
288		-__webpack_require__.r(__webpack_exports__);
289		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
290		-/* harmony export */ init: function() { return /* binding */ init; }
291		-/* harmony export */ });
292		-/* harmony import */ var _elementor_editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor */ "@elementor/editor");
293		-/* harmony import */ var _elementor_editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor__WEBPACK_IMPORTED_MODULE_0__);
294		-/* harmony import */ var _components_starter_overlay__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/starter-overlay */ "./packages/packages/core/editor-starter/src/components/starter-overlay.tsx");
295		-
296		-
297		-function init() {
298		- (0,_elementor_editor__WEBPACK_IMPORTED_MODULE_0__.injectIntoLogic)({
299		- id: 'starter-overlay',
300		- component: _components_starter_overlay__WEBPACK_IMPORTED_MODULE_1__["default"]
301		- });
302		-}
303		-
304		-/***/ }),
305		-
306		-/***/ "./packages/packages/core/editor-starter/src/utils.ts":
307		-/*!************************************************************!*\
308		- !*** ./packages/packages/core/editor-starter/src/utils.ts ***!
309		- \************************************************************/
310		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
311		-
312		-__webpack_require__.r(__webpack_exports__);
313		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
314		-/* harmony export */ deleteStarterConfig: function() { return /* binding */ deleteStarterConfig; },
315		-/* harmony export */ getAssetUrl: function() { return /* binding */ getAssetUrl; },
316		-/* harmony export */ getStarterConfig: function() { return /* binding */ getStarterConfig; }
317		-/* harmony export */ });
318		-const ONBOARDING_ASSETS_PATH = 'images/app/onboarding/';
319		-function getStarterConfig() {
320		- return window.elementor?.config?.starter ?? null;
321		-}
322		-function deleteStarterConfig() {
323		- const config = window.elementor?.config;
324		- if (config) {
325		- delete config.starter;
326		- }
327		-}
328		-function getAssetUrl(fileName) {
329		- const baseUrl = window.elementorCommon?.config?.urls?.assets ?? '';
330		- return baseUrl ? `${baseUrl}${ONBOARDING_ASSETS_PATH}${fileName}` : `${ONBOARDING_ASSETS_PATH}${fileName}`;
331		-}
332		-
333		-/***/ }),
334		-
335		-/***/ "@elementor/editor":
336		-/*!*****************************************!*\
337		- !*** external ["elementorV2","editor"] ***!
338		- \*****************************************/
339		-/***/ (function(module) {
340		-
341		-module.exports = window["elementorV2"]["editor"];
342		-
343		-/***/ }),
344		-
345		-/***/ "@elementor/icons":
346		-/*!****************************************!*\
347		- !*** external ["elementorV2","icons"] ***!
348		- \****************************************/
349		-/***/ (function(module) {
350		-
351		-module.exports = window["elementorV2"]["icons"];
352		-
353		-/***/ }),
354		-
355		-/***/ "@elementor/ui":
356		-/*!*************************************!*\
357		- !*** external ["elementorV2","ui"] ***!
358		- \*************************************/
359		-/***/ (function(module) {
360		-
361		-module.exports = window["elementorV2"]["ui"];
362		-
363		-/***/ }),
364		-
365		-/***/ "@wordpress/api-fetch":
366		-/*!**********************************!*\
367		- !*** external ["wp","apiFetch"] ***!
368		- \**********************************/
369		-/***/ (function(module) {
370		-
371		-module.exports = window["wp"]["apiFetch"];
372		-
373		-/***/ }),
374		-
375		-/***/ "@wordpress/i18n":
376		-/*!******************************!*\
377		- !*** external ["wp","i18n"] ***!
378		- \******************************/
379		-/***/ (function(module) {
380		-
381		-module.exports = window["wp"]["i18n"];
382		-
383		-/***/ }),
384		-
385		-/***/ "react":
386		-/*!**************************!*\
387		- !*** external ["React"] ***!
388		- \**************************/
389		-/***/ (function(module) {
390		-
391		-module.exports = window["React"];
392		-
393		-/***/ })
394		-
395		-/******/ });
396		-/************************************************************************/
397		-/******/ // The module cache
398		-/******/ var __webpack_module_cache__ = {};
399		-/******/
400		-/******/ // The require function
401		-/******/ function __webpack_require__(moduleId) {
402		-/******/ // Check if module is in cache
403		-/******/ var cachedModule = __webpack_module_cache__[moduleId];
404		-/******/ if (cachedModule !== undefined) {
405		-/******/ return cachedModule.exports;
406		-/******/ }
407		-/******/ // Create a new module (and put it into the cache)
408		-/******/ var module = __webpack_module_cache__[moduleId] = {
409		-/******/ // no module.id needed
410		-/******/ // no module.loaded needed
411		-/******/ exports: {}
412		-/******/ };
413		-/******/
414		-/******/ // Execute the module function
415		-/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
416		-/******/
417		-/******/ // Return the exports of the module
418		-/******/ return module.exports;
419		-/******/ }
420		-/******/
421		-/************************************************************************/
422		-/******/ /* webpack/runtime/compat get default export */
423		-/******/ !function() {
424		-/******/ // getDefaultExport function for compatibility with non-harmony modules
425		-/******/ __webpack_require__.n = function(module) {
426		-/******/ var getter = module && module.__esModule ?
427		-/******/ function() { return module['default']; } :
428		-/******/ function() { return module; };
429		-/******/ __webpack_require__.d(getter, { a: getter });
430		-/******/ return getter;
431		-/******/ };
432		-/******/ }();
433		-/******/
434		-/******/ /* webpack/runtime/define property getters */
435		-/******/ !function() {
436		-/******/ // define getter functions for harmony exports
437		-/******/ __webpack_require__.d = function(exports, definition) {
438		-/******/ for(var key in definition) {
439		-/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
440		-/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
441		-/******/ }
442		-/******/ }
443		-/******/ };
444		-/******/ }();
445		-/******/
446		-/******/ /* webpack/runtime/hasOwnProperty shorthand */
447		-/******/ !function() {
448		-/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
449		-/******/ }();
450		-/******/
451		-/******/ /* webpack/runtime/make namespace object */
452		-/******/ !function() {
453		-/******/ // define __esModule on exports
454		-/******/ __webpack_require__.r = function(exports) {
455		-/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
456		-/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
457		-/******/ }
458		-/******/ Object.defineProperty(exports, '__esModule', { value: true });
459		-/******/ };
460		-/******/ }();
461		-/******/
462		-/************************************************************************/
463		-var __webpack_exports__ = {};
464		-// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
465		-!function() {
466		-/*!************************************************************!*\
467		- !*** ./packages/packages/core/editor-starter/src/index.ts ***!
468		- \************************************************************/
469		-__webpack_require__.r(__webpack_exports__);
470		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
471		-/* harmony export */ init: function() { return /* reexport safe */ _init__WEBPACK_IMPORTED_MODULE_0__.init; }
472		-/* harmony export */ });
473		-/* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./init */ "./packages/packages/core/editor-starter/src/init.tsx");
474		-
475		-}();
476		-(window.elementorV2 = window.elementorV2 || {}).editorStarter = __webpack_exports__;
477		-/******/ })()
478		-;
479		-window.elementorV2.editorStarter?.init?.();
	1	+/*! For license information please see editor-starter.js.LICENSE.txt */
	2	+!function(){"use strict";var e={"./packages/packages/core/editor-starter/src/components/starter-overlay.tsx":function(e,t,r){r.r(t),r.d(t,{default:function(){return StarterOverlay}});var n=r("react"),o=r("@elementor/icons"),a=r("@elementor/ui"),i=r("@wordpress/i18n"),s=r("./packages/packages/core/editor-starter/src/hooks/use-starter.ts"),c=r("./packages/packages/core/editor-starter/src/utils.ts");const l=(0,a.styled)(a.Card)(({theme:e})=>({width:e.spacing(30),borderRadius:e.spacing(1),boxShadow:"none",transition:"border-color 0.2s",border:`1px solid ${e.palette.divider}`,paddingBlockEnd:e.spacing(3),"&:hover":{borderColor:e.palette.text.primary}})),d=(0,a.styled)(a.CardMedia)(({theme:e})=>({height:e.spacing(14),objectFit:"cover",backgroundColor:"#d5dadf"})),p=(0,a.styled)("div")(({theme:e})=>({height:e.spacing(14),backgroundColor:"#d5dadf",display:"flex",alignItems:"center",justifyContent:"center",color:e.palette.common.white})),u=(0,a.styled)(a.CardContent)(({theme:e})=>({textAlign:"center",paddingBlockStart:e.spacing(2),paddingInline:0,paddingBlockEnd:0,gap:e.spacing(1),display:"flex",flexDirection:"column"}));function StarterOverlay(){const e=(0,a.useTheme)(),{config:t,isDismissing:r,portalContainer:m,dismiss:g,openAiPlanner:f,openTemplatesLibrary:_,onExited:w}=(0,s.useStarter)();return t&&m?n.createElement(a.Dialog,{open:!r,onClose:g,container:m,TransitionProps:{onExited:w},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)}}},n.createElement(a.CloseButton,{onClick:g,"aria-label":(0,i.__)("Close","elementor"),sx:{position:"absolute",insetBlockStart:e.spacing(2),insetInlineEnd:e.spacing(2)}}),n.createElement(a.Typography,{variant:"h5",sx:{fontFamily:"Poppins, sans-serif",fontWeight:500,color:"text.primary"}},(0,i.__)("How do you want to start?","elementor")),n.createElement(a.Stack,{direction:"row",spacing:3,justifyContent:"center"},n.createElement(l,null,n.createElement(a.CardActionArea,{onClick:f,sx:{"&:hover .MuiCardActionArea-focusHighlight":{opacity:0}}},n.createElement(d,{component:"img",image:(0,c.getAssetUrl)("ai-site-planner.png"),alt:(0,i.__)("AI Site Planner","elementor")}),n.createElement(u,null,n.createElement(a.Typography,{variant:"subtitle1",color:"text.primary"},(0,i.__)("AI Site Planner","elementor")),n.createElement(a.Typography,{variant:"body2",color:"text.secondary"},(0,i.__)("Generate your wireframe with AI","elementor"))))),n.createElement(l,null,n.createElement(a.CardActionArea,{onClick:_,sx:{"&:hover .MuiCardActionArea-focusHighlight":{opacity:0}}},n.createElement(d,{component:"img",image:(0,c.getAssetUrl)("website-templates.png"),alt:(0,i.__)("Website templates","elementor")}),n.createElement(u,null,n.createElement(a.Typography,{variant:"subtitle1",color:"text.primary"},(0,i.__)("Website templates","elementor")),n.createElement(a.Typography,{variant:"body2",color:"text.secondary"},(0,i.__)("Start with a ready-made design","elementor"))))),n.createElement(l,null,n.createElement(a.CardActionArea,{onClick:g,sx:{"&:hover .MuiCardActionArea-focusHighlight":{opacity:0}}},n.createElement(p,null,n.createElement(o.CirclePlusIcon,{sx:{fontSize:e.spacing(5)}})),n.createElement(u,null,n.createElement(a.Typography,{variant:"subtitle1",color:"text.primary"},(0,i.__)("Blank site","elementor")),n.createElement(a.Typography,{variant:"body2",color:"text.secondary"},(0,i.__)("Start from scratch","elementor"))))))):null}},"./packages/packages/core/editor-starter/src/hooks/use-starter.ts":function(e,t,r){r.r(t),r.d(t,{useStarter:function(){return useStarter}});var n=r("react"),o=r("@wordpress/api-fetch"),a=r.n(o),i=r("./packages/packages/core/editor-starter/src/utils.ts");const s="#elementor-editor-wrapper",c="elementor-starter-container";function useStarter(){const[e,t]=(0,n.useState)(null),[r,o]=(0,n.useState)(!1),[l,d]=(0,n.useState)(null),p=(0,n.useRef)(!1),u=(0,n.useCallback)(()=>{e&&!p.current&&(p.current=!0,o(!0),(0,i.deleteStarterConfig)())},[e]);(0,n.useEffect)(()=>{const insertStarters=()=>{const e=(0,i.getStarterConfig)();if(!e)return;const r=document.querySelector(s);if(!r)return;const n=document.createElement("div");n.id=c,r.prepend(n),t(e),d(n),function markStarterDismissed(e){a()({path:e.restPath,method:"POST",data:{starter_dismissed:!0}})}(e)},onInsertStarters=e=>{const t=e?.detail;"editor/documents/attach-preview"===t?.command&&insertStarters()};return window.addEventListener("elementor/commands/run/after",onInsertStarters),()=>window.removeEventListener("elementor/commands/run/after",onInsertStarters)},[]);const m=(0,n.useCallback)(()=>{l?.remove(),d(null),t(null)},[l]);return{config:e,isDismissing:r,portalContainer:l,dismiss:u,openAiPlanner:function openAiPlanner(){e?.aiPlannerUrl&&window.open(e.aiPlannerUrl,"_blank","noopener,noreferrer")},openTemplatesLibrary:function openTemplatesLibrary(){if(e?.kitLibraryUrl){const t=new URL(e.kitLibraryUrl,window.location.origin);t.searchParams.set("referrer","onboarding"),window.open(t.toString(),"_blank","noopener,noreferrer")}},onExited:m}}},"./packages/packages/core/editor-starter/src/init.tsx":function(e,t,r){r.r(t),r.d(t,{init:function(){return init}});var n=r("@elementor/editor"),o=r("./packages/packages/core/editor-starter/src/components/starter-overlay.tsx");function init(){(0,n.injectIntoLogic)({id:"starter-overlay",component:o.default})}},"./packages/packages/core/editor-starter/src/utils.ts":function(e,t,r){r.r(t),r.d(t,{deleteStarterConfig:function(){return deleteStarterConfig},getAssetUrl:function(){return getAssetUrl},getStarterConfig:function(){return getStarterConfig}});const n="images/app/onboarding/";function getStarterConfig(){return window.elementor?.config?.starter??null}function deleteStarterConfig(){const e=window.elementor?.config;e&&delete e.starter}function getAssetUrl(e){const t=window.elementorCommon?.config?.urls?.assets??"";return t?`${t}${n}${e}`:`${n}${e}`}},"@elementor/editor":function(e){e.exports=window.elementorV2.editor},"@elementor/icons":function(e){e.exports=window.elementorV2.icons},"@elementor/ui":function(e){e.exports=window.elementorV2.ui},"@wordpress/api-fetch":function(e){e.exports=window.wp.apiFetch},"@wordpress/i18n":function(e){e.exports=window.wp.i18n},react:function(e){e.exports=window.React}},t={};function __webpack_require__(r){var n=t[r];if(void 0!==n)return n.exports;var o=t[r]={exports:{}};return e[r](o,o.exports,__webpack_require__),o.exports}__webpack_require__.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=function(e,t){for(var r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},__webpack_require__.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},__webpack_require__.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};!function(){__webpack_require__.r(r),__webpack_require__.d(r,{init:function(){return e.init}});var e=__webpack_require__("./packages/packages/core/editor-starter/src/init.tsx")}(),(window.elementorV2=window.elementorV2||{}).editorStarter=r}(),window.elementorV2.editorStarter?.init?.();
480	3	//# sourceMappingURL=editor-starter.js.map