Elementor Website Builder – more than just a page builder / 4.2.2

Elementor Website Builder – more than just a page builder v4.2.2

elementor / assets / js / import-export-admin.js

import-export-admin.js in Elementor Website Builder – more than just a page builder 4.2.2, at assets/js/import-export-admin.js

422 lines 14.9 KB

Raw Download Zip

1	/******/ (() => { // webpackBootstrap
2	/******/ var __webpack_modules__ = ({
3
4	/***/ "../node_modules/@babel/runtime/helpers/classCallCheck.js":
5	/!**************************************************************!\
6	!* ../node_modules/@babel/runtime/helpers/classCallCheck.js *!
7	\****************************************************************/
8	/***/ ((module) => {
9
10	function _classCallCheck(a, n) {
11	if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
12	}
13	module.exports = _classCallCheck, module.exports.__esModule = true, module.exports["default"] = module.exports;
14
15	/***/ }),
16
17	/***/ "../node_modules/@babel/runtime/helpers/createClass.js":
18	/!***********************************************************!\
19	!* ../node_modules/@babel/runtime/helpers/createClass.js *!
20	\*************************************************************/
21	/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
22
23	var toPropertyKey = __webpack_require__(/! ./toPropertyKey.js / "../node_modules/@babel/runtime/helpers/toPropertyKey.js");
24	function _defineProperties(e, r) {
25	for (var t = 0; t < r.length; t++) {
26	var o = r[t];
27	o.enumerable = o.enumerable \|\| !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, toPropertyKey(o.key), o);
28	}
29	}
30	function _createClass(e, r, t) {
31	return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
32	writable: !1
33	}), e;
34	}
35	module.exports = _createClass, module.exports.__esModule = true, module.exports["default"] = module.exports;
36
37	/***/ }),
38
39	/***/ "../node_modules/@babel/runtime/helpers/defineProperty.js":
40	/!**************************************************************!\
41	!* ../node_modules/@babel/runtime/helpers/defineProperty.js *!
42	\****************************************************************/
43	/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
44
45	var toPropertyKey = __webpack_require__(/! ./toPropertyKey.js / "../node_modules/@babel/runtime/helpers/toPropertyKey.js");
46	function _defineProperty(e, r, t) {
47	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
48	value: t,
49	enumerable: !0,
50	configurable: !0,
51	writable: !0
52	}) : e[r] = t, e;
53	}
54	module.exports = _defineProperty, module.exports.__esModule = true, module.exports["default"] = module.exports;
55
56	/***/ }),
57
58	/***/ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js":
59	/!*********************************************************************!\
60	!* ../node_modules/@babel/runtime/helpers/interopRequireDefault.js *!
61	\***********************************************************************/
62	/***/ ((module) => {
63
64	function _interopRequireDefault(e) {
65	return e && e.__esModule ? e : {
66	"default": e
67	};
68	}
69	module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports["default"] = module.exports;
70
71	/***/ }),
72
73	/***/ "../node_modules/@babel/runtime/helpers/toPrimitive.js":
74	/!***********************************************************!\
75	!* ../node_modules/@babel/runtime/helpers/toPrimitive.js *!
76	\*************************************************************/
77	/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
78
79	var _typeof = (__webpack_require__(/! ./typeof.js / "../node_modules/@babel/runtime/helpers/typeof.js")["default"]);
80	function toPrimitive(t, r) {
81	if ("object" != _typeof(t) \|\| !t) return t;
82	var e = t[Symbol.toPrimitive];
83	if (void 0 !== e) {
84	var i = e.call(t, r \|\| "default");
85	if ("object" != _typeof(i)) return i;
86	throw new TypeError("@@toPrimitive must return a primitive value.");
87	}
88	return ("string" === r ? String : Number)(t);
89	}
90	module.exports = toPrimitive, module.exports.__esModule = true, module.exports["default"] = module.exports;
91
92	/***/ }),
93
94	/***/ "../node_modules/@babel/runtime/helpers/toPropertyKey.js":
95	/!*************************************************************!\
96	!* ../node_modules/@babel/runtime/helpers/toPropertyKey.js *!
97	\***************************************************************/
98	/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
99
100	var _typeof = (__webpack_require__(/! ./typeof.js / "../node_modules/@babel/runtime/helpers/typeof.js")["default"]);
101	var toPrimitive = __webpack_require__(/! ./toPrimitive.js / "../node_modules/@babel/runtime/helpers/toPrimitive.js");
102	function toPropertyKey(t) {
103	var i = toPrimitive(t, "string");
104	return "symbol" == _typeof(i) ? i : i + "";
105	}
106	module.exports = toPropertyKey, module.exports.__esModule = true, module.exports["default"] = module.exports;
107
108	/***/ }),
109
110	/***/ "../node_modules/@babel/runtime/helpers/typeof.js":
111	/!******************************************************!\
112	!* ../node_modules/@babel/runtime/helpers/typeof.js *!
113	\********************************************************/
114	/***/ ((module) => {
115
116	function _typeof(o) {
117	"@babel/helpers - typeof";
118
119	return module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
120	return typeof o;
121	} : function (o) {
122	return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
123	}, module.exports.__esModule = true, module.exports["default"] = module.exports, _typeof(o);
124	}
125	module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
126
127	/***/ }),
128
129	/***/ "@wordpress/i18n":
130	/!************************!\
131	!* external "wp.i18n" *!
132	\**************************/
133	/***/ ((module) => {
134
135	"use strict";
136	module.exports = wp.i18n;
137
138	/***/ })
139
140	/******/ });
141	/************************************************************************/
142	/******/ // The module cache
143	/******/ var __webpack_module_cache__ = {};
144	/******/
145	/******/ // The require function
146	/******/ function __webpack_require__(moduleId) {
147	/******/ // Check if module is in cache
148	/******/ var cachedModule = __webpack_module_cache__[moduleId];
149	/******/ if (cachedModule !== undefined) {
150	/******/ return cachedModule.exports;
151	/******/ }
152	/******/ // Create a new module (and put it into the cache)
153	/******/ var module = __webpack_module_cache__[moduleId] = {
154	/******/ // no module.id needed
155	/******/ // no module.loaded needed
156	/******/ exports: {}
157	/******/ };
158	/******/
159	/******/ // Execute the module function
160	/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
161	/******/
162	/******/ // Return the exports of the module
163	/******/ return module.exports;
164	/******/ }
165	/******/
166	/************************************************************************/
167	// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
168	(() => {
169	"use strict";
170	/!*****************************************************!\
171	!* ../app/modules/import-export/assets/js/admin.js *!
172	\*******************************************************/
173	/* provided dependency / var __ = __webpack_require__(/! @wordpress/i18n */ "@wordpress/i18n")["__"];
174
175
176	var _interopRequireDefault = __webpack_require__(/! @babel/runtime/helpers/interopRequireDefault / "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
177	var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/! @babel/runtime/helpers/classCallCheck / "../node_modules/@babel/runtime/helpers/classCallCheck.js"));
178	var _createClass2 = _interopRequireDefault(__webpack_require__(/! @babel/runtime/helpers/createClass / "../node_modules/@babel/runtime/helpers/createClass.js"));
179	var _defineProperty2 = _interopRequireDefault(__webpack_require__(/! @babel/runtime/helpers/defineProperty / "../node_modules/@babel/runtime/helpers/defineProperty.js"));
180	var Admin = /#__PURE__/function () {
181	function Admin() {
182	(0, _classCallCheck2.default)(this, Admin);
183	/**
184	* Session Storage Key
185	*
186	* @type {string}
187	*/
188	(0, _defineProperty2.default)(this, "KIT_DATA_KEY", 'elementor-kit-data');
189	/**
190	* Contains the ID of the referrer Kit and the name of the Kit to remove. Stored in session storage.
191	*
192	* @type {Object}
193	*/
194	(0, _defineProperty2.default)(this, "cachedKitData", void 0);
195	/**
196	* The 'Remove Kit' revert button
197	*
198	* @type {Element}
199	*/
200	(0, _defineProperty2.default)(this, "revertButton", void 0);
201	/**
202	* Name of the kit currently active (last imported)
203	*
204	* @type {string}
205	*/
206	(0, _defineProperty2.default)(this, "activeKitName", void 0);
207	this.activeKitName = this.getActiveKitName();
208	this.revertButton = document.getElementById('elementor-import-export__revert_kit');
209	if (this.revertButton) {
210	this.revertButton.addEventListener('click', this.onRevertButtonClick.bind(this));
211	this.maybeAddRevertBtnMargin();
212	this.maybeScrollToRevertButton();
213	}
214	this.maybeShowReferrerKitDialog();
215	}
216	return (0, _createClass2.default)(Admin, [{
217	key: "shouldScrollToRevert",
218	value: function shouldScrollToRevert() {
219	var urlParams = new URLSearchParams(window.location.search);
220	return !!urlParams.get('scroll_to_revert');
221	}
222	}, {
223	key: "maybeAddRevertBtnMargin",
224	value: function maybeAddRevertBtnMargin() {
225	if (!this.shouldScrollToRevert()) {
226	return;
227	}
228	this.revertButton.style.marginBottom = this.calculateMargin();
229	}
230	}, {
231	key: "maybeScrollToRevertButton",
232	value: function maybeScrollToRevertButton() {
233	if (!this.shouldScrollToRevert()) {
234	return;
235	}
236	this.scrollToBottom();
237	}
238
239	/**
240	* CalculateMargin
241	*
242	* @return {string}
243	*/
244	}, {
245	key: "calculateMargin",
246	value: function calculateMargin() {
247	var adminBar = document.getElementById('wpadminbar');
248	var adminBarHeight = adminBar ? adminBar.offsetHeight : 0;
249	var revertKitHeight = this.revertButton.parentElement.offsetHeight;
250	return document.body.clientHeight - adminBarHeight - revertKitHeight - document.getElementById('wpfooter').offsetHeight - 15 // Extra margin at the top
251	+ 'px';
252	}
253
254	/**
255	* Scroll to the bottom of the page
256	*/
257	}, {
258	key: "scrollToBottom",
259	value: function scrollToBottom() {
260	setTimeout(function () {
261	window.scrollTo(0, document.body.scrollHeight);
262	});
263	}
264
265	/**
266	* RevertBtnOnClick
267	*
268	* @param {Event} event
269	*/
270	}, {
271	key: "onRevertButtonClick",
272	value: function onRevertButtonClick(event) {
273	var _this = this;
274	event.preventDefault();
275	elementorCommon.dialogsManager.createWidget('confirm', {
276	headerMessage: __('Are you sure?', 'elementor'),
277	// Translators: %s is the name of the active Kit
278	message: __('Removing %s will permanently delete changes made to the Websites Template\'s content and site settings', 'elementor').replace('%s', this.activeKitName),
279	strings: {
280	confirm: __('Delete', 'elementor'),
281	cancel: __('Cancel', 'elementor')
282	},
283	onConfirm: function onConfirm() {
284	return _this.onRevertConfirm();
285	}
286	}).show();
287	}
288	}, {
289	key: "onRevertConfirm",
290	value: function onRevertConfirm() {
291	var referrerKitId = new URLSearchParams(this.revertButton.href).get('referrer_kit');
292	this.saveToCache(referrerKitId !== null && referrerKitId !== void 0 ? referrerKitId : '');
293	location.href = this.revertButton.href;
294	}
295	}, {
296	key: "maybeShowReferrerKitDialog",
297	value: function maybeShowReferrerKitDialog() {
298	var _this$getDataFromCach = this.getDataFromCache(),
299	referrerKitId = _this$getDataFromCach.referrerKitId;
300	if (undefined === referrerKitId) {
301	return;
302	}
303	if (0 === referrerKitId.length) {
304	this.createKitDeletedWidget({
305	message: __('Try a different Website Template or build your site from scratch.', 'elementor'),
306	strings: {
307	confirm: __('OK', 'elementor'),
308	cancel: __('Library', 'elementor')
309	},
310	onCancel: function onCancel() {
311	location.href = elementorImportExport.appUrl;
312	}
313	});
314	this.clearCache();
315	return;
316	}
317	this.createKitDeletedWidget({
318	message: __('You\'re ready to apply a new Kit!', 'elementor'),
319	strings: {
320	confirm: __('Continue to new Kit', 'elementor'),
321	cancel: __('Close', 'elementor')
322	},
323	onConfirm: function onConfirm() {
324	location.href = elementorImportExport.appUrl + '/preview/' + referrerKitId;
325	}
326	});
327	this.clearCache();
328	}
329
330	/**
331	* CreateKitDeletedWidget
332	*
333	* @param {Object} options
334	*/
335	}, {
336	key: "createKitDeletedWidget",
337	value: function createKitDeletedWidget(options) {
338	var _this$getDataFromCach2 = this.getDataFromCache(),
339	activeKitName = _this$getDataFromCach2.activeKitName;
340	elementorCommon.dialogsManager.createWidget('confirm', {
341	id: 'e-revert-kit-deleted-dialog',
342	// Translators: %s is the name of the active Kit
343	headerMessage: __('%s was successfully deleted', 'elementor').replace('%s', activeKitName),
344	message: options.message,
345	strings: {
346	confirm: options.strings.confirm,
347	cancel: options.strings.cancel
348	},
349	onConfirm: options.onConfirm,
350	onCancel: options.onCancel
351	}).show();
352	}
353
354	/**
355	* Retrieving the last imported kit from the elementorAppConfig global
356	*
357	* @return {string}
358	*/
359	}, {
360	key: "getActiveKitName",
361	value: function getActiveKitName() {
362	var lastKit = elementorImportExport.lastImportedSession;
363	if (lastKit.kit_title) {
364	return lastKit.kit_title;
365	}
366	if (lastKit.kit_name) {
367	return this.convertNameToTitle(lastKit.kit_name);
368	}
369	return __('Your Kit', 'elementor');
370	}
371
372	/**
373	* ConvertNameToTitle
374	*
375	* @param {string} name
376	*
377	* @return {string}
378	*/
379	}, {
380	key: "convertNameToTitle",
381	value: function convertNameToTitle(name) {
382	return name.split(/[-_]+/).map(function (word) {
383	return word[0].toUpperCase() + word.substring(1);
384	}).join(' ');
385	}
386	}, {
387	key: "saveToCache",
388	value: function saveToCache(referrerKitId) {
389	sessionStorage.setItem(this.KIT_DATA_KEY, JSON.stringify({
390	referrerKitId: referrerKitId,
391	activeKitName: this.activeKitName
392	}));
393	}
394	}, {
395	key: "getDataFromCache",
396	value: function getDataFromCache() {
397	var _this$cachedKitData;
398	if (this.cachedKitData) {
399	return this.cachedKitData;
400	}
401	try {
402	this.cachedKitData = JSON.parse(sessionStorage.getItem(this.KIT_DATA_KEY));
403	} catch (e) {
404	return {};
405	}
406	return (_this$cachedKitData = this.cachedKitData) !== null && _this$cachedKitData !== void 0 ? _this$cachedKitData : {};
407	}
408	}, {
409	key: "clearCache",
410	value: function clearCache() {
411	sessionStorage.removeItem(this.KIT_DATA_KEY);
412	}
413	}]);
414	}();
415	window.addEventListener('load', function () {
416	new Admin();
417	});
418	})();
419
420	/******/ })()
421	;
422	//# sourceMappingURL=import-export-admin.js.map