File Manager

✏️ Edit File: /home/coemyoza/public_html/wp-content/plugins/woocommerce-admin/dist/chunks/profile-wizard.js

(window["__wcAdmin_webpackJsonp"] = window["__wcAdmin_webpackJsonp"] || []).push([[47],{

/***/ 289:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

/**
 * WordPress dependencies
 */

const chevronUp = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
  viewBox: "0 0 24 24",
  xmlns: "http://www.w3.org/2000/svg"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
  d: "M6.5 12.4L12 8l5.5 4.4-.9 1.2L12 10l-4.5 3.6-1-1.2z"
}));
/* harmony default export */ __webpack_exports__["a"] = (chevronUp);
//# sourceMappingURL=chevron-up.js.map

/***/ }),

/***/ 290:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

/**
 * WordPress dependencies
 */

const chevronDown = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
  viewBox: "0 0 24 24",
  xmlns: "http://www.w3.org/2000/svg"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
  d: "M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"
}));
/* harmony default export */ __webpack_exports__["a"] = (chevronDown);
//# sourceMappingURL=chevron-down.js.map

/***/ }),

/***/ 499:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

/**
 * WordPress dependencies
 */

const info = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
  xmlns: "http://www.w3.org/2000/svg",
  viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
  d: "M12 3.2c-4.8 0-8.8 3.9-8.8 8.8 0 4.8 3.9 8.8 8.8 8.8 4.8 0 8.8-3.9 8.8-8.8 0-4.8-4-8.8-8.8-8.8zm0 16c-4 0-7.2-3.3-7.2-7.2C4.8 8 8 4.8 12 4.8s7.2 3.3 7.2 7.2c0 4-3.2 7.2-7.2 7.2zM11 17h2v-6h-2v6zm0-8h2V7h-2v2z"
}));
/* harmony default export */ __webpack_exports__["a"] = (info);
//# sourceMappingURL=info.js.map

/***/ }),

/***/ 527:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getFilteredCurrencyInstance; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CurrencyContext; });
/* 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 _wordpress_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(28);
/* harmony import */ var _wordpress_hooks__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_hooks__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _woocommerce_currency__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(91);
/* harmony import */ var _woocommerce_currency__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_woocommerce_currency__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _utils_admin_settings__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(23);
/**
 * External dependencies
 */

/**
 * Internal dependencies
 */

const appCurrency = _woocommerce_currency__WEBPACK_IMPORTED_MODULE_2___default()(_utils_admin_settings__WEBPACK_IMPORTED_MODULE_3__[/* CURRENCY */ "a"]);
const getFilteredCurrencyInstance = query => {
  const config = appCurrency.getCurrencyConfig();
  /**
   * Filter the currency context. This affects all WooCommerce Admin currency formatting.
   *
   * @filter woocommerce_admin_report_currency
   * @param {Object} config Currency configuration.
   * @param {Object} query Url query parameters.
   */

const filteredConfig = Object(_wordpress_hooks__WEBPACK_IMPORTED_MODULE_1__["applyFilters"])('woocommerce_admin_report_currency', config, query);
  return _woocommerce_currency__WEBPACK_IMPORTED_MODULE_2___default()(filteredConfig);
};
const CurrencyContext = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createContext"])(appCurrency // default value
);

/***/ }),

/***/ 531:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return createNoticesFromResponse; });
/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8);
/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_0__);
/**
 * External dependencies
 */

function createNoticesFromResponse(response) {
  const {
    createNotice
  } = Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_0__["dispatch"])('core/notices');

if (response.error_data && response.errors && Object.keys(response.errors).length) {
    // Loop over multi-error responses.
    Object.keys(response.errors).forEach(errorKey => {
      createNotice('error', response.errors[errorKey].join(' '));
    });
  } else if (response.message) {
    // Handle generic messages.
    createNotice(response.code ? 'error' : 'success', response.message);
  }
}

/***/ }),

/***/ 535:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* unused harmony export ALLOWED_TAGS */
/* unused harmony export ALLOWED_ATTR */
/* harmony import */ var dompurify__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(57);
/* harmony import */ var dompurify__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(dompurify__WEBPACK_IMPORTED_MODULE_0__);
/**
 * External dependencies
 */

/***/ }),

/***/ 539:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";

// EXPORTS
__webpack_require__.d(__webpack_exports__, "a", function() { return /* reexport */ getPluginSlug; });
__webpack_require__.d(__webpack_exports__, "b", function() { return /* reexport */ getPluginTrackKey; });
__webpack_require__.d(__webpack_exports__, "d", function() { return /* binding */ getUrlParams; });
__webpack_require__.d(__webpack_exports__, "c", function() { return /* binding */ getScreenName; });

// UNUSED EXPORTS: sift

// CONCATENATED MODULE: ./client/utils/plugins.ts
function getPluginSlug(id) {
  return (id || '').split(':', 1)[0];
}
function getPluginTrackKey(id) {
  const slug = getPluginSlug(id);
  const key = /^woocommerce(-|_)payments$/.test(slug) ? 'wcpay' : `${slug.replace(/-/g, '_')}`.split(':', 1)[0];
  return key;
}
// CONCATENATED MODULE: ./client/utils/index.js

/**
 * Get the URL params.
 *
 * @param {string} locationSearch - Querystring part of a URL, including the question mark (?).
 * @return {Object} - URL params.
 */

return {};
}
/**
 * Get the current screen name.
 *
 * @return {string} - Screen name.
 */

function getScreenName() {
  let screenName = '';
  const {
    page,
    path,
    post_type: postType
  } = getUrlParams(window.location.search);

if (page) {
    const currentPage = page === 'wc-admin' ? 'home_screen' : page;
    screenName = path ? path.replace(/\//g, '_').substring(1) : currentPage;
  } else if (postType) {
    screenName = postType;
  }

return screenName;
}
/**
 * Similar to filter, but return two arrays separated by a partitioner function
 *
 * @param {Array} arr - Original array of values.
 * @param {Function} partitioner - Function to return truthy/falsy values to separate items in array.
 *
 * @return {Array} - Array of two arrays, first including truthy values, and second including falsy.
 */

const sift = (arr, partitioner) => arr.reduce((all, curr) => {
  all[!!partitioner(curr) ? 0 : 1].push(curr);
  return all;
}, [[], []]);

/***/ }),

/***/ 541:
/***/ (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 _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(14);
/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_compose__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(8);
/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _automattic_interpolate_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(20);
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(4);
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _woocommerce_components__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(22);
/* harmony import */ var _woocommerce_components__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_woocommerce_components__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _woocommerce_data__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(12);
/* harmony import */ var _woocommerce_data__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_woocommerce_data__WEBPACK_IMPORTED_MODULE_7__);
/* harmony import */ var _woocommerce_explat__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(123);
/* harmony import */ var _woocommerce_explat__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_woocommerce_explat__WEBPACK_IMPORTED_MODULE_8__);

/**
 * External dependencies
 */

class UsageModal extends _wordpress_element__WEBPACK_IMPORTED_MODULE_0__["Component"] {
  constructor(props) {
    super(props);
    this.state = {
      isLoadingScripts: false,
      isRequestStarted: false
    };
  }

async componentDidUpdate(prevProps, prevState) {
    const {
      hasErrors,
      isRequesting,
      onClose,
      onContinue,
      createNotice
    } = this.props;
    const {
      isLoadingScripts,
      isRequestStarted
    } = this.state; // We can't rely on isRequesting props only because option update might be triggered by other component.

if (!isRequestStarted) {
      return;
    }

const isRequestSuccessful = !isRequesting && !isLoadingScripts && (prevProps.isRequesting || prevState.isLoadingScripts) && !hasErrors;
    const isRequestError = !isRequesting && prevProps.isRequesting && hasErrors;

if (isRequestSuccessful) {
      onClose();
      onContinue();
    }

if (isRequestError) {
      createNotice('error', Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('There was a problem updating your preferences', 'woocommerce-admin'));
      onClose();
    }
  }

updateTracking(_ref) {
    let {
      allowTracking
    } = _ref;
    const {
      updateOptions
    } = this.props;

if (allowTracking && typeof window.wcTracks.enable === 'function') {
      this.setState({
        isLoadingScripts: true
      });
      window.wcTracks.enable(() => {
        // Don't update state if component is unmounted already
        if (!this._isMounted) {
          return;
        }

Object(_woocommerce_explat__WEBPACK_IMPORTED_MODULE_8__["initializeExPlat"])();
        this.setState({
          isLoadingScripts: false
        });
      });
    } else if (!allowTracking) {
      window.wcTracks.isEnabled = false;
    }

const trackingValue = allowTracking ? 'yes' : 'no';
    this.setState({
      isRequestStarted: true
    });
    updateOptions({
      woocommerce_allow_tracking: trackingValue
    });
  }

componentDidMount() {
    this._isMounted = true;
  }

componentWillUnmount() {
    this._isMounted = false;
  }

render() {
    const {
      allowTracking,
      isResolving,
      onClose,
      onContinue
    } = this.props;

if (isResolving) {
      return null;
    } // Bail if site has already opted in to tracking

if (allowTracking) {
      onClose();
      onContinue();
      return null;
    }

const {
      isRequesting,
      title = Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Build a better WooCommerce', 'woocommerce-admin'),
      message = Object(_automattic_interpolate_components__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"])({
        mixedString: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Get improved features and faster fixes by sharing non-sensitive data via {{link}}usage tracking{{/link}} ' + 'that shows us how WooCommerce is used. No personal data is tracked or stored.', 'woocommerce-admin'),
        components: {
          link: Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_woocommerce_components__WEBPACK_IMPORTED_MODULE_6__["Link"], {
            href: "https://woocommerce.com/usage-tracking?utm_medium=product",
            target: "_blank",
            type: "external"
          })
        }
      }),
      dismissActionText = Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('No thanks', 'woocommerce-admin'),
      acceptActionText = Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Yes, count me in!', 'woocommerce-admin')
    } = this.props;
    const {
      isRequestStarted
    } = this.state;
    const isBusy = isRequestStarted && isRequesting;
    return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__["Modal"], {
      title: title,
      isDismissible: this.props.isDismissible,
      onRequestClose: () => this.props.onClose(),
      className: "woocommerce-usage-modal"
    }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", {
      className: "woocommerce-usage-modal__wrapper"
    }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", {
      className: "woocommerce-usage-modal__message"
    }, message), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", {
      className: "woocommerce-usage-modal__actions"
    }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__["Button"], {
      isSecondary: true,
      isBusy: isBusy,
      onClick: () => this.updateTracking({
        allowTracking: false
      })
    }, dismissActionText), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__["Button"], {
      isPrimary: true,
      isBusy: isBusy,
      onClick: () => this.updateTracking({
        allowTracking: true
      })
    }, acceptActionText))));
  }

}

/* harmony default export */ __webpack_exports__["a"] = (Object(_wordpress_compose__WEBPACK_IMPORTED_MODULE_2__["compose"])(Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_3__["withSelect"])(select => {
  const {
    getOption,
    getOptionsUpdatingError,
    isOptionsUpdating,
    hasFinishedResolution
  } = select(_woocommerce_data__WEBPACK_IMPORTED_MODULE_7__["OPTIONS_STORE_NAME"]);
  return {
    allowTracking: getOption('woocommerce_allow_tracking') === 'yes',
    isRequesting: Boolean(isOptionsUpdating()),
    isResolving: !hasFinishedResolution('getOption', ['woocommerce_allow_tracking']) || typeof getOption('woocommerce_allow_tracking') === 'undefined',
    hasErrors: Boolean(getOptionsUpdatingError())
  };
}), Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_3__["withDispatch"])(dispatch => {
  const {
    createNotice
  } = dispatch('core/notices');
  const {
    updateOptions
  } = dispatch(_woocommerce_data__WEBPACK_IMPORTED_MODULE_7__["OPTIONS_STORE_NAME"]);
  return {
    createNotice,
    updateOptions
  };
}))(UsageModal));

/***/ }),

/***/ 554:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* unused harmony export isAddressFieldRequired */
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getStoreAddressValidator; });
/* unused harmony export getCountryStateOptions */
/* unused harmony export normalizeState */
/* unused harmony export getStateFilter */
/* unused harmony export useGetCountryStateAutofill */
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return StoreAddress; });
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(40);
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(0);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _woocommerce_data__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(12);
/* harmony import */ var _woocommerce_data__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_woocommerce_data__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _wordpress_html_entities__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(34);
/* harmony import */ var _wordpress_html_entities__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_html_entities__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5);
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _woocommerce_components__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(22);
/* harmony import */ var _woocommerce_components__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_woocommerce_components__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(4);
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_7__);
/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(8);
/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_8__);

/**
 * External dependencies
 */

/**
 * Internal dependencies
 */

const storeAddressFields = ['addressLine1', 'addressLine2', 'city', 'countryState', 'postCode'];

/**
 * Check if a given address field is required for the locale.
 *
 * @param {string} fieldName Name of the field to check.
 * @param {Object} locale Locale data.
 * @return {boolean} Field requirement.
 */
function isAddressFieldRequired(fieldName) {
  var _locale$fieldName;

let locale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};

if ((_locale$fieldName = locale[fieldName]) !== null && _locale$fieldName !== void 0 && _locale$fieldName.hasOwnProperty('required')) {
    var _locale$fieldName2;

return (_locale$fieldName2 = locale[fieldName]) === null || _locale$fieldName2 === void 0 ? void 0 : _locale$fieldName2.required;
  }

if (fieldName === 'address_2') {
    return false;
  }

return true;
}
/**
 * Form validation.
 *
 * @param {Object} locale The store locale.
 * @return {Function} Validator function.
 */

function getStoreAddressValidator() {
  let locale = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

/**
   * Form validator.
   *
   * @param {Object} values Keyed values of all fields in the form.
   * @return {Object} Key value of fields and error messages, { myField: 'This field is required' }
   */
  return values => {
    const errors = {};

if (isAddressFieldRequired('address_1', locale) && !values.addressLine1.trim().length) {
      errors.addressLine1 = Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__["__"])('Please add an address', 'woocommerce-admin');
    }

if (!values.countryState.trim().length) {
      errors.countryState = Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__["__"])('Please select a country / region', 'woocommerce-admin');
    }

if (isAddressFieldRequired('city', locale) && !values.city.trim().length) {
      errors.city = Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__["__"])('Please add a city', 'woocommerce-admin');
    }

if (isAddressFieldRequired('postcode', locale) && !values.postCode.trim().length) {
      errors.postCode = Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__["__"])('Please add a post code', 'woocommerce-admin');
    }

return errors;
  };
}
/**
 * Get all country and state combinations used for select dropdowns.
 *
 * @return {Object} Select options, { value: 'US:GA', label: 'United States - Georgia' }
 */

function getCountryStateOptions(countries) {
  const countryStateOptions = countries.reduce((acc, country) => {
    if (!country.states.length) {
      acc.push({
        key: country.code,
        label: Object(_wordpress_html_entities__WEBPACK_IMPORTED_MODULE_4__["decodeEntities"])(country.name)
      });
      return acc;
    }

const normalizeState = state => {
  return state.replace(/\s/g, '').toLowerCase();
};
/**
 * Get state filter
 *
 * @param {string} isStateAbbreviation Whether to use state abbreviation or not.
 * @param {string} normalizedAutofillState The value of the autofillState field.
 * @return {Function} filter function.
 */

const getStateFilter = (isStateAbbreviation, normalizedAutofillState) => option => {
  const countryStateArray = isStateAbbreviation ? option.key.split(':') : option.label.split('—'); // No region options in the country

if (countryStateArray.length <= 1) {
    return false;
  }

const state = countryStateArray[1]; // Handle special case, for example: China — Beijing / 北京

if (state.includes('/')) {
    const stateStrList = state.split('/');
    return normalizeState(stateStrList[0]) === normalizedAutofillState || normalizeState(stateStrList[1]) === normalizedAutofillState;
  } // Handle special case, for example: Iran — Alborz (البرز)

if (state.includes('(') && state.includes(')')) {
    const stateStrList = state.replace(')', '').split('(');
    return normalizeState(stateStrList[0]) === normalizedAutofillState || normalizeState(stateStrList[1]) === normalizedAutofillState;
  }

return normalizeState(state) === normalizedAutofillState;
};
/**
 * Get the autofill countryState fields and set value from filtered options.
 *
 * @param {Array} options Array of filterable options.
 * @param {string} countryState The value of the countryState field.
 * @param {Function} setValue Set value of the countryState input.
 * @return {Object} React component.
 */

function useGetCountryStateAutofill(options, countryState, setValue) {
  const [autofillCountry, setAutofillCountry] = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["useState"])('');
  const [autofillState, setAutofillState] = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["useState"])('');
  const isAutofillChange = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["useRef"])(); // Sync the autofill fields on first render and the countryState value changes.

Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["useEffect"])(() => {
    if (!isAutofillChange.current) {
      const option = options.find(opt => opt.key === countryState);
      const labels = option ? option.label.split(/\u2013|\u2014|\-/) : [];
      const newCountry = (labels[0] || '').trim();
      const newState = (labels[1] || '').trim();

if (newCountry !== autofillCountry || newState !== autofillState) {
        setAutofillCountry(newCountry);
        setAutofillState(newState);
      }
    }

isAutofillChange.current = false; // Disable reason: If we include autofillCountry/autofillState in the dependency array, we will have an unnecessary function call because we also update them in this function.
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [countryState, options]); // Sync the countryState value the autofill fields changes

Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["useEffect"])(() => {
    // Skip on first render since we only want to update the value when the autofill fields changes.
    if (isAutofillChange.current === undefined) {
      return;
    }

if (!autofillCountry && !autofillState && countryState) {
      // Clear form
      isAutofillChange.current = true;
      setValue('countryState', '');
      return;
    }

const countrySearch = new RegExp(Object(lodash__WEBPACK_IMPORTED_MODULE_5__["escapeRegExp"])(autofillCountry), 'i');
    const isCountryAbbreviation = autofillCountry.length < 3;
    const isStateAbbreviation = autofillState.length < 3 && !!autofillState.match(/^[\w]+$/);
    let filteredOptions = [];

if (autofillCountry.length && autofillState.length) {
      filteredOptions = options.filter(option => countrySearch.test(isCountryAbbreviation ? option.key : option.label)); // no country matches so use all options for state filter.

if (!filteredOptions.length) {
        filteredOptions = [...options];
      }

if (filteredOptions.length > 1) {
        filteredOptions = filteredOptions.filter(getStateFilter(isStateAbbreviation, normalizeState(autofillState)));
      }
    } else if (autofillCountry.length) {
      filteredOptions = options.filter(option => countrySearch.test(isCountryAbbreviation ? option.key : option.label));
    } else if (autofillState.length) {
      filteredOptions = options.filter(getStateFilter(isStateAbbreviation, normalizeState(autofillState)));
    }

if (filteredOptions.length === 1 && countryState !== filteredOptions[0].key) {
      isAutofillChange.current = true;
      setValue('countryState', filteredOptions[0].key);
    } // Disable reason: If we include countryState in the dependency array, we will have an unnecessary function call because we also update it in this function.
    // eslint-disable-next-line react-hooks/exhaustive-deps

}, [autofillCountry, autofillState, options, setValue]);
  return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["Fragment"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("input", {
    onChange: event => setAutofillCountry(event.target.value),
    value: autofillCountry,
    name: "country",
    type: "text",
    className: "woocommerce-select-control__autofill-input",
    tabIndex: -1,
    autoComplete: "country"
  }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("input", {
    onChange: event => setAutofillState(event.target.value),
    value: autofillState,
    name: "state",
    type: "text",
    className: "woocommerce-select-control__autofill-input",
    tabIndex: -1,
    autoComplete: "address-level1"
  }));
}

