| 1 |
(function(react, _wordpress_i18n) {var __vite_style__ = document.createElement('style');__vite_style__.textContent = "/*$vite$:1*/";document.head.appendChild(__vite_style__); |
| 2 |
|
| 3 |
//#region \0rolldown/runtime.js |
| 4 |
var __create = Object.create; |
| 5 |
var __defProp = Object.defineProperty; |
| 6 |
var __name = (target, value) => __defProp(target, "name", { |
| 7 |
value, |
| 8 |
configurable: true |
| 9 |
}); |
| 10 |
var __getOwnPropDesc = Object.getOwnPropertyDescriptor; |
| 11 |
var __getOwnPropNames = Object.getOwnPropertyNames; |
| 12 |
var __getProtoOf = Object.getPrototypeOf; |
| 13 |
var __hasOwnProp = Object.prototype.hasOwnProperty; |
| 14 |
var __commonJSMin = (cb, mod) => () => (mod || (cb((mod = { exports: {} }).exports, mod), cb = null), mod.exports); |
| 15 |
var __copyProps = (to, from, except, desc) => { |
| 16 |
if (from && typeof from === "object" || typeof from === "function") { |
| 17 |
for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) { |
| 18 |
key = keys[i]; |
| 19 |
if (!__hasOwnProp.call(to, key) && key !== except) { |
| 20 |
__defProp(to, key, { |
| 21 |
get: ((k) => from[k]).bind(null, key), |
| 22 |
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable |
| 23 |
}); |
| 24 |
} |
| 25 |
} |
| 26 |
} |
| 27 |
return to; |
| 28 |
}; |
| 29 |
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { |
| 30 |
value: mod, |
| 31 |
enumerable: true |
| 32 |
}) : target, mod)); |
| 33 |
|
| 34 |
//#endregion |
| 35 |
react = __toESM(react); |
| 36 |
|
| 37 |
//#region node_modules/@babel/runtime/helpers/esm/classCallCheck.js |
| 38 |
function _classCallCheck$1(a, n) { |
| 39 |
if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); |
| 40 |
} |
| 41 |
__name(_classCallCheck$1, "_classCallCheck"); |
| 42 |
|
| 43 |
//#endregion |
| 44 |
//#region node_modules/@babel/runtime/helpers/esm/typeof.js |
| 45 |
function _typeof(o) { |
| 46 |
"@babel/helpers - typeof"; |
| 47 |
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) { |
| 48 |
return typeof o; |
| 49 |
} : function(o) { |
| 50 |
return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; |
| 51 |
}, _typeof(o); |
| 52 |
} |
| 53 |
|
| 54 |
//#endregion |
| 55 |
//#region node_modules/@babel/runtime/helpers/esm/toPrimitive.js |
| 56 |
function toPrimitive(t, r) { |
| 57 |
if ("object" != _typeof(t) || !t) return t; |
| 58 |
var e = t[Symbol.toPrimitive]; |
| 59 |
if (void 0 !== e) { |
| 60 |
var i = e.call(t, r || "default"); |
| 61 |
if ("object" != _typeof(i)) return i; |
| 62 |
throw new TypeError("@@toPrimitive must return a primitive value."); |
| 63 |
} |
| 64 |
return ("string" === r ? String : Number)(t); |
| 65 |
} |
| 66 |
|
| 67 |
//#endregion |
| 68 |
//#region node_modules/@babel/runtime/helpers/esm/toPropertyKey.js |
| 69 |
function toPropertyKey(t) { |
| 70 |
var i = toPrimitive(t, "string"); |
| 71 |
return "symbol" == _typeof(i) ? i : i + ""; |
| 72 |
} |
| 73 |
|
| 74 |
//#endregion |
| 75 |
//#region node_modules/@babel/runtime/helpers/esm/createClass.js |
| 76 |
function _defineProperties(e, r) { |
| 77 |
for (var t = 0; t < r.length; t++) { |
| 78 |
var o = r[t]; |
| 79 |
o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, toPropertyKey(o.key), o); |
| 80 |
} |
| 81 |
} |
| 82 |
function _createClass(e, r, t) { |
| 83 |
return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; |
| 84 |
} |
| 85 |
|
| 86 |
//#endregion |
| 87 |
//#region node_modules/@babel/runtime/helpers/esm/defineProperty.js |
| 88 |
function _defineProperty(e, r, t) { |
| 89 |
return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, { |
| 90 |
value: t, |
| 91 |
enumerable: !0, |
| 92 |
configurable: !0, |
| 93 |
writable: !0 |
| 94 |
}) : e[r] = t, e; |
| 95 |
} |
| 96 |
|
| 97 |
//#endregion |
| 98 |
//#region app/assets/js/router.js |
| 99 |
var router = new (/* @__PURE__ */ function() { |
| 100 |
function Router() { |
| 101 |
_classCallCheck$1(this, Router); |
| 102 |
/** |
| 103 |
* @type {*[]} |
| 104 |
*/ |
| 105 |
_defineProperty(this, "routes", []); |
| 106 |
_defineProperty(this, "history", null); |
| 107 |
} |
| 108 |
return _createClass(Router, [{ |
| 109 |
key: "addRoute", |
| 110 |
value: function addRoute(route) { |
| 111 |
this.routes.push(route); |
| 112 |
} |
| 113 |
}, { |
| 114 |
key: "getRoutes", |
| 115 |
value: function getRoutes() { |
| 116 |
return this.routes.map(function(route) { |
| 117 |
var props = route.props || {}; |
| 118 |
props.path = props.key = route.path; |
| 119 |
return react.default.createElement(route.component, props); |
| 120 |
}); |
| 121 |
} |
| 122 |
}]); |
| 123 |
}())(); |
| 124 |
window.elementorAppPackages = { router }; |
| 125 |
|
| 126 |
//#endregion |
| 127 |
//#region node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js |
| 128 |
/** @license React v16.13.1 |
| 129 |
* react-is.development.js |
| 130 |
* |
| 131 |
* Copyright (c) Facebook, Inc. and its affiliates. |
| 132 |
* |
| 133 |
* This source code is licensed under the MIT license found in the |
| 134 |
* LICENSE file in the root directory of this source tree. |
| 135 |
*/ |
| 136 |
var require_react_is_development = /* @__PURE__ */ __commonJSMin(((exports) => { |
| 137 |
(function() { |
| 138 |
"use strict"; |
| 139 |
var hasSymbol = typeof Symbol === "function" && Symbol.for; |
| 140 |
var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103; |
| 141 |
var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106; |
| 142 |
var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for("react.fragment") : 60107; |
| 143 |
var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for("react.strict_mode") : 60108; |
| 144 |
var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 60114; |
| 145 |
var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 60109; |
| 146 |
var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 60110; |
| 147 |
var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for("react.async_mode") : 60111; |
| 148 |
var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for("react.concurrent_mode") : 60111; |
| 149 |
var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112; |
| 150 |
var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 60113; |
| 151 |
var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for("react.suspense_list") : 60120; |
| 152 |
var REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 60115; |
| 153 |
var REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116; |
| 154 |
var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for("react.block") : 60121; |
| 155 |
var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for("react.fundamental") : 60117; |
| 156 |
var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for("react.responder") : 60118; |
| 157 |
var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for("react.scope") : 60119; |
| 158 |
function isValidElementType(type) { |
| 159 |
return typeof type === "string" || typeof type === "function" || type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === "object" && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE); |
| 160 |
} |
| 161 |
function typeOf(object) { |
| 162 |
if (typeof object === "object" && object !== null) { |
| 163 |
var $$typeof = object.$$typeof; |
| 164 |
switch ($$typeof) { |
| 165 |
case REACT_ELEMENT_TYPE: |
| 166 |
var type = object.type; |
| 167 |
switch (type) { |
| 168 |
case REACT_ASYNC_MODE_TYPE: |
| 169 |
case REACT_CONCURRENT_MODE_TYPE: |
| 170 |
case REACT_FRAGMENT_TYPE: |
| 171 |
case REACT_PROFILER_TYPE: |
| 172 |
case REACT_STRICT_MODE_TYPE: |
| 173 |
case REACT_SUSPENSE_TYPE: return type; |
| 174 |
default: |
| 175 |
var $$typeofType = type && type.$$typeof; |
| 176 |
switch ($$typeofType) { |
| 177 |
case REACT_CONTEXT_TYPE: |
| 178 |
case REACT_FORWARD_REF_TYPE: |
| 179 |
case REACT_LAZY_TYPE: |
| 180 |
case REACT_MEMO_TYPE: |
| 181 |
case REACT_PROVIDER_TYPE: return $$typeofType; |
| 182 |
default: return $$typeof; |
| 183 |
} |
| 184 |
} |
| 185 |
case REACT_PORTAL_TYPE: return $$typeof; |
| 186 |
} |
| 187 |
} |
| 188 |
} |
| 189 |
var AsyncMode = REACT_ASYNC_MODE_TYPE; |
| 190 |
var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE; |
| 191 |
var ContextConsumer = REACT_CONTEXT_TYPE; |
| 192 |
var ContextProvider = REACT_PROVIDER_TYPE; |
| 193 |
var Element = REACT_ELEMENT_TYPE; |
| 194 |
var ForwardRef = REACT_FORWARD_REF_TYPE; |
| 195 |
var Fragment = REACT_FRAGMENT_TYPE; |
| 196 |
var Lazy = REACT_LAZY_TYPE; |
| 197 |
var Memo = REACT_MEMO_TYPE; |
| 198 |
var Portal = REACT_PORTAL_TYPE; |
| 199 |
var Profiler = REACT_PROFILER_TYPE; |
| 200 |
var StrictMode = REACT_STRICT_MODE_TYPE; |
| 201 |
var Suspense = REACT_SUSPENSE_TYPE; |
| 202 |
var hasWarnedAboutDeprecatedIsAsyncMode = false; |
| 203 |
function isAsyncMode(object) { |
| 204 |
if (!hasWarnedAboutDeprecatedIsAsyncMode) { |
| 205 |
hasWarnedAboutDeprecatedIsAsyncMode = true; |
| 206 |
console["warn"]("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API."); |
| 207 |
} |
| 208 |
return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE; |
| 209 |
} |
| 210 |
function isConcurrentMode(object) { |
| 211 |
return typeOf(object) === REACT_CONCURRENT_MODE_TYPE; |
| 212 |
} |
| 213 |
function isContextConsumer(object) { |
| 214 |
return typeOf(object) === REACT_CONTEXT_TYPE; |
| 215 |
} |
| 216 |
function isContextProvider(object) { |
| 217 |
return typeOf(object) === REACT_PROVIDER_TYPE; |
| 218 |
} |
| 219 |
function isElement(object) { |
| 220 |
return typeof object === "object" && object !== null && object.$$typeof === REACT_ELEMENT_TYPE; |
| 221 |
} |
| 222 |
function isForwardRef(object) { |
| 223 |
return typeOf(object) === REACT_FORWARD_REF_TYPE; |
| 224 |
} |
| 225 |
function isFragment(object) { |
| 226 |
return typeOf(object) === REACT_FRAGMENT_TYPE; |
| 227 |
} |
| 228 |
function isLazy(object) { |
| 229 |
return typeOf(object) === REACT_LAZY_TYPE; |
| 230 |
} |
| 231 |
function isMemo(object) { |
| 232 |
return typeOf(object) === REACT_MEMO_TYPE; |
| 233 |
} |
| 234 |
function isPortal(object) { |
| 235 |
return typeOf(object) === REACT_PORTAL_TYPE; |
| 236 |
} |
| 237 |
function isProfiler(object) { |
| 238 |
return typeOf(object) === REACT_PROFILER_TYPE; |
| 239 |
} |
| 240 |
function isStrictMode(object) { |
| 241 |
return typeOf(object) === REACT_STRICT_MODE_TYPE; |
| 242 |
} |
| 243 |
function isSuspense(object) { |
| 244 |
return typeOf(object) === REACT_SUSPENSE_TYPE; |
| 245 |
} |
| 246 |
exports.AsyncMode = AsyncMode; |
| 247 |
exports.ConcurrentMode = ConcurrentMode; |
| 248 |
exports.ContextConsumer = ContextConsumer; |
| 249 |
exports.ContextProvider = ContextProvider; |
| 250 |
exports.Element = Element; |
| 251 |
exports.ForwardRef = ForwardRef; |
| 252 |
exports.Fragment = Fragment; |
| 253 |
exports.Lazy = Lazy; |
| 254 |
exports.Memo = Memo; |
| 255 |
exports.Portal = Portal; |
| 256 |
exports.Profiler = Profiler; |
| 257 |
exports.StrictMode = StrictMode; |
| 258 |
exports.Suspense = Suspense; |
| 259 |
exports.isAsyncMode = isAsyncMode; |
| 260 |
exports.isConcurrentMode = isConcurrentMode; |
| 261 |
exports.isContextConsumer = isContextConsumer; |
| 262 |
exports.isContextProvider = isContextProvider; |
| 263 |
exports.isElement = isElement; |
| 264 |
exports.isForwardRef = isForwardRef; |
| 265 |
exports.isFragment = isFragment; |
| 266 |
exports.isLazy = isLazy; |
| 267 |
exports.isMemo = isMemo; |
| 268 |
exports.isPortal = isPortal; |
| 269 |
exports.isProfiler = isProfiler; |
| 270 |
exports.isStrictMode = isStrictMode; |
| 271 |
exports.isSuspense = isSuspense; |
| 272 |
exports.isValidElementType = isValidElementType; |
| 273 |
exports.typeOf = typeOf; |
| 274 |
})(); |
| 275 |
})); |
| 276 |
|
| 277 |
//#endregion |
| 278 |
//#region node_modules/prop-types/node_modules/react-is/index.js |
| 279 |
var require_react_is = /* @__PURE__ */ __commonJSMin(((exports, module) => { |
| 280 |
module.exports = require_react_is_development(); |
| 281 |
})); |
| 282 |
|
| 283 |
//#endregion |
| 284 |
//#region node_modules/object-assign/index.js |
| 285 |
/* |
| 286 |
object-assign |
| 287 |
(c) Sindre Sorhus |
| 288 |
@license MIT |
| 289 |
*/ |
| 290 |
var require_object_assign = /* @__PURE__ */ __commonJSMin(((exports, module) => { |
| 291 |
var getOwnPropertySymbols = Object.getOwnPropertySymbols; |
| 292 |
var hasOwnProperty = Object.prototype.hasOwnProperty; |
| 293 |
var propIsEnumerable = Object.prototype.propertyIsEnumerable; |
| 294 |
function toObject(val) { |
| 295 |
if (val === null || val === void 0) throw new TypeError("Object.assign cannot be called with null or undefined"); |
| 296 |
return Object(val); |
| 297 |
} |
| 298 |
function shouldUseNative() { |
| 299 |
try { |
| 300 |
if (!Object.assign) return false; |
| 301 |
var test1 = /* @__PURE__ */ new String("abc"); |
| 302 |
test1[5] = "de"; |
| 303 |
if (Object.getOwnPropertyNames(test1)[0] === "5") return false; |
| 304 |
var test2 = {}; |
| 305 |
for (var i = 0; i < 10; i++) test2["_" + String.fromCharCode(i)] = i; |
| 306 |
if (Object.getOwnPropertyNames(test2).map(function(n) { |
| 307 |
return test2[n]; |
| 308 |
}).join("") !== "0123456789") return false; |
| 309 |
var test3 = {}; |
| 310 |
"abcdefghijklmnopqrst".split("").forEach(function(letter) { |
| 311 |
test3[letter] = letter; |
| 312 |
}); |
| 313 |
if (Object.keys(Object.assign({}, test3)).join("") !== "abcdefghijklmnopqrst") return false; |
| 314 |
return true; |
| 315 |
} catch (err) { |
| 316 |
return false; |
| 317 |
} |
| 318 |
} |
| 319 |
module.exports = shouldUseNative() ? Object.assign : function(target, source) { |
| 320 |
var from; |
| 321 |
var to = toObject(target); |
| 322 |
var symbols; |
| 323 |
for (var s = 1; s < arguments.length; s++) { |
| 324 |
from = Object(arguments[s]); |
| 325 |
for (var key in from) if (hasOwnProperty.call(from, key)) to[key] = from[key]; |
| 326 |
if (getOwnPropertySymbols) { |
| 327 |
symbols = getOwnPropertySymbols(from); |
| 328 |
for (var i = 0; i < symbols.length; i++) if (propIsEnumerable.call(from, symbols[i])) to[symbols[i]] = from[symbols[i]]; |
| 329 |
} |
| 330 |
} |
| 331 |
return to; |
| 332 |
}; |
| 333 |
})); |
| 334 |
|
| 335 |
//#endregion |
| 336 |
//#region node_modules/prop-types/lib/ReactPropTypesSecret.js |
| 337 |
/** |
| 338 |
* Copyright (c) 2013-present, Facebook, Inc. |
| 339 |
* |
| 340 |
* This source code is licensed under the MIT license found in the |
| 341 |
* LICENSE file in the root directory of this source tree. |
| 342 |
*/ |
| 343 |
var require_ReactPropTypesSecret = /* @__PURE__ */ __commonJSMin(((exports, module) => { |
| 344 |
var ReactPropTypesSecret = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"; |
| 345 |
module.exports = ReactPropTypesSecret; |
| 346 |
})); |
| 347 |
|
| 348 |
//#endregion |
| 349 |
//#region node_modules/prop-types/lib/has.js |
| 350 |
var require_has = /* @__PURE__ */ __commonJSMin(((exports, module) => { |
| 351 |
module.exports = Function.call.bind(Object.prototype.hasOwnProperty); |
| 352 |
})); |
| 353 |
|
| 354 |
//#endregion |
| 355 |
//#region node_modules/prop-types/checkPropTypes.js |
| 356 |
/** |
| 357 |
* Copyright (c) 2013-present, Facebook, Inc. |
| 358 |
* |
| 359 |
* This source code is licensed under the MIT license found in the |
| 360 |
* LICENSE file in the root directory of this source tree. |
| 361 |
*/ |
| 362 |
var require_checkPropTypes = /* @__PURE__ */ __commonJSMin(((exports, module) => { |
| 363 |
var printWarning = function() {}; |
| 364 |
var ReactPropTypesSecret = require_ReactPropTypesSecret(); |
| 365 |
var loggedTypeFailures = {}; |
| 366 |
var has = require_has(); |
| 367 |
printWarning = function(text) { |
| 368 |
var message = "Warning: " + text; |
| 369 |
if (typeof console !== "undefined") console.error(message); |
| 370 |
try { |
| 371 |
throw new Error(message); |
| 372 |
} catch (x) {} |
| 373 |
}; |
| 374 |
/** |
| 375 |
* Assert that the values match with the type specs. |
| 376 |
* Error messages are memorized and will only be shown once. |
| 377 |
* |
| 378 |
* @param {object} typeSpecs Map of name to a ReactPropType |
| 379 |
* @param {object} values Runtime values that need to be type-checked |
| 380 |
* @param {string} location e.g. "prop", "context", "child context" |
| 381 |
* @param {string} componentName Name of the component for error messages. |
| 382 |
* @param {?Function} getStack Returns the component stack. |
| 383 |
* @private |
| 384 |
*/ |
| 385 |
function checkPropTypes(typeSpecs, values, location, componentName, getStack) { |
| 386 |
for (var typeSpecName in typeSpecs) if (has(typeSpecs, typeSpecName)) { |
| 387 |
var error; |
| 388 |
try { |
| 389 |
if (typeof typeSpecs[typeSpecName] !== "function") { |
| 390 |
var err = Error((componentName || "React class") + ": " + location + " type `" + typeSpecName + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof typeSpecs[typeSpecName] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."); |
| 391 |
err.name = "Invariant Violation"; |
| 392 |
throw err; |
| 393 |
} |
| 394 |
error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret); |
| 395 |
} catch (ex) { |
| 396 |
error = ex; |
| 397 |
} |
| 398 |
if (error && !(error instanceof Error)) printWarning((componentName || "React class") + ": type specification of " + location + " `" + typeSpecName + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof error + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."); |
| 399 |
if (error instanceof Error && !(error.message in loggedTypeFailures)) { |
| 400 |
loggedTypeFailures[error.message] = true; |
| 401 |
var stack = getStack ? getStack() : ""; |
| 402 |
printWarning("Failed " + location + " type: " + error.message + (stack != null ? stack : "")); |
| 403 |
} |
| 404 |
} |
| 405 |
} |
| 406 |
/** |
| 407 |
* Resets warning cache when testing. |
| 408 |
* |
| 409 |
* @private |
| 410 |
*/ |
| 411 |
checkPropTypes.resetWarningCache = function() { |
| 412 |
loggedTypeFailures = {}; |
| 413 |
}; |
| 414 |
module.exports = checkPropTypes; |
| 415 |
})); |
| 416 |
|
| 417 |
//#endregion |
| 418 |
//#region node_modules/prop-types/factoryWithTypeCheckers.js |
| 419 |
/** |
| 420 |
* Copyright (c) 2013-present, Facebook, Inc. |
| 421 |
* |
| 422 |
* This source code is licensed under the MIT license found in the |
| 423 |
* LICENSE file in the root directory of this source tree. |
| 424 |
*/ |
| 425 |
var require_factoryWithTypeCheckers = /* @__PURE__ */ __commonJSMin(((exports, module) => { |
| 426 |
var ReactIs = require_react_is(); |
| 427 |
var assign = require_object_assign(); |
| 428 |
var ReactPropTypesSecret = require_ReactPropTypesSecret(); |
| 429 |
var has = require_has(); |
| 430 |
var checkPropTypes = require_checkPropTypes(); |
| 431 |
var printWarning = function() {}; |
| 432 |
printWarning = function(text) { |
| 433 |
var message = "Warning: " + text; |
| 434 |
if (typeof console !== "undefined") console.error(message); |
| 435 |
try { |
| 436 |
throw new Error(message); |
| 437 |
} catch (x) {} |
| 438 |
}; |
| 439 |
function emptyFunctionThatReturnsNull() { |
| 440 |
return null; |
| 441 |
} |
| 442 |
module.exports = function(isValidElement, throwOnDirectAccess) { |
| 443 |
var ITERATOR_SYMBOL = typeof Symbol === "function" && Symbol.iterator; |
| 444 |
var FAUX_ITERATOR_SYMBOL = "@@iterator"; |
| 445 |
/** |
| 446 |
* Returns the iterator method function contained on the iterable object. |
| 447 |
* |
| 448 |
* Be sure to invoke the function with the iterable as context: |
| 449 |
* |
| 450 |
* var iteratorFn = getIteratorFn(myIterable); |
| 451 |
* if (iteratorFn) { |
| 452 |
* var iterator = iteratorFn.call(myIterable); |
| 453 |
* ... |
| 454 |
* } |
| 455 |
* |
| 456 |
* @param {?object} maybeIterable |
| 457 |
* @return {?function} |
| 458 |
*/ |
| 459 |
function getIteratorFn(maybeIterable) { |
| 460 |
var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]); |
| 461 |
if (typeof iteratorFn === "function") return iteratorFn; |
| 462 |
} |
| 463 |
/** |
| 464 |
* Collection of methods that allow declaration and validation of props that are |
| 465 |
* supplied to React components. Example usage: |
| 466 |
* |
| 467 |
* var Props = require('ReactPropTypes'); |
| 468 |
* var MyArticle = React.createClass({ |
| 469 |
* propTypes: { |
| 470 |
* // An optional string prop named "description". |
| 471 |
* description: Props.string, |
| 472 |
* |
| 473 |
* // A required enum prop named "category". |
| 474 |
* category: Props.oneOf(['News','Photos']).isRequired, |
| 475 |
* |
| 476 |
* // A prop named "dialog" that requires an instance of Dialog. |
| 477 |
* dialog: Props.instanceOf(Dialog).isRequired |
| 478 |
* }, |
| 479 |
* render: function() { ... } |
| 480 |
* }); |
| 481 |
* |
| 482 |
* A more formal specification of how these methods are used: |
| 483 |
* |
| 484 |
* type := array|bool|func|object|number|string|oneOf([...])|instanceOf(...) |
| 485 |
* decl := ReactPropTypes.{type}(.isRequired)? |
| 486 |
* |
| 487 |
* Each and every declaration produces a function with the same signature. This |
| 488 |
* allows the creation of custom validation functions. For example: |
| 489 |
* |
| 490 |
* var MyLink = React.createClass({ |
| 491 |
* propTypes: { |
| 492 |
* // An optional string or URI prop named "href". |
| 493 |
* href: function(props, propName, componentName) { |
| 494 |
* var propValue = props[propName]; |
| 495 |
* if (propValue != null && typeof propValue !== 'string' && |
| 496 |
* !(propValue instanceof URI)) { |
| 497 |
* return new Error( |
| 498 |
* 'Expected a string or an URI for ' + propName + ' in ' + |
| 499 |
* componentName |
| 500 |
* ); |
| 501 |
* } |
| 502 |
* } |
| 503 |
* }, |
| 504 |
* render: function() {...} |
| 505 |
* }); |
| 506 |
* |
| 507 |
* @internal |
| 508 |
*/ |
| 509 |
var ANONYMOUS = "<<anonymous>>"; |
| 510 |
var ReactPropTypes = { |
| 511 |
array: createPrimitiveTypeChecker("array"), |
| 512 |
bigint: createPrimitiveTypeChecker("bigint"), |
| 513 |
bool: createPrimitiveTypeChecker("boolean"), |
| 514 |
func: createPrimitiveTypeChecker("function"), |
| 515 |
number: createPrimitiveTypeChecker("number"), |
| 516 |
object: createPrimitiveTypeChecker("object"), |
| 517 |
string: createPrimitiveTypeChecker("string"), |
| 518 |
symbol: createPrimitiveTypeChecker("symbol"), |
| 519 |
any: createAnyTypeChecker(), |
| 520 |
arrayOf: createArrayOfTypeChecker, |
| 521 |
element: createElementTypeChecker(), |
| 522 |
elementType: createElementTypeTypeChecker(), |
| 523 |
instanceOf: createInstanceTypeChecker, |
| 524 |
node: createNodeChecker(), |
| 525 |
objectOf: createObjectOfTypeChecker, |
| 526 |
oneOf: createEnumTypeChecker, |
| 527 |
oneOfType: createUnionTypeChecker, |
| 528 |
shape: createShapeTypeChecker, |
| 529 |
exact: createStrictShapeTypeChecker |
| 530 |
}; |
| 531 |
/** |
| 532 |
* inlined Object.is polyfill to avoid requiring consumers ship their own |
| 533 |
* https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is |
| 534 |
*/ |
| 535 |
function is(x, y) { |
| 536 |
if (x === y) return x !== 0 || 1 / x === 1 / y; |
| 537 |
else return x !== x && y !== y; |
| 538 |
} |
| 539 |
/** |
| 540 |
* We use an Error-like object for backward compatibility as people may call |
| 541 |
* PropTypes directly and inspect their output. However, we don't use real |
| 542 |
* Errors anymore. We don't inspect their stack anyway, and creating them |
| 543 |
* is prohibitively expensive if they are created too often, such as what |
| 544 |
* happens in oneOfType() for any type before the one that matched. |
| 545 |
*/ |
| 546 |
function PropTypeError(message, data) { |
| 547 |
this.message = message; |
| 548 |
this.data = data && typeof data === "object" ? data : {}; |
| 549 |
this.stack = ""; |
| 550 |
} |
| 551 |
PropTypeError.prototype = Error.prototype; |
| 552 |
function createChainableTypeChecker(validate) { |
| 553 |
var manualPropTypeCallCache = {}; |
| 554 |
var manualPropTypeWarningCount = 0; |
| 555 |
function checkType(isRequired, props, propName, componentName, location, propFullName, secret) { |
| 556 |
componentName = componentName || ANONYMOUS; |
| 557 |
propFullName = propFullName || propName; |
| 558 |
if (secret !== ReactPropTypesSecret) { |
| 559 |
if (throwOnDirectAccess) { |
| 560 |
var err = /* @__PURE__ */ new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"); |
| 561 |
err.name = "Invariant Violation"; |
| 562 |
throw err; |
| 563 |
} else if (typeof console !== "undefined") { |
| 564 |
var cacheKey = componentName + ":" + propName; |
| 565 |
if (!manualPropTypeCallCache[cacheKey] && manualPropTypeWarningCount < 3) { |
| 566 |
printWarning("You are manually calling a React.PropTypes validation function for the `" + propFullName + "` prop on `" + componentName + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."); |
| 567 |
manualPropTypeCallCache[cacheKey] = true; |
| 568 |
manualPropTypeWarningCount++; |
| 569 |
} |
| 570 |
} |
| 571 |
} |
| 572 |
if (props[propName] == null) { |
| 573 |
if (isRequired) { |
| 574 |
if (props[propName] === null) return new PropTypeError("The " + location + " `" + propFullName + "` is marked as required " + ("in `" + componentName + "`, but its value is `null`.")); |
| 575 |
return new PropTypeError("The " + location + " `" + propFullName + "` is marked as required in " + ("`" + componentName + "`, but its value is `undefined`.")); |
| 576 |
} |
| 577 |
return null; |
| 578 |
} else return validate(props, propName, componentName, location, propFullName); |
| 579 |
} |
| 580 |
var chainedCheckType = checkType.bind(null, false); |
| 581 |
chainedCheckType.isRequired = checkType.bind(null, true); |
| 582 |
return chainedCheckType; |
| 583 |
} |
| 584 |
function createPrimitiveTypeChecker(expectedType) { |
| 585 |
function validate(props, propName, componentName, location, propFullName, secret) { |
| 586 |
var propValue = props[propName]; |
| 587 |
if (getPropType(propValue) !== expectedType) { |
| 588 |
var preciseType = getPreciseType(propValue); |
| 589 |
return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + preciseType + "` supplied to `" + componentName + "`, expected ") + ("`" + expectedType + "`."), { expectedType }); |
| 590 |
} |
| 591 |
return null; |
| 592 |
} |
| 593 |
return createChainableTypeChecker(validate); |
| 594 |
} |
| 595 |
function createAnyTypeChecker() { |
| 596 |
return createChainableTypeChecker(emptyFunctionThatReturnsNull); |
| 597 |
} |
| 598 |
function createArrayOfTypeChecker(typeChecker) { |
| 599 |
function validate(props, propName, componentName, location, propFullName) { |
| 600 |
if (typeof typeChecker !== "function") return new PropTypeError("Property `" + propFullName + "` of component `" + componentName + "` has invalid PropType notation inside arrayOf."); |
| 601 |
var propValue = props[propName]; |
| 602 |
if (!Array.isArray(propValue)) { |
| 603 |
var propType = getPropType(propValue); |
| 604 |
return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected an array.")); |
| 605 |
} |
| 606 |
for (var i = 0; i < propValue.length; i++) { |
| 607 |
var error = typeChecker(propValue, i, componentName, location, propFullName + "[" + i + "]", ReactPropTypesSecret); |
| 608 |
if (error instanceof Error) return error; |
| 609 |
} |
| 610 |
return null; |
| 611 |
} |
| 612 |
return createChainableTypeChecker(validate); |
| 613 |
} |
| 614 |
function createElementTypeChecker() { |
| 615 |
function validate(props, propName, componentName, location, propFullName) { |
| 616 |
var propValue = props[propName]; |
| 617 |
if (!isValidElement(propValue)) { |
| 618 |
var propType = getPropType(propValue); |
| 619 |
return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected a single ReactElement.")); |
| 620 |
} |
| 621 |
return null; |
| 622 |
} |
| 623 |
return createChainableTypeChecker(validate); |
| 624 |
} |
| 625 |
function createElementTypeTypeChecker() { |
| 626 |
function validate(props, propName, componentName, location, propFullName) { |
| 627 |
var propValue = props[propName]; |
| 628 |
if (!ReactIs.isValidElementType(propValue)) { |
| 629 |
var propType = getPropType(propValue); |
| 630 |
return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected a single ReactElement type.")); |
| 631 |
} |
| 632 |
return null; |
| 633 |
} |
| 634 |
return createChainableTypeChecker(validate); |
| 635 |
} |
| 636 |
function createInstanceTypeChecker(expectedClass) { |
| 637 |
function validate(props, propName, componentName, location, propFullName) { |
| 638 |
if (!(props[propName] instanceof expectedClass)) { |
| 639 |
var expectedClassName = expectedClass.name || ANONYMOUS; |
| 640 |
var actualClassName = getClassName(props[propName]); |
| 641 |
return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + actualClassName + "` supplied to `" + componentName + "`, expected ") + ("instance of `" + expectedClassName + "`.")); |
| 642 |
} |
| 643 |
return null; |
| 644 |
} |
| 645 |
return createChainableTypeChecker(validate); |
| 646 |
} |
| 647 |
function createEnumTypeChecker(expectedValues) { |
| 648 |
if (!Array.isArray(expectedValues)) { |
| 649 |
if (arguments.length > 1) printWarning("Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."); |
| 650 |
else printWarning("Invalid argument supplied to oneOf, expected an array."); |
| 651 |
return emptyFunctionThatReturnsNull; |
| 652 |
} |
| 653 |
function validate(props, propName, componentName, location, propFullName) { |
| 654 |
var propValue = props[propName]; |
| 655 |
for (var i = 0; i < expectedValues.length; i++) if (is(propValue, expectedValues[i])) return null; |
| 656 |
var valuesString = JSON.stringify(expectedValues, function replacer(key, value) { |
| 657 |
if (getPreciseType(value) === "symbol") return String(value); |
| 658 |
return value; |
| 659 |
}); |
| 660 |
return new PropTypeError("Invalid " + location + " `" + propFullName + "` of value `" + String(propValue) + "` " + ("supplied to `" + componentName + "`, expected one of " + valuesString + ".")); |
| 661 |
} |
| 662 |
return createChainableTypeChecker(validate); |
| 663 |
} |
| 664 |
function createObjectOfTypeChecker(typeChecker) { |
| 665 |
function validate(props, propName, componentName, location, propFullName) { |
| 666 |
if (typeof typeChecker !== "function") return new PropTypeError("Property `" + propFullName + "` of component `" + componentName + "` has invalid PropType notation inside objectOf."); |
| 667 |
var propValue = props[propName]; |
| 668 |
var propType = getPropType(propValue); |
| 669 |
if (propType !== "object") return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected an object.")); |
| 670 |
for (var key in propValue) if (has(propValue, key)) { |
| 671 |
var error = typeChecker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret); |
| 672 |
if (error instanceof Error) return error; |
| 673 |
} |
| 674 |
return null; |
| 675 |
} |
| 676 |
return createChainableTypeChecker(validate); |
| 677 |
} |
| 678 |
function createUnionTypeChecker(arrayOfTypeCheckers) { |
| 679 |
if (!Array.isArray(arrayOfTypeCheckers)) { |
| 680 |
printWarning("Invalid argument supplied to oneOfType, expected an instance of array."); |
| 681 |
return emptyFunctionThatReturnsNull; |
| 682 |
} |
| 683 |
for (var i = 0; i < arrayOfTypeCheckers.length; i++) { |
| 684 |
var checker = arrayOfTypeCheckers[i]; |
| 685 |
if (typeof checker !== "function") { |
| 686 |
printWarning("Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + getPostfixForTypeWarning(checker) + " at index " + i + "."); |
| 687 |
return emptyFunctionThatReturnsNull; |
| 688 |
} |
| 689 |
} |
| 690 |
function validate(props, propName, componentName, location, propFullName) { |
| 691 |
var expectedTypes = []; |
| 692 |
for (var i = 0; i < arrayOfTypeCheckers.length; i++) { |
| 693 |
var checker = arrayOfTypeCheckers[i]; |
| 694 |
var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret); |
| 695 |
if (checkerResult == null) return null; |
| 696 |
if (checkerResult.data && has(checkerResult.data, "expectedType")) expectedTypes.push(checkerResult.data.expectedType); |
| 697 |
} |
| 698 |
var expectedTypesMessage = expectedTypes.length > 0 ? ", expected one of type [" + expectedTypes.join(", ") + "]" : ""; |
| 699 |
return new PropTypeError("Invalid " + location + " `" + propFullName + "` supplied to " + ("`" + componentName + "`" + expectedTypesMessage + ".")); |
| 700 |
} |
| 701 |
return createChainableTypeChecker(validate); |
| 702 |
} |
| 703 |
function createNodeChecker() { |
| 704 |
function validate(props, propName, componentName, location, propFullName) { |
| 705 |
if (!isNode(props[propName])) return new PropTypeError("Invalid " + location + " `" + propFullName + "` supplied to " + ("`" + componentName + "`, expected a ReactNode.")); |
| 706 |
return null; |
| 707 |
} |
| 708 |
return createChainableTypeChecker(validate); |
| 709 |
} |
| 710 |
function invalidValidatorError(componentName, location, propFullName, key, type) { |
| 711 |
return new PropTypeError((componentName || "React class") + ": " + location + " type `" + propFullName + "." + key + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + type + "`."); |
| 712 |
} |
| 713 |
function createShapeTypeChecker(shapeTypes) { |
| 714 |
function validate(props, propName, componentName, location, propFullName) { |
| 715 |
var propValue = props[propName]; |
| 716 |
var propType = getPropType(propValue); |
| 717 |
if (propType !== "object") return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type `" + propType + "` " + ("supplied to `" + componentName + "`, expected `object`.")); |
| 718 |
for (var key in shapeTypes) { |
| 719 |
var checker = shapeTypes[key]; |
| 720 |
if (typeof checker !== "function") return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker)); |
| 721 |
var error = checker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret); |
| 722 |
if (error) return error; |
| 723 |
} |
| 724 |
return null; |
| 725 |
} |
| 726 |
return createChainableTypeChecker(validate); |
| 727 |
} |
| 728 |
function createStrictShapeTypeChecker(shapeTypes) { |
| 729 |
function validate(props, propName, componentName, location, propFullName) { |
| 730 |
var propValue = props[propName]; |
| 731 |
var propType = getPropType(propValue); |
| 732 |
if (propType !== "object") return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type `" + propType + "` " + ("supplied to `" + componentName + "`, expected `object`.")); |
| 733 |
for (var key in assign({}, props[propName], shapeTypes)) { |
| 734 |
var checker = shapeTypes[key]; |
| 735 |
if (has(shapeTypes, key) && typeof checker !== "function") return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker)); |
| 736 |
if (!checker) return new PropTypeError("Invalid " + location + " `" + propFullName + "` key `" + key + "` supplied to `" + componentName + "`.\nBad object: " + JSON.stringify(props[propName], null, " ") + "\nValid keys: " + JSON.stringify(Object.keys(shapeTypes), null, " ")); |
| 737 |
var error = checker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret); |
| 738 |
if (error) return error; |
| 739 |
} |
| 740 |
return null; |
| 741 |
} |
| 742 |
return createChainableTypeChecker(validate); |
| 743 |
} |
| 744 |
function isNode(propValue) { |
| 745 |
switch (typeof propValue) { |
| 746 |
case "number": |
| 747 |
case "string": |
| 748 |
case "undefined": return true; |
| 749 |
case "boolean": return !propValue; |
| 750 |
case "object": |
| 751 |
if (Array.isArray(propValue)) return propValue.every(isNode); |
| 752 |
if (propValue === null || isValidElement(propValue)) return true; |
| 753 |
var iteratorFn = getIteratorFn(propValue); |
| 754 |
if (iteratorFn) { |
| 755 |
var iterator = iteratorFn.call(propValue); |
| 756 |
var step; |
| 757 |
if (iteratorFn !== propValue.entries) { |
| 758 |
while (!(step = iterator.next()).done) if (!isNode(step.value)) return false; |
| 759 |
} else while (!(step = iterator.next()).done) { |
| 760 |
var entry = step.value; |
| 761 |
if (entry) { |
| 762 |
if (!isNode(entry[1])) return false; |
| 763 |
} |
| 764 |
} |
| 765 |
} else return false; |
| 766 |
return true; |
| 767 |
default: return false; |
| 768 |
} |
| 769 |
} |
| 770 |
function isSymbol(propType, propValue) { |
| 771 |
if (propType === "symbol") return true; |
| 772 |
if (!propValue) return false; |
| 773 |
if (propValue["@@toStringTag"] === "Symbol") return true; |
| 774 |
if (typeof Symbol === "function" && propValue instanceof Symbol) return true; |
| 775 |
return false; |
| 776 |
} |
| 777 |
function getPropType(propValue) { |
| 778 |
var propType = typeof propValue; |
| 779 |
if (Array.isArray(propValue)) return "array"; |
| 780 |
if (propValue instanceof RegExp) return "object"; |
| 781 |
if (isSymbol(propType, propValue)) return "symbol"; |
| 782 |
return propType; |
| 783 |
} |
| 784 |
function getPreciseType(propValue) { |
| 785 |
if (typeof propValue === "undefined" || propValue === null) return "" + propValue; |
| 786 |
var propType = getPropType(propValue); |
| 787 |
if (propType === "object") { |
| 788 |
if (propValue instanceof Date) return "date"; |
| 789 |
else if (propValue instanceof RegExp) return "regexp"; |
| 790 |
} |
| 791 |
return propType; |
| 792 |
} |
| 793 |
function getPostfixForTypeWarning(value) { |
| 794 |
var type = getPreciseType(value); |
| 795 |
switch (type) { |
| 796 |
case "array": |
| 797 |
case "object": return "an " + type; |
| 798 |
case "boolean": |
| 799 |
case "date": |
| 800 |
case "regexp": return "a " + type; |
| 801 |
default: return type; |
| 802 |
} |
| 803 |
} |
| 804 |
function getClassName(propValue) { |
| 805 |
if (!propValue.constructor || !propValue.constructor.name) return ANONYMOUS; |
| 806 |
return propValue.constructor.name; |
| 807 |
} |
| 808 |
ReactPropTypes.checkPropTypes = checkPropTypes; |
| 809 |
ReactPropTypes.resetWarningCache = checkPropTypes.resetWarningCache; |
| 810 |
ReactPropTypes.PropTypes = ReactPropTypes; |
| 811 |
return ReactPropTypes; |
| 812 |
}; |
| 813 |
})); |
| 814 |
|
| 815 |
//#endregion |
| 816 |
//#region node_modules/prop-types/index.js |
| 817 |
var require_prop_types = /* @__PURE__ */ __commonJSMin(((exports, module) => { |
| 818 |
var ReactIs = require_react_is(); |
| 819 |
var throwOnDirectAccess = true; |
| 820 |
module.exports = require_factoryWithTypeCheckers()(ReactIs.isElement, throwOnDirectAccess); |
| 821 |
})); |
| 822 |
|
| 823 |
//#endregion |
| 824 |
//#region node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js |
| 825 |
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types()); |
| 826 |
function _assertThisInitialized(e) { |
| 827 |
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); |
| 828 |
return e; |
| 829 |
} |
| 830 |
|
| 831 |
//#endregion |
| 832 |
//#region node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js |
| 833 |
function _possibleConstructorReturn$1(t, e) { |
| 834 |
if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; |
| 835 |
if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); |
| 836 |
return _assertThisInitialized(t); |
| 837 |
} |
| 838 |
__name(_possibleConstructorReturn$1, "_possibleConstructorReturn"); |
| 839 |
|
| 840 |
//#endregion |
| 841 |
//#region node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js |
| 842 |
function _getPrototypeOf(t) { |
| 843 |
return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t) { |
| 844 |
return t.__proto__ || Object.getPrototypeOf(t); |
| 845 |
}, _getPrototypeOf(t); |
| 846 |
} |
| 847 |
|
| 848 |
//#endregion |
| 849 |
//#region node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js |
| 850 |
function _setPrototypeOf(t, e) { |
| 851 |
return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, e) { |
| 852 |
return t.__proto__ = e, t; |
| 853 |
}, _setPrototypeOf(t, e); |
| 854 |
} |
| 855 |
|
| 856 |
//#endregion |
| 857 |
//#region node_modules/@babel/runtime/helpers/esm/inherits.js |
| 858 |
function _inherits$1(t, e) { |
| 859 |
if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); |
| 860 |
t.prototype = Object.create(e && e.prototype, { constructor: { |
| 861 |
value: t, |
| 862 |
writable: !0, |
| 863 |
configurable: !0 |
| 864 |
} }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); |
| 865 |
} |
| 866 |
__name(_inherits$1, "_inherits"); |
| 867 |
|
| 868 |
//#endregion |
| 869 |
//#region node_modules/@babel/runtime/helpers/esm/extends.js |
| 870 |
function _extends$2() { |
| 871 |
return _extends$2 = Object.assign ? Object.assign.bind() : function(n) { |
| 872 |
for (var e = 1; e < arguments.length; e++) { |
| 873 |
var t = arguments[e]; |
| 874 |
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); |
| 875 |
} |
| 876 |
return n; |
| 877 |
}, _extends$2.apply(null, arguments); |
| 878 |
} |
| 879 |
__name(_extends$2, "_extends"); |
| 880 |
|
| 881 |
//#endregion |
| 882 |
//#region node_modules/invariant/browser.js |
| 883 |
/** |
| 884 |
* Copyright (c) 2013-present, Facebook, Inc. |
| 885 |
* |
| 886 |
* This source code is licensed under the MIT license found in the |
| 887 |
* LICENSE file in the root directory of this source tree. |
| 888 |
*/ |
| 889 |
var require_browser = /* @__PURE__ */ __commonJSMin(((exports, module) => { |
| 890 |
/** |
| 891 |
* Use invariant() to assert state which your program assumes to be true. |
| 892 |
* |
| 893 |
* Provide sprintf-style format (only %s is supported) and arguments |
| 894 |
* to provide information about what broke and what you were |
| 895 |
* expecting. |
| 896 |
* |
| 897 |
* The invariant message will be stripped in production, but the invariant |
| 898 |
* will remain to ensure logic does not differ in production. |
| 899 |
*/ |
| 900 |
var invariant = function(condition, format, a, b, c, d, e, f) { |
| 901 |
if (format === void 0) throw new Error("invariant requires an error message argument"); |
| 902 |
if (!condition) { |
| 903 |
var error; |
| 904 |
if (format === void 0) error = /* @__PURE__ */ new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings."); |
| 905 |
else { |
| 906 |
var args = [ |
| 907 |
a, |
| 908 |
b, |
| 909 |
c, |
| 910 |
d, |
| 911 |
e, |
| 912 |
f |
| 913 |
]; |
| 914 |
var argIndex = 0; |
| 915 |
error = new Error(format.replace(/%s/g, function() { |
| 916 |
return args[argIndex++]; |
| 917 |
})); |
| 918 |
error.name = "Invariant Violation"; |
| 919 |
} |
| 920 |
error.framesToPop = 1; |
| 921 |
throw error; |
| 922 |
} |
| 923 |
}; |
| 924 |
module.exports = invariant; |
| 925 |
})); |
| 926 |
|
| 927 |
//#endregion |
| 928 |
//#region node_modules/gud/index.js |
| 929 |
var require_gud = /* @__PURE__ */ __commonJSMin(((exports, module) => { |
| 930 |
var key = "__global_unique_id__"; |
| 931 |
module.exports = function() { |
| 932 |
return global[key] = (global[key] || 0) + 1; |
| 933 |
}; |
| 934 |
})); |
| 935 |
|
| 936 |
//#endregion |
| 937 |
//#region node_modules/warning/warning.js |
| 938 |
/** |
| 939 |
* Copyright (c) 2014-present, Facebook, Inc. |
| 940 |
* |
| 941 |
* This source code is licensed under the MIT license found in the |
| 942 |
* LICENSE file in the root directory of this source tree. |
| 943 |
*/ |
| 944 |
var require_warning = /* @__PURE__ */ __commonJSMin(((exports, module) => { |
| 945 |
/** |
| 946 |
* Similar to invariant but only logs a warning if the condition is not met. |
| 947 |
* This can be used to log issues in development environments in critical |
| 948 |
* paths. Removing the logging code for production environments will keep the |
| 949 |
* same logic and follow the same code paths. |
| 950 |
*/ |
| 951 |
var __DEV__ = true; |
| 952 |
var warning = function() {}; |
| 953 |
if (__DEV__) { |
| 954 |
var printWarning = function printWarning(format, args) { |
| 955 |
var len = arguments.length; |
| 956 |
args = new Array(len > 1 ? len - 1 : 0); |
| 957 |
for (var key = 1; key < len; key++) args[key - 1] = arguments[key]; |
| 958 |
var argIndex = 0; |
| 959 |
var message = "Warning: " + format.replace(/%s/g, function() { |
| 960 |
return args[argIndex++]; |
| 961 |
}); |
| 962 |
if (typeof console !== "undefined") console.error(message); |
| 963 |
try { |
| 964 |
throw new Error(message); |
| 965 |
} catch (x) {} |
| 966 |
}; |
| 967 |
warning = function(condition, format, args) { |
| 968 |
var len = arguments.length; |
| 969 |
args = new Array(len > 2 ? len - 2 : 0); |
| 970 |
for (var key = 2; key < len; key++) args[key - 2] = arguments[key]; |
| 971 |
if (format === void 0) throw new Error("`warning(condition, format, ...args)` requires a warning message argument"); |
| 972 |
if (!condition) printWarning.apply(null, [format].concat(args)); |
| 973 |
}; |
| 974 |
} |
| 975 |
module.exports = warning; |
| 976 |
})); |
| 977 |
|
| 978 |
//#endregion |
| 979 |
//#region node_modules/create-react-context/lib/implementation.js |
| 980 |
var require_implementation = /* @__PURE__ */ __commonJSMin(((exports, module) => { |
| 981 |
exports.__esModule = true; |
| 982 |
var _react = (globalThis.React); |
| 983 |
_interopRequireDefault(_react); |
| 984 |
var _propTypes2 = _interopRequireDefault(require_prop_types()); |
| 985 |
var _gud2 = _interopRequireDefault(require_gud()); |
| 986 |
var _warning2 = _interopRequireDefault(require_warning()); |
| 987 |
function _interopRequireDefault(obj) { |
| 988 |
return obj && obj.__esModule ? obj : { default: obj }; |
| 989 |
} |
| 990 |
function _classCallCheck(instance, Constructor) { |
| 991 |
if (!(instance instanceof Constructor)) throw new TypeError("Cannot call a class as a function"); |
| 992 |
} |
| 993 |
function _possibleConstructorReturn(self, call) { |
| 994 |
if (!self) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); |
| 995 |
return call && (typeof call === "object" || typeof call === "function") ? call : self; |
| 996 |
} |
| 997 |
function _inherits(subClass, superClass) { |
| 998 |
if (typeof superClass !== "function" && superClass !== null) throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); |
| 999 |
subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { |
| 1000 |
value: subClass, |
| 1001 |
enumerable: false, |
| 1002 |
writable: true, |
| 1003 |
configurable: true |
| 1004 |
} }); |
| 1005 |
if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; |
| 1006 |
} |
| 1007 |
var MAX_SIGNED_31_BIT_INT = 1073741823; |
| 1008 |
function objectIs(x, y) { |
| 1009 |
if (x === y) return x !== 0 || 1 / x === 1 / y; |
| 1010 |
else return x !== x && y !== y; |
| 1011 |
} |
| 1012 |
function createEventEmitter(value) { |
| 1013 |
var handlers = []; |
| 1014 |
return { |
| 1015 |
on: function on(handler) { |
| 1016 |
handlers.push(handler); |
| 1017 |
}, |
| 1018 |
off: function off(handler) { |
| 1019 |
handlers = handlers.filter(function(h) { |
| 1020 |
return h !== handler; |
| 1021 |
}); |
| 1022 |
}, |
| 1023 |
get: function get() { |
| 1024 |
return value; |
| 1025 |
}, |
| 1026 |
set: function set(newValue, changedBits) { |
| 1027 |
value = newValue; |
| 1028 |
handlers.forEach(function(handler) { |
| 1029 |
return handler(value, changedBits); |
| 1030 |
}); |
| 1031 |
} |
| 1032 |
}; |
| 1033 |
} |
| 1034 |
function onlyChild(children) { |
| 1035 |
return Array.isArray(children) ? children[0] : children; |
| 1036 |
} |
| 1037 |
function createReactContext(defaultValue, calculateChangedBits) { |
| 1038 |
var _Provider$childContex; |
| 1039 |
var _Consumer$contextType; |
| 1040 |
var contextProp = "__create-react-context-" + (0, _gud2.default)() + "__"; |
| 1041 |
var Provider = function(_Component) { |
| 1042 |
_inherits(Provider, _Component); |
| 1043 |
function Provider() { |
| 1044 |
var _temp; |
| 1045 |
var _this; |
| 1046 |
var _ret; |
| 1047 |
_classCallCheck(this, Provider); |
| 1048 |
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key]; |
| 1049 |
return _ret = (_temp = (_this = _possibleConstructorReturn(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.emitter = createEventEmitter(_this.props.value), _temp), _possibleConstructorReturn(_this, _ret); |
| 1050 |
} |
| 1051 |
Provider.prototype.getChildContext = function getChildContext() { |
| 1052 |
var _ref; |
| 1053 |
return _ref = {}, _ref[contextProp] = this.emitter, _ref; |
| 1054 |
}; |
| 1055 |
Provider.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) { |
| 1056 |
if (this.props.value !== nextProps.value) { |
| 1057 |
var oldValue = this.props.value; |
| 1058 |
var newValue = nextProps.value; |
| 1059 |
var changedBits = void 0; |
| 1060 |
if (objectIs(oldValue, newValue)) changedBits = 0; |
| 1061 |
else { |
| 1062 |
changedBits = typeof calculateChangedBits === "function" ? calculateChangedBits(oldValue, newValue) : MAX_SIGNED_31_BIT_INT; |
| 1063 |
(0, _warning2.default)((changedBits & MAX_SIGNED_31_BIT_INT) === changedBits, "calculateChangedBits: Expected the return value to be a 31-bit integer. Instead received: %s", changedBits); |
| 1064 |
changedBits |= 0; |
| 1065 |
if (changedBits !== 0) this.emitter.set(nextProps.value, changedBits); |
| 1066 |
} |
| 1067 |
} |
| 1068 |
}; |
| 1069 |
Provider.prototype.render = function render() { |
| 1070 |
return this.props.children; |
| 1071 |
}; |
| 1072 |
return Provider; |
| 1073 |
}(_react.Component); |
| 1074 |
Provider.childContextTypes = (_Provider$childContex = {}, _Provider$childContex[contextProp] = _propTypes2.default.object.isRequired, _Provider$childContex); |
| 1075 |
var Consumer = function(_Component2) { |
| 1076 |
_inherits(Consumer, _Component2); |
| 1077 |
function Consumer() { |
| 1078 |
var _temp2; |
| 1079 |
var _this2; |
| 1080 |
var _ret2; |
| 1081 |
_classCallCheck(this, Consumer); |
| 1082 |
for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) args[_key2] = arguments[_key2]; |
| 1083 |
return _ret2 = (_temp2 = (_this2 = _possibleConstructorReturn(this, _Component2.call.apply(_Component2, [this].concat(args))), _this2), _this2.state = { value: _this2.getValue() }, _this2.onUpdate = function(newValue, changedBits) { |
| 1084 |
if (((_this2.observedBits | 0) & changedBits) !== 0) _this2.setState({ value: _this2.getValue() }); |
| 1085 |
}, _temp2), _possibleConstructorReturn(_this2, _ret2); |
| 1086 |
} |
| 1087 |
Consumer.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) { |
| 1088 |
var observedBits = nextProps.observedBits; |
| 1089 |
this.observedBits = observedBits === void 0 || observedBits === null ? MAX_SIGNED_31_BIT_INT : observedBits; |
| 1090 |
}; |
| 1091 |
Consumer.prototype.componentDidMount = function componentDidMount() { |
| 1092 |
if (this.context[contextProp]) this.context[contextProp].on(this.onUpdate); |
| 1093 |
var observedBits = this.props.observedBits; |
| 1094 |
this.observedBits = observedBits === void 0 || observedBits === null ? MAX_SIGNED_31_BIT_INT : observedBits; |
| 1095 |
}; |
| 1096 |
Consumer.prototype.componentWillUnmount = function componentWillUnmount() { |
| 1097 |
if (this.context[contextProp]) this.context[contextProp].off(this.onUpdate); |
| 1098 |
}; |
| 1099 |
Consumer.prototype.getValue = function getValue() { |
| 1100 |
if (this.context[contextProp]) return this.context[contextProp].get(); |
| 1101 |
else return defaultValue; |
| 1102 |
}; |
| 1103 |
Consumer.prototype.render = function render() { |
| 1104 |
return onlyChild(this.props.children)(this.state.value); |
| 1105 |
}; |
| 1106 |
return Consumer; |
| 1107 |
}(_react.Component); |
| 1108 |
Consumer.contextTypes = (_Consumer$contextType = {}, _Consumer$contextType[contextProp] = _propTypes2.default.object, _Consumer$contextType); |
| 1109 |
return { |
| 1110 |
Provider, |
| 1111 |
Consumer |
| 1112 |
}; |
| 1113 |
} |
| 1114 |
exports.default = createReactContext; |
| 1115 |
module.exports = exports["default"]; |
| 1116 |
})); |
| 1117 |
|
| 1118 |
//#endregion |
| 1119 |
//#region node_modules/create-react-context/lib/index.js |
| 1120 |
var require_lib = /* @__PURE__ */ __commonJSMin(((exports, module) => { |
| 1121 |
exports.__esModule = true; |
| 1122 |
var _react2 = _interopRequireDefault((globalThis.React)); |
| 1123 |
var _implementation2 = _interopRequireDefault(require_implementation()); |
| 1124 |
function _interopRequireDefault(obj) { |
| 1125 |
return obj && obj.__esModule ? obj : { default: obj }; |
| 1126 |
} |
| 1127 |
exports.default = _react2.default.createContext || _implementation2.default; |
| 1128 |
module.exports = exports["default"]; |
| 1129 |
})); |
| 1130 |
|
| 1131 |
//#endregion |
| 1132 |
//#region node_modules/react-lifecycles-compat/react-lifecycles-compat.es.js |
| 1133 |
var import_browser = /* @__PURE__ */ __toESM(require_browser()); |
| 1134 |
var import_lib = /* @__PURE__ */ __toESM(require_lib()); |
| 1135 |
/** |
| 1136 |
* Copyright (c) 2013-present, Facebook, Inc. |
| 1137 |
* |
| 1138 |
* This source code is licensed under the MIT license found in the |
| 1139 |
* LICENSE file in the root directory of this source tree. |
| 1140 |
*/ |
| 1141 |
function componentWillMount() { |
| 1142 |
var state = this.constructor.getDerivedStateFromProps(this.props, this.state); |
| 1143 |
if (state !== null && state !== void 0) this.setState(state); |
| 1144 |
} |
| 1145 |
function componentWillReceiveProps(nextProps) { |
| 1146 |
function updater(prevState) { |
| 1147 |
var state = this.constructor.getDerivedStateFromProps(nextProps, prevState); |
| 1148 |
return state !== null && state !== void 0 ? state : null; |
| 1149 |
} |
| 1150 |
this.setState(updater.bind(this)); |
| 1151 |
} |
| 1152 |
function componentWillUpdate(nextProps, nextState) { |
| 1153 |
try { |
| 1154 |
var prevProps = this.props; |
| 1155 |
var prevState = this.state; |
| 1156 |
this.props = nextProps; |
| 1157 |
this.state = nextState; |
| 1158 |
this.__reactInternalSnapshotFlag = true; |
| 1159 |
this.__reactInternalSnapshot = this.getSnapshotBeforeUpdate(prevProps, prevState); |
| 1160 |
} finally { |
| 1161 |
this.props = prevProps; |
| 1162 |
this.state = prevState; |
| 1163 |
} |
| 1164 |
} |
| 1165 |
componentWillMount.__suppressDeprecationWarning = true; |
| 1166 |
componentWillReceiveProps.__suppressDeprecationWarning = true; |
| 1167 |
componentWillUpdate.__suppressDeprecationWarning = true; |
| 1168 |
function polyfill(Component) { |
| 1169 |
var prototype = Component.prototype; |
| 1170 |
if (!prototype || !prototype.isReactComponent) throw new Error("Can only polyfill class components"); |
| 1171 |
if (typeof Component.getDerivedStateFromProps !== "function" && typeof prototype.getSnapshotBeforeUpdate !== "function") return Component; |
| 1172 |
var foundWillMountName = null; |
| 1173 |
var foundWillReceivePropsName = null; |
| 1174 |
var foundWillUpdateName = null; |
| 1175 |
if (typeof prototype.componentWillMount === "function") foundWillMountName = "componentWillMount"; |
| 1176 |
else if (typeof prototype.UNSAFE_componentWillMount === "function") foundWillMountName = "UNSAFE_componentWillMount"; |
| 1177 |
if (typeof prototype.componentWillReceiveProps === "function") foundWillReceivePropsName = "componentWillReceiveProps"; |
| 1178 |
else if (typeof prototype.UNSAFE_componentWillReceiveProps === "function") foundWillReceivePropsName = "UNSAFE_componentWillReceiveProps"; |
| 1179 |
if (typeof prototype.componentWillUpdate === "function") foundWillUpdateName = "componentWillUpdate"; |
| 1180 |
else if (typeof prototype.UNSAFE_componentWillUpdate === "function") foundWillUpdateName = "UNSAFE_componentWillUpdate"; |
| 1181 |
if (foundWillMountName !== null || foundWillReceivePropsName !== null || foundWillUpdateName !== null) { |
| 1182 |
var componentName = Component.displayName || Component.name; |
| 1183 |
var newApiName = typeof Component.getDerivedStateFromProps === "function" ? "getDerivedStateFromProps()" : "getSnapshotBeforeUpdate()"; |
| 1184 |
throw Error("Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n" + componentName + " uses " + newApiName + " but also contains the following legacy lifecycles:" + (foundWillMountName !== null ? "\n " + foundWillMountName : "") + (foundWillReceivePropsName !== null ? "\n " + foundWillReceivePropsName : "") + (foundWillUpdateName !== null ? "\n " + foundWillUpdateName : "") + "\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://fb.me/react-async-component-lifecycle-hooks"); |
| 1185 |
} |
| 1186 |
if (typeof Component.getDerivedStateFromProps === "function") { |
| 1187 |
prototype.componentWillMount = componentWillMount; |
| 1188 |
prototype.componentWillReceiveProps = componentWillReceiveProps; |
| 1189 |
} |
| 1190 |
if (typeof prototype.getSnapshotBeforeUpdate === "function") { |
| 1191 |
if (typeof prototype.componentDidUpdate !== "function") throw new Error("Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype"); |
| 1192 |
prototype.componentWillUpdate = componentWillUpdate; |
| 1193 |
var componentDidUpdate = prototype.componentDidUpdate; |
| 1194 |
prototype.componentDidUpdate = function componentDidUpdatePolyfill(prevProps, prevState, maybeSnapshot) { |
| 1195 |
var snapshot = this.__reactInternalSnapshotFlag ? this.__reactInternalSnapshot : maybeSnapshot; |
| 1196 |
componentDidUpdate.call(this, prevProps, prevState, snapshot); |
| 1197 |
}; |
| 1198 |
} |
| 1199 |
return Component; |
| 1200 |
} |
| 1201 |
|
| 1202 |
//#endregion |
| 1203 |
//#region node_modules/@reach/router/es/lib/utils.js |
| 1204 |
var startsWith = function startsWith(string, search) { |
| 1205 |
return string.substr(0, search.length) === search; |
| 1206 |
}; |
| 1207 |
var pick = function pick(routes, uri) { |
| 1208 |
var match = void 0; |
| 1209 |
var default_ = void 0; |
| 1210 |
var uriPathname = uri.split("?")[0]; |
| 1211 |
var uriSegments = segmentize(uriPathname); |
| 1212 |
var isRootUri = uriSegments[0] === ""; |
| 1213 |
var ranked = rankRoutes(routes); |
| 1214 |
for (var i = 0, l = ranked.length; i < l; i++) { |
| 1215 |
var missed = false; |
| 1216 |
var route = ranked[i].route; |
| 1217 |
if (route.default) { |
| 1218 |
default_ = { |
| 1219 |
route, |
| 1220 |
params: {}, |
| 1221 |
uri |
| 1222 |
}; |
| 1223 |
continue; |
| 1224 |
} |
| 1225 |
var routeSegments = segmentize(route.path); |
| 1226 |
var params = {}; |
| 1227 |
var max = Math.max(uriSegments.length, routeSegments.length); |
| 1228 |
var index = 0; |
| 1229 |
for (; index < max; index++) { |
| 1230 |
var routeSegment = routeSegments[index]; |
| 1231 |
var uriSegment = uriSegments[index]; |
| 1232 |
if (isSplat(routeSegment)) { |
| 1233 |
var param = routeSegment.slice(1) || "*"; |
| 1234 |
params[param] = uriSegments.slice(index).map(decodeURIComponent).join("/"); |
| 1235 |
break; |
| 1236 |
} |
| 1237 |
if (uriSegment === void 0) { |
| 1238 |
missed = true; |
| 1239 |
break; |
| 1240 |
} |
| 1241 |
var dynamicMatch = paramRe.exec(routeSegment); |
| 1242 |
if (dynamicMatch && !isRootUri) { |
| 1243 |
!(reservedNames.indexOf(dynamicMatch[1]) === -1) && (0, import_browser.default)(false, "<Router> dynamic segment \"" + dynamicMatch[1] + "\" is a reserved name. Please use a different name in path \"" + route.path + "\"."); |
| 1244 |
var value = decodeURIComponent(uriSegment); |
| 1245 |
params[dynamicMatch[1]] = value; |
| 1246 |
} else if (routeSegment !== uriSegment) { |
| 1247 |
missed = true; |
| 1248 |
break; |
| 1249 |
} |
| 1250 |
} |
| 1251 |
if (!missed) { |
| 1252 |
match = { |
| 1253 |
route, |
| 1254 |
params, |
| 1255 |
uri: "/" + uriSegments.slice(0, index).join("/") |
| 1256 |
}; |
| 1257 |
break; |
| 1258 |
} |
| 1259 |
} |
| 1260 |
return match || default_ || null; |
| 1261 |
}; |
| 1262 |
var match = function match(path, uri) { |
| 1263 |
return pick([{ path }], uri); |
| 1264 |
}; |
| 1265 |
var resolve = function resolve(to, base) { |
| 1266 |
if (startsWith(to, "/")) return to; |
| 1267 |
var _to$split = to.split("?"); |
| 1268 |
var toPathname = _to$split[0]; |
| 1269 |
var toQuery = _to$split[1]; |
| 1270 |
var basePathname = base.split("?")[0]; |
| 1271 |
var toSegments = segmentize(toPathname); |
| 1272 |
var baseSegments = segmentize(basePathname); |
| 1273 |
if (toSegments[0] === "") return addQuery(basePathname, toQuery); |
| 1274 |
if (!startsWith(toSegments[0], ".")) { |
| 1275 |
var pathname = baseSegments.concat(toSegments).join("/"); |
| 1276 |
return addQuery((basePathname === "/" ? "" : "/") + pathname, toQuery); |
| 1277 |
} |
| 1278 |
var allSegments = baseSegments.concat(toSegments); |
| 1279 |
var segments = []; |
| 1280 |
for (var i = 0, l = allSegments.length; i < l; i++) { |
| 1281 |
var segment = allSegments[i]; |
| 1282 |
if (segment === "..") segments.pop(); |
| 1283 |
else if (segment !== ".") segments.push(segment); |
| 1284 |
} |
| 1285 |
return addQuery("/" + segments.join("/"), toQuery); |
| 1286 |
}; |
| 1287 |
var insertParams = function insertParams(path, params) { |
| 1288 |
var _path$split = path.split("?"); |
| 1289 |
var pathBase = _path$split[0]; |
| 1290 |
var _path$split$ = _path$split[1]; |
| 1291 |
var query = _path$split$ === void 0 ? "" : _path$split$; |
| 1292 |
var constructedPath = "/" + segmentize(pathBase).map(function(segment) { |
| 1293 |
var match = paramRe.exec(segment); |
| 1294 |
return match ? params[match[1]] : segment; |
| 1295 |
}).join("/"); |
| 1296 |
var _params$location = params.location; |
| 1297 |
_params$location = _params$location === void 0 ? {} : _params$location; |
| 1298 |
var _params$location$sear = _params$location.search; |
| 1299 |
var searchSplit = (_params$location$sear === void 0 ? "" : _params$location$sear).split("?")[1] || ""; |
| 1300 |
constructedPath = addQuery(constructedPath, query, searchSplit); |
| 1301 |
return constructedPath; |
| 1302 |
}; |
| 1303 |
var validateRedirect = function validateRedirect(from, to) { |
| 1304 |
var filter = function filter(segment) { |
| 1305 |
return isDynamic(segment); |
| 1306 |
}; |
| 1307 |
return segmentize(from).filter(filter).sort().join("/") === segmentize(to).filter(filter).sort().join("/"); |
| 1308 |
}; |
| 1309 |
var paramRe = /^:(.+)/; |
| 1310 |
var SEGMENT_POINTS = 4; |
| 1311 |
var STATIC_POINTS = 3; |
| 1312 |
var DYNAMIC_POINTS = 2; |
| 1313 |
var SPLAT_PENALTY = 1; |
| 1314 |
var ROOT_POINTS = 1; |
| 1315 |
var isRootSegment = function isRootSegment(segment) { |
| 1316 |
return segment === ""; |
| 1317 |
}; |
| 1318 |
var isDynamic = function isDynamic(segment) { |
| 1319 |
return paramRe.test(segment); |
| 1320 |
}; |
| 1321 |
var isSplat = function isSplat(segment) { |
| 1322 |
return segment && segment[0] === "*"; |
| 1323 |
}; |
| 1324 |
var rankRoute = function rankRoute(route, index) { |
| 1325 |
return { |
| 1326 |
route, |
| 1327 |
score: route.default ? 0 : segmentize(route.path).reduce(function(score, segment) { |
| 1328 |
score += SEGMENT_POINTS; |
| 1329 |
if (isRootSegment(segment)) score += ROOT_POINTS; |
| 1330 |
else if (isDynamic(segment)) score += DYNAMIC_POINTS; |
| 1331 |
else if (isSplat(segment)) score -= SEGMENT_POINTS + SPLAT_PENALTY; |
| 1332 |
else score += STATIC_POINTS; |
| 1333 |
return score; |
| 1334 |
}, 0), |
| 1335 |
index |
| 1336 |
}; |
| 1337 |
}; |
| 1338 |
var rankRoutes = function rankRoutes(routes) { |
| 1339 |
return routes.map(rankRoute).sort(function(a, b) { |
| 1340 |
return a.score < b.score ? 1 : a.score > b.score ? -1 : a.index - b.index; |
| 1341 |
}); |
| 1342 |
}; |
| 1343 |
var segmentize = function segmentize(uri) { |
| 1344 |
return uri.replace(/(^\/+|\/+$)/g, "").split("/"); |
| 1345 |
}; |
| 1346 |
var addQuery = function addQuery(pathname) { |
| 1347 |
for (var _len = arguments.length, query = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) query[_key - 1] = arguments[_key]; |
| 1348 |
query = query.filter(function(q) { |
| 1349 |
return q && q.length > 0; |
| 1350 |
}); |
| 1351 |
return pathname + (query && query.length > 0 ? "?" + query.join("&") : ""); |
| 1352 |
}; |
| 1353 |
var reservedNames = ["uri", "path"]; |
| 1354 |
/** |
| 1355 |
* Shallow compares two objects. |
| 1356 |
* @param {Object} obj1 The first object to compare. |
| 1357 |
* @param {Object} obj2 The second object to compare. |
| 1358 |
*/ |
| 1359 |
var shallowCompare = function shallowCompare(obj1, obj2) { |
| 1360 |
var obj1Keys = Object.keys(obj1); |
| 1361 |
return obj1Keys.length === Object.keys(obj2).length && obj1Keys.every(function(key) { |
| 1362 |
return obj2.hasOwnProperty(key) && obj1[key] === obj2[key]; |
| 1363 |
}); |
| 1364 |
}; |
| 1365 |
|
| 1366 |
//#endregion |
| 1367 |
//#region node_modules/@reach/router/es/lib/history.js |
| 1368 |
var _extends$1 = Object.assign || function(target) { |
| 1369 |
for (var i = 1; i < arguments.length; i++) { |
| 1370 |
var source = arguments[i]; |
| 1371 |
for (var key in source) if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key]; |
| 1372 |
} |
| 1373 |
return target; |
| 1374 |
}; |
| 1375 |
var getLocation = function getLocation(source) { |
| 1376 |
var _source$location = source.location; |
| 1377 |
var search = _source$location.search; |
| 1378 |
var hash = _source$location.hash; |
| 1379 |
var href = _source$location.href; |
| 1380 |
var origin = _source$location.origin; |
| 1381 |
var protocol = _source$location.protocol; |
| 1382 |
var host = _source$location.host; |
| 1383 |
var hostname = _source$location.hostname; |
| 1384 |
var port = _source$location.port; |
| 1385 |
var pathname = source.location.pathname; |
| 1386 |
if (!pathname && href && canUseDOM) pathname = new URL(href).pathname; |
| 1387 |
return { |
| 1388 |
pathname: encodeURI(decodeURI(pathname)), |
| 1389 |
search, |
| 1390 |
hash, |
| 1391 |
href, |
| 1392 |
origin, |
| 1393 |
protocol, |
| 1394 |
host, |
| 1395 |
hostname, |
| 1396 |
port, |
| 1397 |
state: source.history.state, |
| 1398 |
key: source.history.state && source.history.state.key || "initial" |
| 1399 |
}; |
| 1400 |
}; |
| 1401 |
var createHistory = function createHistory(source, options) { |
| 1402 |
var listeners = []; |
| 1403 |
var location = getLocation(source); |
| 1404 |
var transitioning = false; |
| 1405 |
var resolveTransition = function resolveTransition() {}; |
| 1406 |
return { |
| 1407 |
get location() { |
| 1408 |
return location; |
| 1409 |
}, |
| 1410 |
get transitioning() { |
| 1411 |
return transitioning; |
| 1412 |
}, |
| 1413 |
_onTransitionComplete: function _onTransitionComplete() { |
| 1414 |
transitioning = false; |
| 1415 |
resolveTransition(); |
| 1416 |
}, |
| 1417 |
listen: function listen(listener) { |
| 1418 |
listeners.push(listener); |
| 1419 |
var popstateListener = function popstateListener() { |
| 1420 |
location = getLocation(source); |
| 1421 |
listener({ |
| 1422 |
location, |
| 1423 |
action: "POP" |
| 1424 |
}); |
| 1425 |
}; |
| 1426 |
source.addEventListener("popstate", popstateListener); |
| 1427 |
return function() { |
| 1428 |
source.removeEventListener("popstate", popstateListener); |
| 1429 |
listeners = listeners.filter(function(fn) { |
| 1430 |
return fn !== listener; |
| 1431 |
}); |
| 1432 |
}; |
| 1433 |
}, |
| 1434 |
navigate: function navigate(to) { |
| 1435 |
var _ref = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}; |
| 1436 |
var state = _ref.state; |
| 1437 |
var _ref$replace = _ref.replace; |
| 1438 |
var replace = _ref$replace === void 0 ? false : _ref$replace; |
| 1439 |
if (typeof to === "number") source.history.go(to); |
| 1440 |
else { |
| 1441 |
state = _extends$1({}, state, { key: Date.now() + "" }); |
| 1442 |
try { |
| 1443 |
if (transitioning || replace) source.history.replaceState(state, null, to); |
| 1444 |
else source.history.pushState(state, null, to); |
| 1445 |
} catch (e) { |
| 1446 |
source.location[replace ? "replace" : "assign"](to); |
| 1447 |
} |
| 1448 |
} |
| 1449 |
location = getLocation(source); |
| 1450 |
transitioning = true; |
| 1451 |
var transition = new Promise(function(res) { |
| 1452 |
return resolveTransition = res; |
| 1453 |
}); |
| 1454 |
listeners.forEach(function(listener) { |
| 1455 |
return listener({ |
| 1456 |
location, |
| 1457 |
action: "PUSH" |
| 1458 |
}); |
| 1459 |
}); |
| 1460 |
return transition; |
| 1461 |
} |
| 1462 |
}; |
| 1463 |
}; |
| 1464 |
var createMemorySource = function createMemorySource() { |
| 1465 |
var initialPath = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "/"; |
| 1466 |
var searchIndex = initialPath.indexOf("?"); |
| 1467 |
var initialLocation = { |
| 1468 |
pathname: searchIndex > -1 ? initialPath.substr(0, searchIndex) : initialPath, |
| 1469 |
search: searchIndex > -1 ? initialPath.substr(searchIndex) : "" |
| 1470 |
}; |
| 1471 |
var index = 0; |
| 1472 |
var stack = [initialLocation]; |
| 1473 |
var states = [null]; |
| 1474 |
return { |
| 1475 |
get location() { |
| 1476 |
return stack[index]; |
| 1477 |
}, |
| 1478 |
addEventListener: function addEventListener(name, fn) {}, |
| 1479 |
removeEventListener: function removeEventListener(name, fn) {}, |
| 1480 |
history: { |
| 1481 |
get entries() { |
| 1482 |
return stack; |
| 1483 |
}, |
| 1484 |
get index() { |
| 1485 |
return index; |
| 1486 |
}, |
| 1487 |
get state() { |
| 1488 |
return states[index]; |
| 1489 |
}, |
| 1490 |
pushState: function pushState(state, _, uri) { |
| 1491 |
var _uri$split = uri.split("?"); |
| 1492 |
var pathname = _uri$split[0]; |
| 1493 |
var _uri$split$ = _uri$split[1]; |
| 1494 |
var search = _uri$split$ === void 0 ? "" : _uri$split$; |
| 1495 |
index++; |
| 1496 |
stack.push({ |
| 1497 |
pathname, |
| 1498 |
search: search.length ? "?" + search : search |
| 1499 |
}); |
| 1500 |
states.push(state); |
| 1501 |
}, |
| 1502 |
replaceState: function replaceState(state, _, uri) { |
| 1503 |
var _uri$split2 = uri.split("?"); |
| 1504 |
var pathname = _uri$split2[0]; |
| 1505 |
var _uri$split2$ = _uri$split2[1]; |
| 1506 |
stack[index] = { |
| 1507 |
pathname, |
| 1508 |
search: _uri$split2$ === void 0 ? "" : _uri$split2$ |
| 1509 |
}; |
| 1510 |
states[index] = state; |
| 1511 |
}, |
| 1512 |
go: function go(to) { |
| 1513 |
var newIndex = index + to; |
| 1514 |
if (newIndex < 0 || newIndex > states.length - 1) return; |
| 1515 |
index = newIndex; |
| 1516 |
} |
| 1517 |
} |
| 1518 |
}; |
| 1519 |
}; |
| 1520 |
var canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement); |
| 1521 |
var globalHistory = createHistory(function getSource() { |
| 1522 |
return canUseDOM ? window : createMemorySource(); |
| 1523 |
}()); |
| 1524 |
var navigate = globalHistory.navigate; |
| 1525 |
|
| 1526 |
//#endregion |
| 1527 |
//#region node_modules/@reach/router/es/index.js |
| 1528 |
var _extends = Object.assign || function(target) { |
| 1529 |
for (var i = 1; i < arguments.length; i++) { |
| 1530 |
var source = arguments[i]; |
| 1531 |
for (var key in source) if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key]; |
| 1532 |
} |
| 1533 |
return target; |
| 1534 |
}; |
| 1535 |
function _objectWithoutProperties$1(obj, keys) { |
| 1536 |
var target = {}; |
| 1537 |
for (var i in obj) { |
| 1538 |
if (keys.indexOf(i) >= 0) continue; |
| 1539 |
if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; |
| 1540 |
target[i] = obj[i]; |
| 1541 |
} |
| 1542 |
return target; |
| 1543 |
} |
| 1544 |
__name(_objectWithoutProperties$1, "_objectWithoutProperties"); |
| 1545 |
function _classCallCheck(instance, Constructor) { |
| 1546 |
if (!(instance instanceof Constructor)) throw new TypeError("Cannot call a class as a function"); |
| 1547 |
} |
| 1548 |
function _possibleConstructorReturn(self, call) { |
| 1549 |
if (!self) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); |
| 1550 |
return call && (typeof call === "object" || typeof call === "function") ? call : self; |
| 1551 |
} |
| 1552 |
function _inherits(subClass, superClass) { |
| 1553 |
if (typeof superClass !== "function" && superClass !== null) throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); |
| 1554 |
subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { |
| 1555 |
value: subClass, |
| 1556 |
enumerable: false, |
| 1557 |
writable: true, |
| 1558 |
configurable: true |
| 1559 |
} }); |
| 1560 |
if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; |
| 1561 |
} |
| 1562 |
var createNamedContext = function createNamedContext(name, defaultValue) { |
| 1563 |
var Ctx = (0, import_lib.default)(defaultValue); |
| 1564 |
Ctx.displayName = name; |
| 1565 |
return Ctx; |
| 1566 |
}; |
| 1567 |
var LocationContext = createNamedContext("Location"); |
| 1568 |
var Location = function Location(_ref) { |
| 1569 |
var children = _ref.children; |
| 1570 |
return react.default.createElement(LocationContext.Consumer, null, function(context) { |
| 1571 |
return context ? children(context) : react.default.createElement(LocationProvider, null, children); |
| 1572 |
}); |
| 1573 |
}; |
| 1574 |
var LocationProvider = function(_React$Component) { |
| 1575 |
_inherits(LocationProvider, _React$Component); |
| 1576 |
function LocationProvider() { |
| 1577 |
var _temp; |
| 1578 |
var _this; |
| 1579 |
var _ret; |
| 1580 |
_classCallCheck(this, LocationProvider); |
| 1581 |
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key]; |
| 1582 |
return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.state = { |
| 1583 |
context: _this.getContext(), |
| 1584 |
refs: { unlisten: null } |
| 1585 |
}, _temp), _possibleConstructorReturn(_this, _ret); |
| 1586 |
} |
| 1587 |
LocationProvider.prototype.getContext = function getContext() { |
| 1588 |
var _props$history = this.props.history; |
| 1589 |
return { |
| 1590 |
navigate: _props$history.navigate, |
| 1591 |
location: _props$history.location |
| 1592 |
}; |
| 1593 |
}; |
| 1594 |
LocationProvider.prototype.componentDidCatch = function componentDidCatch(error, info) { |
| 1595 |
if (isRedirect(error)) { |
| 1596 |
var _navigate = this.props.history.navigate; |
| 1597 |
_navigate(error.uri, { replace: true }); |
| 1598 |
} else throw error; |
| 1599 |
}; |
| 1600 |
LocationProvider.prototype.componentDidUpdate = function componentDidUpdate(prevProps, prevState) { |
| 1601 |
if (prevState.context.location !== this.state.context.location) this.props.history._onTransitionComplete(); |
| 1602 |
}; |
| 1603 |
LocationProvider.prototype.componentDidMount = function componentDidMount() { |
| 1604 |
var _this2 = this; |
| 1605 |
var refs = this.state.refs; |
| 1606 |
var history = this.props.history; |
| 1607 |
history._onTransitionComplete(); |
| 1608 |
refs.unlisten = history.listen(function() { |
| 1609 |
Promise.resolve().then(function() { |
| 1610 |
requestAnimationFrame(function() { |
| 1611 |
if (!_this2.unmounted) _this2.setState(function() { |
| 1612 |
return { context: _this2.getContext() }; |
| 1613 |
}); |
| 1614 |
}); |
| 1615 |
}); |
| 1616 |
}); |
| 1617 |
}; |
| 1618 |
LocationProvider.prototype.componentWillUnmount = function componentWillUnmount() { |
| 1619 |
var refs = this.state.refs; |
| 1620 |
this.unmounted = true; |
| 1621 |
refs.unlisten(); |
| 1622 |
}; |
| 1623 |
LocationProvider.prototype.render = function render() { |
| 1624 |
var context = this.state.context; |
| 1625 |
var children = this.props.children; |
| 1626 |
return react.default.createElement(LocationContext.Provider, { value: context }, typeof children === "function" ? children(context) : children || null); |
| 1627 |
}; |
| 1628 |
return LocationProvider; |
| 1629 |
}(react.default.Component); |
| 1630 |
LocationProvider.defaultProps = { history: globalHistory }; |
| 1631 |
LocationProvider.propTypes = { history: import_prop_types.default.object.isRequired }; |
| 1632 |
var BaseContext = createNamedContext("Base", { |
| 1633 |
baseuri: "/", |
| 1634 |
basepath: "/" |
| 1635 |
}); |
| 1636 |
var Router = function Router(props) { |
| 1637 |
return react.default.createElement(BaseContext.Consumer, null, function(baseContext) { |
| 1638 |
return react.default.createElement(Location, null, function(locationContext) { |
| 1639 |
return react.default.createElement(RouterImpl, _extends({}, baseContext, locationContext, props)); |
| 1640 |
}); |
| 1641 |
}); |
| 1642 |
}; |
| 1643 |
var RouterImpl = function(_React$PureComponent) { |
| 1644 |
_inherits(RouterImpl, _React$PureComponent); |
| 1645 |
function RouterImpl() { |
| 1646 |
_classCallCheck(this, RouterImpl); |
| 1647 |
return _possibleConstructorReturn(this, _React$PureComponent.apply(this, arguments)); |
| 1648 |
} |
| 1649 |
RouterImpl.prototype.render = function render() { |
| 1650 |
var _props = this.props; |
| 1651 |
var location = _props.location; |
| 1652 |
var _navigate2 = _props.navigate; |
| 1653 |
var basepath = _props.basepath; |
| 1654 |
var primary = _props.primary; |
| 1655 |
var children = _props.children; |
| 1656 |
_props.baseuri; |
| 1657 |
var _props$component = _props.component; |
| 1658 |
var component = _props$component === void 0 ? "div" : _props$component; |
| 1659 |
var domProps = _objectWithoutProperties$1(_props, [ |
| 1660 |
"location", |
| 1661 |
"navigate", |
| 1662 |
"basepath", |
| 1663 |
"primary", |
| 1664 |
"children", |
| 1665 |
"baseuri", |
| 1666 |
"component" |
| 1667 |
]); |
| 1668 |
var routes = react.default.Children.toArray(children).reduce(function(array, child) { |
| 1669 |
var routes = createRoute(basepath)(child); |
| 1670 |
return array.concat(routes); |
| 1671 |
}, []); |
| 1672 |
var pathname = location.pathname; |
| 1673 |
var match = pick(routes, pathname); |
| 1674 |
if (match) { |
| 1675 |
var params = match.params; |
| 1676 |
var uri = match.uri; |
| 1677 |
var route = match.route; |
| 1678 |
var element = match.route.value; |
| 1679 |
basepath = route.default ? basepath : route.path.replace(/\*$/, ""); |
| 1680 |
var props = _extends({}, params, { |
| 1681 |
uri, |
| 1682 |
location, |
| 1683 |
navigate: function navigate(to, options) { |
| 1684 |
return _navigate2(resolve(to, uri), options); |
| 1685 |
} |
| 1686 |
}); |
| 1687 |
var clone = react.default.cloneElement(element, props, element.props.children ? react.default.createElement(Router, { |
| 1688 |
location, |
| 1689 |
primary |
| 1690 |
}, element.props.children) : void 0); |
| 1691 |
var FocusWrapper = primary ? FocusHandler : component; |
| 1692 |
var wrapperProps = primary ? _extends({ |
| 1693 |
uri, |
| 1694 |
location, |
| 1695 |
component |
| 1696 |
}, domProps) : domProps; |
| 1697 |
return react.default.createElement(BaseContext.Provider, { value: { |
| 1698 |
baseuri: uri, |
| 1699 |
basepath |
| 1700 |
} }, react.default.createElement(FocusWrapper, wrapperProps, clone)); |
| 1701 |
} else return null; |
| 1702 |
}; |
| 1703 |
return RouterImpl; |
| 1704 |
}(react.default.PureComponent); |
| 1705 |
RouterImpl.defaultProps = { primary: true }; |
| 1706 |
var FocusContext = createNamedContext("Focus"); |
| 1707 |
var FocusHandler = function FocusHandler(_ref3) { |
| 1708 |
var uri = _ref3.uri; |
| 1709 |
var location = _ref3.location; |
| 1710 |
var component = _ref3.component; |
| 1711 |
var domProps = _objectWithoutProperties$1(_ref3, [ |
| 1712 |
"uri", |
| 1713 |
"location", |
| 1714 |
"component" |
| 1715 |
]); |
| 1716 |
return react.default.createElement(FocusContext.Consumer, null, function(requestFocus) { |
| 1717 |
return react.default.createElement(FocusHandlerImpl, _extends({}, domProps, { |
| 1718 |
component, |
| 1719 |
requestFocus, |
| 1720 |
uri, |
| 1721 |
location |
| 1722 |
})); |
| 1723 |
}); |
| 1724 |
}; |
| 1725 |
var initialRender = true; |
| 1726 |
var focusHandlerCount = 0; |
| 1727 |
var FocusHandlerImpl = function(_React$Component2) { |
| 1728 |
_inherits(FocusHandlerImpl, _React$Component2); |
| 1729 |
function FocusHandlerImpl() { |
| 1730 |
var _temp2; |
| 1731 |
var _this4; |
| 1732 |
var _ret2; |
| 1733 |
_classCallCheck(this, FocusHandlerImpl); |
| 1734 |
for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) args[_key2] = arguments[_key2]; |
| 1735 |
return _ret2 = (_temp2 = (_this4 = _possibleConstructorReturn(this, _React$Component2.call.apply(_React$Component2, [this].concat(args))), _this4), _this4.state = {}, _this4.requestFocus = function(node) { |
| 1736 |
if (!_this4.state.shouldFocus && node) node.focus(); |
| 1737 |
}, _temp2), _possibleConstructorReturn(_this4, _ret2); |
| 1738 |
} |
| 1739 |
FocusHandlerImpl.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) { |
| 1740 |
if (prevState.uri == null) return _extends({ shouldFocus: true }, nextProps); |
| 1741 |
else { |
| 1742 |
var myURIChanged = nextProps.uri !== prevState.uri; |
| 1743 |
var navigatedUpToMe = prevState.location.pathname !== nextProps.location.pathname && nextProps.location.pathname === nextProps.uri; |
| 1744 |
return _extends({ shouldFocus: myURIChanged || navigatedUpToMe }, nextProps); |
| 1745 |
} |
| 1746 |
}; |
| 1747 |
FocusHandlerImpl.prototype.componentDidMount = function componentDidMount() { |
| 1748 |
focusHandlerCount++; |
| 1749 |
this.focus(); |
| 1750 |
}; |
| 1751 |
FocusHandlerImpl.prototype.componentWillUnmount = function componentWillUnmount() { |
| 1752 |
focusHandlerCount--; |
| 1753 |
if (focusHandlerCount === 0) initialRender = true; |
| 1754 |
}; |
| 1755 |
FocusHandlerImpl.prototype.componentDidUpdate = function componentDidUpdate(prevProps, prevState) { |
| 1756 |
if (prevProps.location !== this.props.location && this.state.shouldFocus) this.focus(); |
| 1757 |
}; |
| 1758 |
FocusHandlerImpl.prototype.focus = function focus() { |
| 1759 |
var requestFocus = this.props.requestFocus; |
| 1760 |
if (requestFocus) requestFocus(this.node); |
| 1761 |
else if (initialRender) initialRender = false; |
| 1762 |
else if (this.node) { |
| 1763 |
if (!this.node.contains(document.activeElement)) this.node.focus(); |
| 1764 |
} |
| 1765 |
}; |
| 1766 |
FocusHandlerImpl.prototype.render = function render() { |
| 1767 |
var _this5 = this; |
| 1768 |
var _props2 = this.props; |
| 1769 |
_props2.children; |
| 1770 |
var style = _props2.style; |
| 1771 |
_props2.requestFocus; |
| 1772 |
var _props2$component = _props2.component; |
| 1773 |
var Comp = _props2$component === void 0 ? "div" : _props2$component; |
| 1774 |
_props2.uri; |
| 1775 |
_props2.location; |
| 1776 |
var domProps = _objectWithoutProperties$1(_props2, [ |
| 1777 |
"children", |
| 1778 |
"style", |
| 1779 |
"requestFocus", |
| 1780 |
"component", |
| 1781 |
"uri", |
| 1782 |
"location" |
| 1783 |
]); |
| 1784 |
return react.default.createElement(Comp, _extends({ |
| 1785 |
style: _extends({ outline: "none" }, style), |
| 1786 |
tabIndex: "-1", |
| 1787 |
ref: function ref(n) { |
| 1788 |
return _this5.node = n; |
| 1789 |
} |
| 1790 |
}, domProps), react.default.createElement(FocusContext.Provider, { value: this.requestFocus }, this.props.children)); |
| 1791 |
}; |
| 1792 |
return FocusHandlerImpl; |
| 1793 |
}(react.default.Component); |
| 1794 |
polyfill(FocusHandlerImpl); |
| 1795 |
var k = function k() {}; |
| 1796 |
var forwardRef$1 = react.default.forwardRef; |
| 1797 |
if (typeof forwardRef$1 === "undefined") forwardRef$1 = function forwardRef(C) { |
| 1798 |
return C; |
| 1799 |
}; |
| 1800 |
var Link = forwardRef$1(function(_ref4, ref) { |
| 1801 |
var innerRef = _ref4.innerRef; |
| 1802 |
var props = _objectWithoutProperties$1(_ref4, ["innerRef"]); |
| 1803 |
return react.default.createElement(BaseContext.Consumer, null, function(_ref5) { |
| 1804 |
_ref5.basepath; |
| 1805 |
var baseuri = _ref5.baseuri; |
| 1806 |
return react.default.createElement(Location, null, function(_ref6) { |
| 1807 |
var location = _ref6.location; |
| 1808 |
var navigate = _ref6.navigate; |
| 1809 |
var to = props.to; |
| 1810 |
var state = props.state; |
| 1811 |
var replace = props.replace; |
| 1812 |
var _props$getProps = props.getProps; |
| 1813 |
var getProps = _props$getProps === void 0 ? k : _props$getProps; |
| 1814 |
var anchorProps = _objectWithoutProperties$1(props, [ |
| 1815 |
"to", |
| 1816 |
"state", |
| 1817 |
"replace", |
| 1818 |
"getProps" |
| 1819 |
]); |
| 1820 |
var href = resolve(to, baseuri); |
| 1821 |
var encodedHref = encodeURI(href); |
| 1822 |
var isCurrent = location.pathname === encodedHref; |
| 1823 |
var isPartiallyCurrent = startsWith(location.pathname, encodedHref); |
| 1824 |
return react.default.createElement("a", _extends({ |
| 1825 |
ref: ref || innerRef, |
| 1826 |
"aria-current": isCurrent ? "page" : void 0 |
| 1827 |
}, anchorProps, getProps({ |
| 1828 |
isCurrent, |
| 1829 |
isPartiallyCurrent, |
| 1830 |
href, |
| 1831 |
location |
| 1832 |
}), { |
| 1833 |
href, |
| 1834 |
onClick: function onClick(event) { |
| 1835 |
if (anchorProps.onClick) anchorProps.onClick(event); |
| 1836 |
if (shouldNavigate(event)) { |
| 1837 |
event.preventDefault(); |
| 1838 |
var shouldReplace = replace; |
| 1839 |
if (typeof replace !== "boolean" && isCurrent) { |
| 1840 |
var _location$state = _extends({}, location.state); |
| 1841 |
_location$state.key; |
| 1842 |
var restState = _objectWithoutProperties$1(_location$state, ["key"]); |
| 1843 |
shouldReplace = shallowCompare(_extends({}, state), restState); |
| 1844 |
} |
| 1845 |
navigate(href, { |
| 1846 |
state, |
| 1847 |
replace: shouldReplace |
| 1848 |
}); |
| 1849 |
} |
| 1850 |
} |
| 1851 |
})); |
| 1852 |
}); |
| 1853 |
}); |
| 1854 |
}); |
| 1855 |
Link.displayName = "Link"; |
| 1856 |
Link.propTypes = { to: import_prop_types.default.string.isRequired }; |
| 1857 |
function RedirectRequest(uri) { |
| 1858 |
this.uri = uri; |
| 1859 |
} |
| 1860 |
var isRedirect = function isRedirect(o) { |
| 1861 |
return o instanceof RedirectRequest; |
| 1862 |
}; |
| 1863 |
var redirectTo = function redirectTo(to) { |
| 1864 |
throw new RedirectRequest(to); |
| 1865 |
}; |
| 1866 |
var RedirectImpl = function(_React$Component3) { |
| 1867 |
_inherits(RedirectImpl, _React$Component3); |
| 1868 |
function RedirectImpl() { |
| 1869 |
_classCallCheck(this, RedirectImpl); |
| 1870 |
return _possibleConstructorReturn(this, _React$Component3.apply(this, arguments)); |
| 1871 |
} |
| 1872 |
RedirectImpl.prototype.componentDidMount = function componentDidMount() { |
| 1873 |
var _props3 = this.props; |
| 1874 |
var navigate = _props3.navigate; |
| 1875 |
var to = _props3.to; |
| 1876 |
_props3.from; |
| 1877 |
var _props3$replace = _props3.replace; |
| 1878 |
var replace = _props3$replace === void 0 ? true : _props3$replace; |
| 1879 |
var state = _props3.state; |
| 1880 |
_props3.noThrow; |
| 1881 |
var baseuri = _props3.baseuri; |
| 1882 |
var props = _objectWithoutProperties$1(_props3, [ |
| 1883 |
"navigate", |
| 1884 |
"to", |
| 1885 |
"from", |
| 1886 |
"replace", |
| 1887 |
"state", |
| 1888 |
"noThrow", |
| 1889 |
"baseuri" |
| 1890 |
]); |
| 1891 |
Promise.resolve().then(function() { |
| 1892 |
navigate(insertParams(resolve(to, baseuri), props), { |
| 1893 |
replace, |
| 1894 |
state |
| 1895 |
}); |
| 1896 |
}); |
| 1897 |
}; |
| 1898 |
RedirectImpl.prototype.render = function render() { |
| 1899 |
var _props4 = this.props; |
| 1900 |
_props4.navigate; |
| 1901 |
var to = _props4.to; |
| 1902 |
_props4.from; |
| 1903 |
_props4.replace; |
| 1904 |
_props4.state; |
| 1905 |
var noThrow = _props4.noThrow; |
| 1906 |
var baseuri = _props4.baseuri; |
| 1907 |
var props = _objectWithoutProperties$1(_props4, [ |
| 1908 |
"navigate", |
| 1909 |
"to", |
| 1910 |
"from", |
| 1911 |
"replace", |
| 1912 |
"state", |
| 1913 |
"noThrow", |
| 1914 |
"baseuri" |
| 1915 |
]); |
| 1916 |
var resolvedTo = resolve(to, baseuri); |
| 1917 |
if (!noThrow) redirectTo(insertParams(resolvedTo, props)); |
| 1918 |
return null; |
| 1919 |
}; |
| 1920 |
return RedirectImpl; |
| 1921 |
}(react.default.Component); |
| 1922 |
var Redirect = function Redirect(props) { |
| 1923 |
return react.default.createElement(BaseContext.Consumer, null, function(_ref7) { |
| 1924 |
var baseuri = _ref7.baseuri; |
| 1925 |
return react.default.createElement(Location, null, function(locationContext) { |
| 1926 |
return react.default.createElement(RedirectImpl, _extends({}, locationContext, { baseuri }, props)); |
| 1927 |
}); |
| 1928 |
}); |
| 1929 |
}; |
| 1930 |
Redirect.propTypes = { |
| 1931 |
from: import_prop_types.default.string, |
| 1932 |
to: import_prop_types.default.string.isRequired |
| 1933 |
}; |
| 1934 |
var Match = function Match(_ref8) { |
| 1935 |
var path = _ref8.path; |
| 1936 |
var children = _ref8.children; |
| 1937 |
return react.default.createElement(BaseContext.Consumer, null, function(_ref9) { |
| 1938 |
var baseuri = _ref9.baseuri; |
| 1939 |
return react.default.createElement(Location, null, function(_ref10) { |
| 1940 |
var navigate = _ref10.navigate; |
| 1941 |
var location = _ref10.location; |
| 1942 |
var result = match(resolve(path, baseuri), location.pathname); |
| 1943 |
return children({ |
| 1944 |
navigate, |
| 1945 |
location, |
| 1946 |
match: result ? _extends({}, result.params, { |
| 1947 |
uri: result.uri, |
| 1948 |
path |
| 1949 |
}) : null |
| 1950 |
}); |
| 1951 |
}); |
| 1952 |
}); |
| 1953 |
}; |
| 1954 |
var stripSlashes = function stripSlashes(str) { |
| 1955 |
return str.replace(/(^\/+|\/+$)/g, ""); |
| 1956 |
}; |
| 1957 |
var createRoute = function createRoute(basepath) { |
| 1958 |
return function(element) { |
| 1959 |
if (!element) return null; |
| 1960 |
if (element.type === react.default.Fragment && element.props.children) return react.default.Children.map(element.props.children, createRoute(basepath)); |
| 1961 |
!(element.props.path || element.props.default || element.type === Redirect) && (0, import_browser.default)(false, "<Router>: Children of <Router> must have a `path` or `default` prop, or be a `<Redirect>`. None found on element type `" + element.type + "`"); |
| 1962 |
element.type === Redirect && (!element.props.from || !element.props.to) && (0, import_browser.default)(false, "<Redirect from=\"" + element.props.from + "\" to=\"" + element.props.to + "\"/> requires both \"from\" and \"to\" props when inside a <Router>."); |
| 1963 |
element.type === Redirect && !validateRedirect(element.props.from, element.props.to) && (0, import_browser.default)(false, "<Redirect from=\"" + element.props.from + " to=\"" + element.props.to + "\"/> has mismatched dynamic segments, ensure both paths have the exact same dynamic segments."); |
| 1964 |
if (element.props.default) return { |
| 1965 |
value: element, |
| 1966 |
default: true |
| 1967 |
}; |
| 1968 |
var elementPath = element.type === Redirect ? element.props.from : element.props.path; |
| 1969 |
var path = elementPath === "/" ? basepath : stripSlashes(basepath) + "/" + stripSlashes(elementPath); |
| 1970 |
return { |
| 1971 |
value: element, |
| 1972 |
default: element.props.default, |
| 1973 |
path: element.props.children ? stripSlashes(path) + "/*" : path |
| 1974 |
}; |
| 1975 |
}; |
| 1976 |
}; |
| 1977 |
var shouldNavigate = function shouldNavigate(event) { |
| 1978 |
return !event.defaultPrevented && event.button === 0 && !(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey); |
| 1979 |
}; |
| 1980 |
|
| 1981 |
//#endregion |
| 1982 |
//#region app/assets/js/ui/popover-dialog/popover-dialog.js |
| 1983 |
function PopoverDialog(props) { |
| 1984 |
var targetRef = props.targetRef; |
| 1985 |
var offsetTop = props.offsetTop; |
| 1986 |
var offsetLeft = props.offsetLeft; |
| 1987 |
var wrapperClass = props.wrapperClass; |
| 1988 |
var trigger = props.trigger; |
| 1989 |
var hideAfter = props.hideAfter; |
| 1990 |
var popoverRef = (0, react.useCallback)(function(popoverEl) { |
| 1991 |
var target = targetRef === null || targetRef === void 0 ? void 0 : targetRef.current; |
| 1992 |
if (!target || !popoverEl) return; |
| 1993 |
/** |
| 1994 |
* Show Popover |
| 1995 |
*/ |
| 1996 |
var showPopover = function showPopover() { |
| 1997 |
popoverEl.style.display = "block"; |
| 1998 |
popoverEl.setAttribute("aria-expanded", true); |
| 1999 |
var targetRect = target.getBoundingClientRect(); |
| 2000 |
var popoverRect = popoverEl.getBoundingClientRect(); |
| 2001 |
var widthDifference = popoverRect.width - targetRect.width; |
| 2002 |
popoverEl.style.top = targetRect.bottom + offsetTop + "px"; |
| 2003 |
popoverEl.style.left = targetRect.left - widthDifference / 2 - offsetLeft + "px"; |
| 2004 |
popoverEl.style.setProperty("--popover-arrow-offset-end", (popoverRect.width - 16) / 2 + "px"); |
| 2005 |
}; |
| 2006 |
/** |
| 2007 |
* Hide Popover |
| 2008 |
*/ |
| 2009 |
var hidePopover = function hidePopover() { |
| 2010 |
popoverEl.style.display = "none"; |
| 2011 |
popoverEl.setAttribute("aria-expanded", false); |
| 2012 |
}; |
| 2013 |
/** |
| 2014 |
* Handle the Popover's hover functionality |
| 2015 |
*/ |
| 2016 |
var handlePopoverHover = function handlePopoverHover() { |
| 2017 |
var hideOnMouseOut = true; |
| 2018 |
var timeOut = null; |
| 2019 |
target.addEventListener("mouseover", function() { |
| 2020 |
hideOnMouseOut = true; |
| 2021 |
showPopover(); |
| 2022 |
}); |
| 2023 |
target.addEventListener("mouseleave", function() { |
| 2024 |
timeOut = setTimeout(function() { |
| 2025 |
if (hideOnMouseOut) { |
| 2026 |
if ("block" === popoverEl.style.display) hidePopover(); |
| 2027 |
} |
| 2028 |
}, hideAfter); |
| 2029 |
}); |
| 2030 |
popoverEl.addEventListener("mouseover", function() { |
| 2031 |
hideOnMouseOut = false; |
| 2032 |
if (timeOut) { |
| 2033 |
clearTimeout(timeOut); |
| 2034 |
timeOut = null; |
| 2035 |
} |
| 2036 |
}); |
| 2037 |
popoverEl.addEventListener("mouseleave", function() { |
| 2038 |
timeOut = setTimeout(function() { |
| 2039 |
if (hideOnMouseOut) { |
| 2040 |
if ("block" === popoverEl.style.display) hidePopover(); |
| 2041 |
} |
| 2042 |
}, hideAfter); |
| 2043 |
hideOnMouseOut = true; |
| 2044 |
}); |
| 2045 |
}; |
| 2046 |
/** |
| 2047 |
* Handle the Popover's click functionality |
| 2048 |
*/ |
| 2049 |
var handlePopoverClick = function handlePopoverClick() { |
| 2050 |
var popoverIsActive = false; |
| 2051 |
target.addEventListener("click", function(e) { |
| 2052 |
e.preventDefault(); |
| 2053 |
e.stopPropagation(); |
| 2054 |
if (popoverIsActive) { |
| 2055 |
hidePopover(); |
| 2056 |
popoverIsActive = false; |
| 2057 |
} else { |
| 2058 |
showPopover(); |
| 2059 |
popoverIsActive = true; |
| 2060 |
} |
| 2061 |
}); |
| 2062 |
popoverEl.addEventListener("click", function(e) { |
| 2063 |
e.stopPropagation(); |
| 2064 |
}); |
| 2065 |
document.body.addEventListener("click", function() { |
| 2066 |
if (popoverIsActive) { |
| 2067 |
hidePopover(); |
| 2068 |
popoverIsActive = false; |
| 2069 |
} |
| 2070 |
}); |
| 2071 |
}; |
| 2072 |
if ("hover" === trigger) handlePopoverHover(); |
| 2073 |
else if ("click" === trigger) handlePopoverClick(); |
| 2074 |
}, [targetRef]); |
| 2075 |
var wrapperClasses = "e-app__popover"; |
| 2076 |
if (wrapperClass) wrapperClasses += " " + wrapperClass; |
| 2077 |
return /*#__PURE__*/ react.default.createElement("div", { |
| 2078 |
className: wrapperClasses, |
| 2079 |
ref: popoverRef |
| 2080 |
}, props.children); |
| 2081 |
} |
| 2082 |
PopoverDialog.propTypes = { |
| 2083 |
targetRef: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.shape({ current: import_prop_types.default.any })]).isRequired, |
| 2084 |
trigger: import_prop_types.default.string, |
| 2085 |
direction: import_prop_types.default.string, |
| 2086 |
offsetTop: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number]), |
| 2087 |
offsetLeft: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number]), |
| 2088 |
wrapperClass: import_prop_types.default.string, |
| 2089 |
children: import_prop_types.default.any, |
| 2090 |
hideAfter: import_prop_types.default.number |
| 2091 |
}; |
| 2092 |
PopoverDialog.defaultProps = { |
| 2093 |
direction: "bottom", |
| 2094 |
trigger: "hover", |
| 2095 |
offsetTop: 10, |
| 2096 |
offsetLeft: 0, |
| 2097 |
hideAfter: 300 |
| 2098 |
}; |
| 2099 |
|
| 2100 |
//#endregion |
| 2101 |
//#region node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js |
| 2102 |
function _objectWithoutPropertiesLoose(r, e) { |
| 2103 |
if (null == r) return {}; |
| 2104 |
var t = {}; |
| 2105 |
for (var n in r) if ({}.hasOwnProperty.call(r, n)) { |
| 2106 |
if (-1 !== e.indexOf(n)) continue; |
| 2107 |
t[n] = r[n]; |
| 2108 |
} |
| 2109 |
return t; |
| 2110 |
} |
| 2111 |
|
| 2112 |
//#endregion |
| 2113 |
//#region node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js |
| 2114 |
function _objectWithoutProperties(e, t) { |
| 2115 |
if (null == e) return {}; |
| 2116 |
var o; |
| 2117 |
var r; |
| 2118 |
var i = _objectWithoutPropertiesLoose(e, t); |
| 2119 |
if (Object.getOwnPropertySymbols) { |
| 2120 |
var n = Object.getOwnPropertySymbols(e); |
| 2121 |
for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); |
| 2122 |
} |
| 2123 |
return i; |
| 2124 |
} |
| 2125 |
|
| 2126 |
//#endregion |
| 2127 |
//#region app/assets/js/ui/atoms/icon.js |
| 2128 |
var _excluded = ["className"]; |
| 2129 |
var Icon = (0, react.forwardRef)(function(props, ref) { |
| 2130 |
var className = props.className; |
| 2131 |
var rest = _objectWithoutProperties(props, _excluded); |
| 2132 |
return /*#__PURE__*/ react.default.createElement("i", _extends$2({ |
| 2133 |
ref, |
| 2134 |
className: "eps-icon ".concat(className) |
| 2135 |
}, rest)); |
| 2136 |
}); |
| 2137 |
Icon.propTypes = { className: import_prop_types.default.string.isRequired }; |
| 2138 |
Icon.defaultProps = { className: "" }; |
| 2139 |
|
| 2140 |
//#endregion |
| 2141 |
//#region app/assets/js/ui/molecules/button.js |
| 2142 |
function _callSuper$5(t, o, e) { |
| 2143 |
return o = _getPrototypeOf(o), _possibleConstructorReturn$1(t, _isNativeReflectConstruct$5() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); |
| 2144 |
} |
| 2145 |
__name(_callSuper$5, "_callSuper"); |
| 2146 |
function _isNativeReflectConstruct$5() { |
| 2147 |
try { |
| 2148 |
var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {})); |
| 2149 |
} catch (t) {} |
| 2150 |
return (_isNativeReflectConstruct$5 = function _isNativeReflectConstruct() { |
| 2151 |
return !!t; |
| 2152 |
})(); |
| 2153 |
} |
| 2154 |
__name(_isNativeReflectConstruct$5, "_isNativeReflectConstruct"); |
| 2155 |
var Button$1 = /*#__PURE__*/ function(_React$Component) { |
| 2156 |
function Button() { |
| 2157 |
_classCallCheck$1(this, Button); |
| 2158 |
return _callSuper$5(this, Button, arguments); |
| 2159 |
} |
| 2160 |
_inherits$1(Button, _React$Component); |
| 2161 |
return _createClass(Button, [ |
| 2162 |
{ |
| 2163 |
key: "getCssId", |
| 2164 |
value: function getCssId() { |
| 2165 |
return this.props.id; |
| 2166 |
} |
| 2167 |
}, |
| 2168 |
{ |
| 2169 |
key: "getClassName", |
| 2170 |
value: function getClassName() { |
| 2171 |
var baseClassName = "eps-button"; |
| 2172 |
return [baseClassName, this.props.className].concat(this.getStylePropsClasses(baseClassName)).filter(function(classItem) { |
| 2173 |
return "" !== classItem; |
| 2174 |
}).join(" "); |
| 2175 |
} |
| 2176 |
}, |
| 2177 |
{ |
| 2178 |
key: "getStylePropsClasses", |
| 2179 |
value: function getStylePropsClasses(baseClassName) { |
| 2180 |
var _this = this; |
| 2181 |
var styleProps = [ |
| 2182 |
"color", |
| 2183 |
"size", |
| 2184 |
"variant" |
| 2185 |
]; |
| 2186 |
var stylePropClasses = []; |
| 2187 |
styleProps.forEach(function(styleProp) { |
| 2188 |
var stylePropValue = _this.props[styleProp]; |
| 2189 |
if (stylePropValue) stylePropClasses.push(baseClassName + "--" + stylePropValue); |
| 2190 |
}); |
| 2191 |
return stylePropClasses; |
| 2192 |
} |
| 2193 |
}, |
| 2194 |
{ |
| 2195 |
key: "getIcon", |
| 2196 |
value: function getIcon() { |
| 2197 |
if (this.props.icon) { |
| 2198 |
var iconRef = react.default.createRef(null); |
| 2199 |
var tooltip = this.props.tooltip || this.props.text; |
| 2200 |
var icon = /*#__PURE__*/ react.default.createElement(Icon, { |
| 2201 |
ref: iconRef, |
| 2202 |
className: this.props.icon, |
| 2203 |
"aria-hidden": "true" |
| 2204 |
}); |
| 2205 |
var screenReaderText = ""; |
| 2206 |
if (this.props.hideText) screenReaderText = /*#__PURE__*/ react.default.createElement("span", { className: "sr-only" }, tooltip); |
| 2207 |
return /*#__PURE__*/ react.default.createElement(react.default.Fragment, null, icon, screenReaderText, this.props.tooltip && /*#__PURE__*/ react.default.createElement(PopoverDialog, { |
| 2208 |
targetRef: iconRef, |
| 2209 |
wrapperClass: "e-kit-library__tooltip" |
| 2210 |
}, this.props.tooltip)); |
| 2211 |
} |
| 2212 |
return ""; |
| 2213 |
} |
| 2214 |
}, |
| 2215 |
{ |
| 2216 |
key: "getText", |
| 2217 |
value: function getText() { |
| 2218 |
return this.props.hideText ? "" : /*#__PURE__*/ react.default.createElement("span", null, this.props.text); |
| 2219 |
} |
| 2220 |
}, |
| 2221 |
{ |
| 2222 |
key: "render", |
| 2223 |
value: function render() { |
| 2224 |
var attributes = {}; |
| 2225 |
var id = this.getCssId(); |
| 2226 |
var className = this.getClassName(); |
| 2227 |
if (id) attributes.id = id; |
| 2228 |
if (className) attributes.className = className; |
| 2229 |
if (this.props.onClick) attributes.onClick = this.props.onClick; |
| 2230 |
if (this.props.rel) attributes.rel = this.props.rel; |
| 2231 |
if (this.props.elRef) attributes.ref = this.props.elRef; |
| 2232 |
var buttonContent = /*#__PURE__*/ react.default.createElement(react.default.Fragment, null, this.getIcon(), this.getText()); |
| 2233 |
if (this.props.url) { |
| 2234 |
if (0 === this.props.url.indexOf("http")) return /*#__PURE__*/ react.default.createElement("a", _extends$2({ |
| 2235 |
href: this.props.url, |
| 2236 |
target: this.props.target |
| 2237 |
}, attributes), buttonContent); |
| 2238 |
attributes.getProps = function(props) { |
| 2239 |
if (props.isCurrent) attributes.className += " active"; |
| 2240 |
return { className: attributes.className }; |
| 2241 |
}; |
| 2242 |
return /*#__PURE__*/ react.default.createElement(LocationProvider, { history: router.appHistory }, /*#__PURE__*/ react.default.createElement(Link, _extends$2({ to: this.props.url }, attributes), buttonContent)); |
| 2243 |
} |
| 2244 |
return /*#__PURE__*/ react.default.createElement("div", attributes, buttonContent); |
| 2245 |
} |
| 2246 |
} |
| 2247 |
]); |
| 2248 |
}(react.default.Component); |
| 2249 |
_defineProperty(Button$1, "propTypes", { |
| 2250 |
text: import_prop_types.default.string.isRequired, |
| 2251 |
hideText: import_prop_types.default.bool, |
| 2252 |
icon: import_prop_types.default.string, |
| 2253 |
tooltip: import_prop_types.default.string, |
| 2254 |
id: import_prop_types.default.string, |
| 2255 |
className: import_prop_types.default.string, |
| 2256 |
url: import_prop_types.default.string, |
| 2257 |
onClick: import_prop_types.default.func, |
| 2258 |
variant: import_prop_types.default.oneOf([ |
| 2259 |
"contained", |
| 2260 |
"underlined", |
| 2261 |
"outlined", |
| 2262 |
"" |
| 2263 |
]), |
| 2264 |
color: import_prop_types.default.oneOf([ |
| 2265 |
"primary", |
| 2266 |
"secondary", |
| 2267 |
"cta", |
| 2268 |
"link", |
| 2269 |
"disabled" |
| 2270 |
]), |
| 2271 |
size: import_prop_types.default.oneOf([ |
| 2272 |
"sm", |
| 2273 |
"md", |
| 2274 |
"lg" |
| 2275 |
]), |
| 2276 |
target: import_prop_types.default.string, |
| 2277 |
rel: import_prop_types.default.string, |
| 2278 |
elRef: import_prop_types.default.object |
| 2279 |
}); |
| 2280 |
_defineProperty(Button$1, "defaultProps", { |
| 2281 |
id: "", |
| 2282 |
className: "", |
| 2283 |
variant: "", |
| 2284 |
target: "_parent" |
| 2285 |
}); |
| 2286 |
|
| 2287 |
//#endregion |
| 2288 |
//#region app/assets/js/ui/molecules/add-new-button.js |
| 2289 |
function ownKeys$7(e, r) { |
| 2290 |
var t = Object.keys(e); |
| 2291 |
if (Object.getOwnPropertySymbols) { |
| 2292 |
var o = Object.getOwnPropertySymbols(e); |
| 2293 |
r && (o = o.filter(function(r) { |
| 2294 |
return Object.getOwnPropertyDescriptor(e, r).enumerable; |
| 2295 |
})), t.push.apply(t, o); |
| 2296 |
} |
| 2297 |
return t; |
| 2298 |
} |
| 2299 |
__name(ownKeys$7, "ownKeys"); |
| 2300 |
function _objectSpread$7(e) { |
| 2301 |
for (var r = 1; r < arguments.length; r++) { |
| 2302 |
var t = null != arguments[r] ? arguments[r] : {}; |
| 2303 |
r % 2 ? ownKeys$7(Object(t), !0).forEach(function(r) { |
| 2304 |
_defineProperty(e, r, t[r]); |
| 2305 |
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function(r) { |
| 2306 |
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); |
| 2307 |
}); |
| 2308 |
} |
| 2309 |
return e; |
| 2310 |
} |
| 2311 |
__name(_objectSpread$7, "_objectSpread"); |
| 2312 |
function _callSuper$4(t, o, e) { |
| 2313 |
return o = _getPrototypeOf(o), _possibleConstructorReturn$1(t, _isNativeReflectConstruct$4() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); |
| 2314 |
} |
| 2315 |
__name(_callSuper$4, "_callSuper"); |
| 2316 |
function _isNativeReflectConstruct$4() { |
| 2317 |
try { |
| 2318 |
var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {})); |
| 2319 |
} catch (t) {} |
| 2320 |
return (_isNativeReflectConstruct$4 = function _isNativeReflectConstruct() { |
| 2321 |
return !!t; |
| 2322 |
})(); |
| 2323 |
} |
| 2324 |
__name(_isNativeReflectConstruct$4, "_isNativeReflectConstruct"); |
| 2325 |
var AddNewButton = /*#__PURE__*/ function(_Button) { |
| 2326 |
function AddNewButton() { |
| 2327 |
_classCallCheck$1(this, AddNewButton); |
| 2328 |
return _callSuper$4(this, AddNewButton, arguments); |
| 2329 |
} |
| 2330 |
_inherits$1(AddNewButton, _Button); |
| 2331 |
return _createClass(AddNewButton, [{ |
| 2332 |
key: "getClassName", |
| 2333 |
value: function getClassName() { |
| 2334 |
var className = this.props.className; |
| 2335 |
if (this.props.size) className += " eps-add-new-button--" + this.props.size; |
| 2336 |
return className; |
| 2337 |
} |
| 2338 |
}]); |
| 2339 |
}(Button$1); |
| 2340 |
_defineProperty(AddNewButton, "propTypes", _objectSpread$7(_objectSpread$7({}, Button$1.propTypes), {}, { |
| 2341 |
text: import_prop_types.default.string, |
| 2342 |
size: import_prop_types.default.string |
| 2343 |
})); |
| 2344 |
_defineProperty(AddNewButton, "defaultProps", _objectSpread$7(_objectSpread$7({}, Button$1.defaultProps), {}, { |
| 2345 |
className: "eps-add-new-button", |
| 2346 |
text: (0, _wordpress_i18n.__)("Add New", "elementor"), |
| 2347 |
icon: "eicon-plus" |
| 2348 |
})); |
| 2349 |
|
| 2350 |
//#endregion |
| 2351 |
//#region app/assets/js/utils/utils.js |
| 2352 |
var pxToRem = function pxToRem(pixels) { |
| 2353 |
if (!pixels) return; |
| 2354 |
else if ("string" !== typeof pixels) pixels = pixels.toString(); |
| 2355 |
return pixels.split(" ").map(function(value) { |
| 2356 |
return "".concat(value * .0625, "rem"); |
| 2357 |
}).join(" "); |
| 2358 |
}; |
| 2359 |
var arrayToClassName = function arrayToClassName(array, action) { |
| 2360 |
return array.filter(function(item) { |
| 2361 |
return "object" === _typeof(item) ? Object.entries(item)[0][1] : item; |
| 2362 |
}).map(function(item) { |
| 2363 |
var value = "object" === _typeof(item) ? Object.entries(item)[0][0] : item; |
| 2364 |
return action ? action(value) : value; |
| 2365 |
}).join(" "); |
| 2366 |
}; |
| 2367 |
var isOneOf = function isOneOf(filetype, filetypeOptions) { |
| 2368 |
return filetypeOptions.some(function(type) { |
| 2369 |
return filetype.includes(type); |
| 2370 |
}); |
| 2371 |
}; |
| 2372 |
|
| 2373 |
//#endregion |
| 2374 |
//#region app/assets/js/ui/atoms/box.js |
| 2375 |
function Box(props) { |
| 2376 |
var baseClassName = "eps-box"; |
| 2377 |
var classes = [baseClassName, props.className]; |
| 2378 |
var style = {}; |
| 2379 |
if (Object.prototype.hasOwnProperty.call(props, "padding")) { |
| 2380 |
style["--eps-box-padding"] = pxToRem(props.padding); |
| 2381 |
classes.push(baseClassName + "--padding"); |
| 2382 |
} |
| 2383 |
return /*#__PURE__*/ react.default.createElement("div", { |
| 2384 |
style, |
| 2385 |
className: arrayToClassName(classes) |
| 2386 |
}, props.children); |
| 2387 |
} |
| 2388 |
Box.propTypes = { |
| 2389 |
className: import_prop_types.default.string, |
| 2390 |
padding: import_prop_types.default.string, |
| 2391 |
children: import_prop_types.default.oneOfType([ |
| 2392 |
import_prop_types.default.string, |
| 2393 |
import_prop_types.default.object, |
| 2394 |
import_prop_types.default.arrayOf(import_prop_types.default.object) |
| 2395 |
]).isRequired |
| 2396 |
}; |
| 2397 |
Box.defaultProps = { className: "" }; |
| 2398 |
|
| 2399 |
//#endregion |
| 2400 |
//#region app/assets/js/ui/card/card-header.js |
| 2401 |
function CardHeader(props) { |
| 2402 |
var classNameBase = "eps-card__header"; |
| 2403 |
var classes = [classNameBase, props.className]; |
| 2404 |
var style = {}; |
| 2405 |
if (Object.prototype.hasOwnProperty.call(props, "padding")) { |
| 2406 |
style["--eps-card-header-padding"] = pxToRem(props.padding); |
| 2407 |
classes.push(classNameBase + "--padding"); |
| 2408 |
} |
| 2409 |
return /*#__PURE__*/ react.default.createElement("header", { |
| 2410 |
className: arrayToClassName(classes), |
| 2411 |
style |
| 2412 |
}, props.children); |
| 2413 |
} |
| 2414 |
CardHeader.propTypes = { |
| 2415 |
className: import_prop_types.default.string, |
| 2416 |
padding: import_prop_types.default.string, |
| 2417 |
passive: import_prop_types.default.bool, |
| 2418 |
active: import_prop_types.default.bool, |
| 2419 |
children: import_prop_types.default.any.isRequired |
| 2420 |
}; |
| 2421 |
CardHeader.defaultProps = { className: "" }; |
| 2422 |
|
| 2423 |
//#endregion |
| 2424 |
//#region app/assets/js/ui/card/card-body.js |
| 2425 |
function CardBody(props) { |
| 2426 |
var classNameBase = "eps-card__body"; |
| 2427 |
var classes = [classNameBase, props.className]; |
| 2428 |
var style = {}; |
| 2429 |
if (Object.prototype.hasOwnProperty.call(props, "padding")) { |
| 2430 |
style["--eps-card-body-padding"] = pxToRem(props.padding); |
| 2431 |
classes.push(classNameBase + "--padding"); |
| 2432 |
} |
| 2433 |
return /*#__PURE__*/ react.default.createElement("main", { |
| 2434 |
className: arrayToClassName(classes), |
| 2435 |
style |
| 2436 |
}, props.children); |
| 2437 |
} |
| 2438 |
CardBody.propTypes = { |
| 2439 |
className: import_prop_types.default.string, |
| 2440 |
padding: import_prop_types.default.string, |
| 2441 |
passive: import_prop_types.default.bool, |
| 2442 |
active: import_prop_types.default.bool, |
| 2443 |
children: import_prop_types.default.any.isRequired |
| 2444 |
}; |
| 2445 |
CardBody.defaultProps = { className: "" }; |
| 2446 |
|
| 2447 |
//#endregion |
| 2448 |
//#region app/assets/js/ui/card/card-image.js |
| 2449 |
function CardImage(props) { |
| 2450 |
var image = /*#__PURE__*/ react.default.createElement("img", { |
| 2451 |
src: props.src, |
| 2452 |
alt: props.alt, |
| 2453 |
className: "eps-card__image", |
| 2454 |
loading: "lazy", |
| 2455 |
onError: props.onError |
| 2456 |
}); |
| 2457 |
return /*#__PURE__*/ react.default.createElement("figure", { className: "eps-card__figure ".concat(props.className) }, image, props.children); |
| 2458 |
} |
| 2459 |
CardImage.propTypes = { |
| 2460 |
className: import_prop_types.default.string, |
| 2461 |
src: import_prop_types.default.string.isRequired, |
| 2462 |
alt: import_prop_types.default.string.isRequired, |
| 2463 |
children: import_prop_types.default.any, |
| 2464 |
onError: import_prop_types.default.func |
| 2465 |
}; |
| 2466 |
CardImage.defaultProps = { |
| 2467 |
className: "", |
| 2468 |
onError: function onError() {} |
| 2469 |
}; |
| 2470 |
|
| 2471 |
//#endregion |
| 2472 |
//#region app/assets/js/ui/card/card-overlay.js |
| 2473 |
function CardOverlay(props) { |
| 2474 |
return /*#__PURE__*/ react.default.createElement("div", { className: "eps-card__image-overlay ".concat(props.className) }, props.children); |
| 2475 |
} |
| 2476 |
CardOverlay.propTypes = { |
| 2477 |
className: import_prop_types.default.string, |
| 2478 |
children: import_prop_types.default.object.isRequired |
| 2479 |
}; |
| 2480 |
CardOverlay.defaultProps = { className: "" }; |
| 2481 |
|
| 2482 |
//#endregion |
| 2483 |
//#region app/assets/js/ui/card/card-footer.js |
| 2484 |
function CardFooter(props) { |
| 2485 |
var classNameBase = "eps-card__footer"; |
| 2486 |
var classes = [classNameBase, props.className]; |
| 2487 |
var style = {}; |
| 2488 |
if (Object.prototype.hasOwnProperty.call(props, "padding")) { |
| 2489 |
style["--eps-card-footer-padding"] = pxToRem(props.padding); |
| 2490 |
classes.push(classNameBase + "--padding"); |
| 2491 |
} |
| 2492 |
return /*#__PURE__*/ react.default.createElement("footer", { |
| 2493 |
className: arrayToClassName(classes), |
| 2494 |
style |
| 2495 |
}, props.children); |
| 2496 |
} |
| 2497 |
CardFooter.propTypes = { |
| 2498 |
className: import_prop_types.default.string, |
| 2499 |
padding: import_prop_types.default.string, |
| 2500 |
passive: import_prop_types.default.bool, |
| 2501 |
active: import_prop_types.default.bool, |
| 2502 |
children: import_prop_types.default.object.isRequired |
| 2503 |
}; |
| 2504 |
CardFooter.defaultProps = { className: "" }; |
| 2505 |
|
| 2506 |
//#endregion |
| 2507 |
//#region app/assets/js/ui/card/card-headline.js |
| 2508 |
function CardHeadline(props) { |
| 2509 |
var classes = ["eps-card__headline", props.className]; |
| 2510 |
return /*#__PURE__*/ react.default.createElement("h4", { className: arrayToClassName(classes) }, props.children); |
| 2511 |
} |
| 2512 |
CardHeadline.propTypes = { |
| 2513 |
className: import_prop_types.default.string, |
| 2514 |
children: import_prop_types.default.any.isRequired |
| 2515 |
}; |
| 2516 |
CardHeadline.defaultProps = { className: "" }; |
| 2517 |
|
| 2518 |
//#endregion |
| 2519 |
//#region app/assets/js/ui/card/card-divider.js |
| 2520 |
function CardDivider(props) { |
| 2521 |
var classes = ["eps-card__divider", props.className]; |
| 2522 |
return /*#__PURE__*/ react.default.createElement("hr", { className: arrayToClassName(classes) }); |
| 2523 |
} |
| 2524 |
CardDivider.propTypes = { className: import_prop_types.default.string }; |
| 2525 |
CardDivider.defaultProps = { className: "" }; |
| 2526 |
|
| 2527 |
//#endregion |
| 2528 |
//#region app/assets/js/ui/card/card.js |
| 2529 |
var Card = react.default.forwardRef(function(props, ref) { |
| 2530 |
return /*#__PURE__*/ react.default.createElement("article", { |
| 2531 |
className: "eps-card ".concat(props.className), |
| 2532 |
ref |
| 2533 |
}, props.children); |
| 2534 |
}); |
| 2535 |
Card.propTypes = { |
| 2536 |
type: import_prop_types.default.string, |
| 2537 |
className: import_prop_types.default.string, |
| 2538 |
children: import_prop_types.default.any |
| 2539 |
}; |
| 2540 |
Card.defaultProps = { className: "" }; |
| 2541 |
Card.displayName = "Card"; |
| 2542 |
Card.Header = CardHeader; |
| 2543 |
Card.Body = CardBody; |
| 2544 |
Card.Image = CardImage; |
| 2545 |
Card.Overlay = CardOverlay; |
| 2546 |
Card.Footer = CardFooter; |
| 2547 |
Card.Headline = CardHeadline; |
| 2548 |
Card.Divider = CardDivider; |
| 2549 |
|
| 2550 |
//#endregion |
| 2551 |
//#region app/assets/js/ui/atoms/checkbox.js |
| 2552 |
function Checkbox(_ref) { |
| 2553 |
var className = _ref.className; |
| 2554 |
var checked = _ref.checked; |
| 2555 |
var rounded = _ref.rounded; |
| 2556 |
var indeterminate = _ref.indeterminate; |
| 2557 |
var error = _ref.error; |
| 2558 |
var disabled = _ref.disabled; |
| 2559 |
var onChange = _ref.onChange; |
| 2560 |
var id = _ref.id; |
| 2561 |
var baseClassName = "eps-checkbox"; |
| 2562 |
var classes = [baseClassName, className]; |
| 2563 |
if (rounded) classes.push(baseClassName + "--rounded"); |
| 2564 |
if (indeterminate) classes.push(baseClassName + "--indeterminate"); |
| 2565 |
if (error) classes.push(baseClassName + "--error"); |
| 2566 |
return /*#__PURE__*/ react.default.createElement("input", { |
| 2567 |
className: arrayToClassName(classes), |
| 2568 |
type: "checkbox", |
| 2569 |
checked, |
| 2570 |
disabled, |
| 2571 |
onChange, |
| 2572 |
id |
| 2573 |
}); |
| 2574 |
} |
| 2575 |
Checkbox.propTypes = { |
| 2576 |
className: import_prop_types.default.string, |
| 2577 |
checked: import_prop_types.default.bool, |
| 2578 |
disabled: import_prop_types.default.bool, |
| 2579 |
indeterminate: import_prop_types.default.bool, |
| 2580 |
rounded: import_prop_types.default.bool, |
| 2581 |
error: import_prop_types.default.bool, |
| 2582 |
onChange: import_prop_types.default.func, |
| 2583 |
id: import_prop_types.default.string |
| 2584 |
}; |
| 2585 |
Checkbox.defaultProps = { |
| 2586 |
className: "", |
| 2587 |
checked: null, |
| 2588 |
disabled: false, |
| 2589 |
indeterminate: false, |
| 2590 |
error: false, |
| 2591 |
onChange: function onChange() {} |
| 2592 |
}; |
| 2593 |
|
| 2594 |
//#endregion |
| 2595 |
//#region node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js |
| 2596 |
function _arrayWithHoles(r) { |
| 2597 |
if (Array.isArray(r)) return r; |
| 2598 |
} |
| 2599 |
|
| 2600 |
//#endregion |
| 2601 |
//#region node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js |
| 2602 |
function _iterableToArrayLimit(r, l) { |
| 2603 |
var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; |
| 2604 |
if (null != t) { |
| 2605 |
var e; |
| 2606 |
var n; |
| 2607 |
var i; |
| 2608 |
var u; |
| 2609 |
var a = []; |
| 2610 |
var f = !0; |
| 2611 |
var o = !1; |
| 2612 |
try { |
| 2613 |
if (i = (t = t.call(r)).next, 0 === l) { |
| 2614 |
if (Object(t) !== t) return; |
| 2615 |
f = !1; |
| 2616 |
} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); |
| 2617 |
} catch (r) { |
| 2618 |
o = !0, n = r; |
| 2619 |
} finally { |
| 2620 |
try { |
| 2621 |
if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; |
| 2622 |
} finally { |
| 2623 |
if (o) throw n; |
| 2624 |
} |
| 2625 |
} |
| 2626 |
return a; |
| 2627 |
} |
| 2628 |
} |
| 2629 |
|
| 2630 |
//#endregion |
| 2631 |
//#region node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js |
| 2632 |
function _arrayLikeToArray(r, a) { |
| 2633 |
(null == a || a > r.length) && (a = r.length); |
| 2634 |
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; |
| 2635 |
return n; |
| 2636 |
} |
| 2637 |
|
| 2638 |
//#endregion |
| 2639 |
//#region node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js |
| 2640 |
function _unsupportedIterableToArray(r, a) { |
| 2641 |
if (r) { |
| 2642 |
if ("string" == typeof r) return _arrayLikeToArray(r, a); |
| 2643 |
var t = {}.toString.call(r).slice(8, -1); |
| 2644 |
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; |
| 2645 |
} |
| 2646 |
} |
| 2647 |
|
| 2648 |
//#endregion |
| 2649 |
//#region node_modules/@babel/runtime/helpers/esm/nonIterableRest.js |
| 2650 |
function _nonIterableRest() { |
| 2651 |
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); |
| 2652 |
} |
| 2653 |
|
| 2654 |
//#endregion |
| 2655 |
//#region node_modules/@babel/runtime/helpers/esm/slicedToArray.js |
| 2656 |
function _slicedToArray(r, e) { |
| 2657 |
return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); |
| 2658 |
} |
| 2659 |
|
| 2660 |
//#endregion |
| 2661 |
//#region app/assets/js/molecules/collapse-context.js |
| 2662 |
var CollapseContext = react.default.createContext(); |
| 2663 |
|
| 2664 |
//#endregion |
| 2665 |
//#region app/assets/js/molecules/collapse-toggle.js |
| 2666 |
function CollapseToggle(props) { |
| 2667 |
var context = (0, react.useContext)(CollapseContext); |
| 2668 |
var style = { "--e-app-collapse-toggle-icon-spacing": pxToRem(props.iconSpacing) }; |
| 2669 |
var classNameBase = "e-app-collapse-toggle"; |
| 2670 |
var attrs = { |
| 2671 |
style, |
| 2672 |
className: arrayToClassName([classNameBase, _defineProperty({}, classNameBase + "--active", props.active)]) |
| 2673 |
}; |
| 2674 |
if (props.active) attrs.onClick = function() { |
| 2675 |
return context.toggle(); |
| 2676 |
}; |
| 2677 |
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" })); |
| 2678 |
} |
| 2679 |
CollapseToggle.propTypes = { |
| 2680 |
className: import_prop_types.default.string, |
| 2681 |
iconSpacing: import_prop_types.default.number, |
| 2682 |
showIcon: import_prop_types.default.bool, |
| 2683 |
active: import_prop_types.default.bool, |
| 2684 |
children: import_prop_types.default.any |
| 2685 |
}; |
| 2686 |
CollapseToggle.defaultProps = { |
| 2687 |
className: "", |
| 2688 |
iconSpacing: 20, |
| 2689 |
showIcon: true, |
| 2690 |
active: true |
| 2691 |
}; |
| 2692 |
|
| 2693 |
//#endregion |
| 2694 |
//#region app/assets/js/molecules/collapse-content.js |
| 2695 |
function CollapseContent(props) { |
| 2696 |
return /*#__PURE__*/ react.default.createElement("div", { className: "e-app-collapse-content" }, props.children); |
| 2697 |
} |
| 2698 |
CollapseContent.propTypes = { |
| 2699 |
className: import_prop_types.default.string, |
| 2700 |
children: import_prop_types.default.any |
| 2701 |
}; |
| 2702 |
CollapseContent.defaultProps = { className: "" }; |
| 2703 |
|
| 2704 |
//#endregion |
| 2705 |
//#region app/assets/js/molecules/collapse.js |
| 2706 |
function Collapse(props) { |
| 2707 |
var _useState2 = _slicedToArray((0, react.useState)(props.isOpened), 2); |
| 2708 |
var isOpened = _useState2[0]; |
| 2709 |
var setIsOpened = _useState2[1]; |
| 2710 |
var classNameBase = "e-app-collapse"; |
| 2711 |
var classes = [ |
| 2712 |
classNameBase, |
| 2713 |
props.className, |
| 2714 |
_defineProperty({}, classNameBase + "--opened", isOpened) |
| 2715 |
]; |
| 2716 |
var toggle = function toggle() { |
| 2717 |
return setIsOpened(function(prevState) { |
| 2718 |
return !prevState; |
| 2719 |
}); |
| 2720 |
}; |
| 2721 |
(0, react.useEffect)(function() { |
| 2722 |
if (props.isOpened !== isOpened) setIsOpened(props.isOpened); |
| 2723 |
}, [props.isOpened]); |
| 2724 |
(0, react.useEffect)(function() { |
| 2725 |
if (props.onChange) props.onChange(isOpened); |
| 2726 |
}, [isOpened]); |
| 2727 |
return /*#__PURE__*/ react.default.createElement(CollapseContext.Provider, { value: { toggle } }, /*#__PURE__*/ react.default.createElement("div", { className: arrayToClassName(classes) }, props.children)); |
| 2728 |
} |
| 2729 |
Collapse.propTypes = { |
| 2730 |
className: import_prop_types.default.string, |
| 2731 |
isOpened: import_prop_types.default.bool, |
| 2732 |
onChange: import_prop_types.default.func, |
| 2733 |
children: import_prop_types.default.oneOfType([import_prop_types.default.node, import_prop_types.default.arrayOf(import_prop_types.default.node)]) |
| 2734 |
}; |
| 2735 |
Collapse.defaultProps = { |
| 2736 |
className: "", |
| 2737 |
isOpened: false |
| 2738 |
}; |
| 2739 |
Collapse.Toggle = CollapseToggle; |
| 2740 |
Collapse.Content = CollapseContent; |
| 2741 |
|
| 2742 |
//#endregion |
| 2743 |
//#region app/assets/js/ui/atoms/css-grid.js |
| 2744 |
function CssGrid(props) { |
| 2745 |
var gridStyle = { |
| 2746 |
"--eps-grid-columns": props.columns, |
| 2747 |
"--eps-grid-spacing": pxToRem(props.spacing), |
| 2748 |
"--eps-grid-col-min-width": pxToRem(props.colMinWidth), |
| 2749 |
"--eps-grid-col-max-width": pxToRem(props.colMaxWidth) |
| 2750 |
}; |
| 2751 |
return /*#__PURE__*/ react.default.createElement("div", { |
| 2752 |
style: gridStyle, |
| 2753 |
className: "eps-css-grid ".concat(props.className) |
| 2754 |
}, props.children); |
| 2755 |
} |
| 2756 |
CssGrid.propTypes = { |
| 2757 |
className: import_prop_types.default.string, |
| 2758 |
children: import_prop_types.default.any.isRequired, |
| 2759 |
columns: import_prop_types.default.number, |
| 2760 |
spacing: import_prop_types.default.number, |
| 2761 |
colMinWidth: import_prop_types.default.number, |
| 2762 |
colMaxWidth: import_prop_types.default.number |
| 2763 |
}; |
| 2764 |
CssGrid.defaultProps = { |
| 2765 |
spacing: 24, |
| 2766 |
className: "" |
| 2767 |
}; |
| 2768 |
|
| 2769 |
//#endregion |
| 2770 |
//#region app/assets/js/ui/dialog/dialog-wrapper.js |
| 2771 |
function DialogWrapper(props) { |
| 2772 |
var WrapperTag = "div"; |
| 2773 |
if (props.onSubmit) WrapperTag = "form"; |
| 2774 |
return /*#__PURE__*/ react.default.createElement("section", { className: "eps-modal__overlay" }, /*#__PURE__*/ react.default.createElement(WrapperTag, { |
| 2775 |
className: "eps-modal eps-dialog", |
| 2776 |
onSubmit: props.onSubmit |
| 2777 |
}, props.onClose && /*#__PURE__*/ react.default.createElement(Button$1, { |
| 2778 |
onClick: props.onClose, |
| 2779 |
text: (0, _wordpress_i18n.__)("Close", "elementor"), |
| 2780 |
hideText: true, |
| 2781 |
icon: "eicon-close", |
| 2782 |
className: "eps-dialog__close-button" |
| 2783 |
}), props.children)); |
| 2784 |
} |
| 2785 |
DialogWrapper.propTypes = { |
| 2786 |
onClose: import_prop_types.default.func, |
| 2787 |
onSubmit: import_prop_types.default.func, |
| 2788 |
children: import_prop_types.default.any |
| 2789 |
}; |
| 2790 |
|
| 2791 |
//#endregion |
| 2792 |
//#region app/assets/js/ui/dialog/dialog-content.js |
| 2793 |
function DialogContent(props) { |
| 2794 |
return /*#__PURE__*/ react.default.createElement("div", { className: "eps-dialog__content" }, props.children); |
| 2795 |
} |
| 2796 |
DialogContent.propTypes = { children: import_prop_types.default.any }; |
| 2797 |
|
| 2798 |
//#endregion |
| 2799 |
//#region app/assets/js/ui/atoms/heading.js |
| 2800 |
function Heading(props) { |
| 2801 |
var baseClassName = "eps"; |
| 2802 |
var classes = [props.className]; |
| 2803 |
if (props.variant) classes.push(baseClassName + "-" + props.variant); |
| 2804 |
return /*#__PURE__*/ react.default.createElement(function Element() { |
| 2805 |
return react.default.createElement(props.tag, { className: arrayToClassName(classes) }, props.children); |
| 2806 |
}, null); |
| 2807 |
} |
| 2808 |
Heading.propTypes = { |
| 2809 |
className: import_prop_types.default.string, |
| 2810 |
children: import_prop_types.default.oneOfType([ |
| 2811 |
import_prop_types.default.string, |
| 2812 |
import_prop_types.default.object, |
| 2813 |
import_prop_types.default.arrayOf(import_prop_types.default.object) |
| 2814 |
]).isRequired, |
| 2815 |
tag: import_prop_types.default.oneOf([ |
| 2816 |
"h1", |
| 2817 |
"h2", |
| 2818 |
"h3", |
| 2819 |
"h4", |
| 2820 |
"h5", |
| 2821 |
"h6" |
| 2822 |
]), |
| 2823 |
variant: import_prop_types.default.oneOf([ |
| 2824 |
"display-1", |
| 2825 |
"display-2", |
| 2826 |
"display-3", |
| 2827 |
"display-4", |
| 2828 |
"h1", |
| 2829 |
"h2", |
| 2830 |
"h3", |
| 2831 |
"h4", |
| 2832 |
"h5", |
| 2833 |
"h6" |
| 2834 |
]).isRequired |
| 2835 |
}; |
| 2836 |
Heading.defaultProps = { |
| 2837 |
className: "", |
| 2838 |
tag: "h1" |
| 2839 |
}; |
| 2840 |
|
| 2841 |
//#endregion |
| 2842 |
//#region app/assets/js/ui/dialog/dialog-title.js |
| 2843 |
function ownKeys$6(e, r) { |
| 2844 |
var t = Object.keys(e); |
| 2845 |
if (Object.getOwnPropertySymbols) { |
| 2846 |
var o = Object.getOwnPropertySymbols(e); |
| 2847 |
r && (o = o.filter(function(r) { |
| 2848 |
return Object.getOwnPropertyDescriptor(e, r).enumerable; |
| 2849 |
})), t.push.apply(t, o); |
| 2850 |
} |
| 2851 |
return t; |
| 2852 |
} |
| 2853 |
__name(ownKeys$6, "ownKeys"); |
| 2854 |
function _objectSpread$6(e) { |
| 2855 |
for (var r = 1; r < arguments.length; r++) { |
| 2856 |
var t = null != arguments[r] ? arguments[r] : {}; |
| 2857 |
r % 2 ? ownKeys$6(Object(t), !0).forEach(function(r) { |
| 2858 |
_defineProperty(e, r, t[r]); |
| 2859 |
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function(r) { |
| 2860 |
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); |
| 2861 |
}); |
| 2862 |
} |
| 2863 |
return e; |
| 2864 |
} |
| 2865 |
__name(_objectSpread$6, "_objectSpread"); |
| 2866 |
function DialogTitle(props) { |
| 2867 |
return /*#__PURE__*/ react.default.createElement(Heading, _extends$2({}, props, { className: "eps-dialog__title ".concat(props.className) })); |
| 2868 |
} |
| 2869 |
DialogTitle.propTypes = _objectSpread$6(_objectSpread$6({}, Heading.propTypes), {}, { className: import_prop_types.default.string }); |
| 2870 |
DialogTitle.defaultProps = _objectSpread$6(_objectSpread$6({}, Heading.propTypes), {}, { |
| 2871 |
variant: "h3", |
| 2872 |
tag: "h3", |
| 2873 |
className: "" |
| 2874 |
}); |
| 2875 |
|
| 2876 |
//#endregion |
| 2877 |
//#region app/assets/js/ui/atoms/text.js |
| 2878 |
function Text(props) { |
| 2879 |
var baseClassName = "eps"; |
| 2880 |
var classes = [props.className]; |
| 2881 |
var variant = props.variant && "md" !== props.variant ? "-" + props.variant : ""; |
| 2882 |
classes.push(baseClassName + "-text" + variant); |
| 2883 |
return /*#__PURE__*/ react.default.createElement(function Element() { |
| 2884 |
return react.default.createElement(props.tag, { className: arrayToClassName(classes) }, props.children); |
| 2885 |
}, null); |
| 2886 |
} |
| 2887 |
Text.propTypes = { |
| 2888 |
className: import_prop_types.default.string, |
| 2889 |
variant: import_prop_types.default.oneOf([ |
| 2890 |
"xl", |
| 2891 |
"lg", |
| 2892 |
"md", |
| 2893 |
"sm", |
| 2894 |
"xs", |
| 2895 |
"xxs" |
| 2896 |
]), |
| 2897 |
tag: import_prop_types.default.string, |
| 2898 |
children: import_prop_types.default.any.isRequired |
| 2899 |
}; |
| 2900 |
Text.defaultProps = { |
| 2901 |
className: "", |
| 2902 |
tag: "p" |
| 2903 |
}; |
| 2904 |
|
| 2905 |
//#endregion |
| 2906 |
//#region app/assets/js/ui/dialog/dialog-text.js |
| 2907 |
function ownKeys$5(e, r) { |
| 2908 |
var t = Object.keys(e); |
| 2909 |
if (Object.getOwnPropertySymbols) { |
| 2910 |
var o = Object.getOwnPropertySymbols(e); |
| 2911 |
r && (o = o.filter(function(r) { |
| 2912 |
return Object.getOwnPropertyDescriptor(e, r).enumerable; |
| 2913 |
})), t.push.apply(t, o); |
| 2914 |
} |
| 2915 |
return t; |
| 2916 |
} |
| 2917 |
__name(ownKeys$5, "ownKeys"); |
| 2918 |
function _objectSpread$5(e) { |
| 2919 |
for (var r = 1; r < arguments.length; r++) { |
| 2920 |
var t = null != arguments[r] ? arguments[r] : {}; |
| 2921 |
r % 2 ? ownKeys$5(Object(t), !0).forEach(function(r) { |
| 2922 |
_defineProperty(e, r, t[r]); |
| 2923 |
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function(r) { |
| 2924 |
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); |
| 2925 |
}); |
| 2926 |
} |
| 2927 |
return e; |
| 2928 |
} |
| 2929 |
__name(_objectSpread$5, "_objectSpread"); |
| 2930 |
function DialogText(props) { |
| 2931 |
return /*#__PURE__*/ react.default.createElement(Text, _extends$2({ variant: "xs" }, props, { className: "eps-dialog__text ".concat(props.className) })); |
| 2932 |
} |
| 2933 |
DialogText.propTypes = _objectSpread$5({}, Text.propTypes); |
| 2934 |
DialogText.defaultProps = _objectSpread$5(_objectSpread$5({}, Text.defaultProps), {}, { |
| 2935 |
tag: "p", |
| 2936 |
variant: "sm" |
| 2937 |
}); |
| 2938 |
|
| 2939 |
//#endregion |
| 2940 |
//#region app/assets/js/ui/dialog/dialog-actions.js |
| 2941 |
function DialogActions(props) { |
| 2942 |
return /*#__PURE__*/ react.default.createElement("div", { className: "eps-dialog__buttons" }, props.children); |
| 2943 |
} |
| 2944 |
DialogActions.propTypes = { children: import_prop_types.default.any }; |
| 2945 |
|
| 2946 |
//#endregion |
| 2947 |
//#region app/assets/js/ui/dialog/dialog-button.js |
| 2948 |
function ownKeys$4(e, r) { |
| 2949 |
var t = Object.keys(e); |
| 2950 |
if (Object.getOwnPropertySymbols) { |
| 2951 |
var o = Object.getOwnPropertySymbols(e); |
| 2952 |
r && (o = o.filter(function(r) { |
| 2953 |
return Object.getOwnPropertyDescriptor(e, r).enumerable; |
| 2954 |
})), t.push.apply(t, o); |
| 2955 |
} |
| 2956 |
return t; |
| 2957 |
} |
| 2958 |
__name(ownKeys$4, "ownKeys"); |
| 2959 |
function _objectSpread$4(e) { |
| 2960 |
for (var r = 1; r < arguments.length; r++) { |
| 2961 |
var t = null != arguments[r] ? arguments[r] : {}; |
| 2962 |
r % 2 ? ownKeys$4(Object(t), !0).forEach(function(r) { |
| 2963 |
_defineProperty(e, r, t[r]); |
| 2964 |
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function(r) { |
| 2965 |
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); |
| 2966 |
}); |
| 2967 |
} |
| 2968 |
return e; |
| 2969 |
} |
| 2970 |
__name(_objectSpread$4, "_objectSpread"); |
| 2971 |
function DialogButton(props) { |
| 2972 |
return /*#__PURE__*/ react.default.createElement(Button$1, _extends$2({}, props, { className: "eps-dialog__button ".concat(props.className) })); |
| 2973 |
} |
| 2974 |
DialogButton.propTypes = _objectSpread$4(_objectSpread$4({}, Button$1.propTypes), {}, { |
| 2975 |
tabIndex: import_prop_types.default.string, |
| 2976 |
type: import_prop_types.default.string |
| 2977 |
}); |
| 2978 |
DialogButton.defaultProps = _objectSpread$4(_objectSpread$4({}, Button$1.defaultProps), {}, { |
| 2979 |
tabIndex: "0", |
| 2980 |
type: "button" |
| 2981 |
}); |
| 2982 |
|
| 2983 |
//#endregion |
| 2984 |
//#region app/assets/js/ui/dialog/dialog.js |
| 2985 |
function Dialog(props) { |
| 2986 |
return /*#__PURE__*/ react.default.createElement(DialogWrapper, { |
| 2987 |
onSubmit: props.onSubmit, |
| 2988 |
onClose: props.onClose |
| 2989 |
}, /*#__PURE__*/ react.default.createElement(DialogContent, null, props.title && /*#__PURE__*/ react.default.createElement(DialogTitle, null, props.title), props.text && /*#__PURE__*/ react.default.createElement(DialogText, null, props.text), props.children), /*#__PURE__*/ react.default.createElement(DialogActions, null, /*#__PURE__*/ react.default.createElement(DialogButton, { |
| 2990 |
key: "dismiss", |
| 2991 |
text: props.dismissButtonText, |
| 2992 |
onClick: props.dismissButtonOnClick, |
| 2993 |
url: props.dismissButtonUrl, |
| 2994 |
target: props.dismissButtonTarget, |
| 2995 |
tabIndex: "2" |
| 2996 |
}), /*#__PURE__*/ react.default.createElement(DialogButton, { |
| 2997 |
key: "approve", |
| 2998 |
text: props.approveButtonText, |
| 2999 |
onClick: props.approveButtonOnClick, |
| 3000 |
url: props.approveButtonUrl, |
| 3001 |
target: props.approveButtonTarget, |
| 3002 |
color: props.approveButtonColor, |
| 3003 |
elRef: props.approveButtonRef, |
| 3004 |
tabIndex: "1" |
| 3005 |
}))); |
| 3006 |
} |
| 3007 |
Dialog.propTypes = { |
| 3008 |
title: import_prop_types.default.any, |
| 3009 |
text: import_prop_types.default.any, |
| 3010 |
children: import_prop_types.default.any, |
| 3011 |
onSubmit: import_prop_types.default.func, |
| 3012 |
onClose: import_prop_types.default.func, |
| 3013 |
dismissButtonText: import_prop_types.default.string.isRequired, |
| 3014 |
dismissButtonOnClick: import_prop_types.default.func, |
| 3015 |
dismissButtonUrl: import_prop_types.default.string, |
| 3016 |
dismissButtonTarget: import_prop_types.default.string, |
| 3017 |
approveButtonText: import_prop_types.default.string.isRequired, |
| 3018 |
approveButtonOnClick: import_prop_types.default.func, |
| 3019 |
approveButtonUrl: import_prop_types.default.string, |
| 3020 |
approveButtonColor: import_prop_types.default.string, |
| 3021 |
approveButtonTarget: import_prop_types.default.string, |
| 3022 |
approveButtonRef: import_prop_types.default.object |
| 3023 |
}; |
| 3024 |
Dialog.defaultProps = {}; |
| 3025 |
Dialog.Wrapper = DialogWrapper; |
| 3026 |
Dialog.Content = DialogContent; |
| 3027 |
Dialog.Title = DialogTitle; |
| 3028 |
Dialog.Text = DialogText; |
| 3029 |
Dialog.Actions = DialogActions; |
| 3030 |
Dialog.Button = DialogButton; |
| 3031 |
|
| 3032 |
//#endregion |
| 3033 |
//#region app/assets/js/ui/atoms/drag-drop.js |
| 3034 |
function DragDrop(props) { |
| 3035 |
var _useState2 = _slicedToArray((0, react.useState)(false), 2); |
| 3036 |
var isDragOver = _useState2[0]; |
| 3037 |
var setIsDragOver = _useState2[1]; |
| 3038 |
var getClassName = function getClassName() { |
| 3039 |
var baseClassName = "e-app-drag-drop"; |
| 3040 |
var classes = [baseClassName, props.className]; |
| 3041 |
if (isDragOver && !props.isLoading) classes.push(baseClassName + "--drag-over"); |
| 3042 |
return arrayToClassName(classes); |
| 3043 |
}; |
| 3044 |
var onDragDropActions = function onDragDropActions(event) { |
| 3045 |
event.preventDefault(); |
| 3046 |
event.stopPropagation(); |
| 3047 |
}; |
| 3048 |
return /*#__PURE__*/ react.default.createElement("div", _extends$2({}, { |
| 3049 |
onDrop: function onDrop(event) { |
| 3050 |
onDragDropActions(event); |
| 3051 |
setIsDragOver(false); |
| 3052 |
if (props.onDrop) props.onDrop(event); |
| 3053 |
}, |
| 3054 |
onDragOver: function onDragOver(event) { |
| 3055 |
onDragDropActions(event); |
| 3056 |
setIsDragOver(true); |
| 3057 |
if (props.onDragOver) props.onDragOver(event); |
| 3058 |
}, |
| 3059 |
onDragLeave: function onDragLeave(event) { |
| 3060 |
onDragDropActions(event); |
| 3061 |
setIsDragOver(false); |
| 3062 |
if (props.onDragLeave) props.onDragLeave(event); |
| 3063 |
} |
| 3064 |
}, { className: getClassName() }), props.children); |
| 3065 |
} |
| 3066 |
DragDrop.propTypes = { |
| 3067 |
className: import_prop_types.default.string, |
| 3068 |
children: import_prop_types.default.any, |
| 3069 |
onDrop: import_prop_types.default.func, |
| 3070 |
onDragLeave: import_prop_types.default.func, |
| 3071 |
onDragOver: import_prop_types.default.func, |
| 3072 |
isLoading: import_prop_types.default.bool |
| 3073 |
}; |
| 3074 |
DragDrop.defaultProps = { className: "" }; |
| 3075 |
|
| 3076 |
//#endregion |
| 3077 |
//#region app/assets/js/molecules/upload-file.js |
| 3078 |
function UploadFile(props) { |
| 3079 |
var fileInput = (0, react.useRef)(null); |
| 3080 |
var classes = ["e-app-upload-file", props.className]; |
| 3081 |
var frame; |
| 3082 |
return /*#__PURE__*/ react.default.createElement("div", { className: arrayToClassName(classes) }, /*#__PURE__*/ react.default.createElement("input", { |
| 3083 |
ref: fileInput, |
| 3084 |
type: "file", |
| 3085 |
accept: props.filetypes.map(function(type) { |
| 3086 |
return "." + type; |
| 3087 |
}).join(", "), |
| 3088 |
className: "e-app-upload-file__input", |
| 3089 |
onChange: function onChange(event) { |
| 3090 |
var file = event.target.files[0]; |
| 3091 |
if (file && isOneOf(file.type, props.filetypes)) props.onFileSelect(file, event, "browse"); |
| 3092 |
else { |
| 3093 |
fileInput.current.value = ""; |
| 3094 |
props.onError({ |
| 3095 |
id: "file_not_allowed", |
| 3096 |
message: (0, _wordpress_i18n.__)("This file type is not allowed", "elementor") |
| 3097 |
}); |
| 3098 |
} |
| 3099 |
} |
| 3100 |
}), /*#__PURE__*/ react.default.createElement(Button$1, { |
| 3101 |
className: "e-app-upload-file__button", |
| 3102 |
text: props.text, |
| 3103 |
variant: props.variant, |
| 3104 |
color: props.color, |
| 3105 |
size: "lg", |
| 3106 |
hideText: props.isLoading, |
| 3107 |
icon: props.isLoading ? "eicon-loading eicon-animation-spin" : "", |
| 3108 |
onClick: function onClick() { |
| 3109 |
if (props.onFileChoose) props.onFileChoose(); |
| 3110 |
if (!props.isLoading) { |
| 3111 |
if (props.onButtonClick) props.onButtonClick(); |
| 3112 |
if ("file-explorer" === props.type) fileInput.current.click(); |
| 3113 |
else if ("wp-media" === props.type) { |
| 3114 |
if (frame) { |
| 3115 |
frame.open(); |
| 3116 |
return; |
| 3117 |
} |
| 3118 |
frame = wp.media({ |
| 3119 |
multiple: false, |
| 3120 |
library: { type: ["image", "image/svg+xml"] } |
| 3121 |
}); |
| 3122 |
frame.on("select", function() { |
| 3123 |
if (props.onWpMediaSelect) props.onWpMediaSelect(frame); |
| 3124 |
}); |
| 3125 |
frame.open(); |
| 3126 |
} |
| 3127 |
} |
| 3128 |
} |
| 3129 |
})); |
| 3130 |
} |
| 3131 |
UploadFile.propTypes = { |
| 3132 |
className: import_prop_types.default.string, |
| 3133 |
type: import_prop_types.default.string, |
| 3134 |
onWpMediaSelect: import_prop_types.default.func, |
| 3135 |
text: import_prop_types.default.string, |
| 3136 |
onFileSelect: import_prop_types.default.func, |
| 3137 |
isLoading: import_prop_types.default.bool, |
| 3138 |
filetypes: import_prop_types.default.array.isRequired, |
| 3139 |
onError: import_prop_types.default.func, |
| 3140 |
variant: import_prop_types.default.string, |
| 3141 |
color: import_prop_types.default.string, |
| 3142 |
onButtonClick: import_prop_types.default.func, |
| 3143 |
onFileChoose: import_prop_types.default.func |
| 3144 |
}; |
| 3145 |
UploadFile.defaultProps = { |
| 3146 |
className: "", |
| 3147 |
type: "file-explorer", |
| 3148 |
text: (0, _wordpress_i18n.__)("Select File", "elementor"), |
| 3149 |
onError: function onError() {}, |
| 3150 |
variant: "contained", |
| 3151 |
color: "primary" |
| 3152 |
}; |
| 3153 |
|
| 3154 |
//#endregion |
| 3155 |
//#region app/assets/js/organisms/drop-zone.js |
| 3156 |
function DropZone(props) { |
| 3157 |
var classes = ["e-app-drop-zone", props.className]; |
| 3158 |
return /*#__PURE__*/ react.default.createElement("section", { className: arrayToClassName(classes) }, /*#__PURE__*/ react.default.createElement(DragDrop, _extends$2({}, { onDrop: function onDrop(event) { |
| 3159 |
if (!props.isLoading) { |
| 3160 |
var file = event.dataTransfer.files[0]; |
| 3161 |
if (file && isOneOf(file.type, props.filetypes)) props.onFileSelect(file, event, "drop"); |
| 3162 |
else props.onError({ |
| 3163 |
id: "file_not_allowed", |
| 3164 |
message: (0, _wordpress_i18n.__)("This file type is not allowed", "elementor") |
| 3165 |
}); |
| 3166 |
} |
| 3167 |
} }, { isLoading: props.isLoading }), props.icon && /*#__PURE__*/ react.default.createElement(Icon, { className: "e-app-drop-zone__icon ".concat(props.icon) }), props.heading && /*#__PURE__*/ react.default.createElement(Heading, { variant: "display-3" }, props.heading), props.text && /*#__PURE__*/ react.default.createElement(Text, { |
| 3168 |
variant: "xl", |
| 3169 |
className: "e-app-drop-zone__text" |
| 3170 |
}, props.text), props.secondaryText && /*#__PURE__*/ react.default.createElement(Text, { |
| 3171 |
variant: "xl", |
| 3172 |
className: "e-app-drop-zone__secondary-text" |
| 3173 |
}, props.secondaryText), props.showButton && /*#__PURE__*/ react.default.createElement(UploadFile, { |
| 3174 |
isLoading: props.isLoading, |
| 3175 |
type: props.type, |
| 3176 |
onButtonClick: props.onButtonClick, |
| 3177 |
onFileSelect: props.onFileSelect, |
| 3178 |
onWpMediaSelect: function onWpMediaSelect(frame) { |
| 3179 |
return props.onWpMediaSelect(frame); |
| 3180 |
}, |
| 3181 |
onError: function onError(error) { |
| 3182 |
return props.onError(error); |
| 3183 |
}, |
| 3184 |
text: props.buttonText, |
| 3185 |
filetypes: props.filetypes, |
| 3186 |
variant: props.buttonVariant, |
| 3187 |
color: props.buttonColor, |
| 3188 |
onFileChoose: props.onFileChoose |
| 3189 |
}), props.description && /*#__PURE__*/ react.default.createElement(Text, { |
| 3190 |
variant: "xl", |
| 3191 |
className: "e-app-drop-zone__description" |
| 3192 |
}, props.description))); |
| 3193 |
} |
| 3194 |
DropZone.propTypes = { |
| 3195 |
className: import_prop_types.default.string, |
| 3196 |
children: import_prop_types.default.any, |
| 3197 |
type: import_prop_types.default.string, |
| 3198 |
onFileSelect: import_prop_types.default.func.isRequired, |
| 3199 |
onWpMediaSelect: import_prop_types.default.func, |
| 3200 |
heading: import_prop_types.default.string, |
| 3201 |
text: import_prop_types.default.string, |
| 3202 |
secondaryText: import_prop_types.default.string, |
| 3203 |
buttonText: import_prop_types.default.string, |
| 3204 |
buttonVariant: import_prop_types.default.string, |
| 3205 |
buttonColor: import_prop_types.default.string, |
| 3206 |
icon: import_prop_types.default.string, |
| 3207 |
showButton: import_prop_types.default.bool, |
| 3208 |
showIcon: import_prop_types.default.bool, |
| 3209 |
isLoading: import_prop_types.default.bool, |
| 3210 |
filetypes: import_prop_types.default.array.isRequired, |
| 3211 |
onError: import_prop_types.default.func, |
| 3212 |
description: import_prop_types.default.string, |
| 3213 |
onButtonClick: import_prop_types.default.func, |
| 3214 |
onFileChoose: import_prop_types.default.func |
| 3215 |
}; |
| 3216 |
DropZone.defaultProps = { |
| 3217 |
className: "", |
| 3218 |
type: "file-explorer", |
| 3219 |
icon: "eicon-library-upload", |
| 3220 |
showButton: true, |
| 3221 |
showIcon: true, |
| 3222 |
onError: function onError() {} |
| 3223 |
}; |
| 3224 |
|
| 3225 |
//#endregion |
| 3226 |
//#region app/assets/js/organisms/error-boundary.js |
| 3227 |
function _callSuper$3(t, o, e) { |
| 3228 |
return o = _getPrototypeOf(o), _possibleConstructorReturn$1(t, _isNativeReflectConstruct$3() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); |
| 3229 |
} |
| 3230 |
__name(_callSuper$3, "_callSuper"); |
| 3231 |
function _isNativeReflectConstruct$3() { |
| 3232 |
try { |
| 3233 |
var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {})); |
| 3234 |
} catch (t) {} |
| 3235 |
return (_isNativeReflectConstruct$3 = function _isNativeReflectConstruct() { |
| 3236 |
return !!t; |
| 3237 |
})(); |
| 3238 |
} |
| 3239 |
__name(_isNativeReflectConstruct$3, "_isNativeReflectConstruct"); |
| 3240 |
var ErrorBoundary = /*#__PURE__*/ function(_React$Component) { |
| 3241 |
function ErrorBoundary(props) { |
| 3242 |
var _this; |
| 3243 |
_classCallCheck$1(this, ErrorBoundary); |
| 3244 |
_this = _callSuper$3(this, ErrorBoundary, [props]); |
| 3245 |
_this.state = { hasError: null }; |
| 3246 |
return _this; |
| 3247 |
} |
| 3248 |
_inherits$1(ErrorBoundary, _React$Component); |
| 3249 |
return _createClass(ErrorBoundary, [{ |
| 3250 |
key: "goBack", |
| 3251 |
value: function goBack() { |
| 3252 |
if (window.top !== window.self) window.top.$e.run("app/close"); |
| 3253 |
window.location = elementorAppConfig.return_url; |
| 3254 |
} |
| 3255 |
}, { |
| 3256 |
key: "render", |
| 3257 |
value: function render() { |
| 3258 |
if (this.state.hasError) return /*#__PURE__*/ react.default.createElement(Dialog, { |
| 3259 |
title: this.props.title, |
| 3260 |
text: this.props.text, |
| 3261 |
approveButtonUrl: this.props.learnMoreUrl, |
| 3262 |
approveButtonColor: "link", |
| 3263 |
approveButtonTarget: "_blank", |
| 3264 |
approveButtonText: (0, _wordpress_i18n.__)("Learn More", "elementor"), |
| 3265 |
dismissButtonText: (0, _wordpress_i18n.__)("Go Back", "elementor"), |
| 3266 |
dismissButtonOnClick: this.goBack |
| 3267 |
}); |
| 3268 |
return this.props.children; |
| 3269 |
} |
| 3270 |
}], [{ |
| 3271 |
key: "getDerivedStateFromError", |
| 3272 |
value: function getDerivedStateFromError() { |
| 3273 |
return { hasError: true }; |
| 3274 |
} |
| 3275 |
}]); |
| 3276 |
}(react.default.Component); |
| 3277 |
_defineProperty(ErrorBoundary, "propTypes", { |
| 3278 |
children: import_prop_types.default.any, |
| 3279 |
title: import_prop_types.default.string, |
| 3280 |
text: import_prop_types.default.string, |
| 3281 |
learnMoreUrl: import_prop_types.default.string |
| 3282 |
}); |
| 3283 |
_defineProperty(ErrorBoundary, "defaultProps", { |
| 3284 |
title: (0, _wordpress_i18n.__)("App could not be loaded", "elementor"), |
| 3285 |
text: (0, _wordpress_i18n.__)("We’re sorry, but something went wrong. Click on ‘Learn more’ and follow each of the steps to quickly solve it.", "elementor"), |
| 3286 |
learnMoreUrl: "https://go.elementor.com/app-general-load-issue/" |
| 3287 |
}); |
| 3288 |
|
| 3289 |
//#endregion |
| 3290 |
//#region app/assets/js/molecules/go-pro-button.js |
| 3291 |
function GoProButton(props) { |
| 3292 |
var classes = ["e-app-go-pro-button", props.className]; |
| 3293 |
return /*#__PURE__*/ react.default.createElement(Button$1, _extends$2({}, props, { |
| 3294 |
className: arrayToClassName(classes), |
| 3295 |
text: props.text |
| 3296 |
})); |
| 3297 |
} |
| 3298 |
GoProButton.propTypes = { |
| 3299 |
className: import_prop_types.default.string, |
| 3300 |
text: import_prop_types.default.string |
| 3301 |
}; |
| 3302 |
GoProButton.defaultProps = { |
| 3303 |
className: "", |
| 3304 |
variant: "outlined", |
| 3305 |
size: "sm", |
| 3306 |
color: "cta", |
| 3307 |
target: "_blank", |
| 3308 |
rel: "noopener noreferrer", |
| 3309 |
text: (0, _wordpress_i18n.__)("Upgrade Now", "elementor") |
| 3310 |
}; |
| 3311 |
|
| 3312 |
//#endregion |
| 3313 |
//#region node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js |
| 3314 |
function _arrayWithoutHoles(r) { |
| 3315 |
if (Array.isArray(r)) return _arrayLikeToArray(r); |
| 3316 |
} |
| 3317 |
|
| 3318 |
//#endregion |
| 3319 |
//#region node_modules/@babel/runtime/helpers/esm/iterableToArray.js |
| 3320 |
function _iterableToArray(r) { |
| 3321 |
if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); |
| 3322 |
} |
| 3323 |
|
| 3324 |
//#endregion |
| 3325 |
//#region node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js |
| 3326 |
function _nonIterableSpread() { |
| 3327 |
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); |
| 3328 |
} |
| 3329 |
|
| 3330 |
//#endregion |
| 3331 |
//#region node_modules/@babel/runtime/helpers/esm/toConsumableArray.js |
| 3332 |
function _toConsumableArray(r) { |
| 3333 |
return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); |
| 3334 |
} |
| 3335 |
|
| 3336 |
//#endregion |
| 3337 |
//#region app/assets/js/ui/grid/grid.js |
| 3338 |
function Grid(props) { |
| 3339 |
var propsMap = { |
| 3340 |
direction: "--direction{{ -VALUE }}", |
| 3341 |
justify: "--justify{{ -VALUE }}", |
| 3342 |
alignContent: "--align-content{{ -VALUE }}", |
| 3343 |
alignItems: "--align-items{{ -VALUE }}", |
| 3344 |
container: "-container", |
| 3345 |
item: "-item", |
| 3346 |
noWrap: "-container--no-wrap", |
| 3347 |
wrapReverse: "-container--wrap-reverse", |
| 3348 |
zeroMinWidth: "-item--zero-min-width", |
| 3349 |
spacing: "-container--spacing", |
| 3350 |
xs: "-item-xs{{ -VALUE }}", |
| 3351 |
sm: "-item-sm{{ -VALUE }}", |
| 3352 |
md: "-item-md{{ -VALUE }}", |
| 3353 |
lg: "-item-lg{{ -VALUE }}", |
| 3354 |
xl: "-item-xl{{ -VALUE }}", |
| 3355 |
xxl: "-item-xxl{{ -VALUE }}" |
| 3356 |
}; |
| 3357 |
var getStyle = function getStyle() { |
| 3358 |
return isValidPropValue(props.spacing) ? { "--grid-spacing-gutter": pxToRem(props.spacing) } : {}; |
| 3359 |
}; |
| 3360 |
var classes = [getBaseClassName(), props.className].concat(_toConsumableArray(getPropsClasses(propsMap, props))); |
| 3361 |
return /*#__PURE__*/ react.default.createElement("div", { |
| 3362 |
style: getStyle(), |
| 3363 |
className: arrayToClassName(classes) |
| 3364 |
}, props.children); |
| 3365 |
} |
| 3366 |
function getPropsClasses(propsMap, props) { |
| 3367 |
var classes = []; |
| 3368 |
for (var prop in propsMap) if (props[prop]) { |
| 3369 |
var propValue = isValidPropValue(props[prop]) ? props[prop] : ""; |
| 3370 |
classes.push(getBaseClassName() + renderPropValueBrackets(propsMap[prop], propValue)); |
| 3371 |
} |
| 3372 |
return classes; |
| 3373 |
} |
| 3374 |
function renderPropValueBrackets(propClass, propValue) { |
| 3375 |
var brackets = propClass.match(/{{.*?}}/); |
| 3376 |
if (brackets) { |
| 3377 |
var bracketsValue = propValue ? brackets[0].replace(/[{ }]/g, "").replace(/value/i, propValue) : ""; |
| 3378 |
propClass = propClass.replace(brackets[0], bracketsValue); |
| 3379 |
} |
| 3380 |
return propClass; |
| 3381 |
} |
| 3382 |
function getBaseClassName() { |
| 3383 |
return "eps-grid"; |
| 3384 |
} |
| 3385 |
function isValidPropValue(propValue) { |
| 3386 |
return propValue && "boolean" !== typeof propValue; |
| 3387 |
} |
| 3388 |
Grid.propTypes = { |
| 3389 |
className: import_prop_types.default.string, |
| 3390 |
direction: import_prop_types.default.oneOf([ |
| 3391 |
"row", |
| 3392 |
"column", |
| 3393 |
"row-reverse", |
| 3394 |
"column-reverse" |
| 3395 |
]), |
| 3396 |
justify: import_prop_types.default.oneOf([ |
| 3397 |
"start", |
| 3398 |
"center", |
| 3399 |
"end", |
| 3400 |
"space-between", |
| 3401 |
"space-evenly", |
| 3402 |
"space-around", |
| 3403 |
"stretch" |
| 3404 |
]), |
| 3405 |
alignContent: import_prop_types.default.oneOf([ |
| 3406 |
"start", |
| 3407 |
"center", |
| 3408 |
"end", |
| 3409 |
"space-between", |
| 3410 |
"stretch" |
| 3411 |
]), |
| 3412 |
alignItems: import_prop_types.default.oneOf([ |
| 3413 |
"start", |
| 3414 |
"center", |
| 3415 |
"end", |
| 3416 |
"baseline", |
| 3417 |
"stretch" |
| 3418 |
]), |
| 3419 |
container: import_prop_types.default.bool, |
| 3420 |
item: import_prop_types.default.bool, |
| 3421 |
noWrap: import_prop_types.default.bool, |
| 3422 |
wrapReverse: import_prop_types.default.bool, |
| 3423 |
zeroMinWidth: import_prop_types.default.bool, |
| 3424 |
spacing: import_prop_types.default.number, |
| 3425 |
xs: import_prop_types.default.oneOfType([import_prop_types.default.number, import_prop_types.default.bool]), |
| 3426 |
sm: import_prop_types.default.oneOfType([import_prop_types.default.number, import_prop_types.default.bool]), |
| 3427 |
md: import_prop_types.default.oneOfType([import_prop_types.default.number, import_prop_types.default.bool]), |
| 3428 |
lg: import_prop_types.default.oneOfType([import_prop_types.default.number, import_prop_types.default.bool]), |
| 3429 |
xl: import_prop_types.default.oneOfType([import_prop_types.default.number, import_prop_types.default.bool]), |
| 3430 |
xxl: import_prop_types.default.oneOfType([import_prop_types.default.number, import_prop_types.default.bool]), |
| 3431 |
children: import_prop_types.default.any.isRequired |
| 3432 |
}; |
| 3433 |
Grid.defaultProps = { className: "" }; |
| 3434 |
|
| 3435 |
//#endregion |
| 3436 |
//#region app/assets/js/ui/molecules/list-item.js |
| 3437 |
function ListItem(props) { |
| 3438 |
var baseClassName = "eps-list__item"; |
| 3439 |
var classes = [baseClassName, props.className]; |
| 3440 |
var style; |
| 3441 |
if (Object.prototype.hasOwnProperty.call(props, "padding")) { |
| 3442 |
style = { "--eps-list-item-padding": pxToRem(props.padding) }; |
| 3443 |
classes.push(baseClassName + "--padding"); |
| 3444 |
} |
| 3445 |
return /*#__PURE__*/ react.default.createElement("li", { |
| 3446 |
style, |
| 3447 |
className: arrayToClassName(classes) |
| 3448 |
}, props.children); |
| 3449 |
} |
| 3450 |
ListItem.propTypes = { |
| 3451 |
className: import_prop_types.default.string, |
| 3452 |
padding: import_prop_types.default.string, |
| 3453 |
children: import_prop_types.default.any.isRequired |
| 3454 |
}; |
| 3455 |
ListItem.defaultProps = { className: "" }; |
| 3456 |
|
| 3457 |
//#endregion |
| 3458 |
//#region app/assets/js/ui/molecules/list.js |
| 3459 |
function List(props) { |
| 3460 |
var baseClassName = "eps-list"; |
| 3461 |
var classes = [baseClassName, props.className]; |
| 3462 |
var style; |
| 3463 |
if (Object.prototype.hasOwnProperty.call(props, "padding")) { |
| 3464 |
style = { "--eps-list-padding": pxToRem(props.padding) }; |
| 3465 |
classes.push(baseClassName + "--padding"); |
| 3466 |
} |
| 3467 |
if (props.separated) classes.push(baseClassName + "--separated"); |
| 3468 |
return /*#__PURE__*/ react.default.createElement("ul", { |
| 3469 |
style, |
| 3470 |
className: arrayToClassName(classes) |
| 3471 |
}, props.children); |
| 3472 |
} |
| 3473 |
List.propTypes = { |
| 3474 |
className: import_prop_types.default.string, |
| 3475 |
divided: import_prop_types.default.any, |
| 3476 |
separated: import_prop_types.default.any, |
| 3477 |
padding: import_prop_types.default.string, |
| 3478 |
children: import_prop_types.default.oneOfType([import_prop_types.default.object, import_prop_types.default.arrayOf(import_prop_types.default.object)]).isRequired |
| 3479 |
}; |
| 3480 |
List.defaultProps = { className: "" }; |
| 3481 |
List.Item = ListItem; |
| 3482 |
|
| 3483 |
//#endregion |
| 3484 |
//#region app/assets/js/ui/menu/menu.js |
| 3485 |
function Menu$1(props) { |
| 3486 |
var ActionButton = function ActionButton(itemProps) { |
| 3487 |
if (!props.actionButton) return ""; |
| 3488 |
return props.actionButton(itemProps); |
| 3489 |
}; |
| 3490 |
if (props.promotion) return /*#__PURE__*/ react.default.createElement("nav", { className: "eps-menu" }, props.children, /*#__PURE__*/ react.default.createElement("ul", null, props.menuItems.map(function(item) { |
| 3491 |
return /*#__PURE__*/ react.default.createElement("li", { |
| 3492 |
key: item.type, |
| 3493 |
className: "eps-menu-item" |
| 3494 |
}, /*#__PURE__*/ react.default.createElement(Button$1, _extends$2({ |
| 3495 |
text: item.title, |
| 3496 |
className: "eps-menu-item__link" |
| 3497 |
}, item)), /*#__PURE__*/ react.default.createElement(ActionButton, item)); |
| 3498 |
}))); |
| 3499 |
return /*#__PURE__*/ react.default.createElement(LocationProvider, { history: router.appHistory }, /*#__PURE__*/ react.default.createElement("nav", { className: "eps-menu" }, props.children, /*#__PURE__*/ react.default.createElement("ul", null, props.menuItems.map(function(item) { |
| 3500 |
return /*#__PURE__*/ react.default.createElement(Match, { |
| 3501 |
key: item.type, |
| 3502 |
path: item.url |
| 3503 |
}, function(_ref) { |
| 3504 |
var match = _ref.match; |
| 3505 |
return /*#__PURE__*/ react.default.createElement("li", { |
| 3506 |
key: item.type, |
| 3507 |
className: "eps-menu-item".concat(match ? " eps-menu-item--active" : "") |
| 3508 |
}, /*#__PURE__*/ react.default.createElement(Button$1, _extends$2({ |
| 3509 |
text: item.title, |
| 3510 |
className: "eps-menu-item__link" |
| 3511 |
}, item)), /*#__PURE__*/ react.default.createElement(ActionButton, item)); |
| 3512 |
}); |
| 3513 |
})))); |
| 3514 |
} |
| 3515 |
__name(Menu$1, "Menu"); |
| 3516 |
Menu$1.propTypes = { |
| 3517 |
menuItems: import_prop_types.default.arrayOf(import_prop_types.default.object), |
| 3518 |
children: import_prop_types.default.any, |
| 3519 |
actionButton: import_prop_types.default.func, |
| 3520 |
promotion: import_prop_types.default.bool |
| 3521 |
}; |
| 3522 |
|
| 3523 |
//#endregion |
| 3524 |
//#region node_modules/@babel/runtime/helpers/esm/superPropBase.js |
| 3525 |
function _superPropBase(t, o) { |
| 3526 |
for (; !{}.hasOwnProperty.call(t, o) && null !== (t = _getPrototypeOf(t));); |
| 3527 |
return t; |
| 3528 |
} |
| 3529 |
|
| 3530 |
//#endregion |
| 3531 |
//#region node_modules/@babel/runtime/helpers/esm/get.js |
| 3532 |
function _get() { |
| 3533 |
return _get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function(e, t, r) { |
| 3534 |
var p = _superPropBase(e, t); |
| 3535 |
if (p) { |
| 3536 |
var n = Object.getOwnPropertyDescriptor(p, t); |
| 3537 |
return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; |
| 3538 |
} |
| 3539 |
}, _get.apply(null, arguments); |
| 3540 |
} |
| 3541 |
|
| 3542 |
//#endregion |
| 3543 |
//#region app/assets/js/ui/menu/menu-item.js |
| 3544 |
function _callSuper$2(t, o, e) { |
| 3545 |
return o = _getPrototypeOf(o), _possibleConstructorReturn$1(t, _isNativeReflectConstruct$2() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); |
| 3546 |
} |
| 3547 |
__name(_callSuper$2, "_callSuper"); |
| 3548 |
function _isNativeReflectConstruct$2() { |
| 3549 |
try { |
| 3550 |
var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {})); |
| 3551 |
} catch (t) {} |
| 3552 |
return (_isNativeReflectConstruct$2 = function _isNativeReflectConstruct() { |
| 3553 |
return !!t; |
| 3554 |
})(); |
| 3555 |
} |
| 3556 |
__name(_isNativeReflectConstruct$2, "_isNativeReflectConstruct"); |
| 3557 |
function _superPropGet$1(t, o, e, r) { |
| 3558 |
var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); |
| 3559 |
return 2 & r && "function" == typeof p ? function(t) { |
| 3560 |
return p.apply(e, t); |
| 3561 |
} : p; |
| 3562 |
} |
| 3563 |
__name(_superPropGet$1, "_superPropGet"); |
| 3564 |
var SideMenuItem = /*#__PURE__*/ function(_BaseButton) { |
| 3565 |
function SideMenuItem() { |
| 3566 |
_classCallCheck$1(this, SideMenuItem); |
| 3567 |
return _callSuper$2(this, SideMenuItem, arguments); |
| 3568 |
} |
| 3569 |
_inherits$1(SideMenuItem, _BaseButton); |
| 3570 |
return _createClass(SideMenuItem, [{ |
| 3571 |
key: "getCssId", |
| 3572 |
value: function getCssId() { |
| 3573 |
return "eps-menu-item-" + _superPropGet$1(SideMenuItem, "getCssId", this, 3)([]); |
| 3574 |
} |
| 3575 |
}, { |
| 3576 |
key: "getClassName", |
| 3577 |
value: function getClassName() { |
| 3578 |
return "eps-menu-item " + _superPropGet$1(SideMenuItem, "getClassName", this, 3)([]); |
| 3579 |
} |
| 3580 |
}]); |
| 3581 |
}(Button$1); |
| 3582 |
|
| 3583 |
//#endregion |
| 3584 |
//#region app/assets/js/ui/modal/modal-section.js |
| 3585 |
function ModalSection(props) { |
| 3586 |
return /*#__PURE__*/ react.default.createElement("section", { className: arrayToClassName(["eps-modal__section", props.className]) }, props.children); |
| 3587 |
} |
| 3588 |
ModalSection.propTypes = { |
| 3589 |
className: import_prop_types.default.string, |
| 3590 |
children: import_prop_types.default.any |
| 3591 |
}; |
| 3592 |
ModalSection.defaultProps = { className: "" }; |
| 3593 |
|
| 3594 |
//#endregion |
| 3595 |
//#region app/assets/js/ui/modal/modal-tip.js |
| 3596 |
function ModalTip(props) { |
| 3597 |
return /*#__PURE__*/ react.default.createElement("div", { className: arrayToClassName(["eps-modal__tip", props.className]) }, /*#__PURE__*/ react.default.createElement(Heading, { |
| 3598 |
variant: "h3", |
| 3599 |
tag: "h3" |
| 3600 |
}, props.title), props.description && /*#__PURE__*/ react.default.createElement(Text, { variant: "xs" }, props.description)); |
| 3601 |
} |
| 3602 |
ModalTip.propTypes = { |
| 3603 |
className: import_prop_types.default.string, |
| 3604 |
title: import_prop_types.default.string, |
| 3605 |
description: import_prop_types.default.string |
| 3606 |
}; |
| 3607 |
ModalTip.defaultProps = { |
| 3608 |
className: "", |
| 3609 |
title: (0, _wordpress_i18n.__)("Tip", "elementor") |
| 3610 |
}; |
| 3611 |
|
| 3612 |
//#endregion |
| 3613 |
//#region app/assets/js/ui/modal/modal.js |
| 3614 |
function ownKeys$3(e, r) { |
| 3615 |
var t = Object.keys(e); |
| 3616 |
if (Object.getOwnPropertySymbols) { |
| 3617 |
var o = Object.getOwnPropertySymbols(e); |
| 3618 |
r && (o = o.filter(function(r) { |
| 3619 |
return Object.getOwnPropertyDescriptor(e, r).enumerable; |
| 3620 |
})), t.push.apply(t, o); |
| 3621 |
} |
| 3622 |
return t; |
| 3623 |
} |
| 3624 |
__name(ownKeys$3, "ownKeys"); |
| 3625 |
function _objectSpread$3(e) { |
| 3626 |
for (var r = 1; r < arguments.length; r++) { |
| 3627 |
var t = null != arguments[r] ? arguments[r] : {}; |
| 3628 |
r % 2 ? ownKeys$3(Object(t), !0).forEach(function(r) { |
| 3629 |
_defineProperty(e, r, t[r]); |
| 3630 |
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function(r) { |
| 3631 |
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); |
| 3632 |
}); |
| 3633 |
} |
| 3634 |
return e; |
| 3635 |
} |
| 3636 |
__name(_objectSpread$3, "_objectSpread"); |
| 3637 |
function ModalProvider(props) { |
| 3638 |
var _useState2 = _slicedToArray((0, react.useState)(props.show), 2); |
| 3639 |
var show = _useState2[0]; |
| 3640 |
var setShow = _useState2[1]; |
| 3641 |
var hideModal = function hideModal() { |
| 3642 |
setShow(false); |
| 3643 |
if (props.setShow) props.setShow(false); |
| 3644 |
}; |
| 3645 |
var showModal = function showModal() { |
| 3646 |
setShow(true); |
| 3647 |
if (props.setShow) props.setShow(true); |
| 3648 |
}; |
| 3649 |
var modalAttrs = _objectSpread$3(_objectSpread$3({}, props), {}, { |
| 3650 |
show, |
| 3651 |
hideModal, |
| 3652 |
showModal |
| 3653 |
}); |
| 3654 |
(0, react.useEffect)(function() { |
| 3655 |
setShow(props.show); |
| 3656 |
}, [props.show]); |
| 3657 |
return /*#__PURE__*/ react.default.createElement(react.default.Fragment, null, props.toggleButtonProps && /*#__PURE__*/ react.default.createElement(Button$1, _extends$2({}, props.toggleButtonProps, { onClick: showModal })), /*#__PURE__*/ react.default.createElement(Modal, modalAttrs, props.children)); |
| 3658 |
} |
| 3659 |
ModalProvider.propTypes = { |
| 3660 |
children: import_prop_types.default.node.isRequired, |
| 3661 |
toggleButtonProps: import_prop_types.default.object, |
| 3662 |
title: import_prop_types.default.string, |
| 3663 |
icon: import_prop_types.default.string, |
| 3664 |
show: import_prop_types.default.bool, |
| 3665 |
setShow: import_prop_types.default.func, |
| 3666 |
onOpen: import_prop_types.default.func, |
| 3667 |
onClose: import_prop_types.default.func |
| 3668 |
}; |
| 3669 |
ModalProvider.defaultProps = { show: false }; |
| 3670 |
ModalProvider.Section = ModalSection; |
| 3671 |
ModalProvider.Tip = ModalTip; |
| 3672 |
var Modal = function Modal(props) { |
| 3673 |
var modalRef = (0, react.useRef)(null); |
| 3674 |
var closeRef = (0, react.useRef)(null); |
| 3675 |
var closeModal = function closeModal(e) { |
| 3676 |
var node = modalRef.current; |
| 3677 |
var closeNode = closeRef.current; |
| 3678 |
var isInCloseNode = closeNode && closeNode.contains(e.target); |
| 3679 |
if (node && node.contains(e.target) && !isInCloseNode) return; |
| 3680 |
props.hideModal(); |
| 3681 |
if (props.onClose) props.onClose(e); |
| 3682 |
}; |
| 3683 |
(0, react.useEffect)(function() { |
| 3684 |
if (props.show) { |
| 3685 |
var _props$onOpen; |
| 3686 |
document.addEventListener("mousedown", closeModal, false); |
| 3687 |
(_props$onOpen = props.onOpen) === null || _props$onOpen === void 0 || _props$onOpen.call(props); |
| 3688 |
} |
| 3689 |
return function() { |
| 3690 |
return document.removeEventListener("mousedown", closeModal, false); |
| 3691 |
}; |
| 3692 |
}, [props.show]); |
| 3693 |
if (!props.show) return null; |
| 3694 |
return /*#__PURE__*/ react.default.createElement("div", { |
| 3695 |
className: "eps-modal__overlay", |
| 3696 |
onClick: closeModal |
| 3697 |
}, /*#__PURE__*/ react.default.createElement("div", { |
| 3698 |
className: arrayToClassName(["eps-modal", props.className]), |
| 3699 |
ref: modalRef |
| 3700 |
}, /*#__PURE__*/ react.default.createElement(Grid, { |
| 3701 |
container: true, |
| 3702 |
className: "eps-modal__header", |
| 3703 |
justify: "space-between", |
| 3704 |
alignItems: "center" |
| 3705 |
}, /*#__PURE__*/ react.default.createElement(Grid, { item: true }, /*#__PURE__*/ react.default.createElement(Icon, { className: "eps-modal__icon ".concat(props.icon) }), /*#__PURE__*/ react.default.createElement(Text, { |
| 3706 |
className: "title", |
| 3707 |
tag: "span" |
| 3708 |
}, props.title)), /*#__PURE__*/ react.default.createElement(Grid, { item: true }, /*#__PURE__*/ react.default.createElement("div", { |
| 3709 |
className: "eps-modal__close-wrapper", |
| 3710 |
ref: closeRef |
| 3711 |
}, /*#__PURE__*/ react.default.createElement(Button$1, { |
| 3712 |
text: (0, _wordpress_i18n.__)("Close", "elementor"), |
| 3713 |
hideText: true, |
| 3714 |
icon: "eicon-close", |
| 3715 |
onClick: props.closeModal |
| 3716 |
})))), /*#__PURE__*/ react.default.createElement("div", { className: "eps-modal__body" }, props.children))); |
| 3717 |
}; |
| 3718 |
Modal.propTypes = { |
| 3719 |
className: import_prop_types.default.string, |
| 3720 |
children: import_prop_types.default.any.isRequired, |
| 3721 |
title: import_prop_types.default.string.isRequired, |
| 3722 |
icon: import_prop_types.default.string, |
| 3723 |
show: import_prop_types.default.bool, |
| 3724 |
setShow: import_prop_types.default.func, |
| 3725 |
hideModal: import_prop_types.default.func, |
| 3726 |
showModal: import_prop_types.default.func, |
| 3727 |
closeModal: import_prop_types.default.func, |
| 3728 |
onOpen: import_prop_types.default.func, |
| 3729 |
onClose: import_prop_types.default.func |
| 3730 |
}; |
| 3731 |
Modal.defaultProps = { className: "" }; |
| 3732 |
|
| 3733 |
//#endregion |
| 3734 |
//#region app/assets/js/hooks/use-action.js |
| 3735 |
function useAction() { |
| 3736 |
return { |
| 3737 |
backToDashboard: function backToDashboard() { |
| 3738 |
if (window.top === window) window.top.location = elementorAppConfig.admin_url; |
| 3739 |
else window.top.$e.run("app/close"); |
| 3740 |
}, |
| 3741 |
backToReferrer: function backToReferrer() { |
| 3742 |
if (window.top === window) window.top.location = elementorAppConfig.return_url.includes(elementorAppConfig.login_url) ? elementorAppConfig.admin_url : elementorAppConfig.return_url; |
| 3743 |
else window.top.$e.run("app/close"); |
| 3744 |
} |
| 3745 |
}; |
| 3746 |
} |
| 3747 |
|
| 3748 |
//#endregion |
| 3749 |
//#region app/assets/js/layout/header-button.js |
| 3750 |
function _callSuper$1(t, o, e) { |
| 3751 |
return o = _getPrototypeOf(o), _possibleConstructorReturn$1(t, _isNativeReflectConstruct$1() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); |
| 3752 |
} |
| 3753 |
__name(_callSuper$1, "_callSuper"); |
| 3754 |
function _isNativeReflectConstruct$1() { |
| 3755 |
try { |
| 3756 |
var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {})); |
| 3757 |
} catch (t) {} |
| 3758 |
return (_isNativeReflectConstruct$1 = function _isNativeReflectConstruct() { |
| 3759 |
return !!t; |
| 3760 |
})(); |
| 3761 |
} |
| 3762 |
__name(_isNativeReflectConstruct$1, "_isNativeReflectConstruct"); |
| 3763 |
function _superPropGet(t, o, e, r) { |
| 3764 |
var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); |
| 3765 |
return 2 & r && "function" == typeof p ? function(t) { |
| 3766 |
return p.apply(e, t); |
| 3767 |
} : p; |
| 3768 |
} |
| 3769 |
var Button = /*#__PURE__*/ function(_BaseButton) { |
| 3770 |
function Button() { |
| 3771 |
_classCallCheck$1(this, Button); |
| 3772 |
return _callSuper$1(this, Button, arguments); |
| 3773 |
} |
| 3774 |
_inherits$1(Button, _BaseButton); |
| 3775 |
return _createClass(Button, [{ |
| 3776 |
key: "getCssId", |
| 3777 |
value: function getCssId() { |
| 3778 |
return "eps-app-header-btn-" + _superPropGet(Button, "getCssId", this, 3)([]); |
| 3779 |
} |
| 3780 |
}, { |
| 3781 |
key: "getClassName", |
| 3782 |
value: function getClassName() { |
| 3783 |
if (!this.props.includeHeaderBtnClass) return _superPropGet(Button, "getClassName", this, 3)([]); |
| 3784 |
return "eps-app__header-btn " + _superPropGet(Button, "getClassName", this, 3)([]); |
| 3785 |
} |
| 3786 |
}]); |
| 3787 |
}(Button$1); |
| 3788 |
_defineProperty(Button, "defaultProps", Object.assign({}, Button$1.defaultProps, { |
| 3789 |
hideText: true, |
| 3790 |
includeHeaderBtnClass: true |
| 3791 |
})); |
| 3792 |
|
| 3793 |
//#endregion |
| 3794 |
//#region app/assets/js/layout/header-buttons.js |
| 3795 |
function HeaderButtons(props) { |
| 3796 |
var action = useAction(); |
| 3797 |
var actionOnClose = function actionOnClose() { |
| 3798 |
if (props.onClose) props.onClose(); |
| 3799 |
else action.backToDashboard(); |
| 3800 |
}; |
| 3801 |
var tools = ""; |
| 3802 |
if (props.buttons.length) { |
| 3803 |
var buttons = props.buttons.map(function(button) { |
| 3804 |
return /*#__PURE__*/ react.default.createElement(Button, _extends$2({ key: button.id }, button)); |
| 3805 |
}); |
| 3806 |
tools = /*#__PURE__*/ react.default.createElement(react.default.Fragment, null, buttons); |
| 3807 |
} |
| 3808 |
return /*#__PURE__*/ react.default.createElement("div", { className: "eps-app__header-buttons" }, /*#__PURE__*/ react.default.createElement(Button, { |
| 3809 |
text: (0, _wordpress_i18n.__)("Close", "elementor"), |
| 3810 |
icon: "eicon-close", |
| 3811 |
className: "eps-app__close-button", |
| 3812 |
onClick: actionOnClose |
| 3813 |
}), tools); |
| 3814 |
} |
| 3815 |
HeaderButtons.propTypes = { |
| 3816 |
buttons: import_prop_types.default.arrayOf(import_prop_types.default.object), |
| 3817 |
onClose: import_prop_types.default.func |
| 3818 |
}; |
| 3819 |
HeaderButtons.defaultProps = { buttons: [] }; |
| 3820 |
|
| 3821 |
//#endregion |
| 3822 |
//#region app/assets/js/hooks/use-page-title.js |
| 3823 |
function usePageTitle(_ref) { |
| 3824 |
var title = _ref.title; |
| 3825 |
var prefix = _ref.prefix; |
| 3826 |
var prefixRef = (0, react.useRef)(prefix); |
| 3827 |
(0, react.useEffect)(function() { |
| 3828 |
if (!prefix) prefixRef.current = (0, _wordpress_i18n.__)("Elementor", "elementor"); |
| 3829 |
document.title = "".concat(prefixRef.current, " | ").concat(title); |
| 3830 |
}, [title, prefix]); |
| 3831 |
} |
| 3832 |
|
| 3833 |
//#endregion |
| 3834 |
//#region app/assets/js/layout/header.js |
| 3835 |
function Header(props) { |
| 3836 |
usePageTitle({ title: props.title }); |
| 3837 |
var TitleTag = "span"; |
| 3838 |
var titleAttrs = {}; |
| 3839 |
if (props.titleRedirectRoute) { |
| 3840 |
TitleTag = "a"; |
| 3841 |
titleAttrs = { |
| 3842 |
href: "#".concat(props.titleRedirectRoute), |
| 3843 |
target: "_self" |
| 3844 |
}; |
| 3845 |
} |
| 3846 |
return /*#__PURE__*/ react.default.createElement(Grid, { |
| 3847 |
container: true, |
| 3848 |
alignItems: "center", |
| 3849 |
justify: "space-between", |
| 3850 |
className: "eps-app__header" |
| 3851 |
}, /*#__PURE__*/ react.default.createElement(TitleTag, _extends$2({ 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, { |
| 3852 |
buttons: props.buttons, |
| 3853 |
onClose: props.onClose |
| 3854 |
})); |
| 3855 |
} |
| 3856 |
Header.propTypes = { |
| 3857 |
title: import_prop_types.default.string, |
| 3858 |
titleRedirectRoute: import_prop_types.default.string, |
| 3859 |
buttons: import_prop_types.default.arrayOf(import_prop_types.default.object), |
| 3860 |
onClose: import_prop_types.default.func |
| 3861 |
}; |
| 3862 |
Header.defaultProps = { buttons: [] }; |
| 3863 |
|
| 3864 |
//#endregion |
| 3865 |
//#region app/assets/js/layout/sidebar.js |
| 3866 |
function Sidebar(props) { |
| 3867 |
return /*#__PURE__*/ react.default.createElement("div", { className: "eps-app__sidebar" }, props.children); |
| 3868 |
} |
| 3869 |
Sidebar.propTypes = { children: import_prop_types.default.object }; |
| 3870 |
|
| 3871 |
//#endregion |
| 3872 |
//#region app/assets/js/layout/content.js |
| 3873 |
function Content(props) { |
| 3874 |
return /*#__PURE__*/ react.default.createElement("main", { className: "eps-app__content ".concat(props.className) }, props.children); |
| 3875 |
} |
| 3876 |
Content.propTypes = { |
| 3877 |
children: import_prop_types.default.any, |
| 3878 |
className: import_prop_types.default.string |
| 3879 |
}; |
| 3880 |
Content.defaultProps = { className: "" }; |
| 3881 |
|
| 3882 |
//#endregion |
| 3883 |
//#region app/assets/js/layout/footer.js |
| 3884 |
function Footer(props) { |
| 3885 |
return /*#__PURE__*/ react.default.createElement("footer", { className: "eps-app__footer" }, props.children); |
| 3886 |
} |
| 3887 |
Footer.propTypes = { children: import_prop_types.default.object }; |
| 3888 |
|
| 3889 |
//#endregion |
| 3890 |
//#region app/assets/js/layout/page.js |
| 3891 |
function Page(props) { |
| 3892 |
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, { |
| 3893 |
title: props.title, |
| 3894 |
buttons: props.headerButtons, |
| 3895 |
titleRedirectRoute: props.titleRedirectRoute, |
| 3896 |
onClose: props.onClose |
| 3897 |
}), /*#__PURE__*/ react.default.createElement("div", { className: "eps-app__main" }, function AppSidebar() { |
| 3898 |
if (!props.sidebar) return; |
| 3899 |
return /*#__PURE__*/ react.default.createElement(Sidebar, null, props.sidebar); |
| 3900 |
}(), /*#__PURE__*/ react.default.createElement(Content, null, props.content)), function AppFooter() { |
| 3901 |
if (!props.footer) return; |
| 3902 |
return /*#__PURE__*/ react.default.createElement(Footer, null, props.footer); |
| 3903 |
}())); |
| 3904 |
} |
| 3905 |
Page.propTypes = { |
| 3906 |
title: import_prop_types.default.string, |
| 3907 |
titleRedirectRoute: import_prop_types.default.string, |
| 3908 |
className: import_prop_types.default.string, |
| 3909 |
headerButtons: import_prop_types.default.arrayOf(import_prop_types.default.object), |
| 3910 |
sidebar: import_prop_types.default.object, |
| 3911 |
content: import_prop_types.default.object.isRequired, |
| 3912 |
footer: import_prop_types.default.object, |
| 3913 |
onClose: import_prop_types.default.func |
| 3914 |
}; |
| 3915 |
Page.defaultProps = { className: "" }; |
| 3916 |
|
| 3917 |
//#endregion |
| 3918 |
//#region app/assets/js/pages/not-found.js |
| 3919 |
function NotFound$1() { |
| 3920 |
var config = { |
| 3921 |
title: (0, _wordpress_i18n.__)("Not Found", "elementor"), |
| 3922 |
className: "eps-app__not-found", |
| 3923 |
content: /*#__PURE__*/ react.default.createElement("h1", null, " ", (0, _wordpress_i18n.__)("Not Found", "elementor"), " "), |
| 3924 |
sidebar: /*#__PURE__*/ react.default.createElement(react.default.Fragment, null) |
| 3925 |
}; |
| 3926 |
return /*#__PURE__*/ react.default.createElement(Page, config); |
| 3927 |
} |
| 3928 |
__name(NotFound$1, "NotFound"); |
| 3929 |
|
| 3930 |
//#endregion |
| 3931 |
//#region app/assets/js/ui/molecules/notice.js |
| 3932 |
var iconsClassesMap = { |
| 3933 |
danger: "eicon-warning", |
| 3934 |
info: "eicon-info-circle-o", |
| 3935 |
warning: "eicon-warning" |
| 3936 |
}; |
| 3937 |
function Notice(props) { |
| 3938 |
var baseClassName = "eps-notice"; |
| 3939 |
var classes = [baseClassName, props.className]; |
| 3940 |
if (props.color) classes.push(baseClassName + "-semantic", baseClassName + "--" + props.color); |
| 3941 |
return /*#__PURE__*/ react.default.createElement(Grid, { |
| 3942 |
className: arrayToClassName(classes), |
| 3943 |
container: true, |
| 3944 |
noWrap: true, |
| 3945 |
alignItems: "center", |
| 3946 |
justify: "space-between" |
| 3947 |
}, /*#__PURE__*/ react.default.createElement(Grid, { |
| 3948 |
item: true, |
| 3949 |
container: true, |
| 3950 |
alignItems: "start", |
| 3951 |
noWrap: true |
| 3952 |
}, props.withIcon && props.color && /*#__PURE__*/ react.default.createElement(Icon, { className: arrayToClassName(["eps-notice__icon", iconsClassesMap[props.color]]) }), /*#__PURE__*/ react.default.createElement(Text, { |
| 3953 |
variant: "xs", |
| 3954 |
className: "eps-notice__text" |
| 3955 |
}, props.label && /*#__PURE__*/ react.default.createElement("strong", null, props.label + " "), props.children)), props.button && /*#__PURE__*/ react.default.createElement(Grid, { |
| 3956 |
item: true, |
| 3957 |
container: true, |
| 3958 |
justify: "end", |
| 3959 |
className: baseClassName + "__button-container" |
| 3960 |
}, props.button)); |
| 3961 |
} |
| 3962 |
Notice.propTypes = { |
| 3963 |
className: import_prop_types.default.string, |
| 3964 |
color: import_prop_types.default.string, |
| 3965 |
label: import_prop_types.default.string, |
| 3966 |
children: import_prop_types.default.any.isRequired, |
| 3967 |
icon: import_prop_types.default.string, |
| 3968 |
withIcon: import_prop_types.default.bool, |
| 3969 |
button: import_prop_types.default.object |
| 3970 |
}; |
| 3971 |
Notice.defaultProps = { |
| 3972 |
className: "", |
| 3973 |
withIcon: true, |
| 3974 |
button: null |
| 3975 |
}; |
| 3976 |
|
| 3977 |
//#endregion |
| 3978 |
//#region app/assets/js/ui/molecules/popover.js |
| 3979 |
function Popover(props) { |
| 3980 |
return /*#__PURE__*/ react.default.createElement(react.default.Fragment, null, /*#__PURE__*/ react.default.createElement("div", { |
| 3981 |
className: "eps-popover__background", |
| 3982 |
onClick: props.closeFunction |
| 3983 |
}), /*#__PURE__*/ react.default.createElement("ul", { |
| 3984 |
className: "eps-popover ".concat(function getArrowPositionClass() { |
| 3985 |
switch (props.arrowPosition) { |
| 3986 |
case "start": return "eps-popover--arrow-start"; |
| 3987 |
case "end": return "eps-popover--arrow-end"; |
| 3988 |
case "none": return "eps-popover--arrow-none"; |
| 3989 |
default: return "eps-popover--arrow-center"; |
| 3990 |
} |
| 3991 |
}(), " ").concat(props.className), |
| 3992 |
onClick: props.closeFunction |
| 3993 |
}, props.children)); |
| 3994 |
} |
| 3995 |
Popover.propTypes = { |
| 3996 |
children: import_prop_types.default.any.isRequired, |
| 3997 |
className: import_prop_types.default.string, |
| 3998 |
closeFunction: import_prop_types.default.func, |
| 3999 |
arrowPosition: import_prop_types.default.oneOf([ |
| 4000 |
"start", |
| 4001 |
"center", |
| 4002 |
"end", |
| 4003 |
"none" |
| 4004 |
]) |
| 4005 |
}; |
| 4006 |
Popover.defaultProps = { |
| 4007 |
className: "", |
| 4008 |
arrowPosition: "center" |
| 4009 |
}; |
| 4010 |
|
| 4011 |
//#endregion |
| 4012 |
//#region app/assets/js/ui/atoms/select.js |
| 4013 |
function Select(props) { |
| 4014 |
return /*#__PURE__*/ react.default.createElement("select", { |
| 4015 |
multiple: props.multiple, |
| 4016 |
className: props.className, |
| 4017 |
value: props.value, |
| 4018 |
onChange: props.onChange, |
| 4019 |
ref: props.elRef, |
| 4020 |
onClick: function onClick() { |
| 4021 |
var _props$onClick; |
| 4022 |
return (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props); |
| 4023 |
} |
| 4024 |
}, props.options.map(function(option) { |
| 4025 |
return option.children ? /*#__PURE__*/ react.default.createElement("optgroup", { |
| 4026 |
label: option.label, |
| 4027 |
key: option.label |
| 4028 |
}, option.children.map(function(childOption) { |
| 4029 |
return /*#__PURE__*/ react.default.createElement("option", { |
| 4030 |
key: childOption.value, |
| 4031 |
value: childOption.value |
| 4032 |
}, childOption.label); |
| 4033 |
})) : /*#__PURE__*/ react.default.createElement("option", { |
| 4034 |
key: option.value, |
| 4035 |
value: option.value |
| 4036 |
}, option.label); |
| 4037 |
})); |
| 4038 |
} |
| 4039 |
Select.propTypes = { |
| 4040 |
className: import_prop_types.default.string, |
| 4041 |
onChange: import_prop_types.default.func, |
| 4042 |
options: import_prop_types.default.array, |
| 4043 |
elRef: import_prop_types.default.object, |
| 4044 |
multiple: import_prop_types.default.bool, |
| 4045 |
value: import_prop_types.default.oneOfType([import_prop_types.default.array, import_prop_types.default.string]), |
| 4046 |
onClick: import_prop_types.default.func |
| 4047 |
}; |
| 4048 |
Select.defaultProps = { |
| 4049 |
className: "", |
| 4050 |
options: [] |
| 4051 |
}; |
| 4052 |
|
| 4053 |
//#endregion |
| 4054 |
//#region app/assets/js/ui/molecules/select2.js |
| 4055 |
function ownKeys$2(e, r) { |
| 4056 |
var t = Object.keys(e); |
| 4057 |
if (Object.getOwnPropertySymbols) { |
| 4058 |
var o = Object.getOwnPropertySymbols(e); |
| 4059 |
r && (o = o.filter(function(r) { |
| 4060 |
return Object.getOwnPropertyDescriptor(e, r).enumerable; |
| 4061 |
})), t.push.apply(t, o); |
| 4062 |
} |
| 4063 |
return t; |
| 4064 |
} |
| 4065 |
__name(ownKeys$2, "ownKeys"); |
| 4066 |
function _objectSpread$2(e) { |
| 4067 |
for (var r = 1; r < arguments.length; r++) { |
| 4068 |
var t = null != arguments[r] ? arguments[r] : {}; |
| 4069 |
r % 2 ? ownKeys$2(Object(t), !0).forEach(function(r) { |
| 4070 |
_defineProperty(e, r, t[r]); |
| 4071 |
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function(r) { |
| 4072 |
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); |
| 4073 |
}); |
| 4074 |
} |
| 4075 |
return e; |
| 4076 |
} |
| 4077 |
__name(_objectSpread$2, "_objectSpread"); |
| 4078 |
/** |
| 4079 |
* Default settings of the select 2 |
| 4080 |
* |
| 4081 |
* @return {{placeholder: string, allowClear: boolean, dir: string}} |
| 4082 |
*/ |
| 4083 |
var getDefaultSettings = function getDefaultSettings() { |
| 4084 |
return { |
| 4085 |
allowClear: true, |
| 4086 |
placeholder: "", |
| 4087 |
dir: elementorCommon.config.isRTL ? "rtl" : "ltr" |
| 4088 |
}; |
| 4089 |
}; |
| 4090 |
/** |
| 4091 |
* Main component |
| 4092 |
* |
| 4093 |
* @param {*} props |
| 4094 |
* @return {*} component |
| 4095 |
* @function Object() { [native code] } |
| 4096 |
*/ |
| 4097 |
function Select2(props) { |
| 4098 |
var ref = react.default.useRef(null); |
| 4099 |
react.default.useEffect(function() { |
| 4100 |
var $select2 = jQuery(ref.current).select2(_objectSpread$2(_objectSpread$2(_objectSpread$2({}, getDefaultSettings()), props.settings), {}, { placeholder: props.placeholder })).on("select2:select select2:unselect", props.onChange); |
| 4101 |
if (props.onReady) props.onReady($select2); |
| 4102 |
return function() { |
| 4103 |
$select2.select2("destroy").off("select2:select select2:unselect"); |
| 4104 |
}; |
| 4105 |
}, [props.settings, props.options]); |
| 4106 |
react.default.useEffect(function() { |
| 4107 |
jQuery(ref.current).val(props.value).trigger("change"); |
| 4108 |
}, [props.value]); |
| 4109 |
return /*#__PURE__*/ react.default.createElement(Select, { |
| 4110 |
multiple: props.multiple, |
| 4111 |
value: props.value, |
| 4112 |
onChange: props.onChange, |
| 4113 |
elRef: ref, |
| 4114 |
options: props.options, |
| 4115 |
placeholder: props.placeholder |
| 4116 |
}); |
| 4117 |
} |
| 4118 |
Select2.propTypes = { |
| 4119 |
value: import_prop_types.default.oneOfType([import_prop_types.default.array, import_prop_types.default.string]), |
| 4120 |
onChange: import_prop_types.default.func, |
| 4121 |
onReady: import_prop_types.default.func, |
| 4122 |
options: import_prop_types.default.array, |
| 4123 |
settings: import_prop_types.default.object, |
| 4124 |
multiple: import_prop_types.default.bool, |
| 4125 |
placeholder: import_prop_types.default.string |
| 4126 |
}; |
| 4127 |
Select2.defaultProps = { |
| 4128 |
settings: {}, |
| 4129 |
options: [], |
| 4130 |
dependencies: [], |
| 4131 |
placeholder: "" |
| 4132 |
}; |
| 4133 |
|
| 4134 |
//#endregion |
| 4135 |
//#region app/assets/js/ui/molecules/inline-link.js |
| 4136 |
function InlineLink(props) { |
| 4137 |
var baseClassName = "eps-inline-link"; |
| 4138 |
var className = arrayToClassName([ |
| 4139 |
baseClassName, |
| 4140 |
"".concat(baseClassName, "--color-").concat(props.color), |
| 4141 |
"none" !== props.underline ? "".concat(baseClassName, "--underline-").concat(props.underline) : "", |
| 4142 |
props.italic ? "".concat(baseClassName, "--italic") : "", |
| 4143 |
props.className |
| 4144 |
]); |
| 4145 |
var getRouterLink = function getRouterLink() { |
| 4146 |
return /*#__PURE__*/ react.default.createElement(LocationProvider, { history: router.appHistory }, /*#__PURE__*/ react.default.createElement(Link, { |
| 4147 |
to: props.url, |
| 4148 |
className |
| 4149 |
}, props.children)); |
| 4150 |
}; |
| 4151 |
var getExternalLink = function getExternalLink() { |
| 4152 |
return /*#__PURE__*/ react.default.createElement("a", { |
| 4153 |
href: props.url, |
| 4154 |
target: props.target, |
| 4155 |
rel: props.rel, |
| 4156 |
className, |
| 4157 |
onClick: props.onClick |
| 4158 |
}, props.children); |
| 4159 |
}; |
| 4160 |
var getActionLink = function getActionLink() { |
| 4161 |
return /*#__PURE__*/ react.default.createElement("button", { |
| 4162 |
className, |
| 4163 |
onClick: props.onClick |
| 4164 |
}, props.children); |
| 4165 |
}; |
| 4166 |
if (!props.url) return getActionLink(); |
| 4167 |
return props.url.includes("http") ? getExternalLink() : getRouterLink(); |
| 4168 |
} |
| 4169 |
InlineLink.propTypes = { |
| 4170 |
className: import_prop_types.default.string, |
| 4171 |
children: import_prop_types.default.any, |
| 4172 |
url: import_prop_types.default.string, |
| 4173 |
target: import_prop_types.default.string, |
| 4174 |
rel: import_prop_types.default.string, |
| 4175 |
text: import_prop_types.default.string, |
| 4176 |
color: import_prop_types.default.oneOf([ |
| 4177 |
"primary", |
| 4178 |
"secondary", |
| 4179 |
"cta", |
| 4180 |
"link", |
| 4181 |
"disabled" |
| 4182 |
]), |
| 4183 |
underline: import_prop_types.default.oneOf([ |
| 4184 |
"none", |
| 4185 |
"hover", |
| 4186 |
"always" |
| 4187 |
]), |
| 4188 |
italic: import_prop_types.default.bool, |
| 4189 |
onClick: import_prop_types.default.func |
| 4190 |
}; |
| 4191 |
InlineLink.defaultProps = { |
| 4192 |
className: "", |
| 4193 |
color: "link", |
| 4194 |
underline: "always", |
| 4195 |
target: "_blank", |
| 4196 |
rel: "noopener noreferrer" |
| 4197 |
}; |
| 4198 |
|
| 4199 |
//#endregion |
| 4200 |
//#region node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js |
| 4201 |
function asyncGeneratorStep(n, t, e, r, o, a, c) { |
| 4202 |
try { |
| 4203 |
var i = n[a](c); |
| 4204 |
var u = i.value; |
| 4205 |
} catch (n) { |
| 4206 |
e(n); |
| 4207 |
return; |
| 4208 |
} |
| 4209 |
i.done ? t(u) : Promise.resolve(u).then(r, o); |
| 4210 |
} |
| 4211 |
function _asyncToGenerator(n) { |
| 4212 |
return function() { |
| 4213 |
var t = this; |
| 4214 |
var e = arguments; |
| 4215 |
return new Promise(function(r, o) { |
| 4216 |
var a = n.apply(t, e); |
| 4217 |
function _next(n) { |
| 4218 |
asyncGeneratorStep(a, r, o, _next, _throw, "next", n); |
| 4219 |
} |
| 4220 |
function _throw(n) { |
| 4221 |
asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); |
| 4222 |
} |
| 4223 |
_next(void 0); |
| 4224 |
}); |
| 4225 |
}; |
| 4226 |
} |
| 4227 |
|
| 4228 |
//#endregion |
| 4229 |
//#region node_modules/@babel/runtime/helpers/OverloadYield.js |
| 4230 |
var require_OverloadYield = /* @__PURE__ */ __commonJSMin(((exports, module) => { |
| 4231 |
function _OverloadYield(e, d) { |
| 4232 |
this.v = e, this.k = d; |
| 4233 |
} |
| 4234 |
module.exports = _OverloadYield, module.exports.__esModule = true, module.exports["default"] = module.exports; |
| 4235 |
})); |
| 4236 |
|
| 4237 |
//#endregion |
| 4238 |
//#region node_modules/@babel/runtime/helpers/regeneratorDefine.js |
| 4239 |
var require_regeneratorDefine = /* @__PURE__ */ __commonJSMin(((exports, module) => { |
| 4240 |
function _regeneratorDefine(e, r, n, t) { |
| 4241 |
var i = Object.defineProperty; |
| 4242 |
try { |
| 4243 |
i({}, "", {}); |
| 4244 |
} catch (e) { |
| 4245 |
i = 0; |
| 4246 |
} |
| 4247 |
module.exports = _regeneratorDefine = function regeneratorDefine(e, r, n, t) { |
| 4248 |
function o(r, n) { |
| 4249 |
_regeneratorDefine(e, r, function(e) { |
| 4250 |
return this._invoke(r, n, e); |
| 4251 |
}); |
| 4252 |
} |
| 4253 |
r ? i ? i(e, r, { |
| 4254 |
value: n, |
| 4255 |
enumerable: !t, |
| 4256 |
configurable: !t, |
| 4257 |
writable: !t |
| 4258 |
}) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); |
| 4259 |
}, module.exports.__esModule = true, module.exports["default"] = module.exports, _regeneratorDefine(e, r, n, t); |
| 4260 |
} |
| 4261 |
module.exports = _regeneratorDefine, module.exports.__esModule = true, module.exports["default"] = module.exports; |
| 4262 |
})); |
| 4263 |
|
| 4264 |
//#endregion |
| 4265 |
//#region node_modules/@babel/runtime/helpers/regenerator.js |
| 4266 |
var require_regenerator$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => { |
| 4267 |
var regeneratorDefine = require_regeneratorDefine(); |
| 4268 |
function _regenerator() { |
| 4269 |
/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ |
| 4270 |
var e; |
| 4271 |
var t; |
| 4272 |
var r = "function" == typeof Symbol ? Symbol : {}; |
| 4273 |
var n = r.iterator || "@@iterator"; |
| 4274 |
var o = r.toStringTag || "@@toStringTag"; |
| 4275 |
function i(r, n, o, i) { |
| 4276 |
var c = n && n.prototype instanceof Generator ? n : Generator; |
| 4277 |
var u = Object.create(c.prototype); |
| 4278 |
return regeneratorDefine(u, "_invoke", function(r, n, o) { |
| 4279 |
var i; |
| 4280 |
var c; |
| 4281 |
var u; |
| 4282 |
var f = 0; |
| 4283 |
var p = o || []; |
| 4284 |
var y = !1; |
| 4285 |
var G = { |
| 4286 |
p: 0, |
| 4287 |
n: 0, |
| 4288 |
v: e, |
| 4289 |
a: d, |
| 4290 |
f: d.bind(e, 4), |
| 4291 |
d: function d(t, r) { |
| 4292 |
return i = t, c = 0, u = e, G.n = r, a; |
| 4293 |
} |
| 4294 |
}; |
| 4295 |
function d(r, n) { |
| 4296 |
for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { |
| 4297 |
var o; |
| 4298 |
var i = p[t]; |
| 4299 |
var d = G.p; |
| 4300 |
var l = i[2]; |
| 4301 |
r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); |
| 4302 |
} |
| 4303 |
if (o || r > 1) return a; |
| 4304 |
throw y = !0, n; |
| 4305 |
} |
| 4306 |
return function(o, p, l) { |
| 4307 |
if (f > 1) throw TypeError("Generator is already running"); |
| 4308 |
for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { |
| 4309 |
i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); |
| 4310 |
try { |
| 4311 |
if (f = 2, i) { |
| 4312 |
if (c || (o = "next"), t = i[o]) { |
| 4313 |
if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); |
| 4314 |
if (!t.done) return t; |
| 4315 |
u = t.value, c < 2 && (c = 0); |
| 4316 |
} else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); |
| 4317 |
i = e; |
| 4318 |
} else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; |
| 4319 |
} catch (t) { |
| 4320 |
i = e, c = 1, u = t; |
| 4321 |
} finally { |
| 4322 |
f = 1; |
| 4323 |
} |
| 4324 |
} |
| 4325 |
return { |
| 4326 |
value: t, |
| 4327 |
done: y |
| 4328 |
}; |
| 4329 |
}; |
| 4330 |
}(r, o, i), !0), u; |
| 4331 |
} |
| 4332 |
var a = {}; |
| 4333 |
function Generator() {} |
| 4334 |
function GeneratorFunction() {} |
| 4335 |
function GeneratorFunctionPrototype() {} |
| 4336 |
t = Object.getPrototypeOf; |
| 4337 |
var c = [][n] ? t(t([][n]())) : (regeneratorDefine(t = {}, n, function() { |
| 4338 |
return this; |
| 4339 |
}), t); |
| 4340 |
var u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); |
| 4341 |
function f(e) { |
| 4342 |
return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, regeneratorDefine(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; |
| 4343 |
} |
| 4344 |
return GeneratorFunction.prototype = GeneratorFunctionPrototype, regeneratorDefine(u, "constructor", GeneratorFunctionPrototype), regeneratorDefine(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", regeneratorDefine(GeneratorFunctionPrototype, o, "GeneratorFunction"), regeneratorDefine(u), regeneratorDefine(u, o, "Generator"), regeneratorDefine(u, n, function() { |
| 4345 |
return this; |
| 4346 |
}), regeneratorDefine(u, "toString", function() { |
| 4347 |
return "[object Generator]"; |
| 4348 |
}), (module.exports = _regenerator = function _regenerator() { |
| 4349 |
return { |
| 4350 |
w: i, |
| 4351 |
m: f |
| 4352 |
}; |
| 4353 |
}, module.exports.__esModule = true, module.exports["default"] = module.exports)(); |
| 4354 |
} |
| 4355 |
module.exports = _regenerator, module.exports.__esModule = true, module.exports["default"] = module.exports; |
| 4356 |
})); |
| 4357 |
|
| 4358 |
//#endregion |
| 4359 |
//#region node_modules/@babel/runtime/helpers/regeneratorAsyncIterator.js |
| 4360 |
var require_regeneratorAsyncIterator = /* @__PURE__ */ __commonJSMin(((exports, module) => { |
| 4361 |
var OverloadYield = require_OverloadYield(); |
| 4362 |
var regeneratorDefine = require_regeneratorDefine(); |
| 4363 |
function AsyncIterator(t, e) { |
| 4364 |
function n(r, o, i, f) { |
| 4365 |
try { |
| 4366 |
var c = t[r](o); |
| 4367 |
var u = c.value; |
| 4368 |
return u instanceof OverloadYield ? e.resolve(u.v).then(function(t) { |
| 4369 |
n("next", t, i, f); |
| 4370 |
}, function(t) { |
| 4371 |
n("throw", t, i, f); |
| 4372 |
}) : e.resolve(u).then(function(t) { |
| 4373 |
c.value = t, i(c); |
| 4374 |
}, function(t) { |
| 4375 |
return n("throw", t, i, f); |
| 4376 |
}); |
| 4377 |
} catch (t) { |
| 4378 |
f(t); |
| 4379 |
} |
| 4380 |
} |
| 4381 |
var r; |
| 4382 |
this.next || (regeneratorDefine(AsyncIterator.prototype), regeneratorDefine(AsyncIterator.prototype, "function" == typeof Symbol && Symbol.asyncIterator || "@asyncIterator", function() { |
| 4383 |
return this; |
| 4384 |
})), regeneratorDefine(this, "_invoke", function(t, o, i) { |
| 4385 |
function f() { |
| 4386 |
return new e(function(e, r) { |
| 4387 |
n(t, i, e, r); |
| 4388 |
}); |
| 4389 |
} |
| 4390 |
return r = r ? r.then(f, f) : f(); |
| 4391 |
}, !0); |
| 4392 |
} |
| 4393 |
module.exports = AsyncIterator, module.exports.__esModule = true, module.exports["default"] = module.exports; |
| 4394 |
})); |
| 4395 |
|
| 4396 |
//#endregion |
| 4397 |
//#region node_modules/@babel/runtime/helpers/regeneratorAsyncGen.js |
| 4398 |
var require_regeneratorAsyncGen = /* @__PURE__ */ __commonJSMin(((exports, module) => { |
| 4399 |
var regenerator = require_regenerator$1(); |
| 4400 |
var regeneratorAsyncIterator = require_regeneratorAsyncIterator(); |
| 4401 |
function _regeneratorAsyncGen(r, e, t, o, n) { |
| 4402 |
return new regeneratorAsyncIterator(regenerator().w(r, e, t, o), n || Promise); |
| 4403 |
} |
| 4404 |
module.exports = _regeneratorAsyncGen, module.exports.__esModule = true, module.exports["default"] = module.exports; |
| 4405 |
})); |
| 4406 |
|
| 4407 |
//#endregion |
| 4408 |
//#region node_modules/@babel/runtime/helpers/regeneratorAsync.js |
| 4409 |
var require_regeneratorAsync = /* @__PURE__ */ __commonJSMin(((exports, module) => { |
| 4410 |
var regeneratorAsyncGen = require_regeneratorAsyncGen(); |
| 4411 |
function _regeneratorAsync(n, e, r, t, o) { |
| 4412 |
var a = regeneratorAsyncGen(n, e, r, t, o); |
| 4413 |
return a.next().then(function(n) { |
| 4414 |
return n.done ? n.value : a.next(); |
| 4415 |
}); |
| 4416 |
} |
| 4417 |
module.exports = _regeneratorAsync, module.exports.__esModule = true, module.exports["default"] = module.exports; |
| 4418 |
})); |
| 4419 |
|
| 4420 |
//#endregion |
| 4421 |
//#region node_modules/@babel/runtime/helpers/regeneratorKeys.js |
| 4422 |
var require_regeneratorKeys = /* @__PURE__ */ __commonJSMin(((exports, module) => { |
| 4423 |
function _regeneratorKeys(e) { |
| 4424 |
var n = Object(e); |
| 4425 |
var r = []; |
| 4426 |
for (var t in n) r.unshift(t); |
| 4427 |
return function e() { |
| 4428 |
for (; r.length;) if ((t = r.pop()) in n) return e.value = t, e.done = !1, e; |
| 4429 |
return e.done = !0, e; |
| 4430 |
}; |
| 4431 |
} |
| 4432 |
module.exports = _regeneratorKeys, module.exports.__esModule = true, module.exports["default"] = module.exports; |
| 4433 |
})); |
| 4434 |
|
| 4435 |
//#endregion |
| 4436 |
//#region node_modules/@babel/runtime/helpers/typeof.js |
| 4437 |
var require_typeof = /* @__PURE__ */ __commonJSMin(((exports, module) => { |
| 4438 |
function _typeof(o) { |
| 4439 |
"@babel/helpers - typeof"; |
| 4440 |
return module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) { |
| 4441 |
return typeof o; |
| 4442 |
} : function(o) { |
| 4443 |
return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; |
| 4444 |
}, module.exports.__esModule = true, module.exports["default"] = module.exports, _typeof(o); |
| 4445 |
} |
| 4446 |
module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports; |
| 4447 |
})); |
| 4448 |
|
| 4449 |
//#endregion |
| 4450 |
//#region node_modules/@babel/runtime/helpers/regeneratorValues.js |
| 4451 |
var require_regeneratorValues = /* @__PURE__ */ __commonJSMin(((exports, module) => { |
| 4452 |
var _typeof = require_typeof()["default"]; |
| 4453 |
function _regeneratorValues(e) { |
| 4454 |
if (null != e) { |
| 4455 |
var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"]; |
| 4456 |
var r = 0; |
| 4457 |
if (t) return t.call(e); |
| 4458 |
if ("function" == typeof e.next) return e; |
| 4459 |
if (!isNaN(e.length)) return { next: function next() { |
| 4460 |
return e && r >= e.length && (e = void 0), { |
| 4461 |
value: e && e[r++], |
| 4462 |
done: !e |
| 4463 |
}; |
| 4464 |
} }; |
| 4465 |
} |
| 4466 |
throw new TypeError(_typeof(e) + " is not iterable"); |
| 4467 |
} |
| 4468 |
module.exports = _regeneratorValues, module.exports.__esModule = true, module.exports["default"] = module.exports; |
| 4469 |
})); |
| 4470 |
|
| 4471 |
//#endregion |
| 4472 |
//#region node_modules/@babel/runtime/helpers/regeneratorRuntime.js |
| 4473 |
var require_regeneratorRuntime = /* @__PURE__ */ __commonJSMin(((exports, module) => { |
| 4474 |
var OverloadYield = require_OverloadYield(); |
| 4475 |
var regenerator = require_regenerator$1(); |
| 4476 |
var regeneratorAsync = require_regeneratorAsync(); |
| 4477 |
var regeneratorAsyncGen = require_regeneratorAsyncGen(); |
| 4478 |
var regeneratorAsyncIterator = require_regeneratorAsyncIterator(); |
| 4479 |
var regeneratorKeys = require_regeneratorKeys(); |
| 4480 |
var regeneratorValues = require_regeneratorValues(); |
| 4481 |
function _regeneratorRuntime() { |
| 4482 |
"use strict"; |
| 4483 |
var r = regenerator(); |
| 4484 |
var e = r.m(_regeneratorRuntime); |
| 4485 |
var t = (Object.getPrototypeOf ? Object.getPrototypeOf(e) : e.__proto__).constructor; |
| 4486 |
function n(r) { |
| 4487 |
var e = "function" == typeof r && r.constructor; |
| 4488 |
return !!e && (e === t || "GeneratorFunction" === (e.displayName || e.name)); |
| 4489 |
} |
| 4490 |
var o = { |
| 4491 |
"throw": 1, |
| 4492 |
"return": 2, |
| 4493 |
"break": 3, |
| 4494 |
"continue": 3 |
| 4495 |
}; |
| 4496 |
function a(r) { |
| 4497 |
var e; |
| 4498 |
var t; |
| 4499 |
return function(n) { |
| 4500 |
e || (e = { |
| 4501 |
stop: function stop() { |
| 4502 |
return t(n.a, 2); |
| 4503 |
}, |
| 4504 |
"catch": function _catch() { |
| 4505 |
return n.v; |
| 4506 |
}, |
| 4507 |
abrupt: function abrupt(r, e) { |
| 4508 |
return t(n.a, o[r], e); |
| 4509 |
}, |
| 4510 |
delegateYield: function delegateYield(r, o, a) { |
| 4511 |
return e.resultName = o, t(n.d, regeneratorValues(r), a); |
| 4512 |
}, |
| 4513 |
finish: function finish(r) { |
| 4514 |
return t(n.f, r); |
| 4515 |
} |
| 4516 |
}, t = function t(r, _t, o) { |
| 4517 |
n.p = e.prev, n.n = e.next; |
| 4518 |
try { |
| 4519 |
return r(_t, o); |
| 4520 |
} finally { |
| 4521 |
e.next = n.n; |
| 4522 |
} |
| 4523 |
}), e.resultName && (e[e.resultName] = n.v, e.resultName = void 0), e.sent = n.v, e.next = n.n; |
| 4524 |
try { |
| 4525 |
return r.call(this, e); |
| 4526 |
} finally { |
| 4527 |
n.p = e.prev, n.n = e.next; |
| 4528 |
} |
| 4529 |
}; |
| 4530 |
} |
| 4531 |
return (module.exports = _regeneratorRuntime = function _regeneratorRuntime() { |
| 4532 |
return { |
| 4533 |
wrap: function wrap(e, t, n, o) { |
| 4534 |
return r.w(a(e), t, n, o && o.reverse()); |
| 4535 |
}, |
| 4536 |
isGeneratorFunction: n, |
| 4537 |
mark: r.m, |
| 4538 |
awrap: function awrap(r, e) { |
| 4539 |
return new OverloadYield(r, e); |
| 4540 |
}, |
| 4541 |
AsyncIterator: regeneratorAsyncIterator, |
| 4542 |
async: function async(r, e, t, o, u) { |
| 4543 |
return (n(e) ? regeneratorAsyncGen : regeneratorAsync)(a(r), e, t, o, u); |
| 4544 |
}, |
| 4545 |
keys: regeneratorKeys, |
| 4546 |
values: regeneratorValues |
| 4547 |
}; |
| 4548 |
}, module.exports.__esModule = true, module.exports["default"] = module.exports)(); |
| 4549 |
} |
| 4550 |
module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.exports["default"] = module.exports; |
| 4551 |
})); |
| 4552 |
|
| 4553 |
//#endregion |
| 4554 |
//#region node_modules/@babel/runtime/regenerator/index.js |
| 4555 |
var require_regenerator = /* @__PURE__ */ __commonJSMin(((exports, module) => { |
| 4556 |
var runtime = require_regeneratorRuntime()(); |
| 4557 |
module.exports = runtime; |
| 4558 |
try { |
| 4559 |
regeneratorRuntime = runtime; |
| 4560 |
} catch (accidentalStrictMode) { |
| 4561 |
if (typeof globalThis === "object") globalThis.regeneratorRuntime = runtime; |
| 4562 |
else Function("r", "regeneratorRuntime = r")(runtime); |
| 4563 |
} |
| 4564 |
})); |
| 4565 |
|
| 4566 |
//#endregion |
| 4567 |
//#region app/assets/js/hooks/use-ajax.js |
| 4568 |
var import_regenerator = /* @__PURE__ */ __toESM(require_regenerator()); |
| 4569 |
function ownKeys$1(e, r) { |
| 4570 |
var t = Object.keys(e); |
| 4571 |
if (Object.getOwnPropertySymbols) { |
| 4572 |
var o = Object.getOwnPropertySymbols(e); |
| 4573 |
r && (o = o.filter(function(r) { |
| 4574 |
return Object.getOwnPropertyDescriptor(e, r).enumerable; |
| 4575 |
})), t.push.apply(t, o); |
| 4576 |
} |
| 4577 |
return t; |
| 4578 |
} |
| 4579 |
__name(ownKeys$1, "ownKeys"); |
| 4580 |
function _objectSpread$1(e) { |
| 4581 |
for (var r = 1; r < arguments.length; r++) { |
| 4582 |
var t = null != arguments[r] ? arguments[r] : {}; |
| 4583 |
r % 2 ? ownKeys$1(Object(t), !0).forEach(function(r) { |
| 4584 |
_defineProperty(e, r, t[r]); |
| 4585 |
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function(r) { |
| 4586 |
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); |
| 4587 |
}); |
| 4588 |
} |
| 4589 |
return e; |
| 4590 |
} |
| 4591 |
__name(_objectSpread$1, "_objectSpread"); |
| 4592 |
function useAjax() { |
| 4593 |
var _useState2 = _slicedToArray((0, react.useState)(null), 2); |
| 4594 |
var ajax = _useState2[0]; |
| 4595 |
var setAjax = _useState2[1]; |
| 4596 |
var initialStatusKey = "initial"; |
| 4597 |
var _useState4 = _slicedToArray((0, react.useState)({ |
| 4598 |
status: initialStatusKey, |
| 4599 |
isComplete: false, |
| 4600 |
response: null |
| 4601 |
}), 2); |
| 4602 |
var ajaxState = _useState4[0]; |
| 4603 |
var setAjaxState = _useState4[1]; |
| 4604 |
var ajaxActions = { reset: function reset() { |
| 4605 |
return setAjaxState(initialStatusKey); |
| 4606 |
} }; |
| 4607 |
var runRequest = /*#__PURE__*/ function() { |
| 4608 |
var _ref = _asyncToGenerator(/*#__PURE__*/ import_regenerator.default.mark(function _callee(config) { |
| 4609 |
return import_regenerator.default.wrap(function(_context) { |
| 4610 |
while (1) switch (_context.prev = _context.next) { |
| 4611 |
case 0: return _context.abrupt("return", new Promise(function(resolve, reject) { |
| 4612 |
var formData = new FormData(); |
| 4613 |
if (config.data) { |
| 4614 |
for (var key in config.data) formData.append(key, config.data[key]); |
| 4615 |
if (!config.data.nonce) formData.append("_nonce", elementorCommon.config.ajax.nonce); |
| 4616 |
} |
| 4617 |
var options = _objectSpread$1(_objectSpread$1({ |
| 4618 |
type: "post", |
| 4619 |
url: elementorCommon.config.ajax.url, |
| 4620 |
headers: {}, |
| 4621 |
cache: false, |
| 4622 |
contentType: false, |
| 4623 |
processData: false |
| 4624 |
}, config), {}, { |
| 4625 |
data: formData, |
| 4626 |
success: function success(response) { |
| 4627 |
resolve(response); |
| 4628 |
}, |
| 4629 |
error: function error(_error) { |
| 4630 |
reject(_error); |
| 4631 |
} |
| 4632 |
}); |
| 4633 |
jQuery.ajax(options); |
| 4634 |
})); |
| 4635 |
case 1: |
| 4636 |
case "end": return _context.stop(); |
| 4637 |
} |
| 4638 |
}, _callee); |
| 4639 |
})); |
| 4640 |
return function runRequest(_x) { |
| 4641 |
return _ref.apply(this, arguments); |
| 4642 |
}; |
| 4643 |
}(); |
| 4644 |
(0, react.useEffect)(function() { |
| 4645 |
if (ajax) runRequest(ajax).then(function(response) { |
| 4646 |
var status = response.success ? "success" : "error"; |
| 4647 |
setAjaxState(function(prevState) { |
| 4648 |
return _objectSpread$1(_objectSpread$1({}, prevState), {}, { |
| 4649 |
status, |
| 4650 |
response: response === null || response === void 0 ? void 0 : response.data |
| 4651 |
}); |
| 4652 |
}); |
| 4653 |
}).catch(function(error) { |
| 4654 |
var _error$responseJSON; |
| 4655 |
var response = 408 === error.status ? "timeout" : (_error$responseJSON = error.responseJSON) === null || _error$responseJSON === void 0 ? void 0 : _error$responseJSON.data; |
| 4656 |
setAjaxState(function(prevState) { |
| 4657 |
return _objectSpread$1(_objectSpread$1({}, prevState), {}, { |
| 4658 |
status: "error", |
| 4659 |
response |
| 4660 |
}); |
| 4661 |
}); |
| 4662 |
}).finally(function() { |
| 4663 |
setAjaxState(function(prevState) { |
| 4664 |
return _objectSpread$1(_objectSpread$1({}, prevState), {}, { isComplete: true }); |
| 4665 |
}); |
| 4666 |
}); |
| 4667 |
}, [ajax]); |
| 4668 |
return { |
| 4669 |
ajax, |
| 4670 |
setAjax, |
| 4671 |
ajaxState, |
| 4672 |
ajaxActions, |
| 4673 |
runRequest |
| 4674 |
}; |
| 4675 |
} |
| 4676 |
|
| 4677 |
//#endregion |
| 4678 |
//#region app/assets/js/organisms/unfiltered-files-dialog.js |
| 4679 |
function UnfilteredFilesDialog(props) { |
| 4680 |
var show = props.show; |
| 4681 |
var setShow = props.setShow; |
| 4682 |
var onReady = props.onReady; |
| 4683 |
var onCancel = props.onCancel; |
| 4684 |
var onDismiss = props.onDismiss; |
| 4685 |
var onLoad = props.onLoad; |
| 4686 |
var onEnable = props.onEnable; |
| 4687 |
var onClose = props.onClose; |
| 4688 |
var _useAjax = useAjax(); |
| 4689 |
var ajaxState = _useAjax.ajaxState; |
| 4690 |
var setAjax = _useAjax.setAjax; |
| 4691 |
var _useState2 = _slicedToArray((0, react.useState)(false), 2); |
| 4692 |
var enableUnfilteredFiles = _useState2[0]; |
| 4693 |
var setEnableUnfilteredFiles = _useState2[1]; |
| 4694 |
var _useState4 = _slicedToArray((0, react.useState)(false), 2); |
| 4695 |
var isEnableError = _useState4[0]; |
| 4696 |
var setIsEnableError = _useState4[1]; |
| 4697 |
(0, react.useEffect)(function() { |
| 4698 |
if (enableUnfilteredFiles) { |
| 4699 |
setShow(false); |
| 4700 |
setAjax({ data: { |
| 4701 |
action: "elementor_ajax", |
| 4702 |
actions: JSON.stringify({ enable_unfiltered_files_upload: { action: "enable_unfiltered_files_upload" } }) |
| 4703 |
} }); |
| 4704 |
if (onEnable) onEnable(); |
| 4705 |
} |
| 4706 |
}, [enableUnfilteredFiles]); |
| 4707 |
(0, react.useEffect)(function() { |
| 4708 |
switch (ajaxState.status) { |
| 4709 |
case "success": |
| 4710 |
onReady(); |
| 4711 |
break; |
| 4712 |
case "error": |
| 4713 |
setIsEnableError(true); |
| 4714 |
setShow(true); |
| 4715 |
break; |
| 4716 |
} |
| 4717 |
}, [ajaxState]); |
| 4718 |
(0, react.useEffect)(function() { |
| 4719 |
if (show && onLoad) onLoad(); |
| 4720 |
}, [show]); |
| 4721 |
if (!show) return null; |
| 4722 |
return /*#__PURE__*/ react.default.createElement(react.default.Fragment, null, isEnableError ? /*#__PURE__*/ react.default.createElement(Dialog, { |
| 4723 |
title: (0, _wordpress_i18n.__)("Something went wrong.", "elementor"), |
| 4724 |
text: props.errorModalText, |
| 4725 |
approveButtonColor: "link", |
| 4726 |
approveButtonText: (0, _wordpress_i18n.__)("Continue", "elementor"), |
| 4727 |
approveButtonOnClick: onReady, |
| 4728 |
dismissButtonText: (0, _wordpress_i18n.__)("Go Back", "elementor"), |
| 4729 |
dismissButtonOnClick: onCancel, |
| 4730 |
onClose: onCancel |
| 4731 |
}) : /*#__PURE__*/ react.default.createElement(Dialog, { |
| 4732 |
title: (0, _wordpress_i18n.__)("First, enable unfiltered file uploads.", "elementor"), |
| 4733 |
text: props.confirmModalText, |
| 4734 |
approveButtonColor: "link", |
| 4735 |
approveButtonText: (0, _wordpress_i18n.__)("Enable", "elementor"), |
| 4736 |
approveButtonOnClick: function approveButtonOnClick() { |
| 4737 |
return setEnableUnfilteredFiles(true); |
| 4738 |
}, |
| 4739 |
dismissButtonText: (0, _wordpress_i18n.__)("Skip", "elementor"), |
| 4740 |
dismissButtonOnClick: onDismiss || onReady, |
| 4741 |
onClose: onClose || onDismiss || onReady |
| 4742 |
})); |
| 4743 |
} |
| 4744 |
UnfilteredFilesDialog.propTypes = { |
| 4745 |
show: import_prop_types.default.bool, |
| 4746 |
setShow: import_prop_types.default.func.isRequired, |
| 4747 |
onReady: import_prop_types.default.func.isRequired, |
| 4748 |
onCancel: import_prop_types.default.func.isRequired, |
| 4749 |
onDismiss: import_prop_types.default.func, |
| 4750 |
confirmModalText: import_prop_types.default.string.isRequired, |
| 4751 |
errorModalText: import_prop_types.default.string.isRequired, |
| 4752 |
onLoad: import_prop_types.default.func, |
| 4753 |
onEnable: import_prop_types.default.func, |
| 4754 |
onClose: import_prop_types.default.func |
| 4755 |
}; |
| 4756 |
UnfilteredFilesDialog.defaultProps = { |
| 4757 |
show: false, |
| 4758 |
onReady: function onReady() {}, |
| 4759 |
onCancel: function onCancel() {} |
| 4760 |
}; |
| 4761 |
|
| 4762 |
//#endregion |
| 4763 |
//#region app/assets/js/hooks/use-query-params.js |
| 4764 |
function ownKeys(e, r) { |
| 4765 |
var t = Object.keys(e); |
| 4766 |
if (Object.getOwnPropertySymbols) { |
| 4767 |
var o = Object.getOwnPropertySymbols(e); |
| 4768 |
r && (o = o.filter(function(r) { |
| 4769 |
return Object.getOwnPropertyDescriptor(e, r).enumerable; |
| 4770 |
})), t.push.apply(t, o); |
| 4771 |
} |
| 4772 |
return t; |
| 4773 |
} |
| 4774 |
function _objectSpread(e) { |
| 4775 |
for (var r = 1; r < arguments.length; r++) { |
| 4776 |
var t = null != arguments[r] ? arguments[r] : {}; |
| 4777 |
r % 2 ? ownKeys(Object(t), !0).forEach(function(r) { |
| 4778 |
_defineProperty(e, r, t[r]); |
| 4779 |
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r) { |
| 4780 |
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); |
| 4781 |
}); |
| 4782 |
} |
| 4783 |
return e; |
| 4784 |
} |
| 4785 |
function useQueryParams() { |
| 4786 |
var _location$hash$match; |
| 4787 |
var urlSearchParams = new URLSearchParams(window.location.search); |
| 4788 |
var urlParams = Object.fromEntries(urlSearchParams.entries()); |
| 4789 |
var hashValue = (_location$hash$match = location.hash.match(/\?(.+)/)) === null || _location$hash$match === void 0 ? void 0 : _location$hash$match[1]; |
| 4790 |
var hashParams = {}; |
| 4791 |
if (hashValue) hashValue.split("&").forEach(function(pair) { |
| 4792 |
var _pair$split2 = _slicedToArray(pair.split("="), 2); |
| 4793 |
var key = _pair$split2[0]; |
| 4794 |
hashParams[key] = _pair$split2[1]; |
| 4795 |
}); |
| 4796 |
var queryParams = _objectSpread(_objectSpread({}, urlParams), hashParams); |
| 4797 |
return { getAll: function getAll() { |
| 4798 |
return queryParams; |
| 4799 |
} }; |
| 4800 |
} |
| 4801 |
|
| 4802 |
//#endregion |
| 4803 |
//#region app/assets/js/hooks/use-introduction.js |
| 4804 |
function useIntroduction(key) { |
| 4805 |
var _window$elementorAppC; |
| 4806 |
var _useState2 = _slicedToArray((0, react.useState)(!!((_window$elementorAppC = window.elementorAppConfig) !== null && _window$elementorAppC !== void 0 && (_window$elementorAppC = _window$elementorAppC.user) !== null && _window$elementorAppC !== void 0 && (_window$elementorAppC = _window$elementorAppC.introduction) !== null && _window$elementorAppC !== void 0 && _window$elementorAppC[key])), 2); |
| 4807 |
var isViewed = _useState2[0]; |
| 4808 |
var setIsViewed = _useState2[1]; |
| 4809 |
function markAsViewed() { |
| 4810 |
if (!key) return Promise.reject(); |
| 4811 |
return new Promise(function(resolve, reject) { |
| 4812 |
if (isViewed) reject(); |
| 4813 |
elementorCommon.ajax.addRequest("introduction_viewed", { |
| 4814 |
data: { introductionKey: key }, |
| 4815 |
error: function error() { |
| 4816 |
return reject(); |
| 4817 |
}, |
| 4818 |
success: function success() { |
| 4819 |
var _window$elementorAppC2; |
| 4820 |
setIsViewed(true); |
| 4821 |
if ((_window$elementorAppC2 = window.elementorAppConfig) !== null && _window$elementorAppC2 !== void 0 && (_window$elementorAppC2 = _window$elementorAppC2.user) !== null && _window$elementorAppC2 !== void 0 && _window$elementorAppC2.introduction) window.elementorAppConfig.user.introduction[key] = true; |
| 4822 |
resolve(); |
| 4823 |
} |
| 4824 |
}); |
| 4825 |
}); |
| 4826 |
} |
| 4827 |
return { |
| 4828 |
isViewed, |
| 4829 |
markAsViewed |
| 4830 |
}; |
| 4831 |
} |
| 4832 |
|
| 4833 |
//#endregion |
| 4834 |
//#region app/assets/js/hooks/use-confirm-action.js |
| 4835 |
function useConfirmAction(_ref) { |
| 4836 |
var action = _ref.action; |
| 4837 |
var _ref$doNotShowAgainKe = _ref.doNotShowAgainKey; |
| 4838 |
var doNotShowAgainKey = _ref$doNotShowAgainKe === void 0 ? null : _ref$doNotShowAgainKe; |
| 4839 |
var _useIntroduction = useIntroduction(doNotShowAgainKey); |
| 4840 |
var shouldNotShowAgain = _useIntroduction.isViewed; |
| 4841 |
var markAsShouldNotShowAgain = _useIntroduction.markAsViewed; |
| 4842 |
var _useState2 = _slicedToArray((0, react.useState)({ |
| 4843 |
isOpen: false, |
| 4844 |
actionArgs: [] |
| 4845 |
}), 2); |
| 4846 |
var dialogState = _useState2[0]; |
| 4847 |
var setDialogState = _useState2[1]; |
| 4848 |
var _useState4 = _slicedToArray((0, react.useState)(false), 2); |
| 4849 |
var doNotShowAgainCheckboxState = _useState4[0]; |
| 4850 |
return { |
| 4851 |
checkbox: { |
| 4852 |
isChecked: doNotShowAgainCheckboxState, |
| 4853 |
setIsChecked: _useState4[1] |
| 4854 |
}, |
| 4855 |
dialog: { |
| 4856 |
isOpen: dialogState.isOpen, |
| 4857 |
approve: function approve() { |
| 4858 |
action.apply(void 0, _toConsumableArray(dialogState.actionArgs)); |
| 4859 |
if (doNotShowAgainCheckboxState && doNotShowAgainKey) markAsShouldNotShowAgain(); |
| 4860 |
setDialogState({ |
| 4861 |
isOpen: false, |
| 4862 |
actionArgs: [] |
| 4863 |
}); |
| 4864 |
}, |
| 4865 |
dismiss: function dismiss() { |
| 4866 |
setDialogState({ |
| 4867 |
isOpen: false, |
| 4868 |
actionArgs: [] |
| 4869 |
}); |
| 4870 |
} |
| 4871 |
}, |
| 4872 |
runAction: function runAction() { |
| 4873 |
for (var _len = arguments.length, actionArgs = new Array(_len), _key = 0; _key < _len; _key++) actionArgs[_key] = arguments[_key]; |
| 4874 |
if (shouldNotShowAgain) { |
| 4875 |
action.apply(void 0, actionArgs); |
| 4876 |
return; |
| 4877 |
} |
| 4878 |
setDialogState({ |
| 4879 |
isOpen: true, |
| 4880 |
actionArgs |
| 4881 |
}); |
| 4882 |
} |
| 4883 |
}; |
| 4884 |
} |
| 4885 |
|
| 4886 |
//#endregion |
| 4887 |
//#region app/assets/js/package.js |
| 4888 |
var appUi = { |
| 4889 |
AddNewButton, |
| 4890 |
Box, |
| 4891 |
Button: Button$1, |
| 4892 |
Card, |
| 4893 |
CardBody, |
| 4894 |
CardFooter, |
| 4895 |
CardHeader, |
| 4896 |
CardImage, |
| 4897 |
CardOverlay, |
| 4898 |
Checkbox, |
| 4899 |
Collapse, |
| 4900 |
CssGrid, |
| 4901 |
Dialog, |
| 4902 |
DragDrop, |
| 4903 |
DropZone, |
| 4904 |
ErrorBoundary, |
| 4905 |
Heading, |
| 4906 |
GoProButton, |
| 4907 |
Grid, |
| 4908 |
Icon, |
| 4909 |
List, |
| 4910 |
Menu: Menu$1, |
| 4911 |
MenuItem: SideMenuItem, |
| 4912 |
Modal, |
| 4913 |
ModalProvider, |
| 4914 |
NotFound: NotFound$1, |
| 4915 |
Notice, |
| 4916 |
Page, |
| 4917 |
Popover, |
| 4918 |
Select, |
| 4919 |
Select2, |
| 4920 |
Text, |
| 4921 |
UploadFile, |
| 4922 |
InlineLink |
| 4923 |
}; |
| 4924 |
var components = { UnfilteredFilesDialog }; |
| 4925 |
var hooks = { |
| 4926 |
useAjax, |
| 4927 |
useAction, |
| 4928 |
usePageTitle, |
| 4929 |
useQueryParams, |
| 4930 |
useIntroduction, |
| 4931 |
useConfirmAction |
| 4932 |
}; |
| 4933 |
|
| 4934 |
//#endregion |
| 4935 |
//#region app/modules/site-editor/assets/js/organisms/all-parts-button.js |
| 4936 |
function AllPartsButton(props) { |
| 4937 |
return /*#__PURE__*/ react.default.createElement(Match, { path: "/site-editor/templates" }, function(_ref) { |
| 4938 |
var match = _ref.match; |
| 4939 |
var className = "eps-menu-item__link".concat(match || props.promotion ? " eps-menu-item--active" : ""); |
| 4940 |
return /*#__PURE__*/ react.default.createElement(SideMenuItem, { |
| 4941 |
text: (0, _wordpress_i18n.__)("All Parts", "elementor"), |
| 4942 |
className, |
| 4943 |
icon: "eicon-filter", |
| 4944 |
url: props.url |
| 4945 |
}); |
| 4946 |
}); |
| 4947 |
} |
| 4948 |
AllPartsButton.propTypes = { |
| 4949 |
url: import_prop_types.default.string, |
| 4950 |
promotion: import_prop_types.default.bool |
| 4951 |
}; |
| 4952 |
|
| 4953 |
//#endregion |
| 4954 |
//#region app/modules/site-editor/assets/js/context/template-types.js |
| 4955 |
function _callSuper(t, o, e) { |
| 4956 |
return o = _getPrototypeOf(o), _possibleConstructorReturn$1(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); |
| 4957 |
} |
| 4958 |
function _isNativeReflectConstruct() { |
| 4959 |
try { |
| 4960 |
var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {})); |
| 4961 |
} catch (t) {} |
| 4962 |
return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { |
| 4963 |
return !!t; |
| 4964 |
})(); |
| 4965 |
} |
| 4966 |
var Context = react.default.createContext(); |
| 4967 |
var TemplateTypesContext = /*#__PURE__*/ function(_React$Component) { |
| 4968 |
function TemplateTypesContext(props) { |
| 4969 |
var _this; |
| 4970 |
_classCallCheck$1(this, TemplateTypesContext); |
| 4971 |
_this = _callSuper(this, TemplateTypesContext, [props]); |
| 4972 |
_this.state = { |
| 4973 |
templateTypes: [], |
| 4974 |
loading: true, |
| 4975 |
error: false |
| 4976 |
}; |
| 4977 |
return _this; |
| 4978 |
} |
| 4979 |
_inherits$1(TemplateTypesContext, _React$Component); |
| 4980 |
return _createClass(TemplateTypesContext, [ |
| 4981 |
{ |
| 4982 |
key: "componentDidMount", |
| 4983 |
value: function componentDidMount() { |
| 4984 |
var _this2 = this; |
| 4985 |
this.getTemplateTypes().then(function(response) { |
| 4986 |
_this2.setState({ |
| 4987 |
templateTypes: response, |
| 4988 |
loading: false |
| 4989 |
}); |
| 4990 |
}).fail(function(error) { |
| 4991 |
_this2.setState({ |
| 4992 |
error: error.statusText ? error.statusText : error, |
| 4993 |
loading: false |
| 4994 |
}); |
| 4995 |
}); |
| 4996 |
} |
| 4997 |
}, |
| 4998 |
{ |
| 4999 |
key: "getTemplateTypes", |
| 5000 |
value: function getTemplateTypes() { |
| 5001 |
return elementorCommon.ajax.load({ action: "app_site_editor_template_types" }); |
| 5002 |
} |
| 5003 |
}, |
| 5004 |
{ |
| 5005 |
key: "render", |
| 5006 |
value: function render() { |
| 5007 |
if (this.state.error) return /*#__PURE__*/ react.default.createElement("div", { className: "e-loading-wrapper" }, /*#__PURE__*/ react.default.createElement("h3", null, (0, _wordpress_i18n.__)("Error:", "elementor"), " ", this.state.error)); |
| 5008 |
if (this.state.loading) 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" }, (0, _wordpress_i18n.__)("Loading", "elementor")))); |
| 5009 |
return /*#__PURE__*/ react.default.createElement(Context.Provider, { value: this.state }, this.props.children); |
| 5010 |
} |
| 5011 |
} |
| 5012 |
]); |
| 5013 |
}(react.default.Component); |
| 5014 |
_defineProperty(TemplateTypesContext, "propTypes", { children: import_prop_types.default.object.isRequired }); |
| 5015 |
var TemplateTypesConsumer = Context.Consumer; |
| 5016 |
|
| 5017 |
//#endregion |
| 5018 |
//#region app/modules/site-editor/assets/js/organisms/menu.js |
| 5019 |
function Menu(props) { |
| 5020 |
var templateTypes = react.default.useContext(Context).templateTypes; |
| 5021 |
return /*#__PURE__*/ react.default.createElement(Menu$1, { |
| 5022 |
menuItems: templateTypes, |
| 5023 |
actionButton: function actionButton(itemProps) { |
| 5024 |
var className = "eps-menu-item__action-button"; |
| 5025 |
if (props.promotion) return /*#__PURE__*/ react.default.createElement(Button$1, { |
| 5026 |
text: (0, _wordpress_i18n.__)("Upgrade Now", "elementor"), |
| 5027 |
hideText: true, |
| 5028 |
icon: "eicon-lock", |
| 5029 |
className |
| 5030 |
}); |
| 5031 |
var goToCreate = function goToCreate() { |
| 5032 |
location.href = itemProps.urls.create; |
| 5033 |
}; |
| 5034 |
return /*#__PURE__*/ react.default.createElement("span", { className }, /*#__PURE__*/ react.default.createElement(AddNewButton, { |
| 5035 |
hideText: true, |
| 5036 |
size: "sm", |
| 5037 |
onClick: function onClick() { |
| 5038 |
return goToCreate(); |
| 5039 |
} |
| 5040 |
})); |
| 5041 |
}, |
| 5042 |
promotion: props.promotion |
| 5043 |
}, props.allPartsButton, /*#__PURE__*/ react.default.createElement("div", { className: "eps-menu__title" }, (0, _wordpress_i18n.__)("Site Parts", "elementor"))); |
| 5044 |
} |
| 5045 |
Menu.propTypes = { |
| 5046 |
allPartsButton: import_prop_types.default.element.isRequired, |
| 5047 |
promotion: import_prop_types.default.bool |
| 5048 |
}; |
| 5049 |
|
| 5050 |
//#endregion |
| 5051 |
//#region app/modules/import-export/assets/js/shared/utils/is-valid-redirect-url.js |
| 5052 |
function isValidRedirectUrl(url) { |
| 5053 |
try { |
| 5054 |
var parsedUrl = new URL(url); |
| 5055 |
return parsedUrl.hostname === window.location.hostname && ("http:" === parsedUrl.protocol || "https:" === parsedUrl.protocol); |
| 5056 |
} catch (e) { |
| 5057 |
return false; |
| 5058 |
} |
| 5059 |
} |
| 5060 |
|
| 5061 |
//#endregion |
| 5062 |
//#region app/modules/import-export/assets/js/shared/utils/redirect.js |
| 5063 |
function safeRedirect(url) { |
| 5064 |
try { |
| 5065 |
if (url.startsWith("/")) url = window.location.origin + url; |
| 5066 |
var decodedUrl = decodeURIComponent(url); |
| 5067 |
if (isValidRedirectUrl(decodedUrl)) { |
| 5068 |
window.location.href = decodedUrl; |
| 5069 |
return true; |
| 5070 |
} |
| 5071 |
} catch (e) { |
| 5072 |
return false; |
| 5073 |
} |
| 5074 |
} |
| 5075 |
|
| 5076 |
//#endregion |
| 5077 |
//#region app/modules/site-editor/assets/js/templates/layout.js |
| 5078 |
function Layout(props) { |
| 5079 |
var returnTo = useQueryParams().getAll().return_to; |
| 5080 |
var onClose = (0, react.useCallback)(function() { |
| 5081 |
if (window.top !== window) { |
| 5082 |
window.top.$e.run("app/close"); |
| 5083 |
return; |
| 5084 |
} |
| 5085 |
if (returnTo && safeRedirect(returnTo)) return; |
| 5086 |
window.top.location = elementorAppConfig.admin_url; |
| 5087 |
}, [returnTo]); |
| 5088 |
var config = (0, react.useMemo)(function() { |
| 5089 |
var _props$titleRedirectR; |
| 5090 |
return { |
| 5091 |
title: (0, _wordpress_i18n.__)("Theme Builder", "elementor"), |
| 5092 |
titleRedirectRoute: (_props$titleRedirectR = props.titleRedirectRoute) !== null && _props$titleRedirectR !== void 0 ? _props$titleRedirectR : null, |
| 5093 |
headerButtons: props.headerButtons, |
| 5094 |
sidebar: /*#__PURE__*/ react.default.createElement(Menu, { |
| 5095 |
allPartsButton: props.allPartsButton, |
| 5096 |
promotion: props.promotion |
| 5097 |
}), |
| 5098 |
content: props.children, |
| 5099 |
onClose |
| 5100 |
}; |
| 5101 |
}, [ |
| 5102 |
props.titleRedirectRoute, |
| 5103 |
props.headerButtons, |
| 5104 |
props.allPartsButton, |
| 5105 |
props.promotion, |
| 5106 |
props.children, |
| 5107 |
onClose |
| 5108 |
]); |
| 5109 |
return /*#__PURE__*/ react.default.createElement(TemplateTypesContext, null, /*#__PURE__*/ react.default.createElement(Page, config)); |
| 5110 |
} |
| 5111 |
Layout.propTypes = { |
| 5112 |
headerButtons: import_prop_types.default.arrayOf(import_prop_types.default.object), |
| 5113 |
allPartsButton: import_prop_types.default.element.isRequired, |
| 5114 |
children: import_prop_types.default.object.isRequired, |
| 5115 |
promotion: import_prop_types.default.bool, |
| 5116 |
titleRedirectRoute: import_prop_types.default.string |
| 5117 |
}; |
| 5118 |
Layout.defaultProps = { headerButtons: [] }; |
| 5119 |
|
| 5120 |
//#endregion |
| 5121 |
//#region app/modules/site-editor/assets/js/molecules/site-part.js |
| 5122 |
function SitePart(props) { |
| 5123 |
return /*#__PURE__*/ react.default.createElement(Card, { className: "e-site-part" }, /*#__PURE__*/ react.default.createElement(CardHeader, null, /*#__PURE__*/ react.default.createElement(Heading, { |
| 5124 |
tag: "h1", |
| 5125 |
variant: "text-sm", |
| 5126 |
className: "eps-card__headline" |
| 5127 |
}, props.title), props.actionButton), /*#__PURE__*/ react.default.createElement(CardBody, null, /*#__PURE__*/ react.default.createElement(CardImage, { |
| 5128 |
alt: props.title, |
| 5129 |
src: props.thumbnail |
| 5130 |
}, props.children))); |
| 5131 |
} |
| 5132 |
SitePart.propTypes = { |
| 5133 |
thumbnail: import_prop_types.default.string.isRequired, |
| 5134 |
title: import_prop_types.default.string.isRequired, |
| 5135 |
children: import_prop_types.default.object, |
| 5136 |
showIndicator: import_prop_types.default.bool, |
| 5137 |
actionButton: import_prop_types.default.object |
| 5138 |
}; |
| 5139 |
|
| 5140 |
//#endregion |
| 5141 |
//#region app/modules/site-editor/assets/js/organisms/site-parts.js |
| 5142 |
var InfoButton = function InfoButton(props) { |
| 5143 |
var toggleButtonProps = { |
| 5144 |
text: (0, _wordpress_i18n.__)("Info", "elementor"), |
| 5145 |
hideText: true, |
| 5146 |
icon: "eicon-info-circle e-site-part__info-toggle" |
| 5147 |
}; |
| 5148 |
return /*#__PURE__*/ react.default.createElement(ModalProvider, { |
| 5149 |
toggleButtonProps, |
| 5150 |
title: props.title |
| 5151 |
}, /*#__PURE__*/ react.default.createElement(CssGrid, { |
| 5152 |
columns: 2, |
| 5153 |
spacing: 60 |
| 5154 |
}, /*#__PURE__*/ react.default.createElement("section", null, /*#__PURE__*/ react.default.createElement("h3", null, props.type), /*#__PURE__*/ react.default.createElement("p", null, props.content, /*#__PURE__*/ react.default.createElement("br", null), /*#__PURE__*/ react.default.createElement(Button$1, { |
| 5155 |
text: (0, _wordpress_i18n.__)("Learn More", "elementor"), |
| 5156 |
color: "link", |
| 5157 |
target: "_blank", |
| 5158 |
url: props.docs |
| 5159 |
})), /*#__PURE__*/ react.default.createElement("div", { className: "eps-modal__tip" }, /*#__PURE__*/ react.default.createElement("h3", null, (0, _wordpress_i18n.__)("Tip", "elementor")), /*#__PURE__*/ react.default.createElement("p", null, props.tip))), /*#__PURE__*/ react.default.createElement("section", null, /*#__PURE__*/ react.default.createElement("h3", null, (0, _wordpress_i18n.__)("Watch Video", "elementor")), /*#__PURE__*/ react.default.createElement("div", { className: "video-wrapper" }, /*#__PURE__*/ react.default.createElement("iframe", { |
| 5160 |
id: "ytplayer", |
| 5161 |
src: props.video_url, |
| 5162 |
frameBorder: "0" |
| 5163 |
}))))); |
| 5164 |
}; |
| 5165 |
InfoButton.propTypes = { |
| 5166 |
content: import_prop_types.default.string.isRequired, |
| 5167 |
docs: import_prop_types.default.string.isRequired, |
| 5168 |
tip: import_prop_types.default.string.isRequired, |
| 5169 |
title: import_prop_types.default.string.isRequired, |
| 5170 |
type: import_prop_types.default.string.isRequired, |
| 5171 |
video_url: import_prop_types.default.string.isRequired |
| 5172 |
}; |
| 5173 |
function SiteParts(props) { |
| 5174 |
var templateTypes = react.default.useContext(Context).templateTypes; |
| 5175 |
return /*#__PURE__*/ react.default.createElement(CssGrid, { |
| 5176 |
className: "e-site-editor__site-parts", |
| 5177 |
colMinWidth: 200, |
| 5178 |
spacing: 25 |
| 5179 |
}, templateTypes.map(function(item) { |
| 5180 |
return /*#__PURE__*/ react.default.createElement(SitePart, _extends$2({ |
| 5181 |
className: "e-site-editor__site-part", |
| 5182 |
actionButton: /*#__PURE__*/ react.default.createElement(InfoButton, _extends$2({ type: item.title }, item.tooltip_data)), |
| 5183 |
thumbnail: item.urls.thumbnail, |
| 5184 |
key: item.type |
| 5185 |
}, item), react.default.createElement(props.hoverElement, item)); |
| 5186 |
})); |
| 5187 |
} |
| 5188 |
SiteParts.propTypes = { hoverElement: import_prop_types.default.func.isRequired }; |
| 5189 |
|
| 5190 |
//#endregion |
| 5191 |
//#region app/modules/site-editor/assets/js/pages/promotion.js |
| 5192 |
function Promotion() { |
| 5193 |
var promotionUrl = elementorAppConfig.promotion.upgrade_url || "https://go.elementor.com/go-pro-theme-builder/"; |
| 5194 |
var PromotionHoverElement = function PromotionHoverElement(props) { |
| 5195 |
var promotionUrlWithType = "".concat(promotionUrl, "?type=").concat(props.type); |
| 5196 |
return /*#__PURE__*/ react.default.createElement(CardOverlay, { className: "e-site-editor__promotion-overlay" }, /*#__PURE__*/ react.default.createElement("a", { |
| 5197 |
className: "e-site-editor__promotion-overlay__link", |
| 5198 |
target: "_blank", |
| 5199 |
rel: "noopener noreferrer", |
| 5200 |
href: promotionUrlWithType |
| 5201 |
}, /*#__PURE__*/ react.default.createElement("i", { className: "e-site-editor__promotion-overlay__icon eicon-lock" }), /*#__PURE__*/ react.default.createElement(Button$1, { |
| 5202 |
size: "sm", |
| 5203 |
color: "brand", |
| 5204 |
variant: "contained", |
| 5205 |
text: (0, _wordpress_i18n.__)("Upgrade", "elementor") |
| 5206 |
}))); |
| 5207 |
}; |
| 5208 |
PromotionHoverElement.propTypes = { |
| 5209 |
className: import_prop_types.default.string, |
| 5210 |
type: import_prop_types.default.string.isRequired |
| 5211 |
}; |
| 5212 |
return /*#__PURE__*/ react.default.createElement(Layout, { |
| 5213 |
allPartsButton: /*#__PURE__*/ react.default.createElement(AllPartsButton, { promotion: true }), |
| 5214 |
promotion: true |
| 5215 |
}, /*#__PURE__*/ react.default.createElement("section", { className: "e-site-editor__promotion" }, /*#__PURE__*/ react.default.createElement(Grid, { |
| 5216 |
container: true, |
| 5217 |
className: "page-header" |
| 5218 |
}, /*#__PURE__*/ react.default.createElement(Grid, { |
| 5219 |
item: true, |
| 5220 |
sm: 7, |
| 5221 |
justify: "end" |
| 5222 |
}, /*#__PURE__*/ react.default.createElement(Heading, { variant: "h1" }, (0, _wordpress_i18n.__)("Customize every part of your site", "elementor")), /*#__PURE__*/ react.default.createElement(Text, null, (0, _wordpress_i18n.__)("Get total control, consistency and a faster workflow by designing the recurring parts that make up a complete website like the Header & Footer, Archive, 404, WooCommerce pages and more.", "elementor"))), /*#__PURE__*/ react.default.createElement(Grid, { |
| 5223 |
item: true, |
| 5224 |
container: true, |
| 5225 |
justify: "end", |
| 5226 |
alignItems: "start", |
| 5227 |
sm: 5 |
| 5228 |
}, /*#__PURE__*/ react.default.createElement(Button$1, { |
| 5229 |
size: "sm", |
| 5230 |
color: "cta", |
| 5231 |
variant: "contained", |
| 5232 |
url: promotionUrl, |
| 5233 |
target: "_blank", |
| 5234 |
text: (0, _wordpress_i18n.__)("Upgrade Now", "elementor") |
| 5235 |
}))), /*#__PURE__*/ react.default.createElement("hr", { className: "eps-separator" }), /*#__PURE__*/ react.default.createElement(SiteParts, { hoverElement: PromotionHoverElement }))); |
| 5236 |
} |
| 5237 |
|
| 5238 |
//#endregion |
| 5239 |
//#region app/modules/site-editor/assets/js/pages/not-found.js |
| 5240 |
function NotFound() { |
| 5241 |
var url = react.default.useMemo(function() { |
| 5242 |
var _elementorAppConfig$m; |
| 5243 |
return ((_elementorAppConfig$m = elementorAppConfig.menu_url.split("#")) === null || _elementorAppConfig$m === void 0 ? void 0 : _elementorAppConfig$m[1]) || "/site-editor"; |
| 5244 |
}, []); |
| 5245 |
return /*#__PURE__*/ react.default.createElement(Dialog, { |
| 5246 |
title: (0, _wordpress_i18n.__)("Theme Builder could not be loaded", "elementor"), |
| 5247 |
text: (0, _wordpress_i18n.__)("We’re sorry, but something went wrong. Click on ‘Learn more’ and follow each of the steps to quickly solve it.", "elementor"), |
| 5248 |
approveButtonUrl: "https://go.elementor.com/app-theme-builder-load-issue/", |
| 5249 |
approveButtonColor: "link", |
| 5250 |
approveButtonTarget: "_blank", |
| 5251 |
approveButtonText: (0, _wordpress_i18n.__)("Learn More", "elementor"), |
| 5252 |
dismissButtonText: (0, _wordpress_i18n.__)("Go Back", "elementor"), |
| 5253 |
dismissButtonUrl: url |
| 5254 |
}); |
| 5255 |
} |
| 5256 |
|
| 5257 |
//#endregion |
| 5258 |
//#region app/modules/site-editor/assets/js/module.js |
| 5259 |
var SiteEditor = /*#__PURE__*/ function() { |
| 5260 |
function SiteEditor() { |
| 5261 |
_classCallCheck$1(this, SiteEditor); |
| 5262 |
this.saveTemplateTypesToCache(); |
| 5263 |
router.addRoute({ |
| 5264 |
path: "/site-editor/promotion", |
| 5265 |
component: Promotion |
| 5266 |
}); |
| 5267 |
router.addRoute({ |
| 5268 |
path: "/site-editor/*", |
| 5269 |
component: NotFound |
| 5270 |
}); |
| 5271 |
} |
| 5272 |
return _createClass(SiteEditor, [{ |
| 5273 |
key: "saveTemplateTypesToCache", |
| 5274 |
value: function saveTemplateTypesToCache() { |
| 5275 |
var types = this.getTypes(); |
| 5276 |
elementorCommon.ajax.addRequestCache({ unique_id: "app_site_editor_template_types" }, types); |
| 5277 |
} |
| 5278 |
}, { |
| 5279 |
key: "getTypes", |
| 5280 |
value: function getTypes() { |
| 5281 |
return [ |
| 5282 |
{ |
| 5283 |
type: "header", |
| 5284 |
icon: "eicon-header", |
| 5285 |
title: (0, _wordpress_i18n.__)("Header", "elementor"), |
| 5286 |
urls: { thumbnail: elementorAppConfig.assets_url + "/images/app/site-editor/header.svg" }, |
| 5287 |
tooltip_data: { |
| 5288 |
title: (0, _wordpress_i18n.__)("What is a Header Template?", "elementor"), |
| 5289 |
content: (0, _wordpress_i18n.__)("The header template allows you to easily design and edit custom WordPress headers so you are no longer constrained by your theme’s header design limitations.", "elementor"), |
| 5290 |
tip: (0, _wordpress_i18n.__)("You can create multiple headers, and assign each to different areas of your site.", "elementor"), |
| 5291 |
docs: "https://go.elementor.com/app-theme-builder-header/", |
| 5292 |
video_url: "https://www.youtube.com/embed/HHy5RK6W-6I" |
| 5293 |
} |
| 5294 |
}, |
| 5295 |
{ |
| 5296 |
type: "footer", |
| 5297 |
icon: "eicon-footer", |
| 5298 |
title: (0, _wordpress_i18n.__)("Footer", "elementor"), |
| 5299 |
urls: { thumbnail: elementorAppConfig.assets_url + "/images/app/site-editor/footer.svg" }, |
| 5300 |
tooltip_data: { |
| 5301 |
title: (0, _wordpress_i18n.__)("What is a Footer Template?", "elementor"), |
| 5302 |
content: (0, _wordpress_i18n.__)("The footer template allows you to easily design and edit custom WordPress footers without the limits of your theme’s footer design constraints", "elementor"), |
| 5303 |
tip: (0, _wordpress_i18n.__)("You can create multiple footers, and assign each to different areas of your site.", "elementor"), |
| 5304 |
docs: "https://go.elementor.com/app-theme-builder-footer/", |
| 5305 |
video_url: "https://www.youtube.com/embed/xa8DoR4tQrY" |
| 5306 |
} |
| 5307 |
}, |
| 5308 |
{ |
| 5309 |
type: "single-page", |
| 5310 |
icon: "eicon-single-page", |
| 5311 |
title: (0, _wordpress_i18n.__)("Single Page", "elementor"), |
| 5312 |
urls: { thumbnail: elementorAppConfig.assets_url + "/images/app/site-editor/single-page.svg" }, |
| 5313 |
tooltip_data: { |
| 5314 |
title: (0, _wordpress_i18n.__)("What is a Single Page Template?", "elementor"), |
| 5315 |
content: (0, _wordpress_i18n.__)("A single page template allows you to easily create the layout and style of pages, ensuring design consistency across all the pages of your site.", "elementor"), |
| 5316 |
tip: (0, _wordpress_i18n.__)("You can create multiple single page templates, and assign each to different areas of your site.", "elementor"), |
| 5317 |
docs: "https://go.elementor.com/app-theme-builder-page/", |
| 5318 |
video_url: "https://www.youtube.com/embed/_y5eZ60lVoY" |
| 5319 |
} |
| 5320 |
}, |
| 5321 |
{ |
| 5322 |
type: "single-post", |
| 5323 |
icon: "eicon-single-post", |
| 5324 |
title: (0, _wordpress_i18n.__)("Single Post", "elementor"), |
| 5325 |
urls: { thumbnail: elementorAppConfig.assets_url + "/images/app/site-editor/single-post.svg" }, |
| 5326 |
tooltip_data: { |
| 5327 |
title: (0, _wordpress_i18n.__)("What is a Single Post Template?", "elementor"), |
| 5328 |
content: (0, _wordpress_i18n.__)("A single post template allows you to easily design the layout and style of posts, ensuring a design consistency throughout all your blog posts, for example.", "elementor"), |
| 5329 |
tip: (0, _wordpress_i18n.__)("You can create multiple single post templates, and assign each to a different category.", "elementor"), |
| 5330 |
docs: "https://go.elementor.com/app-theme-builder-post/", |
| 5331 |
video_url: "https://www.youtube.com/embed/8Fk-Edu7DL0" |
| 5332 |
} |
| 5333 |
}, |
| 5334 |
{ |
| 5335 |
type: "archive", |
| 5336 |
icon: "eicon-archive", |
| 5337 |
title: (0, _wordpress_i18n.__)("Archive", "elementor"), |
| 5338 |
urls: { thumbnail: elementorAppConfig.assets_url + "/images/app/site-editor/archive.svg" }, |
| 5339 |
tooltip_data: { |
| 5340 |
title: (0, _wordpress_i18n.__)("What is an Archive Template?", "elementor"), |
| 5341 |
content: (0, _wordpress_i18n.__)("An archive template allows you to easily design the layout and style of archive pages - those pages that show a list of posts (e.g. a blog’s list of recent posts), which may be filtered by terms such as authors, categories, tags, search results, etc.", "elementor"), |
| 5342 |
tip: (0, _wordpress_i18n.__)("If you’d like a different style for a specific category, it’s easy to create a separate archive template whose condition is to only display when users are viewing that category’s list of posts.", "elementor"), |
| 5343 |
docs: "https://go.elementor.com/app-theme-builder-archive/", |
| 5344 |
video_url: "https://www.youtube.com/embed/wxElpEh9bfA" |
| 5345 |
} |
| 5346 |
}, |
| 5347 |
{ |
| 5348 |
type: "search-results", |
| 5349 |
icon: "eicon-search-results", |
| 5350 |
title: (0, _wordpress_i18n.__)("search results page", "elementor"), |
| 5351 |
urls: { thumbnail: elementorAppConfig.assets_url + "/images/app/site-editor/search-results.svg" }, |
| 5352 |
tooltip_data: { |
| 5353 |
title: (0, _wordpress_i18n.__)("What is a Search Results Template?", "elementor"), |
| 5354 |
content: (0, _wordpress_i18n.__)("You can easily control the layout and design of the Search Results page with the Search Results template, which is simply a special archive template just for displaying search results.", "elementor"), |
| 5355 |
tip: (0, _wordpress_i18n.__)("You can customize the message if there are no results for the search term.", "elementor"), |
| 5356 |
docs: "https://go.elementor.com/app-theme-builder-search-results/", |
| 5357 |
video_url: "https://www.youtube.com/embed/KKkIU_L5sDo" |
| 5358 |
} |
| 5359 |
}, |
| 5360 |
{ |
| 5361 |
type: "product", |
| 5362 |
icon: "eicon-single-product", |
| 5363 |
title: (0, _wordpress_i18n.__)("Product", "elementor"), |
| 5364 |
urls: { thumbnail: elementorAppConfig.assets_url + "/images/app/site-editor/product.svg" }, |
| 5365 |
tooltip_data: { |
| 5366 |
title: (0, _wordpress_i18n.__)("What is a Single Product Template?", "elementor"), |
| 5367 |
content: (0, _wordpress_i18n.__)("A single product template allows you to easily design the layout and style of WooCommerce single product pages, and apply that template to various conditions that you assign.", "elementor"), |
| 5368 |
tip: (0, _wordpress_i18n.__)("You can create multiple single product templates, and assign each to different types of products, enabling a custom design for each group of similar products.", "elementor"), |
| 5369 |
docs: "https://go.elementor.com/app-theme-builder-product/", |
| 5370 |
video_url: "https://www.youtube.com/embed/PjhoB1RWkBM" |
| 5371 |
} |
| 5372 |
}, |
| 5373 |
{ |
| 5374 |
type: "products", |
| 5375 |
icon: "eicon-products", |
| 5376 |
title: (0, _wordpress_i18n.__)("Products Archive", "elementor"), |
| 5377 |
urls: { thumbnail: elementorAppConfig.assets_url + "/images/app/site-editor/products.svg" }, |
| 5378 |
tooltip_data: { |
| 5379 |
title: (0, _wordpress_i18n.__)("What is a Products Archive Template?", "elementor"), |
| 5380 |
content: (0, _wordpress_i18n.__)("A products archive template allows you to easily design the layout and style of your WooCommerce shop page or other product archive pages - those pages that show a list of products, which may be filtered by terms such as categories, tags, etc.", "elementor"), |
| 5381 |
tip: (0, _wordpress_i18n.__)("You can create multiple archive product templates, and assign each to different categories of products. This gives you the freedom to customize the appearance for each type of product being shown.", "elementor"), |
| 5382 |
docs: "https://go.elementor.com/app-theme-builder-products-archive/", |
| 5383 |
video_url: "https://www.youtube.com/embed/cQLeirgkguA" |
| 5384 |
} |
| 5385 |
}, |
| 5386 |
{ |
| 5387 |
type: "error-404", |
| 5388 |
icon: "eicon-error-404", |
| 5389 |
title: (0, _wordpress_i18n.__)("404 page", "elementor"), |
| 5390 |
urls: { thumbnail: elementorAppConfig.assets_url + "/images/app/site-editor/error-404.svg" }, |
| 5391 |
tooltip_data: { |
| 5392 |
title: (0, _wordpress_i18n.__)("What is a 404 Page Template?", "elementor"), |
| 5393 |
content: (0, _wordpress_i18n.__)("A 404 page template allows you to easily design the layout and style of the page that is displayed when a visitor arrives at a page that does not exist.", "elementor"), |
| 5394 |
tip: (0, _wordpress_i18n.__)("Keep your site's visitors happy when they get lost by displaying your recent posts, a search bar, or any information that might help the user find what they were looking for.", "elementor"), |
| 5395 |
docs: "https://go.elementor.com/app-theme-builder-404/", |
| 5396 |
video_url: "https://www.youtube.com/embed/ACCNp9tBMQg" |
| 5397 |
} |
| 5398 |
} |
| 5399 |
]; |
| 5400 |
} |
| 5401 |
}]); |
| 5402 |
}(); |
| 5403 |
|
| 5404 |
//#endregion |
| 5405 |
//#region app/modules/site-editor/assets/js/package.js |
| 5406 |
var package_default = { |
| 5407 |
AllPartsButton, |
| 5408 |
Layout, |
| 5409 |
Module: SiteEditor, |
| 5410 |
NotFound, |
| 5411 |
SitePart, |
| 5412 |
SiteParts, |
| 5413 |
TemplateTypesContext: Context |
| 5414 |
}; |
| 5415 |
|
| 5416 |
//#endregion |
| 5417 |
//#region app/assets/js/app-packages.js |
| 5418 |
/** |
| 5419 |
* Temporary solution for share components. |
| 5420 |
* TODO. |
| 5421 |
*/ |
| 5422 |
window.elementorAppPackages = { |
| 5423 |
appUi, |
| 5424 |
components, |
| 5425 |
hooks, |
| 5426 |
router, |
| 5427 |
siteEditor: package_default |
| 5428 |
}; |
| 5429 |
|
| 5430 |
//#endregion |
| 5431 |
})(React, wp.i18n); |
| 5432 |
//# sourceMappingURL=app-packages.js.map |