Ubuntu
/******/ (() => { // webpackBootstrap
/******/ var __webpack_modules__ = ({
/***/ "../app/assets/js/app-context.js":
/*!***************************************!*\
!*** ../app/assets/js/app-context.js ***!
\***************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports.AppContext = void 0;
exports["default"] = AppProvider;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var AppContext = exports.AppContext = _react.default.createContext();
function AppProvider(props) {
var initialState = {
isDarkMode: document.body.classList.contains("eps-theme-dark")
},
_useState = (0, _react.useState)(initialState),
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
state = _useState2[0],
setState = _useState2[1];
return /*#__PURE__*/_react.default.createElement(AppContext.Provider, {
value: {
state: state,
setState: setState
}
}, props.children);
}
AppProvider.propTypes = {
children: PropTypes.object.isRequired
};
/***/ }),
/***/ "../app/assets/js/app.js":
/*!*******************************!*\
!*** ../app/assets/js/app.js ***!
\*******************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = App;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
var _router = _interopRequireDefault(__webpack_require__(/*! @elementor/router */ "@elementor/router"));
var _router2 = __webpack_require__(/*! @reach/router */ "../node_modules/@reach/router/es/index.js");
var _reachRouterHashHistory = __webpack_require__(/*! reach-router-hash-history */ "../node_modules/reach-router-hash-history/index.js");
var _notFound = _interopRequireDefault(__webpack_require__(/*! elementor-app/pages/not-found */ "../app/assets/js/pages/not-found.js"));
var _index = _interopRequireDefault(__webpack_require__(/*! elementor-app/pages/index */ "../app/assets/js/pages/index.js"));
var _errorBoundary = _interopRequireDefault(__webpack_require__(/*! elementor-app/organisms/error-boundary */ "../app/assets/js/organisms/error-boundary.js"));
__webpack_require__(/*! ./app.scss */ "../app/assets/js/app.scss");
var _appContext = __webpack_require__(/*! elementor-app/app-context */ "../app/assets/js/app-context.js");
var _styledComponents = __webpack_require__(/*! styled-components */ "../node_modules/styled-components/dist/styled-components.browser.esm.js");
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
/**
* Elementor App
*/
var _React = _react.default,
Suspense = _React.Suspense;
function App() {
var appContext = (0, _react.useContext)(_appContext.AppContext),
isDarkMode = appContext.state.isDarkMode,
theme = {
config: {
variants: {
light: !isDarkMode,
dark: isDarkMode
}
}
};
// Use hash route because it's actually rendered on a WP Admin page.
// Make it public for external uses.
_router.default.appHistory = (0, _router2.createHistory)((0, _reachRouterHashHistory.createHashSource)());
return /*#__PURE__*/_react.default.createElement(_errorBoundary.default, null, /*#__PURE__*/_react.default.createElement(_router2.LocationProvider, {
history: _router.default.appHistory
}, /*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider, {
theme: theme
}, /*#__PURE__*/_react.default.createElement(Suspense, {
fallback: null
}, /*#__PURE__*/_react.default.createElement(_router2.Router, null, _router.default.getRoutes(), /*#__PURE__*/_react.default.createElement(_index.default, {
path: "/"
}), /*#__PURE__*/_react.default.createElement(_notFound.default, {
default: true
}))))));
}
/***/ }),
/***/ "../app/assets/js/app.scss":
/*!*********************************!*\
!*** ../app/assets/js/app.scss ***!
\*********************************/
/***/ (() => {
/***/ }),
/***/ "../app/assets/js/event-track/apps-event-tracking.js":
/*!***********************************************************!*\
!*** ../app/assets/js/event-track/apps-event-tracking.js ***!
\***********************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports.appsEventTrackingDispatch = exports.AppsEventTracking = void 0;
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js"));
var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js"));
var _eventsConfig = _interopRequireDefault(__webpack_require__(/*! ../../../../core/common/modules/events-manager/assets/js/events-config */ "../core/common/modules/events-manager/assets/js/events-config.js"));
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
var EVENTS_MAP = {
PAGE_VIEWS_WEBSITE_TEMPLATES: 'page_views_website_templates',
KITS_CLOUD_UPGRADE_CLICKED: 'kits_cloud_upgrade_clicked',
EXPORT_KIT_CUSTOMIZATION: 'export_kit_customization',
IMPORT_KIT_CUSTOMIZATION: 'import_kit_customization',
KIT_IMPORT_STATUS: 'kit_import_status',
KIT_CLOUD_LIBRARY_APPLY: 'kit_cloud_library_apply',
KIT_CLOUD_LIBRARY_DELETE: 'kit_cloud_library_delete',
IMPORT_EXPORT_ADMIN_ACTION: 'ie_admin_action',
KIT_IMPORT_UPLOAD_FILE: 'kit_import_upload_file'
};
var appsEventTrackingDispatch = exports.appsEventTrackingDispatch = function appsEventTrackingDispatch(command, eventParams) {
// Add existing eventParams key value pair to the data/details object.
var objectCreator = function objectCreator(array, obj) {
var _iterator = _createForOfIteratorHelper(array),
_step;
try {
for (_iterator.s(); !(_step = _iterator.n()).done;) {
var key = _step.value;
if (eventParams.hasOwnProperty(key) && eventParams[key] !== null) {
obj[key] = eventParams[key];
}
}
} catch (err) {
_iterator.e(err);
} finally {
_iterator.f();
}
return obj;
};
var dataKeys = [];
var detailsKeys = ['layout', 'site_part', 'error', 'document_name', 'document_type', 'view_type_clicked', 'tag', 'sort_direction', 'sort_type', 'action', 'grid_location', 'kit_name', 'page_source', 'element_position', 'element', 'event_type', 'modal_type', 'method', 'status', 'step', 'item', 'category', 'element_location', 'search_term', 'section', 'site_area'];
var data = {};
var details = {};
var init = function init() {
objectCreator(detailsKeys, details);
objectCreator(dataKeys, data);
var commandSplit = command.split('/');
data.placement = commandSplit[0];
data.event = commandSplit[1];
// If 'details' is not empty, add the details object to the data object.
if (Object.keys(details).length) {
data.details = details;
}
};
init();
$e.run(command, data);
};
var AppsEventTracking = exports.AppsEventTracking = /*#__PURE__*/function () {
function AppsEventTracking() {
(0, _classCallCheck2.default)(this, AppsEventTracking);
}
return (0, _createClass2.default)(AppsEventTracking, null, [{
key: "dispatchEvent",
value: function dispatchEvent(eventName, payload) {
var _window$elementorComm, _window$elementorComm2;
return (_window$elementorComm = window.elementorCommon) === null || _window$elementorComm === void 0 || (_window$elementorComm = _window$elementorComm.eventsManager) === null || _window$elementorComm === void 0 || (_window$elementorComm2 = _window$elementorComm.dispatchEvent) === null || _window$elementorComm2 === void 0 ? void 0 : _window$elementorComm2.call(_window$elementorComm, eventName, payload);
}
}, {
key: "sendPageViewsWebsiteTemplates",
value: function sendPageViewsWebsiteTemplates(page) {
return this.dispatchEvent(EVENTS_MAP.PAGE_VIEWS_WEBSITE_TEMPLATES, {
trigger: _eventsConfig.default.triggers.pageLoaded,
page_loaded: page,
secondary_location: page
});
}
}, {
key: "sendKitsCloudUpgradeClicked",
value: function sendKitsCloudUpgradeClicked(upgradeLocation) {
return this.dispatchEvent(EVENTS_MAP.KITS_CLOUD_UPGRADE_CLICKED, {
trigger: _eventsConfig.default.triggers.click,
secondary_location: upgradeLocation,
upgrade_location: upgradeLocation
});
}
}, {
key: "sendExportKitCustomization",
value: function sendExportKitCustomization(payload) {
return this.dispatchEvent(EVENTS_MAP.EXPORT_KIT_CUSTOMIZATION, _objectSpread({
trigger: _eventsConfig.default.triggers.click
}, payload));
}
}, {
key: "sendImportKitCustomization",
value: function sendImportKitCustomization(payload) {
return this.dispatchEvent(EVENTS_MAP.IMPORT_KIT_CUSTOMIZATION, _objectSpread({
trigger: _eventsConfig.default.triggers.click
}, payload));
}
}, {
key: "sendKitImportStatus",
value: function sendKitImportStatus() {
var error = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
var isError = !!error;
return this.dispatchEvent(EVENTS_MAP.KIT_IMPORT_STATUS, _objectSpread({
kit_import_status: !isError
}, isError && {
kit_import_error: error.message
}));
}
}, {
key: "sendKitCloudLibraryApply",
value: function sendKitCloudLibraryApply(kitId, kitApplyUrl) {
return this.dispatchEvent(EVENTS_MAP.KIT_CLOUD_LIBRARY_APPLY, _objectSpread({
trigger: _eventsConfig.default.triggers.click,
kit_cloud_id: kitId
}, kitApplyUrl && {
kit_apply_url: kitApplyUrl
}));
}
}, {
key: "sendKitCloudLibraryDelete",
value: function sendKitCloudLibraryDelete() {
return this.dispatchEvent(EVENTS_MAP.KIT_CLOUD_LIBRARY_DELETE, {
trigger: _eventsConfig.default.triggers.click
});
}
}, {
key: "sendImportExportAdminAction",
value: function sendImportExportAdminAction(actionType) {
return this.dispatchEvent(EVENTS_MAP.IMPORT_EXPORT_ADMIN_ACTION, {
trigger: _eventsConfig.default.triggers.click,
action_type: actionType
});
}
}, {
key: "sendKitImportUploadFile",
value: function sendKitImportUploadFile(status) {
return this.dispatchEvent(EVENTS_MAP.KIT_IMPORT_UPLOAD_FILE, {
kit_import_upload_file_status: status
});
}
}]);
}();
/***/ }),
/***/ "../app/assets/js/hooks/use-action.js":
/*!********************************************!*\
!*** ../app/assets/js/hooks/use-action.js ***!
\********************************************/
/***/ ((__unused_webpack_module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = useAction;
function useAction() {
return {
backToDashboard: function backToDashboard() {
if (window.top === window) {
window.top.location = elementorAppConfig.admin_url;
} else {
// Iframe.
window.top.$e.run('app/close');
}
},
backToReferrer: function backToReferrer() {
if (window.top === window) {
// Directly - in case that the return_url is the login-page, the target should be the admin-page and not the login-page again.
window.top.location = elementorAppConfig.return_url.includes(elementorAppConfig.login_url) ? elementorAppConfig.admin_url : elementorAppConfig.return_url;
} else {
// Iframe.
window.top.$e.run('app/close');
}
}
};
}
/***/ }),
/***/ "../app/assets/js/hooks/use-ajax.js":
/*!******************************************!*\
!*** ../app/assets/js/hooks/use-ajax.js ***!
\******************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = useAjax;
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ "../node_modules/@babel/runtime/regenerator/index.js"));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../node_modules/@babel/runtime/helpers/asyncToGenerator.js"));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
var _react = __webpack_require__(/*! react */ "react");
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function useAjax() {
var _useState = (0, _react.useState)(null),
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
ajax = _useState2[0],
setAjax = _useState2[1],
initialStatusKey = 'initial',
uploadInitialState = {
status: initialStatusKey,
isComplete: false,
response: null
},
_useState3 = (0, _react.useState)(uploadInitialState),
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
ajaxState = _useState4[0],
setAjaxState = _useState4[1],
ajaxActions = {
reset: function reset() {
return setAjaxState(initialStatusKey);
}
};
var runRequest = /*#__PURE__*/function () {
var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(config) {
return _regenerator.default.wrap(function (_context) {
while (1) switch (_context.prev = _context.next) {
case 0:
return _context.abrupt("return", new Promise(function (resolve, reject) {
var formData = new FormData();
if (config.data) {
for (var key in config.data) {
formData.append(key, config.data[key]);
}
if (!config.data.nonce) {
formData.append('_nonce', elementorCommon.config.ajax.nonce);
}
}
var options = _objectSpread(_objectSpread({
type: 'post',
url: elementorCommon.config.ajax.url,
headers: {},
cache: false,
contentType: false,
processData: false
}, config), {}, {
data: formData,
success: function success(response) {
resolve(response);
},
error: function error(_error) {
reject(_error);
}
});
jQuery.ajax(options);
}));
case 1:
case "end":
return _context.stop();
}
}, _callee);
}));
return function runRequest(_x) {
return _ref.apply(this, arguments);
};
}();
(0, _react.useEffect)(function () {
if (ajax) {
runRequest(ajax).then(function (response) {
var status = response.success ? 'success' : 'error';
setAjaxState(function (prevState) {
return _objectSpread(_objectSpread({}, prevState), {}, {
status: status,
response: response === null || response === void 0 ? void 0 : response.data
});
});
}).catch(function (error) {
var _error$responseJSON;
var response = 408 === error.status ? 'timeout' : (_error$responseJSON = error.responseJSON) === null || _error$responseJSON === void 0 ? void 0 : _error$responseJSON.data;
setAjaxState(function (prevState) {
return _objectSpread(_objectSpread({}, prevState), {}, {
status: 'error',
response: response
});
});
}).finally(function () {
setAjaxState(function (prevState) {
return _objectSpread(_objectSpread({}, prevState), {}, {
isComplete: true
});
});
});
}
}, [ajax]);
return {
ajax: ajax,
setAjax: setAjax,
ajaxState: ajaxState,
ajaxActions: ajaxActions,
runRequest: runRequest
};
}
/***/ }),
/***/ "../app/assets/js/hooks/use-cloud-kits-eligibility.js":
/*!************************************************************!*\
!*** ../app/assets/js/hooks/use-cloud-kits-eligibility.js ***!
\************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports.KEY = void 0;
exports["default"] = useCloudKitsEligibility;
var _reactQuery = __webpack_require__(/*! react-query */ "../node_modules/react-query/es/index.js");
var _cloudKits = __webpack_require__(/*! ../utils/cloud-kits.js */ "../app/assets/js/utils/cloud-kits.js");
var KEY = exports.KEY = 'cloud-kits-availability';
/**
* Hook to check if cloud kits should be available
*
* @param {Object} options - React Query options
* @return {Object} Query result with availability status
*/
function useCloudKitsEligibility() {
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
return (0, _reactQuery.useQuery)([KEY], _cloudKits.fetchCloudKitsEligibility, options);
}
/***/ }),
/***/ "../app/assets/js/hooks/use-page-title.js":
/*!************************************************!*\
!*** ../app/assets/js/hooks/use-page-title.js ***!
\************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = usePageTitle;
var _react = __webpack_require__(/*! react */ "react");
function usePageTitle(_ref) {
var title = _ref.title,
prefix = _ref.prefix;
var prefixRef = (0, _react.useRef)(prefix);
(0, _react.useEffect)(function () {
if (!prefix) {
prefixRef.current = __('Elementor', 'elementor');
}
document.title = "".concat(prefixRef.current, " | ").concat(title);
}, [title, prefix]);
}
/***/ }),
/***/ "../app/assets/js/hooks/use-query-params.js":
/*!**************************************************!*\
!*** ../app/assets/js/hooks/use-query-params.js ***!
\**************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = useQueryParams;
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function useQueryParams() {
var _location$hash$match;
var urlSearchParams = new URLSearchParams(window.location.search),
urlParams = Object.fromEntries(urlSearchParams.entries()),
hashValue = (_location$hash$match = location.hash.match(/\?(.+)/)) === null || _location$hash$match === void 0 ? void 0 : _location$hash$match[1],
hashParams = {};
if (hashValue) {
hashValue.split('&').forEach(function (pair) {
var _pair$split = pair.split('='),
_pair$split2 = (0, _slicedToArray2.default)(_pair$split, 2),
key = _pair$split2[0],
value = _pair$split2[1];
hashParams[key] = value;
});
}
// Merging the URL params with the hash params.
var queryParams = _objectSpread(_objectSpread({}, urlParams), hashParams);
return {
getAll: function getAll() {
return queryParams;
}
};
}
/***/ }),
/***/ "../app/assets/js/layout/content.js":
/*!******************************************!*\
!*** ../app/assets/js/layout/content.js ***!
\******************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = Content;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
function Content(props) {
return /*#__PURE__*/_react.default.createElement("main", {
className: "eps-app__content ".concat(props.className)
}, props.children);
}
Content.propTypes = {
children: PropTypes.any,
className: PropTypes.string
};
Content.defaultProps = {
className: ''
};
/***/ }),
/***/ "../app/assets/js/layout/footer.js":
/*!*****************************************!*\
!*** ../app/assets/js/layout/footer.js ***!
\*****************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = Footer;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
function Footer(props) {
return /*#__PURE__*/_react.default.createElement("footer", {
className: "eps-app__footer"
}, props.children);
}
Footer.propTypes = {
children: PropTypes.object
};
/***/ }),
/***/ "../app/assets/js/layout/header-button.js":
/*!************************************************!*\
!*** ../app/assets/js/layout/header-button.js ***!
\************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = void 0;
var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js"));
var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js"));
var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"));
var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js"));
var _get2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/get */ "../node_modules/@babel/runtime/helpers/get.js"));
var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js"));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
var _button = _interopRequireDefault(__webpack_require__(/*! ../ui/molecules/button */ "../app/assets/js/ui/molecules/button.js"));
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
function _superPropGet(t, o, e, r) { var p = (0, _get2.default)((0, _getPrototypeOf2.default)(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
var Button = exports["default"] = /*#__PURE__*/function (_BaseButton) {
function Button() {
(0, _classCallCheck2.default)(this, Button);
return _callSuper(this, Button, arguments);
}
(0, _inherits2.default)(Button, _BaseButton);
return (0, _createClass2.default)(Button, [{
key: "getCssId",
value: function getCssId() {
return "eps-app-header-btn-" + _superPropGet(Button, "getCssId", this, 3)([]);
}
}, {
key: "getClassName",
value: function getClassName() {
// Avoid using the 'eps-app__header-btn' class to make sure it is not override custom styles.
if (!this.props.includeHeaderBtnClass) {
return _superPropGet(Button, "getClassName", this, 3)([]);
}
return "eps-app__header-btn " + _superPropGet(Button, "getClassName", this, 3)([]);
}
}]);
}(_button.default);
(0, _defineProperty2.default)(Button, "defaultProps", Object.assign({} /* Clone */, _button.default.defaultProps, {
hideText: true,
includeHeaderBtnClass: true
}));
/***/ }),
/***/ "../app/assets/js/layout/header-buttons.js":
/*!*************************************************!*\
!*** ../app/assets/js/layout/header-buttons.js ***!
\*************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = HeaderButtons;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
var _useAction = _interopRequireDefault(__webpack_require__(/*! elementor-app/hooks/use-action */ "../app/assets/js/hooks/use-action.js"));
var _headerButton = _interopRequireDefault(__webpack_require__(/*! ./header-button */ "../app/assets/js/layout/header-button.js"));
function HeaderButtons(props) {
var action = (0, _useAction.default)();
var actionOnClose = function actionOnClose() {
if (props.onClose) {
props.onClose();
} else {
action.backToDashboard();
}
};
var tools = '';
if (props.buttons.length) {
var buttons = props.buttons.map(function (button) {
return /*#__PURE__*/_react.default.createElement(_headerButton.default, (0, _extends2.default)({
key: button.id
}, button));
});
tools = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, buttons);
}
return /*#__PURE__*/_react.default.createElement("div", {
className: "eps-app__header-buttons"
}, /*#__PURE__*/_react.default.createElement(_headerButton.default, {
text: __('Close', 'elementor'),
icon: "eicon-close",
className: "eps-app__close-button",
onClick: actionOnClose
}), tools);
}
HeaderButtons.propTypes = {
buttons: PropTypes.arrayOf(PropTypes.object),
onClose: PropTypes.func
};
HeaderButtons.defaultProps = {
buttons: []
};
/***/ }),
/***/ "../app/assets/js/layout/header.js":
/*!*****************************************!*\
!*** ../app/assets/js/layout/header.js ***!
\*****************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = Header;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
var _grid = _interopRequireDefault(__webpack_require__(/*! ../ui/grid/grid */ "../app/assets/js/ui/grid/grid.js"));
var _headerButtons = _interopRequireDefault(__webpack_require__(/*! ./header-buttons */ "../app/assets/js/layout/header-buttons.js"));
var _usePageTitle = _interopRequireDefault(__webpack_require__(/*! elementor-app/hooks/use-page-title */ "../app/assets/js/hooks/use-page-title.js"));
function Header(props) {
(0, _usePageTitle.default)({
title: props.title
});
var TitleTag = 'span',
titleAttrs = {};
if (props.titleRedirectRoute) {
TitleTag = 'a';
titleAttrs = {
href: "#".concat(props.titleRedirectRoute),
target: '_self'
};
}
return /*#__PURE__*/_react.default.createElement(_grid.default, {
container: true,
alignItems: "center",
justify: "space-between",
className: "eps-app__header"
}, /*#__PURE__*/_react.default.createElement(TitleTag, (0, _extends2.default)({
className: "eps-app__logo-title-wrapper"
}, titleAttrs), /*#__PURE__*/_react.default.createElement("i", {
className: "eps-app__logo eicon-elementor-circle"
}), /*#__PURE__*/_react.default.createElement("h1", {
className: "eps-app__title"
}, props.title)), /*#__PURE__*/_react.default.createElement(_headerButtons.default, {
buttons: props.buttons,
onClose: props.onClose
}));
}
Header.propTypes = {
title: PropTypes.string,
titleRedirectRoute: PropTypes.string,
buttons: PropTypes.arrayOf(PropTypes.object),
onClose: PropTypes.func
};
Header.defaultProps = {
buttons: []
};
/***/ }),
/***/ "../app/assets/js/layout/page.js":
/*!***************************************!*\
!*** ../app/assets/js/layout/page.js ***!
\***************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = Page;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _header = _interopRequireDefault(__webpack_require__(/*! ./header */ "../app/assets/js/layout/header.js"));
var _sidebar = _interopRequireDefault(__webpack_require__(/*! ./sidebar */ "../app/assets/js/layout/sidebar.js"));
var _content = _interopRequireDefault(__webpack_require__(/*! ./content */ "../app/assets/js/layout/content.js"));
var _footer = _interopRequireDefault(__webpack_require__(/*! ./footer */ "../app/assets/js/layout/footer.js"));
function Page(props) {
var AppSidebar = function AppSidebar() {
if (!props.sidebar) {
return;
}
return /*#__PURE__*/_react.default.createElement(_sidebar.default, null, props.sidebar);
},
AppFooter = function AppFooter() {
if (!props.footer) {
return;
}
return /*#__PURE__*/_react.default.createElement(_footer.default, null, props.footer);
};
return /*#__PURE__*/_react.default.createElement("div", {
className: "eps-app__lightbox ".concat(props.className)
}, /*#__PURE__*/_react.default.createElement("div", {
className: "eps-app"
}, /*#__PURE__*/_react.default.createElement(_header.default, {
title: props.title,
buttons: props.headerButtons,
titleRedirectRoute: props.titleRedirectRoute,
onClose: props.onClose
}), /*#__PURE__*/_react.default.createElement("div", {
className: "eps-app__main"
}, AppSidebar(), /*#__PURE__*/_react.default.createElement(_content.default, null, props.content)), AppFooter()));
}
Page.propTypes = {
title: PropTypes.string,
titleRedirectRoute: PropTypes.string,
className: PropTypes.string,
headerButtons: PropTypes.arrayOf(PropTypes.object),
sidebar: PropTypes.object,
content: PropTypes.object.isRequired,
footer: PropTypes.object,
onClose: PropTypes.func
};
Page.defaultProps = {
className: ''
};
/***/ }),
/***/ "../app/assets/js/layout/sidebar.js":
/*!******************************************!*\
!*** ../app/assets/js/layout/sidebar.js ***!
\******************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = Sidebar;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
function Sidebar(props) {
return /*#__PURE__*/_react.default.createElement("div", {
className: "eps-app__sidebar"
}, props.children);
}
Sidebar.propTypes = {
children: PropTypes.object
};
/***/ }),
/***/ "../app/assets/js/molecules/collapse-content.js":
/*!******************************************************!*\
!*** ../app/assets/js/molecules/collapse-content.js ***!
\******************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = CollapseContent;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
function CollapseContent(props) {
return /*#__PURE__*/_react.default.createElement("div", {
className: "e-app-collapse-content"
}, props.children);
}
CollapseContent.propTypes = {
className: PropTypes.string,
children: PropTypes.any
};
CollapseContent.defaultProps = {
className: ''
};
/***/ }),
/***/ "../app/assets/js/molecules/collapse-context.js":
/*!******************************************************!*\
!*** ../app/assets/js/molecules/collapse-context.js ***!
\******************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports.CollapseContext = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var CollapseContext = exports.CollapseContext = _react.default.createContext();
/***/ }),
/***/ "../app/assets/js/molecules/collapse-toggle.js":
/*!*****************************************************!*\
!*** ../app/assets/js/molecules/collapse-toggle.js ***!
\*****************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = CollapseToggle;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
var _utils = __webpack_require__(/*! elementor-app/utils/utils.js */ "../app/assets/js/utils/utils.js");
var _collapseContext = __webpack_require__(/*! ./collapse-context */ "../app/assets/js/molecules/collapse-context.js");
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
function CollapseToggle(props) {
var context = (0, _react.useContext)(_collapseContext.CollapseContext),
style = {
'--e-app-collapse-toggle-icon-spacing': (0, _utils.pxToRem)(props.iconSpacing)
},
classNameBase = 'e-app-collapse-toggle',
classes = [classNameBase, (0, _defineProperty2.default)({}, classNameBase + '--active', props.active)],
attrs = {
style: style,
className: (0, _utils.arrayToClassName)(classes)
};
if (props.active) {
attrs.onClick = function () {
return context.toggle();
};
}
return /*#__PURE__*/_react.default.createElement("div", attrs, props.children, props.active && props.showIcon && /*#__PURE__*/_react.default.createElement("i", {
className: "eicon-caret-down e-app-collapse-toggle__icon"
}));
}
CollapseToggle.propTypes = {
className: PropTypes.string,
iconSpacing: PropTypes.number,
showIcon: PropTypes.bool,
active: PropTypes.bool,
children: PropTypes.any
};
CollapseToggle.defaultProps = {
className: '',
iconSpacing: 20,
showIcon: true,
active: true
};
/***/ }),
/***/ "../app/assets/js/molecules/collapse.js":
/*!**********************************************!*\
!*** ../app/assets/js/molecules/collapse.js ***!
\**********************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = Collapse;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
var _utils = __webpack_require__(/*! elementor-app/utils/utils.js */ "../app/assets/js/utils/utils.js");
var _collapseContext = __webpack_require__(/*! ./collapse-context */ "../app/assets/js/molecules/collapse-context.js");
var _collapseToggle = _interopRequireDefault(__webpack_require__(/*! ./collapse-toggle */ "../app/assets/js/molecules/collapse-toggle.js"));
var _collapseContent = _interopRequireDefault(__webpack_require__(/*! ./collapse-content */ "../app/assets/js/molecules/collapse-content.js"));
__webpack_require__(/*! ./collapse.scss */ "../app/assets/js/molecules/collapse.scss");
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
function Collapse(props) {
var _useState = (0, _react.useState)(props.isOpened),
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
isOpened = _useState2[0],
setIsOpened = _useState2[1],
classNameBase = 'e-app-collapse',
classes = [classNameBase, props.className, (0, _defineProperty2.default)({}, classNameBase + '--opened', isOpened)],
toggle = function toggle() {
return setIsOpened(function (prevState) {
return !prevState;
});
};
(0, _react.useEffect)(function () {
if (props.isOpened !== isOpened) {
setIsOpened(props.isOpened);
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [props.isOpened]);
(0, _react.useEffect)(function () {
if (props.onChange) {
props.onChange(isOpened);
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [isOpened]);
return /*#__PURE__*/_react.default.createElement(_collapseContext.CollapseContext.Provider, {
value: {
toggle: toggle
}
}, /*#__PURE__*/_react.default.createElement("div", {
className: (0, _utils.arrayToClassName)(classes)
}, props.children));
}
Collapse.propTypes = {
className: PropTypes.string,
isOpened: PropTypes.bool,
onChange: PropTypes.func,
children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)])
};
Collapse.defaultProps = {
className: '',
isOpened: false
};
Collapse.Toggle = _collapseToggle.default;
Collapse.Content = _collapseContent.default;
/***/ }),
/***/ "../app/assets/js/molecules/collapse.scss":
/*!************************************************!*\
!*** ../app/assets/js/molecules/collapse.scss ***!
\************************************************/
/***/ (() => {
/***/ }),
/***/ "../app/assets/js/molecules/dashboard-button.js":
/*!******************************************************!*\
!*** ../app/assets/js/molecules/dashboard-button.js ***!
\******************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = DashboardButton;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
var _button = _interopRequireDefault(__webpack_require__(/*! elementor-app/ui/molecules/button */ "../app/assets/js/ui/molecules/button.js"));
var _useAction = _interopRequireDefault(__webpack_require__(/*! elementor-app/hooks/use-action */ "../app/assets/js/hooks/use-action.js"));
var _utils = __webpack_require__(/*! elementor-app/utils/utils.js */ "../app/assets/js/utils/utils.js");
function DashboardButton(props) {
var action = (0, _useAction.default)(),
baseClassName = 'e-app-dashboard-button',
classes = [baseClassName, props.className];
return /*#__PURE__*/_react.default.createElement(_button.default, (0, _extends2.default)({}, props, {
className: (0, _utils.arrayToClassName)(classes),
text: props.text,
onClick: action.backToDashboard
}));
}
DashboardButton.propTypes = {
className: PropTypes.string,
text: PropTypes.string
};
DashboardButton.defaultProps = {
className: '',
variant: 'contained',
color: 'primary',
text: __('Back to dashboard', 'elementor')
};
/***/ }),
/***/ "../app/assets/js/molecules/data-table.js":
/*!************************************************!*\
!*** ../app/assets/js/molecules/data-table.js ***!
\************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = DataTable;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _utils = __webpack_require__(/*! ../utils/utils */ "../app/assets/js/utils/utils.js");
var _table = _interopRequireDefault(__webpack_require__(/*! elementor-app/ui/table/table */ "../app/assets/js/ui/table/table.js"));
function DataTable(_ref) {
var className = _ref.className,
onSelect = _ref.onSelect,
initialSelected = _ref.initialSelected,
initialDisabled = _ref.initialDisabled,
headers = _ref.headers,
layout = _ref.layout,
rows = _ref.rows,
selection = _ref.selection;
return /*#__PURE__*/_react.default.createElement(_table.default, {
selection: selection,
onSelect: onSelect,
initialSelected: initialSelected,
initialDisabled: initialDisabled,
className: (0, _utils.arrayToClassName)(['e-app-data-table', className])
}, !!headers.length && /*#__PURE__*/_react.default.createElement(_table.default.Head, null, /*#__PURE__*/_react.default.createElement(_table.default.Row, null, selection && /*#__PURE__*/_react.default.createElement(_table.default.Cell, {
tag: "th"
}, /*#__PURE__*/_react.default.createElement(_table.default.Checkbox, {
allSelectedCount: rows.length
})), headers.map(function (header, index) {
return /*#__PURE__*/_react.default.createElement(_table.default.Cell, {
tag: "th",
colSpan: layout && layout[index],
key: index
}, header);
}))), /*#__PURE__*/_react.default.createElement(_table.default.Body, null, rows.map(function (row, rowIndex) {
return /*#__PURE__*/_react.default.createElement(_table.default.Row, {
key: rowIndex
}, selection && /*#__PURE__*/_react.default.createElement(_table.default.Cell, {
tag: "td"
}, /*#__PURE__*/_react.default.createElement(_table.default.Checkbox, {
index: rowIndex
})), row.map(function (cell, cellIndex) {
return /*#__PURE__*/_react.default.createElement(_table.default.Cell, {
tag: "td",
colSpan: layout && layout[cellIndex],
key: cellIndex
}, cell);
}));
})));
}
DataTable.propTypes = {
className: PropTypes.string,
headers: PropTypes.array,
rows: PropTypes.array,
initialDisabled: PropTypes.array,
initialSelected: PropTypes.array,
layout: PropTypes.array,
onSelect: PropTypes.func,
selection: PropTypes.bool,
withHeader: PropTypes.bool
};
DataTable.defaultProps = {
className: '',
headers: [],
rows: [],
initialDisabled: [],
initialSelected: [],
selection: false
};
/***/ }),
/***/ "../app/assets/js/molecules/elementor-loading.js":
/*!*******************************************************!*\
!*** ../app/assets/js/molecules/elementor-loading.js ***!
\*******************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = ElementorLoading;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
function ElementorLoading(props) {
return /*#__PURE__*/_react.default.createElement("div", {
className: "elementor-loading"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "elementor-loader-wrapper"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "elementor-loader"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "elementor-loader-boxes"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "elementor-loader-box"
}), /*#__PURE__*/_react.default.createElement("div", {
className: "elementor-loader-box"
}), /*#__PURE__*/_react.default.createElement("div", {
className: "elementor-loader-box"
}), /*#__PURE__*/_react.default.createElement("div", {
className: "elementor-loader-box"
}))), /*#__PURE__*/_react.default.createElement("div", {
className: "elementor-loading-title"
}, props.loadingText)));
}
ElementorLoading.propTypes = {
loadingText: PropTypes.string
};
ElementorLoading.defaultProps = {
loadingText: __('Loading', 'elementor')
};
/***/ }),
/***/ "../app/assets/js/molecules/go-pro-button.js":
/*!***************************************************!*\
!*** ../app/assets/js/molecules/go-pro-button.js ***!
\***************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = GoProButton;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
var _button = _interopRequireDefault(__webpack_require__(/*! elementor-app/ui/molecules/button */ "../app/assets/js/ui/molecules/button.js"));
var _utils = __webpack_require__(/*! elementor-app/utils/utils.js */ "../app/assets/js/utils/utils.js");
function GoProButton(props) {
var baseClassName = 'e-app-go-pro-button',
classes = [baseClassName, props.className];
return /*#__PURE__*/_react.default.createElement(_button.default, (0, _extends2.default)({}, props, {
className: (0, _utils.arrayToClassName)(classes),
text: props.text
}));
}
GoProButton.propTypes = {
className: PropTypes.string,
text: PropTypes.string
};
GoProButton.defaultProps = {
className: '',
variant: 'outlined',
size: 'sm',
color: 'cta',
target: '_blank',
rel: 'noopener noreferrer',
text: __('Upgrade Now', 'elementor')
};
/***/ }),
/***/ "../app/assets/js/molecules/tooltip.js":
/*!*********************************************!*\
!*** ../app/assets/js/molecules/tooltip.js ***!
\*********************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = Tooltip;
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
var _utils = __webpack_require__(/*! ../utils/utils */ "../app/assets/js/utils/utils.js");
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
function Tooltip(props) {
var baseClassName = 'e-app-tooltip',
classes = [baseClassName, props.className],
childRef = (0, _react.useRef)(null),
isAborted = (0, _react.useRef)(false),
isManualControl = Object.prototype.hasOwnProperty.call(props, 'show'),
_useState = (0, _react.useState)(false),
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
isLibraryLoaded = _useState2[0],
setIsLibraryLoaded = _useState2[1],
_useState3 = (0, _react.useState)(false),
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
showTooltip = _useState4[0],
setShowTooltip = _useState4[1],
directionsMap = {
top: 's',
right: 'w',
down: 'n',
left: 'e'
},
tipsyConfig = {
trigger: isManualControl ? 'manual' : 'hover',
gravity: directionsMap[props.direction],
offset: props.offset,
title: function title() {
return props.title;
}
},
setTipsy = function setTipsy() {
var $tooltipContainer = jQuery(childRef.current);
$tooltipContainer.tipsy(tipsyConfig);
if (isManualControl) {
var displayMode = showTooltip ? 'show' : 'hide';
$tooltipContainer.tipsy(displayMode);
}
};
(0, _react.useEffect)(function () {
// In case that the component is disabled the tipsy library will not be loaded by default.
if (!props.disabled) {
isAborted.current = false;
import(/* webpackIgnore: true */"".concat(elementorCommon.config.urls.assets, "lib/tipsy/tipsy.min.js?ver=1.0.0")).then(function () {
if (!isAborted.current) {
if (isLibraryLoaded) {
setTipsy();
} else {
setIsLibraryLoaded(true);
}
}
});
}
return function () {
if (!props.disabled) {
// Aborting the current dynamic-import state update in case of re-render.
isAborted.current = true;
// Cleanup of existing tipsy element in case of re-render.
var nodes = document.querySelectorAll('.tipsy');
if (!nodes.length) {
return;
}
nodes[nodes.length - 1].remove();
}
};
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [props.disabled]);
(0, _react.useEffect)(function () {
if (isLibraryLoaded) {
setTipsy();
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [isLibraryLoaded, showTooltip]);
(0, _react.useEffect)(function () {
// The "show" state should not be changed while the component is disabled.
if (!props.disabled && props.show !== showTooltip) {
setShowTooltip(props.show);
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [props.show]);
return /*#__PURE__*/_react.default.createElement(props.tag, {
className: (0, _utils.arrayToClassName)(classes),
ref: childRef
}, props.children);
}
Tooltip.propTypes = {
className: PropTypes.string,
offset: PropTypes.number,
show: PropTypes.bool,
direction: PropTypes.oneOf(['top', 'right', 'left', 'down']),
tag: PropTypes.string.isRequired,
title: PropTypes.string.isRequired,
disabled: PropTypes.bool,
children: PropTypes.any
};
Tooltip.defaultProps = {
className: '',
offset: 10,
direction: 'top',
disabled: false
};
/***/ }),
/***/ "../app/assets/js/molecules/upload-file.js":
/*!*************************************************!*\
!*** ../app/assets/js/molecules/upload-file.js ***!
\*************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = UploadFile;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
var _button = _interopRequireDefault(__webpack_require__(/*! elementor-app/ui/molecules/button */ "../app/assets/js/ui/molecules/button.js"));
var _utils = __webpack_require__(/*! elementor-app/utils/utils.js */ "../app/assets/js/utils/utils.js");
__webpack_require__(/*! ./upload-file.scss */ "../app/assets/js/molecules/upload-file.scss");
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
function UploadFile(props) {
var fileInput = (0, _react.useRef)(null),
baseClassName = 'e-app-upload-file',
classes = [baseClassName, props.className];
// For 'wp-media' type.
var frame;
return /*#__PURE__*/_react.default.createElement("div", {
className: (0, _utils.arrayToClassName)(classes)
}, /*#__PURE__*/_react.default.createElement("input", {
ref: fileInput,
type: "file",
accept: props.filetypes.map(function (type) {
return '.' + type;
}).join(', '),
className: "e-app-upload-file__input",
onChange: function onChange(event) {
var file = event.target.files[0];
if (file && (0, _utils.isOneOf)(file.type, props.filetypes)) {
props.onFileSelect(file, event, 'browse');
} else {
fileInput.current.value = '';
props.onError({
id: 'file_not_allowed',
message: __('This file type is not allowed', 'elementor')
});
}
}
}), /*#__PURE__*/_react.default.createElement(_button.default, {
className: "e-app-upload-file__button",
text: props.text,
variant: props.variant,
color: props.color,
size: "lg",
hideText: props.isLoading,
icon: props.isLoading ? 'eicon-loading eicon-animation-spin' : '',
onClick: function onClick() {
if (props.onFileChoose) {
props.onFileChoose();
}
if (!props.isLoading) {
if (props.onButtonClick) {
props.onButtonClick();
}
if ('file-explorer' === props.type) {
fileInput.current.click();
} else if ('wp-media' === props.type) {
if (frame) {
frame.open();
return;
}
// Initialize the WP Media frame.
frame = wp.media({
multiple: false,
library: {
type: ['image', 'image/svg+xml']
}
});
frame.on('select', function () {
if (props.onWpMediaSelect) {
props.onWpMediaSelect(frame);
}
});
frame.open();
}
}
}
}));
}
UploadFile.propTypes = {
className: PropTypes.string,
type: PropTypes.string,
onWpMediaSelect: PropTypes.func,
text: PropTypes.string,
onFileSelect: PropTypes.func,
isLoading: PropTypes.bool,
filetypes: PropTypes.array.isRequired,
onError: PropTypes.func,
variant: PropTypes.string,
color: PropTypes.string,
onButtonClick: PropTypes.func,
onFileChoose: PropTypes.func
};
UploadFile.defaultProps = {
className: '',
type: 'file-explorer',
text: __('Select File', 'elementor'),
onError: function onError() {},
variant: 'contained',
color: 'primary'
};
/***/ }),
/***/ "../app/assets/js/molecules/upload-file.scss":
/*!***************************************************!*\
!*** ../app/assets/js/molecules/upload-file.scss ***!
\***************************************************/
/***/ (() => {
/***/ }),
/***/ "../app/assets/js/organisms/drop-zone.js":
/*!***********************************************!*\
!*** ../app/assets/js/organisms/drop-zone.js ***!
\***********************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = DropZone;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
var _utils = __webpack_require__(/*! elementor-app/utils/utils.js */ "../app/assets/js/utils/utils.js");
var _uploadFile = _interopRequireDefault(__webpack_require__(/*! elementor-app/molecules/upload-file */ "../app/assets/js/molecules/upload-file.js"));
var _dragDrop = _interopRequireDefault(__webpack_require__(/*! elementor-app/ui/atoms/drag-drop */ "../app/assets/js/ui/atoms/drag-drop.js"));
var _icon = _interopRequireDefault(__webpack_require__(/*! elementor-app/ui/atoms/icon */ "../app/assets/js/ui/atoms/icon.js"));
var _heading = _interopRequireDefault(__webpack_require__(/*! elementor-app/ui/atoms/heading */ "../app/assets/js/ui/atoms/heading.js"));
var _text = _interopRequireDefault(__webpack_require__(/*! elementor-app/ui/atoms/text */ "../app/assets/js/ui/atoms/text.js"));
__webpack_require__(/*! ./drop-zone.scss */ "../app/assets/js/organisms/drop-zone.scss");
function DropZone(props) {
var classes = ['e-app-drop-zone', props.className],
dragDropEvents = {
onDrop: function onDrop(event) {
if (!props.isLoading) {
var file = event.dataTransfer.files[0];
if (file && (0, _utils.isOneOf)(file.type, props.filetypes)) {
props.onFileSelect(file, event, 'drop');
} else {
props.onError({
id: 'file_not_allowed',
message: __('This file type is not allowed', 'elementor')
});
}
}
}
};
return /*#__PURE__*/_react.default.createElement("section", {
className: (0, _utils.arrayToClassName)(classes)
}, /*#__PURE__*/_react.default.createElement(_dragDrop.default, (0, _extends2.default)({}, dragDropEvents, {
isLoading: props.isLoading
}), props.icon && /*#__PURE__*/_react.default.createElement(_icon.default, {
className: "e-app-drop-zone__icon ".concat(props.icon)
}), props.heading && /*#__PURE__*/_react.default.createElement(_heading.default, {
variant: "display-3"
}, props.heading), props.text && /*#__PURE__*/_react.default.createElement(_text.default, {
variant: "xl",
className: "e-app-drop-zone__text"
}, props.text), props.secondaryText && /*#__PURE__*/_react.default.createElement(_text.default, {
variant: "xl",
className: "e-app-drop-zone__secondary-text"
}, props.secondaryText), props.showButton && /*#__PURE__*/_react.default.createElement(_uploadFile.default, {
isLoading: props.isLoading,
type: props.type,
onButtonClick: props.onButtonClick,
onFileSelect: props.onFileSelect,
onWpMediaSelect: function onWpMediaSelect(frame) {
return props.onWpMediaSelect(frame);
},
onError: function onError(error) {
return props.onError(error);
},
text: props.buttonText,
filetypes: props.filetypes,
variant: props.buttonVariant,
color: props.buttonColor,
onFileChoose: props.onFileChoose
}), props.description && /*#__PURE__*/_react.default.createElement(_text.default, {
variant: "xl",
className: "e-app-drop-zone__description"
}, props.description)));
}
DropZone.propTypes = {
className: PropTypes.string,
children: PropTypes.any,
type: PropTypes.string,
onFileSelect: PropTypes.func.isRequired,
onWpMediaSelect: PropTypes.func,
heading: PropTypes.string,
text: PropTypes.string,
secondaryText: PropTypes.string,
buttonText: PropTypes.string,
buttonVariant: PropTypes.string,
buttonColor: PropTypes.string,
icon: PropTypes.string,
showButton: PropTypes.bool,
showIcon: PropTypes.bool,
isLoading: PropTypes.bool,
filetypes: PropTypes.array.isRequired,
onError: PropTypes.func,
description: PropTypes.string,
onButtonClick: PropTypes.func,
onFileChoose: PropTypes.func
};
DropZone.defaultProps = {
className: '',
type: 'file-explorer',
icon: 'eicon-library-upload',
showButton: true,
showIcon: true,
onError: function onError() {}
};
/***/ }),
/***/ "../app/assets/js/organisms/drop-zone.scss":
/*!*************************************************!*\
!*** ../app/assets/js/organisms/drop-zone.scss ***!
\*************************************************/
/***/ (() => {
/***/ }),
/***/ "../app/assets/js/organisms/error-boundary.js":
/*!****************************************************!*\
!*** ../app/assets/js/organisms/error-boundary.js ***!
\****************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js"));
var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js"));
var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"));
var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js"));
var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js"));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
var _dialog = _interopRequireDefault(__webpack_require__(/*! elementor-app/ui/dialog/dialog */ "../app/assets/js/ui/dialog/dialog.js"));
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
// In the current time there is no solution to use "getDerivedStateFromError" static method with functional component
// That is why this component is a class component.
// @link https://reactjs.org/docs/hooks-faq.html#do-hooks-cover-all-use-cases-for-classes
var ErrorBoundary = exports["default"] = /*#__PURE__*/function (_React$Component) {
function ErrorBoundary(props) {
var _this;
(0, _classCallCheck2.default)(this, ErrorBoundary);
_this = _callSuper(this, ErrorBoundary, [props]);
_this.state = {
hasError: null
};
return _this;
}
(0, _inherits2.default)(ErrorBoundary, _React$Component);
return (0, _createClass2.default)(ErrorBoundary, [{
key: "goBack",
value: function goBack() {
// If the app was opened inside an iframe, it will close it,
// if not, it will redirect to the last location.
if (window.top !== window.self) {
window.top.$e.run('app/close');
}
window.location = elementorAppConfig.return_url;
}
}, {
key: "render",
value: function render() {
if (this.state.hasError) {
return /*#__PURE__*/_react.default.createElement(_dialog.default, {
title: this.props.title,
text: this.props.text,
approveButtonUrl: this.props.learnMoreUrl,
approveButtonColor: "link",
approveButtonTarget: "_blank",
approveButtonText: __('Learn More', 'elementor'),
dismissButtonText: __('Go Back', 'elementor'),
dismissButtonOnClick: this.goBack
});
}
return this.props.children;
}
}], [{
key: "getDerivedStateFromError",
value: function getDerivedStateFromError() {
return {
hasError: true
};
}
}]);
}(_react.default.Component);
(0, _defineProperty2.default)(ErrorBoundary, "propTypes", {
children: PropTypes.any,
title: PropTypes.string,
text: PropTypes.string,
learnMoreUrl: PropTypes.string
});
(0, _defineProperty2.default)(ErrorBoundary, "defaultProps", {
title: __('App could not be loaded', 'elementor'),
text: __('We’re sorry, but something went wrong. Click on ‘Learn more’ and follow each of the steps to quickly solve it.', 'elementor'),
learnMoreUrl: 'https://go.elementor.com/app-general-load-issue/'
});
/***/ }),
/***/ "../app/assets/js/organisms/unfiltered-files-dialog.js":
/*!*************************************************************!*\
!*** ../app/assets/js/organisms/unfiltered-files-dialog.js ***!
\*************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = UnfilteredFilesDialog;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
var _dialog = _interopRequireDefault(__webpack_require__(/*! elementor-app/ui/dialog/dialog */ "../app/assets/js/ui/dialog/dialog.js"));
var _useAjax2 = _interopRequireDefault(__webpack_require__(/*! elementor-app/hooks/use-ajax */ "../app/assets/js/hooks/use-ajax.js"));
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
function UnfilteredFilesDialog(props) {
var show = props.show,
setShow = props.setShow,
onReady = props.onReady,
onCancel = props.onCancel,
onDismiss = props.onDismiss,
onLoad = props.onLoad,
onEnable = props.onEnable,
onClose = props.onClose,
_useAjax = (0, _useAjax2.default)(),
ajaxState = _useAjax.ajaxState,
setAjax = _useAjax.setAjax,
_useState = (0, _react.useState)(false),
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
enableUnfilteredFiles = _useState2[0],
setEnableUnfilteredFiles = _useState2[1],
_useState3 = (0, _react.useState)(false),
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
isEnableError = _useState4[0],
setIsEnableError = _useState4[1];
// Sending the enable unfiltered files request.
(0, _react.useEffect)(function () {
if (enableUnfilteredFiles) {
setShow(false);
setAjax({
data: {
action: 'elementor_ajax',
actions: JSON.stringify({
enable_unfiltered_files_upload: {
action: 'enable_unfiltered_files_upload'
}
})
}
});
if (onEnable) {
onEnable();
}
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [enableUnfilteredFiles]);
// Enabling unfiltered files ajax status.
(0, _react.useEffect)(function () {
switch (ajaxState.status) {
case 'success':
onReady();
break;
case 'error':
setIsEnableError(true);
setShow(true);
break;
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [ajaxState]);
(0, _react.useEffect)(function () {
if (show && onLoad) {
onLoad();
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [show]);
if (!show) {
return null;
}
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isEnableError ? /*#__PURE__*/_react.default.createElement(_dialog.default, {
title: __('Something went wrong.', 'elementor'),
text: props.errorModalText,
approveButtonColor: "link",
approveButtonText: __('Continue', 'elementor'),
approveButtonOnClick: onReady,
dismissButtonText: __('Go Back', 'elementor'),
dismissButtonOnClick: onCancel,
onClose: onCancel
}) : /*#__PURE__*/_react.default.createElement(_dialog.default, {
title: __('First, enable unfiltered file uploads.', 'elementor'),
text: props.confirmModalText,
approveButtonColor: "link",
approveButtonText: __('Enable', 'elementor'),
approveButtonOnClick: function approveButtonOnClick() {
return setEnableUnfilteredFiles(true);
},
dismissButtonText: __('Skip', 'elementor'),
dismissButtonOnClick: onDismiss || onReady,
onClose: onClose || onDismiss || onReady
}));
}
UnfilteredFilesDialog.propTypes = {
show: PropTypes.bool,
setShow: PropTypes.func.isRequired,
onReady: PropTypes.func.isRequired,
onCancel: PropTypes.func.isRequired,
onDismiss: PropTypes.func,
confirmModalText: PropTypes.string.isRequired,
errorModalText: PropTypes.string.isRequired,
onLoad: PropTypes.func,
onEnable: PropTypes.func,
onClose: PropTypes.func
};
UnfilteredFilesDialog.defaultProps = {
show: false,
onReady: function onReady() {},
onCancel: function onCancel() {}
};
/***/ }),
/***/ "../app/assets/js/organisms/wizard-footer.js":
/*!***************************************************!*\
!*** ../app/assets/js/organisms/wizard-footer.js ***!
\***************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = WizardFooter;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
var _utils = __webpack_require__(/*! elementor-app/utils/utils.js */ "../app/assets/js/utils/utils.js");
var _grid = _interopRequireDefault(__webpack_require__(/*! elementor-app/ui/grid/grid */ "../app/assets/js/ui/grid/grid.js"));
__webpack_require__(/*! ./wizard-footer.scss */ "../app/assets/js/organisms/wizard-footer.scss");
function WizardFooter(props) {
var baseClassName = 'e-app-wizard-footer',
classes = [baseClassName, props.className];
if (props.separator) {
classes.push(baseClassName + '__separator');
}
return /*#__PURE__*/_react.default.createElement(_grid.default, (0, _extends2.default)({
container: true
}, props, {
className: (0, _utils.arrayToClassName)(classes)
}), props.children);
}
WizardFooter.propTypes = {
className: PropTypes.string,
justify: PropTypes.any,
separator: PropTypes.any,
children: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.arrayOf(PropTypes.object)]).isRequired
};
WizardFooter.defaultProps = {
className: ''
};
/***/ }),
/***/ "../app/assets/js/organisms/wizard-footer.scss":
/*!*****************************************************!*\
!*** ../app/assets/js/organisms/wizard-footer.scss ***!
\*****************************************************/
/***/ (() => {
/***/ }),
/***/ "../app/assets/js/pages/index.js":
/*!***************************************!*\
!*** ../app/assets/js/pages/index.js ***!
\***************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = Index;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _router = __webpack_require__(/*! @reach/router */ "../node_modules/@reach/router/es/index.js");
var _actionsMap = _interopRequireDefault(__webpack_require__(/*! elementor-app/url-actions/actions-map */ "../app/assets/js/url-actions/actions-map.js"));
function Index() {
var _elementorAppConfig$m;
var urlSearchParams = new URLSearchParams(window.location.search),
queryParams = Object.fromEntries(urlSearchParams.entries()),
// The 'action' query param is translated into a route URL.
url = _actionsMap.default[queryParams.action] || ((_elementorAppConfig$m = elementorAppConfig.menu_url.split('#')) === null || _elementorAppConfig$m === void 0 ? void 0 : _elementorAppConfig$m[1]);
return /*#__PURE__*/_react.default.createElement(_router.Redirect, {
to: url || '/not-found',
noThrow: true
});
}
/***/ }),
/***/ "../app/assets/js/pages/not-found.js":
/*!*******************************************!*\
!*** ../app/assets/js/pages/not-found.js ***!
\*******************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = NotFound;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _page = _interopRequireDefault(__webpack_require__(/*! elementor-app/layout/page */ "../app/assets/js/layout/page.js"));
function NotFound() {
var config = {
title: __('Not Found', 'elementor'),
className: 'eps-app__not-found',
content: /*#__PURE__*/_react.default.createElement("h1", null, " ", __('Not Found', 'elementor'), " "),
sidebar: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)
};
return /*#__PURE__*/_react.default.createElement(_page.default, config);
}
/***/ }),
/***/ "../app/assets/js/ui/atoms/box.js":
/*!****************************************!*\
!*** ../app/assets/js/ui/atoms/box.js ***!
\****************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = Box;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _utils = __webpack_require__(/*! elementor-app/utils/utils.js */ "../app/assets/js/utils/utils.js");
__webpack_require__(/*! ./box.scss */ "../app/assets/js/ui/atoms/box.scss");
function Box(props) {
var baseClassName = 'eps-box',
classes = [baseClassName, props.className],
style = {};
if (Object.prototype.hasOwnProperty.call(props, 'padding')) {
style['--eps-box-padding'] = (0, _utils.pxToRem)(props.padding);
classes.push(baseClassName + '--padding');
}
return /*#__PURE__*/_react.default.createElement("div", {
style: style,
className: (0, _utils.arrayToClassName)(classes)
}, props.children);
}
Box.propTypes = {
className: PropTypes.string,
padding: PropTypes.string,
children: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.arrayOf(PropTypes.object)]).isRequired
};
Box.defaultProps = {
className: ''
};
/***/ }),
/***/ "../app/assets/js/ui/atoms/box.scss":
/*!******************************************!*\
!*** ../app/assets/js/ui/atoms/box.scss ***!
\******************************************/
/***/ (() => {
/***/ }),
/***/ "../app/assets/js/ui/atoms/checkbox.js":
/*!*********************************************!*\
!*** ../app/assets/js/ui/atoms/checkbox.js ***!
\*********************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = Checkbox;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _utils = __webpack_require__(/*! elementor-app/utils/utils.js */ "../app/assets/js/utils/utils.js");
__webpack_require__(/*! ./checkbox.scss */ "../app/assets/js/ui/atoms/checkbox.scss");
function Checkbox(_ref) {
var className = _ref.className,
checked = _ref.checked,
rounded = _ref.rounded,
indeterminate = _ref.indeterminate,
error = _ref.error,
disabled = _ref.disabled,
onChange = _ref.onChange,
id = _ref.id;
var baseClassName = 'eps-checkbox',
classes = [baseClassName, className];
if (rounded) {
classes.push(baseClassName + '--rounded');
}
if (indeterminate) {
classes.push(baseClassName + '--indeterminate');
}
if (error) {
classes.push(baseClassName + '--error');
}
return /*#__PURE__*/_react.default.createElement("input", {
className: (0, _utils.arrayToClassName)(classes),
type: "checkbox",
checked: checked,
disabled: disabled,
onChange: onChange,
id: id
});
}
Checkbox.propTypes = {
className: PropTypes.string,
checked: PropTypes.bool,
disabled: PropTypes.bool,
indeterminate: PropTypes.bool,
rounded: PropTypes.bool,
error: PropTypes.bool,
onChange: PropTypes.func,
id: PropTypes.string
};
Checkbox.defaultProps = {
className: '',
checked: null,
disabled: false,
indeterminate: false,
error: false,
onChange: function onChange() {}
};
/***/ }),
/***/ "../app/assets/js/ui/atoms/checkbox.scss":
/*!***********************************************!*\
!*** ../app/assets/js/ui/atoms/checkbox.scss ***!
\***********************************************/
/***/ (() => {
/***/ }),
/***/ "../app/assets/js/ui/atoms/drag-drop.js":
/*!**********************************************!*\
!*** ../app/assets/js/ui/atoms/drag-drop.js ***!
\**********************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = DragDrop;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
var _utils = __webpack_require__(/*! ../../utils/utils */ "../app/assets/js/utils/utils.js");
__webpack_require__(/*! ./drag-drop.scss */ "../app/assets/js/ui/atoms/drag-drop.scss");
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
function DragDrop(props) {
var _useState = (0, _react.useState)(false),
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
isDragOver = _useState2[0],
setIsDragOver = _useState2[1],
getClassName = function getClassName() {
var baseClassName = 'e-app-drag-drop',
classes = [baseClassName, props.className];
if (isDragOver && !props.isLoading) {
classes.push(baseClassName + '--drag-over');
}
return (0, _utils.arrayToClassName)(classes);
},
onDragDropActions = function onDragDropActions(event) {
event.preventDefault();
event.stopPropagation();
},
dragDropEvents = {
onDrop: function onDrop(event) {
onDragDropActions(event);
setIsDragOver(false);
if (props.onDrop) {
props.onDrop(event);
}
},
onDragOver: function onDragOver(event) {
onDragDropActions(event);
setIsDragOver(true);
if (props.onDragOver) {
props.onDragOver(event);
}
},
onDragLeave: function onDragLeave(event) {
onDragDropActions(event);
setIsDragOver(false);
if (props.onDragLeave) {
props.onDragLeave(event);
}
}
};
return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, dragDropEvents, {
className: getClassName()
}), props.children);
}
DragDrop.propTypes = {
className: PropTypes.string,
children: PropTypes.any,
onDrop: PropTypes.func,
onDragLeave: PropTypes.func,
onDragOver: PropTypes.func,
isLoading: PropTypes.bool
};
DragDrop.defaultProps = {
className: ''
};
/***/ }),
/***/ "../app/assets/js/ui/atoms/drag-drop.scss":
/*!************************************************!*\
!*** ../app/assets/js/ui/atoms/drag-drop.scss ***!
\************************************************/
/***/ (() => {
/***/ }),
/***/ "../app/assets/js/ui/atoms/heading.js":
/*!********************************************!*\
!*** ../app/assets/js/ui/atoms/heading.js ***!
\********************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = Heading;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _utils = __webpack_require__(/*! ../../utils/utils */ "../app/assets/js/utils/utils.js");
function Heading(props) {
var baseClassName = 'eps',
classes = [props.className];
if (props.variant) {
classes.push(baseClassName + '-' + props.variant);
}
var Element = function Element() {
return _react.default.createElement(props.tag, {
className: (0, _utils.arrayToClassName)(classes)
}, props.children);
};
return /*#__PURE__*/_react.default.createElement(Element, null);
}
Heading.propTypes = {
className: PropTypes.string,
children: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.arrayOf(PropTypes.object)]).isRequired,
tag: PropTypes.oneOf(['h1', 'h2', 'h3', 'h4', 'h5', 'h6']),
variant: PropTypes.oneOf(['display-1', 'display-2', 'display-3', 'display-4', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6']).isRequired
};
Heading.defaultProps = {
className: '',
tag: 'h1'
};
/***/ }),
/***/ "../app/assets/js/ui/atoms/icon.js":
/*!*****************************************!*\
!*** ../app/assets/js/ui/atoms/icon.js ***!
\*****************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "../node_modules/@babel/runtime/helpers/objectWithoutProperties.js"));
var _excluded = ["className"];
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var Icon = (0, _react.forwardRef)(function (props, ref) {
var className = props.className,
rest = (0, _objectWithoutProperties2.default)(props, _excluded);
return /*#__PURE__*/_react.default.createElement("i", (0, _extends2.default)({
ref: ref,
className: "eps-icon ".concat(className)
}, rest));
});
Icon.propTypes = {
className: PropTypes.string.isRequired
};
Icon.defaultProps = {
className: ''
};
var _default = exports["default"] = Icon;
/***/ }),
/***/ "../app/assets/js/ui/atoms/select.js":
/*!*******************************************!*\
!*** ../app/assets/js/ui/atoms/select.js ***!
\*******************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = Select;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
function Select(props) {
return /*#__PURE__*/_react.default.createElement("select", {
multiple: props.multiple,
className: props.className,
value: props.value,
onChange: props.onChange,
ref: props.elRef,
onClick: function onClick() {
var _props$onClick;
return (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props);
}
}, props.options.map(function (option) {
return option.children ? /*#__PURE__*/_react.default.createElement("optgroup", {
label: option.label,
key: option.label
}, option.children.map(function (childOption) {
return /*#__PURE__*/_react.default.createElement("option", {
key: childOption.value,
value: childOption.value
}, childOption.label);
})) : /*#__PURE__*/_react.default.createElement("option", {
key: option.value,
value: option.value
}, option.label);
}));
}
Select.propTypes = {
className: PropTypes.string,
onChange: PropTypes.func,
options: PropTypes.array,
elRef: PropTypes.object,
multiple: PropTypes.bool,
value: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
onClick: PropTypes.func
};
Select.defaultProps = {
className: '',
options: []
};
/***/ }),
/***/ "../app/assets/js/ui/atoms/text-field.js":
/*!***********************************************!*\
!*** ../app/assets/js/ui/atoms/text-field.js ***!
\***********************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = TextField;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
var _utils = __webpack_require__(/*! ../../utils/utils */ "../app/assets/js/utils/utils.js");
__webpack_require__(/*! ./text-field.scss */ "../app/assets/js/ui/atoms/text-field.scss");
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function TextField(props) {
var classNameBase = 'eps-text-field';
var classes = [classNameBase, props.className, (0, _defineProperty2.default)({}, classNameBase + '--outlined', 'outlined' === props.variant), (0, _defineProperty2.default)({}, classNameBase + '--standard', 'standard' === props.variant)];
var validProps = _objectSpread(_objectSpread({}, props), {}, {
className: (0, _utils.arrayToClassName)(classes)
});
if (validProps.multiline) {
delete validProps.multiline;
return /*#__PURE__*/_react.default.createElement("textarea", validProps);
}
return /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({}, validProps, {
type: "text"
}));
}
TextField.propTypes = {
className: PropTypes.string,
multiline: PropTypes.bool,
variant: PropTypes.oneOf(['standard', 'outlined']),
children: PropTypes.string
};
TextField.defaultProps = {
className: '',
variant: 'standard'
};
/***/ }),
/***/ "../app/assets/js/ui/atoms/text-field.scss":
/*!*************************************************!*\
!*** ../app/assets/js/ui/atoms/text-field.scss ***!
\*************************************************/
/***/ (() => {
/***/ }),
/***/ "../app/assets/js/ui/atoms/text.js":
/*!*****************************************!*\
!*** ../app/assets/js/ui/atoms/text.js ***!
\*****************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = Text;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _utils = __webpack_require__(/*! ../../utils/utils */ "../app/assets/js/utils/utils.js");
function Text(props) {
var baseClassName = 'eps',
classes = [props.className],
variant = props.variant && 'md' !== props.variant ? '-' + props.variant : '';
classes.push(baseClassName + '-text' + variant);
var Element = function Element() {
return _react.default.createElement(props.tag, {
className: (0, _utils.arrayToClassName)(classes)
}, props.children);
};
return /*#__PURE__*/_react.default.createElement(Element, null);
}
Text.propTypes = {
className: PropTypes.string,
variant: PropTypes.oneOf(['xl', 'lg', 'md', 'sm', 'xs', 'xxs']),
tag: PropTypes.string,
children: PropTypes.any.isRequired
};
Text.defaultProps = {
className: '',
tag: 'p'
};
/***/ }),
/***/ "../app/assets/js/ui/card/card-body.js":
/*!*********************************************!*\
!*** ../app/assets/js/ui/card/card-body.js ***!
\*********************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = CardBody;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _utils = __webpack_require__(/*! elementor-app/utils/utils.js */ "../app/assets/js/utils/utils.js");
__webpack_require__(/*! ./card.scss */ "../app/assets/js/ui/card/card.scss");
function CardBody(props) {
var classNameBase = 'eps-card__body',
classes = [classNameBase, props.className],
style = {};
if (Object.prototype.hasOwnProperty.call(props, 'padding')) {
style['--eps-card-body-padding'] = (0, _utils.pxToRem)(props.padding);
classes.push(classNameBase + '--padding');
}
return /*#__PURE__*/_react.default.createElement("main", {
className: (0, _utils.arrayToClassName)(classes),
style: style
}, props.children);
}
CardBody.propTypes = {
className: PropTypes.string,
padding: PropTypes.string,
passive: PropTypes.bool,
active: PropTypes.bool,
children: PropTypes.any.isRequired
};
CardBody.defaultProps = {
className: ''
};
/***/ }),
/***/ "../app/assets/js/ui/card/card-divider.js":
/*!************************************************!*\
!*** ../app/assets/js/ui/card/card-divider.js ***!
\************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = CardDivider;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _utils = __webpack_require__(/*! elementor-app/utils/utils.js */ "../app/assets/js/utils/utils.js");
__webpack_require__(/*! ./card.scss */ "../app/assets/js/ui/card/card.scss");
function CardDivider(props) {
var classNameBase = 'eps-card__divider',
classes = [classNameBase, props.className];
return /*#__PURE__*/_react.default.createElement("hr", {
className: (0, _utils.arrayToClassName)(classes)
});
}
CardDivider.propTypes = {
className: PropTypes.string
};
CardDivider.defaultProps = {
className: ''
};
/***/ }),
/***/ "../app/assets/js/ui/card/card-footer.js":
/*!***********************************************!*\
!*** ../app/assets/js/ui/card/card-footer.js ***!
\***********************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = CardFooter;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _utils = __webpack_require__(/*! elementor-app/utils/utils.js */ "../app/assets/js/utils/utils.js");
__webpack_require__(/*! ./card.scss */ "../app/assets/js/ui/card/card.scss");
function CardFooter(props) {
var classNameBase = 'eps-card__footer',
classes = [classNameBase, props.className],
style = {};
if (Object.prototype.hasOwnProperty.call(props, 'padding')) {
style['--eps-card-footer-padding'] = (0, _utils.pxToRem)(props.padding);
classes.push(classNameBase + '--padding');
}
return /*#__PURE__*/_react.default.createElement("footer", {
className: (0, _utils.arrayToClassName)(classes),
style: style
}, props.children);
}
CardFooter.propTypes = {
className: PropTypes.string,
padding: PropTypes.string,
passive: PropTypes.bool,
active: PropTypes.bool,
children: PropTypes.object.isRequired
};
CardFooter.defaultProps = {
className: ''
};
/***/ }),
/***/ "../app/assets/js/ui/card/card-header.js":
/*!***********************************************!*\
!*** ../app/assets/js/ui/card/card-header.js ***!
\***********************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = CardHeader;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _utils = __webpack_require__(/*! elementor-app/utils/utils.js */ "../app/assets/js/utils/utils.js");
__webpack_require__(/*! ./card.scss */ "../app/assets/js/ui/card/card.scss");
function CardHeader(props) {
var classNameBase = 'eps-card__header',
classes = [classNameBase, props.className],
style = {};
if (Object.prototype.hasOwnProperty.call(props, 'padding')) {
style['--eps-card-header-padding'] = (0, _utils.pxToRem)(props.padding);
classes.push(classNameBase + '--padding');
}
return /*#__PURE__*/_react.default.createElement("header", {
className: (0, _utils.arrayToClassName)(classes),
style: style
}, props.children);
}
CardHeader.propTypes = {
className: PropTypes.string,
padding: PropTypes.string,
passive: PropTypes.bool,
active: PropTypes.bool,
children: PropTypes.any.isRequired
};
CardHeader.defaultProps = {
className: ''
};
/***/ }),
/***/ "../app/assets/js/ui/card/card-headline.js":
/*!*************************************************!*\
!*** ../app/assets/js/ui/card/card-headline.js ***!
\*************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = CardHeadline;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _utils = __webpack_require__(/*! elementor-app/utils/utils.js */ "../app/assets/js/utils/utils.js");
__webpack_require__(/*! ./card.scss */ "../app/assets/js/ui/card/card.scss");
function CardHeadline(props) {
var classNameBase = 'eps-card__headline',
classes = [classNameBase, props.className];
return /*#__PURE__*/_react.default.createElement("h4", {
className: (0, _utils.arrayToClassName)(classes)
}, props.children);
}
CardHeadline.propTypes = {
className: PropTypes.string,
children: PropTypes.any.isRequired
};
CardHeadline.defaultProps = {
className: ''
};
/***/ }),
/***/ "../app/assets/js/ui/card/card-image.js":
/*!**********************************************!*\
!*** ../app/assets/js/ui/card/card-image.js ***!
\**********************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = CardImage;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
__webpack_require__(/*! ./card.scss */ "../app/assets/js/ui/card/card.scss");
function CardImage(props) {
var image = /*#__PURE__*/_react.default.createElement("img", {
src: props.src,
alt: props.alt,
className: "eps-card__image",
loading: "lazy",
onError: props.onError
});
return /*#__PURE__*/_react.default.createElement("figure", {
className: "eps-card__figure ".concat(props.className)
}, image, props.children);
}
CardImage.propTypes = {
className: PropTypes.string,
src: PropTypes.string.isRequired,
alt: PropTypes.string.isRequired,
children: PropTypes.any,
onError: PropTypes.func
};
CardImage.defaultProps = {
className: '',
onError: function onError() {}
};
/***/ }),
/***/ "../app/assets/js/ui/card/card-overlay.js":
/*!************************************************!*\
!*** ../app/assets/js/ui/card/card-overlay.js ***!
\************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = CardOverlay;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
__webpack_require__(/*! ./card.scss */ "../app/assets/js/ui/card/card.scss");
function CardOverlay(props) {
return /*#__PURE__*/_react.default.createElement("div", {
className: "eps-card__image-overlay ".concat(props.className)
}, props.children);
}
CardOverlay.propTypes = {
className: PropTypes.string,
children: PropTypes.object.isRequired
};
CardOverlay.defaultProps = {
className: ''
};
/***/ }),
/***/ "../app/assets/js/ui/card/card.js":
/*!****************************************!*\
!*** ../app/assets/js/ui/card/card.js ***!
\****************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _cardHeader = _interopRequireDefault(__webpack_require__(/*! ./card-header */ "../app/assets/js/ui/card/card-header.js"));
var _cardBody = _interopRequireDefault(__webpack_require__(/*! ./card-body */ "../app/assets/js/ui/card/card-body.js"));
var _cardImage = _interopRequireDefault(__webpack_require__(/*! ./card-image */ "../app/assets/js/ui/card/card-image.js"));
var _cardOverlay = _interopRequireDefault(__webpack_require__(/*! ./card-overlay */ "../app/assets/js/ui/card/card-overlay.js"));
var _cardFooter = _interopRequireDefault(__webpack_require__(/*! ./card-footer */ "../app/assets/js/ui/card/card-footer.js"));
var _cardHeadline = _interopRequireDefault(__webpack_require__(/*! ./card-headline */ "../app/assets/js/ui/card/card-headline.js"));
var _cardDivider = _interopRequireDefault(__webpack_require__(/*! ./card-divider */ "../app/assets/js/ui/card/card-divider.js"));
__webpack_require__(/*! ./card.scss */ "../app/assets/js/ui/card/card.scss");
var Card = _react.default.forwardRef(function (props, ref) {
return /*#__PURE__*/_react.default.createElement("article", {
className: "eps-card ".concat(props.className),
ref: ref
}, props.children);
});
Card.propTypes = {
type: PropTypes.string,
className: PropTypes.string,
children: PropTypes.any
};
Card.defaultProps = {
className: ''
};
Card.displayName = 'Card';
Card.Header = _cardHeader.default;
Card.Body = _cardBody.default;
Card.Image = _cardImage.default;
Card.Overlay = _cardOverlay.default;
Card.Footer = _cardFooter.default;
Card.Headline = _cardHeadline.default;
Card.Divider = _cardDivider.default;
var _default = exports["default"] = Card;
/***/ }),
/***/ "../app/assets/js/ui/card/card.scss":
/*!******************************************!*\
!*** ../app/assets/js/ui/card/card.scss ***!
\******************************************/
/***/ (() => {
/***/ }),
/***/ "../app/assets/js/ui/dialog/dialog-actions.js":
/*!****************************************************!*\
!*** ../app/assets/js/ui/dialog/dialog-actions.js ***!
\****************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = DialogActions;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
function DialogActions(props) {
return /*#__PURE__*/_react.default.createElement("div", {
className: "eps-dialog__buttons"
}, props.children);
}
DialogActions.propTypes = {
children: PropTypes.any
};
/***/ }),
/***/ "../app/assets/js/ui/dialog/dialog-button.js":
/*!***************************************************!*\
!*** ../app/assets/js/ui/dialog/dialog-button.js ***!
\***************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = DialogButton;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
var _button = _interopRequireDefault(__webpack_require__(/*! elementor-app/ui/molecules/button */ "../app/assets/js/ui/molecules/button.js"));
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function DialogButton(props) {
return /*#__PURE__*/_react.default.createElement(_button.default, (0, _extends2.default)({}, props, {
className: "eps-dialog__button ".concat(props.className)
}));
}
DialogButton.propTypes = _objectSpread(_objectSpread({}, _button.default.propTypes), {}, {
tabIndex: PropTypes.string,
type: PropTypes.string
});
DialogButton.defaultProps = _objectSpread(_objectSpread({}, _button.default.defaultProps), {}, {
tabIndex: '0',
type: 'button'
});
/***/ }),
/***/ "../app/assets/js/ui/dialog/dialog-content.js":
/*!****************************************************!*\
!*** ../app/assets/js/ui/dialog/dialog-content.js ***!
\****************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = DialogContent;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
function DialogContent(props) {
return /*#__PURE__*/_react.default.createElement("div", {
className: "eps-dialog__content"
}, props.children);
}
DialogContent.propTypes = {
children: PropTypes.any
};
/***/ }),
/***/ "../app/assets/js/ui/dialog/dialog-text.js":
/*!*************************************************!*\
!*** ../app/assets/js/ui/dialog/dialog-text.js ***!
\*************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = DialogText;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
var _text = _interopRequireDefault(__webpack_require__(/*! elementor-app/ui/atoms/text */ "../app/assets/js/ui/atoms/text.js"));
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function DialogText(props) {
return /*#__PURE__*/_react.default.createElement(_text.default, (0, _extends2.default)({
variant: "xs"
}, props, {
className: "eps-dialog__text ".concat(props.className)
}));
}
DialogText.propTypes = _objectSpread({}, _text.default.propTypes);
DialogText.defaultProps = _objectSpread(_objectSpread({}, _text.default.defaultProps), {}, {
tag: 'p',
variant: 'sm'
});
/***/ }),
/***/ "../app/assets/js/ui/dialog/dialog-title.js":
/*!**************************************************!*\
!*** ../app/assets/js/ui/dialog/dialog-title.js ***!
\**************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = DialogTitle;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
var _heading = _interopRequireDefault(__webpack_require__(/*! elementor-app/ui/atoms/heading */ "../app/assets/js/ui/atoms/heading.js"));
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function DialogTitle(props) {
return /*#__PURE__*/_react.default.createElement(_heading.default, (0, _extends2.default)({}, props, {
className: "eps-dialog__title ".concat(props.className)
}));
}
DialogTitle.propTypes = _objectSpread(_objectSpread({}, _heading.default.propTypes), {}, {
className: PropTypes.string
});
DialogTitle.defaultProps = _objectSpread(_objectSpread({}, _heading.default.propTypes), {}, {
variant: 'h3',
tag: 'h3',
className: ''
});
/***/ }),
/***/ "../app/assets/js/ui/dialog/dialog-wrapper.js":
/*!****************************************************!*\
!*** ../app/assets/js/ui/dialog/dialog-wrapper.js ***!
\****************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = DialogWrapper;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _button = _interopRequireDefault(__webpack_require__(/*! elementor-app/ui/molecules/button */ "../app/assets/js/ui/molecules/button.js"));
function DialogWrapper(props) {
var WrapperTag = 'div';
if (props.onSubmit) {
WrapperTag = 'form';
}
return /*#__PURE__*/_react.default.createElement("section", {
className: "eps-modal__overlay"
}, /*#__PURE__*/_react.default.createElement(WrapperTag, {
className: "eps-modal eps-dialog",
onSubmit: props.onSubmit
}, props.onClose && /*#__PURE__*/_react.default.createElement(_button.default, {
onClick: props.onClose,
text: __('Close', 'elementor'),
hideText: true,
icon: "eicon-close",
className: "eps-dialog__close-button"
}), props.children));
}
DialogWrapper.propTypes = {
onClose: PropTypes.func,
onSubmit: PropTypes.func,
children: PropTypes.any
};
/***/ }),
/***/ "../app/assets/js/ui/dialog/dialog.js":
/*!********************************************!*\
!*** ../app/assets/js/ui/dialog/dialog.js ***!
\********************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = Dialog;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _dialogWrapper = _interopRequireDefault(__webpack_require__(/*! ./dialog-wrapper */ "../app/assets/js/ui/dialog/dialog-wrapper.js"));
var _dialogContent = _interopRequireDefault(__webpack_require__(/*! ./dialog-content */ "../app/assets/js/ui/dialog/dialog-content.js"));
var _dialogTitle = _interopRequireDefault(__webpack_require__(/*! ./dialog-title */ "../app/assets/js/ui/dialog/dialog-title.js"));
var _dialogText = _interopRequireDefault(__webpack_require__(/*! ./dialog-text */ "../app/assets/js/ui/dialog/dialog-text.js"));
var _dialogActions = _interopRequireDefault(__webpack_require__(/*! ./dialog-actions */ "../app/assets/js/ui/dialog/dialog-actions.js"));
var _dialogButton = _interopRequireDefault(__webpack_require__(/*! ./dialog-button */ "../app/assets/js/ui/dialog/dialog-button.js"));
__webpack_require__(/*! ./dialog.scss */ "../app/assets/js/ui/dialog/dialog.scss");
function Dialog(props) {
return /*#__PURE__*/_react.default.createElement(_dialogWrapper.default, {
onSubmit: props.onSubmit,
onClose: props.onClose
}, /*#__PURE__*/_react.default.createElement(_dialogContent.default, null, props.title && /*#__PURE__*/_react.default.createElement(_dialogTitle.default, null, props.title), props.text && /*#__PURE__*/_react.default.createElement(_dialogText.default, null, props.text), props.children), /*#__PURE__*/_react.default.createElement(_dialogActions.default, null, /*#__PURE__*/_react.default.createElement(_dialogButton.default, {
key: "dismiss",
text: props.dismissButtonText,
onClick: props.dismissButtonOnClick,
url: props.dismissButtonUrl,
target: props.dismissButtonTarget
// eslint-disable-next-line jsx-a11y/tabindex-no-positive
,
tabIndex: "2"
}), /*#__PURE__*/_react.default.createElement(_dialogButton.default, {
key: "approve",
text: props.approveButtonText,
onClick: props.approveButtonOnClick,
url: props.approveButtonUrl,
target: props.approveButtonTarget,
color: props.approveButtonColor,
elRef: props.approveButtonRef
// eslint-disable-next-line jsx-a11y/tabindex-no-positive
,
tabIndex: "1"
})));
}
Dialog.propTypes = {
title: PropTypes.any,
text: PropTypes.any,
children: PropTypes.any,
onSubmit: PropTypes.func,
onClose: PropTypes.func,
dismissButtonText: PropTypes.string.isRequired,
dismissButtonOnClick: PropTypes.func,
dismissButtonUrl: PropTypes.string,
dismissButtonTarget: PropTypes.string,
approveButtonText: PropTypes.string.isRequired,
approveButtonOnClick: PropTypes.func,
approveButtonUrl: PropTypes.string,
approveButtonColor: PropTypes.string,
approveButtonTarget: PropTypes.string,
approveButtonRef: PropTypes.object
};
Dialog.defaultProps = {};
Dialog.Wrapper = _dialogWrapper.default;
Dialog.Content = _dialogContent.default;
Dialog.Title = _dialogTitle.default;
Dialog.Text = _dialogText.default;
Dialog.Actions = _dialogActions.default;
Dialog.Button = _dialogButton.default;
/***/ }),
/***/ "../app/assets/js/ui/dialog/dialog.scss":
/*!**********************************************!*\
!*** ../app/assets/js/ui/dialog/dialog.scss ***!
\**********************************************/
/***/ (() => {
/***/ }),
/***/ "../app/assets/js/ui/grid/grid.js":
/*!****************************************!*\
!*** ../app/assets/js/ui/grid/grid.js ***!
\****************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = Grid;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "../node_modules/@babel/runtime/helpers/toConsumableArray.js"));
var _utils = __webpack_require__(/*! elementor-app/utils/utils.js */ "../app/assets/js/utils/utils.js");
__webpack_require__(/*! ./grid.scss */ "../app/assets/js/ui/grid/grid.scss");
function Grid(props) {
var propsMap = {
direction: '--direction{{ -VALUE }}',
justify: '--justify{{ -VALUE }}',
alignContent: '--align-content{{ -VALUE }}',
alignItems: '--align-items{{ -VALUE }}',
container: '-container',
item: '-item',
noWrap: '-container--no-wrap',
wrapReverse: '-container--wrap-reverse',
zeroMinWidth: '-item--zero-min-width',
spacing: '-container--spacing',
xs: '-item-xs{{ -VALUE }}',
sm: '-item-sm{{ -VALUE }}',
md: '-item-md{{ -VALUE }}',
lg: '-item-lg{{ -VALUE }}',
xl: '-item-xl{{ -VALUE }}',
xxl: '-item-xxl{{ -VALUE }}'
},
getStyle = function getStyle() {
return isValidPropValue(props.spacing) ? {
'--grid-spacing-gutter': (0, _utils.pxToRem)(props.spacing)
} : {};
},
classes = [getBaseClassName(), props.className].concat((0, _toConsumableArray2.default)(getPropsClasses(propsMap, props)));
return /*#__PURE__*/_react.default.createElement("div", {
style: getStyle(),
className: (0, _utils.arrayToClassName)(classes)
}, props.children);
}
function getPropsClasses(propsMap, props) {
var classes = [];
for (var prop in propsMap) {
if (props[prop]) {
var propValue = isValidPropValue(props[prop]) ? props[prop] : '';
classes.push(getBaseClassName() + renderPropValueBrackets(propsMap[prop], propValue));
}
}
return classes;
}
function renderPropValueBrackets(propClass, propValue) {
var brackets = propClass.match(/{{.*?}}/);
if (brackets) {
var bracketsValue = propValue ? brackets[0].replace(/[{ }]/g, '').replace(/value/i, propValue) : '';
propClass = propClass.replace(brackets[0], bracketsValue);
}
return propClass;
}
function getBaseClassName() {
return 'eps-grid';
}
function isValidPropValue(propValue) {
return propValue && 'boolean' !== typeof propValue;
}
Grid.propTypes = {
className: PropTypes.string,
direction: PropTypes.oneOf(['row', 'column', 'row-reverse', 'column-reverse']),
justify: PropTypes.oneOf(['start', 'center', 'end', 'space-between', 'space-evenly', 'space-around', 'stretch']),
alignContent: PropTypes.oneOf(['start', 'center', 'end', 'space-between', 'stretch']),
alignItems: PropTypes.oneOf(['start', 'center', 'end', 'baseline', 'stretch']),
container: PropTypes.bool,
item: PropTypes.bool,
noWrap: PropTypes.bool,
wrapReverse: PropTypes.bool,
zeroMinWidth: PropTypes.bool,
spacing: PropTypes.number,
xs: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),
sm: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),
md: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),
lg: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),
xl: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),
xxl: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),
children: PropTypes.any.isRequired
};
Grid.defaultProps = {
className: ''
};
/***/ }),
/***/ "../app/assets/js/ui/grid/grid.scss":
/*!******************************************!*\
!*** ../app/assets/js/ui/grid/grid.scss ***!
\******************************************/
/***/ (() => {
/***/ }),
/***/ "../app/assets/js/ui/modal/modal-section.js":
/*!**************************************************!*\
!*** ../app/assets/js/ui/modal/modal-section.js ***!
\**************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = ModalSection;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _utils = __webpack_require__(/*! ../../utils/utils */ "../app/assets/js/utils/utils.js");
function ModalSection(props) {
return /*#__PURE__*/_react.default.createElement("section", {
className: (0, _utils.arrayToClassName)(['eps-modal__section', props.className])
}, props.children);
}
ModalSection.propTypes = {
className: PropTypes.string,
children: PropTypes.any
};
ModalSection.defaultProps = {
className: ''
};
/***/ }),
/***/ "../app/assets/js/ui/modal/modal-tip.js":
/*!**********************************************!*\
!*** ../app/assets/js/ui/modal/modal-tip.js ***!
\**********************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = ModalTip;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _utils = __webpack_require__(/*! ../../utils/utils */ "../app/assets/js/utils/utils.js");
var _heading = _interopRequireDefault(__webpack_require__(/*! elementor-app/ui/atoms/heading */ "../app/assets/js/ui/atoms/heading.js"));
var _text = _interopRequireDefault(__webpack_require__(/*! elementor-app/ui/atoms/text */ "../app/assets/js/ui/atoms/text.js"));
function ModalTip(props) {
return /*#__PURE__*/_react.default.createElement("div", {
className: (0, _utils.arrayToClassName)(['eps-modal__tip', props.className])
}, /*#__PURE__*/_react.default.createElement(_heading.default, {
variant: "h3",
tag: "h3"
}, props.title), props.description && /*#__PURE__*/_react.default.createElement(_text.default, {
variant: "xs"
}, props.description));
}
ModalTip.propTypes = {
className: PropTypes.string,
title: PropTypes.string,
description: PropTypes.string
};
ModalTip.defaultProps = {
className: '',
title: __('Tip', 'elementor')
};
/***/ }),
/***/ "../app/assets/js/ui/modal/modal.js":
/*!******************************************!*\
!*** ../app/assets/js/ui/modal/modal.js ***!
\******************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports.Modal = void 0;
exports["default"] = ModalProvider;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
var _utils = __webpack_require__(/*! elementor-app/utils/utils.js */ "../app/assets/js/utils/utils.js");
var _button = _interopRequireDefault(__webpack_require__(/*! elementor-app/ui/molecules/button */ "../app/assets/js/ui/molecules/button.js"));
var _grid = _interopRequireDefault(__webpack_require__(/*! elementor-app/ui/grid/grid */ "../app/assets/js/ui/grid/grid.js"));
var _icon = _interopRequireDefault(__webpack_require__(/*! elementor-app/ui/atoms/icon */ "../app/assets/js/ui/atoms/icon.js"));
var _text = _interopRequireDefault(__webpack_require__(/*! elementor-app/ui/atoms/text */ "../app/assets/js/ui/atoms/text.js"));
var _modalSection = _interopRequireDefault(__webpack_require__(/*! ./modal-section */ "../app/assets/js/ui/modal/modal-section.js"));
var _modalTip = _interopRequireDefault(__webpack_require__(/*! ./modal-tip */ "../app/assets/js/ui/modal/modal-tip.js"));
__webpack_require__(/*! ./modal.scss */ "../app/assets/js/ui/modal/modal.scss");
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function ModalProvider(props) {
var _useState = (0, _react.useState)(props.show),
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
show = _useState2[0],
setShow = _useState2[1],
hideModal = function hideModal() {
setShow(false);
// The purpose of the props.setShow is to sync an external state with the component inner state.
if (props.setShow) {
props.setShow(false);
}
},
showModal = function showModal() {
setShow(true);
// The purpose of the props.setShow is to sync an external state with the component inner state.
if (props.setShow) {
props.setShow(true);
}
},
modalAttrs = _objectSpread(_objectSpread({}, props), {}, {
show: show,
hideModal: hideModal,
showModal: showModal
});
(0, _react.useEffect)(function () {
// Sync with external state.
setShow(props.show);
}, [props.show]);
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.toggleButtonProps && /*#__PURE__*/_react.default.createElement(_button.default, (0, _extends2.default)({}, props.toggleButtonProps, {
onClick: showModal
})), /*#__PURE__*/_react.default.createElement(Modal, modalAttrs, props.children));
}
ModalProvider.propTypes = {
children: PropTypes.node.isRequired,
toggleButtonProps: PropTypes.object,
title: PropTypes.string,
icon: PropTypes.string,
show: PropTypes.bool,
setShow: PropTypes.func,
onOpen: PropTypes.func,
onClose: PropTypes.func
};
ModalProvider.defaultProps = {
show: false
};
ModalProvider.Section = _modalSection.default;
ModalProvider.Tip = _modalTip.default;
var Modal = exports.Modal = function Modal(props) {
var modalRef = (0, _react.useRef)(null),
closeRef = (0, _react.useRef)(null),
closeModal = function closeModal(e) {
var node = modalRef.current,
closeNode = closeRef.current,
isInCloseNode = closeNode && closeNode.contains(e.target);
// Ignore if click is inside the modal
if (node && node.contains(e.target) && !isInCloseNode) {
return;
}
props.hideModal();
if (props.onClose) {
props.onClose(e);
}
};
(0, _react.useEffect)(function () {
if (props.show) {
var _props$onOpen;
document.addEventListener('mousedown', closeModal, false);
(_props$onOpen = props.onOpen) === null || _props$onOpen === void 0 || _props$onOpen.call(props);
}
return function () {
return document.removeEventListener('mousedown', closeModal, false);
};
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [props.show]);
if (!props.show) {
return null;
}
return (
/*#__PURE__*/
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
_react.default.createElement("div", {
className: "eps-modal__overlay",
onClick: closeModal
}, /*#__PURE__*/_react.default.createElement("div", {
className: (0, _utils.arrayToClassName)(['eps-modal', props.className]),
ref: modalRef
}, /*#__PURE__*/_react.default.createElement(_grid.default, {
container: true,
className: "eps-modal__header",
justify: "space-between",
alignItems: "center"
}, /*#__PURE__*/_react.default.createElement(_grid.default, {
item: true
}, /*#__PURE__*/_react.default.createElement(_icon.default, {
className: "eps-modal__icon ".concat(props.icon)
}), /*#__PURE__*/_react.default.createElement(_text.default, {
className: "title",
tag: "span"
}, props.title)), /*#__PURE__*/_react.default.createElement(_grid.default, {
item: true
}, /*#__PURE__*/_react.default.createElement("div", {
className: "eps-modal__close-wrapper",
ref: closeRef
}, /*#__PURE__*/_react.default.createElement(_button.default, {
text: __('Close', 'elementor'),
hideText: true,
icon: "eicon-close",
onClick: props.closeModal
})))), /*#__PURE__*/_react.default.createElement("div", {
className: "eps-modal__body"
}, props.children)))
);
};
Modal.propTypes = {
className: PropTypes.string,
children: PropTypes.any.isRequired,
title: PropTypes.string.isRequired,
icon: PropTypes.string,
show: PropTypes.bool,
setShow: PropTypes.func,
hideModal: PropTypes.func,
showModal: PropTypes.func,
closeModal: PropTypes.func,
onOpen: PropTypes.func,
onClose: PropTypes.func
};
Modal.defaultProps = {
className: ''
};
/***/ }),
/***/ "../app/assets/js/ui/modal/modal.scss":
/*!********************************************!*\
!*** ../app/assets/js/ui/modal/modal.scss ***!
\********************************************/
/***/ (() => {
/***/ }),
/***/ "../app/assets/js/ui/molecules/button.js":
/*!***********************************************!*\
!*** ../app/assets/js/ui/molecules/button.js ***!
\***********************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js"));
var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js"));
var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"));
var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js"));
var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js"));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
var _router = __webpack_require__(/*! @reach/router */ "../node_modules/@reach/router/es/index.js");
var _router2 = _interopRequireDefault(__webpack_require__(/*! @elementor/router */ "@elementor/router"));
var _popoverDialog = _interopRequireDefault(__webpack_require__(/*! ../popover-dialog/popover-dialog */ "../app/assets/js/ui/popover-dialog/popover-dialog.js"));
var _icon = _interopRequireDefault(__webpack_require__(/*! elementor-app/ui/atoms/icon */ "../app/assets/js/ui/atoms/icon.js"));
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
var Button = exports["default"] = /*#__PURE__*/function (_React$Component) {
function Button() {
(0, _classCallCheck2.default)(this, Button);
return _callSuper(this, Button, arguments);
}
(0, _inherits2.default)(Button, _React$Component);
return (0, _createClass2.default)(Button, [{
key: "getCssId",
value: function getCssId() {
return this.props.id;
}
}, {
key: "getClassName",
value: function getClassName() {
var baseClassName = 'eps-button',
classes = [baseClassName, this.props.className];
return classes.concat(this.getStylePropsClasses(baseClassName)).filter(function (classItem) {
return '' !== classItem;
}).join(' ');
}
}, {
key: "getStylePropsClasses",
value: function getStylePropsClasses(baseClassName) {
var _this = this;
var styleProps = ['color', 'size', 'variant'],
stylePropClasses = [];
styleProps.forEach(function (styleProp) {
var stylePropValue = _this.props[styleProp];
if (stylePropValue) {
stylePropClasses.push(baseClassName + '--' + stylePropValue);
}
});
return stylePropClasses;
}
}, {
key: "getIcon",
value: function getIcon() {
if (this.props.icon) {
var iconRef = _react.default.createRef(null);
var tooltip = this.props.tooltip || this.props.text;
var icon = /*#__PURE__*/_react.default.createElement(_icon.default, {
ref: iconRef,
className: this.props.icon,
"aria-hidden": "true"
});
var screenReaderText = '';
if (this.props.hideText) {
screenReaderText = /*#__PURE__*/_react.default.createElement("span", {
className: "sr-only"
}, tooltip);
}
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon, screenReaderText, this.props.tooltip && /*#__PURE__*/_react.default.createElement(_popoverDialog.default, {
targetRef: iconRef,
wrapperClass: "e-kit-library__tooltip"
}, this.props.tooltip));
}
return '';
}
}, {
key: "getText",
value: function getText() {
return this.props.hideText ? '' : /*#__PURE__*/_react.default.createElement("span", null, this.props.text);
}
}, {
key: "render",
value: function render() {
var attributes = {},
id = this.getCssId(),
className = this.getClassName();
// Add attributes only if they are not empty.
if (id) {
attributes.id = id;
}
if (className) {
attributes.className = className;
}
if (this.props.onClick) {
attributes.onClick = this.props.onClick;
}
if (this.props.rel) {
attributes.rel = this.props.rel;
}
if (this.props.elRef) {
attributes.ref = this.props.elRef;
}
var buttonContent = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.getIcon(), this.getText());
if (this.props.url) {
if (0 === this.props.url.indexOf('http')) {
return /*#__PURE__*/_react.default.createElement("a", (0, _extends2.default)({
href: this.props.url,
target: this.props.target
}, attributes), buttonContent);
}
// @see https://reach.tech/router/example/active-links.
attributes.getProps = function (props) {
if (props.isCurrent) {
attributes.className += ' active';
}
return {
className: attributes.className
};
};
return /*#__PURE__*/_react.default.createElement(_router.LocationProvider, {
history: _router2.default.appHistory
}, /*#__PURE__*/_react.default.createElement(_router.Link, (0, _extends2.default)({
to: this.props.url
}, attributes), buttonContent));
}
return /*#__PURE__*/_react.default.createElement("div", attributes, buttonContent);
}
}]);
}(_react.default.Component);
(0, _defineProperty2.default)(Button, "propTypes", {
text: PropTypes.string.isRequired,
hideText: PropTypes.bool,
icon: PropTypes.string,
tooltip: PropTypes.string,
id: PropTypes.string,
className: PropTypes.string,
url: PropTypes.string,
onClick: PropTypes.func,
variant: PropTypes.oneOf(['contained', 'underlined', 'outlined', '']),
color: PropTypes.oneOf(['primary', 'secondary', 'cta', 'link', 'disabled']),
size: PropTypes.oneOf(['sm', 'md', 'lg']),
target: PropTypes.string,
rel: PropTypes.string,
elRef: PropTypes.object
});
(0, _defineProperty2.default)(Button, "defaultProps", {
id: '',
className: '',
variant: '',
target: '_parent'
});
/***/ }),
/***/ "../app/assets/js/ui/molecules/inline-link.js":
/*!****************************************************!*\
!*** ../app/assets/js/ui/molecules/inline-link.js ***!
\****************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = InlineLink;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _router = __webpack_require__(/*! @reach/router */ "../node_modules/@reach/router/es/index.js");
var _router2 = _interopRequireDefault(__webpack_require__(/*! @elementor/router */ "@elementor/router"));
var _utils = __webpack_require__(/*! elementor-app/utils/utils.js */ "../app/assets/js/utils/utils.js");
__webpack_require__(/*! ./inline-link.scss */ "../app/assets/js/ui/molecules/inline-link.scss");
function InlineLink(props) {
var baseClassName = 'eps-inline-link',
colorClassName = "".concat(baseClassName, "--color-").concat(props.color),
underlineClassName = 'none' !== props.underline ? "".concat(baseClassName, "--underline-").concat(props.underline) : '',
italicClassName = props.italic ? "".concat(baseClassName, "--italic") : '',
classes = [baseClassName, colorClassName, underlineClassName, italicClassName, props.className],
className = (0, _utils.arrayToClassName)(classes),
getRouterLink = function getRouterLink() {
return /*#__PURE__*/_react.default.createElement(_router.LocationProvider, {
history: _router2.default.appHistory
}, /*#__PURE__*/_react.default.createElement(_router.Link, {
to: props.url,
className: className
}, props.children));
},
getExternalLink = function getExternalLink() {
return /*#__PURE__*/_react.default.createElement("a", {
href: props.url,
target: props.target,
rel: props.rel,
className: className,
onClick: props.onClick
}, props.children);
},
getActionLink = function getActionLink() {
return /*#__PURE__*/_react.default.createElement("button", {
className: className,
onClick: props.onClick
}, props.children);
};
if (!props.url) {
return getActionLink();
}
return props.url.includes('http') ? getExternalLink() : getRouterLink();
}
InlineLink.propTypes = {
className: PropTypes.string,
children: PropTypes.any,
url: PropTypes.string,
target: PropTypes.string,
rel: PropTypes.string,
text: PropTypes.string,
color: PropTypes.oneOf(['primary', 'secondary', 'cta', 'link', 'disabled']),
underline: PropTypes.oneOf(['none', 'hover', 'always']),
italic: PropTypes.bool,
onClick: PropTypes.func
};
InlineLink.defaultProps = {
className: '',
color: 'link',
underline: 'always',
target: '_blank',
rel: 'noopener noreferrer'
};
/***/ }),
/***/ "../app/assets/js/ui/molecules/inline-link.scss":
/*!******************************************************!*\
!*** ../app/assets/js/ui/molecules/inline-link.scss ***!
\******************************************************/
/***/ (() => {
/***/ }),
/***/ "../app/assets/js/ui/molecules/list-item.js":
/*!**************************************************!*\
!*** ../app/assets/js/ui/molecules/list-item.js ***!
\**************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = ListItem;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _utils = __webpack_require__(/*! elementor-app/utils/utils.js */ "../app/assets/js/utils/utils.js");
function ListItem(props) {
var baseClassName = 'eps-list__item',
classes = [baseClassName, props.className];
var style;
if (Object.prototype.hasOwnProperty.call(props, 'padding')) {
style = {
'--eps-list-item-padding': (0, _utils.pxToRem)(props.padding)
};
classes.push(baseClassName + '--padding');
}
return /*#__PURE__*/_react.default.createElement("li", {
style: style,
className: (0, _utils.arrayToClassName)(classes)
}, props.children);
}
ListItem.propTypes = {
className: PropTypes.string,
padding: PropTypes.string,
children: PropTypes.any.isRequired
};
ListItem.defaultProps = {
className: ''
};
/***/ }),
/***/ "../app/assets/js/ui/molecules/list.js":
/*!*********************************************!*\
!*** ../app/assets/js/ui/molecules/list.js ***!
\*********************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = List;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _utils = __webpack_require__(/*! elementor-app/utils/utils.js */ "../app/assets/js/utils/utils.js");
var _listItem = _interopRequireDefault(__webpack_require__(/*! ./list-item */ "../app/assets/js/ui/molecules/list-item.js"));
__webpack_require__(/*! ./list.scss */ "../app/assets/js/ui/molecules/list.scss");
function List(props) {
var baseClassName = 'eps-list',
classes = [baseClassName, props.className];
var style;
if (Object.prototype.hasOwnProperty.call(props, 'padding')) {
style = {
'--eps-list-padding': (0, _utils.pxToRem)(props.padding)
};
classes.push(baseClassName + '--padding');
}
if (props.separated) {
classes.push(baseClassName + '--separated');
}
return /*#__PURE__*/_react.default.createElement("ul", {
style: style,
className: (0, _utils.arrayToClassName)(classes)
}, props.children);
}
List.propTypes = {
className: PropTypes.string,
divided: PropTypes.any,
separated: PropTypes.any,
padding: PropTypes.string,
children: PropTypes.oneOfType([PropTypes.object, PropTypes.arrayOf(PropTypes.object)]).isRequired
};
List.defaultProps = {
className: ''
};
List.Item = _listItem.default;
/***/ }),
/***/ "../app/assets/js/ui/molecules/list.scss":
/*!***********************************************!*\
!*** ../app/assets/js/ui/molecules/list.scss ***!
\***********************************************/
/***/ (() => {
/***/ }),
/***/ "../app/assets/js/ui/molecules/notice.js":
/*!***********************************************!*\
!*** ../app/assets/js/ui/molecules/notice.js ***!
\***********************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = Notice;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _utils = __webpack_require__(/*! elementor-app/utils/utils.js */ "../app/assets/js/utils/utils.js");
var _text = _interopRequireDefault(__webpack_require__(/*! elementor-app/ui/atoms/text */ "../app/assets/js/ui/atoms/text.js"));
var _icon = _interopRequireDefault(__webpack_require__(/*! elementor-app/ui/atoms/icon */ "../app/assets/js/ui/atoms/icon.js"));
var _grid = _interopRequireDefault(__webpack_require__(/*! elementor-app/ui/grid/grid */ "../app/assets/js/ui/grid/grid.js"));
__webpack_require__(/*! ./notice.scss */ "../app/assets/js/ui/molecules/notice.scss");
var iconsClassesMap = {
danger: 'eicon-warning',
info: 'eicon-info-circle-o',
warning: 'eicon-warning'
};
function Notice(props) {
var baseClassName = 'eps-notice',
classes = [baseClassName, props.className];
if (props.color) {
classes.push(baseClassName + '-semantic', baseClassName + '--' + props.color);
}
return /*#__PURE__*/_react.default.createElement(_grid.default, {
className: (0, _utils.arrayToClassName)(classes),
container: true,
noWrap: true,
alignItems: "center",
justify: "space-between"
}, /*#__PURE__*/_react.default.createElement(_grid.default, {
item: true,
container: true,
alignItems: "start",
noWrap: true
}, props.withIcon && props.color && /*#__PURE__*/_react.default.createElement(_icon.default, {
className: (0, _utils.arrayToClassName)(['eps-notice__icon', iconsClassesMap[props.color]])
}), /*#__PURE__*/_react.default.createElement(_text.default, {
variant: "xs",
className: "eps-notice__text"
}, props.label && /*#__PURE__*/_react.default.createElement("strong", null, props.label + ' '), props.children)), props.button && /*#__PURE__*/_react.default.createElement(_grid.default, {
item: true,
container: true,
justify: "end",
className: baseClassName + '__button-container'
}, props.button));
}
Notice.propTypes = {
className: PropTypes.string,
color: PropTypes.string,
label: PropTypes.string,
children: PropTypes.any.isRequired,
icon: PropTypes.string,
withIcon: PropTypes.bool,
button: PropTypes.object
};
Notice.defaultProps = {
className: '',
withIcon: true,
button: null
};
/***/ }),
/***/ "../app/assets/js/ui/molecules/notice.scss":
/*!*************************************************!*\
!*** ../app/assets/js/ui/molecules/notice.scss ***!
\*************************************************/
/***/ (() => {
/***/ }),
/***/ "../app/assets/js/ui/molecules/select2.js":
/*!************************************************!*\
!*** ../app/assets/js/ui/molecules/select2.js ***!
\************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = Select2;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
var _select = _interopRequireDefault(__webpack_require__(/*! ../atoms/select */ "../app/assets/js/ui/atoms/select.js"));
__webpack_require__(/*! ./select2.scss */ "../app/assets/js/ui/molecules/select2.scss");
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
/**
* Default settings of the select 2
*
* @return {{placeholder: string, allowClear: boolean, dir: string}}
*/
var getDefaultSettings = function getDefaultSettings() {
return {
allowClear: true,
placeholder: '',
dir: elementorCommon.config.isRTL ? 'rtl' : 'ltr'
};
};
/**
* Main component
*
* @param {*} props
* @return {*} component
* @function Object() { [native code] }
*/
function Select2(props) {
var ref = _react.default.useRef(null);
// Initiate the select 2 library, call to onReady after initiate, and
// listen to select event on the select instance.
_react.default.useEffect(function () {
var $select2 = jQuery(ref.current).select2(_objectSpread(_objectSpread(_objectSpread({}, getDefaultSettings()), props.settings), {}, {
placeholder: props.placeholder
})).on('select2:select select2:unselect', props.onChange);
if (props.onReady) {
props.onReady($select2);
}
return function () {
$select2.select2('destroy').off('select2:select select2:unselect');
};
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [props.settings, props.options]);
// Listen to changes in the prop `value`, if changed update the select 2.
_react.default.useEffect(function () {
jQuery(ref.current).val(props.value).trigger('change');
}, [props.value]);
return /*#__PURE__*/_react.default.createElement(_select.default, {
multiple: props.multiple,
value: props.value,
onChange: props.onChange,
elRef: ref,
options: props.options,
placeholder: props.placeholder
});
}
Select2.propTypes = {
value: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
onChange: PropTypes.func,
onReady: PropTypes.func,
options: PropTypes.array,
settings: PropTypes.object,
multiple: PropTypes.bool,
placeholder: PropTypes.string
};
Select2.defaultProps = {
settings: {},
options: [],
dependencies: [],
placeholder: ''
};
/***/ }),
/***/ "../app/assets/js/ui/molecules/select2.scss":
/*!**************************************************!*\
!*** ../app/assets/js/ui/molecules/select2.scss ***!
\**************************************************/
/***/ (() => {
/***/ }),
/***/ "../app/assets/js/ui/panel/panel-body.js":
/*!***********************************************!*\
!*** ../app/assets/js/ui/panel/panel-body.js ***!
\***********************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = PanelBody;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _utils = __webpack_require__(/*! elementor-app/utils/utils.js */ "../app/assets/js/utils/utils.js");
var _card = _interopRequireDefault(__webpack_require__(/*! elementor-app/ui/card/card */ "../app/assets/js/ui/card/card.js"));
var _collapse = _interopRequireDefault(__webpack_require__(/*! elementor-app/molecules/collapse */ "../app/assets/js/molecules/collapse.js"));
function PanelBody(props) {
return /*#__PURE__*/_react.default.createElement(_collapse.default.Content, null, /*#__PURE__*/_react.default.createElement(_card.default.Body, {
padding: props.padding,
className: (0, _utils.arrayToClassName)(['eps-panel__body', props.className])
}, props.children));
}
PanelBody.propTypes = {
className: PropTypes.string,
padding: PropTypes.string,
children: PropTypes.any.isRequired
};
PanelBody.defaultProps = {
className: '',
padding: '0'
};
/***/ }),
/***/ "../app/assets/js/ui/panel/panel-header.js":
/*!*************************************************!*\
!*** ../app/assets/js/ui/panel/panel-header.js ***!
\*************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = PanelHeader;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _utils = __webpack_require__(/*! elementor-app/utils/utils.js */ "../app/assets/js/utils/utils.js");
var _card = _interopRequireDefault(__webpack_require__(/*! elementor-app/ui/card/card */ "../app/assets/js/ui/card/card.js"));
var _collapse = _interopRequireDefault(__webpack_require__(/*! elementor-app/molecules/collapse */ "../app/assets/js/molecules/collapse.js"));
function PanelHeader(props) {
return /*#__PURE__*/_react.default.createElement(_collapse.default.Toggle, {
active: props.toggle,
showIcon: props.showIcon
}, /*#__PURE__*/_react.default.createElement(_card.default.Header, {
padding: "20",
className: (0, _utils.arrayToClassName)(['eps-panel__header', props.className])
}, props.children));
}
PanelHeader.propTypes = {
className: PropTypes.string,
padding: PropTypes.string,
toggle: PropTypes.bool,
showIcon: PropTypes.bool,
children: PropTypes.any.isRequired
};
PanelHeader.defaultProps = {
className: '',
padding: '20',
toggle: true,
showIcon: true
};
/***/ }),
/***/ "../app/assets/js/ui/panel/panel-headline.js":
/*!***************************************************!*\
!*** ../app/assets/js/ui/panel/panel-headline.js ***!
\***************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = PanelHeadline;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _utils = __webpack_require__(/*! elementor-app/utils/utils.js */ "../app/assets/js/utils/utils.js");
var _card = _interopRequireDefault(__webpack_require__(/*! elementor-app/ui/card/card */ "../app/assets/js/ui/card/card.js"));
function PanelHeadline(props) {
return /*#__PURE__*/_react.default.createElement(_card.default.Headline, {
className: (0, _utils.arrayToClassName)(['eps-panel__headline', props.className])
}, props.children);
}
PanelHeadline.propTypes = {
className: PropTypes.string,
children: PropTypes.any.isRequired
};
PanelHeadline.defaultProps = {
className: ''
};
/***/ }),
/***/ "../app/assets/js/ui/panel/panel.js":
/*!******************************************!*\
!*** ../app/assets/js/ui/panel/panel.js ***!
\******************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = Panel;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _utils = __webpack_require__(/*! elementor-app/utils/utils.js */ "../app/assets/js/utils/utils.js");
var _card = _interopRequireDefault(__webpack_require__(/*! elementor-app/ui/card/card */ "../app/assets/js/ui/card/card.js"));
var _collapse = _interopRequireDefault(__webpack_require__(/*! elementor-app/molecules/collapse */ "../app/assets/js/molecules/collapse.js"));
var _panelHeader = _interopRequireDefault(__webpack_require__(/*! ./panel-header */ "../app/assets/js/ui/panel/panel-header.js"));
var _panelHeadline = _interopRequireDefault(__webpack_require__(/*! ./panel-headline */ "../app/assets/js/ui/panel/panel-headline.js"));
var _panelBody = _interopRequireDefault(__webpack_require__(/*! ./panel-body */ "../app/assets/js/ui/panel/panel-body.js"));
__webpack_require__(/*! ./panel.scss */ "../app/assets/js/ui/panel/panel.scss");
function Panel(props) {
return /*#__PURE__*/_react.default.createElement(_collapse.default, {
isOpened: props.isOpened
}, /*#__PURE__*/_react.default.createElement(_card.default, {
className: (0, _utils.arrayToClassName)(['eps-panel', props.className])
}, props.children));
}
Panel.propTypes = {
className: PropTypes.string,
isOpened: PropTypes.bool,
children: PropTypes.any.isRequired
};
Panel.defaultProps = {
className: '',
isOpened: false
};
Panel.Header = _panelHeader.default;
Panel.Headline = _panelHeadline.default;
Panel.Body = _panelBody.default;
/***/ }),
/***/ "../app/assets/js/ui/panel/panel.scss":
/*!********************************************!*\
!*** ../app/assets/js/ui/panel/panel.scss ***!
\********************************************/
/***/ (() => {
/***/ }),
/***/ "../app/assets/js/ui/popover-dialog/popover-dialog.js":
/*!************************************************************!*\
!*** ../app/assets/js/ui/popover-dialog/popover-dialog.js ***!
\************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = PopoverDialog;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
function PopoverDialog(props) {
var targetRef = props.targetRef,
offsetTop = props.offsetTop,
offsetLeft = props.offsetLeft,
wrapperClass = props.wrapperClass,
trigger = props.trigger,
hideAfter = props.hideAfter,
popoverRef = (0, _react.useCallback)(function (popoverEl) {
var target = targetRef === null || targetRef === void 0 ? void 0 : targetRef.current;
// If the target or the popover element does not exist on the page anymore after a re-render, do nothing.
if (!target || !popoverEl) {
return;
}
/**
* Show Popover
*/
var showPopover = function showPopover() {
popoverEl.style.display = 'block';
popoverEl.setAttribute('aria-expanded', true);
var targetRect = target.getBoundingClientRect(),
popoverRect = popoverEl.getBoundingClientRect(),
widthDifference = popoverRect.width - targetRect.width;
popoverEl.style.top = targetRect.bottom + offsetTop + 'px';
popoverEl.style.left = targetRect.left - widthDifference / 2 - offsetLeft + 'px';
// 16px to compensate for the arrow width.
popoverEl.style.setProperty('--popover-arrow-offset-end', (popoverRect.width - 16) / 2 + 'px');
};
/**
* Hide Popover
*/
var hidePopover = function hidePopover() {
popoverEl.style.display = 'none';
popoverEl.setAttribute('aria-expanded', false);
};
/**
* Handle the Popover's hover functionality
*/
var handlePopoverHover = function handlePopoverHover() {
var hideOnMouseOut = true,
timeOut = null;
// Show popover on hover of the target
target.addEventListener('mouseover', function () {
hideOnMouseOut = true;
showPopover();
});
// Hide popover when not overing over the target or the popover itself
target.addEventListener('mouseleave', function () {
timeOut = setTimeout(function () {
if (hideOnMouseOut) {
if ('block' === popoverEl.style.display) {
hidePopover();
}
}
}, hideAfter);
});
// Don't hide the popover if the user is still hovering over it.
popoverEl.addEventListener('mouseover', function () {
hideOnMouseOut = false;
if (timeOut) {
clearTimeout(timeOut);
timeOut = null;
}
});
// Once the user stops hovering over the popover, hide it.
popoverEl.addEventListener('mouseleave', function () {
timeOut = setTimeout(function () {
if (hideOnMouseOut) {
if ('block' === popoverEl.style.display) {
hidePopover();
}
}
}, hideAfter);
hideOnMouseOut = true;
});
};
/**
* Handle the Popover's click functionality
*/
var handlePopoverClick = function handlePopoverClick() {
var popoverIsActive = false;
target.addEventListener('click', function (e) {
e.preventDefault();
e.stopPropagation();
if (popoverIsActive) {
hidePopover();
popoverIsActive = false;
} else {
showPopover();
popoverIsActive = true;
}
});
// Make sure the popover doesn't close when it is clicked on.
popoverEl.addEventListener('click', function (e) {
e.stopPropagation();
});
// Hide the popover when clicking outside of it.
document.body.addEventListener('click', function () {
if (popoverIsActive) {
hidePopover();
popoverIsActive = false;
}
});
};
if ('hover' === trigger) {
handlePopoverHover();
} else if ('click' === trigger) {
handlePopoverClick();
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [targetRef]);
var wrapperClasses = 'e-app__popover';
if (wrapperClass) {
wrapperClasses += ' ' + wrapperClass;
}
return /*#__PURE__*/_react.default.createElement("div", {
className: wrapperClasses,
ref: popoverRef
}, props.children);
}
PopoverDialog.propTypes = {
targetRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
current: PropTypes.any
})]).isRequired,
trigger: PropTypes.string,
direction: PropTypes.string,
offsetTop: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
offsetLeft: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
wrapperClass: PropTypes.string,
children: PropTypes.any,
hideAfter: PropTypes.number
};
PopoverDialog.defaultProps = {
direction: 'bottom',
trigger: 'hover',
offsetTop: 10,
offsetLeft: 0,
hideAfter: 300
};
/***/ }),
/***/ "../app/assets/js/ui/table/table-body.js":
/*!***********************************************!*\
!*** ../app/assets/js/ui/table/table-body.js ***!
\***********************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = TableBody;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _utils = __webpack_require__(/*! elementor-app/utils/utils.js */ "../app/assets/js/utils/utils.js");
function TableBody(props) {
return /*#__PURE__*/_react.default.createElement("tbody", {
className: (0, _utils.arrayToClassName)(['eps-table__body', props.className])
}, props.children);
}
TableBody.propTypes = {
children: PropTypes.any.isRequired,
className: PropTypes.string
};
/***/ }),
/***/ "../app/assets/js/ui/table/table-cell.js":
/*!***********************************************!*\
!*** ../app/assets/js/ui/table/table-cell.js ***!
\***********************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = TableCell;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _utils = __webpack_require__(/*! elementor-app/utils/utils.js */ "../app/assets/js/utils/utils.js");
function TableCell(props) {
var Element = function Element() {
return _react.default.createElement(props.tag, {
className: (0, _utils.arrayToClassName)(['eps-table__cell', props.className]),
colSpan: props.colSpan || null
}, props.children);
};
return /*#__PURE__*/_react.default.createElement(Element, null);
}
TableCell.propTypes = {
children: PropTypes.any,
className: PropTypes.string,
colSpan: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
tag: PropTypes.oneOf(['td', 'th']).isRequired
};
/***/ }),
/***/ "../app/assets/js/ui/table/table-checkbox.js":
/*!***************************************************!*\
!*** ../app/assets/js/ui/table/table-checkbox.js ***!
\***************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = TableCheckbox;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "../node_modules/@babel/runtime/helpers/toConsumableArray.js"));
var _tableContext = __webpack_require__(/*! ./table-context */ "../app/assets/js/ui/table/table-context.js");
var _utils = __webpack_require__(/*! elementor-app/utils/utils.js */ "../app/assets/js/utils/utils.js");
var _checkbox = _interopRequireDefault(__webpack_require__(/*! elementor-app/ui/atoms/checkbox */ "../app/assets/js/ui/atoms/checkbox.js"));
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
function TableCheckbox(props) {
var context = (0, _react.useContext)(_tableContext.Context),
_ref = context || {},
selected = _ref.selected,
disabled = _ref.disabled,
setSelected = _ref.setSelected,
isSelectAllCheckbox = Object.prototype.hasOwnProperty.call(props, 'allSelectedCount'),
isAllSelected = selected.length === props.allSelectedCount,
isIndeterminate = isSelectAllCheckbox ? !!(selected.length - disabled.length && !isAllSelected) : false,
isSelected = isSelectAllCheckbox ? isAllSelected : selected.includes(props.index),
isDisabled = !isSelectAllCheckbox ? disabled.includes(props.index) : null,
onSelectAll = function onSelectAll() {
setSelected(function () {
if (isAllSelected || isIndeterminate) {
// Disabled checkboxes should not be unchecked.
return disabled.length ? (0, _toConsumableArray2.default)(disabled) : [];
}
return Array(props.allSelectedCount).fill(true).map(function (value, index) {
return index;
});
});
},
onSelectRow = function onSelectRow() {
setSelected(function (prevState) {
var currentSelections = (0, _toConsumableArray2.default)(prevState),
currentIndexPosition = currentSelections.indexOf(props.index);
if (currentIndexPosition > -1) {
currentSelections.splice(currentIndexPosition, 1);
} else {
currentSelections.push(props.index);
}
return currentSelections;
});
},
onChange = function onChange() {
return isSelectAllCheckbox ? onSelectAll() : onSelectRow();
};
return /*#__PURE__*/_react.default.createElement(_checkbox.default, {
checked: isSelected,
indeterminate: isIndeterminate,
onChange: onChange,
disabled: isDisabled,
className: (0, _utils.arrayToClassName)(['eps-table__checkbox', props.className])
});
}
TableCheckbox.propTypes = {
className: PropTypes.string,
index: PropTypes.number,
initialChecked: PropTypes.bool,
allSelectedCount: PropTypes.number
};
/***/ }),
/***/ "../app/assets/js/ui/table/table-context.js":
/*!**************************************************!*\
!*** ../app/assets/js/ui/table/table-context.js ***!
\**************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports.Context = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var Context = exports.Context = _react.default.createContext();
/***/ }),
/***/ "../app/assets/js/ui/table/table-row.js":
/*!**********************************************!*\
!*** ../app/assets/js/ui/table/table-row.js ***!
\**********************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = TableRow;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _utils = __webpack_require__(/*! elementor-app/utils/utils.js */ "../app/assets/js/utils/utils.js");
function TableRow(props) {
return /*#__PURE__*/_react.default.createElement("tr", {
className: (0, _utils.arrayToClassName)(['eps-table__row', props.className])
}, props.children);
}
TableRow.propTypes = {
children: PropTypes.any.isRequired,
className: PropTypes.string
};
/***/ }),
/***/ "../app/assets/js/ui/table/table.head.js":
/*!***********************************************!*\
!*** ../app/assets/js/ui/table/table.head.js ***!
\***********************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = TableHead;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _utils = __webpack_require__(/*! elementor-app/utils/utils.js */ "../app/assets/js/utils/utils.js");
function TableHead(props) {
return /*#__PURE__*/_react.default.createElement("thead", {
className: (0, _utils.arrayToClassName)(['eps-table__head', props.className])
}, props.children);
}
TableHead.propTypes = {
children: PropTypes.any.isRequired,
className: PropTypes.string
};
/***/ }),
/***/ "../app/assets/js/ui/table/table.js":
/*!******************************************!*\
!*** ../app/assets/js/ui/table/table.js ***!
\******************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = Table;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
var _tableContext = __webpack_require__(/*! ./table-context */ "../app/assets/js/ui/table/table-context.js");
var _utils = __webpack_require__(/*! elementor-app/utils/utils.js */ "../app/assets/js/utils/utils.js");
var _table = _interopRequireDefault(__webpack_require__(/*! ./table.head */ "../app/assets/js/ui/table/table.head.js"));
var _tableBody = _interopRequireDefault(__webpack_require__(/*! ./table-body */ "../app/assets/js/ui/table/table-body.js"));
var _tableRow = _interopRequireDefault(__webpack_require__(/*! ./table-row */ "../app/assets/js/ui/table/table-row.js"));
var _tableCell = _interopRequireDefault(__webpack_require__(/*! ./table-cell */ "../app/assets/js/ui/table/table-cell.js"));
var _tableCheckbox = _interopRequireDefault(__webpack_require__(/*! ./table-checkbox */ "../app/assets/js/ui/table/table-checkbox.js"));
__webpack_require__(/*! ./table.scss */ "../app/assets/js/ui/table/table.scss");
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
function Table(_ref) {
var className = _ref.className,
initialSelected = _ref.initialSelected,
initialDisabled = _ref.initialDisabled,
selection = _ref.selection,
children = _ref.children,
onSelect = _ref.onSelect;
var _useState = (0, _react.useState)(initialSelected),
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
selected = _useState2[0],
setSelected = _useState2[1],
_useState3 = (0, _react.useState)(initialDisabled),
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
disabled = _useState4[0],
setDisabled = _useState4[1],
classNameBase = 'eps-table',
classes = [classNameBase, (0, _defineProperty2.default)({}, classNameBase + '--selection', selection), className];
(0, _react.useEffect)(function () {
if (onSelect) {
onSelect(selected);
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [selected]);
return /*#__PURE__*/_react.default.createElement(_tableContext.Context.Provider, {
value: {
selected: selected,
setSelected: setSelected,
disabled: disabled,
setDisabled: setDisabled
}
}, /*#__PURE__*/_react.default.createElement("table", {
className: (0, _utils.arrayToClassName)(classes)
}, selection && /*#__PURE__*/_react.default.createElement("colgroup", null, /*#__PURE__*/_react.default.createElement("col", {
className: classNameBase + '__checkboxes-column'
})), children));
}
Table.Head = _table.default;
Table.Body = _tableBody.default;
Table.Row = _tableRow.default;
Table.Cell = _tableCell.default;
Table.Checkbox = _tableCheckbox.default;
Table.propTypes = {
children: PropTypes.any.isRequired,
className: PropTypes.string,
headers: PropTypes.array,
initialDisabled: PropTypes.array,
initialSelected: PropTypes.array,
rows: PropTypes.array,
selection: PropTypes.bool,
onSelect: PropTypes.func
};
Table.defaultProps = {
selection: false,
initialDisabled: [],
initialSelected: []
};
/***/ }),
/***/ "../app/assets/js/ui/table/table.scss":
/*!********************************************!*\
!*** ../app/assets/js/ui/table/table.scss ***!
\********************************************/
/***/ (() => {
/***/ }),
/***/ "../app/assets/js/url-actions/actions-map.js":
/*!***************************************************!*\
!*** ../app/assets/js/url-actions/actions-map.js ***!
\***************************************************/
/***/ ((__unused_webpack_module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = void 0;
var _default = exports["default"] = {
'import-kit': '/import/process'
};
/***/ }),
/***/ "../app/assets/js/utils/cloud-kits.js":
/*!********************************************!*\
!*** ../app/assets/js/utils/cloud-kits.js ***!
\********************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports.fetchCloudKitsEligibility = fetchCloudKitsEligibility;
exports.fetchCloudKitsQuota = fetchCloudKitsQuota;
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ "../node_modules/@babel/runtime/regenerator/index.js"));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../node_modules/@babel/runtime/helpers/asyncToGenerator.js"));
/**
* Fetch cloud kits availability from WordPress backend
*
* @return {Promise} Whether cloud kits should be available
*/
function fetchCloudKitsEligibility() {
return _fetchCloudKitsEligibility.apply(this, arguments);
}
/**
* Fetch cloud kits quota from WordPress backend
*
* @return {Promise