/**
 * Store address fields.
 *
 * @param {Object} props Props for input components.
 * @param {Function} props.getInputProps Get input props.
 * @param {Function} props.setValue Set value of the countryState input.
 * @return {Object} -
 */
function StoreAddress(_ref) {
  var _locale$address_, _locale$address_2, _locale$address_3, _locale$address_4, _locale$city, _locale$city2, _locale$postcode, _locale$postcode2;

let {
    getInputProps,
    setValue
  } = _ref;
  const countryState = getInputProps('countryState').value;
  const {
    locale,
    hasFinishedResolution,
    countries,
    loadingCountries
  } = Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_8__["useSelect"])(select => {
    const {
      getLocale,
      getCountries,
      hasFinishedResolution: hasFinishedCountryResolution
    } = select(_woocommerce_data__WEBPACK_IMPORTED_MODULE_3__["COUNTRIES_STORE_NAME"]);
    return {
      locale: getLocale(countryState),
      countries: getCountries(),
      loadingCountries: !hasFinishedCountryResolution('getCountries'),
      hasFinishedResolution: hasFinishedCountryResolution('getLocales')
    };
  });
  const countryStateOptions = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["useMemo"])(() => getCountryStateOptions(countries), [countries]);
  const countryStateAutofill = useGetCountryStateAutofill(countryStateOptions, countryState, setValue);
  Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["useEffect"])(() => {
    if (locale) {
      storeAddressFields.forEach(field => {
        var _locale$fieldKey, _props$value;

const fieldKey = field.replace(/(address)Line([0-9])/, '$1$2').toLowerCase();
        const props = getInputProps(field);

if ((_locale$fieldKey = locale[fieldKey]) !== null && _locale$fieldKey !== void 0 && _locale$fieldKey.hidden && ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.length) > 0) {
          // Clear hidden field.
          setValue(field, '');
        }
      });
    }
  }, [countryState, locale]);

if (!hasFinishedResolution || loadingCountries) {
    return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_7__["Spinner"], null);
  }

return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("div", {
    className: "woocommerce-store-address-fields"
  }, !(locale !== null && locale !== void 0 && (_locale$address_ = locale.address_1) !== null && _locale$address_ !== void 0 && _locale$address_.hidden) && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_woocommerce_components__WEBPACK_IMPORTED_MODULE_6__["TextControl"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
    label: (locale === null || locale === void 0 ? void 0 : (_locale$address_2 = locale.address_1) === null || _locale$address_2 === void 0 ? void 0 : _locale$address_2.label) || Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__["__"])('Address line 1', 'woocommerce-admin'),
    required: isAddressFieldRequired('address_1', locale),
    autoComplete: "address-line1"
  }, getInputProps('addressLine1'))), !(locale !== null && locale !== void 0 && (_locale$address_3 = locale.address_2) !== null && _locale$address_3 !== void 0 && _locale$address_3.hidden) && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_woocommerce_components__WEBPACK_IMPORTED_MODULE_6__["TextControl"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
    label: (locale === null || locale === void 0 ? void 0 : (_locale$address_4 = locale.address_2) === null || _locale$address_4 === void 0 ? void 0 : _locale$address_4.label) || Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__["__"])('Address line 2 (optional)', 'woocommerce-admin'),
    required: isAddressFieldRequired('address_2', locale),
    autoComplete: "address-line2"
  }, getInputProps('addressLine2'))), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_woocommerce_components__WEBPACK_IMPORTED_MODULE_6__["SelectControl"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
    label: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__["__"])('Country / Region', 'woocommerce-admin'),
    required: true,
    autoComplete: "new-password" // disable autocomplete and autofill
    ,
    options: countryStateOptions,
    excludeSelectedOptions: false,
    showAllOnFocus: true,
    isSearchable: true
  }, getInputProps('countryState'), {
    controlClassName: getInputProps('countryState').className
  }), countryStateAutofill), !(locale !== null && locale !== void 0 && (_locale$city = locale.city) !== null && _locale$city !== void 0 && _locale$city.hidden) && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_woocommerce_components__WEBPACK_IMPORTED_MODULE_6__["TextControl"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
    label: (locale === null || locale === void 0 ? void 0 : (_locale$city2 = locale.city) === null || _locale$city2 === void 0 ? void 0 : _locale$city2.label) || Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__["__"])('City', 'woocommerce-admin'),
    required: isAddressFieldRequired('city', locale)
  }, getInputProps('city'), {
    autoComplete: "address-level2"
  })), !(locale !== null && locale !== void 0 && (_locale$postcode = locale.postcode) !== null && _locale$postcode !== void 0 && _locale$postcode.hidden) && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_woocommerce_components__WEBPACK_IMPORTED_MODULE_6__["TextControl"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
    label: (locale === null || locale === void 0 ? void 0 : (_locale$postcode2 = locale.postcode) === null || _locale$postcode2 === void 0 ? void 0 : _locale$postcode2.label) || Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__["__"])('Post code', 'woocommerce-admin'),
    required: isAddressFieldRequired('postcode', locale),
    autoComplete: "postal-code"
  }, getInputProps('postCode'))));
}

/***/ }),

/***/ 611:
/***/ (function(module, exports, __webpack_require__) {

// extracted by mini-css-extract-plugin

/***/ }),

/***/ 612:
/***/ (function(module, exports, __webpack_require__) {

// extracted by mini-css-extract-plugin

/***/ }),

/***/ 613:
/***/ (function(module, exports, __webpack_require__) {

// extracted by mini-css-extract-plugin

/***/ }),

/***/ 614:
/***/ (function(module, exports, __webpack_require__) {

// extracted by mini-css-extract-plugin

/***/ }),

/***/ 615:
/***/ (function(module, exports, __webpack_require__) {

// extracted by mini-css-extract-plugin

/***/ }),

