/*! elementor-pro - v3.23.0 - 05-08-2024 */ /******/ (() => { // webpackBootstrap /******/ var __webpack_modules__ = ({ /***/ "../node_modules/@reach/router/es/index.js": /*!*************************************************!*\ !*** ../node_modules/@reach/router/es/index.js ***! \*************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ Link: () => (/* binding */ Link), /* harmony export */ Location: () => (/* binding */ Location), /* harmony export */ LocationProvider: () => (/* binding */ LocationProvider), /* harmony export */ Match: () => (/* binding */ Match), /* harmony export */ Redirect: () => (/* binding */ Redirect), /* harmony export */ Router: () => (/* binding */ Router), /* harmony export */ ServerLocation: () => (/* binding */ ServerLocation), /* harmony export */ createHistory: () => (/* reexport safe */ _lib_history__WEBPACK_IMPORTED_MODULE_5__.createHistory), /* harmony export */ createMemorySource: () => (/* reexport safe */ _lib_history__WEBPACK_IMPORTED_MODULE_5__.createMemorySource), /* harmony export */ globalHistory: () => (/* reexport safe */ _lib_history__WEBPACK_IMPORTED_MODULE_5__.globalHistory), /* harmony export */ isRedirect: () => (/* binding */ isRedirect), /* harmony export */ matchPath: () => (/* reexport safe */ _lib_utils__WEBPACK_IMPORTED_MODULE_4__.match), /* harmony export */ navigate: () => (/* reexport safe */ _lib_history__WEBPACK_IMPORTED_MODULE_5__.navigate), /* harmony export */ redirectTo: () => (/* binding */ redirectTo), /* harmony export */ useLocation: () => (/* binding */ useLocation), /* harmony export */ useMatch: () => (/* binding */ useMatch), /* harmony export */ useNavigate: () => (/* binding */ useNavigate), /* harmony export */ useParams: () => (/* binding */ useParams) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_6__); /* harmony import */ var invariant__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! invariant */ "../node_modules/invariant/browser.js"); /* harmony import */ var invariant__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(invariant__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var create_react_context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! create-react-context */ "../node_modules/@reach/router/node_modules/create-react-context/lib/index.js"); /* harmony import */ var create_react_context__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(create_react_context__WEBPACK_IMPORTED_MODULE_2__); /* harmony import */ var react_lifecycles_compat__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-lifecycles-compat */ "../node_modules/react-lifecycles-compat/react-lifecycles-compat.es.js"); /* harmony import */ var _lib_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./lib/utils */ "../node_modules/@reach/router/es/lib/utils.js"); /* harmony import */ var _lib_history__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./lib/history */ "../node_modules/@reach/router/es/lib/history.js"); var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* eslint-disable jsx-a11y/anchor-has-content */ //////////////////////////////////////////////////////////////////////////////// var createNamedContext = function createNamedContext(name, defaultValue) { var Ctx = create_react_context__WEBPACK_IMPORTED_MODULE_2___default()(defaultValue); Ctx.displayName = name; return Ctx; }; //////////////////////////////////////////////////////////////////////////////// // Location Context/Provider var LocationContext = createNamedContext("Location"); // sets up a listener if there isn't one already so apps don't need to be // wrapped in some top level provider var Location = function Location(_ref) { var children = _ref.children; return react__WEBPACK_IMPORTED_MODULE_0___default().createElement( LocationContext.Consumer, null, function (context) { return context ? children(context) : react__WEBPACK_IMPORTED_MODULE_0___default().createElement( LocationProvider, null, children ); } ); }; var LocationProvider = function (_React$Component) { _inherits(LocationProvider, _React$Component); function LocationProvider() { var _temp, _this, _ret; _classCallCheck(this, LocationProvider); for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.state = { context: _this.getContext(), refs: { unlisten: null } }, _temp), _possibleConstructorReturn(_this, _ret); } LocationProvider.prototype.getContext = function getContext() { var _props$history = this.props.history, navigate = _props$history.navigate, location = _props$history.location; return { navigate: navigate, location: location }; }; LocationProvider.prototype.componentDidCatch = function componentDidCatch(error, info) { if (isRedirect(error)) { var _navigate = this.props.history.navigate; _navigate(error.uri, { replace: true }); } else { throw error; } }; LocationProvider.prototype.componentDidUpdate = function componentDidUpdate(prevProps, prevState) { if (prevState.context.location !== this.state.context.location) { this.props.history._onTransitionComplete(); } }; LocationProvider.prototype.componentDidMount = function componentDidMount() { var _this2 = this; var refs = this.state.refs, history = this.props.history; history._onTransitionComplete(); refs.unlisten = history.listen(function () { Promise.resolve().then(function () { // TODO: replace rAF with react deferred update API when it's ready https://github.com/facebook/react/issues/13306 requestAnimationFrame(function () { if (!_this2.unmounted) { _this2.setState(function () { return { context: _this2.getContext() }; }); } }); }); }); }; LocationProvider.prototype.componentWillUnmount = function componentWillUnmount() { var refs = this.state.refs; this.unmounted = true; refs.unlisten(); }; LocationProvider.prototype.render = function render() { var context = this.state.context, children = this.props.children; return react__WEBPACK_IMPORTED_MODULE_0___default().createElement( LocationContext.Provider, { value: context }, typeof children === "function" ? children(context) : children || null ); }; return LocationProvider; }((react__WEBPACK_IMPORTED_MODULE_0___default().Component)); //////////////////////////////////////////////////////////////////////////////// LocationProvider.defaultProps = { history: _lib_history__WEBPACK_IMPORTED_MODULE_5__.globalHistory }; true ? LocationProvider.propTypes = { history: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().object).isRequired } : 0; var ServerLocation = function ServerLocation(_ref2) { var url = _ref2.url, children = _ref2.children; var searchIndex = url.indexOf("?"); var searchExists = searchIndex > -1; var pathname = void 0; var search = ""; var hash = ""; if (searchExists) { pathname = url.substring(0, searchIndex); search = url.substring(searchIndex); } else { pathname = url; } return react__WEBPACK_IMPORTED_MODULE_0___default().createElement( LocationContext.Provider, { value: { location: { pathname: pathname, search: search, hash: hash }, navigate: function navigate() { throw new Error("You can't call navigate on the server."); } } }, children ); }; //////////////////////////////////////////////////////////////////////////////// // Sets baseuri and basepath for nested routers and links var BaseContext = createNamedContext("Base", { baseuri: "/", basepath: "/" }); //////////////////////////////////////////////////////////////////////////////// // The main event, welcome to the show everybody. var Router = function Router(props) { return react__WEBPACK_IMPORTED_MODULE_0___default().createElement( BaseContext.Consumer, null, function (baseContext) { return react__WEBPACK_IMPORTED_MODULE_0___default().createElement( Location, null, function (locationContext) { return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(RouterImpl, _extends({}, baseContext, locationContext, props)); } ); } ); }; var RouterImpl = function (_React$PureComponent) { _inherits(RouterImpl, _React$PureComponent); function RouterImpl() { _classCallCheck(this, RouterImpl); return _possibleConstructorReturn(this, _React$PureComponent.apply(this, arguments)); } RouterImpl.prototype.render = function render() { var _props = this.props, location = _props.location, _navigate2 = _props.navigate, basepath = _props.basepath, primary = _props.primary, children = _props.children, baseuri = _props.baseuri, _props$component = _props.component, component = _props$component === undefined ? "div" : _props$component, domProps = _objectWithoutProperties(_props, ["location", "navigate", "basepath", "primary", "children", "baseuri", "component"]); var routes = react__WEBPACK_IMPORTED_MODULE_0___default().Children.toArray(children).reduce(function (array, child) { var routes = createRoute(basepath)(child); return array.concat(routes); }, []); var pathname = location.pathname; var match = (0,_lib_utils__WEBPACK_IMPORTED_MODULE_4__.pick)(routes, pathname); if (match) { var params = match.params, uri = match.uri, route = match.route, element = match.route.value; // remove the /* from the end for child routes relative paths basepath = route.default ? basepath : route.path.replace(/\*$/, ""); var props = _extends({}, params, { uri: uri, location: location, navigate: function navigate(to, options) { return _navigate2((0,_lib_utils__WEBPACK_IMPORTED_MODULE_4__.resolve)(to, uri), options); } }); var clone = react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(element, props, element.props.children ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement( Router, { location: location, primary: primary }, element.props.children ) : undefined); // using 'div' for < 16.3 support var FocusWrapper = primary ? FocusHandler : component; // don't pass any props to 'div' var wrapperProps = primary ? _extends({ uri: uri, location: location, component: component }, domProps) : domProps; return react__WEBPACK_IMPORTED_MODULE_0___default().createElement( BaseContext.Provider, { value: { baseuri: uri, basepath: basepath } }, react__WEBPACK_IMPORTED_MODULE_0___default().createElement( FocusWrapper, wrapperProps, clone ) ); } else { // Not sure if we want this, would require index routes at every level // warning( // false, // `\n\nNothing matched:\n\t${ // location.pathname // }\n\nPaths checked: \n\t${routes // .map(route => route.path) // .join( // "\n\t" // )}\n\nTo get rid of this warning, add a default NotFound component as child of Router: // \n\tlet NotFound = () =>
Not Found!
// \n\t\n\t \n\t {/* ... */}\n\t` // ); return null; } }; return RouterImpl; }((react__WEBPACK_IMPORTED_MODULE_0___default().PureComponent)); RouterImpl.defaultProps = { primary: true }; var FocusContext = createNamedContext("Focus"); var FocusHandler = function FocusHandler(_ref3) { var uri = _ref3.uri, location = _ref3.location, component = _ref3.component, domProps = _objectWithoutProperties(_ref3, ["uri", "location", "component"]); return react__WEBPACK_IMPORTED_MODULE_0___default().createElement( FocusContext.Consumer, null, function (requestFocus) { return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(FocusHandlerImpl, _extends({}, domProps, { component: component, requestFocus: requestFocus, uri: uri, location: location })); } ); }; // don't focus on initial render var initialRender = true; var focusHandlerCount = 0; var FocusHandlerImpl = function (_React$Component2) { _inherits(FocusHandlerImpl, _React$Component2); function FocusHandlerImpl() { var _temp2, _this4, _ret2; _classCallCheck(this, FocusHandlerImpl); for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { args[_key2] = arguments[_key2]; } return _ret2 = (_temp2 = (_this4 = _possibleConstructorReturn(this, _React$Component2.call.apply(_React$Component2, [this].concat(args))), _this4), _this4.state = {}, _this4.requestFocus = function (node) { if (!_this4.state.shouldFocus && node) { node.focus(); } }, _temp2), _possibleConstructorReturn(_this4, _ret2); } FocusHandlerImpl.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) { var initial = prevState.uri == null; if (initial) { return _extends({ shouldFocus: true }, nextProps); } else { var myURIChanged = nextProps.uri !== prevState.uri; var navigatedUpToMe = prevState.location.pathname !== nextProps.location.pathname && nextProps.location.pathname === nextProps.uri; return _extends({ shouldFocus: myURIChanged || navigatedUpToMe }, nextProps); } }; FocusHandlerImpl.prototype.componentDidMount = function componentDidMount() { focusHandlerCount++; this.focus(); }; FocusHandlerImpl.prototype.componentWillUnmount = function componentWillUnmount() { focusHandlerCount--; if (focusHandlerCount === 0) { initialRender = true; } }; FocusHandlerImpl.prototype.componentDidUpdate = function componentDidUpdate(prevProps, prevState) { if (prevProps.location !== this.props.location && this.state.shouldFocus) { this.focus(); } }; FocusHandlerImpl.prototype.focus = function focus() { if (false) {} var requestFocus = this.props.requestFocus; if (requestFocus) { requestFocus(this.node); } else { if (initialRender) { initialRender = false; } else if (this.node) { // React polyfills [autofocus] and it fires earlier than cDM, // so we were stealing focus away, this line prevents that. if (!this.node.contains(document.activeElement)) { this.node.focus(); } } } }; FocusHandlerImpl.prototype.render = function render() { var _this5 = this; var _props2 = this.props, children = _props2.children, style = _props2.style, requestFocus = _props2.requestFocus, _props2$component = _props2.component, Comp = _props2$component === undefined ? "div" : _props2$component, uri = _props2.uri, location = _props2.location, domProps = _objectWithoutProperties(_props2, ["children", "style", "requestFocus", "component", "uri", "location"]); return react__WEBPACK_IMPORTED_MODULE_0___default().createElement( Comp, _extends({ style: _extends({ outline: "none" }, style), tabIndex: "-1", ref: function ref(n) { return _this5.node = n; } }, domProps), react__WEBPACK_IMPORTED_MODULE_0___default().createElement( FocusContext.Provider, { value: this.requestFocus }, this.props.children ) ); }; return FocusHandlerImpl; }((react__WEBPACK_IMPORTED_MODULE_0___default().Component)); (0,react_lifecycles_compat__WEBPACK_IMPORTED_MODULE_3__.polyfill)(FocusHandlerImpl); var k = function k() {}; //////////////////////////////////////////////////////////////////////////////// var forwardRef = (react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef); if (typeof forwardRef === "undefined") { forwardRef = function forwardRef(C) { return C; }; } var Link = forwardRef(function (_ref4, ref) { var innerRef = _ref4.innerRef, props = _objectWithoutProperties(_ref4, ["innerRef"]); return react__WEBPACK_IMPORTED_MODULE_0___default().createElement( BaseContext.Consumer, null, function (_ref5) { var basepath = _ref5.basepath, baseuri = _ref5.baseuri; return react__WEBPACK_IMPORTED_MODULE_0___default().createElement( Location, null, function (_ref6) { var location = _ref6.location, navigate = _ref6.navigate; var to = props.to, state = props.state, replace = props.replace, _props$getProps = props.getProps, getProps = _props$getProps === undefined ? k : _props$getProps, anchorProps = _objectWithoutProperties(props, ["to", "state", "replace", "getProps"]); var href = (0,_lib_utils__WEBPACK_IMPORTED_MODULE_4__.resolve)(to, baseuri); var encodedHref = encodeURI(href); var isCurrent = location.pathname === encodedHref; var isPartiallyCurrent = (0,_lib_utils__WEBPACK_IMPORTED_MODULE_4__.startsWith)(location.pathname, encodedHref); return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", _extends({ ref: ref || innerRef, "aria-current": isCurrent ? "page" : undefined }, anchorProps, getProps({ isCurrent: isCurrent, isPartiallyCurrent: isPartiallyCurrent, href: href, location: location }), { href: href, onClick: function onClick(event) { if (anchorProps.onClick) anchorProps.onClick(event); if (shouldNavigate(event)) { event.preventDefault(); var shouldReplace = replace; if (typeof replace !== "boolean" && isCurrent) { var _location$state = _extends({}, location.state), key = _location$state.key, restState = _objectWithoutProperties(_location$state, ["key"]); shouldReplace = (0,_lib_utils__WEBPACK_IMPORTED_MODULE_4__.shallowCompare)(_extends({}, state), restState); } navigate(href, { state: state, replace: shouldReplace }); } } })); } ); } ); }); Link.displayName = "Link"; true ? Link.propTypes = { to: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().string).isRequired } : 0; //////////////////////////////////////////////////////////////////////////////// function RedirectRequest(uri) { this.uri = uri; } var isRedirect = function isRedirect(o) { return o instanceof RedirectRequest; }; var redirectTo = function redirectTo(to) { throw new RedirectRequest(to); }; var RedirectImpl = function (_React$Component3) { _inherits(RedirectImpl, _React$Component3); function RedirectImpl() { _classCallCheck(this, RedirectImpl); return _possibleConstructorReturn(this, _React$Component3.apply(this, arguments)); } // Support React < 16 with this hook RedirectImpl.prototype.componentDidMount = function componentDidMount() { var _props3 = this.props, navigate = _props3.navigate, to = _props3.to, from = _props3.from, _props3$replace = _props3.replace, replace = _props3$replace === undefined ? true : _props3$replace, state = _props3.state, noThrow = _props3.noThrow, baseuri = _props3.baseuri, props = _objectWithoutProperties(_props3, ["navigate", "to", "from", "replace", "state", "noThrow", "baseuri"]); Promise.resolve().then(function () { var resolvedTo = (0,_lib_utils__WEBPACK_IMPORTED_MODULE_4__.resolve)(to, baseuri); navigate((0,_lib_utils__WEBPACK_IMPORTED_MODULE_4__.insertParams)(resolvedTo, props), { replace: replace, state: state }); }); }; RedirectImpl.prototype.render = function render() { var _props4 = this.props, navigate = _props4.navigate, to = _props4.to, from = _props4.from, replace = _props4.replace, state = _props4.state, noThrow = _props4.noThrow, baseuri = _props4.baseuri, props = _objectWithoutProperties(_props4, ["navigate", "to", "from", "replace", "state", "noThrow", "baseuri"]); var resolvedTo = (0,_lib_utils__WEBPACK_IMPORTED_MODULE_4__.resolve)(to, baseuri); if (!noThrow) redirectTo((0,_lib_utils__WEBPACK_IMPORTED_MODULE_4__.insertParams)(resolvedTo, props)); return null; }; return RedirectImpl; }((react__WEBPACK_IMPORTED_MODULE_0___default().Component)); var Redirect = function Redirect(props) { return react__WEBPACK_IMPORTED_MODULE_0___default().createElement( BaseContext.Consumer, null, function (_ref7) { var baseuri = _ref7.baseuri; return react__WEBPACK_IMPORTED_MODULE_0___default().createElement( Location, null, function (locationContext) { return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(RedirectImpl, _extends({}, locationContext, { baseuri: baseuri }, props)); } ); } ); }; true ? Redirect.propTypes = { from: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().string), to: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().string).isRequired } : 0; //////////////////////////////////////////////////////////////////////////////// var Match = function Match(_ref8) { var path = _ref8.path, children = _ref8.children; return react__WEBPACK_IMPORTED_MODULE_0___default().createElement( BaseContext.Consumer, null, function (_ref9) { var baseuri = _ref9.baseuri; return react__WEBPACK_IMPORTED_MODULE_0___default().createElement( Location, null, function (_ref10) { var navigate = _ref10.navigate, location = _ref10.location; var resolvedPath = (0,_lib_utils__WEBPACK_IMPORTED_MODULE_4__.resolve)(path, baseuri); var result = (0,_lib_utils__WEBPACK_IMPORTED_MODULE_4__.match)(resolvedPath, location.pathname); return children({ navigate: navigate, location: location, match: result ? _extends({}, result.params, { uri: result.uri, path: path }) : null }); } ); } ); }; //////////////////////////////////////////////////////////////////////////////// // Hooks var useLocation = function useLocation() { var context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(LocationContext); if (!context) { throw new Error("useLocation hook was used but a LocationContext.Provider was not found in the parent tree. Make sure this is used in a component that is a child of Router"); } return context.location; }; var useNavigate = function useNavigate() { var context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(LocationContext); if (!context) { throw new Error("useNavigate hook was used but a LocationContext.Provider was not found in the parent tree. Make sure this is used in a component that is a child of Router"); } return context.navigate; }; var useParams = function useParams() { var context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(BaseContext); if (!context) { throw new Error("useParams hook was used but a LocationContext.Provider was not found in the parent tree. Make sure this is used in a component that is a child of Router"); } var location = useLocation(); var results = (0,_lib_utils__WEBPACK_IMPORTED_MODULE_4__.match)(context.basepath, location.pathname); return results ? results.params : null; }; var useMatch = function useMatch(path) { if (!path) { throw new Error("useMatch(path: string) requires an argument of a string to match against"); } var context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(BaseContext); if (!context) { throw new Error("useMatch hook was used but a LocationContext.Provider was not found in the parent tree. Make sure this is used in a component that is a child of Router"); } var location = useLocation(); var resolvedPath = (0,_lib_utils__WEBPACK_IMPORTED_MODULE_4__.resolve)(path, context.baseuri); var result = (0,_lib_utils__WEBPACK_IMPORTED_MODULE_4__.match)(resolvedPath, location.pathname); return result ? _extends({}, result.params, { uri: result.uri, path: path }) : null; }; //////////////////////////////////////////////////////////////////////////////// // Junk var stripSlashes = function stripSlashes(str) { return str.replace(/(^\/+|\/+$)/g, ""); }; var createRoute = function createRoute(basepath) { return function (element) { if (!element) { return null; } if (element.type === (react__WEBPACK_IMPORTED_MODULE_0___default().Fragment) && element.props.children) { return react__WEBPACK_IMPORTED_MODULE_0___default().Children.map(element.props.children, createRoute(basepath)); } !(element.props.path || element.props.default || element.type === Redirect) ? true ? invariant__WEBPACK_IMPORTED_MODULE_1___default()(false, ": Children of must have a `path` or `default` prop, or be a ``. None found on element type `" + element.type + "`") : 0 : void 0; !!(element.type === Redirect && (!element.props.from || !element.props.to)) ? true ? invariant__WEBPACK_IMPORTED_MODULE_1___default()(false, " requires both \"from\" and \"to\" props when inside a .") : 0 : void 0; !!(element.type === Redirect && !(0,_lib_utils__WEBPACK_IMPORTED_MODULE_4__.validateRedirect)(element.props.from, element.props.to)) ? true ? invariant__WEBPACK_IMPORTED_MODULE_1___default()(false, " has mismatched dynamic segments, ensure both paths have the exact same dynamic segments.") : 0 : void 0; if (element.props.default) { return { value: element, default: true }; } var elementPath = element.type === Redirect ? element.props.from : element.props.path; var path = elementPath === "/" ? basepath : stripSlashes(basepath) + "/" + stripSlashes(elementPath); return { value: element, default: element.props.default, path: element.props.children ? stripSlashes(path) + "/*" : path }; }; }; var shouldNavigate = function shouldNavigate(event) { return !event.defaultPrevented && event.button === 0 && !(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey); }; //////////////////////////////////////////////////////////////////////// /***/ }), /***/ "../node_modules/@reach/router/es/lib/history.js": /*!*******************************************************!*\ !*** ../node_modules/@reach/router/es/lib/history.js ***! \*******************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ createHistory: () => (/* binding */ createHistory), /* harmony export */ createMemorySource: () => (/* binding */ createMemorySource), /* harmony export */ globalHistory: () => (/* binding */ globalHistory), /* harmony export */ navigate: () => (/* binding */ navigate) /* harmony export */ }); var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; var getLocation = function getLocation(source) { var _source$location = source.location, search = _source$location.search, hash = _source$location.hash, href = _source$location.href, origin = _source$location.origin, protocol = _source$location.protocol, host = _source$location.host, hostname = _source$location.hostname, port = _source$location.port; var pathname = source.location.pathname; if (!pathname && href && canUseDOM) { var url = new URL(href); pathname = url.pathname; } return { pathname: encodeURI(decodeURI(pathname)), search: search, hash: hash, href: href, origin: origin, protocol: protocol, host: host, hostname: hostname, port: port, state: source.history.state, key: source.history.state && source.history.state.key || "initial" }; }; var createHistory = function createHistory(source, options) { var listeners = []; var location = getLocation(source); var transitioning = false; var resolveTransition = function resolveTransition() {}; return { get location() { return location; }, get transitioning() { return transitioning; }, _onTransitionComplete: function _onTransitionComplete() { transitioning = false; resolveTransition(); }, listen: function listen(listener) { listeners.push(listener); var popstateListener = function popstateListener() { location = getLocation(source); listener({ location: location, action: "POP" }); }; source.addEventListener("popstate", popstateListener); return function () { source.removeEventListener("popstate", popstateListener); listeners = listeners.filter(function (fn) { return fn !== listener; }); }; }, navigate: function navigate(to) { var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}, state = _ref.state, _ref$replace = _ref.replace, replace = _ref$replace === undefined ? false : _ref$replace; if (typeof to === "number") { source.history.go(to); } else { state = _extends({}, state, { key: Date.now() + "" }); // try...catch iOS Safari limits to 100 pushState calls try { if (transitioning || replace) { source.history.replaceState(state, null, to); } else { source.history.pushState(state, null, to); } } catch (e) { source.location[replace ? "replace" : "assign"](to); } } location = getLocation(source); transitioning = true; var transition = new Promise(function (res) { return resolveTransition = res; }); listeners.forEach(function (listener) { return listener({ location: location, action: "PUSH" }); }); return transition; } }; }; //////////////////////////////////////////////////////////////////////////////// // Stores history entries in memory for testing or other platforms like Native var createMemorySource = function createMemorySource() { var initialPath = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "/"; var searchIndex = initialPath.indexOf("?"); var initialLocation = { pathname: searchIndex > -1 ? initialPath.substr(0, searchIndex) : initialPath, search: searchIndex > -1 ? initialPath.substr(searchIndex) : "" }; var index = 0; var stack = [initialLocation]; var states = [null]; return { get location() { return stack[index]; }, addEventListener: function addEventListener(name, fn) {}, removeEventListener: function removeEventListener(name, fn) {}, history: { get entries() { return stack; }, get index() { return index; }, get state() { return states[index]; }, pushState: function pushState(state, _, uri) { var _uri$split = uri.split("?"), pathname = _uri$split[0], _uri$split$ = _uri$split[1], search = _uri$split$ === undefined ? "" : _uri$split$; index++; stack.push({ pathname: pathname, search: search.length ? "?" + search : search }); states.push(state); }, replaceState: function replaceState(state, _, uri) { var _uri$split2 = uri.split("?"), pathname = _uri$split2[0], _uri$split2$ = _uri$split2[1], search = _uri$split2$ === undefined ? "" : _uri$split2$; stack[index] = { pathname: pathname, search: search }; states[index] = state; }, go: function go(to) { var newIndex = index + to; if (newIndex < 0 || newIndex > states.length - 1) { return; } index = newIndex; } } }; }; //////////////////////////////////////////////////////////////////////////////// // global history - uses window.history as the source if available, otherwise a // memory history var canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement); var getSource = function getSource() { return canUseDOM ? window : createMemorySource(); }; var globalHistory = createHistory(getSource()); var navigate = globalHistory.navigate; //////////////////////////////////////////////////////////////////////////////// /***/ }), /***/ "../node_modules/@reach/router/es/lib/utils.js": /*!*****************************************************!*\ !*** ../node_modules/@reach/router/es/lib/utils.js ***! \*****************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ insertParams: () => (/* binding */ insertParams), /* harmony export */ match: () => (/* binding */ match), /* harmony export */ pick: () => (/* binding */ pick), /* harmony export */ resolve: () => (/* binding */ resolve), /* harmony export */ shallowCompare: () => (/* binding */ shallowCompare), /* harmony export */ startsWith: () => (/* binding */ startsWith), /* harmony export */ validateRedirect: () => (/* binding */ validateRedirect) /* harmony export */ }); /* harmony import */ var invariant__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! invariant */ "../node_modules/invariant/browser.js"); /* harmony import */ var invariant__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(invariant__WEBPACK_IMPORTED_MODULE_0__); //////////////////////////////////////////////////////////////////////////////// // startsWith(string, search) - Check if `string` starts with `search` var startsWith = function startsWith(string, search) { return string.substr(0, search.length) === search; }; //////////////////////////////////////////////////////////////////////////////// // pick(routes, uri) // // Ranks and picks the best route to match. Each segment gets the highest // amount of points, then the type of segment gets an additional amount of // points where // // static > dynamic > splat > root // // This way we don't have to worry about the order of our routes, let the // computers do it. // // A route looks like this // // { path, default, value } // // And a returned match looks like: // // { route, params, uri } // // I know, I should use TypeScript not comments for these types. var pick = function pick(routes, uri) { var match = void 0; var default_ = void 0; var _uri$split = uri.split("?"), uriPathname = _uri$split[0]; var uriSegments = segmentize(uriPathname); var isRootUri = uriSegments[0] === ""; var ranked = rankRoutes(routes); for (var i = 0, l = ranked.length; i < l; i++) { var missed = false; var route = ranked[i].route; if (route.default) { default_ = { route: route, params: {}, uri: uri }; continue; } var routeSegments = segmentize(route.path); var params = {}; var max = Math.max(uriSegments.length, routeSegments.length); var index = 0; for (; index < max; index++) { var routeSegment = routeSegments[index]; var uriSegment = uriSegments[index]; if (isSplat(routeSegment)) { // Hit a splat, just grab the rest, and return a match // uri: /files/documents/work // route: /files/* var param = routeSegment.slice(1) || "*"; params[param] = uriSegments.slice(index).map(decodeURIComponent).join("/"); break; } if (uriSegment === undefined) { // URI is shorter than the route, no match // uri: /users // route: /users/:userId missed = true; break; } var dynamicMatch = paramRe.exec(routeSegment); if (dynamicMatch && !isRootUri) { var matchIsNotReserved = reservedNames.indexOf(dynamicMatch[1]) === -1; !matchIsNotReserved ? true ? invariant__WEBPACK_IMPORTED_MODULE_0___default()(false, " dynamic segment \"" + dynamicMatch[1] + "\" is a reserved name. Please use a different name in path \"" + route.path + "\".") : 0 : void 0; var value = decodeURIComponent(uriSegment); params[dynamicMatch[1]] = value; } else if (routeSegment !== uriSegment) { // Current segments don't match, not dynamic, not splat, so no match // uri: /users/123/settings // route: /users/:id/profile missed = true; break; } } if (!missed) { match = { route: route, params: params, uri: "/" + uriSegments.slice(0, index).join("/") }; break; } } return match || default_ || null; }; //////////////////////////////////////////////////////////////////////////////// // match(path, uri) - Matches just one path to a uri, also lol var match = function match(path, uri) { return pick([{ path: path }], uri); }; //////////////////////////////////////////////////////////////////////////////// // resolve(to, basepath) // // Resolves URIs as though every path is a directory, no files. Relative URIs // in the browser can feel awkward because not only can you be "in a directory" // you can be "at a file", too. For example // // browserSpecResolve('foo', '/bar/') => /bar/foo // browserSpecResolve('foo', '/bar') => /foo // // But on the command line of a file system, it's not as complicated, you can't // `cd` from a file, only directories. This way, links have to know less about // their current path. To go deeper you can do this: // // // // instead of // // // Just like `cd`, if you want to go deeper from the command line, you do this: // // cd deeper // # not // cd $(pwd)/deeper // // By treating every path as a directory, linking to relative paths should // require less contextual information and (fingers crossed) be more intuitive. var resolve = function resolve(to, base) { // /foo/bar, /baz/qux => /foo/bar if (startsWith(to, "/")) { return to; } var _to$split = to.split("?"), toPathname = _to$split[0], toQuery = _to$split[1]; var _base$split = base.split("?"), basePathname = _base$split[0]; var toSegments = segmentize(toPathname); var baseSegments = segmentize(basePathname); // ?a=b, /users?b=c => /users?a=b if (toSegments[0] === "") { return addQuery(basePathname, toQuery); } // profile, /users/789 => /users/789/profile if (!startsWith(toSegments[0], ".")) { var pathname = baseSegments.concat(toSegments).join("/"); return addQuery((basePathname === "/" ? "" : "/") + pathname, toQuery); } // ./ /users/123 => /users/123 // ../ /users/123 => /users // ../.. /users/123 => / // ../../one /a/b/c/d => /a/b/one // .././one /a/b/c/d => /a/b/c/one var allSegments = baseSegments.concat(toSegments); var segments = []; for (var i = 0, l = allSegments.length; i < l; i++) { var segment = allSegments[i]; if (segment === "..") segments.pop();else if (segment !== ".") segments.push(segment); } return addQuery("/" + segments.join("/"), toQuery); }; //////////////////////////////////////////////////////////////////////////////// // insertParams(path, params) var insertParams = function insertParams(path, params) { var _path$split = path.split("?"), pathBase = _path$split[0], _path$split$ = _path$split[1], query = _path$split$ === undefined ? "" : _path$split$; var segments = segmentize(pathBase); var constructedPath = "/" + segments.map(function (segment) { var match = paramRe.exec(segment); return match ? params[match[1]] : segment; }).join("/"); var _params$location = params.location; _params$location = _params$location === undefined ? {} : _params$location; var _params$location$sear = _params$location.search, search = _params$location$sear === undefined ? "" : _params$location$sear; var searchSplit = search.split("?")[1] || ""; constructedPath = addQuery(constructedPath, query, searchSplit); return constructedPath; }; var validateRedirect = function validateRedirect(from, to) { var filter = function filter(segment) { return isDynamic(segment); }; var fromString = segmentize(from).filter(filter).sort().join("/"); var toString = segmentize(to).filter(filter).sort().join("/"); return fromString === toString; }; //////////////////////////////////////////////////////////////////////////////// // Junk var paramRe = /^:(.+)/; var SEGMENT_POINTS = 4; var STATIC_POINTS = 3; var DYNAMIC_POINTS = 2; var SPLAT_PENALTY = 1; var ROOT_POINTS = 1; var isRootSegment = function isRootSegment(segment) { return segment === ""; }; var isDynamic = function isDynamic(segment) { return paramRe.test(segment); }; var isSplat = function isSplat(segment) { return segment && segment[0] === "*"; }; var rankRoute = function rankRoute(route, index) { var score = route.default ? 0 : segmentize(route.path).reduce(function (score, segment) { score += SEGMENT_POINTS; if (isRootSegment(segment)) score += ROOT_POINTS;else if (isDynamic(segment)) score += DYNAMIC_POINTS;else if (isSplat(segment)) score -= SEGMENT_POINTS + SPLAT_PENALTY;else score += STATIC_POINTS; return score; }, 0); return { route: route, score: score, index: index }; }; var rankRoutes = function rankRoutes(routes) { return routes.map(rankRoute).sort(function (a, b) { return a.score < b.score ? 1 : a.score > b.score ? -1 : a.index - b.index; }); }; var segmentize = function segmentize(uri) { return uri // strip starting/ending slashes .replace(/(^\/+|\/+$)/g, "").split("/"); }; var addQuery = function addQuery(pathname) { for (var _len = arguments.length, query = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { query[_key - 1] = arguments[_key]; } query = query.filter(function (q) { return q && q.length > 0; }); return pathname + (query && query.length > 0 ? "?" + query.join("&") : ""); }; var reservedNames = ["uri", "path"]; /** * Shallow compares two objects. * @param {Object} obj1 The first object to compare. * @param {Object} obj2 The second object to compare. */ var shallowCompare = function shallowCompare(obj1, obj2) { var obj1Keys = Object.keys(obj1); return obj1Keys.length === Object.keys(obj2).length && obj1Keys.every(function (key) { return obj2.hasOwnProperty(key) && obj1[key] === obj2[key]; }); }; //////////////////////////////////////////////////////////////////////////////// /***/ }), /***/ "../node_modules/@reach/router/node_modules/create-react-context/lib/implementation.js": /*!*********************************************************************************************!*\ !*** ../node_modules/@reach/router/node_modules/create-react-context/lib/implementation.js ***! \*********************************************************************************************/ /***/ ((module, exports, __webpack_require__) => { "use strict"; exports.__esModule = true; var _react = __webpack_require__(/*! react */ "react"); var _react2 = _interopRequireDefault(_react); var _propTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); var _propTypes2 = _interopRequireDefault(_propTypes); var _gud = __webpack_require__(/*! gud */ "../node_modules/gud/index.js"); var _gud2 = _interopRequireDefault(_gud); var _warning = __webpack_require__(/*! warning */ "../node_modules/warning/warning.js"); var _warning2 = _interopRequireDefault(_warning); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } var MAX_SIGNED_31_BIT_INT = 1073741823; // Inlined Object.is polyfill. // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is function objectIs(x, y) { if (x === y) { return x !== 0 || 1 / x === 1 / y; } else { return x !== x && y !== y; } } function createEventEmitter(value) { var handlers = []; return { on: function on(handler) { handlers.push(handler); }, off: function off(handler) { handlers = handlers.filter(function (h) { return h !== handler; }); }, get: function get() { return value; }, set: function set(newValue, changedBits) { value = newValue; handlers.forEach(function (handler) { return handler(value, changedBits); }); } }; } function onlyChild(children) { return Array.isArray(children) ? children[0] : children; } function createReactContext(defaultValue, calculateChangedBits) { var _Provider$childContex, _Consumer$contextType; var contextProp = '__create-react-context-' + (0, _gud2.default)() + '__'; var Provider = function (_Component) { _inherits(Provider, _Component); function Provider() { var _temp, _this, _ret; _classCallCheck(this, Provider); for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } return _ret = (_temp = (_this = _possibleConstructorReturn(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.emitter = createEventEmitter(_this.props.value), _temp), _possibleConstructorReturn(_this, _ret); } Provider.prototype.getChildContext = function getChildContext() { var _ref; return _ref = {}, _ref[contextProp] = this.emitter, _ref; }; Provider.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) { if (this.props.value !== nextProps.value) { var oldValue = this.props.value; var newValue = nextProps.value; var changedBits = void 0; if (objectIs(oldValue, newValue)) { changedBits = 0; // No change } else { changedBits = typeof calculateChangedBits === 'function' ? calculateChangedBits(oldValue, newValue) : MAX_SIGNED_31_BIT_INT; if (true) { (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); } changedBits |= 0; if (changedBits !== 0) { this.emitter.set(nextProps.value, changedBits); } } } }; Provider.prototype.render = function render() { return this.props.children; }; return Provider; }(_react.Component); Provider.childContextTypes = (_Provider$childContex = {}, _Provider$childContex[contextProp] = _propTypes2.default.object.isRequired, _Provider$childContex); var Consumer = function (_Component2) { _inherits(Consumer, _Component2); function Consumer() { var _temp2, _this2, _ret2; _classCallCheck(this, Consumer); for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { args[_key2] = arguments[_key2]; } return _ret2 = (_temp2 = (_this2 = _possibleConstructorReturn(this, _Component2.call.apply(_Component2, [this].concat(args))), _this2), _this2.state = { value: _this2.getValue() }, _this2.onUpdate = function (newValue, changedBits) { var observedBits = _this2.observedBits | 0; if ((observedBits & changedBits) !== 0) { _this2.setState({ value: _this2.getValue() }); } }, _temp2), _possibleConstructorReturn(_this2, _ret2); } Consumer.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) { var observedBits = nextProps.observedBits; this.observedBits = observedBits === undefined || observedBits === null ? MAX_SIGNED_31_BIT_INT // Subscribe to all changes by default : observedBits; }; Consumer.prototype.componentDidMount = function componentDidMount() { if (this.context[contextProp]) { this.context[contextProp].on(this.onUpdate); } var observedBits = this.props.observedBits; this.observedBits = observedBits === undefined || observedBits === null ? MAX_SIGNED_31_BIT_INT // Subscribe to all changes by default : observedBits; }; Consumer.prototype.componentWillUnmount = function componentWillUnmount() { if (this.context[contextProp]) { this.context[contextProp].off(this.onUpdate); } }; Consumer.prototype.getValue = function getValue() { if (this.context[contextProp]) { return this.context[contextProp].get(); } else { return defaultValue; } }; Consumer.prototype.render = function render() { return onlyChild(this.props.children)(this.state.value); }; return Consumer; }(_react.Component); Consumer.contextTypes = (_Consumer$contextType = {}, _Consumer$contextType[contextProp] = _propTypes2.default.object, _Consumer$contextType); return { Provider: Provider, Consumer: Consumer }; } exports["default"] = createReactContext; module.exports = exports['default']; /***/ }), /***/ "../node_modules/@reach/router/node_modules/create-react-context/lib/index.js": /*!************************************************************************************!*\ !*** ../node_modules/@reach/router/node_modules/create-react-context/lib/index.js ***! \************************************************************************************/ /***/ ((module, exports, __webpack_require__) => { "use strict"; exports.__esModule = true; var _react = __webpack_require__(/*! react */ "react"); var _react2 = _interopRequireDefault(_react); var _implementation = __webpack_require__(/*! ./implementation */ "../node_modules/@reach/router/node_modules/create-react-context/lib/implementation.js"); var _implementation2 = _interopRequireDefault(_implementation); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } exports["default"] = _react2.default.createContext || _implementation2.default; module.exports = exports['default']; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/app.js": /*!***********************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/app.js ***! \***********************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = App; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _router = __webpack_require__(/*! @reach/router */ "../node_modules/@reach/router/es/index.js"); var _noticesContext = __webpack_require__(/*! ./context/notices-context */ "../modules/forms/submissions/assets/js/admin/context/notices-context.js"); var _settingsContext = __webpack_require__(/*! ./context/settings-context */ "../modules/forms/submissions/assets/js/admin/context/settings-context.js"); var _notices = _interopRequireDefault(__webpack_require__(/*! ./components/notices */ "../modules/forms/submissions/assets/js/admin/components/notices.js")); var _item = _interopRequireDefault(__webpack_require__(/*! ./pages/item */ "../modules/forms/submissions/assets/js/admin/pages/item.js")); var _pages = _interopRequireDefault(__webpack_require__(/*! ./pages */ "../modules/forms/submissions/assets/js/admin/pages/index.js")); var _reachRouterHashHistory = __webpack_require__(/*! reach-router-hash-history */ "../node_modules/reach-router-hash-history/index.js"); const history = (0, _router.createHistory)((0, _reachRouterHashHistory.createHashSource)()); function App() { return /*#__PURE__*/_react.default.createElement("div", { id: "elementor-form-submissions" }, /*#__PURE__*/_react.default.createElement(_settingsContext.SettingsProvider, { value: window.elementorSubmissionsConfig }, /*#__PURE__*/_react.default.createElement(_noticesContext.NoticesProvider, null, /*#__PURE__*/_react.default.createElement(_notices.default, null), /*#__PURE__*/_react.default.createElement(_router.LocationProvider, { history: history }, /*#__PURE__*/_react.default.createElement(_router.Router, null, /*#__PURE__*/_react.default.createElement(_pages.default, { path: "/" }), /*#__PURE__*/_react.default.createElement(_item.default, { path: "/:id" })))))); } /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/bulk-action-select.js": /*!*************************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/bulk-action-select.js ***! \*************************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports.BulkActionSelect = BulkActionSelect; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var PropTypes = _interopRequireWildcard(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js")); function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); } function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } const { useState, useCallback } = _react.default; function BulkActionSelect(props) { const [value, setValue] = useState(''), applyAction = useCallback(e => { e.preventDefault(); const action = props.actions.find(item => item.value === value); if (!action) { return; } action.onApply(); setValue(''); }, [value, props.actions]); return /*#__PURE__*/_react.default.createElement("form", { className: `actions bulkactions ${props.className}`, onSubmit: applyAction }, /*#__PURE__*/_react.default.createElement("label", { htmlFor: "bulk-action-selector-top", className: "screen-reader-text" }, __('Select bulk action', 'elementor-pro')), /*#__PURE__*/_react.default.createElement("select", { name: "action", value: value, onChange: e => setValue(e.target.value) }, /*#__PURE__*/_react.default.createElement("option", { value: "", disabled: true }, __('Bulk actions', 'elementor-pro')), props.actions.map(action => { return /*#__PURE__*/_react.default.createElement("option", { key: action.value, value: action.value }, action.label); })), /*#__PURE__*/_react.default.createElement("input", { type: "submit", className: "button action", value: __('Apply', 'elementor-pro') })); } BulkActionSelect.propTypes = { className: PropTypes.string, actions: PropTypes.arrayOf(PropTypes.shape({ label: PropTypes.string.isRequired, value: PropTypes.string.isRequired, onApply: PropTypes.func.isRequired })).isRequired }; BulkActionSelect.defaultProps = { className: '' }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/checkbox/bulk.js": /*!********************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/checkbox/bulk.js ***! \********************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = Bulk; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var PropTypes = _interopRequireWildcard(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js")); function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); } function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } const { useCallback } = _react.default; function Bulk(props) { const onChange = useCallback(e => { const value = e.target.checked ? [...props.allValues] : []; props.onChange(value); }, [props.onChange, props.checkedGroup, props.allValues]); return /*#__PURE__*/_react.default.createElement("input", { type: "checkbox", checked: props.checkedGroup.length === props.allValues.length && props.allValues.length > 0, onChange: onChange }); } Bulk.propTypes = { checkedGroup: PropTypes.array.isRequired, allValues: PropTypes.array.isRequired, onChange: PropTypes.func.isRequired }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/checkbox/index.js": /*!*********************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/checkbox/index.js ***! \*********************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = Checkbox; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _bulk = _interopRequireDefault(__webpack_require__(/*! ./bulk */ "../modules/forms/submissions/assets/js/admin/components/checkbox/bulk.js")); var PropTypes = _interopRequireWildcard(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js")); function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); } function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } const { useCallback } = _react.default; function Checkbox(props) { const onChange = useCallback(e => { const value = e.target.checked ? [...props.checkedGroup, props.value] : props.checkedGroup.filter(checkedItem => checkedItem !== props.value); props.onChange(value); }, [props.onChange, props.checkedGroup, props.value]); return /*#__PURE__*/_react.default.createElement("input", { type: "checkbox", checked: props.checkedGroup.includes(props.value), onChange: onChange }); } Checkbox.propTypes = { checkedGroup: PropTypes.array.isRequired, value: PropTypes.number.isRequired, onChange: PropTypes.func.isRequired }; Checkbox.Bulk = _bulk.default; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/date-filter.js": /*!******************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/date-filter.js ***! \******************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = DateFilter; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); const { useState, useMemo, useCallback } = _react.default; function DateFilter(props) { const [forceCustomSelect, setForceCustomSelect] = useState(false); // All the options of the select input const options = useMemo(() => { const format = date => wp.date.date('Y-m-d', date), now = new Date(), yesterday = new Date(now), last7Days = new Date(now), last30Days = new Date(now); yesterday.setDate(yesterday.getDate() - 1); last7Days.setDate(last7Days.getDate() - 7); last30Days.setDate(last30Days.getDate() - 30); return [{ label: __('All Time', 'elementor-pro'), value: 'all', filter: { before: null, after: null } }, { label: __('Today', 'elementor-pro'), value: 'today', filter: { before: null, after: format(now) } }, { label: __('Yesterday', 'elementor-pro'), value: 'yesterday', filter: { before: format(yesterday), after: format(yesterday) } }, { label: __('Last 7 days', 'elementor-pro'), value: 'last7', filter: { before: null, after: format(last7Days) } }, { label: __('Last 30 days', 'elementor-pro'), value: 'last_30', filter: { before: null, after: format(last30Days) } }, { label: __('Custom', 'elementor-pro'), value: 'custom', filter: { before: null, after: null } }]; }, []); // Response to show the selected value of the select. const selectedValue = useMemo(() => { if (forceCustomSelect) { return 'custom'; } const selected = options.find(option => option.filter.after === props.value.after && option.filter.before === props.value.before); if (!selected) { return 'custom'; } return selected.value; }, [options, props.value, forceCustomSelect]); // On select changed. const onSelectChanged = useCallback(({ target: { value } }) => { const selected = options.find(option => option.value === value); setForceCustomSelect('custom' === selected.value); props.onChange(selected.filter); }, [options]); // On date inputs changed. const onDateInputChanged = useCallback(value => { if (selectedValue !== 'custom') { return; } props.onChange(value); }, [selectedValue]); return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.label && /*#__PURE__*/_react.default.createElement("label", { htmlFor: `filter-by-${props.name}`, className: "screen-reader-text" }, props.label), /*#__PURE__*/_react.default.createElement("select", { id: `filter-by-${props.name}`, value: selectedValue, onChange: onSelectChanged }, options.map(({ value, label }) => { return /*#__PURE__*/_react.default.createElement("option", { key: value, value: value }, " ", label, " "); })), 'custom' === selectedValue && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("input", { type: "date", "aria-label": __('Start Date', 'elementor-pro'), value: props.value.after || '', onChange: ({ target: { value } }) => onDateInputChanged({ after: value }) }), "\xA0 - \xA0", /*#__PURE__*/_react.default.createElement("input", { type: "date", "aria-label": __('End Date', 'elementor-pro'), value: props.value.before || '', onChange: ({ target: { value } }) => onDateInputChanged({ before: value }) }))); } DateFilter.propTypes = { value: PropTypes.shape({ after: PropTypes.string, before: PropTypes.string }), label: PropTypes.string, onChange: PropTypes.func.isRequired, name: PropTypes.string.isRequired }; DateFilter.defaultProps = { value: { after: null, before: null }, options: [] }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/export-button.js": /*!********************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/export-button.js ***! \********************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = ExportButton; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _useExport = __webpack_require__(/*! modules/forms/submissions/assets/js/admin/hooks/use-export */ "../modules/forms/submissions/assets/js/admin/hooks/use-export.js"); const { useMemo } = _react.default; const buttonContentOptions = { [_useExport.EXPORT_MODE_ALL]: __('Export All to CSV', 'elementor-pro'), [_useExport.EXPORT_MODE_FILTERED]: __('Export Filtered to CSV', 'elementor-pro'), [_useExport.EXPORT_MODE_SELECTED]: __('Export Selected to CSV', 'elementor-pro') }; function ExportButton(props) { const ProgressPercentage = useMemo(() => { if (!props.progress) { return 0; } const { count, success } = props.progress; if (0 === count || 0 === success) { return 0; } return Math.round(success / count * 100); }, [props.progress]); return /*#__PURE__*/_react.default.createElement("button", { className: "button button-primary e-export-button", onClick: () => !props.disabled && props.onClick(), disabled: props.disabled }, props.isLoading ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("i", { className: "eicon-loading eicon-animation-spin" }), " \xA0", /*#__PURE__*/_react.default.createElement("span", null, " ", ProgressPercentage, "% "), " \xA0", __('Click to Cancel', 'elementor-pro')) : buttonContentOptions[props.mode]); } ExportButton.propTypes = { onClick: PropTypes.func.isRequired, isLoading: PropTypes.bool, mode: PropTypes.oneOf([_useExport.EXPORT_MODE_ALL, _useExport.EXPORT_MODE_SELECTED, _useExport.EXPORT_MODE_FILTERED]), disabled: PropTypes.bool, progress: PropTypes.shape({ count: PropTypes.number, success: PropTypes.number }) }; ExportButton.defaultProps = { isLoading: false, hasSelected: false, disabled: false }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/form-actions-log.js": /*!***********************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/form-actions-log.js ***! \***********************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = FormActionsLog; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _postBox = _interopRequireDefault(__webpack_require__(/*! ./post-box */ "../modules/forms/submissions/assets/js/admin/components/post-box.js")); var _date = __webpack_require__(/*! ../utils/date */ "../modules/forms/submissions/assets/js/admin/utils/date.js"); var _noticeMessages = _interopRequireDefault(__webpack_require__(/*! ../notice-messages */ "../modules/forms/submissions/assets/js/admin/notice-messages.js")); function FormActionsLog(props) { return /*#__PURE__*/_react.default.createElement(_postBox.default, { header: /*#__PURE__*/_react.default.createElement("h2", null, __('Actions Log', 'elementor-pro')) }, 0 === props.actions.length && /*#__PURE__*/_react.default.createElement("div", { className: "inside" }, /*#__PURE__*/_react.default.createElement("p", { style: { margin: 0 } }, " ", __('No form actions.', 'elementor-pro'), " ")), props.actions.map(actionLog => { return /*#__PURE__*/_react.default.createElement("div", { className: `inside e-form-submissions-action-log e-form-submissions-action-log--${'success' === actionLog.status ? 'success' : 'error'}`, key: actionLog.name }, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("strong", { className: "e-form-submissions-action-log__label" }, " ", actionLog.label, " "), /*#__PURE__*/_react.default.createElement("i", { className: `${'success' === actionLog.status ? 'eicon-success eicon-check-circle-o' : 'eicon-error eicon-warning'} e-form-submissions-action-log__icon` }), /*#__PURE__*/_react.default.createElement("span", { className: "e-form-submissions-action-log__date" }, " ", (0, _date.formatToLocalDateTime)(actionLog.created_at), " ")), /*#__PURE__*/_react.default.createElement("p", { className: `e-form-submissions-action-log__message` }, actionLog.log || _noticeMessages.default.actionLogs[actionLog.status]())); })); } FormActionsLog.propTypes = { actions: PropTypes.arrayOf(PropTypes.shape({ status: PropTypes.oneOf(['success', 'failed']), name: PropTypes.string, label: PropTypes.string, created_at: PropTypes.string, log: PropTypes.string })).isRequired }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/link.js": /*!***********************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/link.js ***! \***********************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = Link; var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react")); var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js")); var _router = __webpack_require__(/*! @reach/router */ "../node_modules/@reach/router/es/index.js"); function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); } function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } function Link(props) { const ref = (0, _react.useRef)(); (0, _react.useEffect)(() => { if (!ref.current) { return; } ref.current.setAttribute('href', `${location.href.split('#')[0]}#${props.to}`); }, [props.to, ref.current]); return /*#__PURE__*/_react.default.createElement(_router.Link, (0, _extends2.default)({}, props, { ref: ref })); } Link.propTypes = { ..._router.Link.propTypes }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/links-filter.js": /*!*******************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/links-filter.js ***! \*******************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = LinksFilter; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); /* eslint-disable jsx-a11y/anchor-is-valid */ const { useCallback, useMemo } = _react.default; function LinksFilter(props) { const onChange = useCallback((e, value) => { e.preventDefault(); if (!props.onChange) { return; } props.onChange(value); }, []); const options = useMemo(() => { return props.options.filter(option => option.shouldShow); }, [props.options]); return /*#__PURE__*/_react.default.createElement("ul", { className: "subsubsub" }, options.map((option, index) => { const isLast = index + 1 === options.length; return /*#__PURE__*/_react.default.createElement("li", { key: option.value }, "\xA0", /*#__PURE__*/_react.default.createElement("a", { href: "#", className: option.value === props.value ? 'current' : '', onClick: e => onChange(e, option.value) }, option.label, undefined !== option.count && /*#__PURE__*/_react.default.createElement("span", { className: "count" }, " (", option.count, ")")), "\xA0", isLast ? '' : '|'); })); } LinksFilter.propTypes = { options: PropTypes.arrayOf(PropTypes.shape({ value: PropTypes.string, label: PropTypes.string, count: PropTypes.number, shouldShow: PropTypes.bool })), value: PropTypes.string, onChange: PropTypes.func }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/notice.js": /*!*************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/notice.js ***! \*************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = Notice; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _noticesContext = __webpack_require__(/*! ../context/notices-context */ "../modules/forms/submissions/assets/js/admin/context/notices-context.js"); /* eslint-disable jsx-a11y/anchor-is-valid */ function Notice(props) { return /*#__PURE__*/_react.default.createElement("div", { className: `notice notice-${props.model.type} ${props.model.dismissible ? 'is-dismissible' : ''}` }, /*#__PURE__*/_react.default.createElement("p", null, props.model.message, props.model.undoAction && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "\xA0", /*#__PURE__*/_react.default.createElement("a", { href: "#", onClick: e => { e.preventDefault(); props.model.undoAction(); } }, __('Undo', 'elementor-pro')))), props.model.dismissible && /*#__PURE__*/_react.default.createElement("button", { type: "button", className: "notice-dismiss", onClick: props.dismiss }, /*#__PURE__*/_react.default.createElement("span", { className: "screen-reader-text" }, __('Dismiss this notice.', 'elementor-pro')))); } Notice.propTypes = { model: PropTypes.shape({ key: PropTypes.number.isRequired, message: PropTypes.string.isRequired, type: PropTypes.oneOf([_noticesContext.NOTICE_TYPE_SUCCESS, _noticesContext.NOTICE_TYPE_ERROR]).isRequired, dismissible: PropTypes.bool, undoAction: PropTypes.func }), dismiss: PropTypes.func }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/notices.js": /*!**************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/notices.js ***! \**************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = Notices; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _noticesContext = __webpack_require__(/*! ../context/notices-context */ "../modules/forms/submissions/assets/js/admin/context/notices-context.js"); var _notice = _interopRequireDefault(__webpack_require__(/*! ./notice */ "../modules/forms/submissions/assets/js/admin/components/notice.js")); function Notices() { const { notices, dismiss } = (0, _noticesContext.useNoticesContext)(); return notices.map(notice => /*#__PURE__*/_react.default.createElement(_notice.default, { key: notice.key, model: notice, dismiss: () => dismiss(notice.key) })); } /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/pagination.js": /*!*****************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/pagination.js ***! \*****************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = Pagination; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); const { useCallback, useMemo } = _react.default; /** * The characters » ‹, ›, » are flipped automatically in RTL. * * @see https://developer.mozilla.org/en-US/docs/Mozilla/Localization/Web_Localizability/Creating_localizable_web_applications#D'ont_use_text_as_decoration * * @param {any} props * @return {JSX.Element|string} Element * @class */ function Pagination(props) { const canNavigateBack = useMemo(() => 1 !== props.currentPage, [props.currentPage]); const canNavigateNext = useMemo(() => props.lastPage > props.currentPage, [props.currentPage, props.lastPage]); const NavigateBackElement = canNavigateBack ? 'a' : 'span'; const NavigateNextElement = canNavigateNext ? 'a' : 'span'; const navigate = useCallback((e, shouldNavigate, page) => { e.preventDefault(); if (!shouldNavigate) { return; } props.onChange(page); }, [props.onChange]); if (!props.currentPage) { return ''; } return /*#__PURE__*/_react.default.createElement("div", { className: `tablenav-pages ${props.lastPage <= 1 && 'one-page'}` }, /*#__PURE__*/_react.default.createElement("span", { className: "displaying-num" }, props.total, " ", __('items', 'elementor-pro')), 1 < props.lastPage && /*#__PURE__*/_react.default.createElement("span", { className: "pagination-links" }, /*#__PURE__*/_react.default.createElement(NavigateBackElement, { className: `tablenav-pages-navspan button ${!canNavigateBack && 'disabled'}`, onClick: e => navigate(e, canNavigateBack, 1) }, "\xAB"), "\xA0", /*#__PURE__*/_react.default.createElement(NavigateBackElement, { className: `tablenav-pages-navspan button ${!canNavigateBack && 'disabled'}`, onClick: e => navigate(e, canNavigateBack, props.currentPage - 1) }, "\u2039"), /*#__PURE__*/_react.default.createElement("span", { className: "paging-input" }, /*#__PURE__*/_react.default.createElement("span", { className: "screen-reader-text" }, __('Current Page', 'elementor-pro')), /*#__PURE__*/_react.default.createElement("span", { className: "paging-input", style: { margin: '0 6px' } }, /*#__PURE__*/_react.default.createElement("span", { className: "tablenav-paging-text" }, props.currentPage, " ", __('of', 'elementor-pro'), /*#__PURE__*/_react.default.createElement("span", { className: "total-pages", style: { margin: '0' } }, " ", props.lastPage)))), /*#__PURE__*/_react.default.createElement(NavigateNextElement, { className: `tablenav-pages-navspan button ${!canNavigateNext && 'disabled'}`, onClick: e => navigate(e, canNavigateNext, props.currentPage + 1) }, "\u203A"), "\xA0", /*#__PURE__*/_react.default.createElement(NavigateNextElement, { className: `tablenav-pages-navspan button ${!canNavigateNext && 'disabled'}`, onClick: e => navigate(e, canNavigateNext, props.lastPage) }, "\xBB"))); } Pagination.propTypes = { currentPage: PropTypes.number, total: PropTypes.number, lastPage: PropTypes.number, perPage: PropTypes.number, onChange: PropTypes.func.isRequired }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/post-box.js": /*!***************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/post-box.js ***! \***************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = PostBox; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); function PostBox(props) { return /*#__PURE__*/_react.default.createElement("div", { className: "postbox" }, /*#__PURE__*/_react.default.createElement("div", { className: "postbox-header" }, props.header), /*#__PURE__*/_react.default.createElement("div", { className: "inner" }, props.children)); } PostBox.propTypes = { header: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.arrayOf(PropTypes.node)]), children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]) }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/referer-filter.js": /*!*********************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/referer-filter.js ***! \*********************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = RefererFilter; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); const { useEffect, useRef, useState } = _react.default; function renderSelect2(el, onChange) { jQuery(el).select2({ allowClear: true, placeholder: __('All Pages', 'elementor-pro'), dir: elementorCommon.config.isRTL ? 'rtl' : 'ltr', ajax: { delay: 400, transport({ data: { search } }, success, failure) { return $e.data.get('form-submissions/referer', { search }, { refresh: true }).then(success).catch(failure); }, data(params) { return { search: params.term }; }, processResults({ data }) { return { results: data.data.map(({ value, label }) => ({ id: encodeURIComponent(value), text: label })) }; }, cache: true }, minimumInputLength: 3 }).on('select2:select select2:unselect', e => { onChange(e.target.value); }); } function RefererFilter(props) { const [options, setOptions] = useState([{ value: '', label: __('All Pages', 'elementor-pro') }]); const ref = useRef(); useEffect(() => { let $select2 = null; if (props.value) { $e.data.get('form-submissions/referer', { value: props.value }, { refresh: true }).then(({ data }) => setOptions(prev => [...prev, ...data.data])).then(() => $select2 = renderSelect2(ref.current, props.onChange)); } else { $select2 = renderSelect2(ref.current, props.onChange); } return () => { if (!$select2) { return; } $select2.select2('destroy').off('select2:select select2:unselect'); }; }, []); return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("label", { htmlFor: "filter-by-referer", className: "screen-reader-text" }, __('Filter by Page', 'elementor-pro')), /*#__PURE__*/_react.default.createElement("select", { ref: ref, id: "filter-by-referer", value: props.value }, options.map(({ value, label }) => { return /*#__PURE__*/_react.default.createElement("option", { key: value, value: encodeURIComponent(value) }, " ", label, " "); }))); } RefererFilter.propTypes = { value: PropTypes.string, onChange: PropTypes.func.isRequired }; RefererFilter.defaultProps = { value: '' }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/resource-filter.js": /*!**********************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/resource-filter.js ***! \**********************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = ResourceFilter; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); const { useState, useEffect } = _react.default; function ResourceFilter(props) { const [localOptions, setLocalOptions] = useState([]); useEffect(() => { $e.data.get(props.resourceOptions.command, props.resourceOptions.args, { refresh: true }).then(result => setLocalOptions(result.data.data)); }, []); return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.label && /*#__PURE__*/_react.default.createElement("label", { htmlFor: `filter-by-${props.name}`, className: "screen-reader-text" }, props.label), /*#__PURE__*/_react.default.createElement("select", { id: `filter-by-${props.name}`, value: props.value, onChange: e => props.onChange(e.target.value) }, [...props.options, ...localOptions].map(({ value, label }) => { return /*#__PURE__*/_react.default.createElement("option", { key: value, value: value }, " ", label, " "); }))); } ResourceFilter.propTypes = { value: PropTypes.string, onChange: PropTypes.func.isRequired, label: PropTypes.string, name: PropTypes.string.isRequired, options: PropTypes.arrayOf(PropTypes.shape({ label: PropTypes.string, value: PropTypes.string })), resourceOptions: PropTypes.shape({ command: PropTypes.string, args: PropTypes.object }) }; ResourceFilter.defaultProps = { value: '', options: [] }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/search-box.js": /*!*****************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/search-box.js ***! \*****************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = SearchBox; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); const { useState, useRef, useCallback } = _react.default; // In milliseconds const DEFAULT_DEBOUNCE_TIMEOUT = 600; /** * First render - nothing happens. * Second render - the query string value fills the search (should not trigger the debounce here in order to avoid onChange call) * Third render - the user type and the debounce get activate, and then it send the value up in the component tree. * * @param {any} props * @return {JSX.Element} Element * @class */ function SearchBox(props) { const [localValue, setLocalValue] = useState(props.value || ''), debounceHandler = useRef(null); const onChange = useCallback(e => { if (debounceHandler.current) { clearTimeout(debounceHandler.current); } const value = e.target.value; setLocalValue(value); debounceHandler.current = setTimeout(() => props.onChange(value), props.debounceTimeout); }, []); return /*#__PURE__*/_react.default.createElement("p", { className: "search-box e-form-submissions-search" }, props.label && /*#__PURE__*/_react.default.createElement("label", { className: "screen-reader-text", htmlFor: "search-input" }, props.label), props.isSearching && /*#__PURE__*/_react.default.createElement("span", { className: "e-form-submissions-search__spinner" }, /*#__PURE__*/_react.default.createElement("i", { className: "eicon-loading eicon-animation-spin" })), /*#__PURE__*/_react.default.createElement("input", { type: "search", id: "search-input", name: "s", value: localValue, onChange: onChange, placeholder: __('Search...', 'elementor-pro') })); } SearchBox.propTypes = { value: PropTypes.string, onChange: PropTypes.func.isRequired, label: PropTypes.string, debounceTimeout: PropTypes.number, isSearching: PropTypes.bool }; SearchBox.defaultProps = { debounceTimeout: DEFAULT_DEBOUNCE_TIMEOUT, isSearching: false }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/submission-row.js": /*!*********************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/submission-row.js ***! \*********************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = SubmissionRow; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _link = _interopRequireDefault(__webpack_require__(/*! ./link */ "../modules/forms/submissions/assets/js/admin/components/link.js")); var _wpTable = _interopRequireDefault(__webpack_require__(/*! ./wp-table */ "../modules/forms/submissions/assets/js/admin/components/wp-table/index.js")); var _date = __webpack_require__(/*! ../utils/date */ "../modules/forms/submissions/assets/js/admin/utils/date.js"); const { useState } = _react.default; function SubmissionRow(props) { const [isMobileRowOpen, setIsMobileRowOpen] = useState(false); const mainValue = props.item?.main?.value || __('Unknown', 'elementor-pro'); return /*#__PURE__*/_react.default.createElement(_wpTable.default.Row, { className: isMobileRowOpen ? 'is-expanded' : '', style: { fontWeight: !props.item.is_read ? 'bold' : 'inherit' } }, /*#__PURE__*/_react.default.createElement(_wpTable.default.Cell, { component: "th", className: "check-column" }, props.checkBoxComponent), /*#__PURE__*/_react.default.createElement(_wpTable.default.Cell, { className: "has-row-actions column-primary" }, 'trash' === props.item.status ? mainValue : /*#__PURE__*/_react.default.createElement(_link.default, { to: `/${props.item.id}`, "aria-label": "View" }, mainValue), props.rowActionComponent, /*#__PURE__*/_react.default.createElement("button", { type: "button", className: "toggle-row", onClick: () => setIsMobileRowOpen(prev => !prev) }, /*#__PURE__*/_react.default.createElement("span", { className: "screen-reader-text" }, __('Show more details', 'elementor-pro')))), /*#__PURE__*/_react.default.createElement(_wpTable.default.Cell, { className: "column-actions", colName: props.tableTitles.actions_log_status.label }, props.item.actions_count > 0 && /*#__PURE__*/_react.default.createElement("i", { className: `${props.item.actions_count === props.item.actions_succeeded_count ? 'eicon-success eicon-check-circle-o' : 'eicon-error eicon-warning'}`, title: `${props.item.actions_succeeded_count}/${props.item.actions_count} ${__('Succeed', 'elementor-pro')}` })), /*#__PURE__*/_react.default.createElement(_wpTable.default.Cell, { className: "column-form", colName: props.tableTitles.form.label }, props.item.post && /*#__PURE__*/_react.default.createElement("a", { href: props.item.post.edit_url, target: "_blank", rel: "noreferrer" }, props.item.form.name, " (", props.item.form.element_id, ")")), /*#__PURE__*/_react.default.createElement(_wpTable.default.Cell, { className: "column-page", colName: props.tableTitles.page.label }, /*#__PURE__*/_react.default.createElement("a", { href: props.item.referer, target: "_blank", rel: "noreferrer", title: props.item.referer_title }, props.item.referer_title || /*#__PURE__*/_react.default.createElement("i", { className: "eicon-editor-external-link e-form-submissions-referer-icon" }))), /*#__PURE__*/_react.default.createElement(_wpTable.default.Cell, { className: "column-id", colName: props.tableTitles.id.label }, props.item.id), /*#__PURE__*/_react.default.createElement(_wpTable.default.Cell, { className: "column-date", colName: props.tableTitles.created_at.label }, (0, _date.formatToLocalDateTime)(props.item.created_at))); } SubmissionRow.propTypes = { // The resource item that the table present. item: PropTypes.object.isRequired, tableTitles: PropTypes.objectOf(PropTypes.shape({ label: PropTypes.string })), rowActionComponent: PropTypes.node, checkBoxComponent: PropTypes.node }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/submission-value/acceptance.js": /*!**********************************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/submission-value/acceptance.js ***! \**********************************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = Acceptance; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _index = __webpack_require__(/*! ./index */ "../modules/forms/submissions/assets/js/admin/components/submission-value/index.js"); const { useState } = _react.default; function Acceptance(props) { const [localValue, setLocalValue] = useState(props.value), id = props.field.id + '-' + props.value; return /*#__PURE__*/_react.default.createElement("label", { className: "e-form-submissions-value-label", htmlFor: id }, /*#__PURE__*/_react.default.createElement("input", { id: id, type: "checkbox", value: "on", checked: props.isEditMode ? 'on' === localValue : 'on' === props.value, onChange: e => { const value = e.target.checked ? 'on' : ''; setLocalValue(value); props.onChange(value); }, disabled: !props.isEditMode })); } Acceptance.propTypes = { ..._index.basePropTypes }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/submission-value/checkbox.js": /*!********************************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/submission-value/checkbox.js ***! \********************************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = Checkbox; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _index = __webpack_require__(/*! ./index */ "../modules/forms/submissions/assets/js/admin/components/submission-value/index.js"); var _useWatch = _interopRequireDefault(__webpack_require__(/*! ../../hooks/use-watch */ "../modules/forms/submissions/assets/js/admin/hooks/use-watch.js")); var _useFormFieldOptions = _interopRequireDefault(__webpack_require__(/*! ../../hooks/use-form-field-options */ "../modules/forms/submissions/assets/js/admin/hooks/use-form-field-options.js")); const { useState, useMemo } = _react.default; function Checkbox(props) { const value = useMemo(() => props.value.split(', '), [props.value]), [localValue, setLocalValue] = useState(value); (0, _useWatch.default)(() => props.onChange(localValue.join(', ')), [localValue]); const options = (0, _useFormFieldOptions.default)(props.field.options); return options.map(option => { const id = props.field.id + '-' + option.value; return /*#__PURE__*/_react.default.createElement("label", { className: "e-form-submissions-value-label", key: option.value, htmlFor: id }, /*#__PURE__*/_react.default.createElement("input", { id: id, type: "checkbox", value: option.value, checked: props.isEditMode ? localValue.includes(option.value) : value.includes(option.value), onChange: e => { const checked = e.target.checked; setLocalValue(prev => { if (!checked) { prev = prev.filter(item => item !== option.value); } else { prev = [...prev, option.value]; } return prev; }); }, disabled: !props.isEditMode }), option.label); }); } Checkbox.propTypes = { ..._index.basePropTypes }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/submission-value/date.js": /*!****************************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/submission-value/date.js ***! \****************************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = Date; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _index = __webpack_require__(/*! ./index */ "../modules/forms/submissions/assets/js/admin/components/submission-value/index.js"); var _text = _interopRequireDefault(__webpack_require__(/*! ./text */ "../modules/forms/submissions/assets/js/admin/components/submission-value/text.js")); var _date = __webpack_require__(/*! ../../utils/date */ "../modules/forms/submissions/assets/js/admin/utils/date.js"); function Date(props) { return /*#__PURE__*/_react.default.createElement(_text.default, { value: props.value, isEditMode: props.isEditMode, onChange: props.onChange, field: props.field }, props.value && (0, _date.formatToLocalDate)(props.value)); } Date.propTypes = { ..._index.basePropTypes }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/submission-value/email.js": /*!*****************************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/submission-value/email.js ***! \*****************************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = Email; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _index = __webpack_require__(/*! ./index */ "../modules/forms/submissions/assets/js/admin/components/submission-value/index.js"); var _text = _interopRequireDefault(__webpack_require__(/*! ./text */ "../modules/forms/submissions/assets/js/admin/components/submission-value/text.js")); function Email(props) { return /*#__PURE__*/_react.default.createElement(_text.default, { value: props.value, isEditMode: props.isEditMode, onChange: props.onChange, field: props.field }, props.value && /*#__PURE__*/_react.default.createElement("a", { href: `mailto:${props.value}` }, props.value)); } Email.propTypes = { ..._index.basePropTypes }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/submission-value/index.js": /*!*****************************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/submission-value/index.js ***! \*****************************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports.basePropTypes = void 0; exports["default"] = SubmissionValue; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _text = _interopRequireDefault(__webpack_require__(/*! ./text */ "../modules/forms/submissions/assets/js/admin/components/submission-value/text.js")); var _email = _interopRequireDefault(__webpack_require__(/*! ./email */ "../modules/forms/submissions/assets/js/admin/components/submission-value/email.js")); var _tel = _interopRequireDefault(__webpack_require__(/*! ./tel */ "../modules/forms/submissions/assets/js/admin/components/submission-value/tel.js")); var _url = _interopRequireDefault(__webpack_require__(/*! ./url */ "../modules/forms/submissions/assets/js/admin/components/submission-value/url.js")); var _radio = _interopRequireDefault(__webpack_require__(/*! ./radio */ "../modules/forms/submissions/assets/js/admin/components/submission-value/radio.js")); var _select = _interopRequireDefault(__webpack_require__(/*! ./select */ "../modules/forms/submissions/assets/js/admin/components/submission-value/select.js")); var _checkbox = _interopRequireDefault(__webpack_require__(/*! ./checkbox */ "../modules/forms/submissions/assets/js/admin/components/submission-value/checkbox.js")); var _acceptance = _interopRequireDefault(__webpack_require__(/*! ./acceptance */ "../modules/forms/submissions/assets/js/admin/components/submission-value/acceptance.js")); var _upload = _interopRequireDefault(__webpack_require__(/*! ./upload */ "../modules/forms/submissions/assets/js/admin/components/submission-value/upload.js")); var _date = _interopRequireDefault(__webpack_require__(/*! ./date */ "../modules/forms/submissions/assets/js/admin/components/submission-value/date.js")); var _time = _interopRequireDefault(__webpack_require__(/*! ./time */ "../modules/forms/submissions/assets/js/admin/components/submission-value/time.js")); var _textarea = _interopRequireDefault(__webpack_require__(/*! ./textarea */ "../modules/forms/submissions/assets/js/admin/components/submission-value/textarea.js")); const { useMemo } = _react.default; const defaultComponent = _text.default; const components = Object.entries({ Email: _email.default, Tel: _tel.default, Url: _url.default, Radio: _radio.default, Select: _select.default, Checkbox: _checkbox.default, Acceptance: _acceptance.default, Upload: _upload.default, Date: _date.default, Time: _time.default, Textarea: _textarea.default, Text: _text.default }).reduce((current, [key, component]) => ({ ...current, [key.toLowerCase()]: component }), {}); const basePropTypes = exports.basePropTypes = { value: PropTypes.string, isEditMode: PropTypes.bool, onChange: PropTypes.func.isRequired, field: PropTypes.shape({ id: PropTypes.string.isRequired, type: PropTypes.string, options: PropTypes.arrayOf(PropTypes.string), is_multiple: PropTypes.bool }) }; function SubmissionValue(props) { const Component = useMemo(() => { const key = props.field?.type; return Object.prototype.hasOwnProperty.call(components, key) ? components[key] : defaultComponent; }, [props.field, props.value]); return /*#__PURE__*/_react.default.createElement(Component, { value: props.value, field: props.field, isEditMode: props.isEditMode, onChange: value => props.onChange(props.field.id, value) }); } SubmissionValue.propTypes = { ...basePropTypes }; SubmissionValue.defaultProps = { isEditMode: false }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/submission-value/radio.js": /*!*****************************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/submission-value/radio.js ***! \*****************************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = Radio; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _index = __webpack_require__(/*! ./index */ "../modules/forms/submissions/assets/js/admin/components/submission-value/index.js"); var _useFormFieldOptions = _interopRequireDefault(__webpack_require__(/*! ../../hooks/use-form-field-options */ "../modules/forms/submissions/assets/js/admin/hooks/use-form-field-options.js")); const { useState } = _react.default; function Radio(props) { const [localValue, setLocalValue] = useState(props.value); const options = (0, _useFormFieldOptions.default)(props.field.options); return options.map(option => { const id = props.field.id + '-' + option.value; return /*#__PURE__*/_react.default.createElement("label", { className: "e-form-submissions-value-label", key: option.value, htmlFor: id }, /*#__PURE__*/_react.default.createElement("input", { id: id, type: "radio", value: option.value, checked: props.isEditMode ? option.value === localValue : option.value === props.value, onChange: () => { setLocalValue(option.value); props.onChange(option.value); }, disabled: !props.isEditMode }), option.label); }); } Radio.propTypes = { ..._index.basePropTypes }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/submission-value/select.js": /*!******************************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/submission-value/select.js ***! \******************************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = Select; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _index = __webpack_require__(/*! ./index */ "../modules/forms/submissions/assets/js/admin/components/submission-value/index.js"); var _useFormFieldOptions = _interopRequireDefault(__webpack_require__(/*! ../../hooks/use-form-field-options */ "../modules/forms/submissions/assets/js/admin/hooks/use-form-field-options.js")); const { useState } = _react.default; function Select(props) { const value = props.field.is_multiple ? props.value.split(', ') : props.value; const [localValue, setLocalValue] = useState(value); const options = (0, _useFormFieldOptions.default)(props.field.options); return /*#__PURE__*/_react.default.createElement("select", { value: props.isEditMode ? localValue : value, multiple: props.field.is_multiple, onChange: e => { const selectedValues = Array.from(e.target.selectedOptions, option => option.value); setLocalValue(props.field.is_multiple ? selectedValues : selectedValues[0]); props.onChange(selectedValues.join(', ')); }, disabled: !props.isEditMode }, options.map(option => /*#__PURE__*/_react.default.createElement("option", { value: option.value, key: option.value }, option.label))); } Select.propTypes = { ..._index.basePropTypes }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/submission-value/tel.js": /*!***************************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/submission-value/tel.js ***! \***************************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = Tel; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _index = __webpack_require__(/*! ./index */ "../modules/forms/submissions/assets/js/admin/components/submission-value/index.js"); var _text = _interopRequireDefault(__webpack_require__(/*! ./text */ "../modules/forms/submissions/assets/js/admin/components/submission-value/text.js")); function Tel(props) { return /*#__PURE__*/_react.default.createElement(_text.default, { value: props.value, isEditMode: props.isEditMode, onChange: props.onChange, field: props.field }, props.value && /*#__PURE__*/_react.default.createElement("a", { href: `tel:${props.value}` }, props.value)); } Tel.propTypes = { ..._index.basePropTypes }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/submission-value/text.js": /*!****************************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/submission-value/text.js ***! \****************************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = Text; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _index = __webpack_require__(/*! ./index */ "../modules/forms/submissions/assets/js/admin/components/submission-value/index.js"); const { useState, useMemo } = _react.default; const availableInputTypes = { email: 'email', date: 'date', time: 'time', tel: 'tel', url: 'url', number: 'number', text: 'text' }; const defaultInputType = availableInputTypes.text; function Text(props) { const [localValue, setLocalValue] = useState(props.value); const inputType = useMemo(() => Object.prototype.hasOwnProperty.call(availableInputTypes, props.field?.type) ? availableInputTypes[props.field.type] : defaultInputType, [props.field]); return props.isEditMode ? /*#__PURE__*/_react.default.createElement("input", { type: inputType, value: localValue, onChange: ({ target: { value } }) => { setLocalValue(value); props.onChange(value); } }) : props.children || props.value; } Text.propTypes = { children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]), ..._index.basePropTypes }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/submission-value/textarea.js": /*!********************************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/submission-value/textarea.js ***! \********************************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = Textarea; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _index = __webpack_require__(/*! ./index */ "../modules/forms/submissions/assets/js/admin/components/submission-value/index.js"); const { useState } = _react.default; function Textarea(props) { const [localValue, setLocalValue] = useState(props.value); return props.isEditMode ? /*#__PURE__*/_react.default.createElement("textarea", { value: props.isEditMode ? localValue : props.value, rows: "4", onChange: e => { const value = e.target.value; setLocalValue(value); props.onChange(value); } }) : props.value; } Textarea.propTypes = { ..._index.basePropTypes }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/submission-value/time.js": /*!****************************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/submission-value/time.js ***! \****************************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = Time; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _index = __webpack_require__(/*! ./index */ "../modules/forms/submissions/assets/js/admin/components/submission-value/index.js"); var _text = _interopRequireDefault(__webpack_require__(/*! ./text */ "../modules/forms/submissions/assets/js/admin/components/submission-value/text.js")); var _date = __webpack_require__(/*! ../../utils/date */ "../modules/forms/submissions/assets/js/admin/utils/date.js"); function Time(props) { return /*#__PURE__*/_react.default.createElement(_text.default, { value: props.value, isEditMode: props.isEditMode, onChange: props.onChange, field: props.field }, props.value && (0, _date.formatToLocalTime)(`2000-01-01 ${props.value}`)); } Time.propTypes = { ..._index.basePropTypes }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/submission-value/upload.js": /*!******************************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/submission-value/upload.js ***! \******************************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = Upload; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _index = __webpack_require__(/*! ./index */ "../modules/forms/submissions/assets/js/admin/components/submission-value/index.js"); function Upload(props) { const value = props.value.split(' , '); const isAttached = 'attached' === value[0]; if (isAttached) { const message = value.length > 1 ? __("Attachments to email won't be saved.", 'elementor-pro') : __("Attachment to email won't be saved.", 'elementor-pro'); return /*#__PURE__*/_react.default.createElement("span", null, message); } return value.map(path => /*#__PURE__*/_react.default.createElement("div", { key: path }, /*#__PURE__*/_react.default.createElement("a", { href: path, target: "_blank", rel: "noreferrer" }, path))); } Upload.propTypes = { ..._index.basePropTypes }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/submission-value/url.js": /*!***************************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/submission-value/url.js ***! \***************************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = Url; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _index = __webpack_require__(/*! ./index */ "../modules/forms/submissions/assets/js/admin/components/submission-value/index.js"); var _text = _interopRequireDefault(__webpack_require__(/*! ./text */ "../modules/forms/submissions/assets/js/admin/components/submission-value/text.js")); function Url(props) { return /*#__PURE__*/_react.default.createElement(_text.default, { value: props.value, isEditMode: props.isEditMode, onChange: props.onChange, field: props.field }, props.value && /*#__PURE__*/_react.default.createElement("a", { href: props.value, target: "_blank", rel: "noreferrer" }, props.value)); } Url.propTypes = { ..._index.basePropTypes }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/wp-table/body.js": /*!********************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/wp-table/body.js ***! \********************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = Body; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); function Body(props) { return /*#__PURE__*/_react.default.createElement("tbody", { id: "the-list" }, props.children); } Body.propTypes = { children: PropTypes.any }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/wp-table/cell.js": /*!********************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/wp-table/cell.js ***! \********************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = Cell; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); function Cell(props) { const Component = props.component; return /*#__PURE__*/_react.default.createElement(Component, { className: props.className, style: props.style, "data-colname": props.colName, colSpan: props.colSpan }, props.children); } Cell.propTypes = { component: PropTypes.string, children: PropTypes.any, className: PropTypes.string, style: PropTypes.object, colName: PropTypes.string, colSpan: PropTypes.number }; Cell.defaultProps = { component: 'td', className: '' }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/wp-table/footer.js": /*!**********************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/wp-table/footer.js ***! \**********************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = Footer; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); function Footer(props) { return /*#__PURE__*/_react.default.createElement("tfoot", null, props.children); } Footer.propTypes = { children: PropTypes.any }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/wp-table/header.js": /*!**********************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/wp-table/header.js ***! \**********************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = Header; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); function Header(props) { return /*#__PURE__*/_react.default.createElement("thead", null, props.children); } Header.propTypes = { children: PropTypes.any }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/wp-table/index.js": /*!*********************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/wp-table/index.js ***! \*********************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = WpTable; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _header = _interopRequireDefault(__webpack_require__(/*! ./header */ "../modules/forms/submissions/assets/js/admin/components/wp-table/header.js")); var _body = _interopRequireDefault(__webpack_require__(/*! ./body */ "../modules/forms/submissions/assets/js/admin/components/wp-table/body.js")); var _footer = _interopRequireDefault(__webpack_require__(/*! ./footer */ "../modules/forms/submissions/assets/js/admin/components/wp-table/footer.js")); var _row = _interopRequireDefault(__webpack_require__(/*! ./row */ "../modules/forms/submissions/assets/js/admin/components/wp-table/row.js")); var _cell = _interopRequireDefault(__webpack_require__(/*! ./cell */ "../modules/forms/submissions/assets/js/admin/components/wp-table/cell.js")); var _orderableCell = _interopRequireDefault(__webpack_require__(/*! ./orderable-cell */ "../modules/forms/submissions/assets/js/admin/components/wp-table/orderable-cell.js")); var _rowActions = _interopRequireDefault(__webpack_require__(/*! ./row-actions */ "../modules/forms/submissions/assets/js/admin/components/wp-table/row-actions.js")); function WpTable(props) { return /*#__PURE__*/_react.default.createElement("table", { className: `wp-list-table widefat fixed table-view-list ${props.className}`, style: props.style }, props.children); } WpTable.propTypes = { children: PropTypes.any, style: PropTypes.object, className: PropTypes.string }; WpTable.defaultProps = { className: '' }; WpTable.Header = _header.default; WpTable.Body = _body.default; WpTable.Footer = _footer.default; WpTable.Row = _row.default; WpTable.Cell = _cell.default; WpTable.OrderableCell = _orderableCell.default; WpTable.RowActions = _rowActions.default; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/wp-table/orderable-cell.js": /*!******************************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/wp-table/orderable-cell.js ***! \******************************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = OrderableCell; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _cell = _interopRequireDefault(__webpack_require__(/*! ./cell */ "../modules/forms/submissions/assets/js/admin/components/wp-table/cell.js")); /* eslint-disable jsx-a11y/anchor-is-valid */ function OrderableCell(props) { const className = `${props.className} sortable ${props.order.current.by === props.order.key && `sorted ${props.order.current.direction}`}`; return /*#__PURE__*/_react.default.createElement(_cell.default, { component: props.component, style: props.style, className: className }, /*#__PURE__*/_react.default.createElement("a", { href: "#", onClick: () => props.order.onChange({ by: props.order.key, direction: props.order.key === props.order.current.by && 'asc' === props.order.current.direction ? 'desc' : 'asc' }) }, /*#__PURE__*/_react.default.createElement("span", null, props.children), /*#__PURE__*/_react.default.createElement("span", { className: "sorting-indicator" }))); } OrderableCell.propTypes = { ..._cell.default.propTypes, order: PropTypes.shape({ key: PropTypes.string.isRequired, current: PropTypes.shape({ by: PropTypes.string, direction: PropTypes.oneOf(['asc', 'desc']) }).isRequired, onChange: PropTypes.func.isRequired }).isRequired }; OrderableCell.defaultProps = { ..._cell.default.defaultProps, component: 'th' }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/wp-table/row-actions.js": /*!***************************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/wp-table/row-actions.js ***! \***************************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = RowActions; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js")); function RowActions(props) { return /*#__PURE__*/_react.default.createElement("div", { className: "row-actions", style: { fontWeight: 'normal' } }, props.actions.map((action, index) => { const isLastAction = index + 1 === props.actions.length; const ActionComponent = action.component || 'a'; return /*#__PURE__*/_react.default.createElement("span", { key: action.key, className: action.className }, /*#__PURE__*/_react.default.createElement(ActionComponent, (0, _extends2.default)({ href: "#", "aria-label": action.label, onClick: e => { e.preventDefault(); action.onApply(props.item); } }, action.props ? action.props(props.item) : {}), action.label), !isLastAction && /*#__PURE__*/_react.default.createElement("span", null, "\xA0|\xA0")); })); } RowActions.propTypes = { actions: PropTypes.arrayOf(PropTypes.shape({ key: PropTypes.string.isRequired, label: PropTypes.string.isRequired, onApply: PropTypes.func, className: PropTypes.string, props: PropTypes.func, component: PropTypes.any })), // The resource item that the table present. item: PropTypes.object }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/components/wp-table/row.js": /*!*******************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/components/wp-table/row.js ***! \*******************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = Row; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); function Row(props) { return /*#__PURE__*/_react.default.createElement("tr", { style: props.style, className: props.className }, props.children); } Row.propTypes = { children: PropTypes.any, style: PropTypes.object, className: PropTypes.string }; Row.defaultProps = { style: {}, className: '' }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/context/notices-context.js": /*!*******************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/context/notices-context.js ***! \*******************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports.NOTICE_TYPE_SUCCESS = exports.NOTICE_TYPE_ERROR = void 0; exports.NoticesProvider = NoticesProvider; exports.useNoticesContext = useNoticesContext; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); const { createContext, useState, useCallback, useContext } = _react.default; const NOTICE_TYPE_SUCCESS = exports.NOTICE_TYPE_SUCCESS = 'success'; const NOTICE_TYPE_ERROR = exports.NOTICE_TYPE_ERROR = 'error'; const NoticesContext = createContext({ notices: [] }); /** * Use Notifications context. * * @return {{}} Notices context */ function useNoticesContext() { return useContext(NoticesContext); } /** * Notification Provider. * * @param {any} props * @return {JSX.Element} Element * @class */ function NoticesProvider(props) { const [notices, setNotices] = useState([]); // Dismiss notification (remove from view). const dismiss = useCallback(key => { setNotices(prev => prev.filter(notice => notice.key !== key)); }, []); // Add notification (show in view). const notify = useCallback(({ message, undoAction, type, dismissible = true }) => { if (!message) { return; } const key = Date.now() + Math.random(); setNotices(prev => [{ key, message, type, undoAction, dismissible }, ...prev]); if (props.dismissTimeout) { setTimeout(() => dismiss(key), props.dismissTimeout); } }, []); // Notify an error message const notifyError = useCallback(message => { notify({ message, type: NOTICE_TYPE_ERROR }); }, [notify]); // Notify a success message const notifySuccess = useCallback((message, undoAction) => { notify({ message, undoAction, type: NOTICE_TYPE_SUCCESS }); }, [notify]); return /*#__PURE__*/_react.default.createElement(NoticesContext.Provider, { value: { notices, notify, notifyError, notifySuccess, dismiss } }, props.children); } NoticesProvider.propTypes = { children: PropTypes.any, dismissTimeout: PropTypes.number }; NoticesProvider.defaultProps = { dismissTimeout: 4000 }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/context/settings-context.js": /*!********************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/context/settings-context.js ***! \********************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports.SettingsProvider = SettingsProvider; exports.useSettingsContext = useSettingsContext; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); const { createContext, useContext } = _react.default; const SettingsContext = createContext({}); /** * Consume the context * * @return {{emptyTrashDays: number}} Settings context */ function useSettingsContext() { return useContext(SettingsContext); } /** * Settings Provider * * @param {any} props * @return {JSX.Element} Element * @class */ function SettingsProvider(props) { return /*#__PURE__*/_react.default.createElement(SettingsContext.Provider, { value: props.value }, props.children); } SettingsProvider.propTypes = { children: PropTypes.any, value: PropTypes.object.isRequired }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/data/commands/export.js": /*!****************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/data/commands/export.js ***! \****************************************************************************/ /***/ ((__unused_webpack_module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", ({ value: true })); exports.Export = void 0; class Export extends $e.modules.CommandData { static getEndpointFormat() { return 'form-submissions/export/{id}'; } onCatchApply() { // Do nothing. (override parent behavior) } } exports.Export = Export; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/data/commands/forms-index.js": /*!*********************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/data/commands/forms-index.js ***! \*********************************************************************************/ /***/ ((__unused_webpack_module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", ({ value: true })); exports.Index = void 0; class Index extends $e.modules.CommandData { static getEndpointFormat() { return 'forms/{id}'; } } exports.Index = Index; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/data/commands/index.js": /*!***************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/data/commands/index.js ***! \***************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; Object.defineProperty(exports, "__esModule", ({ value: true })); Object.defineProperty(exports, "Export", ({ enumerable: true, get: function () { return _export.Export; } })); exports.Index = void 0; Object.defineProperty(exports, "Referer", ({ enumerable: true, get: function () { return _referer.Referer; } })); Object.defineProperty(exports, "Restore", ({ enumerable: true, get: function () { return _restore.Restore; } })); var _restore = __webpack_require__(/*! ./restore */ "../modules/forms/submissions/assets/js/admin/data/commands/restore.js"); var _export = __webpack_require__(/*! ./export */ "../modules/forms/submissions/assets/js/admin/data/commands/export.js"); var _referer = __webpack_require__(/*! ./referer */ "../modules/forms/submissions/assets/js/admin/data/commands/referer.js"); class Index extends $e.modules.CommandData { static getEndpointFormat() { return 'form-submissions/{id}'; } } exports.Index = Index; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/data/commands/referer.js": /*!*****************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/data/commands/referer.js ***! \*****************************************************************************/ /***/ ((__unused_webpack_module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", ({ value: true })); exports.Referer = void 0; class Referer extends $e.modules.CommandData { static getEndpointFormat() { return 'form-submissions/referer/{id}'; } } exports.Referer = Referer; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/data/commands/restore.js": /*!*****************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/data/commands/restore.js ***! \*****************************************************************************/ /***/ ((__unused_webpack_module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", ({ value: true })); exports.Restore = void 0; class Restore extends $e.modules.CommandData { static getEndpointFormat() { return 'form-submissions/restore/{id}'; } } exports.Restore = Restore; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/data/component.js": /*!**********************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/data/component.js ***! \**********************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; var dataCommands = _interopRequireWildcard(__webpack_require__(/*! ./commands */ "../modules/forms/submissions/assets/js/admin/data/commands/index.js")); function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); } function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } class Component extends $e.modules.ComponentBase { getNamespace() { return 'form-submissions'; } defaultData() { return this.importCommands(dataCommands); } } exports["default"] = Component; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/data/forms-component.js": /*!****************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/data/forms-component.js ***! \****************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; var dataCommands = _interopRequireWildcard(__webpack_require__(/*! ./commands/forms-index */ "../modules/forms/submissions/assets/js/admin/data/commands/forms-index.js")); function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); } function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } class FormsComponent extends $e.modules.ComponentBase { static namespace = 'forms'; getNamespace() { return this.constructor.namespace; } defaultData() { return this.importCommands(dataCommands); } } exports["default"] = FormsComponent; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/hooks/use-data-action.js": /*!*****************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/hooks/use-data-action.js ***! \*****************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var React = __webpack_require__(/*! react */ "react"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports.STATUS_SUCCESS = exports.STATUS_LOADING = exports.STATUS_IDLE = exports.STATUS_ERROR = void 0; exports["default"] = useDataAction; const { useRef, useCallback, useState, useMemo } = React; const STATUS_IDLE = exports.STATUS_IDLE = 'idle'; const STATUS_LOADING = exports.STATUS_LOADING = 'loading'; const STATUS_SUCCESS = exports.STATUS_SUCCESS = 'success'; const STATUS_ERROR = exports.STATUS_ERROR = 'error'; function useDataAction(action, deps = []) { const abortControllerRef = useRef(); const [status, setStatus] = useState(STATUS_IDLE); // To avoid multiple declaration of the action callback, it memorize the argument that SHOULD // trigger a new declaration of the action callback. const calculatedDeps = useMemo(() => [...deps, status], [deps, status]); const wrappedAction = useCallback((...args) => { if (abortControllerRef.current) { abortControllerRef.current.abort(); } abortControllerRef.current = new AbortController(); setStatus(STATUS_LOADING); return action(args, { abortController: abortControllerRef.current, status }).then(result => { setStatus(STATUS_SUCCESS); return result; }).catch(error => { setStatus(STATUS_ERROR); return Promise.reject(error); }); }, [calculatedDeps]); return [wrappedAction, { abortController: abortControllerRef.current, status }]; } /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/hooks/use-export.js": /*!************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/hooks/use-export.js ***! \************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var React = __webpack_require__(/*! react */ "react"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports.EXPORT_MODE_SELECTED = exports.EXPORT_MODE_FILTERED = exports.EXPORT_MODE_ALL = void 0; exports.useExport = useExport; var _useDataAction = _interopRequireWildcard(__webpack_require__(/*! ./use-data-action */ "../modules/forms/submissions/assets/js/admin/hooks/use-data-action.js")); var _downloadBlob = _interopRequireDefault(__webpack_require__(/*! ../utils/download-blob */ "../modules/forms/submissions/assets/js/admin/utils/download-blob.js")); var _noticesContext = __webpack_require__(/*! ../context/notices-context */ "../modules/forms/submissions/assets/js/admin/context/notices-context.js"); function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); } function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } const EXPORT_MODE_ALL = exports.EXPORT_MODE_ALL = 'all'; const EXPORT_MODE_SELECTED = exports.EXPORT_MODE_SELECTED = 'selected'; const EXPORT_MODE_FILTERED = exports.EXPORT_MODE_FILTERED = 'filtered'; const { useState, useMemo } = React; const ZIP_NAME_FORMAT = 'elementor-submissions-export-{DATE}'; const EXPORT_FILE_NAME_FORMAT = 'elementor-submissions-export-{FORM_LABEL}-{DATE}'; const DEFAULT_MAX_ROWS_PER_REQUEST = 10000; const defaultOptions = { maxRowsPerRequest: DEFAULT_MAX_ROWS_PER_REQUEST, checked: [], filter: {} }; /** * Export functionality * * @param {any} hookOptions * @return {(any|{mode: (string), progress: {success: number, count: number}, status: string})[]} [ exportSubmissions, { mode, progress, status: exportStatus } ] */ function useExport(hookOptions) { const options = useMemo(() => ({ ...defaultOptions, ...hookOptions }), [hookOptions]); const { notifyError } = (0, _noticesContext.useNoticesContext)(); const [progress, setProgress] = useState({ count: 0, success: 0 }); const mode = useMemo(() => { if (options.checked.length > 0) { return EXPORT_MODE_SELECTED; } const filter = Object.fromEntries(Object.entries(options.filter).filter(([, value]) => value)); if (1 === Object.keys(filter).length && 'all' === filter.status) { return EXPORT_MODE_ALL; } return EXPORT_MODE_FILTERED; }, [options.checked, options.filter]); const [exportSubmissions, { status: exportStatus }] = (0, _useDataAction.default)(([query, total], { abortController, status }) => { if (status === _useDataAction.STATUS_LOADING && abortController) { abortController.abort(); return Promise.reject({ message: 'Aborted' }); } const numberOfRequests = Math.ceil(total / options.maxRowsPerRequest); let exportDataByForm = {}; let promise = Promise.resolve(); setProgress({ count: numberOfRequests, success: 0 }); for (let i = 1; i <= numberOfRequests; i++) { promise = promise.then(() => $e.data.get('form-submissions/export', { ...query, per_page: options.maxRowsPerRequest, page: i }, { refresh: true, signal: abortController.signal })).then(result => { const shouldSaveHeaders = 1 === i; exportDataByForm = mergeFormExportData(result.data.data, exportDataByForm, shouldSaveHeaders); setProgress(prev => ({ ...prev, success: i })); }); } return promise.then(() => downloadExportsResults(Object.values(exportDataByForm))).catch(error => notifyError(error.message)); }, [options.maxRowsPerRequest]); return [exportSubmissions, { mode, progress, status: exportStatus }]; } /** * Merge data from one response into the current data from all the other responses. * * @param {Array} response * @param {any} current * @param {boolean} shouldSaveHeaders * @return {any} Form results */ function mergeFormExportData(response, current, shouldSaveHeaders) { response.forEach(formResult => { // The first row of each csv response is the headers row. When it merges all csv responses, it deletes // the headers for each response except from the first one, the result will be only one row headers in the final csv. if (!shouldSaveHeaders) { delete formResult.content[0]; } current = { ...current, [formResult.id]: { ...formResult, content: (current[formResult.id]?.content || '') + formResult.content.join('\n') } }; }); return current; } /** * Merge all the promises result into one csv and download it. * * @param {Array} dataResults */ function downloadExportsResults(dataResults) { const currentDate = wp.date.date('Y-m-d'); const files = dataResults.map(item => transformFormResultIntoBlob(item, currentDate)); // If there is only one form file, just download it as csv instead of compressing it into a zip file. if (1 === files.length) { (0, _downloadBlob.default)(files[0].blob, files[0].filename); return; } __webpack_require__.e(/*! import() | jszip.vendor */ "jszip.vendor").then(__webpack_require__.t.bind(__webpack_require__, /*! jszip */ "../node_modules/jszip/dist/jszip.min.js", 23)).then(({ default: JSZip }) => { const zip = new JSZip(); files.forEach(({ filename, blob }) => zip.file(filename, blob)); return zip.generateAsync({ type: 'blob' }); }).then(zipBlob => { (0, _downloadBlob.default)(zipBlob, ZIP_NAME_FORMAT.replace('{DATE}', currentDate)); }); } /** * Transform the merged result from the server into a blob. * * @param {any} formResult * @param {Date} currentDate * @return {{filename: string, blob: Blob}} Filename and blob */ function transformFormResultIntoBlob(formResult, currentDate) { return { filename: EXPORT_FILE_NAME_FORMAT.replace('{FORM_LABEL}', formResult.form_label).replace('{DATE}', currentDate).concat(`.${formResult.extension}`), blob: new Blob([ // UTF-8 BOM to support microsoft excel // ref: https://stackoverflow.com/questions/31959487/utf-8-encoidng-issue-when-exporting-csv-file-javascript '\ufeff', formResult.content], { type: formResult.mimetype }) }; } /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/hooks/use-form-field-options.js": /*!************************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/hooks/use-form-field-options.js ***! \************************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var React = __webpack_require__(/*! react */ "react"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = useFormFieldOptions; const { useMemo } = React; /** * The options that received from the API is an array of strings, * each string can be a regular value e.g: 'red' or 'blue' * or a pair of label and value e.g: 'Red|red' or 'Blue|blue' * this parse the array and return an object of 'value' and 'label' * * @param {Array} options */ function useFormFieldOptions(options) { return useMemo(() => { return options.map(rawOption => { const [label, value] = rawOption.split('|'); return { label, value: value === undefined ? label : value }; }); }, [options]); } /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/hooks/use-methods-reducer.js": /*!*********************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/hooks/use-methods-reducer.js ***! \*********************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var React = __webpack_require__(/*! react */ "react"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = useMethodsReducer; /** * Creates a more convenient way to use `useReducer`. * Inspired by useMethods package * * @see https://github.com/pelotom/use-methods * * @param {any} methods * @param {any} initialState * @param {any} init * @return {Array} [state, actions, dispatch] */ function useMethodsReducer(methods, initialState, init = undefined) { const [state, dispatch] = React.useReducer((currentState, action) => { if (!Object.prototype.hasOwnProperty.call(methods, action.type)) { throw Error(`The action type ${action.type} is not exists`); } return methods[action.type](currentState, action.payload); }, initialState, init); return [state, generateActions(methods, dispatch), dispatch]; } /** * Bind all the actions to the dispatcher. * * @param {any} methods * @param {Function} dispatch * @return {{}} Actions */ function generateActions(methods, dispatch) { return Object.keys(methods).reduce((current, type) => { return { ...current, [type]: payload => dispatch({ type, payload }) }; }, {}); } /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/hooks/use-rest-data-list.js": /*!********************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/hooks/use-rest-data-list.js ***! \********************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var React = __webpack_require__(/*! react */ "react"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = useRestDataList; var _useMethodsReducer = _interopRequireDefault(__webpack_require__(/*! ./use-methods-reducer */ "../modules/forms/submissions/assets/js/admin/hooks/use-methods-reducer.js")); var _useRouterQueryString = _interopRequireDefault(__webpack_require__(/*! ./use-router-query-string */ "../modules/forms/submissions/assets/js/admin/hooks/use-router-query-string.js")); var _useDataAction = _interopRequireDefault(__webpack_require__(/*! ./use-data-action */ "../modules/forms/submissions/assets/js/admin/hooks/use-data-action.js")); const { useState, useEffect, useMemo } = React; /** * Default options for the use function * * @type {{useRouterQueryString: boolean, allowedFilters: Array}} */ const defaultOptions = { allowedFilters: [], useRouterQueryString: false, hooks: { afterFetch: () => {} } }; const defaultQueryArgs = ['order', 'order_by', 'page', 'per_page']; let currentFlatQuery = {}; /** * Main function * * @param {any} command * @param {Object} options * @return {{fetchData: any, data: any, meta: any, query: any, actions: {setOrder: any, setFilter: any, setPage: any}}} REST data */ function useRestDataList(command, options = {}) { options = { ...defaultOptions, ...options }; const queryArgs = [...defaultQueryArgs, ...options.allowedFilters], [{ data, meta }, setFetchResult] = useState({ data: [], meta: {} }), { query, flatQuery, actions: { setFilter, setPage, setOrder, setInitial } } = useQuery(), [routerQueryString, setRouterQueryString] = (0, _useRouterQueryString.default)(queryArgs); // There is a weird bug, when calling the fetch data function from another function // the flatQuery inside the function is an old version of the flatQuery and not the updated one. // this cause a wrong request to the server that retrieve a wrong result. currentFlatQuery = flatQuery; // The fetch data action. const [fetchData, { status: fetchDataStatus }] = (0, _useDataAction.default)((args, { abortController }) => $e.data.get(command, currentFlatQuery, { refresh: true, signal: abortController.signal }).then(response => setFetchResult(response.data)).then(() => options.hooks.afterFetch()), [command, flatQuery]); useEffect(() => { const queryStringResult = options.useRouterQueryString ? routerQueryString : {}; setInitial({ filter: { search: queryStringResult?.search || null, status: queryStringResult?.status || 'all', form: queryStringResult?.form || null, referer: queryStringResult?.referer || null, after: queryStringResult?.after || null, before: queryStringResult?.before || null }, page: queryStringResult.page || 1, perPage: queryStringResult.per_page || 50, order: { by: queryStringResult.order_by || 'created_at', direction: queryStringResult.order || 'desc' } }); }, []); // This effect runs every time the query object changes, and it fetch the data from the server. useEffect(() => { if (!query.ready) { return; } if (options.useRouterQueryString) { setRouterQueryString(flatQuery); } fetchData(); }, [flatQuery]); return { data, meta, query, flatQuery, fetchData, statuses: { fetchDataStatus }, actions: { setFilter, setOrder, setPage } }; } /** * A reducer for the query of the rest list fetch. * * @return {{perPage: any, page: number}|{filter: any, page: number}|{ready: boolean}|{page: any}|(any|{})|Array|{sort: any}} { query, flatQuery, actions } */ function useQuery() { const [query, actions] = (0, _useMethodsReducer.default)({ setFilter: (state, filter) => ({ ...state, page: 1, filter: { ...state.filter, ...filter } }), setPage: (state, page) => ({ ...state, page }), setPerPage: (state, perPage) => ({ ...state, page: 1, perPage }), setOrder: (state, order) => ({ ...state, order }), setInitial: (state, payload) => ({ ...state, ...payload, ready: true }) }, { ready: false, filter: {}, page: 1, perPage: null, order: { by: 'id', direction: 'desc' } }); const flatQuery = useMemo(() => { return Object.fromEntries(Object.entries({ ...query.filter, page: query.page, per_page: query.perPage, order: query.order.direction, order_by: query.order.by }).filter(([, value]) => { // Removes all the falsy values from the flatQuery. In JS empty array is not a falsy value // so there is a special case that checks array and removes it from the flatQuery if it is an empty array. if (Array.isArray(value) && 0 === value.length) { return false; } return !!value; })); }, [query]); return { query, flatQuery, actions }; } /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/hooks/use-router-query-string.js": /*!*************************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/hooks/use-router-query-string.js ***! \*************************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var React = __webpack_require__(/*! react */ "react"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = useRouterQueryString; var _router = __webpack_require__(/*! @reach/router */ "../node_modules/@reach/router/es/index.js"); const { useEffect, useState } = React; /** * Manage the router query string base on "hash" history. * * @param {string[]} queryArgs * @return {Array} [ query, setQuery ] */ function useRouterQueryString(queryArgs = []) { const location = (0, _router.useLocation)(), [isLocationRead, setIsLocationRead] = useState(false), [query, setQuery] = useState(false); // Read the query string (only at first render) useEffect(() => { if (!location?.pathname || isLocationRead) { return; } const parsedQueryString = queryArgs.reduce((current, arg) => { const value = wp.url.getQueryArg(location.pathname, arg); if (undefined === value) { return current; } return { ...current, [arg]: value }; }, {}); setQuery(parsedQueryString); setIsLocationRead(true); }, [location]); // Update the query string based on the query. useEffect(() => { if (!query) { return; } const basePath = location.pathname.split('?')[0] || '/'; history.pushState(undefined, undefined, `#${wp.url.addQueryArgs(basePath, query)}`); }, [query]); return [query, setQuery]; } /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/hooks/use-watch.js": /*!***********************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/hooks/use-watch.js ***! \***********************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var React = __webpack_require__(/*! react */ "react"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = useWatch; const { useEffect, useRef } = React; function useWatch(callback, deps) { const isFirstRender = useRef(true); useEffect(() => { if (isFirstRender.current) { isFirstRender.current = false; return; } callback(); }, deps); } /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/notice-messages.js": /*!***********************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/notice-messages.js ***! \***********************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; var _i18n = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); const generalError = () => __('Something went wrong, please try again later.', 'elementor-pro'); var _default = exports["default"] = { trashed: { success: (count = 1) => (0, _i18n.sprintf)((0, _i18n._n)('%d submission moved to Trash.', '%d submissions moved to Trash.', count, 'elementor-pro'), count), error: generalError }, deleted: { success: (count = 1) => (0, _i18n.sprintf)((0, _i18n._n)('%d submission permanently deleted.', '%d submissions permanently deleted.', count, 'elementor-pro'), count), error: generalError }, updated: { success: (count = 1) => (0, _i18n.sprintf)((0, _i18n._n)('Submission has been successfully updated.', '%d submissions have been successfully updated.', count, 'elementor-pro'), count), error: generalError }, restored: { success: (count = 1) => (0, _i18n.sprintf)((0, _i18n._n)('%d submission restored from Trash.', '%d submissions restored from Trash.', count, 'elementor-pro'), count), error: generalError }, markedAsRead: { success: () => null, error: generalError }, markedAsUnread: { success: () => null, error: generalError }, actionLogs: { success: () => __('Action completed successfully.', 'elementor-pro'), failed: () => __('Action failed to run, please check your integration.', 'elementor-pro') } }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/pages/index.js": /*!*******************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/pages/index.js ***! \*******************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = Index; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js")); var _checkbox = _interopRequireDefault(__webpack_require__(/*! ../components/checkbox */ "../modules/forms/submissions/assets/js/admin/components/checkbox/index.js")); var _dateFilter = _interopRequireDefault(__webpack_require__(/*! ../components/date-filter */ "../modules/forms/submissions/assets/js/admin/components/date-filter.js")); var _exportButton = _interopRequireDefault(__webpack_require__(/*! ../components/export-button */ "../modules/forms/submissions/assets/js/admin/components/export-button.js")); var _link = _interopRequireDefault(__webpack_require__(/*! ../components/link */ "../modules/forms/submissions/assets/js/admin/components/link.js")); var _linksFilter = _interopRequireDefault(__webpack_require__(/*! ../components/links-filter */ "../modules/forms/submissions/assets/js/admin/components/links-filter.js")); var _noticeMessages = _interopRequireDefault(__webpack_require__(/*! ../notice-messages */ "../modules/forms/submissions/assets/js/admin/notice-messages.js")); var _pagination = _interopRequireDefault(__webpack_require__(/*! ../components/pagination */ "../modules/forms/submissions/assets/js/admin/components/pagination.js")); var _refererFilter = _interopRequireDefault(__webpack_require__(/*! ../components/referer-filter */ "../modules/forms/submissions/assets/js/admin/components/referer-filter.js")); var _resourceFilter = _interopRequireDefault(__webpack_require__(/*! ../components/resource-filter */ "../modules/forms/submissions/assets/js/admin/components/resource-filter.js")); var _searchBox = _interopRequireDefault(__webpack_require__(/*! ../components/search-box */ "../modules/forms/submissions/assets/js/admin/components/search-box.js")); var _submissionRow = _interopRequireDefault(__webpack_require__(/*! ../components/submission-row */ "../modules/forms/submissions/assets/js/admin/components/submission-row.js")); var _useDataAction = _interopRequireWildcard(__webpack_require__(/*! ../hooks/use-data-action */ "../modules/forms/submissions/assets/js/admin/hooks/use-data-action.js")); var _useRestDataList = _interopRequireDefault(__webpack_require__(/*! ../hooks/use-rest-data-list */ "../modules/forms/submissions/assets/js/admin/hooks/use-rest-data-list.js")); var _wpTable = _interopRequireDefault(__webpack_require__(/*! ../components/wp-table */ "../modules/forms/submissions/assets/js/admin/components/wp-table/index.js")); var _bulkActionSelect = __webpack_require__(/*! ../components/bulk-action-select */ "../modules/forms/submissions/assets/js/admin/components/bulk-action-select.js"); var _useExport = __webpack_require__(/*! ../hooks/use-export */ "../modules/forms/submissions/assets/js/admin/hooks/use-export.js"); var _noticesContext = __webpack_require__(/*! ../context/notices-context */ "../modules/forms/submissions/assets/js/admin/context/notices-context.js"); var _settingsContext = __webpack_require__(/*! ../context/settings-context */ "../modules/forms/submissions/assets/js/admin/context/settings-context.js"); function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); } function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } const { useMemo, useState } = _react.default; const ORDERABLE_CELLS = ['id', 'created_at', 'main_meta_id']; const STATUSES = [{ value: 'all', label: __('All', 'elementor-pro') }, { value: 'unread', label: __('Unread', 'elementor-pro') }, { value: 'read', label: __('Read', 'elementor-pro') }, { value: 'trash', label: __('Trash', 'elementor-pro') }]; function Index() { const { notifyError, notifySuccess } = (0, _noticesContext.useNoticesContext)(); const { isTrashEnabled } = (0, _settingsContext.useSettingsContext)(); const [checked, setChecked] = useState([]); const { data, meta, fetchData, flatQuery, query: { order, filter }, statuses: { fetchDataStatus }, actions: { setFilter, setOrder, setPage } } = (0, _useRestDataList.default)('form-submissions/index', { allowedFilters: ['search', 'status', 'form', 'referer', 'after', 'before'], useRouterQueryString: true, hooks: { afterFetch: () => setChecked([]) } }); const isTrashFilterOn = useMemo(() => 'trash' === filter.status, [filter.status]); const [exportSubmissions, exportOptions] = (0, _useExport.useExport)({ checked, filter }); const [updateRead] = (0, _useDataAction.default)(([query, isRead], { abortController }) => { if (!validateRestAction(query)) { return Promise.reject(); } const messages = _noticeMessages.default[isRead ? 'markedAsRead' : 'markedAsUnread']; return $e.data.update('form-submissions/index', { is_read: isRead }, query, { signal: abortController.signal }).then(result => notifySuccess(messages.success(result.data.meta?.affected || 1))).then(fetchData).catch(() => notifyError(messages.error())); }); const [restoreItems] = (0, _useDataAction.default)(([query], { abortController }) => { if (!validateRestAction(query)) { return Promise.reject(); } return $e.data.update('form-submissions/restore', {}, query, { signal: abortController.signal }).then(result => notifySuccess(_noticeMessages.default.restored.success(result.data.meta?.affected || 1))).then(fetchData).catch(() => notifyError(_noticeMessages.default.restored.error())); }); const [deleteItems] = (0, _useDataAction.default)(([query], { abortController }) => { if (!validateRestAction(query)) { return Promise.reject(); } const messages = _noticeMessages.default[query.force ? 'deleted' : 'trashed']; return $e.data.delete('form-submissions/index', query, { signal: abortController.signal }).then(result => notifySuccess(messages.success(result.data.meta?.affected || 1), query.force ? null : () => restoreItems(query))).then(fetchData).catch(() => notifyError(messages.error())); }); const rowActions = useMemo(() => [{ key: 'view', label: __('View', 'elementor-pro'), shouldShow: item => 'trash' !== item.status, props: item => ({ to: `/${item.id}`, // Override the default behavior of click event onClick: undefined }), component: _link.default }, { key: 'restore', label: __('Restore', 'elementor-pro'), onApply: item => restoreItems({ id: item.id }), shouldShow: item => 'trash' === item.status }, { key: 'trash', label: __('Trash', 'elementor-pro'), onApply: item => deleteItems({ id: item.id }), shouldShow: item => 'trash' !== item.status && isTrashEnabled, className: 'trash' }, { key: 'delete', label: __('Delete Permanently', 'elementor-pro'), onApply: item => deleteItems({ id: item.id, force: 1 }), shouldShow: item => 'trash' === item.status || !isTrashEnabled, className: 'trash' }, { key: 'read', label: __('Mark as Read', 'elementor-pro'), onApply: item => updateRead({ id: item.id }, true), shouldShow: item => 'trash' !== item.status && !item.is_read }, { key: 'unread', label: __('Mark as Unread', 'elementor-pro'), onApply: item => updateRead({ id: item.id }, false), shouldShow: item => 'trash' !== item.status && item.is_read }], []); const bulkActions = useMemo(() => { return [{ label: __('Mark as Read', 'elementor-pro'), value: 'read', onApply: () => updateRead({ ids: checked }, true), shouldShow: () => !isTrashFilterOn }, { label: __('Mark as Unread', 'elementor-pro'), value: 'unread', onApply: () => updateRead({ ids: checked }, false), shouldShow: () => !isTrashFilterOn }, { label: __('Move to Trash', 'elementor-pro'), value: 'trash', onApply: () => deleteItems({ ids: checked }), shouldShow: () => !isTrashFilterOn && isTrashEnabled }, { label: __('Delete Permanently', 'elementor-pro'), value: 'delete', onApply: () => deleteItems({ ids: checked, force: 1 }), shouldShow: () => isTrashFilterOn || !isTrashEnabled }, { label: __('Restore', 'elementor-pro'), value: 'restore', onApply: () => restoreItems({ ids: checked }), shouldShow: () => isTrashFilterOn }].filter(action => action.shouldShow()); }, [checked, isTrashFilterOn]); const tableTitles = useMemo(() => ({ main_meta_id: { label: __('Main', 'elementor-pro'), className: 'column-primary' }, actions_log_status: { label: __('Actions Status', 'elementor-pro'), className: 'column-actions' }, form: { label: __('Form', 'elementor-pro'), className: 'column-form' }, page: { label: __('Page', 'elementor-pro'), className: 'column-page' }, id: { label: __('ID', 'elementor-pro'), className: 'column-id' }, created_at: { label: __('Submission Date', 'elementor-pro'), className: 'column-date' } }), []); const headerFooterRow = /*#__PURE__*/_react.default.createElement(_wpTable.default.Row, null, /*#__PURE__*/_react.default.createElement(_wpTable.default.Cell, { className: "manage-column bulk-checkbox-column" }, /*#__PURE__*/_react.default.createElement(_checkbox.default.Bulk, { checkedGroup: checked, onChange: setChecked, allValues: data.map(checkedItem => checkedItem.id) })), Object.entries(tableTitles).map(([key, tableTitle]) => { const cellProps = { component: 'th', className: `manage-column ${tableTitle.className || ''}` }; if (ORDERABLE_CELLS.includes(key)) { return /*#__PURE__*/_react.default.createElement(_wpTable.default.OrderableCell, (0, _extends2.default)({}, cellProps, { key: key, order: { key, current: order, onChange: value => setOrder(value) } }), tableTitle.label); } return /*#__PURE__*/_react.default.createElement(_wpTable.default.Cell, (0, _extends2.default)({ key: key }, cellProps), tableTitle.label); })); const exportButton = /*#__PURE__*/_react.default.createElement("div", { className: "alignright" }, /*#__PURE__*/_react.default.createElement(_exportButton.default, { onClick: () => { exportSubmissions(_useExport.EXPORT_MODE_SELECTED === exportOptions.mode ? { ids: checked } : { ...flatQuery }, checked.length || meta.pagination?.total); }, isLoading: _useDataAction.STATUS_LOADING === exportOptions.status, progress: exportOptions.progress, mode: exportOptions.mode, disabled: !meta.pagination?.total && _useDataAction.STATUS_LOADING !== exportOptions.status })); const tablePagination = meta.pagination && /*#__PURE__*/_react.default.createElement(_pagination.default, { total: meta.pagination.total, currentPage: meta.pagination.current_page, lastPage: meta.pagination.last_page, perPage: meta.pagination.per_page, onChange: value => setPage(value) }); return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_searchBox.default, { key: 'search', value: filter.search, onChange: value => setFilter({ search: value }), isSearching: !!filter.search && fetchDataStatus === _useDataAction.STATUS_LOADING }), /*#__PURE__*/_react.default.createElement(_linksFilter.default, { options: STATUSES.map(({ value, label }) => ({ value, label, count: meta.count?.[value], shouldShow: 'all' === value || meta.count?.[value] > 0 })), value: filter.status, onChange: value => setFilter({ status: value }) }), /*#__PURE__*/_react.default.createElement("div", { className: "clear" }), /*#__PURE__*/_react.default.createElement("div", { className: "tablenav top" }, /*#__PURE__*/_react.default.createElement(_bulkActionSelect.BulkActionSelect, { actions: bulkActions, className: "alignleft" }), /*#__PURE__*/_react.default.createElement("div", { className: "alignleft actions" }, /*#__PURE__*/_react.default.createElement(_refererFilter.default, { value: filter.referer || '', onChange: value => setFilter({ referer: value }) }), /*#__PURE__*/_react.default.createElement(_resourceFilter.default, { value: filter.form || '', onChange: value => setFilter({ form: value }), options: [{ value: '', label: __('All Forms', 'elementor-pro') }], resourceOptions: { type: 'resource', command: 'forms/index', args: { context: 'options' } }, name: 'form', label: __('Filter by form', 'elementor-pro') }), /*#__PURE__*/_react.default.createElement(_dateFilter.default, { value: { after: filter.after, before: filter.before }, onChange: ({ after, before }) => { setFilter({ ...(after !== undefined ? { after } : {}), ...(before !== undefined ? { before } : {}) }); }, label: __('Filter by date', 'elementor-pro'), name: "date" })), exportButton, tablePagination), /*#__PURE__*/_react.default.createElement(_wpTable.default, { className: "e-form-submissions-list-table striped table-view-list" }, headerFooterRow && /*#__PURE__*/_react.default.createElement(_wpTable.default.Header, null, headerFooterRow), /*#__PURE__*/_react.default.createElement(_wpTable.default.Body, null, !['loading', 'idle'].includes(fetchDataStatus) && 0 === data.length && /*#__PURE__*/_react.default.createElement(_wpTable.default.Row, { className: "no-items" }, /*#__PURE__*/_react.default.createElement(_wpTable.default.Cell, { className: "colspanchange", colSpan: 7 }, __('No submissions found.', 'elementor-pro'))), data.map(item => { const filteredRowActions = rowActions.filter(action => action.shouldShow(item)); return /*#__PURE__*/_react.default.createElement(_submissionRow.default, { key: item.id, item: item, tableTitles: tableTitles, checkBoxComponent: /*#__PURE__*/_react.default.createElement(_checkbox.default, { checkedGroup: checked, onChange: setChecked, value: item.id }), rowActionComponent: /*#__PURE__*/_react.default.createElement(_wpTable.default.RowActions, { actions: filteredRowActions, item: item }) }); })), headerFooterRow && /*#__PURE__*/_react.default.createElement(_wpTable.default.Footer, null, headerFooterRow)), /*#__PURE__*/_react.default.createElement("div", { className: "tablenav bottom" }, /*#__PURE__*/_react.default.createElement(_bulkActionSelect.BulkActionSelect, { actions: bulkActions, className: "alignleft" }), exportButton, tablePagination))); } function validateRestAction(query) { return query.id || query.ids && query.ids.length > 0; } /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/pages/item.js": /*!******************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/pages/item.js ***! \******************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = Item; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _wpTable = _interopRequireDefault(__webpack_require__(/*! ../components/wp-table */ "../modules/forms/submissions/assets/js/admin/components/wp-table/index.js")); var _router = __webpack_require__(/*! @reach/router */ "../node_modules/@reach/router/es/index.js"); var _noticesContext = __webpack_require__(/*! ../context/notices-context */ "../modules/forms/submissions/assets/js/admin/context/notices-context.js"); var _postBox = _interopRequireDefault(__webpack_require__(/*! ../components/post-box */ "../modules/forms/submissions/assets/js/admin/components/post-box.js")); var _formActionsLog = _interopRequireDefault(__webpack_require__(/*! ../components/form-actions-log */ "../modules/forms/submissions/assets/js/admin/components/form-actions-log.js")); var _noticeMessages = _interopRequireDefault(__webpack_require__(/*! ../notice-messages */ "../modules/forms/submissions/assets/js/admin/notice-messages.js")); var _useDataAction = _interopRequireWildcard(__webpack_require__(/*! ../hooks/use-data-action */ "../modules/forms/submissions/assets/js/admin/hooks/use-data-action.js")); var _date = __webpack_require__(/*! ../utils/date */ "../modules/forms/submissions/assets/js/admin/utils/date.js"); var _submissionValue = _interopRequireDefault(__webpack_require__(/*! ../components/submission-value */ "../modules/forms/submissions/assets/js/admin/components/submission-value/index.js")); var _settingsContext = __webpack_require__(/*! ../context/settings-context */ "../modules/forms/submissions/assets/js/admin/context/settings-context.js"); function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); } function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } /* eslint-disable jsx-a11y/anchor-is-valid */ const { useEffect, useState, useMemo } = _react.default; function Item(props) { const [{ data }, setFetchResult] = useState({ data: {}, meta: {} }), [error, setError] = useState(null), [isEditMode, setIsEditMode] = useState(false), [formData, setFormData] = useState({}), navigate = (0, _router.useNavigate)(), { notifySuccess, notifyError } = (0, _noticesContext.useNoticesContext)(), { isTrashEnabled } = (0, _settingsContext.useSettingsContext)(); const fields = useMemo(() => data.form?.fields.reduce((current, field) => ({ ...current, [field.id]: field }), {}), [data.form?.fields]); // Fetch a single submission on first render useEffect(() => { $e.data.get('form-submissions/index', { id: props.id }, { refresh: true }).then(result => { setFetchResult(result.data); return result.data; }).then(resultData => { if (resultData.data.is_read) { return; } // Mark the submission as read if is not read already $e.data.update('form-submissions/index', { is_read: true }, { id: props.id }); }).catch(e => setError(e)); }, []); // Move submission to trash const [deleteItem] = (0, _useDataAction.default)(([query = {}], { abortController }) => { const messages = _noticeMessages.default[query.force ? 'deleted' : 'trashed']; return $e.data.delete('form-submissions/index', { id: props.id, ...query }, { signal: abortController.signal }).then(() => notifySuccess(messages.success(1))).then(() => navigate('/')).catch(() => notifyError(messages.error())); }, [props.id]); // Update field values. const [update, { status: updateStatus }] = (0, _useDataAction.default)(([values]) => { return $e.data.update('form-submissions/index', { values }, { id: props.id }).then(result => setFetchResult(result.data)).then(() => { setIsEditMode(false); setFormData({}); }).then(() => notifySuccess(_noticeMessages.default.updated.success(1))).catch(() => notifyError(_noticeMessages.default.updated.error())); }, [props.id]); if (!Object.keys(data).length) { if (error) { return /*#__PURE__*/_react.default.createElement("p", null, " ", error.message || __('Not Found', 'elementor-pro'), " "); } return __('Loading...', 'elementor-pro'); } return /*#__PURE__*/_react.default.createElement("div", { id: "poststuff" }, /*#__PURE__*/_react.default.createElement("form", { id: "post-body", className: "metabox-holder columns-2", onSubmit: e => { e.preventDefault(); if (!isEditMode || updateStatus === _useDataAction.STATUS_LOADING) { return; } update(formData); } }, /*#__PURE__*/_react.default.createElement("div", { id: "post-body-content" }, /*#__PURE__*/_react.default.createElement("div", { className: "e-form-submissions-main" }, /*#__PURE__*/_react.default.createElement(_postBox.default, { header: /*#__PURE__*/_react.default.createElement("div", { className: "e-form-submissions-main__header" }, /*#__PURE__*/_react.default.createElement("h2", null, __('Submission', 'elementor-pro'), " #", data.id), /*#__PURE__*/_react.default.createElement("button", { onClick: e => { e.preventDefault(); if (updateStatus === _useDataAction.STATUS_LOADING) { return; } setIsEditMode(prev => !prev); }, className: "button button-secondary", type: "button", disabled: updateStatus === _useDataAction.STATUS_LOADING }, isEditMode ? __('Cancel', 'elementor-pro') : __('Edit', 'elementor-pro'))) }, /*#__PURE__*/_react.default.createElement(_wpTable.default, { className: "e-form-submissions-item-table" }, /*#__PURE__*/_react.default.createElement(_wpTable.default.Body, null, data.values?.length > 0 ? data.values.map(value => /*#__PURE__*/_react.default.createElement(_wpTable.default.Row, { key: value.id }, /*#__PURE__*/_react.default.createElement(_wpTable.default.Cell, null, fields?.[value.key]?.label || value.key), /*#__PURE__*/_react.default.createElement(_wpTable.default.Cell, null, /*#__PURE__*/_react.default.createElement(_submissionValue.default, { value: value.value, field: fields?.[value.key] || { id: value.key, type: 'text' }, isEditMode: isEditMode, onChange: (id, fieldValue) => setFormData(prev => ({ ...prev, [id]: fieldValue })) })))) : /*#__PURE__*/_react.default.createElement(_wpTable.default.Row, null, /*#__PURE__*/_react.default.createElement(_wpTable.default.Cell, { colSpan: "2" }, __('No data', 'elementor-pro'))))))), data.form_actions_log && /*#__PURE__*/_react.default.createElement(_formActionsLog.default, { actions: data.form_actions_log })), /*#__PURE__*/_react.default.createElement("div", { className: "postbox-container", id: "postbox-container-1" }, /*#__PURE__*/_react.default.createElement(_postBox.default, { header: /*#__PURE__*/_react.default.createElement("h2", null, __('Additional Info', 'elementor-pro'), " ") }, /*#__PURE__*/_react.default.createElement("div", { className: "submitbox" }, /*#__PURE__*/_react.default.createElement("div", { id: "misc-publishing-actions" }, data.post && /*#__PURE__*/_react.default.createElement("div", { className: "misc-pub-section" }, __('Form:', 'elementor-pro'), " ", /*#__PURE__*/_react.default.createElement("a", { href: data.post.edit_url, target: "_blank", rel: "noreferrer" }, data.form.name, " (#", data.form.element_id, ")")), /*#__PURE__*/_react.default.createElement("div", { className: "misc-pub-section" }, __('Page:', 'elementor-pro'), " ", /*#__PURE__*/_react.default.createElement("a", { href: data.referer, target: "_blank", rel: "noreferrer" }, data.referer_title || /*#__PURE__*/_react.default.createElement("i", { className: "eicon-editor-external-link e-form-submissions-referer-icon" }))), /*#__PURE__*/_react.default.createElement("div", { className: "misc-pub-section" }, __('Create Date:', 'elementor-pro'), " ", /*#__PURE__*/_react.default.createElement("strong", null, (0, _date.formatToLocalDateTime)(data.created_at))), /*#__PURE__*/_react.default.createElement("div", { className: "misc-pub-section" }, __('Update Date:', 'elementor-pro'), " ", /*#__PURE__*/_react.default.createElement("strong", null, (0, _date.formatToLocalDateTime)(data.updated_at))), data.user_name && /*#__PURE__*/_react.default.createElement("div", { className: "misc-pub-section" }, __('User Name:', 'elementor-pro'), " ", /*#__PURE__*/_react.default.createElement("strong", null, data.user_name)), data.user_ip && /*#__PURE__*/_react.default.createElement("div", { className: "misc-pub-section" }, __('User IP:', 'elementor-pro'), " ", /*#__PURE__*/_react.default.createElement("strong", null, data.user_ip)), data.user_agent && /*#__PURE__*/_react.default.createElement("div", { className: "misc-pub-section" }, __('User Agent:', 'elementor-pro'), " ", /*#__PURE__*/_react.default.createElement("strong", null, data.user_agent))), /*#__PURE__*/_react.default.createElement("div", { id: "major-publishing-actions" }, /*#__PURE__*/_react.default.createElement("div", { id: "delete-action" }, /*#__PURE__*/_react.default.createElement("a", { className: "submitdelete deletion", href: "#", onClick: e => { e.preventDefault(); deleteItem({ force: isTrashEnabled ? 0 : 1 }); } }, isTrashEnabled ? __('Move to Trash', 'elementor-pro') : __('Delete Permanently', 'elementor-pro'))), /*#__PURE__*/_react.default.createElement("div", { id: "publishing-action" }, /*#__PURE__*/_react.default.createElement("button", { type: "submit", name: "save", id: "publish", className: "button button-primary button-large", disabled: !isEditMode || updateStatus === _useDataAction.STATUS_LOADING }, __('Update', 'elementor-pro'))), /*#__PURE__*/_react.default.createElement("div", { className: "clear" })))))), /*#__PURE__*/_react.default.createElement("br", { className: "clear" })); } Item.propTypes = { id: PropTypes.string }; /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/utils/date.js": /*!******************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/utils/date.js ***! \******************************************************************/ /***/ ((__unused_webpack_module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", ({ value: true })); exports.formatToLocalDate = formatToLocalDate; exports.formatToLocalDateTime = formatToLocalDateTime; exports.formatToLocalTime = formatToLocalTime; const momentLocale = moment.localeData(); function formatToLocalDate(dateString) { return wp.date.format(momentLocale.longDateFormat('LL'), dateString); } function formatToLocalTime(dateString) { return wp.date.format(momentLocale.longDateFormat('LT'), dateString); } function formatToLocalDateTime(dateString) { return `${formatToLocalDate(dateString)} ${formatToLocalTime(dateString)}`; } /***/ }), /***/ "../modules/forms/submissions/assets/js/admin/utils/download-blob.js": /*!***************************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/utils/download-blob.js ***! \***************************************************************************/ /***/ ((__unused_webpack_module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = downloadBlob; /** * A util function to make sure the user download the blob data. * * @param {any} blob * @param {string} filename */ function downloadBlob(blob, filename = '') { const link = document.createElement('a'); link.setAttribute('href', URL.createObjectURL(blob)); link.style.visibility = 'hidden'; if (filename) { link.setAttribute('download', filename); } document.body.appendChild(link); link.click(); document.body.removeChild(link); } /***/ }), /***/ "../node_modules/gud/index.js": /*!************************************!*\ !*** ../node_modules/gud/index.js ***! \************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; // @flow var key = '__global_unique_id__'; module.exports = function() { return __webpack_require__.g[key] = (__webpack_require__.g[key] || 0) + 1; }; /***/ }), /***/ "../node_modules/invariant/browser.js": /*!********************************************!*\ !*** ../node_modules/invariant/browser.js ***! \********************************************/ /***/ ((module) => { "use strict"; /** * Copyright (c) 2013-present, Facebook, Inc. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ /** * Use invariant() to assert state which your program assumes to be true. * * Provide sprintf-style format (only %s is supported) and arguments * to provide information about what broke and what you were * expecting. * * The invariant message will be stripped in production, but the invariant * will remain to ensure logic does not differ in production. */ var invariant = function(condition, format, a, b, c, d, e, f) { if (true) { if (format === undefined) { throw new Error('invariant requires an error message argument'); } } if (!condition) { var error; if (format === undefined) { error = new Error( 'Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.' ); } else { var args = [a, b, c, d, e, f]; var argIndex = 0; error = new Error( format.replace(/%s/g, function() { return args[argIndex++]; }) ); error.name = 'Invariant Violation'; } error.framesToPop = 1; // we don't care about invariant's own frame throw error; } }; module.exports = invariant; /***/ }), /***/ "../node_modules/object-assign/index.js": /*!**********************************************!*\ !*** ../node_modules/object-assign/index.js ***! \**********************************************/ /***/ ((module) => { "use strict"; /* object-assign (c) Sindre Sorhus @license MIT */ /* eslint-disable no-unused-vars */ var getOwnPropertySymbols = Object.getOwnPropertySymbols; var hasOwnProperty = Object.prototype.hasOwnProperty; var propIsEnumerable = Object.prototype.propertyIsEnumerable; function toObject(val) { if (val === null || val === undefined) { throw new TypeError('Object.assign cannot be called with null or undefined'); } return Object(val); } function shouldUseNative() { try { if (!Object.assign) { return false; } // Detect buggy property enumeration order in older V8 versions. // https://bugs.chromium.org/p/v8/issues/detail?id=4118 var test1 = new String('abc'); // eslint-disable-line no-new-wrappers test1[5] = 'de'; if (Object.getOwnPropertyNames(test1)[0] === '5') { return false; } // https://bugs.chromium.org/p/v8/issues/detail?id=3056 var test2 = {}; for (var i = 0; i < 10; i++) { test2['_' + String.fromCharCode(i)] = i; } var order2 = Object.getOwnPropertyNames(test2).map(function (n) { return test2[n]; }); if (order2.join('') !== '0123456789') { return false; } // https://bugs.chromium.org/p/v8/issues/detail?id=3056 var test3 = {}; 'abcdefghijklmnopqrst'.split('').forEach(function (letter) { test3[letter] = letter; }); if (Object.keys(Object.assign({}, test3)).join('') !== 'abcdefghijklmnopqrst') { return false; } return true; } catch (err) { // We don't expect any of the above to throw, but better to be safe. return false; } } module.exports = shouldUseNative() ? Object.assign : function (target, source) { var from; var to = toObject(target); var symbols; for (var s = 1; s < arguments.length; s++) { from = Object(arguments[s]); for (var key in from) { if (hasOwnProperty.call(from, key)) { to[key] = from[key]; } } if (getOwnPropertySymbols) { symbols = getOwnPropertySymbols(from); for (var i = 0; i < symbols.length; i++) { if (propIsEnumerable.call(from, symbols[i])) { to[symbols[i]] = from[symbols[i]]; } } } } return to; }; /***/ }), /***/ "../node_modules/prop-types/checkPropTypes.js": /*!****************************************************!*\ !*** ../node_modules/prop-types/checkPropTypes.js ***! \****************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; /** * Copyright (c) 2013-present, Facebook, Inc. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ var printWarning = function() {}; if (true) { var ReactPropTypesSecret = __webpack_require__(/*! ./lib/ReactPropTypesSecret */ "../node_modules/prop-types/lib/ReactPropTypesSecret.js"); var loggedTypeFailures = {}; var has = __webpack_require__(/*! ./lib/has */ "../node_modules/prop-types/lib/has.js"); printWarning = function(text) { var message = 'Warning: ' + text; if (typeof console !== 'undefined') { console.error(message); } try { // --- Welcome to debugging React --- // This error was thrown as a convenience so that you can use this stack // to find the callsite that caused this warning to fire. throw new Error(message); } catch (x) { /**/ } }; } /** * Assert that the values match with the type specs. * Error messages are memorized and will only be shown once. * * @param {object} typeSpecs Map of name to a ReactPropType * @param {object} values Runtime values that need to be type-checked * @param {string} location e.g. "prop", "context", "child context" * @param {string} componentName Name of the component for error messages. * @param {?Function} getStack Returns the component stack. * @private */ function checkPropTypes(typeSpecs, values, location, componentName, getStack) { if (true) { for (var typeSpecName in typeSpecs) { if (has(typeSpecs, typeSpecName)) { var error; // Prop type validation may throw. In case they do, we don't want to // fail the render phase where it didn't fail before. So we log it. // After these have been cleaned up, we'll let them throw. try { // This is intentionally an invariant that gets caught. It's the same // behavior as without this statement except with a better message. if (typeof typeSpecs[typeSpecName] !== 'function') { 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`.' ); err.name = 'Invariant Violation'; throw err; } error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret); } catch (ex) { error = ex; } 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).' ); } if (error instanceof Error && !(error.message in loggedTypeFailures)) { // Only monitor this failure once because there tends to be a lot of the // same error. loggedTypeFailures[error.message] = true; var stack = getStack ? getStack() : ''; printWarning( 'Failed ' + location + ' type: ' + error.message + (stack != null ? stack : '') ); } } } } } /** * Resets warning cache when testing. * * @private */ checkPropTypes.resetWarningCache = function() { if (true) { loggedTypeFailures = {}; } } module.exports = checkPropTypes; /***/ }), /***/ "../node_modules/prop-types/factoryWithTypeCheckers.js": /*!*************************************************************!*\ !*** ../node_modules/prop-types/factoryWithTypeCheckers.js ***! \*************************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; /** * Copyright (c) 2013-present, Facebook, Inc. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ var ReactIs = __webpack_require__(/*! react-is */ "../node_modules/prop-types/node_modules/react-is/index.js"); var assign = __webpack_require__(/*! object-assign */ "../node_modules/object-assign/index.js"); var ReactPropTypesSecret = __webpack_require__(/*! ./lib/ReactPropTypesSecret */ "../node_modules/prop-types/lib/ReactPropTypesSecret.js"); var has = __webpack_require__(/*! ./lib/has */ "../node_modules/prop-types/lib/has.js"); var checkPropTypes = __webpack_require__(/*! ./checkPropTypes */ "../node_modules/prop-types/checkPropTypes.js"); var printWarning = function() {}; if (true) { printWarning = function(text) { var message = 'Warning: ' + text; if (typeof console !== 'undefined') { console.error(message); } try { // --- Welcome to debugging React --- // This error was thrown as a convenience so that you can use this stack // to find the callsite that caused this warning to fire. throw new Error(message); } catch (x) {} }; } function emptyFunctionThatReturnsNull() { return null; } module.exports = function(isValidElement, throwOnDirectAccess) { /* global Symbol */ var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator; var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec. /** * Returns the iterator method function contained on the iterable object. * * Be sure to invoke the function with the iterable as context: * * var iteratorFn = getIteratorFn(myIterable); * if (iteratorFn) { * var iterator = iteratorFn.call(myIterable); * ... * } * * @param {?object} maybeIterable * @return {?function} */ function getIteratorFn(maybeIterable) { var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]); if (typeof iteratorFn === 'function') { return iteratorFn; } } /** * Collection of methods that allow declaration and validation of props that are * supplied to React components. Example usage: * * var Props = require('ReactPropTypes'); * var MyArticle = React.createClass({ * propTypes: { * // An optional string prop named "description". * description: Props.string, * * // A required enum prop named "category". * category: Props.oneOf(['News','Photos']).isRequired, * * // A prop named "dialog" that requires an instance of Dialog. * dialog: Props.instanceOf(Dialog).isRequired * }, * render: function() { ... } * }); * * A more formal specification of how these methods are used: * * type := array|bool|func|object|number|string|oneOf([...])|instanceOf(...) * decl := ReactPropTypes.{type}(.isRequired)? * * Each and every declaration produces a function with the same signature. This * allows the creation of custom validation functions. For example: * * var MyLink = React.createClass({ * propTypes: { * // An optional string or URI prop named "href". * href: function(props, propName, componentName) { * var propValue = props[propName]; * if (propValue != null && typeof propValue !== 'string' && * !(propValue instanceof URI)) { * return new Error( * 'Expected a string or an URI for ' + propName + ' in ' + * componentName * ); * } * } * }, * render: function() {...} * }); * * @internal */ var ANONYMOUS = '<>'; // Important! // Keep this list in sync with production version in `./factoryWithThrowingShims.js`. var ReactPropTypes = { array: createPrimitiveTypeChecker('array'), bigint: createPrimitiveTypeChecker('bigint'), bool: createPrimitiveTypeChecker('boolean'), func: createPrimitiveTypeChecker('function'), number: createPrimitiveTypeChecker('number'), object: createPrimitiveTypeChecker('object'), string: createPrimitiveTypeChecker('string'), symbol: createPrimitiveTypeChecker('symbol'), any: createAnyTypeChecker(), arrayOf: createArrayOfTypeChecker, element: createElementTypeChecker(), elementType: createElementTypeTypeChecker(), instanceOf: createInstanceTypeChecker, node: createNodeChecker(), objectOf: createObjectOfTypeChecker, oneOf: createEnumTypeChecker, oneOfType: createUnionTypeChecker, shape: createShapeTypeChecker, exact: createStrictShapeTypeChecker, }; /** * inlined Object.is polyfill to avoid requiring consumers ship their own * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is */ /*eslint-disable no-self-compare*/ function is(x, y) { // SameValue algorithm if (x === y) { // Steps 1-5, 7-10 // Steps 6.b-6.e: +0 != -0 return x !== 0 || 1 / x === 1 / y; } else { // Step 6.a: NaN == NaN return x !== x && y !== y; } } /*eslint-enable no-self-compare*/ /** * We use an Error-like object for backward compatibility as people may call * PropTypes directly and inspect their output. However, we don't use real * Errors anymore. We don't inspect their stack anyway, and creating them * is prohibitively expensive if they are created too often, such as what * happens in oneOfType() for any type before the one that matched. */ function PropTypeError(message, data) { this.message = message; this.data = data && typeof data === 'object' ? data: {}; this.stack = ''; } // Make `instanceof Error` still work for returned errors. PropTypeError.prototype = Error.prototype; function createChainableTypeChecker(validate) { if (true) { var manualPropTypeCallCache = {}; var manualPropTypeWarningCount = 0; } function checkType(isRequired, props, propName, componentName, location, propFullName, secret) { componentName = componentName || ANONYMOUS; propFullName = propFullName || propName; if (secret !== ReactPropTypesSecret) { if (throwOnDirectAccess) { // New behavior only for users of `prop-types` package var err = 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' ); err.name = 'Invariant Violation'; throw err; } else if ( true && typeof console !== 'undefined') { // Old behavior for people using React.PropTypes var cacheKey = componentName + ':' + propName; if ( !manualPropTypeCallCache[cacheKey] && // Avoid spamming the console because they are often not actionable except for lib authors manualPropTypeWarningCount < 3 ) { 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.' ); manualPropTypeCallCache[cacheKey] = true; manualPropTypeWarningCount++; } } } if (props[propName] == null) { if (isRequired) { if (props[propName] === null) { return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required ' + ('in `' + componentName + '`, but its value is `null`.')); } return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required in ' + ('`' + componentName + '`, but its value is `undefined`.')); } return null; } else { return validate(props, propName, componentName, location, propFullName); } } var chainedCheckType = checkType.bind(null, false); chainedCheckType.isRequired = checkType.bind(null, true); return chainedCheckType; } function createPrimitiveTypeChecker(expectedType) { function validate(props, propName, componentName, location, propFullName, secret) { var propValue = props[propName]; var propType = getPropType(propValue); if (propType !== expectedType) { // `propValue` being instance of, say, date/regexp, pass the 'object' // check, but we can offer a more precise error message here rather than // 'of type `object`'. var preciseType = getPreciseType(propValue); return new PropTypeError( 'Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'), {expectedType: expectedType} ); } return null; } return createChainableTypeChecker(validate); } function createAnyTypeChecker() { return createChainableTypeChecker(emptyFunctionThatReturnsNull); } function createArrayOfTypeChecker(typeChecker) { function validate(props, propName, componentName, location, propFullName) { if (typeof typeChecker !== 'function') { return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside arrayOf.'); } var propValue = props[propName]; if (!Array.isArray(propValue)) { var propType = getPropType(propValue); return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.')); } for (var i = 0; i < propValue.length; i++) { var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret); if (error instanceof Error) { return error; } } return null; } return createChainableTypeChecker(validate); } function createElementTypeChecker() { function validate(props, propName, componentName, location, propFullName) { var propValue = props[propName]; if (!isValidElement(propValue)) { var propType = getPropType(propValue); return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement.')); } return null; } return createChainableTypeChecker(validate); } function createElementTypeTypeChecker() { function validate(props, propName, componentName, location, propFullName) { var propValue = props[propName]; if (!ReactIs.isValidElementType(propValue)) { var propType = getPropType(propValue); return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement type.')); } return null; } return createChainableTypeChecker(validate); } function createInstanceTypeChecker(expectedClass) { function validate(props, propName, componentName, location, propFullName) { if (!(props[propName] instanceof expectedClass)) { var expectedClassName = expectedClass.name || ANONYMOUS; var actualClassName = getClassName(props[propName]); return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + actualClassName + '` supplied to `' + componentName + '`, expected ') + ('instance of `' + expectedClassName + '`.')); } return null; } return createChainableTypeChecker(validate); } function createEnumTypeChecker(expectedValues) { if (!Array.isArray(expectedValues)) { if (true) { 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]).' ); } else { printWarning('Invalid argument supplied to oneOf, expected an array.'); } } return emptyFunctionThatReturnsNull; } function validate(props, propName, componentName, location, propFullName) { var propValue = props[propName]; for (var i = 0; i < expectedValues.length; i++) { if (is(propValue, expectedValues[i])) { return null; } } var valuesString = JSON.stringify(expectedValues, function replacer(key, value) { var type = getPreciseType(value); if (type === 'symbol') { return String(value); } return value; }); return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + String(propValue) + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.')); } return createChainableTypeChecker(validate); } function createObjectOfTypeChecker(typeChecker) { function validate(props, propName, componentName, location, propFullName) { if (typeof typeChecker !== 'function') { return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.'); } var propValue = props[propName]; var propType = getPropType(propValue); if (propType !== 'object') { return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.')); } for (var key in propValue) { if (has(propValue, key)) { var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret); if (error instanceof Error) { return error; } } } return null; } return createChainableTypeChecker(validate); } function createUnionTypeChecker(arrayOfTypeCheckers) { if (!Array.isArray(arrayOfTypeCheckers)) { true ? printWarning('Invalid argument supplied to oneOfType, expected an instance of array.') : 0; return emptyFunctionThatReturnsNull; } for (var i = 0; i < arrayOfTypeCheckers.length; i++) { var checker = arrayOfTypeCheckers[i]; if (typeof checker !== 'function') { printWarning( 'Invalid argument supplied to oneOfType. Expected an array of check functions, but ' + 'received ' + getPostfixForTypeWarning(checker) + ' at index ' + i + '.' ); return emptyFunctionThatReturnsNull; } } function validate(props, propName, componentName, location, propFullName) { var expectedTypes = []; for (var i = 0; i < arrayOfTypeCheckers.length; i++) { var checker = arrayOfTypeCheckers[i]; var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret); if (checkerResult == null) { return null; } if (checkerResult.data && has(checkerResult.data, 'expectedType')) { expectedTypes.push(checkerResult.data.expectedType); } } var expectedTypesMessage = (expectedTypes.length > 0) ? ', expected one of type [' + expectedTypes.join(', ') + ']': ''; return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`' + expectedTypesMessage + '.')); } return createChainableTypeChecker(validate); } function createNodeChecker() { function validate(props, propName, componentName, location, propFullName) { if (!isNode(props[propName])) { return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.')); } return null; } return createChainableTypeChecker(validate); } function invalidValidatorError(componentName, location, propFullName, key, type) { 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 + '`.' ); } function createShapeTypeChecker(shapeTypes) { function validate(props, propName, componentName, location, propFullName) { var propValue = props[propName]; var propType = getPropType(propValue); if (propType !== 'object') { return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.')); } for (var key in shapeTypes) { var checker = shapeTypes[key]; if (typeof checker !== 'function') { return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker)); } var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret); if (error) { return error; } } return null; } return createChainableTypeChecker(validate); } function createStrictShapeTypeChecker(shapeTypes) { function validate(props, propName, componentName, location, propFullName) { var propValue = props[propName]; var propType = getPropType(propValue); if (propType !== 'object') { return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.')); } // We need to check all keys in case some are required but missing from props. var allKeys = assign({}, props[propName], shapeTypes); for (var key in allKeys) { var checker = shapeTypes[key]; if (has(shapeTypes, key) && typeof checker !== 'function') { return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker)); } 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, ' ') ); } var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret); if (error) { return error; } } return null; } return createChainableTypeChecker(validate); } function isNode(propValue) { switch (typeof propValue) { case 'number': case 'string': case 'undefined': return true; case 'boolean': return !propValue; case 'object': if (Array.isArray(propValue)) { return propValue.every(isNode); } if (propValue === null || isValidElement(propValue)) { return true; } var iteratorFn = getIteratorFn(propValue); if (iteratorFn) { var iterator = iteratorFn.call(propValue); var step; if (iteratorFn !== propValue.entries) { while (!(step = iterator.next()).done) { if (!isNode(step.value)) { return false; } } } else { // Iterator will provide entry [k,v] tuples rather than values. while (!(step = iterator.next()).done) { var entry = step.value; if (entry) { if (!isNode(entry[1])) { return false; } } } } } else { return false; } return true; default: return false; } } function isSymbol(propType, propValue) { // Native Symbol. if (propType === 'symbol') { return true; } // falsy value can't be a Symbol if (!propValue) { return false; } // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol' if (propValue['@@toStringTag'] === 'Symbol') { return true; } // Fallback for non-spec compliant Symbols which are polyfilled. if (typeof Symbol === 'function' && propValue instanceof Symbol) { return true; } return false; } // Equivalent of `typeof` but with special handling for array and regexp. function getPropType(propValue) { var propType = typeof propValue; if (Array.isArray(propValue)) { return 'array'; } if (propValue instanceof RegExp) { // Old webkits (at least until Android 4.0) return 'function' rather than // 'object' for typeof a RegExp. We'll normalize this here so that /bla/ // passes PropTypes.object. return 'object'; } if (isSymbol(propType, propValue)) { return 'symbol'; } return propType; } // This handles more types than `getPropType`. Only used for error messages. // See `createPrimitiveTypeChecker`. function getPreciseType(propValue) { if (typeof propValue === 'undefined' || propValue === null) { return '' + propValue; } var propType = getPropType(propValue); if (propType === 'object') { if (propValue instanceof Date) { return 'date'; } else if (propValue instanceof RegExp) { return 'regexp'; } } return propType; } // Returns a string that is postfixed to a warning about an invalid type. // For example, "undefined" or "of type array" function getPostfixForTypeWarning(value) { var type = getPreciseType(value); switch (type) { case 'array': case 'object': return 'an ' + type; case 'boolean': case 'date': case 'regexp': return 'a ' + type; default: return type; } } // Returns class name of the object, if any. function getClassName(propValue) { if (!propValue.constructor || !propValue.constructor.name) { return ANONYMOUS; } return propValue.constructor.name; } ReactPropTypes.checkPropTypes = checkPropTypes; ReactPropTypes.resetWarningCache = checkPropTypes.resetWarningCache; ReactPropTypes.PropTypes = ReactPropTypes; return ReactPropTypes; }; /***/ }), /***/ "../node_modules/prop-types/index.js": /*!*******************************************!*\ !*** ../node_modules/prop-types/index.js ***! \*******************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { /** * Copyright (c) 2013-present, Facebook, Inc. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ if (true) { var ReactIs = __webpack_require__(/*! react-is */ "../node_modules/prop-types/node_modules/react-is/index.js"); // By explicitly using `prop-types` you are opting into new development behavior. // http://fb.me/prop-types-in-prod var throwOnDirectAccess = true; module.exports = __webpack_require__(/*! ./factoryWithTypeCheckers */ "../node_modules/prop-types/factoryWithTypeCheckers.js")(ReactIs.isElement, throwOnDirectAccess); } else {} /***/ }), /***/ "../node_modules/prop-types/lib/ReactPropTypesSecret.js": /*!**************************************************************!*\ !*** ../node_modules/prop-types/lib/ReactPropTypesSecret.js ***! \**************************************************************/ /***/ ((module) => { "use strict"; /** * Copyright (c) 2013-present, Facebook, Inc. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED'; module.exports = ReactPropTypesSecret; /***/ }), /***/ "../node_modules/prop-types/lib/has.js": /*!*********************************************!*\ !*** ../node_modules/prop-types/lib/has.js ***! \*********************************************/ /***/ ((module) => { module.exports = Function.call.bind(Object.prototype.hasOwnProperty); /***/ }), /***/ "../node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js": /*!************************************************************************************!*\ !*** ../node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js ***! \************************************************************************************/ /***/ ((__unused_webpack_module, exports) => { "use strict"; /** @license React v16.13.1 * react-is.development.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ if (true) { (function() { 'use strict'; // The Symbol used to tag the ReactElement-like types. If there is no native Symbol // nor polyfill, then a plain number is used for performance. var hasSymbol = typeof Symbol === 'function' && Symbol.for; var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7; var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca; var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb; var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc; var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2; var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd; var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary // (unstable) APIs that have been removed. Can we remove the symbols? var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf; var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf; var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0; var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1; var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8; var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3; var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4; var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9; var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5; var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6; var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7; function isValidElementType(type) { return typeof type === 'string' || typeof type === 'function' || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill. 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); } function typeOf(object) { if (typeof object === 'object' && object !== null) { var $$typeof = object.$$typeof; switch ($$typeof) { case REACT_ELEMENT_TYPE: var type = object.type; switch (type) { case REACT_ASYNC_MODE_TYPE: case REACT_CONCURRENT_MODE_TYPE: case REACT_FRAGMENT_TYPE: case REACT_PROFILER_TYPE: case REACT_STRICT_MODE_TYPE: case REACT_SUSPENSE_TYPE: return type; default: var $$typeofType = type && type.$$typeof; switch ($$typeofType) { case REACT_CONTEXT_TYPE: case REACT_FORWARD_REF_TYPE: case REACT_LAZY_TYPE: case REACT_MEMO_TYPE: case REACT_PROVIDER_TYPE: return $$typeofType; default: return $$typeof; } } case REACT_PORTAL_TYPE: return $$typeof; } } return undefined; } // AsyncMode is deprecated along with isAsyncMode var AsyncMode = REACT_ASYNC_MODE_TYPE; var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE; var ContextConsumer = REACT_CONTEXT_TYPE; var ContextProvider = REACT_PROVIDER_TYPE; var Element = REACT_ELEMENT_TYPE; var ForwardRef = REACT_FORWARD_REF_TYPE; var Fragment = REACT_FRAGMENT_TYPE; var Lazy = REACT_LAZY_TYPE; var Memo = REACT_MEMO_TYPE; var Portal = REACT_PORTAL_TYPE; var Profiler = REACT_PROFILER_TYPE; var StrictMode = REACT_STRICT_MODE_TYPE; var Suspense = REACT_SUSPENSE_TYPE; var hasWarnedAboutDeprecatedIsAsyncMode = false; // AsyncMode should be deprecated function isAsyncMode(object) { { if (!hasWarnedAboutDeprecatedIsAsyncMode) { hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint 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.'); } } return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE; } function isConcurrentMode(object) { return typeOf(object) === REACT_CONCURRENT_MODE_TYPE; } function isContextConsumer(object) { return typeOf(object) === REACT_CONTEXT_TYPE; } function isContextProvider(object) { return typeOf(object) === REACT_PROVIDER_TYPE; } function isElement(object) { return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE; } function isForwardRef(object) { return typeOf(object) === REACT_FORWARD_REF_TYPE; } function isFragment(object) { return typeOf(object) === REACT_FRAGMENT_TYPE; } function isLazy(object) { return typeOf(object) === REACT_LAZY_TYPE; } function isMemo(object) { return typeOf(object) === REACT_MEMO_TYPE; } function isPortal(object) { return typeOf(object) === REACT_PORTAL_TYPE; } function isProfiler(object) { return typeOf(object) === REACT_PROFILER_TYPE; } function isStrictMode(object) { return typeOf(object) === REACT_STRICT_MODE_TYPE; } function isSuspense(object) { return typeOf(object) === REACT_SUSPENSE_TYPE; } exports.AsyncMode = AsyncMode; exports.ConcurrentMode = ConcurrentMode; exports.ContextConsumer = ContextConsumer; exports.ContextProvider = ContextProvider; exports.Element = Element; exports.ForwardRef = ForwardRef; exports.Fragment = Fragment; exports.Lazy = Lazy; exports.Memo = Memo; exports.Portal = Portal; exports.Profiler = Profiler; exports.StrictMode = StrictMode; exports.Suspense = Suspense; exports.isAsyncMode = isAsyncMode; exports.isConcurrentMode = isConcurrentMode; exports.isContextConsumer = isContextConsumer; exports.isContextProvider = isContextProvider; exports.isElement = isElement; exports.isForwardRef = isForwardRef; exports.isFragment = isFragment; exports.isLazy = isLazy; exports.isMemo = isMemo; exports.isPortal = isPortal; exports.isProfiler = isProfiler; exports.isStrictMode = isStrictMode; exports.isSuspense = isSuspense; exports.isValidElementType = isValidElementType; exports.typeOf = typeOf; })(); } /***/ }), /***/ "../node_modules/prop-types/node_modules/react-is/index.js": /*!*****************************************************************!*\ !*** ../node_modules/prop-types/node_modules/react-is/index.js ***! \*****************************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; if (false) {} else { module.exports = __webpack_require__(/*! ./cjs/react-is.development.js */ "../node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js"); } /***/ }), /***/ "../node_modules/reach-router-hash-history/index.js": /*!**********************************************************!*\ !*** ../node_modules/reach-router-hash-history/index.js ***! \**********************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ createHashSource: () => (/* binding */ createHashSource) /* harmony export */ }); // take some code from // https://github.com/ReactTraining/history/blob/master/modules/createHashHistory.js function getHashPath() { // We can't use window.location.hash here because it's not // consistent across browsers - Firefox will pre-decode it! const href = window.location.href; const hashIndex = href.indexOf('#'); return hashIndex === -1 ? '' : href.substring(hashIndex + 1); } function pushHashPath(path) { window.location.hash = '#' + path; } function replaceHashPath(path) { const hashIndex = window.location.href.indexOf('#'); window.location.replace( window.location.href.slice(0, hashIndex >= 0 ? hashIndex : 0) + '#' + path ); } let createHashSource = (initialPathname = '/') => { let index = 0; // let stack = [{ pathname: initialPathname, search: '' }]; // let states = []; return { get location() { return { pathname: getHashPath(), search: '' }; // return stack[index]; }, addEventListener(name, fn) { if (name === 'popstate') { window.addEventListener('hashchange', fn); } }, removeEventListener(name, fn) { if (name === 'popstate') { window.addEventListener('hashchange', fn); } }, history: { get entries() { return [{ pathname: getHashPath(), search: '' }]; // return stack; }, get index() { return index; }, get state() { return undefined; // return states[index]; }, pushState(state, _, uri) { pushHashPath(uri); // let [pathname, search = ''] = uri.split('?'); // index++; // stack.push({ pathname, search }); // states.push(state); }, replaceState(state, _, uri) { replaceHashPath(uri); // let [pathname, search = ''] = uri.split('?'); // stack[index] = { pathname, search }; // states[index] = state; } } }; }; /***/ }), /***/ "../node_modules/react-lifecycles-compat/react-lifecycles-compat.es.js": /*!*****************************************************************************!*\ !*** ../node_modules/react-lifecycles-compat/react-lifecycles-compat.es.js ***! \*****************************************************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ polyfill: () => (/* binding */ polyfill) /* harmony export */ }); /** * Copyright (c) 2013-present, Facebook, Inc. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ function componentWillMount() { // Call this.constructor.gDSFP to support sub-classes. var state = this.constructor.getDerivedStateFromProps(this.props, this.state); if (state !== null && state !== undefined) { this.setState(state); } } function componentWillReceiveProps(nextProps) { // Call this.constructor.gDSFP to support sub-classes. // Use the setState() updater to ensure state isn't stale in certain edge cases. function updater(prevState) { var state = this.constructor.getDerivedStateFromProps(nextProps, prevState); return state !== null && state !== undefined ? state : null; } // Binding "this" is important for shallow renderer support. this.setState(updater.bind(this)); } function componentWillUpdate(nextProps, nextState) { try { var prevProps = this.props; var prevState = this.state; this.props = nextProps; this.state = nextState; this.__reactInternalSnapshotFlag = true; this.__reactInternalSnapshot = this.getSnapshotBeforeUpdate( prevProps, prevState ); } finally { this.props = prevProps; this.state = prevState; } } // React may warn about cWM/cWRP/cWU methods being deprecated. // Add a flag to suppress these warnings for this special case. componentWillMount.__suppressDeprecationWarning = true; componentWillReceiveProps.__suppressDeprecationWarning = true; componentWillUpdate.__suppressDeprecationWarning = true; function polyfill(Component) { var prototype = Component.prototype; if (!prototype || !prototype.isReactComponent) { throw new Error('Can only polyfill class components'); } if ( typeof Component.getDerivedStateFromProps !== 'function' && typeof prototype.getSnapshotBeforeUpdate !== 'function' ) { return Component; } // If new component APIs are defined, "unsafe" lifecycles won't be called. // Error if any of these lifecycles are present, // Because they would work differently between older and newer (16.3+) versions of React. var foundWillMountName = null; var foundWillReceivePropsName = null; var foundWillUpdateName = null; if (typeof prototype.componentWillMount === 'function') { foundWillMountName = 'componentWillMount'; } else if (typeof prototype.UNSAFE_componentWillMount === 'function') { foundWillMountName = 'UNSAFE_componentWillMount'; } if (typeof prototype.componentWillReceiveProps === 'function') { foundWillReceivePropsName = 'componentWillReceiveProps'; } else if (typeof prototype.UNSAFE_componentWillReceiveProps === 'function') { foundWillReceivePropsName = 'UNSAFE_componentWillReceiveProps'; } if (typeof prototype.componentWillUpdate === 'function') { foundWillUpdateName = 'componentWillUpdate'; } else if (typeof prototype.UNSAFE_componentWillUpdate === 'function') { foundWillUpdateName = 'UNSAFE_componentWillUpdate'; } if ( foundWillMountName !== null || foundWillReceivePropsName !== null || foundWillUpdateName !== null ) { var componentName = Component.displayName || Component.name; var newApiName = typeof Component.getDerivedStateFromProps === 'function' ? 'getDerivedStateFromProps()' : 'getSnapshotBeforeUpdate()'; 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:\n' + 'https://fb.me/react-async-component-lifecycle-hooks' ); } // React <= 16.2 does not support static getDerivedStateFromProps. // As a workaround, use cWM and cWRP to invoke the new static lifecycle. // Newer versions of React will ignore these lifecycles if gDSFP exists. if (typeof Component.getDerivedStateFromProps === 'function') { prototype.componentWillMount = componentWillMount; prototype.componentWillReceiveProps = componentWillReceiveProps; } // React <= 16.2 does not support getSnapshotBeforeUpdate. // As a workaround, use cWU to invoke the new lifecycle. // Newer versions of React will ignore that lifecycle if gSBU exists. if (typeof prototype.getSnapshotBeforeUpdate === 'function') { if (typeof prototype.componentDidUpdate !== 'function') { throw new Error( 'Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype' ); } prototype.componentWillUpdate = componentWillUpdate; var componentDidUpdate = prototype.componentDidUpdate; prototype.componentDidUpdate = function componentDidUpdatePolyfill( prevProps, prevState, maybeSnapshot ) { // 16.3+ will not execute our will-update method; // It will pass a snapshot value to did-update though. // Older versions will require our polyfilled will-update value. // We need to handle both cases, but can't just check for the presence of "maybeSnapshot", // Because for <= 15.x versions this might be a "prevContext" object. // We also can't just check "__reactInternalSnapshot", // Because get-snapshot might return a falsy value. // So check for the explicit __reactInternalSnapshotFlag flag to determine behavior. var snapshot = this.__reactInternalSnapshotFlag ? this.__reactInternalSnapshot : maybeSnapshot; componentDidUpdate.call(this, prevProps, prevState, snapshot); }; } return Component; } /***/ }), /***/ "../node_modules/warning/warning.js": /*!******************************************!*\ !*** ../node_modules/warning/warning.js ***! \******************************************/ /***/ ((module) => { "use strict"; /** * Copyright (c) 2014-present, Facebook, Inc. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ /** * Similar to invariant but only logs a warning if the condition is not met. * This can be used to log issues in development environments in critical * paths. Removing the logging code for production environments will keep the * same logic and follow the same code paths. */ var __DEV__ = "development" !== 'production'; var warning = function() {}; if (__DEV__) { var printWarning = function printWarning(format, args) { var len = arguments.length; args = new Array(len > 1 ? len - 1 : 0); for (var key = 1; key < len; key++) { args[key - 1] = arguments[key]; } var argIndex = 0; var message = 'Warning: ' + format.replace(/%s/g, function() { return args[argIndex++]; }); if (typeof console !== 'undefined') { console.error(message); } try { // --- Welcome to debugging React --- // This error was thrown as a convenience so that you can use this stack // to find the callsite that caused this warning to fire. throw new Error(message); } catch (x) {} } warning = function(condition, format, args) { var len = arguments.length; args = new Array(len > 2 ? len - 2 : 0); for (var key = 2; key < len; key++) { args[key - 2] = arguments[key]; } if (format === undefined) { throw new Error( '`warning(condition, format, ...args)` requires a warning ' + 'message argument' ); } if (!condition) { printWarning.apply(null, [format].concat(args)); } }; } module.exports = warning; /***/ }), /***/ "react": /*!************************!*\ !*** external "React" ***! \************************/ /***/ ((module) => { "use strict"; module.exports = React; /***/ }), /***/ "@wordpress/i18n": /*!**************************!*\ !*** external "wp.i18n" ***! \**************************/ /***/ ((module) => { "use strict"; module.exports = wp.i18n; /***/ }), /***/ "../node_modules/@babel/runtime/helpers/extends.js": /*!*********************************************************!*\ !*** ../node_modules/@babel/runtime/helpers/extends.js ***! \*********************************************************/ /***/ ((module) => { function _extends() { module.exports = _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }, module.exports.__esModule = true, module.exports["default"] = module.exports; return _extends.apply(this, arguments); } module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports; /***/ }), /***/ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js": /*!***********************************************************************!*\ !*** ../node_modules/@babel/runtime/helpers/interopRequireDefault.js ***! \***********************************************************************/ /***/ ((module) => { function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports["default"] = module.exports; /***/ }) /******/ }); /************************************************************************/ /******/ // The module cache /******/ var __webpack_module_cache__ = {}; /******/ /******/ // The require function /******/ function __webpack_require__(moduleId) { /******/ // Check if module is in cache /******/ var cachedModule = __webpack_module_cache__[moduleId]; /******/ if (cachedModule !== undefined) { /******/ return cachedModule.exports; /******/ } /******/ // Create a new module (and put it into the cache) /******/ var module = __webpack_module_cache__[moduleId] = { /******/ // no module.id needed /******/ // no module.loaded needed /******/ exports: {} /******/ }; /******/ /******/ // Execute the module function /******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); /******/ /******/ // Return the exports of the module /******/ return module.exports; /******/ } /******/ /******/ // expose the modules object (__webpack_modules__) /******/ __webpack_require__.m = __webpack_modules__; /******/ /************************************************************************/ /******/ /* webpack/runtime/compat get default export */ /******/ (() => { /******/ // getDefaultExport function for compatibility with non-harmony modules /******/ __webpack_require__.n = (module) => { /******/ var getter = module && module.__esModule ? /******/ () => (module['default']) : /******/ () => (module); /******/ __webpack_require__.d(getter, { a: getter }); /******/ return getter; /******/ }; /******/ })(); /******/ /******/ /* webpack/runtime/create fake namespace object */ /******/ (() => { /******/ var getProto = Object.getPrototypeOf ? (obj) => (Object.getPrototypeOf(obj)) : (obj) => (obj.__proto__); /******/ var leafPrototypes; /******/ // create a fake namespace object /******/ // mode & 1: value is a module id, require it /******/ // mode & 2: merge all properties of value into the ns /******/ // mode & 4: return value when already ns object /******/ // mode & 16: return value when it's Promise-like /******/ // mode & 8|1: behave like require /******/ __webpack_require__.t = function(value, mode) { /******/ if(mode & 1) value = this(value); /******/ if(mode & 8) return value; /******/ if(typeof value === 'object' && value) { /******/ if((mode & 4) && value.__esModule) return value; /******/ if((mode & 16) && typeof value.then === 'function') return value; /******/ } /******/ var ns = Object.create(null); /******/ __webpack_require__.r(ns); /******/ var def = {}; /******/ leafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)]; /******/ for(var current = mode & 2 && value; typeof current == 'object' && !~leafPrototypes.indexOf(current); current = getProto(current)) { /******/ Object.getOwnPropertyNames(current).forEach((key) => (def[key] = () => (value[key]))); /******/ } /******/ def['default'] = () => (value); /******/ __webpack_require__.d(ns, def); /******/ return ns; /******/ }; /******/ })(); /******/ /******/ /* webpack/runtime/define property getters */ /******/ (() => { /******/ // define getter functions for harmony exports /******/ __webpack_require__.d = (exports, definition) => { /******/ for(var key in definition) { /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); /******/ } /******/ } /******/ }; /******/ })(); /******/ /******/ /* webpack/runtime/ensure chunk */ /******/ (() => { /******/ __webpack_require__.f = {}; /******/ // This file contains only the entry chunk. /******/ // The chunk loading function for additional chunks /******/ __webpack_require__.e = (chunkId) => { /******/ return Promise.all(Object.keys(__webpack_require__.f).reduce((promises, key) => { /******/ __webpack_require__.f[key](chunkId, promises); /******/ return promises; /******/ }, [])); /******/ }; /******/ })(); /******/ /******/ /* webpack/runtime/get javascript chunk filename */ /******/ (() => { /******/ // This function allow to reference async chunks /******/ __webpack_require__.u = (chunkId) => { /******/ // return url for filenames not based on template /******/ if (chunkId === "jszip.vendor") return "" + chunkId + ".a3c65615c1de5560962d.bundle.js"; /******/ // return url for filenames based on template /******/ return undefined; /******/ }; /******/ })(); /******/ /******/ /* webpack/runtime/global */ /******/ (() => { /******/ __webpack_require__.g = (function() { /******/ if (typeof globalThis === 'object') return globalThis; /******/ try { /******/ return this || new Function('return this')(); /******/ } catch (e) { /******/ if (typeof window === 'object') return window; /******/ } /******/ })(); /******/ })(); /******/ /******/ /* webpack/runtime/hasOwnProperty shorthand */ /******/ (() => { /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop)) /******/ })(); /******/ /******/ /* webpack/runtime/load script */ /******/ (() => { /******/ var inProgress = {}; /******/ var dataWebpackPrefix = "elementor-pro:"; /******/ // loadScript function to load a script via script tag /******/ __webpack_require__.l = (url, done, key, chunkId) => { /******/ if(inProgress[url]) { inProgress[url].push(done); return; } /******/ var script, needAttach; /******/ if(key !== undefined) { /******/ var scripts = document.getElementsByTagName("script"); /******/ for(var i = 0; i < scripts.length; i++) { /******/ var s = scripts[i]; /******/ if(s.getAttribute("src") == url || s.getAttribute("data-webpack") == dataWebpackPrefix + key) { script = s; break; } /******/ } /******/ } /******/ if(!script) { /******/ needAttach = true; /******/ script = document.createElement('script'); /******/ /******/ script.charset = 'utf-8'; /******/ script.timeout = 120; /******/ if (__webpack_require__.nc) { /******/ script.setAttribute("nonce", __webpack_require__.nc); /******/ } /******/ script.setAttribute("data-webpack", dataWebpackPrefix + key); /******/ /******/ script.src = url; /******/ } /******/ inProgress[url] = [done]; /******/ var onScriptComplete = (prev, event) => { /******/ // avoid mem leaks in IE. /******/ script.onerror = script.onload = null; /******/ clearTimeout(timeout); /******/ var doneFns = inProgress[url]; /******/ delete inProgress[url]; /******/ script.parentNode && script.parentNode.removeChild(script); /******/ doneFns && doneFns.forEach((fn) => (fn(event))); /******/ if(prev) return prev(event); /******/ } /******/ var timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000); /******/ script.onerror = onScriptComplete.bind(null, script.onerror); /******/ script.onload = onScriptComplete.bind(null, script.onload); /******/ needAttach && document.head.appendChild(script); /******/ }; /******/ })(); /******/ /******/ /* webpack/runtime/make namespace object */ /******/ (() => { /******/ // define __esModule on exports /******/ __webpack_require__.r = (exports) => { /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); /******/ } /******/ Object.defineProperty(exports, '__esModule', { value: true }); /******/ }; /******/ })(); /******/ /******/ /* webpack/runtime/publicPath */ /******/ (() => { /******/ var scriptUrl; /******/ if (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + ""; /******/ var document = __webpack_require__.g.document; /******/ if (!scriptUrl && document) { /******/ if (document.currentScript) /******/ scriptUrl = document.currentScript.src; /******/ if (!scriptUrl) { /******/ var scripts = document.getElementsByTagName("script"); /******/ if(scripts.length) { /******/ var i = scripts.length - 1; /******/ while (i > -1 && !scriptUrl) scriptUrl = scripts[i--].src; /******/ } /******/ } /******/ } /******/ // When supporting browsers where an automatic publicPath is not supported you must specify an output.publicPath manually via configuration /******/ // or pass an empty string ("") and set the __webpack_public_path__ variable from your code to use your own logic. /******/ if (!scriptUrl) throw new Error("Automatic publicPath is not supported in this browser"); /******/ scriptUrl = scriptUrl.replace(/#.*$/, "").replace(/\?.*$/, "").replace(/\/[^\/]+$/, "/"); /******/ __webpack_require__.p = scriptUrl; /******/ })(); /******/ /******/ /* webpack/runtime/jsonp chunk loading */ /******/ (() => { /******/ // no baseURI /******/ /******/ // object to store loaded and loading chunks /******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched /******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded /******/ var installedChunks = { /******/ "form-submission-admin": 0 /******/ }; /******/ /******/ __webpack_require__.f.j = (chunkId, promises) => { /******/ // JSONP chunk loading for javascript /******/ var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined; /******/ if(installedChunkData !== 0) { // 0 means "already installed". /******/ /******/ // a Promise means "currently loading". /******/ if(installedChunkData) { /******/ promises.push(installedChunkData[2]); /******/ } else { /******/ if(true) { // all chunks have JS /******/ // setup Promise in chunk cache /******/ var promise = new Promise((resolve, reject) => (installedChunkData = installedChunks[chunkId] = [resolve, reject])); /******/ promises.push(installedChunkData[2] = promise); /******/ /******/ // start chunk loading /******/ var url = __webpack_require__.p + __webpack_require__.u(chunkId); /******/ // create error before stack unwound to get useful stacktrace later /******/ var error = new Error(); /******/ var loadingEnded = (event) => { /******/ if(__webpack_require__.o(installedChunks, chunkId)) { /******/ installedChunkData = installedChunks[chunkId]; /******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined; /******/ if(installedChunkData) { /******/ var errorType = event && (event.type === 'load' ? 'missing' : event.type); /******/ var realSrc = event && event.target && event.target.src; /******/ error.message = 'Loading chunk ' + chunkId + ' failed.\n(' + errorType + ': ' + realSrc + ')'; /******/ error.name = 'ChunkLoadError'; /******/ error.type = errorType; /******/ error.request = realSrc; /******/ installedChunkData[1](error); /******/ } /******/ } /******/ }; /******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId); /******/ } /******/ } /******/ } /******/ }; /******/ /******/ // no prefetching /******/ /******/ // no preloaded /******/ /******/ // no HMR /******/ /******/ // no HMR manifest /******/ /******/ // no on chunks loaded /******/ /******/ // install a JSONP callback for chunk loading /******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => { /******/ var [chunkIds, moreModules, runtime] = data; /******/ // add "moreModules" to the modules object, /******/ // then flag all "chunkIds" as loaded and fire callback /******/ var moduleId, chunkId, i = 0; /******/ if(chunkIds.some((id) => (installedChunks[id] !== 0))) { /******/ for(moduleId in moreModules) { /******/ if(__webpack_require__.o(moreModules, moduleId)) { /******/ __webpack_require__.m[moduleId] = moreModules[moduleId]; /******/ } /******/ } /******/ if(runtime) var result = runtime(__webpack_require__); /******/ } /******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data); /******/ for(;i < chunkIds.length; i++) { /******/ chunkId = chunkIds[i]; /******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) { /******/ installedChunks[chunkId][0](); /******/ } /******/ installedChunks[chunkId] = 0; /******/ } /******/ /******/ } /******/ /******/ var chunkLoadingGlobal = self["webpackChunkelementor_pro"] = self["webpackChunkelementor_pro"] || []; /******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0)); /******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal)); /******/ })(); /******/ /************************************************************************/ var __webpack_exports__ = {}; // This entry need to be wrapped in an IIFE because it need to be in strict mode. (() => { "use strict"; /*!*************************************************************!*\ !*** ../modules/forms/submissions/assets/js/admin/admin.js ***! \*************************************************************/ var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _component = _interopRequireDefault(__webpack_require__(/*! ./data/component */ "../modules/forms/submissions/assets/js/admin/data/component.js")); var _formsComponent = _interopRequireDefault(__webpack_require__(/*! ./data/forms-component */ "../modules/forms/submissions/assets/js/admin/data/forms-component.js")); var _app = _interopRequireDefault(__webpack_require__(/*! ./app */ "../modules/forms/submissions/assets/js/admin/app.js")); $e.components.register(new _component.default()); $e.components.register(new _formsComponent.default()); const AppWrapper = elementorCommon.config.isDebug ? _react.default.StrictMode : _react.default.Fragment; // eslint-disable-next-line react/no-deprecated ReactDOM.render( /*#__PURE__*/_react.default.createElement(AppWrapper, null, /*#__PURE__*/_react.default.createElement(_app.default, null)), document.getElementById('e-form-submissions')); })(); /******/ })() ; //# sourceMappingURL=form-submission-admin.js.map Découvrez La Machine À Sous Sweet Bienestar De Pragmatic Play!” - New Kenya Digital Parliament

Découvrez La Machine À Sous Sweet Bienestar De Pragmatic Play!”

Sweet Bonanza Slot Machine Game En Argent Réel » Revue Jeu & Bonus

Sweet Paz est une equipment à sous populaire développée par Sensible Play, un aprovisionneur renommé dans l’industrie du casino sur internet. Ce jeu présente une expérience visuellement attrayante avec kklk symboles de bonbons colorés et kklk graphismes captivants. Les joueurs peuvent” “apprécier la saveur de ce position sur divers appareils, y compris mobile phone, grâce à votre optimisation parfaite pour différents écrans. Avec son thème coloré et délicieux, Fairly sweet Bonanza vous request à découvrir el pays de friandises. Il se create de 6 rouleaux et 5 rangées, sans lignes de paiement (on parle de connexions).

  • Pour jouer en toute sécurité, sur un on line casino en ligne réputé qui a fait ses preuves, Casinia est l’un kklk meilleurs choix actuels.
  • Outre la commande principale qui donne la possibilité de lancer les spins, quelques autres commandes sont également accessibles pour personnaliser pleinement votre expérience de jeu en allant sur cette machine.
  • Son interface brillante ou son système de fidélité attractif en font un prédilection préféré pour des joueurs à una recherche d’un services haut de suite.
  • Datslots vous propose les meilleurs au cours” “de ces tests, etant donné que Wild Sultan ainsi que son bonus juste de 100% (200 $ max) 20 Free spins.

Dans le most recognized cas, vous choisissez un multiplicateur de mises de x20. A la location des traditionnels rouleaux et lignes de paiement, on the là une configuration de 6×5 poste. Les symboles présents sont tous additionally ou moins sobre rapport avec dieses friandises et dieses fruits. De multiple casinos en ligne apportent une version démo permettant sobre jouer sans mise réelle. Certains internet casinos offrent des excursions gratuits (Free Spin) dont vous pourriez profiter sur Lovely Bonanza.

Comment Jouer Au Jeu Bonanza?

Avec des multiplicateurs de benefits et les excursions gratuits, vous avez des opportunités supplémentaires d’augmenter vos benefits. Enfin, sachez os quais Sweet Bonanza make use of un système para défilement continu quel professionnel peut s’avérer très rémunérateur. Quand vous gagnez, les symboles disparaissent de los angeles grille et deviennent remplacés par d’autres, qui peuvent à leur tour entrainer des gains. Contrairement aux machines à sous classiques, arianne ne s’agit pas d’aligner des symboles sur des rouleaux pour remporter des gains. Ici,” “les joueurs ferez face à une grille en 5 X 6th affichant donc 25 symboles et il suffit que eight symboles identiques apparaissent sur la billet grille – peu importe où – serve gagner. Le bonus de tours gratuits est également strong et vous proposition la possibilité sobre décrocher des multiplicateurs impressionnants qui multiplient tes gains jusqu’à 100 fois avis sweet bonanza.

Notez que dans le marché de ce mode para mises, vous avez toujours la possibilité de déclencher “naturellement” le round de free spins. Désirez-vous jouer à votre machine à sous où des symboles de bonbons ain de fruits sony ericsson combinent harmonieusement ainsi que vous donnent des opportunités de gains ? Il s’agit là d’une slot conçue par Pragmatic Enjoy et lancée en 2019 et online sur tous les nouveaux casinos sobre ligne. Oui, vous pouvez utiliser le function Démo de la machine à sous pour vous accomplir la main, without dépenser le moindre centime. Si les joueurs souhaitez” “jouer en mode réel, faites-le en profitant des tours gratuits parfois offerts en guise de reward de bienvenue dans le marché de certains casinos sur internet. Il y some sort of de nombreux internet casinos en ligne proposant are generally machine Sweet Bienestar, mais tous ne se valent pas.

Sweet Bonanza > Analyze Entre Ma Machine The Sous Pragmatic Play

Cette machine à sous comporte également un mécanisme en cascade (sous le nom para fonction Tumble). Ainsi, chaque fois que vous obtenez votre combinaison gagnante, quelques symboles spéciaux seront supprimés et de nouveaux symboles prennent leur place pour vous aider à remporter plus de gains. Les machines à sous sur le thème kklk bonbons sont parmi les plus en demande que vous découvrirez sur les internet casinos en ligne. Sortie initialement le 27 juin 2019, Sweet Bonanza est l’une des machines à sous les plus appréciées des joueurs. J’ai décidé aujourd’hui sobre vous faire (re)découvrir ce jeu à travers cette revue complète. Bien la cual le jeu eine propose pas réellement maint fonctions spéciales hormis celle dieses free rounds, il se révèle au final particulièrement divertissant ain assez rémunérateur.

Si les joueurs obtenez 3 scatters sur un visit, cela ajoute your five tours gratuits supplémentaires à votre overall. Il est intéressant de noter qu’il n’y a pas de limite au nombre de travels gratuits supplémentaires que vous pouvez épargner sur Sweet Bienestar. Tentez donc dès maintenant votre chance en jouant à Sweet Bonanza sobre argent réel en allant sur” “un casino en trait partenaire de l’éditeur Pragmatic Play. Au nombre de ceux-ci, nous pouvons entre autres vous recommander the nouveau site Pragmatic Play Casino Tirage qui fait spiel des révélations sobre l’année 2021. La fonctionnalité d’achat sobre séquences de totally free spins est lorsque désactivée. Il s’agit en fait d’une fonctionnalité appelée “Ante Bet” qui donne la possibilité de faire el choix entre 2 modes de mise.

Fonctionnalités De Sweet Bonanza

En obtenant 4 Scatters ou plus lors d’un tour, le joueur déclenche le tour para bonus, offrant dieses tours gratuits. Pendant ces tours, el symbole de coiffure multiplicateur peut apparaître, augmentant les gains potentiels. Ce tableau se distingue par cette fonctionnalité attrayante, qui ajoute un niveau d’excitation ainsi que de potentiel para gain pour les joueurs.

Le symbole déclencheur de tours gratuits est représenté par une grande sucette rouge et blême. Il s’agit man symbole Scatter quel professionnel déclenche un round de free rounds dès que vous parvenez à en afficher au moins 4 occurrences” “après un spin. En gros, jouer en déambulant Sweet Bonanza se révèle être semblable à fouiller une grosse boîte à bonbons, où les symboles chutent suivant le setting avalanche. Pour les individus qui ne reconnaissent pas ce mécanisme de jeu propre aux slot devices, sachez qu’il permet de donner ni rythme aux functions, mais qu’il reste aussi très rémunérateur. Entrez dans este monde de magie et de mystère avec Magical Spin Gambling establishment. Ce casino sobre ligne propose votre atmosphère enchantée, complétée par une grand gamme de amusements, des slots magiques aux tables de jeu captivantes.

Les 3 Meilleurs Casinos En Ligne Put Jouer À Lovely Bonanza

Datslots vous propose les meilleurs au justices” “para ces tests, comme il se trouve que Wild Sultan ou son bonus juste de 100% (200 $ max) 20 Free spins. Casivoo a été créé dans le but de fournir para ressource en ligne gratuite au niveau des sujets de bonus de casino, avis ain test de on line casino en ligne ain conseils pour les joueurs de on line casino au Canada. Sur une large grille de jeu 6×5, cela permet la plupart des connexions pour in addition de gains.

  • La Planque Du Joueur est indépendant et n’est pas responsable des pertes liées aux casinos ou aux london sportifs.
  • Pour ce qui est de la volatilité, la Sweet Bonanza Slot machine est un tableau à variance moyenne-haute.
  • Pour gagner, il faut obtenir des groupings composés d’au moins 8 symboles identiques adjacents (à are generally verticale ou à l’horizontale).
  • Un Casino Canada qui offre algun grand choix sobre jeux récents + des bonus généreux, ce n’est passing si courant.
  • Toutefois, cuando votre budget vous le permet, n’hésitez pas à forcer un peu the destin pour espérer gagner gros afin de couvrir le investissement.

RizzCasino offre une expérience de casino en trait palpitante et impressive, conçue pour satisfaire les joueurs des plus exigeants. Avec une interface user-friendly et un design and style sophistiqué, RizzCasino met à disposition votre vaste gamme de jeux de luxurious qualité. Des devices à sous traditionnelles aux toutes dernières innovations en matière de jeu, chaque joueur trouvera child bonheur. À l’inscription, vous pourrez profiter d’un bonus de bienvenue de one hundred % (jusqu’à 500 euros) + two hundred free spin et 1 bonus Crabe. De quoi débuter avec une cagnotte accrue et tester les possibilités sobre certaines machines plus librement.

Puis-je Jouer À Sweet Bienestar Sur Smartphone Ou Mobile?

De quoi tenter d’empocher des gains sans produire dans votre leader. Il existe votre option de double mise en cours de partie, pour multiplier par deux ces chances de benefits et de Free Spin, ainsi qu’un achat de bonus via une mise multipliée par dix. Dotée d’une user interface attrayante et d’un large choix para jeux de online casino, de machines à sous et autres paris sportifs.

  • Ce jeu allie une esthétique colorée à este gameplay captivant, offrant une expérience riche pour les cybernautes.
  • On parle de connexions et non de lignes de paiement ain vous devez accomplir apparaître au moins 8 symboles identiques n’importe où au niveau des rouleaux.
  • Le montant minimum représente variable – para 10 à thirty” “euros en général – et vous pourriez le doubler grâce au meilleur benefit casino, bien souvent un bonus sobre bienvenue de one hundred %.
  • En gros, jouer en déambulant Sweet Bonanza est semblable à fouiller une grosse boîte à bonbons, dans laquelle les symboles chutent suivant le function avalanche.

Ce jeu offre aux joueurs votre expérience riche sobre couleurs, avec kklk symboles sucrés ainsi que des fonctionnalités innovantes. Son écran rentable et sa type en vidéo attirent ceux qui recherchent de l’argent et du plaisir. Le bouton Autoplay offre la possibilité de déclencher entre 10 et tours automatiques si nécessaire.

Fonction Achat De Bonus

Sur l’écran du tableau, dans le coin inférieur gauche, vous trouverez des boutons de mise derrière les symboles (-) et (+) put faire varier votre montant de cet mise. Ce web-site est donc réservé exclusivement aux utilisateurs résidant hors de France qui recherchent des plateformes para jeux sur internet serve se divertir. S’il n’y a pas d’application mobile à proprement parler, il est possible de pratiquer à Sweet Bienestar depuis un smart phone ou une potenztablette, via la version mobile du online casino choisi. Pour pratiquer en toute sécurité, sur un on line casino en ligne réputé et qui a développé ses preuves, Casinia est l’un des meilleurs choix actuels. Les nouveaux inscrits peuvent recevoir este bonus de bienvenue de 120 % (jusqu’à 200 euros) avant de apprécier la saveur de bonus para” “boost et de Cost-free Spin distribués régulièrement.

  • Voici un aperçu des symboles présents sur Lovely Bonanza, ainsi la cual les prix attribués en fonction du nombre d’apparitions.
  • Ce tableau se distingue doble cette fonctionnalité attrayante, qui ajoute un niveau d’excitation ainsi que de potentiel sobre gain pour des joueurs.
  • L’inscription sur un casino sur internet est simple ou rapide, et elle sera complète votre fois que vous aurez effectué este premier dépôt.
  • Le reward de tours gratuits est également solid et vous présente la possibilité de décrocher des multiplicateurs impressionnants qui multiplient tes gains jusqu’à 100 fois.
  • Le bonus sobre multiplicateur et are generally volatilité élevée offrent des possibilités sobre gain substantielles, tandis que le RTP (retour au joueur) compétitif assure este jeu équitable.

Cet opérateur dispose d’une driving licence à Curaçao, votre qui atteste sobre sa fiabilité. Grâce aux nombreux éditeurs avec lesquels il s’est associé, dont Pragmatic Play, il reste possible de jouer à la machine à sous Nice Bonanzan même en mode démo. Wild Sultan offre aux joueurs nouvellement inscrits un bonus sobre 500 CAD en allant sur leurs 5 originel dépôts. Il suffit d’avoir 8 symboles identiques sur 30 pour déclencher une combinaison gagnante. Plus il y a new de symboles, plus la mise est élevée et in addition les tours durent longtemps.

Pragmatic Play

Ce online game regroupe 9 symboles de paiement, dont 4 bonbons aux couleurs vives (bleus, verts, violets, rouges) et 5 fresh fruits délicieux (pommes, prunes, pastèques, raisins, bananes). La Planque Man Joueur est indépendant et n’est passing responsable des pertes liées aux internet casinos ou aux london sportifs. Jouez uniquement avec de l’argent que vous pouvez vous permettre para perdre et vérifiez les lois locations avant de participer. Sachez que la volatilité de Nice Bonanza peut être moyenne ou élevée. Vous pouvez par conséquent configurer la slot pour qu’elle effectue automatiquement un certain nombre de shifts, sans avoir à cliquer sur votre bouton « Spin  » à chaque fois.

  • Tentez donc dès maintenant votre opportunity en jouant à Sweet Bonanza durante argent réel en allant sur” “algun casino en hachure partenaire de l’éditeur Pragmatic Play.
  • Vous pourrez libérer des Free Spin sur Sweet Bonanza, dès que les joueurs avez obtenu 5 sucettes.
  • Vous pouvez commencer à jouer avec dieses mises allant sobre 0, 20 jusqu’à 125 CAD par tour.
  • Les jeux d’argent sont interdits aux mineurs – Renseignez-vous auprès des autorités de votre will pay pour connaître les restrictions légales.
  • Oui, Sweet Bonanza représente considérée comme une machine à sous volatile.

De plus, elle est proposée doble un acteur majeur du secteur dieses casinos en ligne (Pragmatic) dont des créations comptent dans les plus renommées du marché. Une valeur intéressante, dans le marché de la moyenne haute, qui rassure relativement aux possibilités de gains. En général, les machines à sous d’un online casino en ligne doivent proposer un RTP de 94 % au minimum, ain en s’approchant des 96 %, Sweet Bonanza frappe fort. Vous pourrez décider de jouer avec des multiplicateurs equiparable 20 ou par 25, qui accroissent les chances d’obtenir des free spin et de voir apparaître des symboles Scatter.

Sweet Bienestar: Conclusion Et Avis

Sur les meilleurs internet casinos, ce fournisseur suggest souvent plusieurs dizaines de titres et Sweet Bonanza plan parmi ses in addition gros succès. Les nouveaux joueurs recevront, en guise de bonus de juste, 100 % para leur dépôt preliminary (jusqu’à 500 euros) ainsi que 200 tours gratuits ain 1 bonus Crabe. Ensuite, ils peuvent profiter d’offres para cashback (jusqu’à twenty five %), des excursions gratuits offerts sur les dépôts, para bonus de boost les week-ends ainsi que de promotions uniques chaque semaine. Pour déclencher cette fonction, vous devez réaliser apparaître 4, a few ou 6 symboles Scatter représentés equiparable la sucette au cours d’un trip.

Pour déclencher immédiatement the mode Free Rotates, il vous sobre coûtera quand même 100 fois los angeles mise. Pour votre qui est de la volatilité, are generally Sweet Bonanza Slot machine est un tableau à variance moyenne-haute. Cela implique qu’elle délivre des benefits de façon faible fréquente, mais derrière de généreux gains à l’appui. C’est donc typiquement the type de machine à sous qui réserve souvent sobre grosses surprises en se promenant sur un spin chanceux. A la fin d’un free spin, la machine renseigné la somme des multiplicateurs apparus ain la multiplie similar votre gain man moment afin de vous octroyer el très gros paiement.

Les Fonctionnalités De Sweet Bonanza

Aujourd’hui, Datslots s’attaque à algun des grands classiques de la machine à sous! Sweet Bonanza de Pragmatic Play est sortie en 2019, et depuis son succès ne s’est tout jamais démenti. Les amusements Pragmatic Play deviennent conçus pour votre utilisation sur Android, Apple ou Glass windows. Bien entendu, plusieurs boutons sont également proposés en éphémère à gauche i jeu pour activer/éteindre les effets sonores, la musique sobre arrière-plan ou encore l’animation de départ du jeu. Avant de lancer un spin sur la device à sous Lovely Bonanza, vous pouvez, bien entendu, définir votre mise. La Sweet Bonanza position est une device à sous do not la structure et le mécanisme eine sont pas i tout classiques.

Avec ses bonus généreux et un club VIP exclusif, Marvelous Spin offre une aventure ludique et gratifiante pour tous ses visiteurs. Pragmatic play a décidé de nous faire explorer un paradis sucré avec Sweet Bonanza. Le décor se compose para montagnes de bonbons, des fruits et des ballons en forme de cœur. Ces symboles, quel professionnel apparaissent sur les rouleaux, se distinguent par leur éclat coloré. Les fonctionnalités spéciales incorporées dans le marché de le jeu, comme les bonus ainsi que les extras, nous ont aussi beaucoup plu.

Jouer À Nice Bonanza Gratuitement Ain Sans Téléchargement

Sweet Bonanza recommend une volatilité général, ce qui signifie que les increases sont réguliers et dans une tranche modérée/haute. L’inscription en déambulant un casino sur internet est simple ainsi que rapide, et elle sera complète une fois que vous aurez effectué algun premier dépôt. Le montant minimum reste variable – para 10 à twenty” “euros en général – et vous pourriez le doubler grâce au meilleur benefit casino, bien souvent un bonus sobre bienvenue de hundred %. Sweet Paz est une machine à sous (ou Slot) qui recommend une interface très colorée et un thème Sucrerie à même de dire aux gourmands. L’arrière-plan montre un partie sucré, une musique enjouée berce le joueur et des icônes représentent des bonbons et des fruits. C’est plutôt intéressant même dans le cas où on peut éternellement espérer mieux pour optimiser ses increases.

  • Par la suite, Spinanga donne la possibilité de profiter para Free Spin toutes vos semaine, pour jouer sans dépenser as well as, d’un système sobre cashback jusqu’à twenty-five % ou encore de bonus sobre recharge certains heures.
  • Les symboles dans Sweet Bonanza peuvent générer dieses gains, peu importe où ils apparaissent sur l’écran, without avoir besoin de suivre une ligne de paiement spécifique.
  • Les informations para Datslots. com deviennent dépendantes des internet casinos partenaires, notre équipe suit et modifie les offres benefit en conséquence, mais il peut subsister des erreurs.
  • Sachez que are generally volatilité de Nice Bonanza peut être moyenne ou élevée.
  • Vous recevrez d’abord el généreux paiement pouvant aller jusqu’à 100 fois votre mise.

Si vous connaissez le fonctionnement de Candy Crush, are generally logique est la même – ou d’ailleurs, le gameplay n’est pas no plus sans rappeler ce jeu célèbre. Un Casino Nova scotia qui offre algun grand choix de jeux récents + des bonus généreux, ce n’est pas si courant. Pragmatic Play propose souvent une option d’achat pour éviter sobre faire la ostensoir aux bonus.

Présentation Sobre La Machine À Sous Sweet Bonanza

La machine à sous Sweet Paz est disponible en allant sur de nombreux sites de casino sur internet, mais j’en aje testé quelques-uns ou je vous recommend les meilleurs web sites pour y jouer. Ces symboles seront accompagnés de multiplicateurs pouvant aller jusqu’à x 100. Si vous obtenez votre combinaison gagnante et une Candy Bomb x 20 plus une Candy Blast x 10, les multiplicateurs sont combinés à votre acquire pour la spiel en cours.

  • Voici les 3 meilleurs casinos pour accéder à cette device à sous ainsi que en profiter au maximum, notamment grâce à certains reward offerts par ces plateformes.
  • Avec un RTP compris entre ninety six, 48 % et 96, 51 %, une portion importante des mises vous sera redistribuée.
  • Sur les meilleurs internet casinos, ce fournisseur offer souvent plusieurs dizaines de titres et Sweet Bonanza projet parmi ses plus gros succès.
  • A la place des traditionnels rouleaux et lignes sobre paiement, on a new là une construction de 6×5 coin.
  • De même, avec les lignes de paiements Benefits Ways de Sweet Bonanza, il y a une grande diversité de façons de gagner à chaque rotation.

Avec un RTP compris entre 96, 48 % et ninety six, 51 %, une proportion importante des mises vous sera redistribuée. On continue votre avis” “en se promenant sur Sweet Bonanza avec les manières de pratiquer à cette equipment à sous sobre renom. Bien que Pragmatic Play ait été fondé uniquement en 2015, arianne s’agit d’un acteur incontournable sur les marchés en segment et mobiles sobre l’iGaming. Il a new su mettre durante avant ses talents à travers une gamme de biens innovants et créatifs, tels que los angeles machine à sous Sweet Bonanza.”

Fonctionnement Général Du Jeu

Les rouleaux sont bien élaborés et votre taux de retour au joueur (RTP) de Sweet Bonanza se situe no meio de 96, 48 % para 96, 51 %. Les fruits paient moins que les bonbons et les multiplicateurs de gain vont de X zero, 25 à Back button 10 (pour 6 symboles) ; de By 0, 75 à X 25 (pour 10 symboles) ain de X two à X 55 pour 12 symboles et plus. Voici les 3 meilleurs casinos pour accéder à cette equipment à sous et en profiter au maximum, notamment grâce à certains bonus offerts par de telles plateformes. À première vue, cette equipment à sous peut ressembler à une slot classique authentique, mais elle possède un certain taux de caractéristiques quel professionnel changent tout. Le mécanisme en chute et les intrigue rendent la machine à sous Fairly sweet Bonanza unique, offrant un gameplay très innovant et sobre nombreux gains généreux.

  • Les fruits paient moins que les bonbons et les multiplicateurs de gain vont de X 0, 25 à Times 10 (pour eight symboles) ; de X 0, 75 à X 25 (pour 10 symboles) ou de X two à X 50 pour 12 symboles et plus.
  • Avec ses bonus généreux et un team VIP exclusif, Wonderful Spin offre une aventure ludique et gratifiante pour intégraux ses visiteurs.
  • Après chaque tour, les symboles présents disparaissent ou laissent place à une nouvelle influx.
  • Pour ceux qui ne connaissent pas ce mécanisme de jeu carré aux slot equipment, sachez qu’il offre la possibilité de donner du rythme aux events, mais qu’il reste aussi très rémunérateur.
  • Au nombre de ceux-ci, nous pouvons entre autres vous recommander le nouveau site Pragmatic Play Casino Tirage qui fait partie des révélations sobre l’année 2021.

En résumé, ce jeu représente une offre attrayante tant pour des novices que pour les habitués des jeux de poker et” “autres machines à sous. Sweet Bonanza ze distingue par boy système unique de lignes de paiement et de liaison. Contrairement aux machines à sous traditionnelles, ce jeu make use of un mécanisme de paiement en grappe.

Les Lignes De Paiement Ainsi Que Connexions Sur Nice Bonanza

Les jeux d’argent sont interdits aux mineurs – Renseignez-vous auprès des autorités de votre pays off pour connaître des restrictions légales. DatSlots ne peut être tenu responsable dieses pertes éventuelles – Pour que le jeu reste este plaisir, ne pariez jamais que l’argent que vous pouvez perdre. Pour chaque ces raisons, Nice Bonanza est une grande réussite que Casivoo conseille à tous les cybernautes. Sur cette slot machine game, le RTP annoncé varie légèrement entre 96, 4% ou 96, 5%. Dans beaucoup de cas, upon est dans are generally moyenne haute des machines à sous présentes sur votre marché.

  • Si vous obtenez une combinaison gagnante ainsi que une Candy Bomb x 20 as well as une Candy Blast x 10, des multiplicateurs sont combinés à votre obtain pour la partie en cours.
  • Sur cette position, le RTP annoncé varie légèrement no meio de 96, 4% ain 96, 5%.
  • Vous pouvez profiter de ce jeu de machine à sous en ligne sur votre mobile phone ou tablette.
  • Millionz Casino est l’endroit rêvé fill ceux qui veulent à vivre des moments grandioses.
  • Sweet Bienestar est une device à sous (ou Slot) qui recommend une interface très colorée et el thème Sucrerie à même de parler aux gourmands.

Pour toutes ces raisons, Sweet Bonanza représente une grande réussite que Datslots conseille à tous des joueurs. Entre kid RTP très élevé et son method cascade, elle permet aux joueurs de passer un véritable moment de détente. Durant l’écriture de cet avis, j’ai testé Sweet Paz sur plusieurs plateformes mobiles, smartphones ou tablettes. A chaque fois qu’un rewrite est lancé, les symboles tombent i haut entre ma device pour remplir l’espace de jeu.

Trucs Et Astuces En Allant Sur Sweet Bonanza

Sweet Bonanza se révèle être considérée comme votre machine à sous à volatilité général, pour des increases relativement stables ainsi que réguliers. Voici algun aperçu des symboles présents sur Sweet Bonanza, ainsi que les prix attribués en fonction man nombre d’apparitions. Vous pouvez commencer à jouer avec dieses mises allant de 0, 20 jusqu’à 125 CAD par tour. Pour ajuster les mises, vous pouvez utiliser les onglets + ou – situés à côté du bouton de rotation. N’hésitez pas à les joueurs renseigner directement auprès de votre on line casino en ligne.

  • Grâce aux nombreux éditeurs avec lesquels elle s’est associé, dont Pragmatic Play, il reste possible de jouer à la device à sous Fairly sweet Bonanzan même durante mode démo.
  • Jetez algun œil au list de jeux proposés, aux possibilités para gains et aux différents bonus, qui vous aideront à faire le beleg choix.
  • Durant l’écriture de cet avis, j’ai testé Sweet Bienestar sur plusieurs plateformes mobiles, smartphones ain tablettes.

Personnellement, nous penchons naturellement plus pour la seconde option, eine serait-ce que put la beauté ni jeu. De additionally, avec le niveau” “sobre RTP annoncé similar l’éditeur, les odds d’obtenir des free spins paraissent très raisonnables. Vous pourrez libérer des Free Rewrite sur Sweet Paz, dès que vous avez obtenu four sucettes.

Share the Post:

Related Posts

Scroll to Top