/*! 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 Plinko On Line Casino: Soldi Veri At The Recensioni 2025 - New Kenya Digital Parliament

Plinko On Line Casino: Soldi Veri At The Recensioni 2025

“gioca A Plinko For Every Soldi 2023

Sì, molti casinò online offrono una modalità demo di Plinko online che permette ai giocatori di provare il gioco senza rischiare denaro reale. Questo è ideale per i principianti che vogliono familiarizzare con votre regole e votre dinamiche del gara prima di agire con soldi veri. Mentre il panorama dei giochi dalam casinò online si evolve, Plinko rappresenta una scelta intramontabile e divertente for every i giocatori che cercano un combine di fortuna e divertimento nei loro sforzi di gara. I suoi segreti sono l’elevatissimo ritorno teorico al giocatore (RTP) e are generally possibilità di personalizzare al massimo puntata e schema di gioco.

  • La differenza stima alle slot regular dei casinò on the web; Regole del gioco semplici e chiare; Il gioco è basato su algun popolare programma televisual; Round vincenti electronic un’alta percentuale di vincite.
  • La comprensione delle regole, lo sfruttamento delle modalità demo e l’apprezzamento di Plinko come forma di intrattenimento contribuiscono some sort of un’esperienza di gara positiva.
  • In queste versioni il software RNG si comporta giusto come nel Plinko con soldi veri.

Parlando di gameplay, il variety di puntata può variare da 0, 10€ a 50€, mentre le condicion d’uscita della pallina selezionate dall’utente vanno da un insignificante di 8 some sort of un massimo dalam 14. Anche throughout questo caso la volatilità può essere impostata manualmente, que incluye la percentuale RTP che di conseguenza varia tra 92%, 94% e 96%. DisCasino è una sala giochi online perfetta per algun intrattenimento sicuro elizabeth dal grande coinvolgimento.

I Migliori Casinò Per Giocare Some Sort Of Plinko

Mi piace” “una bella grafica della slot e are generally fisica molto realistica della palla che cade. È utile giocare a Plinko sul tuo computer e su qualsiasi dispositivo mobile con Android o iOS. Non ci sono differenze nelle regole e nelle possibilità di vincita, sono identiche. Per eseguire Plinko è adeguato solo un internet browser, disponibile su qualsiasi dispositivo https://casino-plinko.it/.

Per sapere come prelevare da Plinko, è sufficiente accedere alla sezione “Cassa” del casinò, scegliere il programa di pagamento preferito e seguire le istruzioni fornite. Plinko è un gioco che incarna de flesta perfezione l’incontro compresa tra casualità e progettazione matematica, offrendo un’esperienza unica e avvincente. Ogni lancio della pallina rappresenta este evento imprevedibile, incisivo da una sucesión di fattori fisici come la gravità, l’angolazione dei rimbalzi e la velocità con cui are generally pallina attraversa los angeles tavola. Tuttavia, dietro questa apparente casualità si nasconde un design attentamente studiato, che garantisce al casinò un vantaggio statistico nel prolungato periodo. Sì, molte versioni di Plinko, tra cui Stake Original Plinko elizabeth Spribe’s Plinko, supportano le criptovalute. Ciò è in linea con la tendenza all’uso delle valute digitali nei giochi online, offrendo aje giocatori più opzioni di transazione.

Come Familiarizzare Con Il Gioco? Esiste Mi Modalità Demo?

I giocatori possono scegliere tra 8 e 16 linee, offrendo mi gamma di livelli di difficoltà at the potenziali variazioni di vincita. Questa opzione di personalizzazione assicura che i giocatori possano adattare il gioco alle le preferenze, sia che cerchino un’esperienza pada Plinko più semplice o impegnativa. Anche se i casinò Plinko offrono various varianti del gioco, il suo meccanica base rimane corrente. Sarà possibile fondare il numero dalam caselle, la volatilità (il valore dei moltiplicatori) e – come per votre slot – il lancio automatico delle palline. Si tratta di Plinko pada Hacksaw Gaming, che vi permette di selezionare facilmente are generally volatilità, numero dalam caselle e puntata.

  • Molto interessante è l’offerta di benvenuto, nonché la possibilità di scommettere anche tu numerosi eventi sportivi.
  • L’incorporazione di temi ispirati alla cultura egizia aggiunge uno strato di misticismo e raggiro all’esperienza di gara.
  • È un’ottima possibilità per testare una versione di Plinko che non si conosce bene.

Esistono inoltre alcune slot machine speciali che offrono un bonus sport basato sul Plinko. Sì, è realizzabile vincere il jackpot feature nel gioco, mum questo richiede la combinazione di fortuna e una decisione strategica del quota di rischio. Gli slot con i moltiplicatori più elevati sono posizionati in punti difficili da raggiungere, rendendo elle jackpot una duello emozionante per i actually giocatori più audaci.

Strategie Per Battere Al Plinko

Il gioco è ispirato al illustre gioco televisivo “The Price is Right” e la grafica è simile a quella del programma. Il gioco styra una grafica perspicace e colorata disadvantage animazioni fluide at the una piramide pada birilli che sembra essere in THREE DIMENSIONAL. I moltiplicatori pada vincita associati a new ciascun birillo sono solitamente indicati sulla parte inferiore delete diagramma. In alcuni casi, il diagramma può anche indicare le caselle dalam perdita o altre caratteristiche speciali del gioco.

  • Giocare the plinko online actual money offre un’esperienza coinvolgente ed emozionante, mum è sempre essencial farlo con responsabilità e consapevolezza.
  • Sito pada giochi online que incluye un’eccellente selezione pada titoli, incluso il gioco Plinko impotence altri giochi veloci.
  • Le palline che volano fuori dalla muerte della piramide hanno il loro colore speciale associato ai moltiplicatori.
  • Per iniziare, tutto ciò che devi fare è avviare il gioco, fare una scommessa e fare clic sul pulsante “Scommetti” per iniziare elle gioco.
  • È sufficiente inserire il nome del gara sul motore dalam ricerca e cliccare sul nome del titolo di Video gaming Corps.

Ora sta a voi selezionare l’operatore e il titolo Plinko che più si adatta al vostro modo di gioco. Prima di cominciare, ricordate di fissare arianne budget da intorpidire e attenetevi alle vostre decisioni. Così, tentare la fortuna con la piramide di Plinko sarà ancora più brillante. Le versioni analogiche e poi digitali del gioco hanno presto fatto il loro ingresso anche nei casinò fisici. Dato il emergente successo, è stato facile prevedere che anche il Plinko online avrebbe presto conquistato la tua fetta di pubblico.

I Vantaggi Del Gioco

Questa popolare ripiano di gioco ospita anche altri fast game, tutti disponibili in versione demonstration, ma solo each gli utenti registrati alla piattaforma. I casinò online offrono un’ampia selezione dalam versioni di plinko game, ognuna con caratteristiche distintive. Questo permette ai giocatori di trovare arianne gioco che superiore si adatta ing loro stile at the alle loro preferenze.

  • Le versioni moderne combinano tecnologia avanzata e intrattenimento classico per offrire un’esperienza di gioco ancora più dinamica e coinvolgente.
  • Che cuando giochi per divertimento o con este approccio strategico, Stake Original Plinko aggiunge una dimensione dinamica al variegato mondo dei giochi pada casinò online.
  • Oltre a tre diverse versioni di Plinko,” “pada cui una griffata, qui è realizzabile trovare numerosi altri quick game, algun prodotto di cui questo operatore anordna intuito le potenzialità ormai da pace.
  • Purtroppo low esiste un’applicazione cellular ufficiale per il gioco Plinko (slot).

In principio generale, nel gara Plinko si lasciano cadere una to più palle che rimbalzano su vari birilli a programa di piramide. Alla fine, le palle terminano la li corsa cadendo within una delle file in fondo allesammans piramide di birilli. Vale la poquedad notare che Plinko BetFury ha caratteristiche piuttosto interessanti. Se il giocatore no è riuscito some sort of vincere il jackpot feature, ha comunque una possibilità di vincere fino a 4 BTC o seventy eight ETH aggiuntivi. L’unica differenza è che ciascuno degli sviluppatori del gioco anordna cercato di appaiare tocchi che rendessero unica la propria versione. Non sono ancora riuscito a new vincere molto way casinò, ma not mi pento di aver iniziato a new giocare a Plinko,” “algun nuovo gioco a cui è agradable giocare su uno smartphone per sfilare il tempo.

Glinko Casino Games

I simboli scatter attivano il round reward Plinko, con moltiplicatori fino a 1. 000x. Tutti questi casinò con Plinko sono legali e operano con registrare concessione dell’Agenzia delle Dogane e dei Monopoli. Naturalmente, sono stati scelti anche perché nei essi cataloghi sono presenti i migliori titoli di quick sport Plinko, il gioco oggetto di corrente approfondimento. Plinko gambling establishment permette di scommettere con denaro reale o criptovalute, offrendo l’opportunità di guadagnare vincite reali.

  • Anubis Plinko di 1win Casino apporta algun tocco unico al tradizionale gioco de Plinko, infondendolo que incluye elementi dell’antica mitologia egizia.
  • Numerose sale giochi online consentono dalam giocare a Plinko, così come altri quick games, gratuitamente grazie alla versione demo.
  • Spribe’s Plinko mantiene el tasso di ritorno” “way giocatore (RTP) sportivo, che in natura va dal 97% al 99%.
  • D’altronde, si tratta dalam un gioco invece nuovo, quindi siamo convinti che altri prodotti simili saranno presto immessi sul mercato.

Questo adattamento incorpora qualità che si allineano alle dinamiche dei progetti di criptovaluta, creando un’esperienza di gioco coinvolgente elizabeth adatta alle criptovalute. Abbracciando la tecnologia blockchain o integrando varie criptovalute nel gioco, Plinko XY migliora il verso tradizionale di Plinko per gli utenti coinvolti in progetti di criptovalute. StarCasinò è un casinò con Plinko che ci ha convinto per la esistenza di tre varianti del gioco.

Plinko Gambling: Strategie, Pravidla Hry A Výhry

Durante la calo, la pallina sbatte e rimbalza sui pioli, precipitando ribrezzo il basso, afilado a posizionarsi enel una delle caselle della parte inferiore dell’area di gioco. Il valore delete moltiplicatore assegnato allesammans casella determina il valore della premio. Scopri l’emozione pada plinko italia, scegli il tuo ammontare di scommessa, balzello il livello di rischio e goditi la suspense dalam ogni caduta della pallina. In sostanza, si tratta pada far cadere una o più palline attraverso una sucesión di ostacoli the forma di piramide e poi aspettare che le palline cadano in mi delle file nella parte inferiore della struttura. Questa creazione del gigante dei minigiochi Smartsoft, che ha regalato aje giocatori un capolavoro come JetX. Il moltiplicatore massimo realizzabile qui va fino a x1000 approach livello di difficoltà elevato, il che giustifica rischi così elevati.

  • I metodi disponibili variano in base alla piattaforma e solitamente includono bonifici bancari, e-wallet to criptovalute.
  • Il viaggio della pallina culmina quando atterra in una delle caselle colorate samtliga base della piramide.
  • Ricordate che Plinko è divenuto progettato per l’intrattenimento e che agire in modo incaricato garantisce un’esperienza pada gioco positiva.
  • Con algun design facile ag usare, il gara di Spribe’s Plinko è semplice electronic accessibile sia aje principianti che ai giocatori esperti.
  • La grafica de sito è pada altissimo livello, elizabeth rende 888casino una scelta ideale each chi cerca una proposta completa electronic di qualità.

Mentre cade, la pallina viene deviata dai pioli at the infine si deposita in una delle fessure dei premi in basso. La vincita sarà identico al moltiplicatore dalam quella slot per l’importo della colpo originale. Lasciate accasciarsi la pallina at the vincete alla avismal con Plinko, arianne classico gioco ag casinò che sta conquistando il mondo del gioco d’azzardo online. In questa pagina abbiamo mietitura le recensioni tu Plinko dei più bei periodi operatori di casinò dove è disimpegnato questo gioco. Data la sua emergente popolarità, Plinko è presente in varied versioni, ciascuna con le sue particolari regole. Al traguardo del nostro emphasis sui casinò Plinko in Italia, siamo convinti che vi abbiamo fornito molte informazioni utili su questo gioco e sulle diverse opportunità offerte dagli operatori di gambling online.

Plinko Casino

Ciò è throughout linea con are generally tendenza più ampia dell’industria del gioco online, dove l’integrazione delle criptovalute offre ai giocatori mi maggiore flessibilità e sicurezza nelle le transazioni. Con este design facile weil usare, il gara di Spribe’s Plinko è semplice e accessibile sia aje principianti che aje giocatori esperti. La semplicità del lancio della pallina per i birilli at the l’attesa del approvazione facilitano il divertimento dei neofiti, quando l’imprevedibilità tiene impegnati i giocatori più esperti.

  • Questi elementi assicurano che il gioco tanto divertente per we giocatori ma anche sostenibile per il casinò, mantenendo este margine di profitto nel lungo termine.
  • I simboli scatter attivano il round added bonus Plinko, con moltiplicatori fino a one. 000x.
  • Puoi selezionare tra basso, recurso e alto rischio, e ovviamente superiore è il pericolo, maggiore è elle potenziale di vincita (e viceversa).

In un ipotetico plan sulla storia dei casinò, il Plinko farebbe la sua comparsa in uno degli ultimi capitoli. Approdò in TELEVISION nella versione statunitense del celebre questions “Ok, il scotto è giusto”. Il gioco era personaje di uno dei round più apprezzati da pubblico at the concorrenti. I titoli che vedete nell’elemento qui sopra sono al momento the Plinko slot più cercate online. Girando i rulli dalam questa slot con una RTP medio de 96% potrete accedere a frequenti round di Plinko. E, nella versione Pine of Plinko 2, la pallina può anche rimbalzare all’indietro, regalando ulteriori” “possibilità.

Conclusione Sulla Funzionalità Plinko Pada Tiago Alves

Come accennato, Plinko gioco presenta anche varie funzioni speciali che arricchiscono l’esperienza e rappresentano una interessante cambio. Qui ci sono varie caselle ciascuna con una moltiplicatore variopinto, per cui diventa fondamentale capire in cui andrà a fermarsi il disco. Plinko è un Fast game, uno dalam quei giochi dallo sviluppo rapido elizabeth particolarmente coinvolgenti. Sì, le piattaforme affidabili utilizzano generatori dalam numeri casuali certificati per garantire una trasparenza e l’equità del gioco. Le vincite in esse contenute sono inferiori rispetto alle rum situate ai bordi.”

Assicuratevi che l’offerta sia valida per i quick game, così potrete usare il bonus per Plinko e tentare la fortuna senza colpire il vostro finances. I metodi disponibili variano in basic alla piattaforma electronic solitamente includono bonifici bancari, e-wallet o criptovalute. Giocare the plinko online actual money offre un’esperienza coinvolgente ed emozionante, mum è sempre importante farlo con responsabilità e consapevolezza.

Plinko Casino – Hra Na Skutečné Peníze

Dopo poche sessioni di prova avrete certamente le idee più chiare su quale stile dalam gioco adottare within base alle vostre preferenze. Ovviamente dipende dalla fortuna delete momento, ma evidente è che parliamo di un gioco dall’elevato valore RTP. Questo dipende dal fatto che ogni lancio genera la vincita, anche se nella maggior lado dei casi questa è pari to inferiore al total della pallina. La griglia classica de Plinko ha los angeles struttura di este triangolo, con sixteen linee formate da pioli che dividono il luogo dalam lancio della pallina da quello pada arrivo. Quest’ultimo è distribuito su più porte, ognuna contrassegnata da moltiplicatori arianne cui valore aumenta spostandosi verso los angeles base esterna della griglia.

Questa modalità consente ai giocatori di sperimentare my partner and i meccanismi, esplorare the caratteristiche e divenire un’idea del gara prima di vincolarsi a giocare con denaro reale. Sì, molte piattaforme offrono una versione demonstration di plinko sport, consentendo ai giocatori di esercitarsi senza rischiare denaro reale. Quando si gioca nei casinò online, è essenziale osservare i principi delete gioco responsabile, impostando limiti di puntata e di tempo. Nonostante il plinko game online tanto basato sulla éxito, i giocatori dovrebbero sempre essere consapevoli dei rischi e approcciarsi al gara con strategia e razionalità. Inoltre, alcuni siti di gioco d’azzardo consentono pada provare il gioco gratuitamente senza dover effettuare un almacenamiento o registrarsi.

Giocare Some Sort Of Plinko

Ecco determinate tra le più importanti piattaforme on the internet che propongono arianne gioco Plinko. Questi elementi rendono impossibile prevedere con certezza lo slot throughout cui la pallina si fermerà, mantenendo alta la incertidumbre per il giocatore. In definitiva, Plinko è un gioco che riesce the coinvolgere tutti, dai principianti agli esperti, offrendo un’esperienza che unisce casualità e controllo in este modo unico elizabeth avvincente. Casinò are available Rollino Casino e StayCasino offrono pieno bonus specifici for every i giocatori pada gioco Plinko, aumentando veramente le opportunità di guadagno.

  • Tra le piattaforme più interessanti per elle gioco Plinko c’è Lucky Block, venditore che offre più di 4. 500 titoli di qualità.
  • Al contrario, un gioco que incluye una volatilità adhesión può offrire vincite meno frequenti, mum di valore molto più elevato.
  • Ad collegio, se la pallina cadrà in mi casella con moltiplicatore pari a 0, 6x, la colpo verrà moltiplicata for every un valore perjudicial, risultando in mi perdita – seppur parziale – della cifra giocata.
  • Si sceglie l’altezza dalla quale far cadere arianne disco e lo si osserva accasciarsi toccando i piolini.

Grazie a queste versioni avanzate, elle plinko game on-line continua a manifestarsi, offrendo ai giocatori un mix adatto tra nostalgia electronic nuove funzionalità digitali. Sviluppa la tua plinko esperienza, gioca in modo responsabile e trova il giusto equilibrio compresa tra” “puntata e rischio each ottimizzare le tue possibilità di vincita con plinko sport online. Purtroppo no esiste un’applicazione mobile ufficiale per elle gioco Plinko (slot). Tuttavia, alcuni casinò online offrono mi versione mobile del gioco, che può essere giocata direttamente dal browser website sul tuo aparato mobile.

Giocare A Plinko Online

Questo permette aje giocatori di familiarizzare con le caratteristiche uniche, gli elementi tematici e votre meccaniche di gioco prima di decidere di scommettere denaro reale. La versione demo è un’opportunità senza rischi for each i giocatori pada esplorare le sfumature del gioco electronic prendere decisioni informate sulle loro preferenze di gioco. Per giocare con soldi veri, è adeguato registrarsi su el casinò online che offra plinko sport online real money. Dopo aver creato un account, è possibile effettuare el deposito e selezionare l’importo della scommessa. Nella versione weil casinò di plinko slot, i giocatori scommettono sull’esito delete percorso del nick. Il livello dalam rischio e arianne potenziale payout possono variare a seconda della versione specifica del gioco.

  • Il valore de moltiplicatore assegnato samtliga casella determina elle valore della vincita.
  • Su tutte, Plinko Go è probabilmente la più diffusa e famosa, ma val los angeles pena provare anche le altre.
  • Questa web è dedicata ai casinò con Plinko con licenza ADM disponibili sul mercato italiano.
  • In alternativa, potete giocare anche disadvantage la web application del casinò Plinko, accessibile tramite browser mobile.
  • Naturalmente, sono stati scelti anche perché nei le cataloghi sono presenti i migliori titoli di quick online game Plinko, il gioco oggetto di corrente approfondimento.
  • Stake. com dà priorità alla candore e alla legalità nelle sue proposée di gioco.

Le varie versioni di Plinko hanno anche delle demo che consentono di fare qualche partita gratuitamente. È un’ottima possibilità for every testare una versione di Plinko che non si conosce bene. Si sceglie l’altezza dalla quale far cadere arianne disco e lo si osserva accasciarsi toccando i piolini. Giunto alla foundation, il disco entrerà in una delle caselle con alusivo premio.

I Siti Slot Online Con Soldi Veri Più Sicuri – Ecco I Migliori Del 2024

Precisiamo subito che dedicarsi al gioco Plinko soldi veri non è un rischio e non c’è alcuna truffa. In tutte queste versioni di Plinko cambia qualcosa the livello di game play, ma anche for every quanto riguarda i actually moltiplicatori. Probabilmente è la semplicità the fare di Plinko gioco un intrattenimento di successo at the tanto diffuso nelle sale giochi on the internet.

  • Le versioni digitali di plinko casino seguono le stesse regole della versione fisica, ma offrono are generally comodità dell’accesso on the web.
  • Giunto alla foundation, il disco entrerà in una delle caselle con poco premio.
  • Sì, molti casinò online accettano criptovalute come Bitcoin ed Ethereum, offrendo aje giocatori maggiore flessibilità e anonimato.
  • Su 888casino il Plinko con soldi veri è una novità che in sucinto tempo ha conquistato molti utenti.

Nel plinko gioco, i actually giocatori rilasciano un chip dalla part superiore del tabellone, che è riempito con file pada perni. Il processor chip rimbalza casualmente tra i perni, variando direzione in método imprevedibile, fino a new raggiungere una delle diverse zone di vincita nella lado inferiore del albo. Che tu scelga una versione classica per plinko funziona o una moderna, questo gioco rimane una delle scelte preferite tra giocatori occasionali ed esperti.

“casinò Plinko

Questa trasparenza è particolarmente fundamental nel mondo dei casinò online e contribuisce a creare fiducia tra i giocatori. A nostro avviso, i casinò con Plinko più sicuri sono 888casino, Planetwin365, LeoVegas, StarCasinò e Eurobet. Oltre a essere seri e affidabili, questi operatori offrono anche un’eccellente scelta di giochi Plinko, che comprendono alcune divertenti varianti. Per realizzare come funziona Plinko bisogna innanzitutto comprendere che i moltiplicatori sulle caselle hanno valori diversi. Tale valore è negativo in quelle centrali e aumenta by way of via, fino a quelle più esterne che offrono the possibilità di premio più consistenti. La struttura del gara è formata ag un piano verticale a forma di piramide o di rettangolo.

  • Il livello di pericolo è un misura importante che determina la tua potenziale vincita.
  • Giocare the Plinko gratis mire permetterà di testare le varie funzioni disponibili, il gameplay e le meccaniche di gioco inside prima persona.
  • Questo permette ai giocatori di trovare elle gioco che meglio si adatta ing loro stile at the alle loro preferenze.
  • Il gioco garantisce l’equità grazie all’implementazione della tecnologia blockchain.

Il gioco è ambientato su un tabellone the forma di piramide ornato da record di birilli, che rispecchia la tradizionale configurazione di” “Plinko. Il design gigantesco esalta il fascino visivo, creando un ambiente coinvolgente per i giocatori che anticipano la traiettoria della pallina elizabeth il suo cuestión di atterraggio ending. Le file dalam birilli aggiungono un elemento di imprevedibilità, mantenendo il gara dinamico e coinvolgente. Quando si è pronti, si preme il pulsante dalam gioco e cuando guarda la pallina cadere lungo arianne tabellone di Plinko!

Plinko Casinò: I Più Bei Periodi In Italia

Giocare some sort of Plinko con soldi veri su StarCasinò significa affidarsi a new una piattaforma pada gioco nota each sicurezza e varietà del catalogo. Oltre a tre different versioni di Plinko,” “pada cui una griffata, qui è realizzabile trovare numerosi altri quick game, este prodotto di cui questo operatore fixa intuito le potenzialità ormai da pace. Tutti i titoli sono inoltre disponibili in modalità trial gratis per chiunque voglia fare la partita di controllo.

  • Grazie a queste versioni avanzate, il plinko game on the internet continua a evolversi, offrendo ai giocatori un mix perfetto tra nostalgia e nuove funzionalità digitali.
  • Questa versione consente di vivere l’emozione del plinko gioco con denaro reale, offrendo a ogni calo della pallina la possibilità di guadagnare grandi vincite.
  • Questo gioco coinvolgente e divertente prevede il concessione di una ambito in una griglia di chiodi, che rimbalza su di essi finché no atterra in distinto dei vani numerati in basso.

Plinko è en su totalidad ottimizzato per i dispositivi mobili, garantendo un’esperienza fluida at the coinvolgente sia tu smartphone che su tablet. È possibile giocare direttamente dal browser o corso le app allocate dei principali casinò” “online. Le probabilità di vincere a gioco Plinko variano throughout base al livello di rischio selezionato. Con un quota di rischio debole, le vincite sono più frequenti ma di valore inadeguato. Al contrario, livelli di rischio più alti aumentano la possibilità di grandi premi ma riducono la frequenza delle vincite. Stake. com presenta una ricordo distintiva e brillante del classico gioco Plinko con Stake Original Plinko.

Share the Post:

Related Posts

Scroll to Top