/***/ 616:
/***/ (function(module, exports, __webpack_require__) {

"use strict";
Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=_default;var _react=_interopRequireDefault(__webpack_require__(6)),_excluded=["size","onClick","icon","className"];function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign||function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||Object.prototype.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c,d,e={},f=Object.keys(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||(e[c]=a[c]);return e}function _default(a){var b=a.size,c=void 0===b?24:b,d=a.onClick,e=a.icon,f=a.className,g=_objectWithoutProperties(a,_excluded),h=["gridicon","gridicons-info",f,!!function isModulo18(a){return 0==a%18}(c)&&"needs-offset",!1,!1].filter(Boolean).join(" ");return _react["default"].createElement("svg",_extends({className:h,height:c,width:c,onClick:d},g,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"}),_react["default"].createElement("g",null,_react["default"].createElement("path",{d:"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"})))}

/***/ }),

/***/ 617:
/***/ (function(module, exports, __webpack_require__) {

// extracted by mini-css-extract-plugin

/***/ }),

/***/ 618:
/***/ (function(module, exports, __webpack_require__) {

"use strict";
Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=_default;var _react=_interopRequireDefault(__webpack_require__(6)),_excluded=["size","onClick","icon","className"];function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign||function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||Object.prototype.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c,d,e={},f=Object.keys(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||(e[c]=a[c]);return e}function _default(a){var b=a.size,c=void 0===b?24:b,d=a.onClick,e=a.icon,f=a.className,g=_objectWithoutProperties(a,_excluded),h=["gridicon","gridicons-cloud-upload",f,!1,!1,!1].filter(Boolean).join(" ");return _react["default"].createElement("svg",_extends({className:h,height:c,width:c,onClick:d},g,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"}),_react["default"].createElement("g",null,_react["default"].createElement("path",{d:"M18 9c-.009 0-.017.002-.025.003A6.496 6.496 0 005 9.5a6.5 6.5 0 00.186 1.519C5.123 11.016 5.064 11 5 11a4 4 0 00-4 4c0 1.202.541 2.267 1.38 3h18.593C22.196 17.089 23 15.643 23 14a5 5 0 00-5-5zm-5 4v3h-2v-3H8l4-5 4 5h-3z"})))}

/***/ }),

/***/ 619:
/***/ (function(module, exports, __webpack_require__) {

"use strict";
Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=_default;var _react=_interopRequireDefault(__webpack_require__(6)),_excluded=["size","onClick","icon","className"];function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign||function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||Object.prototype.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c,d,e={},f=Object.keys(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||(e[c]=a[c]);return e}function _default(a){var b=a.size,c=void 0===b?24:b,d=a.onClick,e=a.icon,f=a.className,g=_objectWithoutProperties(a,_excluded),h=["gridicon","gridicons-phone",f,!1,!1,!1].filter(Boolean).join(" ");return _react["default"].createElement("svg",_extends({className:h,height:c,width:c,onClick:d},g,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"}),_react["default"].createElement("g",null,_react["default"].createElement("path",{d:"M16 2H8a2 2 0 00-2 2v16a2 2 0 002 2h8a2 2 0 002-2V4a2 2 0 00-2-2zm-3 19h-2v-1h2v1zm3-2H8V5h8v14z"})))}

/***/ }),

/***/ 620:
/***/ (function(module, exports, __webpack_require__) {

"use strict";
Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=_default;var _react=_interopRequireDefault(__webpack_require__(6)),_excluded=["size","onClick","icon","className"];function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign||function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||Object.prototype.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c,d,e={},f=Object.keys(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||(e[c]=a[c]);return e}function _default(a){var b=a.size,c=void 0===b?24:b,d=a.onClick,e=a.icon,f=a.className,g=_objectWithoutProperties(a,_excluded),h=["gridicon","gridicons-tablet",f,!1,!1,!1].filter(Boolean).join(" ");return _react["default"].createElement("svg",_extends({className:h,height:c,width:c,onClick:d},g,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"}),_react["default"].createElement("g",null,_react["default"].createElement("path",{d:"M18 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V4a2 2 0 00-2-2zm-5 19h-2v-1h2v1zm5-2H6V5h12v14z"})))}

/***/ }),

/***/ 621:
/***/ (function(module, exports, __webpack_require__) {

"use strict";
Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=_default;var _react=_interopRequireDefault(__webpack_require__(6)),_excluded=["size","onClick","icon","className"];function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign||function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||Object.prototype.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c,d,e={},f=Object.keys(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||(e[c]=a[c]);return e}function _default(a){var b=a.size,c=void 0===b?24:b,d=a.onClick,e=a.icon,f=a.className,g=_objectWithoutProperties(a,_excluded),h=["gridicon","gridicons-computer",f,!1,!1,!1].filter(Boolean).join(" ");return _react["default"].createElement("svg",_extends({className:h,height:c,width:c,onClick:d},g,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"}),_react["default"].createElement("g",null,_react["default"].createElement("path",{d:"M20 2H4a2 2 0 00-2 2v12a2 2 0 002 2h6v2H7v2h10v-2h-3v-2h6a2 2 0 002-2V4a2 2 0 00-2-2zm0 14H4V4h16v12z"})))}

/***/ }),

/***/ 622:
/***/ (function(module, exports, __webpack_require__) {

// extracted by mini-css-extract-plugin

/***/ }),

/***/ 645:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* 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 default export */ __webpack_exports__["default"] = (_ref => {
  let {} = _ref;
  return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", null, "Settings page");
});

/***/ }),

/***/ 651:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// EXTERNAL MODULE: external ["wp","element"]
var external_wp_element_ = __webpack_require__(0);

// EXTERNAL MODULE: external ["wp","i18n"]
var external_wp_i18n_ = __webpack_require__(2);

// EXTERNAL MODULE: external ["wp","hooks"]
var external_wp_hooks_ = __webpack_require__(28);

// EXTERNAL MODULE: external ["wp","compose"]
var external_wp_compose_ = __webpack_require__(14);

// EXTERNAL MODULE: external "lodash"
var external_lodash_ = __webpack_require__(5);

// EXTERNAL MODULE: external ["wp","data"]
var external_wp_data_ = __webpack_require__(8);

// EXTERNAL MODULE: external ["wc","navigation"]
var external_wc_navigation_ = __webpack_require__(13);

// EXTERNAL MODULE: external ["wc","data"]
var external_wc_data_ = __webpack_require__(12);

// EXTERNAL MODULE: external ["wc","tracks"]
var external_wc_tracks_ = __webpack_require__(17);

// EXTERNAL MODULE: external ["wc","wcSettings"]
var external_wc_wcSettings_ = __webpack_require__(15);

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/extends.js
var helpers_extends = __webpack_require__(40);
var extends_default = /*#__PURE__*/__webpack_require__.n(helpers_extends);

// EXTERNAL MODULE: external ["wc","components"]
var external_wc_components_ = __webpack_require__(22);

// EXTERNAL MODULE: external ["wp","components"]
var external_wp_components_ = __webpack_require__(4);

// EXTERNAL MODULE: ./node_modules/classnames/index.js
var classnames = __webpack_require__(7);
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);

// EXTERNAL MODULE: ./client/lib/currency-context.js
var currency_context = __webpack_require__(527);

// EXTERNAL MODULE: ./client/lib/notices/index.js
var notices = __webpack_require__(531);

// CONCATENATED MODULE: ./client/profile-wizard/steps/business-details/data/platform-options.js
/**
 * External dependencies
 */

const platformOptions = [{
  key: 'shopify',
  label: Object(external_wp_i18n_["__"])('Shopify', 'woocommerce-admin')
}, {
  key: 'bigcommerce',
  label: Object(external_wp_i18n_["__"])('BigCommerce', 'woocommerce-admin')
}, {
  key: 'magento',
  label: Object(external_wp_i18n_["__"])('Magento', 'woocommerce-admin')
}, {
  key: 'wix',
  label: Object(external_wp_i18n_["__"])('Wix', 'woocommerce-admin')
}, {
  key: 'amazon',
  label: Object(external_wp_i18n_["__"])('Amazon', 'woocommerce-admin')
}, {
  key: 'ebay',
  label: Object(external_wp_i18n_["__"])('eBay', 'woocommerce-admin')
}, {
  key: 'etsy',
  label: Object(external_wp_i18n_["__"])('Etsy', 'woocommerce-admin')
}, {
  key: 'squarespace',
  label: Object(external_wp_i18n_["__"])('Squarespace', 'woocommerce-admin')
}, {
  key: 'other',
  label: Object(external_wp_i18n_["__"])('Other', 'woocommerce-admin')
}];
// CONCATENATED MODULE: ./client/profile-wizard/steps/business-details/data/employee-options.js
/**
 * External dependencies
 */

const employeeOptions = [{
  key: '1',
  label: Object(external_wp_i18n_["__"])("It's just me", 'woocommerce-admin')
}, {
  key: '<10',
  label: Object(external_wp_i18n_["__"])('< 10', 'woocommerce-admin')
}, {
  key: '10-50',
  label: '10 - 50'
}, {
  key: '50-250',
  label: '50 - 250'
}, {
  key: '+250',
  label: Object(external_wp_i18n_["__"])('+250', 'woocommerce-admin')
}, {
  key: 'not specified',
  label: Object(external_wp_i18n_["__"])("I'd rather not say", 'woocommerce-admin')
}];
// CONCATENATED MODULE: ./client/profile-wizard/steps/business-details/data/selling-venue-options.js
/**
 * External dependencies
 */

const sellingVenueOptions = [{
  key: 'no',
  label: Object(external_wp_i18n_["__"])('No', 'woocommerce-admin')
}, {
  key: 'other',
  label: Object(external_wp_i18n_["__"])('Yes, on another platform', 'woocommerce-admin')
}, {
  key: 'other-woocommerce',
  label: Object(external_wp_i18n_["__"])('Yes, I own a different store powered by WooCommerce', 'woocommerce-admin')
}, {
  key: 'brick-mortar',
  label: Object(external_wp_i18n_["__"])('Yes, in person at physical stores and/or events', 'woocommerce-admin')
}, {
  key: 'brick-mortar-other',
  label: Object(external_wp_i18n_["__"])('Yes, on another platform and in person at physical stores and/or events', 'woocommerce-admin')
}];
// EXTERNAL MODULE: ./client/dashboard/utils.js
var utils = __webpack_require__(69);

// EXTERNAL MODULE: external ["wc","number"]
var external_wc_number_ = __webpack_require__(122);

// CONCATENATED MODULE: ./client/profile-wizard/steps/business-details/data/product-options.js
/**
 * External dependencies
 */

const formatNumber = (numberConfig, value) => {
  return Object(external_wc_number_["formatValue"])(numberConfig, 'number', value);
};

const getNumberRangeString = function (numberConfig, min) {
  let max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
  let formatAmount = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : formatNumber;

if (!max) {
    return Object(external_wp_i18n_["sprintf"])(Object(external_wp_i18n_["_x"])('%s+', 'store product count or revenue', 'woocommerce-admin'), formatAmount(numberConfig, min));
  }

return Object(external_wp_i18n_["sprintf"])(Object(external_wp_i18n_["_x"])('%1$s - %2$s', 'store product count or revenue range', 'woocommerce-admin'), formatAmount(numberConfig, min), formatAmount(numberConfig, max));
};
const getProductCountOptions = numberConfig => [{
  key: '0',
  label: Object(external_wp_i18n_["__"])("I don't have any products yet.", 'woocommerce-admin')
}, {
  key: '1-10',
  label: getNumberRangeString(numberConfig, 1, 10)
}, {
  key: '11-100',
  label: getNumberRangeString(numberConfig, 11, 100)
}, {
  key: '101-1000',
  label: getNumberRangeString(numberConfig, 101, 1000)
}, {
  key: '1000+',
  label: getNumberRangeString(numberConfig, 1000)
}];
// CONCATENATED MODULE: ./client/profile-wizard/steps/business-details/data/revenue-options.js
/**
 * External dependencies
 */

/**
 * Internal dependencies
 */

// These are rough exchange rates from USD.  Precision is not paramount.
// The keys here should match the keys in `getCurrencyData`.

const exchangeRates = {
  US: 1,
  EU: 0.9,
  IN: 71.24,
  GB: 0.76,
  BR: 4.19,
  VN: 23172.5,
  ID: 14031.0,
  BD: 84.87,
  PK: 154.8,
  RU: 63.74,
  TR: 5.75,
  MX: 19.37,
  CA: 1.32
};

const convertCurrency = (value, country) => {
  const region = Object(utils["c" /* getCurrencyRegion */])(country);

if (region === 'US') {
    return value;
  }

const exchangeRate = exchangeRates[region] || exchangeRates.US;
  const digits = exchangeRate.toString().split('.')[0].length;
  const multiplier = Math.pow(10, 2 + digits);
  return Math.round(value * exchangeRate / multiplier) * multiplier;
};

const getRevenueOptions = (numberConfig, country, formatAmount) => [{
  key: 'none',
  label: Object(external_wp_i18n_["sprintf"])(
  /* translators: %s: $0 revenue amount */
  Object(external_wp_i18n_["__"])("%s (I'm just getting started)", 'woocommerce-admin'), formatAmount(0))
}, {
  key: 'up-to-2500',
  label: Object(external_wp_i18n_["sprintf"])(
  /* translators: %s: A given revenue amount, e.g., $2500 */
  Object(external_wp_i18n_["__"])('Up to %s', 'woocommerce-admin'), formatAmount(convertCurrency(2500, country)))
}, {
  key: '2500-10000',
  label: getNumberRangeString(numberConfig, convertCurrency(2500, country), convertCurrency(10000, country), (_, amount) => formatAmount(amount))
}, {
  key: '10000-50000',
  label: getNumberRangeString(numberConfig, convertCurrency(10000, country), convertCurrency(50000, country), (_, amount) => formatAmount(amount))
}, {
  key: '50000-250000',
  label: getNumberRangeString(numberConfig, convertCurrency(50000, country), convertCurrency(250000, country), (_, amount) => formatAmount(amount))
}, {
  key: 'more-than-250000',
  label: Object(external_wp_i18n_["sprintf"])(
  /* translators: %s: A given revenue amount, e.g., $250000 */
  Object(external_wp_i18n_["__"])('More than %s', 'woocommerce-admin'), formatAmount(convertCurrency(250000, country)))
}, {
  key: 'rather-not-say',
  label: Object(external_wp_i18n_["__"])("I'd rather not say", 'woocommerce-admin')
}];
// EXTERNAL MODULE: external ["wc","experimental"]
var external_wc_experimental_ = __webpack_require__(18);

// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/icon/index.js
var icon = __webpack_require__(105);

// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/chevron-up.js
var chevron_up = __webpack_require__(289);

// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/chevron-down.js
var chevron_down = __webpack_require__(290);

// EXTERNAL MODULE: ./node_modules/@automattic/interpolate-components/dist/esm/index.js + 1 modules
var esm = __webpack_require__(20);

// CONCATENATED MODULE: ./client/profile-wizard/steps/business-details/flows/selective-bundle/app-illustration.js

// EXTERNAL MODULE: ./client/lib/sanitize-html/index.js
var sanitize_html = __webpack_require__(535);

// CONCATENATED MODULE: ./client/lib/collections/index.js
/**
 * Returns an object with items grouped by the sent key.
 *
 * @param {Array} array array of objects.
 * @param {string} key the object prop that will be used to group elements.
 * @param {string} defaultKey if the key is not found in the object, it will use this value.
 * @return {Object} Object that contains the grouped elements.
 */
const groupListOfObjectsBy = function (array, key) {
  let defaultKey = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'undefined';

if (array && Array.isArray(array) && array.length) {
    if (!key) {
      return array;
    }

return array.reduce((result, currentValue) => {
      if (!currentValue[key]) {
        currentValue[key] = defaultKey;
      }

(result[currentValue[key]] = result[currentValue[key]] || []).push(currentValue);
      return result;
    }, {});
  }

return {};
};
/**
 * Returns a (shallow) copy of an object with all its props set to the specified value
 *
 * @param {*} obj the Object to copy.
 * @param {*} value the value to set all props on the object to.
 */

/**
 * External dependencies
 */

/**
 * Internal dependencies
 */

const ALLOWED_PLUGIN_CATEGORIES = ['obw/basics', 'obw/grow'];

const FreeBadge = () => {
  return Object(external_wp_element_["createElement"])("div", {
    className: "woocommerce-admin__business-details__free-badge"
  }, Object(external_wp_i18n_["__"])('Free', 'woocommerce-admin'));
};

const renderBusinessExtensionHelpText = (values, isInstallingActivating) => {
  const extensions = Object.keys(values).filter(key => values[key] && key !== 'install_extensions');

if (extensions.length === 0) {
    return null;
  }

const extensionsList = extensions.reduce((uniqueExtensionList, extension) => {
    const extensionName = external_wc_data_["pluginNames"][extension];
    return uniqueExtensionList.includes(extensionName) ? uniqueExtensionList : [...uniqueExtensionList, extensionName];
  }, []).join(', ');

if (isInstallingActivating) {
    return Object(external_wp_element_["createElement"])("div", {
      className: "woocommerce-profile-wizard__footnote"
    }, Object(external_wp_element_["createElement"])(external_wc_experimental_["Text"], {
      variant: "caption",
      as: "p",
      size: "12",
      lineHeight: "16px"
    }, Object(external_wp_i18n_["sprintf"])(
    /* translators: %s: a comma separated list of plugins, e.g. Jetpack, Woocommerce Shipping */
    Object(external_wp_i18n_["_n"])('Installing the following plugin: %s', 'Installing the following plugins: %s', extensions.length, 'woocommerce-admin'), extensionsList)));
  }

const accountRequiredText = Object(external_wp_i18n_["__"])('User accounts are required to use these features.', 'woocommerce-admin');

const BundleExtensionCheckbox = _ref => {
  let {
    onChange,
    description,
    isChecked
  } = _ref;

const recordProductLinkClick = event => {
    const link = event.target.closest('a');

if (!link || !event.currentTarget.contains(link) || !link.href.startsWith('https://woocommerce.com/products/')) {
      return;
    }

Object(external_wc_tracks_["recordEvent"])('storeprofiler_store_business_features_link_click', {
      extension_name: link.href.split('https://woocommerce.com/products/')[1]
    });
  };

return Object(external_wp_element_["createElement"])("div", {
    className: "woocommerce-admin__business-details__selective-extensions-bundle__extension"
  }, Object(external_wp_element_["createElement"])(external_wp_components_["CheckboxControl"], {
    id: "woocommerce-business-extensions__checkbox",
    checked: isChecked,
    onChange: onChange
  }), Object(external_wp_element_["createElement"])("p", {
    className: "woocommerce-admin__business-details__selective-extensions-bundle__description",
    dangerouslySetInnerHTML: Object(sanitize_html["a" /* default */])(description),
    onClick: recordProductLinkClick
  }), Object(external_wp_element_["createElement"])(FreeBadge, null));
};

const ExtensionSection = _ref2 => {
  let {
    isResolving,
    title,
    extensions,
    installExtensionOptions,
    onCheckboxChange
  } = _ref2;

if (isResolving) {
    return Object(external_wp_element_["createElement"])("div", null, Object(external_wp_element_["createElement"])(external_wp_components_["Spinner"], null));
  }

if (extensions.length === 0) {
    return null;
  }

return Object(external_wp_element_["createElement"])("div", null, Object(external_wp_element_["createElement"])("div", {
    className: "woocommerce-admin__business-details__selective-extensions-bundle__category"
  }, title), extensions.map(_ref3 => {
    let {
      description,
      key
    } = _ref3;
    return Object(external_wp_element_["createElement"])(BundleExtensionCheckbox, {
      key: key,
      description: description,
      isChecked: installExtensionOptions[key],
      onChange: onCheckboxChange(key)
    });
  }));
};
const createInstallExtensionOptions = installableExtensions => {
  return installableExtensions.reduce((acc, curr) => {
    const plugins = curr.plugins.reduce((pluginAcc, plugin) => {
      return { ...pluginAcc,
        [plugin.key]: true
      };
    }, {});
    return { ...acc,
      ...plugins
    };
  }, {
    install_extensions: true
  });
};
const SelectiveExtensionsBundle = _ref4 => {
  let {
    isInstallingActivating,
    onSubmit,
    country,
    productTypes,
    industry
  } = _ref4;
  const [showExtensions, setShowExtensions] = Object(external_wp_element_["useState"])(false);
  const [installExtensionOptions, setInstallExtensionOptions] = Object(external_wp_element_["useState"])({
    install_extensions: true
  });
  const {
    freeExtensions: freeExtensionBundleByCategory,
    isResolving
  } = Object(external_wp_data_["useSelect"])(select => {
    const {
      getFreeExtensions,
      hasFinishedResolution
    } = select(external_wc_data_["ONBOARDING_STORE_NAME"]);
    return {
      freeExtensions: getFreeExtensions(),
      isResolving: !hasFinishedResolution('getFreeExtensions')
    };
  });
  const {
    invalidateResolutionForStoreSelector
  } = Object(external_wp_data_["useDispatch"])(external_wc_data_["ONBOARDING_STORE_NAME"]);
  Object(external_wp_element_["useEffect"])(() => {
    invalidateResolutionForStoreSelector('getFreeExtensions'); // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [country, industry]);
  const installableExtensions = Object(external_wp_element_["useMemo"])(() => {
    return freeExtensionBundleByCategory.filter(extensionBundle => {
      if (window.wcAdminFeatures && window.wcAdminFeatures.subscriptions && Object(utils["b" /* getCountryCode */])(country) === 'US') {
        if (productTypes.includes('subscriptions')) {
          extensionBundle.plugins = extensionBundle.plugins.filter(extension => extension.key !== 'woocommerce-payments' || extension.key === 'woocommerce-payments' && !extension.is_activated);
        }
      }

return ALLOWED_PLUGIN_CATEGORIES.includes(extensionBundle.key);
    });
  }, [freeExtensionBundleByCategory, productTypes, country]);
  Object(external_wp_element_["useEffect"])(() => {
    if (!isInstallingActivating) {
      setInstallExtensionOptions(() => createInstallExtensionOptions(installableExtensions));
    } // Disable reason: This effect should only called when the installableExtensions are changed.
    // eslint-disable-next-line react-hooks/exhaustive-deps

}, [installableExtensions]);

const getCheckboxChangeHandler = key => {
    return checked => {
      const newState = { ...installExtensionOptions,
        [key]: checked
      };
      const allExtensionsDisabled = Object.entries(newState).filter(_ref5 => {
        let [, val] = _ref5;
        return val;
      }).length === 1 && newState.install_extensions;

if (allExtensionsDisabled) {
        // If all the extensions are disabled then disable the "Install Extensions" checkbox too
        setInstallExtensionOptions({ ...newState,
          install_extensions: false
        });
      } else {
        setInstallExtensionOptions({ ...installExtensionOptions,
          [key]: checked,
          install_extensions: true
        });
      }
    };
  };

return Object(external_wp_element_["createElement"])("div", {
    className: "woocommerce-profile-wizard__business-details__free-features"
  }, Object(external_wp_element_["createElement"])(external_wp_components_["Card"], null, Object(external_wp_element_["createElement"])("div", {
    className: "woocommerce-profile-wizard__business-details__free-features__illustration"
  }, Object(external_wp_element_["createElement"])(AppIllustration, null)), Object(external_wp_element_["createElement"])("div", {
    className: "woocommerce-admin__business-details__selective-extensions-bundle"
  }, Object(external_wp_element_["createElement"])("div", {
    className: "woocommerce-admin__business-details__selective-extensions-bundle__extension"
  }, Object(external_wp_element_["createElement"])(external_wp_components_["CheckboxControl"], {
    checked: installExtensionOptions.install_extensions,
    onChange: checked => {
      setInstallExtensionOptions(setAllPropsToValue(installExtensionOptions, checked));
    }
  }), Object(external_wp_element_["createElement"])("p", {
    className: "woocommerce-admin__business-details__selective-extensions-bundle__description"
  }, Object(external_wp_i18n_["__"])('Add recommended business features to my site', 'woocommerce-admin')), Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
    className: "woocommerce-admin__business-details__selective-extensions-bundle__expand",
    disabled: !installableExtensions || installableExtensions.length === 0,
    onClick: () => {
      setShowExtensions(!showExtensions);

if (!showExtensions) {
        // only record the accordion click when the accordion is opened.
        Object(external_wc_tracks_["recordEvent"])('storeprofiler_store_business_features_accordion_click');
      }
    }
  }, Object(external_wp_element_["createElement"])(icon["a" /* default */], {
    icon: showExtensions ? chevron_up["a" /* default */] : chevron_down["a" /* default */]
  }))), showExtensions && installableExtensions.map(_ref6 => {
    let {
      plugins,
      key,
      title
    } = _ref6;
    return Object(external_wp_element_["createElement"])(ExtensionSection, {
      key: key,
      title: title,
      extensions: plugins,
      installExtensionOptions: installExtensionOptions,
      onCheckboxChange: getCheckboxChangeHandler
    });
  })), Object(external_wp_element_["createElement"])("div", {
    className: "woocommerce-profile-wizard__business-details__free-features__action"
  }, Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
    onClick: () => {
      onSubmit(installExtensionOptions, installableExtensions);
    },
    isBusy: isInstallingActivating || isResolving,
    disabled: isInstallingActivating || isResolving,
    isPrimary: true
  }, Object(external_wp_i18n_["__"])('Continue', 'woocommerce-admin')))), renderBusinessExtensionHelpText(installExtensionOptions, isInstallingActivating));
};
// EXTERNAL MODULE: ./client/utils/index.js + 1 modules
var client_utils = __webpack_require__(539);

// EXTERNAL MODULE: ./client/profile-wizard/steps/business-details/flows/selective-bundle/style.scss
var selective_bundle_style = __webpack_require__(612);

// CONCATENATED MODULE: ./client/profile-wizard/steps/business-details/flows/selective-bundle/index.js

/**
 * External dependencies
 */

/**
 * Internal dependencies
 */

function getTimeFrame(timeInMs) {
  for (const timeFrame of timeFrames) {
    if (!timeFrame.max) {
      return timeFrame.name;
    }

if (timeInMs < timeFrame.max * 1000) {
      return timeFrame.name;
    }
  }
}

const prepareExtensionTrackingData = extensionInstallationOptions => {
  const installedExtensions = {};

for (let [fieldKey, value] of Object.entries(extensionInstallationOptions)) {
    fieldKey = Object(client_utils["a" /* getPluginSlug */])(fieldKey);
    const key = Object(client_utils["b" /* getPluginTrackKey */])(fieldKey);

if (fieldKey !== 'install_extensions' && !installedExtensions[`install_${key}`]) {
      installedExtensions[`install_${key}`] = value;
    }
  }

return installedExtensions;
};
const prepareExtensionTrackingInstallationData = (extensionInstallationOptions, installationData) => {
  const installed = [];
  const data = {};

for (let [fieldKey] of Object.entries(extensionInstallationOptions)) {
    fieldKey = Object(client_utils["a" /* getPluginSlug */])(fieldKey);
    const key = Object(client_utils["b" /* getPluginTrackKey */])(fieldKey);

if (installationData && installationData.data && installationData.data.install_time && installationData.data.install_time[fieldKey]) {
      installed.push(key);
      data[`install_time_${key}`] = getTimeFrame(installationData.data.install_time[fieldKey]);
    }
  }

data.installed_extensions = installed;
  data.activated_extensions = installationData && installationData.data && installationData.data.activated ? installationData.data.activated : [];
  return data;
};
const isSellingElsewhere = selectedOption => ['other', 'brick-mortar', 'brick-mortar-other', 'other-woocommerce'].includes(selectedOption);
const isSellingOtherPlatformInPerson = selectedOption => ['other', 'brick-mortar-other'].includes(selectedOption);

class selective_bundle_BusinessDetails extends external_wp_element_["Component"] {
  constructor(props) {
    super();
    this.state = {
      isPopoverVisible: false,
      isValid: false,
      currentTab: 'business-details',
      savedValues: null
    };
    this.onContinue = this.onContinue.bind(this);
    this.validate = this.validate.bind(this);
    props.trackStepValueChanges(props.step.key, { ...(this.state.savedValues || props.initialValues)
    }, this.savedValues || props.initialValues, this.persistProfileItems.bind(this));
  }

async onContinue(extensionInstallationOptions, installableExtensionsData) {
    const {
      createNotice,
      goToNextStep,
      installAndActivatePlugins
    } = this.props;
    const alreadyActivatedExtensions = installableExtensionsData.reduce((actExtensions, bundle) => {
      const activated = bundle.plugins.filter(plugin => plugin.is_activated).map(plugin => plugin.key);
      return [...actExtensions, ...activated];
    }, []);
    const businessExtensions = filterBusinessExtensions(extensionInstallationOptions, alreadyActivatedExtensions);
    const installedExtensions = prepareExtensionTrackingData(extensionInstallationOptions);
    Object(external_wc_tracks_["recordEvent"])('storeprofiler_store_business_features_continue', {
      all_extensions_installed: Object.values(extensionInstallationOptions).every(val => val),
      ...installedExtensions
    });
    const promises = [this.persistProfileItems({
      business_extensions: [...businessExtensions, ...alreadyActivatedExtensions]
    })];

if (businessExtensions.length) {
      const installationStartTime = window.performance.now();
      promises.push(installAndActivatePlugins(businessExtensions).then(response => {
        const totalInstallationTime = window.performance.now() - installationStartTime;
        const installedExtensionsData = prepareExtensionTrackingInstallationData(extensionInstallationOptions, response);
        Object(external_wc_tracks_["recordEvent"])('storeprofiler_store_business_features_installed_and_activated', {
          success: true,
          total_time: getTimeFrame(totalInstallationTime),
          ...installedExtensionsData
        });
        Object(notices["a" /* createNoticesFromResponse */])(response);
      }).catch(error => {
        Object(external_wc_tracks_["recordEvent"])('storeprofiler_store_business_features_installed_and_activated', {
          success: false,
          failed_extensions: Object.keys(error.data || {}).map(key => Object(client_utils["b" /* getPluginTrackKey */])(key))
        });
        Object(notices["a" /* createNoticesFromResponse */])(error);
        throw new Error();
      }));
    }

Promise.all(promises).then(() => {
      goToNextStep({
        step: BUSINESS_FEATURES_TAB_NAME
      });
    }).catch(() => {
      createNotice('error', Object(external_wp_i18n_["__"])('There was a problem updating your business details', 'woocommerce-admin'));
    });
  }

async persistProfileItems() {
    let additions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
    const {
      updateProfileItems,
      createNotice
    } = this.props;
    const {
      number_employees: numberEmployees,
      other_platform: otherPlatform,
      other_platform_name: otherPlatformName,
      product_count: productCount,
      revenue,
      selling_venues: sellingVenues,
      setup_client: isSetupClient
    } = this.state.savedValues;
    const updates = {
      number_employees: numberEmployees,
      other_platform: otherPlatform,
      other_platform_name: otherPlatform === 'other' ? otherPlatformName : '',
      product_count: productCount,
      revenue,
      selling_venues: sellingVenues,
      setup_client: isSetupClient,
      ...additions
    }; // Remove possible empty values like `revenue` and `other_platform`.

const finalUpdates = Object.entries(updates).reduce((acc, _ref) => {
      let [key, val] = _ref;

if (val !== '') {
        acc[key] = val;
      }

return acc;
    }, {});
    return updateProfileItems(finalUpdates).catch(() => {
      createNotice('error', Object(external_wp_i18n_["__"])('There was a problem updating your business details', 'woocommerce-admin'));
    });
  }

validate(values) {
    const errors = {};

if (!values.product_count.length) {
      errors.product_count = Object(external_wp_i18n_["__"])('This field is required', 'woocommerce-admin');
    }

if (!values.selling_venues.length) {
      errors.selling_venues = Object(external_wp_i18n_["__"])('This field is required', 'woocommerce-admin');
    }

if (!values.other_platform.length && isSellingOtherPlatformInPerson(values.selling_venues)) {
      errors.other_platform = Object(external_wp_i18n_["__"])('This field is required', 'woocommerce-admin');
    }

if (!values.other_platform_name.trim().length && values.other_platform === 'other' && isSellingOtherPlatformInPerson(values.selling_venues)) {
      errors.other_platform_name = Object(external_wp_i18n_["__"])('This field is required', 'woocommerce-admin');
    }

if (!values.number_employees.length && isSellingElsewhere(values.selling_venues)) {
      errors.number_employees = Object(external_wp_i18n_["__"])('This field is required', 'woocommerce-admin');
    }

if (!values.revenue.length && isSellingElsewhere(values.selling_venues)) {
      errors.revenue = Object(external_wp_i18n_["__"])('This field is required', 'woocommerce-admin');
    }

if (Object.keys(errors).length === 0) {
      this.setState({
        isValid: true
      });
    }

return errors;
  }

trackBusinessDetailsStep(_ref2) {
    let {
      number_employees: numberEmployees,
      other_platform: otherPlatform,
      other_platform_name: otherPlatformName,
      product_count: productCount,
      selling_venues: sellingVenues,
      revenue,
      setup_client: isSetupClient
    } = _ref2;
    const {
      getCurrencyConfig
    } = this.context;
    Object(external_wc_tracks_["recordEvent"])('storeprofiler_store_business_details_continue_variant', {
      number_employees: numberEmployees,
      already_selling: sellingVenues,
      currency: getCurrencyConfig().code,
      product_number: productCount,
      revenue,
      used_platform: otherPlatform,
      used_platform_name: otherPlatformName,
      setup_client: isSetupClient
    });
    Object(external_wc_tracks_["recordEvent"])('storeprofiler_step_complete', {
      step: BUSINESS_DETAILS_TAB_NAME,
      wc_version: Object(external_wc_wcSettings_["getSetting"])('wcVersion')
    });
  }

getSelectControlProps(getInputProps) {
    let name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
    const {
      className,
      ...props
    } = getInputProps(name);
    return { ...props,
      className: classnames_default()(`woocommerce-profile-wizard__${name.replace(/\_/g, '-')}`, className)
    };
  }

renderBusinessDetailsStep() {
    const {
      goToNextStep,
      isInstallingActivating,
      hasInstallActivateError
    } = this.props;
    const {
      formatAmount,
      getCurrencyConfig
    } = this.context;
    const productCountOptions = getProductCountOptions(getCurrencyConfig());
    return Object(external_wp_element_["createElement"])(external_wc_components_["Form"], {
      initialValues: this.state.savedValues || this.props.initialValues,
      onSubmit: values => {
        this.setState({
          savedValues: values,
          currentTab: BUSINESS_FEATURES_TAB_NAME
        });
        this.trackBusinessDetailsStep(values);
        Object(external_wc_tracks_["recordEvent"])('storeprofiler_step_view', {
          step: BUSINESS_FEATURES_TAB_NAME,
          wc_version: Object(external_wc_wcSettings_["getSetting"])('wcVersion')
        });
      },
      onChange: (_, values, isValid) => {
        this.setState({
          savedValues: values,
          isValid
        });
        this.props.updateCurrentStepValues(this.props.step.key, values);
      },
      validate: this.validate
    }, _ref3 => {
      let {
        getInputProps,
        handleSubmit,
        values,
        isValidForm
      } = _ref3;
      return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])("div", {
        className: "woocommerce-profile-wizard__step-header"
      }, Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalText"], {
        variant: "title.small",
        as: "h2",
        size: "20",
        lineHeight: "28px"
      }, Object(external_wp_i18n_["__"])('Tell us about your business', 'woocommerce-admin')), Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalText"], {
        variant: "body",
        as: "p"
      }, Object(external_wp_i18n_["__"])("We'd love to know if you are just getting started or you already have a business in place.", 'woocommerce-admin'))), Object(external_wp_element_["createElement"])(external_wp_components_["Card"], null, Object(external_wp_element_["createElement"])(external_wp_components_["CardBody"], null, Object(external_wp_element_["createElement"])(external_wc_components_["SelectControl"], extends_default()({
        excludeSelectedOptions: false,
        label: Object(external_wp_i18n_["__"])('How many products do you plan to display?', 'woocommerce-admin'),
        options: productCountOptions,
        required: true
      }, this.getSelectControlProps(getInputProps, 'product_count'))), Object(external_wp_element_["createElement"])(external_wc_components_["SelectControl"], extends_default()({
        excludeSelectedOptions: false,
        label: Object(external_wp_i18n_["__"])('Currently selling elsewhere?', 'woocommerce-admin'),
        options: sellingVenueOptions,
        required: true
      }, this.getSelectControlProps(getInputProps, 'selling_venues'))), isSellingElsewhere(values.selling_venues) && Object(external_wp_element_["createElement"])(external_wc_components_["SelectControl"], extends_default()({
        excludeSelectedOptions: false,
        label: Object(external_wp_i18n_["__"])('How many employees do you have?', 'woocommerce-admin'),
        options: employeeOptions,
        required: true
      }, this.getSelectControlProps(getInputProps, 'number_employees'))), isSellingElsewhere(values.selling_venues) && Object(external_wp_element_["createElement"])(external_wc_components_["SelectControl"], extends_default()({
        excludeSelectedOptions: false,
        label: Object(external_wp_i18n_["__"])("What's your current annual revenue?", 'woocommerce-admin'),
        options: getRevenueOptions(getCurrencyConfig(), this.props.settings.woocommerce_default_country, formatAmount),
        required: true
      }, this.getSelectControlProps(getInputProps, 'revenue'))), isSellingOtherPlatformInPerson(values.selling_venues) && Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])("div", {
        className: "business-competitors"
      }, Object(external_wp_element_["createElement"])(external_wc_components_["SelectControl"], extends_default()({
        excludeSelectedOptions: false,
        label: Object(external_wp_i18n_["__"])('Which platform is the store using?', 'woocommerce-admin'),
        options: platformOptions,
        required: true
      }, this.getSelectControlProps(getInputProps, 'other_platform'))), values.other_platform === 'other' && Object(external_wp_element_["createElement"])(external_wc_components_["TextControl"], extends_default()({
        label: Object(external_wp_i18n_["__"])('What is the platform name?', 'woocommerce-admin'),
        required: true
      }, this.getSelectControlProps(getInputProps, 'other_platform_name')))))), Object(external_wp_element_["createElement"])(external_wp_components_["CardFooter"], {
        isBorderless: true
      }, Object(external_wp_element_["createElement"])(external_wp_components_["FlexItem"], null, Object(external_wp_element_["createElement"])("div", {
        className: "woocommerce-profile-wizard__client"
      }, Object(external_wp_element_["createElement"])(external_wp_components_["CheckboxControl"], extends_default()({
        label: Object(external_wp_i18n_["__"])("I'm setting up a store for a client", 'woocommerce-admin')
      }, getInputProps('setup_client')))))), Object(external_wp_element_["createElement"])(external_wp_components_["CardFooter"], {
        justify: "center"
      }, Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
        isPrimary: true,
        onClick: async () => {
          await handleSubmit();
          this.persistProfileItems();
        },
        disabled: !isValidForm,
        isBusy: isInstallingActivating
      }, !hasInstallActivateError ? Object(external_wp_i18n_["__"])('Continue', 'woocommerce-admin') : Object(external_wp_i18n_["__"])('Retry', 'woocommerce-admin')), hasInstallActivateError && Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
        onClick: () => {
          this.persistProfileItems();
          goToNextStep({
            step: BUSINESS_FEATURES_TAB_NAME
          });
        }
      }, Object(external_wp_i18n_["__"])('Continue without installing', 'woocommerce-admin')))));
    });
  }

