(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[23],{ /***/ 119: /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread.js var objectSpread = __webpack_require__(27); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js var objectWithoutProperties = __webpack_require__(16); // EXTERNAL MODULE: external {"this":["wp","element"]} var external_this_wp_element_ = __webpack_require__(0); // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/visually-hidden/utils.js /** * Utility Functions */ /** * renderAsRenderProps is used to wrap a component and convert * the passed property "as" either a string or component, to the * rendered tag if a string, or component. * * See VisuallyHidden hidden for example. * * @param {string|WPComponent} as A tag or component to render. * @return {WPComponent} The rendered component. */ function renderAsRenderProps(_ref) { var _ref$as = _ref.as, Component = _ref$as === void 0 ? 'div' : _ref$as, props = Object(objectWithoutProperties["a" /* default */])(_ref, ["as"]); if (typeof props.children === 'function') { return props.children(props); } return Object(external_this_wp_element_["createElement"])(Component, props); } //# sourceMappingURL=utils.js.map // CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/visually-hidden/index.js /** * Internal dependencies */ /** * VisuallyHidden component to render text out non-visually * for use in devices such as a screen reader. */ function VisuallyHidden(_ref) { var _ref$as = _ref.as, as = _ref$as === void 0 ? 'div' : _ref$as, props = Object(objectWithoutProperties["a" /* default */])(_ref, ["as"]); return renderAsRenderProps(Object(objectSpread["a" /* default */])({ as: as, className: 'components-visually-hidden' }, props)); } /* harmony default export */ var visually_hidden = __webpack_exports__["a"] = (VisuallyHidden); //# sourceMappingURL=index.js.map /***/ }), /***/ 171: /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0); /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(10); /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var _visually_hidden__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(119); /** * External dependencies */ /** * Internal dependencies */ function BaseControl(_ref) { var id = _ref.id, label = _ref.label, hideLabelFromVision = _ref.hideLabelFromVision, help = _ref.help, className = _ref.className, children = _ref.children; return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", { className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('components-base-control', className) }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", { className: "components-base-control__field" }, label && id && (hideLabelFromVision ? Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_visually_hidden__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], { as: "label", htmlFor: id }, label) : Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("label", { className: "components-base-control__label", htmlFor: id }, label)), label && !id && (hideLabelFromVision ? Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_visually_hidden__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], { as: "label" }, label) : Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(BaseControl.VisualLabel, null, label)), children), !!help && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("p", { id: id + '__help', className: "components-base-control__help" }, help)); } BaseControl.VisualLabel = function (_ref2) { var className = _ref2.className, children = _ref2.children; className = classnames__WEBPACK_IMPORTED_MODULE_1___default()('components-base-control__label', className); return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("span", { className: className }, children); }; /* harmony default export */ __webpack_exports__["a"] = (BaseControl); //# sourceMappingURL=index.js.map /***/ }), /***/ 173: /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js var esm_extends = __webpack_require__(11); // EXTERNAL MODULE: external {"this":["wp","element"]} var external_this_wp_element_ = __webpack_require__(0); // EXTERNAL MODULE: ./node_modules/@wordpress/compose/build-module/utils/create-higher-order-component/index.js var create_higher_order_component = __webpack_require__(53); // CONCATENATED MODULE: ./node_modules/@wordpress/compose/build-module/hooks/use-instance-id/index.js /** * WordPress dependencies */ var instanceMap = new WeakMap(); /** * Creates a new id for a given object. * * @param {Object} object Object reference to create an id for. */ function createId(object) { var instances = instanceMap.get(object) || 0; instanceMap.set(object, instances + 1); return instances; } /** * Provides a unique instance ID. * * @param {Object} object Object reference to create an id for. */ function useInstanceId(object) { return Object(external_this_wp_element_["useMemo"])(function () { return createId(object); }, [object]); } //# sourceMappingURL=index.js.map // CONCATENATED MODULE: ./node_modules/@wordpress/compose/build-module/higher-order/with-instance-id/index.js /** * Internal dependencies */ /** * A Higher Order Component used to be provide a unique instance ID by * component. * * @param {WPComponent} WrappedComponent The wrapped component. * * @return {WPComponent} Component with an instanceId prop. */ /* harmony default export */ var with_instance_id = __webpack_exports__["a"] = (Object(create_higher_order_component["a" /* default */])(function (WrappedComponent) { return function (props) { var instanceId = useInstanceId(WrappedComponent); return Object(external_this_wp_element_["createElement"])(WrappedComponent, Object(esm_extends["a" /* default */])({}, props, { instanceId: instanceId })); }; }, 'withInstanceId')); //# sourceMappingURL=index.js.map /***/ }), /***/ 711: /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(11); /* harmony import */ var _babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7); /* harmony import */ var _babel_runtime_helpers_esm_createClass__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6); /* harmony import */ var _babel_runtime_helpers_esm_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(8); /* harmony import */ var _babel_runtime_helpers_esm_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(4); /* harmony import */ var _babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5); /* harmony import */ var _babel_runtime_helpers_esm_inherits__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(9); /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(0); /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_7__); /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(10); /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_8__); /* harmony import */ var _popover__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(92); /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ var Dropdown = /*#__PURE__*/ function (_Component) { Object(_babel_runtime_helpers_esm_inherits__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(Dropdown, _Component); function Dropdown() { var _this; Object(_babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(this, Dropdown); _this = Object(_babel_runtime_helpers_esm_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(this, Object(_babel_runtime_helpers_esm_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"])(Dropdown).apply(this, arguments)); _this.toggle = _this.toggle.bind(Object(_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"])(_this)); _this.close = _this.close.bind(Object(_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"])(_this)); _this.closeIfFocusOutside = _this.closeIfFocusOutside.bind(Object(_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"])(_this)); _this.containerRef = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_7__["createRef"])(); _this.state = { isOpen: false }; return _this; } Object(_babel_runtime_helpers_esm_createClass__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])(Dropdown, [{ key: "componentWillUnmount", value: function componentWillUnmount() { var isOpen = this.state.isOpen; var onToggle = this.props.onToggle; if (isOpen && onToggle) { onToggle(false); } } }, { key: "componentDidUpdate", value: function componentDidUpdate(prevProps, prevState) { var isOpen = this.state.isOpen; var onToggle = this.props.onToggle; if (prevState.isOpen !== isOpen && onToggle) { onToggle(isOpen); } } }, { key: "toggle", value: function toggle() { this.setState(function (state) { return { isOpen: !state.isOpen }; }); } /** * Closes the dropdown if a focus leaves the dropdown wrapper. This is * intentionally distinct from `onClose` since focus loss from the popover * is expected to occur when using the Dropdown's toggle button, in which * case the correct behavior is to keep the dropdown closed. The same applies * in case when focus is moved to the modal dialog. */ }, { key: "closeIfFocusOutside", value: function closeIfFocusOutside() { if (!this.containerRef.current.contains(document.activeElement) && !document.activeElement.closest('[role="dialog"]')) { this.close(); } } }, { key: "close", value: function close() { if (this.props.onClose) { this.props.onClose(); } this.setState({ isOpen: false }); } }, { key: "render", value: function render() { var isOpen = this.state.isOpen; var _this$props = this.props, renderContent = _this$props.renderContent, renderToggle = _this$props.renderToggle, _this$props$position = _this$props.position, position = _this$props$position === void 0 ? 'bottom' : _this$props$position, className = _this$props.className, contentClassName = _this$props.contentClassName, expandOnMobile = _this$props.expandOnMobile, headerTitle = _this$props.headerTitle, focusOnMount = _this$props.focusOnMount, popoverProps = _this$props.popoverProps; var args = { isOpen: isOpen, onToggle: this.toggle, onClose: this.close }; return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_7__["createElement"])("div", { className: classnames__WEBPACK_IMPORTED_MODULE_8___default()('components-dropdown', className), ref: this.containerRef }, renderToggle(args), isOpen && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_7__["createElement"])(_popover__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({ className: contentClassName, position: position, onClose: this.close, onFocusOutside: this.closeIfFocusOutside, expandOnMobile: expandOnMobile, headerTitle: headerTitle, focusOnMount: focusOnMount }, popoverProps), renderContent(args))); } }]); return Dropdown; }(_wordpress_element__WEBPACK_IMPORTED_MODULE_7__["Component"]); /* harmony default export */ __webpack_exports__["a"] = (Dropdown); //# sourceMappingURL=index.js.map /***/ }), /***/ 712: /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(11); /* harmony import */ var _babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16); /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0); /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__); /* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(173); /* harmony import */ var _base_control__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(171); /** * WordPress dependencies */ /** * Internal dependencies */ function TextControl(_ref) { var label = _ref.label, hideLabelFromVision = _ref.hideLabelFromVision, value = _ref.value, help = _ref.help, className = _ref.className, instanceId = _ref.instanceId, onChange = _ref.onChange, _ref$type = _ref.type, type = _ref$type === void 0 ? 'text' : _ref$type, props = Object(_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_ref, ["label", "hideLabelFromVision", "value", "help", "className", "instanceId", "onChange", "type"]); var id = "inspector-text-control-".concat(instanceId); var onChangeValue = function onChangeValue(event) { return onChange(event.target.value); }; return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_base_control__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"], { label: label, hideLabelFromVision: hideLabelFromVision, id: id, help: help, className: className }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("input", Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({ className: "components-text-control__input", type: type, id: id, value: value, onChange: onChangeValue, "aria-describedby": !!help ? id + '__help' : undefined }, props))); } /* harmony default export */ __webpack_exports__["a"] = (Object(_wordpress_compose__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(TextControl)); //# sourceMappingURL=index.js.map /***/ }), /***/ 745: /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(15); /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(41); /* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(40); /* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__); /* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(59); /* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3__); /* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(44); /* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4__); /* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(29); /* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5__); /* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(42); /* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_6__); /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(0); /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_7__); /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(1); /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_8__); /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(2); /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_9__); /* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(19); /* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_10__); /* harmony import */ var _woocommerce_components__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(63); /* harmony import */ var _woocommerce_components__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_woocommerce_components__WEBPACK_IMPORTED_MODULE_11__); /* harmony import */ var _woocommerce_wc_admin_settings__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(26); /* harmony import */ var _woocommerce_data__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(51); /* harmony import */ var _woocommerce_data__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_woocommerce_data__WEBPACK_IMPORTED_MODULE_13__); /* harmony import */ var lib_tracks__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(79); /* harmony import */ var lib_date__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(104); /* harmony import */ var lib_currency_context__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(203); function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function () { var Super = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5___default()(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5___default()(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4___default()(this, result); }; } function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } } /** * External dependencies */ /** * WooCommerce dependencies */ /** * Internal dependencies */ var ReportFilters = /*#__PURE__*/function (_Component) { _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_6___default()(ReportFilters, _Component); var _super = _createSuper(ReportFilters); function ReportFilters() { var _this; _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1___default()(this, ReportFilters); _this = _super.call(this); _this.trackDateSelect = _this.trackDateSelect.bind(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3___default()(_this)); _this.trackFilterSelect = _this.trackFilterSelect.bind(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3___default()(_this)); _this.trackAdvancedFilterAction = _this.trackAdvancedFilterAction.bind(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3___default()(_this)); return _this; } _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2___default()(ReportFilters, [{ key: "trackDateSelect", value: function trackDateSelect(data) { var report = this.props.report; Object(lib_tracks__WEBPACK_IMPORTED_MODULE_14__[/* recordEvent */ "b"])('datepicker_update', _objectSpread({ report: report }, Object(lodash__WEBPACK_IMPORTED_MODULE_9__["omitBy"])(data, lodash__WEBPACK_IMPORTED_MODULE_9__["isUndefined"]))); } }, { key: "trackFilterSelect", value: function trackFilterSelect(data) { var report = this.props.report; Object(lib_tracks__WEBPACK_IMPORTED_MODULE_14__[/* recordEvent */ "b"])('analytics_filter', { report: report, filter: data.filter || 'all' }); } }, { key: "trackAdvancedFilterAction", value: function trackAdvancedFilterAction(action, data) { var report = this.props.report; switch (action) { case 'add': Object(lib_tracks__WEBPACK_IMPORTED_MODULE_14__[/* recordEvent */ "b"])('analytics_filters_add', { report: report, filter: data.key }); break; case 'remove': Object(lib_tracks__WEBPACK_IMPORTED_MODULE_14__[/* recordEvent */ "b"])('analytics_filters_remove', { report: report, filter: data.key }); break; case 'filter': var snakeCaseData = Object.keys(data).reduce(function (result, property) { result[Object(lodash__WEBPACK_IMPORTED_MODULE_9__["snakeCase"])(property)] = data[property]; return result; }, {}); Object(lib_tracks__WEBPACK_IMPORTED_MODULE_14__[/* recordEvent */ "b"])('analytics_filters_filter', { report: report, snakeCaseData: snakeCaseData }); break; case 'clear_all': Object(lib_tracks__WEBPACK_IMPORTED_MODULE_14__[/* recordEvent */ "b"])('analytics_filters_clear_all', { report: report }); break; case 'match': Object(lib_tracks__WEBPACK_IMPORTED_MODULE_14__[/* recordEvent */ "b"])('analytics_filters_all_any', { report: report, value: data.match }); break; } } }, { key: "render", value: function render() { var _this$props = this.props, advancedFilters = _this$props.advancedFilters, filters = _this$props.filters, path = _this$props.path, query = _this$props.query, showDatePicker = _this$props.showDatePicker, defaultDateRange = _this$props.defaultDateRange; var _getDateParamsFromQue = Object(lib_date__WEBPACK_IMPORTED_MODULE_15__[/* getDateParamsFromQuery */ "h"])(query, defaultDateRange), period = _getDateParamsFromQue.period, compare = _getDateParamsFromQue.compare, before = _getDateParamsFromQue.before, after = _getDateParamsFromQue.after; var _getCurrentDates = Object(lib_date__WEBPACK_IMPORTED_MODULE_15__[/* getCurrentDates */ "f"])(query, defaultDateRange), primaryDate = _getCurrentDates.primary, secondaryDate = _getCurrentDates.secondary; var dateQuery = { period: period, compare: compare, before: before, after: after, primaryDate: primaryDate, secondaryDate: secondaryDate }; var Currency = this.context; return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_7__["createElement"])(_woocommerce_components__WEBPACK_IMPORTED_MODULE_11__["ReportFilters"], { query: query, siteLocale: _woocommerce_wc_admin_settings__WEBPACK_IMPORTED_MODULE_12__[/* LOCALE */ "c"].siteLocale, currency: Currency, path: path, filters: filters, advancedFilters: advancedFilters, showDatePicker: showDatePicker, onDateSelect: this.trackDateSelect, onFilterSelect: this.trackFilterSelect, onAdvancedFilterAction: this.trackAdvancedFilterAction, dateQuery: dateQuery, isoDateFormat: lib_date__WEBPACK_IMPORTED_MODULE_15__[/* isoDateFormat */ "k"] }); } }]); return ReportFilters; }(_wordpress_element__WEBPACK_IMPORTED_MODULE_7__["Component"]); ReportFilters.contextType = lib_currency_context__WEBPACK_IMPORTED_MODULE_16__[/* CurrencyContext */ "a"]; /* harmony default export */ __webpack_exports__["a"] = (Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_10__["withSelect"])(function (select) { var _select$getSetting = select(_woocommerce_data__WEBPACK_IMPORTED_MODULE_13__["SETTINGS_STORE_NAME"]).getSetting('wc_admin', 'wcAdminSettings'), defaultDateRange = _select$getSetting.woocommerce_default_date_range; return { defaultDateRange: defaultDateRange }; })(ReportFilters)); ReportFilters.propTypes = { /** * Config option passed through to `AdvancedFilters` */ advancedFilters: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.object, /** * Config option passed through to `FilterPicker` - if not used, `FilterPicker` is not displayed. */ filters: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.array, /** * The `path` parameter supplied by React-Router */ path: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.string.isRequired, /** * The query string represented in object form */ query: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.object, /** * Whether the date picker must be shown.. */ showDatePicker: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.bool, /** * The report where filter are placed. */ report: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.string.isRequired }; /***/ }), /***/ 899: /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; // ESM COMPAT FLAG __webpack_require__.r(__webpack_exports__); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/defineProperty.js var defineProperty = __webpack_require__(15); var defineProperty_default = /*#__PURE__*/__webpack_require__.n(defineProperty); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/toConsumableArray.js var toConsumableArray = __webpack_require__(32); var toConsumableArray_default = /*#__PURE__*/__webpack_require__.n(toConsumableArray); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/classCallCheck.js var classCallCheck = __webpack_require__(41); var classCallCheck_default = /*#__PURE__*/__webpack_require__.n(classCallCheck); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/createClass.js var createClass = __webpack_require__(40); var createClass_default = /*#__PURE__*/__webpack_require__.n(createClass); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/assertThisInitialized.js var assertThisInitialized = __webpack_require__(59); var assertThisInitialized_default = /*#__PURE__*/__webpack_require__.n(assertThisInitialized); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/possibleConstructorReturn.js var possibleConstructorReturn = __webpack_require__(44); var possibleConstructorReturn_default = /*#__PURE__*/__webpack_require__.n(possibleConstructorReturn); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/getPrototypeOf.js var getPrototypeOf = __webpack_require__(29); var getPrototypeOf_default = /*#__PURE__*/__webpack_require__.n(getPrototypeOf); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/inherits.js var inherits = __webpack_require__(42); var inherits_default = /*#__PURE__*/__webpack_require__.n(inherits); // EXTERNAL MODULE: external {"this":["wp","element"]} var external_this_wp_element_ = __webpack_require__(0); // EXTERNAL MODULE: external {"this":["wp","i18n"]} var external_this_wp_i18n_ = __webpack_require__(3); // EXTERNAL MODULE: ./node_modules/@wordpress/compose/build-module/higher-order/compose.js var compose = __webpack_require__(256); // EXTERNAL MODULE: external "lodash" var external_lodash_ = __webpack_require__(2); // EXTERNAL MODULE: ./node_modules/@wordpress/components/build-module/dropdown/index.js var dropdown = __webpack_require__(711); // EXTERNAL MODULE: ./node_modules/@wordpress/components/build-module/icon-button/index.js var icon_button = __webpack_require__(85); // EXTERNAL MODULE: ./node_modules/@wordpress/components/build-module/button/index.js var build_module_button = __webpack_require__(88); // EXTERNAL MODULE: ./node_modules/@wordpress/components/build-module/icon/index.js var icon = __webpack_require__(109); // EXTERNAL MODULE: external {"this":["wp","data"]} var external_this_wp_data_ = __webpack_require__(19); // EXTERNAL MODULE: external {"this":["wp","hooks"]} var external_this_wp_hooks_ = __webpack_require__(48); // EXTERNAL MODULE: external {"this":["wc","components"]} var external_this_wc_components_ = __webpack_require__(63); // EXTERNAL MODULE: external {"this":["wc","data"]} var external_this_wc_data_ = __webpack_require__(51); // EXTERNAL MODULE: ./client/dashboard/style.scss var style = __webpack_require__(770); // CONCATENATED MODULE: ./client/dashboard/default-sections.js /** * External dependencies */ /** * Internal dependencies */ var LazyDashboardCharts = Object(external_this_wp_element_["lazy"])(function () { return Promise.all(/* import() | dashboard-charts */[__webpack_require__.e(1), __webpack_require__.e(2), __webpack_require__.e(25)]).then(__webpack_require__.bind(null, 910)); }); var LazyLeaderboards = Object(external_this_wp_element_["lazy"])(function () { return Promise.all(/* import() | leaderboards */[__webpack_require__.e(3), __webpack_require__.e(31)]).then(__webpack_require__.bind(null, 913)); }); var LazyStorePerformance = Object(external_this_wp_element_["lazy"])(function () { return __webpack_require__.e(/* import() | store-performance */ 42).then(__webpack_require__.bind(null, 903)); }); var default_sections_DashboardCharts = function DashboardCharts(props) { return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Suspense"], { fallback: Object(external_this_wp_element_["createElement"])(external_this_wc_components_["Spinner"], null) }, Object(external_this_wp_element_["createElement"])(LazyDashboardCharts, props)); }; var default_sections_Leaderboards = function Leaderboards(props) { return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Suspense"], { fallback: Object(external_this_wp_element_["createElement"])(external_this_wc_components_["Spinner"], null) }, Object(external_this_wp_element_["createElement"])(LazyLeaderboards, props)); }; var default_sections_StorePerformance = function StorePerformance(props) { return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Suspense"], { fallback: Object(external_this_wp_element_["createElement"])(external_this_wc_components_["Spinner"], null) }, Object(external_this_wp_element_["createElement"])(LazyStorePerformance, props)); }; var DEFAULT_SECTIONS_FILTER = 'woocommerce_dashboard_default_sections'; /* harmony default export */ var default_sections = (Object(external_this_wp_hooks_["applyFilters"])(DEFAULT_SECTIONS_FILTER, [{ key: 'store-performance', component: default_sections_StorePerformance, title: Object(external_this_wp_i18n_["__"])('Performance', 'woocommerce'), isVisible: true, icon: 'arrow-right-alt', hiddenBlocks: ['coupons/amount', 'coupons/orders_count', 'downloads/download_count', 'taxes/order_tax', 'taxes/total_tax', 'taxes/shipping_tax', 'revenue/shipping', 'orders/avg_order_value', 'revenue/refunds', 'revenue/gross_sales'] }, { key: 'charts', component: default_sections_DashboardCharts, title: Object(external_this_wp_i18n_["__"])('Charts', 'woocommerce'), isVisible: true, icon: 'chart-bar', hiddenBlocks: ['orders_avg_order_value', 'avg_items_per_order', 'products_items_sold', 'revenue_total_sales', 'revenue_refunds', 'coupons_amount', 'coupons_orders_count', 'revenue_shipping', 'taxes_total_tax', 'taxes_order_tax', 'taxes_shipping_tax', 'downloads_download_count'] }, { key: 'leaderboards', component: default_sections_Leaderboards, title: Object(external_this_wp_i18n_["__"])('Leaderboards', 'woocommerce'), isVisible: true, icon: 'editor-ol', hiddenBlocks: ['coupons', 'customers'] }])); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/extends.js var helpers_extends = __webpack_require__(105); var extends_default = /*#__PURE__*/__webpack_require__.n(helpers_extends); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/objectWithoutProperties.js var objectWithoutProperties = __webpack_require__(121); var objectWithoutProperties_default = /*#__PURE__*/__webpack_require__.n(objectWithoutProperties); // EXTERNAL MODULE: ./node_modules/@wordpress/components/build-module/text-control/index.js var text_control = __webpack_require__(712); // CONCATENATED MODULE: ./client/dashboard/section-controls.js function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function () { var Super = getPrototypeOf_default()(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf_default()(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn_default()(this, result); }; } function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } } /** * External dependencies */ /** * Internal dependencies */ var section_controls_SectionControls = /*#__PURE__*/function (_Component) { inherits_default()(SectionControls, _Component); var _super = _createSuper(SectionControls); function SectionControls(props) { var _this; classCallCheck_default()(this, SectionControls); _this = _super.call(this, props); _this.onMoveUp = _this.onMoveUp.bind(assertThisInitialized_default()(_this)); _this.onMoveDown = _this.onMoveDown.bind(assertThisInitialized_default()(_this)); return _this; } createClass_default()(SectionControls, [{ key: "onMoveUp", value: function onMoveUp() { var _this$props = this.props, onMove = _this$props.onMove, onToggle = _this$props.onToggle; onMove(-1); // Close the dropdown onToggle(); } }, { key: "onMoveDown", value: function onMoveDown() { var _this$props2 = this.props, onMove = _this$props2.onMove, onToggle = _this$props2.onToggle; onMove(1); // Close the dropdown onToggle(); } }, { key: "render", value: function render() { var _this$props3 = this.props, onRemove = _this$props3.onRemove, isFirst = _this$props3.isFirst, isLast = _this$props3.isLast, onTitleBlur = _this$props3.onTitleBlur, onTitleChange = _this$props3.onTitleChange, titleInput = _this$props3.titleInput; return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_wp_element_["createElement"])("div", { className: "woocommerce-ellipsis-menu__item" }, Object(external_this_wp_element_["createElement"])(text_control["a" /* default */], { label: Object(external_this_wp_i18n_["__"])('Section Title', 'woocommerce'), onBlur: onTitleBlur, onChange: onTitleChange, required: true, value: titleInput })), Object(external_this_wp_element_["createElement"])("div", { className: "woocommerce-dashboard-section-controls" }, !isFirst && Object(external_this_wp_element_["createElement"])(external_this_wc_components_["MenuItem"], { isClickable: true, onInvoke: this.onMoveUp }, Object(external_this_wp_element_["createElement"])(icon["a" /* default */], { icon: 'arrow-up-alt2', label: Object(external_this_wp_i18n_["__"])('Move up') }), Object(external_this_wp_i18n_["__"])('Move up', 'woocommerce')), !isLast && Object(external_this_wp_element_["createElement"])(external_this_wc_components_["MenuItem"], { isClickable: true, onInvoke: this.onMoveDown }, Object(external_this_wp_element_["createElement"])(icon["a" /* default */], { icon: 'arrow-down-alt2', label: Object(external_this_wp_i18n_["__"])('Move Down') }), Object(external_this_wp_i18n_["__"])('Move Down', 'woocommerce')), Object(external_this_wp_element_["createElement"])(external_this_wc_components_["MenuItem"], { isClickable: true, onInvoke: onRemove }, Object(external_this_wp_element_["createElement"])(icon["a" /* default */], { icon: 'trash', label: Object(external_this_wp_i18n_["__"])('Remove block') }), Object(external_this_wp_i18n_["__"])('Remove section', 'woocommerce')))); } }]); return SectionControls; }(external_this_wp_element_["Component"]); /* harmony default export */ var section_controls = (section_controls_SectionControls); // CONCATENATED MODULE: ./client/dashboard/section.js function section_createSuper(Derived) { var hasNativeReflectConstruct = section_isNativeReflectConstruct(); return function () { var Super = getPrototypeOf_default()(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf_default()(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn_default()(this, result); }; } function section_isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } } /** * External dependencies */ /** * Internal dependencies */ var section_Section = /*#__PURE__*/function (_Component) { inherits_default()(Section, _Component); var _super = section_createSuper(Section); function Section(props) { var _this; classCallCheck_default()(this, Section); _this = _super.call(this, props); var title = props.title; _this.state = { titleInput: title }; _this.onToggleHiddenBlock = _this.onToggleHiddenBlock.bind(assertThisInitialized_default()(_this)); _this.onTitleChange = _this.onTitleChange.bind(assertThisInitialized_default()(_this)); _this.onTitleBlur = _this.onTitleBlur.bind(assertThisInitialized_default()(_this)); return _this; } createClass_default()(Section, [{ key: "onTitleChange", value: function onTitleChange(updatedTitle) { this.setState({ titleInput: updatedTitle }); } }, { key: "onTitleBlur", value: function onTitleBlur() { var _this$props = this.props, onTitleUpdate = _this$props.onTitleUpdate, title = _this$props.title; var titleInput = this.state.titleInput; if (titleInput === '') { this.setState({ titleInput: title }); } else if (onTitleUpdate) { onTitleUpdate(titleInput); } } }, { key: "onToggleHiddenBlock", value: function onToggleHiddenBlock(key) { var _this2 = this; return function () { var hiddenBlocks = Object(external_lodash_["xor"])(_this2.props.hiddenBlocks, [key]); _this2.props.onChangeHiddenBlocks(hiddenBlocks); }; } }, { key: "render", value: function render() { var _this$props2 = this.props, SectionComponent = _this$props2.component, props = objectWithoutProperties_default()(_this$props2, ["component"]); var titleInput = this.state.titleInput; return Object(external_this_wp_element_["createElement"])("div", { className: "woocommerce-dashboard-section" }, Object(external_this_wp_element_["createElement"])(SectionComponent, extends_default()({ onTitleChange: this.onTitleChange, onTitleBlur: this.onTitleBlur, onToggleHiddenBlock: this.onToggleHiddenBlock, titleInput: titleInput, controls: section_controls }, props))); } }]); return Section; }(external_this_wp_element_["Component"]); // EXTERNAL MODULE: ./client/wc-api/with-select.js var with_select = __webpack_require__(101); // EXTERNAL MODULE: ./client/lib/tracks.js var tracks = __webpack_require__(79); // EXTERNAL MODULE: ./client/dashboard/utils.js var utils = __webpack_require__(742); // EXTERNAL MODULE: ./client/lib/date.js var date = __webpack_require__(104); // EXTERNAL MODULE: ./client/analytics/components/report-filters/index.js var report_filters = __webpack_require__(745); // CONCATENATED MODULE: ./client/dashboard/customizable.js function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { defineProperty_default()(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } function customizable_createSuper(Derived) { var hasNativeReflectConstruct = customizable_isNativeReflectConstruct(); return function () { var Super = getPrototypeOf_default()(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf_default()(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn_default()(this, result); }; } function customizable_isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } } /** * External dependencies */ /** * WooCommerce dependencies */ /** * Internal dependencies */ var TaskList = Object(external_this_wp_element_["lazy"])(function () { return Promise.all(/* import() | task-list */[__webpack_require__.e(3), __webpack_require__.e(5), __webpack_require__.e(43)]).then(__webpack_require__.bind(null, 904)); }); var DASHBOARD_FILTERS_FILTER = 'woocommerce_admin_dashboard_filters'; var filters = Object(external_this_wp_hooks_["applyFilters"])(DASHBOARD_FILTERS_FILTER, []); var customizable_CustomizableDashboard = /*#__PURE__*/function (_Component) { inherits_default()(CustomizableDashboard, _Component); var _super = customizable_createSuper(CustomizableDashboard); function CustomizableDashboard(props) { var _this; classCallCheck_default()(this, CustomizableDashboard); _this = _super.call(this, props); _this.state = { sections: _this.mergeSectionsWithDefaults(props.userPrefSections) }; _this.onMove = _this.onMove.bind(assertThisInitialized_default()(_this)); _this.updateSection = _this.updateSection.bind(assertThisInitialized_default()(_this)); return _this; } createClass_default()(CustomizableDashboard, [{ key: "mergeSectionsWithDefaults", value: function mergeSectionsWithDefaults(prefSections) { if (!prefSections || prefSections.length === 0) { return default_sections; } var defaultKeys = default_sections.map(function (section) { return section.key; }); var prefKeys = prefSections.map(function (section) { return section.key; }); var keys = new Set([].concat(toConsumableArray_default()(prefKeys), toConsumableArray_default()(defaultKeys))); var sections = []; keys.forEach(function (key) { var defaultSection = default_sections.find(function (section) { return section.key === key; }); if (!defaultSection) { return; } var prefSection = prefSections.find(function (section) { return section.key === key; }); sections.push(_objectSpread({}, defaultSection, {}, prefSection)); }); return sections; } }, { key: "updateSections", value: function updateSections(newSections) { this.setState({ sections: newSections }); this.props.updateCurrentUserData({ dashboard_sections: newSections }); } }, { key: "updateSection", value: function updateSection(updatedKey, newSettings) { var newSections = this.state.sections.map(function (section) { if (section.key === updatedKey) { return _objectSpread({}, section, {}, newSettings); } return section; }); this.updateSections(newSections); } }, { key: "onChangeHiddenBlocks", value: function onChangeHiddenBlocks(updatedKey) { var _this2 = this; return function (updatedHiddenBlocks) { _this2.updateSection(updatedKey, { hiddenBlocks: updatedHiddenBlocks }); }; } }, { key: "onSectionTitleUpdate", value: function onSectionTitleUpdate(updatedKey) { var _this3 = this; return function (updatedTitle) { Object(tracks["b" /* recordEvent */])('dash_section_rename', { key: updatedKey }); _this3.updateSection(updatedKey, { title: updatedTitle }); }; } }, { key: "toggleVisibility", value: function toggleVisibility(key, onToggle) { var _this4 = this; return function () { if (onToggle) { // Close the dropdown before setting state so an action is not performed on an unmounted component. onToggle(); } // When toggling visibility, place section at the end of the array. var sections = toConsumableArray_default()(_this4.state.sections); var index = sections.findIndex(function (s) { return key === s.key; }); var toggledSection = sections.splice(index, 1).shift(); toggledSection.isVisible = !toggledSection.isVisible; sections.push(toggledSection); if (toggledSection.isVisible) { Object(tracks["b" /* recordEvent */])('dash_section_add', { key: toggledSection.key }); } else { Object(tracks["b" /* recordEvent */])('dash_section_remove', { key: toggledSection.key }); } _this4.updateSections(sections); }; } }, { key: "onMove", value: function onMove(index, change) { var sections = toConsumableArray_default()(this.state.sections); var movedSection = sections.splice(index, 1).shift(); var newIndex = index + change; // Figure out the index of the skipped section. var nextJumpedSectionIndex = change < 0 ? newIndex : newIndex - 1; if (sections[nextJumpedSectionIndex].isVisible || // Is the skipped section visible? index === 0 || // Will this be the first element? index === sections.length - 1 // Will this be the last element? ) { // Yes, lets insert. sections.splice(newIndex, 0, movedSection); this.updateSections(sections); var eventProps = { key: movedSection.key, direction: change > 0 ? 'down' : 'up' }; Object(tracks["b" /* recordEvent */])('dash_section_order_change', eventProps); } else { // No, lets try the next one. this.onMove(index, change + change); } } }, { key: "renderAddMore", value: function renderAddMore() { var _this5 = this; var sections = this.state.sections; var hiddenSections = sections.filter(function (section) { return section.isVisible === false; }); if (hiddenSections.length === 0) { return null; } return Object(external_this_wp_element_["createElement"])(dropdown["a" /* default */], { position: "top center", className: "woocommerce-dashboard-section__add-more", renderToggle: function renderToggle(_ref) { var onToggle = _ref.onToggle, isOpen = _ref.isOpen; return Object(external_this_wp_element_["createElement"])(icon_button["a" /* default */], { onClick: onToggle, icon: "plus-alt", title: Object(external_this_wp_i18n_["__"])('Add more sections', 'woocommerce'), "aria-expanded": isOpen }); }, renderContent: function renderContent(_ref2) { var onToggle = _ref2.onToggle; return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_wp_element_["createElement"])(external_this_wc_components_["H"], null, Object(external_this_wp_i18n_["__"])('Dashboard Sections', 'woocommerce')), Object(external_this_wp_element_["createElement"])("div", { className: "woocommerce-dashboard-section__add-more-choices" }, hiddenSections.map(function (section) { return Object(external_this_wp_element_["createElement"])(build_module_button["a" /* default */], { key: section.key, onClick: _this5.toggleVisibility(section.key, onToggle), className: "woocommerce-dashboard-section__add-more-btn", title: Object(external_this_wp_i18n_["sprintf"])(Object(external_this_wp_i18n_["__"])('Add %s section', 'woocommerce'), section.title) }, Object(external_this_wp_element_["createElement"])(icon["a" /* default */], { icon: section.icon, size: 30 }), Object(external_this_wp_element_["createElement"])("span", { className: "woocommerce-dashboard-section__add-more-btn-title" }, section.title)); }))); } }); } }, { key: "renderDashboardReports", value: function renderDashboardReports() { var _this6 = this; var _this$props = this.props, query = _this$props.query, path = _this$props.path, defaultDateRange = _this$props.defaultDateRange; var sections = this.state.sections; var _getDateParamsFromQue = Object(date["h" /* getDateParamsFromQuery */])(query, defaultDateRange), period = _getDateParamsFromQue.period, compare = _getDateParamsFromQue.compare, before = _getDateParamsFromQue.before, after = _getDateParamsFromQue.after; var _getCurrentDates = Object(date["f" /* getCurrentDates */])(query, defaultDateRange), primaryDate = _getCurrentDates.primary, secondaryDate = _getCurrentDates.secondary; var dateQuery = { period: period, compare: compare, before: before, after: after, primaryDate: primaryDate, secondaryDate: secondaryDate }; var visibleSectionKeys = sections.filter(function (section) { return section.isVisible; }).map(function (section) { return section.key; }); return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_wp_element_["createElement"])(report_filters["a" /* default */], { report: "dashboard", query: query, path: path, dateQuery: dateQuery, isoDateFormat: date["k" /* isoDateFormat */], filters: filters }), sections.map(function (section, index) { if (section.isVisible) { return Object(external_this_wp_element_["createElement"])(section_Section, { component: section.component, hiddenBlocks: section.hiddenBlocks, key: section.key, onChangeHiddenBlocks: _this6.onChangeHiddenBlocks(section.key), onTitleUpdate: _this6.onSectionTitleUpdate(section.key), path: path, query: query, title: section.title, onMove: Object(external_lodash_["partial"])(_this6.onMove, index), onRemove: _this6.toggleVisibility(section.key), isFirst: section.key === visibleSectionKeys[0], isLast: section.key === visibleSectionKeys[visibleSectionKeys.length - 1] }); } return null; }), this.renderAddMore()); } }, { key: "render", value: function render() { var _this$props2 = this.props, query = _this$props2.query, taskListHidden = _this$props2.taskListHidden, taskListComplete = _this$props2.taskListComplete; var isTaskListEnabled = Object(utils["e" /* isOnboardingEnabled */])() && !taskListHidden; var isDashboardShown = !isTaskListEnabled || !query.task && taskListComplete; return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, isTaskListEnabled && Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Suspense"], { fallback: Object(external_this_wp_element_["createElement"])(external_this_wc_components_["Spinner"], null) }, Object(external_this_wp_element_["createElement"])(TaskList, { query: query, inline: isDashboardShown })), isDashboardShown && this.renderDashboardReports()); } }]); return CustomizableDashboard; }(external_this_wp_element_["Component"]); /* harmony default export */ var customizable = __webpack_exports__["default"] = (Object(compose["a" /* default */])(Object(with_select["a" /* default */])(function (select) { var _select = select('wc-api'), getCurrentUserData = _select.getCurrentUserData, isGetProfileItemsRequesting = _select.isGetProfileItemsRequesting, getOptions = _select.getOptions, isGetOptionsRequesting = _select.isGetOptionsRequesting; var userData = getCurrentUserData(); var _select$getSetting = select(external_this_wc_data_["SETTINGS_STORE_NAME"]).getSetting('wc_admin', 'wcAdminSettings'), defaultDateRange = _select$getSetting.woocommerce_default_date_range; var withSelectData = { userPrefSections: userData.dashboard_sections, defaultDateRange: defaultDateRange, requesting: false }; if (Object(utils["e" /* isOnboardingEnabled */])()) { var options = getOptions(['woocommerce_task_list_complete', 'woocommerce_task_list_hidden']); withSelectData.taskListHidden = Object(external_lodash_["get"])(options, ['woocommerce_task_list_hidden'], 'no') === 'yes'; withSelectData.taskListComplete = Object(external_lodash_["get"])(options, ['woocommerce_task_list_complete'], false); withSelectData.requesting = withSelectData.requesting || isGetProfileItemsRequesting(); withSelectData.requesting = withSelectData.requesting || isGetOptionsRequesting(['woocommerce_task_list_payments', 'woocommerce_task_list_hidden']); } return withSelectData; }), Object(external_this_wp_data_["withDispatch"])(function (dispatch) { var _dispatch = dispatch('wc-api'), updateCurrentUserData = _dispatch.updateCurrentUserData; return { updateCurrentUserData: updateCurrentUserData }; }))(customizable_CustomizableDashboard)); /***/ }) }]); /*! For license information please see editor-panels.js.LICENSE.txt */ !function(){"use strict";var e={react:function(e){e.exports=window.React},"@elementor/editor":function(e){e.exports=window.elementorV2.editor},"@elementor/editor-v1-adapters":function(e){e.exports=window.elementorV2.editorV1Adapters},"@elementor/locations":function(e){e.exports=window.elementorV2.locations},"@elementor/store":function(e){e.exports=window.elementorV2.store},"@elementor/ui":function(e){e.exports=window.elementorV2.ui}},n={};function t(o){var r=n[o];if(void 0!==r)return r.exports;var i=n[o]={exports:{}};return e[o](i,i.exports,t),i.exports}t.d=function(e,n){for(var o in n)t.o(n,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:n[o]})},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};!function(){t.r(o),t.d(o,{Panel:function(){return y},PanelBody:function(){return P},PanelHeader:function(){return b},PanelHeaderTitle:function(){return E},__createPanel:function(){return h},__registerPanel:function(){return w}});var e=t("@elementor/editor"),n=t("@elementor/store"),r=t("react"),i=t("@elementor/locations"),l=t("@elementor/ui"),a=t("@elementor/editor-v1-adapters"),{inject:c,useInjections:u}=(0,i.createLocation)(),s=e=>e.panels.openId,p=(0,n.__createSlice)({name:"panels",initialState:{openId:null},reducers:{open(e,n){e.openId=n.payload},close(e,n){n.payload&&e.openId!==n.payload||(e.openId=null)}}}),d="panel/v2";function m(){return document.querySelector("#elementor-panel-inner")}function f(){const e=["#elementor-panel-header-wrapper","#elementor-panel-content-wrapper","#elementor-panel-state-loading","#elementor-panel-footer"].join(", ");return document.querySelectorAll(e)}function _({on:e,when:t,callback:o}){let r;(0,n.__subscribe)((()=>{const i=e((0,n.__getState)());t({prev:r,current:i})&&o({prev:r,current:i}),r=i}))}function v(e){const n=(0,r.useRef)(m);return n.current?r.createElement(l.Portal,{container:n.current,...e}):null}function h({id:e,component:t}){const o=function(e){return()=>{const t=(0,n.__useSelector)(s),o=(0,a.__privateUseRouteStatus)(d,{blockOnKitRoutes:!0,blockOnPreviewMode:!0});return{isOpen:t===e&&o.isActive,isBlocked:o.isBlocked}}}(e),r=function(e,t){return()=>{const o=(0,n.__useDispatch)(),{isBlocked:r}=t();return{open:async()=>{r||o(p.actions.open(e))},close:async()=>{r||o(p.actions.close(e))}}}}(e,o);return{panel:{id:e,component:t},usePanelStatus:o,usePanelActions:r}}function w({id:e,component:n}){c({id:e,component:n})}function y({children:e,sx:n,...t}){return r.createElement(l.Drawer,{open:!0,variant:"persistent",anchor:"left",PaperProps:{sx:{position:"relative",width:"100%",bgcolor:"background.default",border:"none"}},sx:{height:"100%",...n},...t},e)}var g=(0,l.styled)(l.Box)((({theme:e})=>({height:e?.spacing(6)||"48px",display:"flex",alignItems:"center",justifyContent:"center"})));function b({children:e,...n}){return r.createElement(r.Fragment,null,r.createElement(g,{component:"header",...n},e),r.createElement(l.Divider,null))}var x=(0,l.styled)(l.Typography)((({theme:e,variant:n="body1"})=>"inherit"===n?{}:{"&.MuiTypography-root":{...e.typography[n]}}));function E({children:e,...n}){return r.createElement(x,{component:"h2",variant:"subtitle1",...n},e)}function P({children:e,sx:n,...t}){return r.createElement(l.Box,{component:"main",sx:{overflowY:"auto",height:"100%",...n},...t},e)}(0,a.__privateListenTo)((0,a.windowEvent)("elementor/panel/init"),(()=>(0,a.__privateRegisterRoute)(d))),(0,a.__privateListenTo)((0,a.routeOpenEvent)(d),(()=>{f().forEach((e=>{e.setAttribute("hidden","hidden"),e.setAttribute("aria-hidden","true")}))})),(0,a.__privateListenTo)((0,a.routeCloseEvent)(d),(()=>s((0,n.__getState)())&&(0,n.__dispatch)(p.actions.close()))),(0,a.__privateListenTo)((0,a.routeCloseEvent)(d),(()=>{f().forEach((e=>{e.removeAttribute("hidden"),e.removeAttribute("aria-hidden")}))})),(0,a.__privateListenTo)((0,a.windowEvent)("elementor/panel/init"),(()=>_({on:e=>s(e),when:({prev:e,current:n})=>!(e||!n),callback:()=>(0,a.__privateOpenRoute)(d)}))),(0,a.__privateListenTo)((0,a.windowEvent)("elementor/panel/init"),(()=>_({on:e=>s(e),when:({prev:e,current:n})=>!(n||!e),callback:()=>(0,a.__privateIsRouteActive)(d)&&(0,a.__privateOpenRoute)(function(){const e=window?.elementor?.documents?.getCurrent?.()?.config?.panel?.default_route;return e||"panel/elements/categories"}())}))),(0,n.__registerSlice)(p),(0,e.injectIntoTop)({id:"panels",component:function(){const e=function(){const e=u(),t=(0,n.__useSelector)(s);return(0,r.useMemo)((()=>e.find((e=>t===e.id))),[e,t])}(),t=e?.component??null;return t?r.createElement(v,null,r.createElement(t,null)):null}})}(),(window.elementorV2=window.elementorV2||{}).editorPanels=o}();@keyframes elementor-animation-buzz-out { 10% { transform: translateX(3px) rotate(2deg); } 20% { transform: translateX(-3px) rotate(-2deg); } 30% { transform: translateX(3px) rotate(2deg); } 40% { transform: translateX(-3px) rotate(-2deg); } 50% { transform: translateX(2px) rotate(1deg); } 60% { transform: translateX(-2px) rotate(-1deg); } 70% { transform: translateX(2px) rotate(1deg); } 80% { transform: translateX(-2px) rotate(-1deg); } 90% { transform: translateX(1px) rotate(0); } 100% { transform: translateX(-1px) rotate(0); } } .elementor-animation-buzz-out:active, .elementor-animation-buzz-out:focus, .elementor-animation-buzz-out:hover { animation-name: elementor-animation-buzz-out; animation-duration: 0.75s; animation-timing-function: linear; animation-iteration-count: 1; } const interfaceTranslations = { selectedCountryAriaLabel: "منتخب ملک", noCountrySelected: "کوئی ملک منتخب نہیں کیا گیا۔", countryListAriaLabel: "ممالک کی فہرست", searchPlaceholder: "تلاش کریں۔", zeroSearchResults: "کوئی نتیجہ نہیں", oneSearchResult: "1 نتیجہ ملا", multipleSearchResults: "${count} نتائج ملے", // additional countries (not supported by country-list library) ac: "ایسنشن جزیرہ", xk: "کوسوو" }; export default interfaceTranslations;