renderFreeFeaturesStep() {
    const {
      isInstallingActivating,
      settings,
      profileItems
    } = this.props;
    const country = settings.woocommerce_default_country ? settings.woocommerce_default_country : null;
    return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])("div", {
      className: "woocommerce-profile-wizard__step-header"
    }, Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalText"], {
      variant: "title.small",
      as: "h2",
      size: "20",
      lineHeight: "28px"
    }, Object(external_wp_i18n_["__"])('Included business features', 'woocommerce-admin')), Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalText"], {
      variant: "body",
      as: "p"
    }, Object(external_wp_i18n_["__"])('We recommend enhancing your store with these free extensions', 'woocommerce-admin')), Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalText"], {
      variant: "body",
      as: "p"
    }, Object(external_wp_i18n_["__"])('No commitment required - you can remove them at any time.', 'woocommerce-admin'))), Object(external_wp_element_["createElement"])(SelectiveExtensionsBundle, {
      isInstallingActivating: isInstallingActivating,
      onSubmit: this.onContinue,
      country: country,
      industry: profileItems.industry,
      productTypes: profileItems.product_types
    }));
  }

render() {
    const {
      initialValues
    } = this.props; // There is a hack here to help us manage the selected tab programatically.
    // We set the tab name "current-tab". when its the one we want selected. This tricks
    // the logic in the TabPanel and allows us to switch which tab has the name "current-tab"
    // and force it to re-render with a different tab selected.

return Object(external_wp_element_["createElement"])(external_wp_components_["TabPanel"], {
      activeClass: "is-active",
      initialTabName: "current-tab",
      onSelect: tabName => {
        if (this.state.currentTab !== tabName) {
          this.setState({
            currentTab: tabName,
            savedValues: this.state.savedValues || initialValues
          });
          Object(external_wc_tracks_["recordEvent"])('storeprofiler_step_view', {
            step: tabName,
            wc_version: Object(external_wc_wcSettings_["getSetting"])('wcVersion')
          });
        }
      },
      tabs: [{
        name: this.state.currentTab === BUSINESS_DETAILS_TAB_NAME ? 'current-tab' : BUSINESS_DETAILS_TAB_NAME,
        id: BUSINESS_DETAILS_TAB_NAME,
        title: Object(external_wp_i18n_["__"])('Business details', 'woocommerce-admin')
      }, {
        name: this.state.currentTab === BUSINESS_FEATURES_TAB_NAME ? 'current-tab' : BUSINESS_FEATURES_TAB_NAME,
        id: BUSINESS_FEATURES_TAB_NAME,
        title: Object(external_wp_i18n_["__"])('Free features', 'woocommerce-admin'),
        className: this.state.isValid ? '' : 'is-disabled'
      }]
    }, tab => Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, this.getTab(tab.id)));
  }

getTab(tabId) {
    if (tabId === BUSINESS_DETAILS_TAB_NAME) {
      return this.renderBusinessDetailsStep();
    }

return this.renderFreeFeaturesStep();
  }

}

selective_bundle_BusinessDetails.contextType = currency_context["a" /* CurrencyContext */];
const BusinessFeaturesList = Object(external_wp_compose_["compose"])(Object(external_wp_data_["withSelect"])(select => {
  const {
    getSettings,
    getSettingsError
  } = select(external_wc_data_["SETTINGS_STORE_NAME"]);
  const {
    getProfileItems,
    getOnboardingError
  } = select(external_wc_data_["ONBOARDING_STORE_NAME"]);
  const {
    getPluginsError,
    isPluginsRequesting
  } = select(external_wc_data_["PLUGINS_STORE_NAME"]);
  const {
    general: settings = {}
  } = getSettings('general');
  return {
    hasInstallActivateError: getPluginsError('installPlugins') || getPluginsError('activatePlugins'),
    isError: Boolean(getOnboardingError('updateProfileItems')),
    profileItems: getProfileItems(),
    isSettingsError: Boolean(getSettingsError('general')),
    settings,
    isInstallingActivating: isPluginsRequesting('installPlugins') || isPluginsRequesting('activatePlugins') || isPluginsRequesting('getJetpackConnectUrl')
  };
}), Object(external_wp_data_["withDispatch"])(dispatch => {
  const {
    updateProfileItems
  } = dispatch(external_wc_data_["ONBOARDING_STORE_NAME"]);
  const {
    installAndActivatePlugins
  } = dispatch(external_wc_data_["PLUGINS_STORE_NAME"]);
  const {
    createNotice
  } = dispatch('core/notices');
  return {
    createNotice,
    installAndActivatePlugins,
    updateProfileItems
  };
}))(selective_bundle_BusinessDetails);
// EXTERNAL MODULE: ./client/profile-wizard/steps/business-details/style.scss
var business_details_style = __webpack_require__(613);

// CONCATENATED MODULE: ./client/profile-wizard/steps/business-details/index.js

/**
 * External dependencies
 */

/**
 * Internal dependencies
 */

const BusinessDetailsStep = props => {
  const {
    profileItems,
    isLoading
  } = Object(external_wp_data_["useSelect"])(select => {
    return {
      isLoading: !select(external_wc_data_["ONBOARDING_STORE_NAME"]).hasFinishedResolution('getProfileItems') || !select(external_wc_data_["SETTINGS_STORE_NAME"]).hasFinishedResolution('getSettings', ['general']),
      profileItems: select(external_wc_data_["ONBOARDING_STORE_NAME"]).getProfileItems()
    };
  });

if (isLoading) {
    return Object(external_wp_element_["createElement"])("div", {
      className: "woocommerce-admin__business-details__spinner"
    }, Object(external_wp_element_["createElement"])(external_wc_components_["Spinner"], null));
  }

// CONCATENATED MODULE: ./client/profile-wizard/steps/industry.js

/**
 * External dependencies
 */

/**
 * Internal dependencies
 */

const onboarding = Object(admin_settings["d" /* getAdminSetting */])('onboarding', {});

class industry_Industry extends external_wp_element_["Component"] {
  constructor(props) {
    const profileItems = Object(external_lodash_["get"])(props, 'profileItems', {});
    let selected = profileItems.industry || [];
    /**
     * @todo Remove block on `updateProfileItems` refactor to wp.data dataStores.
     *
     * The following block is a side effect of wc-api not being truly async
     * and is a temporary fix until a refactor to wp.data can take place.
     *
     * Calls to `updateProfileItems` in the previous screen happen async
     * and won't be updated in wc-api's state when this component is initialized.
     * As such, we need to make sure cbd is not initialized as selected when a
     * user has changed location to non-US based.
     */

const {
      locationSettings
    } = props;
    const region = Object(utils["c" /* getCurrencyRegion */])(locationSettings.woocommerce_default_country);

if (region !== 'US') {
      const cbdSlug = 'cbd-other-hemp-derived-products';
      selected = selected.filter(industry => {
        return cbdSlug !== industry && cbdSlug !== industry.slug;
      });
    }
    /**
     * End block to be removed after refactor.
     */

super();
    this.state = {
      error: null,
      selected,
      textInputListContent: {}
    };
    this.onContinue = this.onContinue.bind(this);
    this.onIndustryChange = this.onIndustryChange.bind(this);
    this.onDetailChange = this.onDetailChange.bind(this);
    const selectedSlugs = this.getSelectedSlugs();
    props.trackStepValueChanges(props.step.key, selectedSlugs, selectedSlugs, this.onContinue);
  }

getSelectedSlugs() {
    return this.state.selected.map(industry => industry.slug);
  }

componentDidUpdate() {
    this.props.updateCurrentStepValues(this.props.step.key, this.getSelectedSlugs());
  }

async onContinue() {
    await this.validateField();

if (this.state.error) {
      return;
    }

const {
      createNotice,
      isError,
      updateProfileItems
    } = this.props;
    const selectedIndustriesList = this.state.selected.map(industry => industry.slug); // Here the selected industries are converted to a string that is a comma separated list

const industriesWithDetail = this.state.selected.map(industry => industry.detail).filter(n => n).join(',');
    Object(external_wc_tracks_["recordEvent"])('storeprofiler_store_industry_continue', {
      store_industry: selectedIndustriesList,
      industries_with_detail: industriesWithDetail
    });
    await updateProfileItems({
      industry: this.state.selected
    });

if (isError) {
      createNotice('error', Object(external_wp_i18n_["__"])('There was a problem updating your industries', 'woocommerce-admin'));
      return Promise.reject();
    }

return true;
  }

async validateField() {
    const error = this.state.selected.length ? null : Object(external_wp_i18n_["__"])('Please select at least one industry', 'woocommerce-admin');
    this.setState({
      error
    });
  }

onIndustryChange(slug) {
    this.setState(state => {
      const newSelected = state.selected;
      const selectedIndustry = Object(external_lodash_["find"])(newSelected, {
        slug
      });

if (selectedIndustry) {
        const newTextInputListContent = state.textInputListContent;
        newTextInputListContent[slug] = selectedIndustry.detail;
        return {
          selected: Object(external_lodash_["filter"])(state.selected, value => {
            return value.slug !== slug;
          }) || [],
          textInputListContent: newTextInputListContent
        };
      }

newSelected.push({
        slug,
        detail: state.textInputListContent[slug]
      });
      return {
        selected: newSelected
      };
    }, () => this.validateField());
  }

onDetailChange(value, slug) {
    this.setState(state => {
      const newSelected = state.selected;
      const newTextInputListContent = state.textInputListContent;
      const industryIndex = Object(external_lodash_["findIndex"])(newSelected, {
        slug
      });
      newSelected[industryIndex].detail = value;
      newTextInputListContent[slug] = value;
      return {
        selected: newSelected,
        textInputListContent: newTextInputListContent
      };
    });
  }

renderIndustryLabel(slug, industry, selectedIndustry) {
    const {
      textInputListContent
    } = this.state;
    return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, industry.label, industry.use_description && selectedIndustry && Object(external_wp_element_["createElement"])(external_wc_components_["TextControl"], {
      key: `text-control-${slug}`,
      label: industry.description_label,
      value: selectedIndustry.detail || textInputListContent[slug] || '',
      onChange: value => this.onDetailChange(value, slug),
      className: "woocommerce-profile-wizard__text"
    }));
  }

render() {
    const {
      industries
    } = onboarding;
    const {
      error,
      selected
    } = this.state;
    const {
      locationSettings,
      isProfileItemsRequesting
    } = this.props;
    const region = Object(utils["c" /* getCurrencyRegion */])(locationSettings.woocommerce_default_country);
    const industryKeys = Object.keys(industries);
    const filteredIndustryKeys = region === 'US' ? industryKeys : industryKeys.filter(slug => slug !== 'cbd-other-hemp-derived-products');
    return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])("div", {
      className: "woocommerce-profile-wizard__step-header"
    }, Object(external_wp_element_["createElement"])(external_wc_experimental_["Text"], {
      variant: "title.small",
      as: "h2",
      size: "20",
      lineHeight: "28px"
    }, Object(external_wp_i18n_["__"])('In which industry does the store operate?', 'woocommerce-admin')), Object(external_wp_element_["createElement"])(external_wc_experimental_["Text"], {
      variant: "body",
      as: "p"
    }, Object(external_wp_i18n_["__"])('Choose any that apply', 'woocommerce-admin'))), Object(external_wp_element_["createElement"])(external_wp_components_["Card"], null, Object(external_wp_element_["createElement"])(external_wp_components_["CardBody"], {
      size: null
    }, Object(external_wp_element_["createElement"])("div", {
      className: "woocommerce-profile-wizard__checkbox-group"
    }, filteredIndustryKeys.map(slug => {
      const selectedIndustry = Object(external_lodash_["find"])(selected, {
        slug
      });
      return Object(external_wp_element_["createElement"])(external_wp_components_["CheckboxControl"], {
        key: `checkbox-control-${slug}`,
        label: this.renderIndustryLabel(slug, industries[slug], selectedIndustry),
        onChange: () => this.onIndustryChange(slug),
        checked: selectedIndustry || false,
        className: "woocommerce-profile-wizard__checkbox"
      });
    }), error && Object(external_wp_element_["createElement"])("span", {
      className: "woocommerce-profile-wizard__error"
    }, error))), Object(external_wp_element_["createElement"])(external_wp_components_["CardFooter"], {
      isBorderless: true,
      justify: "center"
    }, Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
      isPrimary: true,
      onClick: () => {
        this.onContinue().then(this.props.goToNextStep);
      },
      isBusy: isProfileItemsRequesting,
      disabled: !selected.length || isProfileItemsRequesting
    }, Object(external_wp_i18n_["__"])('Continue', 'woocommerce-admin')))));
  }

}

/* harmony default export */ var steps_industry = (Object(external_wp_compose_["compose"])(Object(external_wp_data_["withSelect"])(select => {
  const {
    getProfileItems,
    getOnboardingError,
    isOnboardingRequesting
  } = select(external_wc_data_["ONBOARDING_STORE_NAME"]);
  const {
    getSettings
  } = select(external_wc_data_["SETTINGS_STORE_NAME"]);
  const {
    general: locationSettings = {}
  } = getSettings('general');
  return {
    isError: Boolean(getOnboardingError('updateProfileItems')),
    profileItems: getProfileItems(),
    locationSettings,
    isProfileItemsRequesting: isOnboardingRequesting('updateProfileItems')
  };
}), Object(external_wp_data_["withDispatch"])(dispatch => {
  const {
    updateProfileItems
  } = dispatch(external_wc_data_["ONBOARDING_STORE_NAME"]);
  const {
    createNotice
  } = dispatch('core/notices');
  return {
    createNotice,
    updateProfileItems
  };
}))(industry_Industry));
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/info.js
var info = __webpack_require__(499);

// CONCATENATED MODULE: ./client/profile-wizard/steps/product-types/label.js

/**
 * External dependencies
 */

function ProductTypeLabel(_ref) {
  let {
    annualPrice,
    description,
    isMonthlyPricing,
    label,
    moreUrl,
    slug
  } = _ref;
  const [isPopoverVisible, setIsPopoverVisible] = Object(external_wp_element_["useState"])('');

if (!annualPrice) {
    return label;
  }
  /* eslint-disable @wordpress/i18n-no-collapsible-whitespace */

const toolTipText = Object(external_wp_i18n_["__"])("This product type requires a paid extension.\nWe'll add this to a cart so that\nyou can purchase and install it later.", 'woocommerce-admin');
  /* eslint-enable @wordpress/i18n-no-collapsible-whitespace */

return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])("span", {
    className: "woocommerce-product-wizard__product-types-label"
  }, label), Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
    isTertiary: true,
    label: Object(external_wp_i18n_["__"])('Learn more about recommended free business features', 'woocommerce-admin'),
    onClick: () => {
      setIsPopoverVisible(true);
    }
  }, Object(external_wp_element_["createElement"])(icon["a" /* default */], {
    icon: info["a" /* default */]
  })), isPopoverVisible && Object(external_wp_element_["createElement"])(external_wp_components_["Popover"], {
    focusOnMount: "container",
    position: "top center",
    onClose: () => setIsPopoverVisible(false)
  }, Object(esm["a" /* default */])({
    mixedString: description + (moreUrl ? ' {{moreLink/}}' : ''),
    components: {
      moreLink: moreUrl ? Object(external_wp_element_["createElement"])(external_wc_components_["Link"], {
        href: moreUrl,
        target: "_blank",
        type: "external",
        onClick: () => Object(external_wc_tracks_["recordEvent"])('storeprofiler_store_product_type_learn_more', {
          product_type: slug
        })
      }, Object(external_wp_i18n_["__"])('Learn more', 'woocommerce-admin')) : ''
    }
  })), Object(external_wp_element_["createElement"])(external_wp_components_["Tooltip"], {
    text: toolTipText,
    position: "bottom center"
  }, Object(external_wp_element_["createElement"])(external_wc_components_["Pill"], null, Object(external_wp_element_["createElement"])("span", {
    className: "screen-reader-text"
  }, toolTipText), isMonthlyPricing ? Object(external_wp_i18n_["sprintf"])(
  /* translators: Dollar amount (example: $4.08 ) */
  Object(external_wp_i18n_["__"])('$%f per month', 'woocommerce-admin'), (annualPrice / 12.0).toFixed(2)) : Object(external_wp_i18n_["sprintf"])(
  /* translators: Dollar amount (example: $49.00 ) */
  Object(external_wp_i18n_["__"])('$%f per year', 'woocommerce-admin'), annualPrice))));
}
// EXTERNAL MODULE: ./client/profile-wizard/steps/product-types/style.scss
var product_types_style = __webpack_require__(614);

// CONCATENATED MODULE: ./client/profile-wizard/steps/product-types/index.js

/**
 * External dependencies
 */

/**
 * Internal dependencies
 */

class product_types_ProductTypes extends external_wp_element_["Component"] {
  constructor() {
    super();
    this.state = {
      error: null,
      isMonthlyPricing: true,
      selected: [],
      isWCPayInstalled: null
    };
    this.onContinue = this.onContinue.bind(this);
    this.onChange = this.onChange.bind(this);
  }

componentDidMount() {
    const {
      installedPlugins,
      invalidateResolution
    } = this.props;
    const {
      isWCPayInstalled
    } = this.state;
    invalidateResolution('getProductTypes', []);

if (isWCPayInstalled === null && installedPlugins) {
      this.setState({
        isWCPayInstalled: installedPlugins.includes('woocommerce-payments')
      });
    }
  }

componentDidUpdate(prevProps, prevState) {
    const {
      profileItems,
      productTypes
    } = this.props;

if (this.state.selected !== prevState.selected) {
      this.props.updateCurrentStepValues(this.props.step.key, this.state.selected);
    }

if (prevProps.productTypes !== productTypes) {
      const defaultProductTypes = Object.keys(productTypes).filter(key => !!productTypes[key].default);
      this.setState({
        selected: profileItems.product_types || defaultProductTypes
      }, () => {
        this.props.trackStepValueChanges(this.props.step.key, [...this.state.selected], this.state.selected, this.onContinue);
      });
    }
  }

validateField() {
    const error = this.state.selected.length ? null : Object(external_wp_i18n_["__"])('Please select at least one product type', 'woocommerce-admin');
    this.setState({
      error
    });
    return !error;
  }

onContinue(onSuccess) {
    const {
      selected
    } = this.state;
    const {
      installedPlugins = []
    } = this.props;

if (!this.validateField()) {
      return;
    }

const {
      countryCode,
      createNotice,
      installAndActivatePlugins,
      updateProfileItems,
      productTypes
    } = this.props;
    const eventProps = {
      product_type: selected,
      wcpay_installed: false
    };
    const promises = [updateProfileItems({
      product_types: selected
    })];

if (window.wcAdminFeatures && window.wcAdminFeatures.subscriptions && countryCode === 'US' && productTypes.subscriptions && !productTypes.subscriptions.yearly_price && !installedPlugins.includes('woocommerce-payments') && selected.includes('subscriptions')) {
      promises.push(installAndActivatePlugins(['woocommerce-payments']).then(response => {
        eventProps.wcpay_installed = true;

if (response.data && response.data.install_time && response.data.install_time['woocommerce-payments']) {
          eventProps.install_time_wcpay = response.data.install_time['woocommerce-payments'];
        }

Object(notices["a" /* createNoticesFromResponse */])(response);
      }).catch(error => {
        Object(notices["a" /* createNoticesFromResponse */])(error);
        throw new Error();
      }));
    }

Promise.all(promises).then(() => {
      Object(external_wc_tracks_["recordEvent"])('storeprofiler_store_product_type_continue', eventProps);

if (typeof onSuccess === 'function') {
        onSuccess();
      }
    }).catch(() => createNotice('error', Object(external_wp_i18n_["__"])('There was a problem updating your product types', 'woocommerce-admin')));
  }

onChange(slug) {
    this.setState(state => {
      if (Object(external_lodash_["includes"])(state.selected, slug)) {
        return {
          selected: Object(external_lodash_["filter"])(state.selected, value => {
            return value !== slug;
          }) || []
        };
      }

const newSelected = state.selected;
      newSelected.push(slug);
      return {
        selected: newSelected
      };
    }, () => this.validateField());
  }

render() {
    const {
      productTypes = []
    } = this.props;
    const {
      error,
      isMonthlyPricing,
      isWCPayInstalled,
      selected
    } = this.state;
    const {
      countryCode,
      isInstallingActivating,
      isProductTypesRequesting,
      isProfileItemsRequesting
    } = this.props;

if (isProductTypesRequesting) {
      return Object(external_wp_element_["createElement"])("div", {
        className: "woocommerce-profile-wizard__product-types__spinner"
      }, Object(external_wp_element_["createElement"])(external_wp_components_["Spinner"], null));
    }

return Object(external_wp_element_["createElement"])("div", {
      className: "woocommerce-profile-wizard__product-types"
    }, Object(external_wp_element_["createElement"])("div", {
      className: "woocommerce-profile-wizard__step-header"
    }, Object(external_wp_element_["createElement"])(external_wc_experimental_["Text"], {
      variant: "title.small",
      as: "h2",
      size: "20",
      lineHeight: "28px"
    }, Object(external_wp_i18n_["__"])('What type of products will be listed?', 'woocommerce-admin')), Object(external_wp_element_["createElement"])(external_wc_experimental_["Text"], {
      variant: "body",
      as: "p"
    }, Object(external_wp_i18n_["__"])('Choose any that apply', 'woocommerce-admin'))), Object(external_wp_element_["createElement"])(external_wp_components_["Card"], null, Object(external_wp_element_["createElement"])(external_wp_components_["CardBody"], {
      size: null
    }, Object.keys(productTypes).map(slug => {
      return Object(external_wp_element_["createElement"])(external_wp_components_["CheckboxControl"], {
        key: slug,
        label: Object(external_wp_element_["createElement"])(ProductTypeLabel, {
          description: productTypes[slug].description,
          label: productTypes[slug].label,
          annualPrice: productTypes[slug].yearly_price,
          isMonthlyPricing: isMonthlyPricing,
          moreUrl: productTypes[slug].more_url,
          slug: slug
        }),
        onChange: () => this.onChange(slug),
        checked: selected.includes(slug),
        className: "woocommerce-profile-wizard__checkbox"
      });
    }), error && Object(external_wp_element_["createElement"])("span", {
      className: "woocommerce-profile-wizard__error"
    }, error)), Object(external_wp_element_["createElement"])(external_wp_components_["CardFooter"], {
      isBorderless: true,
      justify: "center"
    }, Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
      isPrimary: true,
      onClick: () => {
        this.onContinue(this.props.goToNextStep);
      },
      isBusy: isProfileItemsRequesting || isInstallingActivating,
      disabled: !selected.length || isProfileItemsRequesting || isInstallingActivating
    }, Object(external_wp_i18n_["__"])('Continue', 'woocommerce-admin')))), Object(external_wp_element_["createElement"])("div", {
      className: "woocommerce-profile-wizard__card-help-footnote"
    }, Object(external_wp_element_["createElement"])("div", {
      className: "woocommerce-profile-wizard__product-types-pricing-toggle woocommerce-profile-wizard__checkbox"
    }, Object(external_wp_element_["createElement"])("label", {
      htmlFor: "woocommerce-product-types__pricing-toggle"
    }, Object(external_wp_element_["createElement"])(external_wc_experimental_["Text"], {
      variant: "body",
      as: "p"
    }, Object(external_wp_i18n_["__"])('Display monthly prices', 'woocommerce-admin')), Object(external_wp_element_["createElement"])(external_wp_components_["FormToggle"], {
      id: "woocommerce-product-types__pricing-toggle",
      checked: isMonthlyPricing,
      onChange: () => this.setState({
        isMonthlyPricing: !isMonthlyPricing
      })
    }))), Object(external_wp_element_["createElement"])(external_wc_experimental_["Text"], {
      variant: "caption",
      size: "12",
      lineHeight: "16px"
    }, Object(external_wp_i18n_["__"])('Billing is annual. All purchases are covered by our 30 day money back guarantee and include access to support and updates. Extensions will be added to a cart for you to purchase later.', 'woocommerce-admin')), window.wcAdminFeatures && window.wcAdminFeatures.subscriptions && countryCode === 'US' && !isWCPayInstalled && productTypes.subscriptions && !productTypes.subscriptions.yearly_price && selected.includes('subscriptions') && Object(external_wp_element_["createElement"])(external_wc_experimental_["Text"], {
      variant: "body",
      size: "12",
      lineHeight: "16px",
      as: "p"
    }, Object(external_wp_i18n_["__"])('The following extensions will be added to your site for free: WooCommerce Payments. An account is required to use this feature.', 'woocommerce-admin'))));
  }

}
/* harmony default export */ var product_types = (Object(external_wp_compose_["compose"])(Object(external_wp_data_["withSelect"])(select => {
  const {
    getProfileItems,
    getProductTypes,
    getOnboardingError,
    hasFinishedResolution,
    isOnboardingRequesting
  } = select(external_wc_data_["ONBOARDING_STORE_NAME"]);
  const {
    getSettings
  } = select(external_wc_data_["SETTINGS_STORE_NAME"]);
  const {
    getInstalledPlugins,
    isPluginsRequesting
  } = select(external_wc_data_["PLUGINS_STORE_NAME"]);
  const {
    general: settings = {}
  } = getSettings('general');
  return {
    isError: Boolean(getOnboardingError('updateProfileItems')),
    profileItems: getProfileItems(),
    isProfileItemsRequesting: isOnboardingRequesting('updateProfileItems'),
    installedPlugins: getInstalledPlugins(),
    isInstallingActivating: isPluginsRequesting('installPlugins') || isPluginsRequesting('activatePlugins'),
    countryCode: Object(utils["b" /* getCountryCode */])(settings.woocommerce_default_country),
    productTypes: getProductTypes(),
    isProductTypesRequesting: !hasFinishedResolution('getProductTypes')
  };
}), Object(external_wp_data_["withDispatch"])(dispatch => {
  const {
    updateProfileItems
  } = dispatch(external_wc_data_["ONBOARDING_STORE_NAME"]);
  const {
    createNotice
  } = dispatch('core/notices');
  const {
    installAndActivatePlugins
  } = dispatch(external_wc_data_["PLUGINS_STORE_NAME"]);
  const {
    invalidateResolution
  } = dispatch(external_wc_data_["ONBOARDING_STORE_NAME"]);
  return {
    createNotice,
    installAndActivatePlugins,
    invalidateResolution,
    updateProfileItems
  };
}))(product_types_ProductTypes));
// CONCATENATED MODULE: ./client/profile-wizard/unsaved-changes-modal.js

/**
 * External dependencies
 */

const UnsavedChangesModal = _ref => {
  let {
    onClose,
    onSave
  } = _ref;

const title = Object(external_wp_i18n_["__"])('Save changes?', 'woocommerce-admin');

const message = Object(external_wp_i18n_["__"])("You're about to go to a different step. Do you want to save the changes you've made here so far?", 'woocommerce-admin');

const discardText = Object(external_wp_i18n_["__"])('Discard', 'woocommerce-admin');

const saveText = Object(external_wp_i18n_["__"])('Save', 'woocommerce-admin');

return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(external_wp_components_["Modal"], {
    title: title,
    className: "woocommerce-obw-unsaved-changes",
    onRequestClose: onClose
  }, Object(external_wp_element_["createElement"])("div", {
    className: "woocommerce-obw-unsaved-changes-modal__wrapper"
  }, Object(external_wp_element_["createElement"])("div", {
    className: "woocommerce-usage-modal__message"
  }, message), Object(external_wp_element_["createElement"])("div", {
    className: "woocommerce-usage-modal__actions"
  }, Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
    onClick: () => onClose()
  }, discardText), Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
    isPrimary: true,
    onClick: onSave
  }, saveText)))));
};

/* harmony default export */ var unsaved_changes_modal = (UnsavedChangesModal);
// CONCATENATED MODULE: ./client/profile-wizard/header.js

/**
 * External dependencies
 */

/**
 * Internal dependencies
 */

class header_ProfileWizardHeader extends external_wp_element_["Component"] {
  constructor(props) {
    super(props);
    this.state = {
      showUnsavedChangesModal: false
    };
    this.lastClickedStepKey = null;
  }

shouldWarnForUnsavedChanges(step) {
    if (typeof this.props.stepValueChanges[step] !== 'undefined') {
      const initialValues = this.props.stepValueChanges[step].initialValues;
      const currentValues = this.props.stepValueChanges[step].currentValues;

if (Array.isArray(initialValues) && Array.isArray(currentValues)) {
        initialValues.sort();
        currentValues.sort();
      }

return !Object(external_lodash_["isEqual"])(initialValues, currentValues);
    }

return false;
  }

findCurrentStep() {
    return this.props.steps.find(s => s.key === this.props.currentStep);
  }

moveToLastClickedStep() {
    if (this.lastClickedStepKey) {
      Object(external_wc_navigation_["updateQueryString"])({
        step: this.lastClickedStepKey
      });
      this.lastClickedStepKey = null;
    }
  }

saveCurrentStepChanges() {
    const currentStep = this.findCurrentStep();

if (!currentStep) {
      return null;
    }

const stepValueChanges = this.props.stepValueChanges[currentStep.key];

if (typeof stepValueChanges.onSave === 'function') {
      stepValueChanges.onSave();
    }
  }

renderStepper() {
    const {
      currentStep,
      steps
    } = this.props;
    const visibleSteps = Object(external_lodash_["filter"])(steps, step => !!step.label);
    const currentStepIndex = visibleSteps.findIndex(step => step.key === currentStep);
    visibleSteps.map((step, index) => {
      const previousStep = visibleSteps[index - 1];

if (index < currentStepIndex) {
        step.isComplete = true;
      }

if (!previousStep || previousStep.isComplete) {
        step.onClick = key => {
          if (this.shouldWarnForUnsavedChanges(currentStep)) {
            this.setState({
              showUnsavedChangesModal: true
            });
            this.lastClickedStepKey = key;
          } else {
            Object(external_wc_navigation_["updateQueryString"])({
              step: key
            });
          }
        };
      }

return step;
    });
    return Object(external_wp_element_["createElement"])(external_wc_components_["Stepper"], {
      steps: visibleSteps,
      currentStep: currentStep
    });
  }

render() {
    const currentStep = this.findCurrentStep();

if (!currentStep || !currentStep.label) {
      return null;
    }

return Object(external_wp_element_["createElement"])("div", {
      className: "woocommerce-profile-wizard__header"
    }, this.state.showUnsavedChangesModal && Object(external_wp_element_["createElement"])(unsaved_changes_modal, {
      onClose: () => {
        this.setState({
          showUnsavedChangesModal: false
        });
        this.moveToLastClickedStep();
      },
      onSave: () => {
        this.saveCurrentStepChanges();
        this.setState({
          showUnsavedChangesModal: false
        });
        this.moveToLastClickedStep();
      }
    }), this.renderStepper());
  }

}
// EXTERNAL MODULE: external ["wp","url"]
var external_wp_url_ = __webpack_require__(16);

// EXTERNAL MODULE: ./client/dashboard/components/settings/general/store-address.tsx
var store_address = __webpack_require__(554);

// EXTERNAL MODULE: ./client/profile-wizard/steps/usage-modal.js
var usage_modal = __webpack_require__(541);

// EXTERNAL MODULE: ./client/profile-wizard/steps/store-details/style.scss
var store_details_style = __webpack_require__(615);

// CONCATENATED MODULE: ./client/profile-wizard/steps/store-details/index.js

/**
 * External dependencies
 */

/**
 * Internal dependencies
 */

// FlexItem is not available until WP version 5.5. This code is safe to remove
// once the minimum WP supported version becomes 5.5.

const FlexItem = external_wp_components_["FlexItem"] || FlextItemSubstitute;

const LoadingPlaceholder = () => Object(external_wp_element_["createElement"])("div", {
  className: "woocommerce-admin__store-details__spinner"
}, Object(external_wp_element_["createElement"])(external_wp_components_["Spinner"], null));

class store_details_StoreDetails extends external_wp_element_["Component"] {
  constructor(props) {
    super(props);
    this.state = {
      showUsageModal: false,
      skipping: false,
      isStoreDetailsPopoverVisible: false,
      isSkipSetupPopoverVisible: false
    };
    this.onContinue = this.onContinue.bind(this);
    this.onSubmit = this.onSubmit.bind(this);
    this.validateStoreDetails = this.validateStoreDetails.bind(this);
    this.onFormValueChange = this.onFormValueChange.bind(this);
    this.changedFormValues = {};
  }

componentDidUpdate() {
    if (this.props.isLoading === false && Object.keys(this.changedFormValues).length === 0) {
      // Make a copy of the initialValues.
      // The values in this object gets updated on onFormValueChange.
      this.changedFormValues = { ...this.props.initialValues
      };
      this.props.trackStepValueChanges(this.props.step.key, this.props.initialValues, this.changedFormValues, () => {
        this.onContinue(this.changedFormValues);
      });
    }
  }

deriveCurrencySettings(countryState) {
    if (!countryState) {
      return null;
    }

onSubmit() {
    this.setState({
      showUsageModal: true,
      skipping: false
    });
  }

onFormValueChange(changedFormValue) {
    this.changedFormValues[changedFormValue.name] = changedFormValue.value;
  }

async onContinue(values) {
    const {
      createNotice,
      updateProfileItems,
      updateAndPersistSettingsForGroup,
      profileItems,
      settings,
      errorsRef
    } = this.props;
    const currencySettings = this.deriveCurrencySettings(values.countryState);
    const Currency = this.context;
    Currency.setCurrency(currencySettings);
    Object(external_wc_tracks_["recordEvent"])('storeprofiler_store_details_continue', {
      store_country: Object(utils["b" /* getCountryCode */])(values.countryState),
      derived_currency: currencySettings.code,
      email_signup: values.isAgreeMarketing
    });
    await updateAndPersistSettingsForGroup('general', {
      general: { ...settings,
        woocommerce_store_address: values.addressLine1,
        woocommerce_store_address_2: values.addressLine2,
        woocommerce_default_country: values.countryState,
        woocommerce_store_city: values.city,
        woocommerce_store_postcode: values.postCode,
        woocommerce_currency: currencySettings.code,
        woocommerce_currency_pos: currencySettings.symbolPosition,
        woocommerce_price_thousand_sep: currencySettings.thousandSeparator,
        woocommerce_price_decimal_sep: currencySettings.decimalSeparator,
        woocommerce_price_num_decimals: currencySettings.precision
      }
    });
    const profileItemsToUpdate = {
      is_agree_marketing: values.isAgreeMarketing,
      store_email: values.storeEmail
    };
    const region = Object(utils["c" /* getCurrencyRegion */])(values.countryState);
    /**
     * If a user has already selected cdb industry and returns to change to a
     * non US store, remove cbd industry.
     *
     * NOTE: the following call to `updateProfileItems` does not respect the
     * `await` and performs an update aysnchronously. This means the following
     * screen may not be initialized with correct profile settings.
     *
     * This comment may be removed when a refactor to wp.data datatores is complete.
     */

if (region !== 'US' && profileItems.industry && profileItems.industry.length) {
      const cbdSlug = 'cbd-other-hemp-derived-products';
      const trimmedIndustries = profileItems.industry.filter(industry => {
        return cbdSlug !== industry && cbdSlug !== industry.slug;
      });
      profileItemsToUpdate.industry = trimmedIndustries;
    }

let errorMessages = [];

try {
      await updateProfileItems(profileItemsToUpdate);
    } catch (error) {
      var _error$data;

// Array of error messages obtained from API response.
      if (error !== null && error !== void 0 && (_error$data = error.data) !== null && _error$data !== void 0 && _error$data.params) {
        errorMessages = Object.values(error.data.params);
      }
    }

if (!Boolean(errorsRef.current.settings) && !errorMessages.length) {
      return true;
    }

createNotice('error', Object(external_wp_i18n_["__"])('There was a problem saving your store details', 'woocommerce-admin'));
    errorMessages.forEach(message => createNotice('error', message));
  }

validateStoreDetails(values) {
    const {
      getLocale
    } = this.props;
    const locale = getLocale(values.countryState);
    const validateAddress = Object(store_address["b" /* getStoreAddressValidator */])(locale);
    const errors = validateAddress(values);

if (values.storeEmail && !Object(external_wp_url_["isEmail"])(values.storeEmail)) {
      errors.storeEmail = Object(external_wp_i18n_["__"])('Invalid email address', 'woocommerce-admin');
    }

return errors;
  }

render() {
    const {
      showUsageModal,
      skipping,
      isStoreDetailsPopoverVisible,
      isSkipSetupPopoverVisible
    } = this.state;
    const {
      skipProfiler,
      isLoading,
      isBusy,
      initialValues,
      invalidateResolutionForStoreSelector
    } = this.props;
    /* eslint-disable @wordpress/i18n-no-collapsible-whitespace */

const skipSetupText = Object(external_wp_i18n_["__"])('Manual setup is only recommended for\n experienced WooCommerce users or developers.', 'woocommerce-admin');

const configureCurrencyText = Object(external_wp_i18n_["__"])('Your store address will help us configure currency\n options and shipping rules automatically.\n This information will not be publicly visible and can\n easily be changed later.', 'woocommerce-admin');
    /* eslint-enable @wordpress/i18n-no-collapsible-whitespace */

if (isLoading) {
      return Object(external_wp_element_["createElement"])("div", {
        className: "woocommerce-profile-wizard__store-details"
      }, Object(external_wp_element_["createElement"])(LoadingPlaceholder, null));
    }

return Object(external_wp_element_["createElement"])("div", {
      className: "woocommerce-profile-wizard__store-details"
    }, Object(external_wp_element_["createElement"])("div", {
      className: "woocommerce-profile-wizard__step-header"
    }, Object(external_wp_element_["createElement"])(external_wc_experimental_["Text"], {
      variant: "title.small",
      as: "h2",
      size: "20",
      lineHeight: "28px"
    }, Object(external_wp_i18n_["__"])('Welcome to WooCommerce', 'woocommerce-admin')), Object(external_wp_element_["createElement"])(external_wc_experimental_["Text"], {
      variant: "body",
      as: "p"
    }, Object(external_wp_i18n_["__"])("Tell us about your store and we'll get you set up in no time", 'woocommerce-admin'), Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
      isTertiary: true,
      label: Object(external_wp_i18n_["__"])('Learn more about store details', 'woocommerce-admin'),
      onClick: () => this.setState({
        isStoreDetailsPopoverVisible: true
      })
    }, Object(external_wp_element_["createElement"])(icon["a" /* default */], {
      icon: info["a" /* default */]
    }))), isStoreDetailsPopoverVisible && Object(external_wp_element_["createElement"])(external_wp_components_["Popover"], {
      focusOnMount: "container",
      position: "top center",
      onClose: () => this.setState({
        isStoreDetailsPopoverVisible: false
      })
    }, configureCurrencyText)), Object(external_wp_element_["createElement"])(external_wc_components_["Form"], {
      initialValues: initialValues,
      onSubmit: this.onSubmit,
      validate: this.validateStoreDetails,
      onChange: this.onFormValueChange
    }, _ref2 => {
      let {
        getInputProps,
        handleSubmit,
        values,
        isValidForm,
        setValue
      } = _ref2;
      return Object(external_wp_element_["createElement"])(external_wp_components_["Card"], null, showUsageModal && Object(external_wp_element_["createElement"])(usage_modal["a" /* default */], {
        onContinue: () => {
          if (skipping) {
            skipProfiler();
          } else {
            this.onContinue(values).then(() => this.props.goToNextStep());
          }
        },
        onClose: () => this.setState({
          showUsageModal: false,
          skipping: false
        })
      }), Object(external_wp_element_["createElement"])(external_wp_components_["CardBody"], null, Object(external_wp_element_["createElement"])(store_address["a" /* StoreAddress */], {
        getInputProps: getInputProps,
        setValue: setValue
      }), Object(external_wp_element_["createElement"])(external_wc_components_["TextControl"], extends_default()({
        label: values.isAgreeMarketing ? Object(external_wp_i18n_["__"])('Email address', 'woocommerce-admin') : Object(external_wp_i18n_["__"])('Email address (Optional)', 'woocommerce-admin'),
        required: values.isAgreeMarketing,
        autoComplete: "email"
      }, getInputProps('storeEmail'))), values.isAgreeMarketing && (!values.storeEmail || !values.storeEmail.trim().length) && Object(external_wp_element_["createElement"])("div", {
        className: "woocommerce-profile-wizard__store-details-error"
      }, Object(external_wp_i18n_["__"])('Please enter your email address to subscribe', 'woocommerce-admin')), Object(external_wp_element_["createElement"])(FlexItem, null, Object(external_wp_element_["createElement"])("div", {
        className: "woocommerce-profile-wizard__newsletter-signup"
      }, Object(external_wp_element_["createElement"])(external_wp_components_["CheckboxControl"], extends_default()({
        label: Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_i18n_["__"])('Get tips, product updates and inspiration straight to your mailbox.', 'woocommerce-admin'), ' ', Object(external_wp_element_["createElement"])("span", {
          className: "woocommerce-profile-wizard__powered-by-mailchimp"
        }, Object(external_wp_i18n_["__"])('Powered by Mailchimp', 'woocommerce-admin')))
      }, getInputProps('isAgreeMarketing')))))), Object(external_wp_element_["createElement"])(external_wp_components_["CardFooter"], {
        justify: "center"
      }, Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
        isPrimary: true,
        onClick: handleSubmit,
        isBusy: isBusy,
        disabled: !isValidForm || isBusy
      }, Object(external_wp_i18n_["__"])('Continue', 'woocommerce-admin'))));
    }), Object(external_wp_element_["createElement"])("div", {
      className: "woocommerce-profile-wizard__footer"
    }, Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
      isLink: true,
      className: "woocommerce-profile-wizard__footer-link",
      onClick: () => {
        invalidateResolutionForStoreSelector('getTaskLists');
        this.setState({
          showUsageModal: true,
          skipping: true
        });
        return false;
      }
    }, Object(external_wp_i18n_["__"])('Skip setup store details', 'woocommerce-admin')), Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
      isTertiary: true,
      label: skipSetupText,
      onClick: () => this.setState({
        isSkipSetupPopoverVisible: true
      })
    }, Object(external_wp_element_["createElement"])(icon["a" /* default */], {
      icon: info["a" /* default */]
    })), isSkipSetupPopoverVisible && Object(external_wp_element_["createElement"])(external_wp_components_["Popover"], {
      focusOnMount: "container",
      position: "top center",
      onClose: () => this.setState({
        isSkipSetupPopoverVisible: false
      })
    }, skipSetupText)));
  }

}
store_details_StoreDetails.contextType = currency_context["a" /* CurrencyContext */];
/* harmony default export */ var store_details = (Object(external_wp_compose_["compose"])(Object(external_wp_data_["withSelect"])(select => {
  const {
    getSettings,
    getSettingsError,
    isUpdateSettingsRequesting
  } = select(external_wc_data_["SETTINGS_STORE_NAME"]);
  const {
    getProfileItems,
    isOnboardingRequesting,
    getEmailPrefill,
    hasFinishedResolution: hasFinishedResolutionOnboarding
  } = select(external_wc_data_["ONBOARDING_STORE_NAME"]);
  const {
    getLocale,
    getLocales,
    getCountries,
    hasFinishedResolution: hasFinishedResolutionCountries
  } = select(external_wc_data_["COUNTRIES_STORE_NAME"]);
  const {
    isResolving
  } = select(external_wc_data_["OPTIONS_STORE_NAME"]);
  const profileItems = getProfileItems();
  const emailPrefill = getEmailPrefill();
  const {
    general: settings = {}
  } = getSettings('general');
  const isBusy = isOnboardingRequesting('updateProfileItems') || isUpdateSettingsRequesting('general') || isResolving('getOption', ['woocommerce_allow_tracking']);
  const isLoading = !hasFinishedResolutionOnboarding('getProfileItems') || !hasFinishedResolutionOnboarding('getEmailPrefill') || !hasFinishedResolutionCountries('getLocales') || !hasFinishedResolutionCountries('getCountries');
  const errorsRef = Object(external_wp_element_["useRef"])({
    settings: null
  });
  errorsRef.current = {
    settings: getSettingsError('general')
  }; // Check if a store address is set so that we don't default
  // to WooCommerce's default country of the UK.

// EXTERNAL MODULE: external ["wp","htmlEntities"]
var external_wp_htmlEntities_ = __webpack_require__(34);

// EXTERNAL MODULE: ./node_modules/gridicons/dist/info.js
var dist_info = __webpack_require__(616);
var info_default = /*#__PURE__*/__webpack_require__.n(dist_info);

// EXTERNAL MODULE: ./client/profile-wizard/steps/theme/style.scss
var theme_style = __webpack_require__(617);

// EXTERNAL MODULE: ./node_modules/gridicons/dist/cloud-upload.js
var cloud_upload = __webpack_require__(618);
var cloud_upload_default = /*#__PURE__*/__webpack_require__.n(cloud_upload);

// EXTERNAL MODULE: ./node_modules/prop-types/index.js
var prop_types = __webpack_require__(1);
var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);

// CONCATENATED MODULE: ./client/profile-wizard/steps/theme/uploader.js

/**
 * External dependencies
 */

/**
 * NOTE: This can be removed after WP version 6.0 and replaced with a div.
 *
 * @param {Object} props React props.
 * @param {Node} [props.children] Children of react component.
 * @param {string} [props.className] Additional class name to style the component.
 */

const DropZoneWrapper = _ref => {
  let {
    children,
    className
  } = _ref;
  const isDropzoneProviderDepreciated = Object(external_wc_wcSettings_["isWpVersion"])('5.8', '>=');

if (isDropzoneProviderDepreciated) {
    return Object(external_wp_element_["createElement"])("div", {
      className: className
    }, children);
  }

return Object(external_wp_element_["createElement"])(external_wp_components_["DropZoneProvider"], null, Object(external_wp_element_["createElement"])("div", {
    className: className
  }, children));
};

class uploader_ThemeUploader extends external_wp_element_["Component"] {
  constructor() {
    super();
    this.state = {
      isUploading: false
    };
    this.handleFilesUpload = this.handleFilesUpload.bind(this);
    this.handleFilesDrop = this.handleFilesDrop.bind(this);
  }

handleFilesDrop(files) {
    const file = files[0];
    this.uploadTheme(file);
  }

handleFilesUpload(e) {
    const file = e.target.files[0];
    this.uploadTheme(file);
  }

uploadTheme(file) {
    const {
      createNotice,
      onUploadComplete
    } = this.props;
    this.setState({
      isUploading: true
    });
    const body = new window.FormData();
    body.append('pluginzip', file);
    return external_wp_apiFetch_default()({
      path: '/wc-admin/themes',
      method: 'POST',
      body
    }).then(response => {
      onUploadComplete(response);
      this.setState({
        isUploading: false
      });
      createNotice(response.status, response.message);
    }).catch(error => {
      this.setState({
        isUploading: false
      });

if (error && error.message) {
        createNotice('error', error.message);
      }
    });
  }

render() {
    const {
      className
    } = this.props;
    const {
      isUploading
    } = this.state;
    const classes = classnames_default()('woocommerce-theme-uploader', className, {
      'is-uploading': isUploading
    });
    return Object(external_wp_element_["createElement"])(external_wp_components_["Card"], {
      className: classes
    }, Object(external_wp_element_["createElement"])(DropZoneWrapper, {
      className: "woocommerce-theme-uploader__dropzone-wrapper"
    }, !isUploading ? Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(external_wp_components_["FormFileUpload"], {
      accept: ".zip",
      onChange: this.handleFilesUpload
    }, Object(external_wp_element_["createElement"])(cloud_upload_default.a, null), Object(external_wp_element_["createElement"])(external_wc_components_["H"], {
      className: "woocommerce-theme-uploader__title"
    }, Object(external_wp_i18n_["__"])('Upload a theme', 'woocommerce-admin')), Object(external_wp_element_["createElement"])("p", null, Object(external_wp_i18n_["__"])('Drop a theme zip file here to upload', 'woocommerce-admin'))), Object(external_wp_element_["createElement"])(external_wp_components_["DropZone"], {
      label: Object(external_wp_i18n_["__"])('Drop your theme zip file here', 'woocommerce-admin'),
      onFilesDrop: this.handleFilesDrop
    })) : Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(external_wc_components_["Spinner"], null), Object(external_wp_element_["createElement"])(external_wc_components_["H"], {
      className: "woocommerce-theme-uploader__title"
    }, Object(external_wp_i18n_["__"])('Uploading theme', 'woocommerce-admin')), Object(external_wp_element_["createElement"])("p", null, Object(external_wp_i18n_["__"])('Your theme is being uploaded', 'woocommerce-admin')))));
  }

}

uploader_ThemeUploader.propTypes = {
  /**
   * Additional class name to style the component.
   */
  className: prop_types_default.a.string,

/**
   * Function called when an upload has finished.
   */
  onUploadComplete: prop_types_default.a.func
};
uploader_ThemeUploader.defaultProps = {
  onUploadComplete: external_lodash_["noop"]
};
/* harmony default export */ var uploader = (Object(external_wp_compose_["compose"])(Object(external_wp_data_["withDispatch"])(dispatch => {
  const {
    createNotice
  } = dispatch('core/notices');
  return {
    createNotice
  };
}))(uploader_ThemeUploader));
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/close.js
var library_close = __webpack_require__(522);

// EXTERNAL MODULE: ./node_modules/gridicons/dist/phone.js
var phone = __webpack_require__(619);
var phone_default = /*#__PURE__*/__webpack_require__.n(phone);

// EXTERNAL MODULE: ./node_modules/gridicons/dist/tablet.js
var tablet = __webpack_require__(620);
var tablet_default = /*#__PURE__*/__webpack_require__.n(tablet);

// EXTERNAL MODULE: ./node_modules/gridicons/dist/computer.js
var computer = __webpack_require__(621);
var computer_default = /*#__PURE__*/__webpack_require__.n(computer);

// CONCATENATED MODULE: ./client/profile-wizard/steps/theme/preview.js

/**
 * External dependencies
 */

/**
 * Internal dependencies
 */

const devices = [{
  key: 'mobile',
  icon: phone_default.a
}, {
  key: 'tablet',
  icon: tablet_default.a
}, {
  key: 'desktop',
  icon: computer_default.a
}];

class preview_ThemePreview extends external_wp_element_["Component"] {
  constructor() {
    super(...arguments);
    this.state = {
      device: 'desktop'
    };
    this.handleDeviceClick = this.handleDeviceClick.bind(this);
  }

handleDeviceClick(device) {
    const {
      theme
    } = this.props;
    Object(external_wc_tracks_["recordEvent"])('storeprofiler_store_theme_demo_device', {
      device,
      theme: theme.slug
    });
    this.setState({
      device
    });
  }

render() {
    const {
      isBusy,
      onChoose,
      onClose,
      theme
    } = this.props;
    const {
      demo_url: demoUrl,
      slug,
      title
    } = theme;
    const {
      device: currentDevice
    } = this.state;
    return Object(external_wp_element_["createElement"])("div", {
      className: "woocommerce-theme-preview"
    }, Object(external_wp_element_["createElement"])("div", {
      className: "woocommerce-theme-preview__toolbar"
    }, Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
      className: "woocommerce-theme-preview__close",
      onClick: onClose
    }, Object(external_wp_element_["createElement"])(icon["a" /* default */], {
      icon: library_close["a" /* default */]
    })), Object(external_wp_element_["createElement"])("div", {
      className: "woocommerce-theme-preview__theme-name"
    }, Object(esm["a" /* default */])({
      /* translators: Describing who a previewed theme is developed by. E.g., Storefront developed by WooCommerce */
      mixedString: Object(external_wp_i18n_["sprintf"])(Object(external_wp_i18n_["__"])('{{strong}}%s{{/strong}} developed by WooCommerce', 'woocommerce-admin'), title),
      components: {
        strong: Object(external_wp_element_["createElement"])("strong", null)
      }
    })), Object(external_wp_element_["createElement"])("div", {
      className: "woocommerce-theme-preview__devices"
    }, devices.map(device => {
      const DeviceTag = device.icon;
      return Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
        key: device.key,
        className: classnames_default()('woocommerce-theme-preview__device', {
          'is-selected': device.key === currentDevice
        }),
        onClick: () => this.handleDeviceClick(device.key)
      }, Object(external_wp_element_["createElement"])(DeviceTag, null));
    })), Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
      isPrimary: true,
      onClick: () => onChoose(slug, 'preview'),
      isBusy: isBusy
    }, Object(external_wp_i18n_["__"])('Choose', 'woocommerce-admin'))), Object(external_wp_element_["createElement"])(external_wc_components_["WebPreview"], {
      src: demoUrl,
      title: title,
      className: `is-${currentDevice}`
    }));
  }

}

/* harmony default export */ var preview = (preview_ThemePreview);
// CONCATENATED MODULE: ./client/profile-wizard/steps/theme/index.js

/**
 * External dependencies
 */

/**
 * Internal dependencies
 */

class theme_Theme extends external_wp_element_["Component"] {
  constructor() {
    super(...arguments);
    this.state = {
      activeTab: 'all',
      chosen: null,
      demo: null,
      uploadedThemes: []
    };
    this.handleUploadComplete = this.handleUploadComplete.bind(this);
    this.onChoose = this.onChoose.bind(this);
    this.onClosePreview = this.onClosePreview.bind(this);
    this.onSelectTab = this.onSelectTab.bind(this);
    this.openDemo = this.openDemo.bind(this);
    this.skipStep = this.skipStep.bind(this);
  }

componentDidUpdate(prevProps) {
    const {
      isError,
      isUpdatingProfileItems,
      createNotice
    } = this.props;
    const {
      chosen
    } = this.state;
    const isRequestSuccessful = !isUpdatingProfileItems && prevProps.isUpdatingProfileItems && !isError && chosen;
    const isRequestError = !isUpdatingProfileItems && prevProps.isRequesting && isError;

if (isRequestSuccessful) {
      /* eslint-disable react/no-did-update-set-state */
      this.setState({
        chosen: null
      });
      /* eslint-enable react/no-did-update-set-state */

this.props.goToNextStep();
    }

if (isRequestError) {
      /* eslint-disable react/no-did-update-set-state */
      this.setState({
        chosen: null
      });
      /* eslint-enable react/no-did-update-set-state */

createNotice('error', Object(external_wp_i18n_["__"])('There was a problem selecting your store theme', 'woocommerce-admin'));
    }
  }

onChoose(theme) {
    let location = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
    const {
      updateProfileItems
    } = this.props;
    const {
      is_installed: isInstalled,
      price,
      slug
    } = theme;
    const {
      activeTheme = ''
    } = Object(admin_settings["d" /* getAdminSetting */])('onboarding', {});
    this.setState({
      chosen: slug
    });
    Object(external_wc_tracks_["recordEvent"])('storeprofiler_store_theme_choose', {
      theme: slug,
      location
    });

if (slug !== activeTheme && isInstalled) {
      this.activateTheme(slug);
    } else if (slug !== activeTheme && Object(utils["d" /* getPriceValue */])(price) <= 0) {
      this.installTheme(slug);
    } else {
      updateProfileItems({
        theme: slug
      });
    }
  }

installTheme(slug) {
    const {
      createNotice
    } = this.props;
    external_wp_apiFetch_default()({
      path: '/wc-admin/onboarding/themes/install?theme=' + slug,
      method: 'POST'
    }).then(() => {
      this.activateTheme(slug);
    }).catch(response => {
      this.setState({
        chosen: null
      });
      createNotice('error', response.message);
    });
  }

activateTheme(slug) {
    const {
      createNotice,
      updateProfileItems
    } = this.props;
    external_wp_apiFetch_default()({
      path: '/wc-admin/onboarding/themes/activate?theme=' + slug,
      method: 'POST'
    }).then(response => {
      createNotice('success', Object(external_wp_i18n_["sprintf"])(
      /* translators: The name of the theme that was installed and activated */
      Object(external_wp_i18n_["__"])('%s was installed and activated on your site', 'woocommerce-admin'), response.name));
      Object(admin_settings["e" /* setAdminSetting */])('onboarding', { ...Object(admin_settings["d" /* getAdminSetting */])('onboarding', {}),
        activeTheme: response.slug
      });
      updateProfileItems({
        theme: slug
      });
    }).catch(response => {
      this.setState({
        chosen: null
      });
      createNotice('error', response.message);
    });
  }

onClosePreview() {
    const {
      demo
    } = this.state;
    Object(external_wc_tracks_["recordEvent"])('storeprofiler_store_theme_demo_close', {
      theme: demo.slug
    });
    document.body.classList.remove('woocommerce-theme-preview-active');
    this.setState({
      demo: null
    });
  }

openDemo(theme) {
    Object(external_wc_tracks_["recordEvent"])('storeprofiler_store_theme_live_demo', {
      theme: theme.slug
    });
    document.body.classList.add('woocommerce-theme-preview-active');
    this.setState({
      demo: theme
    });
  }

skipStep() {
    const {
      activeTheme = ''
    } = Object(admin_settings["d" /* getAdminSetting */])('onboarding', {});
    Object(external_wc_tracks_["recordEvent"])('storeprofiler_store_theme_skip_step', {
      activeTheme
    });
    this.props.goToNextStep();
  }

renderTheme(theme) {
    const {
      demo_url: demoUrl,
      has_woocommerce_support: hasSupport,
      image,
      slug,
      title
    } = theme;
    const {
      chosen
    } = this.state;
    const {
      activeTheme = ''
    } = Object(admin_settings["d" /* getAdminSetting */])('onboarding', {});
    return Object(external_wp_element_["createElement"])(external_wp_components_["Card"], {
      className: "woocommerce-profile-wizard__theme",
      key: slug
    }, Object(external_wp_element_["createElement"])(external_wp_components_["CardBody"], {
      size: null
    }, image && Object(external_wp_element_["createElement"])("div", {
      className: "woocommerce-profile-wizard__theme-image",
      style: {
        backgroundImage: `url(${image})`
      },
      role: "img",
      "aria-label": title
    })), Object(external_wp_element_["createElement"])(external_wp_components_["CardBody"], {
      className: "woocommerce-profile-wizard__theme-details"
    }, Object(external_wp_element_["createElement"])(external_wc_components_["H"], {
      className: "woocommerce-profile-wizard__theme-name"
    }, title, !hasSupport && Object(external_wp_element_["createElement"])(external_wp_components_["Tooltip"], {
      text: Object(external_wp_i18n_["__"])('This theme does not support WooCommerce.', 'woocommerce-admin')
    }, Object(external_wp_element_["createElement"])("span", null, Object(external_wp_element_["createElement"])(info_default.a, {
      role: "img",
      "aria-hidden": "true",
      focusable: "false"
    })))), Object(external_wp_element_["createElement"])("p", {
      className: "woocommerce-profile-wizard__theme-status"
    }, this.getThemeStatus(theme))), Object(external_wp_element_["createElement"])(external_wp_components_["CardFooter"], null, slug === activeTheme ? Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
      isPrimary: true,
      onClick: () => this.onChoose(theme, 'card'),
      isBusy: chosen === slug,
      disabled: chosen === slug
    }, Object(external_wp_i18n_["__"])('Continue with my active theme', 'woocommerce-admin')) : Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
      isSecondary: true,
      onClick: () => this.onChoose(theme, 'card'),
      isBusy: chosen === slug,
      disabled: chosen === slug
    }, Object(external_wp_i18n_["__"])('Choose', 'woocommerce-admin')), demoUrl && Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
      isTertiary: true,
      onClick: () => this.openDemo(theme)
    }, Object(external_wp_i18n_["__"])('Live demo', 'woocommerce-admin'))));
  }

getThemeStatus(theme) {
    const {
      is_installed: isInstalled,
      price,
      slug
    } = theme;
    const {
      activeTheme = ''
    } = Object(admin_settings["d" /* getAdminSetting */])('onboarding', {});

if (activeTheme === slug) {
      return Object(external_wp_i18n_["__"])('Currently active theme', 'woocommerce-admin');
    }

if (isInstalled) {
      return Object(external_wp_i18n_["__"])('Installed', 'woocommerce-admin');
    } else if (Object(utils["d" /* getPriceValue */])(price) <= 0) {
      return Object(external_wp_i18n_["__"])('Free', 'woocommerce-admin');
    }

return Object(external_wp_i18n_["sprintf"])(Object(external_wp_i18n_["__"])('%s per year', 'woocommerce-admin'), Object(external_wp_htmlEntities_["decodeEntities"])(price));
  }

doesActiveThemeSupportWooCommerce() {
    const {
      activeTheme = ''
    } = Object(admin_settings["d" /* getAdminSetting */])('onboarding', {});
    const allThemes = this.getThemes();
    const currentTheme = allThemes.find(theme => theme.slug === activeTheme);
    return currentTheme && currentTheme.has_woocommerce_support;
  }

onSelectTab(tab) {
    Object(external_wc_tracks_["recordEvent"])('storeprofiler_store_theme_navigate', {
      navigation: tab
    });
    this.setState({
      activeTab: tab
    });
  }

getPriceValue(string) {
    return Number(Object(external_wp_htmlEntities_["decodeEntities"])(string).replace(/[^0-9.-]+/g, ''));
  }

getThemes() {
    let activeTab = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'all';
    const {
      uploadedThemes
    } = this.state;
    const {
      activeTheme = '',
      themes = []
    } = Object(admin_settings["d" /* getAdminSetting */])('onboarding', {});
    const allThemes = [...themes.filter(theme => theme && (theme.has_woocommerce_support || theme.slug === activeTheme)), ...uploadedThemes];

switch (activeTab) {
      case 'paid':
        return allThemes.filter(theme => Object(utils["d" /* getPriceValue */])(theme.price) > 0);

case 'free':
        return allThemes.filter(theme => Object(utils["d" /* getPriceValue */])(theme.price) <= 0);

case 'all':
      default:
        return allThemes;
    }
  }

handleUploadComplete(upload) {
    if (upload.status === 'success' && upload.theme_data) {
      this.setState({
        uploadedThemes: [...this.state.uploadedThemes, upload.theme_data]
      });
      Object(external_wc_tracks_["recordEvent"])('storeprofiler_store_theme_upload', {
        theme: upload.theme_data.slug
      });
    }
  }

render() {
    const {
      activeTab,
      chosen,
      demo
    } = this.state;
    const themes = this.getThemes(activeTab);
    const activeThemeSupportsWooCommerce = this.doesActiveThemeSupportWooCommerce();
    return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])("div", {
      className: "woocommerce-profile-wizard__step-header"
    }, Object(external_wp_element_["createElement"])(external_wc_experimental_["Text"], {
      variant: "title.small",
      as: "h2",
      size: "20",
      lineHeight: "28px"
    }, Object(external_wp_i18n_["__"])('Choose a theme', 'woocommerce-admin')), Object(external_wp_element_["createElement"])(external_wc_experimental_["Text"], {
      variant: "body",
      as: "p"
    }, Object(external_wp_i18n_["__"])("Choose how your store appears to customers. And don't worry, you can always switch themes and edit them later.", 'woocommerce-admin'))), Object(external_wp_element_["createElement"])(external_wp_components_["TabPanel"], {
      className: "woocommerce-profile-wizard__themes-tab-panel",
      activeClass: "is-active",
      onSelect: this.onSelectTab,
      tabs: [{
        name: 'all',
        title: Object(external_wp_i18n_["__"])('All themes', 'woocommerce-admin')
      }, {
        name: 'paid',
        title: Object(external_wp_i18n_["__"])('Paid themes', 'woocommerce-admin')
      }, {
        name: 'free',
        title: Object(external_wp_i18n_["__"])('Free themes', 'woocommerce-admin')
      }]
    }, () => Object(external_wp_element_["createElement"])("div", {
      className: "woocommerce-profile-wizard__themes"
    }, themes && themes.map(theme => this.renderTheme(theme)), Object(external_wp_element_["createElement"])(uploader, {
      onUploadComplete: this.handleUploadComplete
    }))), demo && Object(external_wp_element_["createElement"])(preview, {
      theme: demo,
      onChoose: () => this.onChoose(demo, 'card'),
      onClose: this.onClosePreview,
      isBusy: chosen === demo.slug
    }), activeThemeSupportsWooCommerce && Object(external_wp_element_["createElement"])("p", {
      className: "woocommerce-profile-wizard__themes-skip-this-step"
    }, Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
      isLink: true,
      className: "woocommerce-profile-wizard__skip",
      onClick: () => this.skipStep()
    }, Object(external_wp_i18n_["__"])('Skip this step', 'woocommerce-admin'))));
  }

}

/* harmony default export */ var steps_theme = (Object(external_wp_compose_["compose"])(Object(external_wp_data_["withSelect"])(select => {
  const {
    getProfileItems,
    getOnboardingError,
    isOnboardingRequesting
  } = select(external_wc_data_["ONBOARDING_STORE_NAME"]);
  return {
    isError: Boolean(getOnboardingError('updateProfileItems')),
    isUpdatingProfileItems: isOnboardingRequesting('updateProfileItems'),
    profileItems: getProfileItems()
  };
}), Object(external_wp_data_["withDispatch"])(dispatch => {
  const {
    updateProfileItems
  } = dispatch(external_wc_data_["ONBOARDING_STORE_NAME"]);
  const {
    createNotice
  } = dispatch('core/notices');
  return {
    createNotice,
    updateProfileItems
  };
}))(theme_Theme));
// EXTERNAL MODULE: ./client/profile-wizard/style.scss
var profile_wizard_style = __webpack_require__(622);

// CONCATENATED MODULE: ./client/profile-wizard/index.js

/**
 * External dependencies
 */

/**
 * Internal dependencies
 */

const STEPS_FILTER = 'woocommerce_admin_profile_wizard_steps';

class profile_wizard_ProfileWizard extends external_wp_element_["Component"] {
  constructor(props) {
    super(props);
    this.cachedActivePlugins = props.activePlugins;
    this.goToNextStep = this.goToNextStep.bind(this);
    this.trackStepValueChanges = this.trackStepValueChanges.bind(this);
    this.updateCurrentStepValues = this.updateCurrentStepValues.bind(this);
    this.stepValueChanges = {};
  }

componentDidUpdate(prevProps) {
    const {
      step: prevStep
    } = prevProps.query;
    const {
      step
    } = this.props.query;
    const {
      isError,
      isGetProfileItemsRequesting,
      createNotice
    } = this.props;
    const isRequestError = !isGetProfileItemsRequesting && prevProps.isRequesting && isError;

if (isRequestError) {
      createNotice('error', Object(external_wp_i18n_["__"])('There was a problem finishing the setup wizard', 'woocommerce-admin'));
    }

if (prevStep !== step) {
      window.document.documentElement.scrollTop = 0;
      Object(external_wc_tracks_["recordEvent"])('storeprofiler_step_view', {
        step: this.getCurrentStep().key,
        wc_version: Object(external_wc_wcSettings_["getSetting"])('wcVersion')
      });
    }
  }

componentDidMount() {
    document.body.classList.remove('woocommerce-admin-is-loading');
    document.body.classList.add('woocommerce-profile-wizard__body');
    document.body.classList.add('woocommerce-admin-full-screen');
    document.body.classList.add('is-wp-toolbar-disabled');
    Object(external_wc_tracks_["recordEvent"])('storeprofiler_step_view', {
      step: this.getCurrentStep().key,
      wc_version: Object(external_wc_wcSettings_["getSetting"])('wcVersion')
    });
  }

componentWillUnmount() {
    document.body.classList.remove('woocommerce-profile-wizard__body');
    document.body.classList.remove('woocommerce-admin-full-screen');
    document.body.classList.remove('is-wp-toolbar-disabled');
  }
  /**
   * Set the initial and current values of a step to track the state of the step.
   * This is used to determine if the step has been changes or not.
   *
   * @param {string} step key of the step
   * @param {*} initialValues the initial values of the step
   * @param {*} currentValues the current values of the step
   * @param {Function} onSave a function to call when the step is saved
   */

trackStepValueChanges(step, initialValues, currentValues, onSave) {
    this.stepValueChanges[step] = {
      initialValues,
      currentValues,
      onSave
    };
  }
  /**
   * Update currentValues of the given step.
   *
   * @param {string} step key of the step
   * @param {*} currentValues the current values of the step
   */

updateCurrentStepValues(step, currentValues) {
    if (!this.stepValueChanges[step]) {
      return;
    }

this.stepValueChanges[step].currentValues = currentValues;
  }

getSteps() {
    const {
      profileItems
    } = this.props;
    const steps = [];
    steps.push({
      key: 'store-details',
      container: store_details,
      label: Object(external_wp_i18n_["__"])('Store Details', 'woocommerce-admin'),
      isComplete: profileItems.hasOwnProperty('setup_client') && profileItems.setup_client !== null
    });
    steps.push({
      key: 'industry',
      container: steps_industry,
      label: Object(external_wp_i18n_["__"])('Industry', 'woocommerce-admin'),
      isComplete: profileItems.hasOwnProperty('industry') && profileItems.industry !== null
    });
    steps.push({
      key: 'product-types',
      container: product_types,
      label: Object(external_wp_i18n_["__"])('Product Types', 'woocommerce-admin'),
      isComplete: profileItems.hasOwnProperty('product_types') && profileItems.product_types !== null
    });
    steps.push({
      key: 'business-details',
      container: BusinessDetailsStep,
      label: Object(external_wp_i18n_["__"])('Business Details', 'woocommerce-admin'),
      isComplete: profileItems.hasOwnProperty('product_count') && profileItems.product_count !== null
    });
    steps.push({
      key: 'theme',
      container: steps_theme,
      label: Object(external_wp_i18n_["__"])('Theme', 'woocommerce-admin'),
      isComplete: profileItems.hasOwnProperty('theme') && profileItems.theme !== null
    });
    /**
     * Filter for Onboarding steps configuration.
     *
     * @filter woocommerce_admin_profile_wizard_steps
     * @param {Array.<Object>} steps Array of steps for Onboarding Wizard.
     */

return Object(external_wp_hooks_["applyFilters"])(STEPS_FILTER, steps);
  }

getCurrentStep() {
    const {
      step
    } = this.props.query;
    const currentStep = this.getSteps().find(s => s.key === step);

if (!currentStep) {
      return this.getSteps()[0];
    }

return currentStep;
  }
  /**
   * @param {Object} tracksArgs optional track arguments for the storeprofiler_step_complete track.
   */

async goToNextStep() {
    let tracksArgs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
    const {
      activePlugins
    } = this.props;
    const currentStep = this.getCurrentStep();
    const currentStepIndex = this.getSteps().findIndex(s => s.key === currentStep.key);
    Object(external_wc_tracks_["recordEvent"])('storeprofiler_step_complete', {
      step: currentStep.key,
      wc_version: Object(external_wc_wcSettings_["getSetting"])('wcVersion'),
      ...tracksArgs
    }); // Update the activePlugins cache in case plugins were installed
    // in the current step that affect the visibility of the next step.

this.cachedActivePlugins = activePlugins;
    const nextStep = this.getSteps()[currentStepIndex + 1];

if (typeof nextStep === 'undefined') {
      this.completeProfiler();
      return;
    }

return Object(external_wc_navigation_["updateQueryString"])({
      step: nextStep.key
    });
  }

completeProfiler() {
    const {
      activePlugins,
      isJetpackConnected,
      notes,
      updateNote,
      updateProfileItems,
      connectToJetpack
    } = this.props;
    Object(external_wc_tracks_["recordEvent"])('storeprofiler_complete');
    const shouldConnectJetpack = activePlugins.includes('jetpack') && !isJetpackConnected;
    const profilerNote = notes.find(note => note.name === 'wc-admin-onboarding-profiler-reminder');

if (profilerNote) {
      updateNote(profilerNote.id, {
        status: 'actioned'
      });
    }

updateProfileItems({
      completed: true
    }).then(() => {
      const homescreenUrl = new URL(Object(external_wc_navigation_["getNewPath"])({}, '/', {}), window.location.href).href;

if (shouldConnectJetpack) {
        document.body.classList.add('woocommerce-admin-is-loading');
        connectToJetpack(() => {
          return homescreenUrl;
        });
      } else {
        window.location.href = homescreenUrl;
      }
    });
  }

skipProfiler() {
    const {
      createNotice,
      updateProfileItems
    } = this.props;
    updateProfileItems({
      skipped: true
    }).then(() => {
      Object(external_wc_tracks_["recordEvent"])('storeprofiler_store_details_skip');
      Object(external_wc_navigation_["getHistory"])().push(Object(external_wc_navigation_["getNewPath"])({}, '/', {}));
    }).catch(() => {
      createNotice('error', Object(external_wp_i18n_["__"])('There was a problem skipping the setup wizard', 'woocommerce-admin'));
    });
  }

render() {
    const {
      query
    } = this.props;
    const step = this.getCurrentStep();
    const stepKey = step.key;
    const container = Object(external_wp_element_["createElement"])(step.container, {
      query,
      step,
      goToNextStep: this.goToNextStep,
      skipProfiler: () => {
        this.skipProfiler();
      },
      trackStepValueChanges: this.trackStepValueChanges,
      updateCurrentStepValues: this.updateCurrentStepValues
    });
    const steps = this.getSteps().map(_step => Object(external_lodash_["pick"])(_step, ['key', 'label', 'isComplete']));
    const classNames = `woocommerce-profile-wizard__container ${stepKey}`;
    return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(header_ProfileWizardHeader, {
      currentStep: stepKey,
      steps: steps,
      stepValueChanges: this.stepValueChanges
    }), Object(external_wp_element_["createElement"])("div", {
      className: classNames
    }, container));
  }

}

/* harmony default export */ var profile_wizard = __webpack_exports__["default"] = (Object(external_wp_compose_["compose"])(Object(external_wp_data_["withSelect"])(select => {
  const {
    getNotes
  } = select(external_wc_data_["NOTES_STORE_NAME"]);
  const {
    getProfileItems,
    getOnboardingError
  } = select(external_wc_data_["ONBOARDING_STORE_NAME"]);
  const {
    getActivePlugins,
    getPluginsError,
    isJetpackConnected
  } = select(external_wc_data_["PLUGINS_STORE_NAME"]);
  const profileItems = getProfileItems();
  const notesQuery = {
    page: 1,
    per_page: external_wc_data_["QUERY_DEFAULTS"].pageSize,
    type: 'update',
    status: 'unactioned'
  };
  const notes = getNotes(notesQuery);
  const activePlugins = getActivePlugins();
  return {
    getPluginsError,
    isError: Boolean(getOnboardingError('updateProfileItems')),
    isJetpackConnected: isJetpackConnected(),
    notes,
    profileItems,
    activePlugins
  };
}), Object(external_wp_data_["withDispatch"])(dispatch => {
  const {
    connectToJetpackWithFailureRedirect,
    createErrorNotice
  } = dispatch(external_wc_data_["PLUGINS_STORE_NAME"]);
  const {
    updateNote
  } = dispatch(external_wc_data_["NOTES_STORE_NAME"]);
  const {
    updateOptions
  } = dispatch(external_wc_data_["OPTIONS_STORE_NAME"]);
  const {
    updateProfileItems
  } = dispatch(external_wc_data_["ONBOARDING_STORE_NAME"]);
  const {
    createNotice
  } = dispatch('core/notices');

const connectToJetpack = failureRedirect => {
    connectToJetpackWithFailureRedirect(failureRedirect, createErrorNotice, external_wc_wcSettings_["getAdminLink"]);
  };

return {
    connectToJetpack,
    createNotice,
    updateNote,
    updateOptions,
    updateProfileItems
  };
}), Object(admin_settings["d" /* getAdminSetting */])('plugins') ? Object(external_wc_data_["withPluginsHydration"])({ ...Object(admin_settings["d" /* getAdminSetting */])('plugins'),
  jetpackStatus: Object(admin_settings["d" /* getAdminSetting */])('dataEndpoints', {}).jetpackStatus
}) : external_lodash_["identity"])(profile_wizard_ProfileWizard));

/***/ })

}]);

Batal

⬅ Naik ke dist 156 item

Nama	Tipe	Ukuran	Diubah	Aksi
📜0.js	js	60.4 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜0.min.js	js	18.9 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨0.style.css	css	2.2 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨0.style.rtl.css	css	2.2 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜1.js	js	52.7 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜1.min.js	js	17.4 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨10.style.css	css	1.3 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨10.style.rtl.css	css	1.5 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨11.style.css	css	1.3 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨11.style.rtl.css	css	1.3 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨12.style.css	css	1.5 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨12.style.rtl.css	css	1.5 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨13.style.css	css	2.2 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨14.style.css	css	2.2 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨14.style.rtl.css	css	2.2 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨15.style.css	css	1.5 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨15.style.rtl.css	css	1.5 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨16.style.css	css	5.4 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨17.style.css	css	5.4 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨17.style.rtl.css	css	5.4 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜2.js	js	35.3 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜2.min.js	js	9.6 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨20.style.css	css	5.8 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨20.style.rtl.css	css	5.8 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨24.style.css	css	5.9 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨25.style.css	css	5.9 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨25.style.rtl.css	css	6.4 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨26.style.css	css	3.6 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨26.style.rtl.css	css	3.6 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨28.style.css	css	8.5 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨28.style.rtl.css	css	8.5 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨29.style.css	css	3.6 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨29.style.rtl.css	css	3.6 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜3.js	js	24 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜3.min.js	js	10.6 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨3.style.css	css	10.8 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨3.style.rtl.css	css	1.5 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨30.style.css	css	47.6 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨31.style.css	css	38.1 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨31.style.rtl.css	css	37.2 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨32.style.css	css	2 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨32.style.rtl.css	css	2 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨33.style.css	css	11.5 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨34.style.css	css	11.5 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨34.style.rtl.css	css	11.5 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨36.style.css	css	2 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨36.style.rtl.css	css	2 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨38.style.css	css	11.5 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨38.style.rtl.css	css	11.5 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜4.js	js	48.6 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜4.min.js	js	18.4 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨4.style.css	css	2.2 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨4.style.rtl.css	css	2.2 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨44.style.css	css	2.7 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨44.style.rtl.css	css	2.7 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨45.style.css	css	2.7 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨46.style.css	css	22.6 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨46.style.rtl.css	css	21.1 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨47.style.css	css	23.1 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨47.style.rtl.css	css	5.3 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨48.style.css	css	2.6 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨48.style.rtl.css	css	1.9 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨49.style.css	css	5.3 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨49.style.rtl.css	css	7.4 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜5.js	js	48.7 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜5.min.js	js	15.6 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨5.style.css	css	2.2 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨5.style.rtl.css	css	10.8 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨50.style.css	css	1.9 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨50.style.rtl.css	css	5.3 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨51.style.css	css	13.3 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨51.style.rtl.css	css	1.9 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜52.js	js	57.4 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜52.min.js	js	21 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨52.style.css	css	12.9 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨52.style.rtl.css	css	5.3 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜53.js	js	35.8 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜53.min.js	js	14.5 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜54.js	js	46.2 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜54.min.js	js	7.8 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨54.style.css	css	30.1 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜55.js	js	57.4 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜55.min.js	js	21 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜56.js	js	35.8 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜56.min.js	js	14.5 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜57.js	js	46.2 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜57.min.js	js	7.8 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜6.js	js	157.7 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜6.min.js	js	75.1 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨6.style.css	css	1.4 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨6.style.rtl.css	css	1.4 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨7.style.css	css	1.5 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨7.style.rtl.css	css	1.5 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨8.style.css	css	2.2 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨9.style.css	css	2.2 KB	2022-11-29 18:00	✏️ Edit 👁️ View
🎨9.style.rtl.css	css	2.2 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜activity-panels-help.js	js	43.8 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜activity-panels-help.min.js	js	10.8 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜activity-panels-inbox.js	js	2 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜activity-panels-inbox.min.js	js	493 B	2022-11-29 18:00	✏️ Edit 👁️ View
📜analytics-report-categories.js	js	42.7 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜analytics-report-categories.min.js	js	14.7 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜analytics-report-coupons.js	js	23.5 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜analytics-report-coupons.min.js	js	8 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜analytics-report-customers.js	js	70.7 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜analytics-report-customers.min.js	js	23.9 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜analytics-report-downloads.js	js	27.7 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜analytics-report-downloads.min.js	js	9.1 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜analytics-report-orders.js	js	37.1 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜analytics-report-orders.min.js	js	13.7 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜analytics-report-products.js	js	55.5 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜analytics-report-products.min.js	js	17.5 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜analytics-report-revenue.js	js	18.9 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜analytics-report-revenue.min.js	js	7.6 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜analytics-report-stock.js	js	46.4 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜analytics-report-stock.min.js	js	15.2 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜analytics-report-taxes.js	js	22.6 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜analytics-report-taxes.min.js	js	7.4 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜analytics-report-variations.js	js	32.6 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜analytics-report-variations.min.js	js	11.1 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜analytics-report.js	js	11.8 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜analytics-report.min.js	js	2 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜analytics-settings.js	js	38.9 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜analytics-settings.min.js	js	17.3 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜customizable-dashboard.js	js	38.6 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜customizable-dashboard.min.js	js	15.8 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜dashboard-charts.js	js	94.8 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜dashboard-charts.min.js	js	36.4 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜dashboard.js	js	2.1 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜dashboard.min.js	js	450 B	2022-11-29 18:00	✏️ Edit 👁️ View
📜homescreen.js	js	621.8 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜homescreen.min.js	js	410.3 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜leaderboards.js	js	14.3 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜leaderboards.min.js	js	5 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜marketing-overview.js	js	118.4 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜marketing-overview.min.js	js	76.1 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜payment-recommendations.js	js	14.3 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜payment-recommendations.min.js	js	5.2 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜profile-wizard.js	js	179.1 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜profile-wizard.min.js	js	86.9 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜shipping-recommendations.js	js	17.1 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜shipping-recommendations.min.js	js	9.1 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜store-alerts.js	js	15 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜store-alerts.min.js	js	5.6 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜store-performance.js	js	15.5 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜store-performance.min.js	js	4.6 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜task-list.js	js	167.6 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜task-list.min.js	js	78.1 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜two-column-tasks-extended.js	js	6.3 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜two-column-tasks-extended.min.js	js	1.6 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜two-column-tasks.js	js	305.1 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜two-column-tasks.min.js	js	277.3 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜wcpay-payment-welcome-page.js	js	197 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜wcpay-payment-welcome-page.min.js	js	176.8 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜wcpay-usage-modal.js	js	12 KB	2022-11-29 18:00	✏️ Edit 👁️ View
📜wcpay-usage-modal.min.js	js	4.1 KB	2022-11-29 18:00	✏️ Edit 👁️ View