1424 lines
73 KiB
JavaScript
1424 lines
73 KiB
JavaScript
"use strict";
|
||
(self["webpackChunk_woocommerce_storybook"] = self["webpackChunk_woocommerce_storybook"] || []).push([[5239],{
|
||
|
||
/***/ "../../node_modules/.pnpm/@automattic+interpolate-components@1.2.1_@types+react@17.0.71_react@17.0.2/node_modules/@automattic/interpolate-components/dist/esm/index.js":
|
||
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||
|
||
|
||
// EXPORTS
|
||
__webpack_require__.d(__webpack_exports__, {
|
||
A: () => (/* binding */ interpolate)
|
||
});
|
||
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js
|
||
var react = __webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js");
|
||
;// CONCATENATED MODULE: ../../node_modules/.pnpm/@automattic+interpolate-components@1.2.1_@types+react@17.0.71_react@17.0.2/node_modules/@automattic/interpolate-components/dist/esm/tokenize.js
|
||
function identifyToken(item) {
|
||
// {{/example}}
|
||
if (item.startsWith('{{/')) {
|
||
return {
|
||
type: 'componentClose',
|
||
value: item.replace(/\W/g, '')
|
||
};
|
||
} // {{example /}}
|
||
|
||
|
||
if (item.endsWith('/}}')) {
|
||
return {
|
||
type: 'componentSelfClosing',
|
||
value: item.replace(/\W/g, '')
|
||
};
|
||
} // {{example}}
|
||
|
||
|
||
if (item.startsWith('{{')) {
|
||
return {
|
||
type: 'componentOpen',
|
||
value: item.replace(/\W/g, '')
|
||
};
|
||
}
|
||
|
||
return {
|
||
type: 'string',
|
||
value: item
|
||
};
|
||
}
|
||
|
||
function tokenize(mixedString) {
|
||
const tokenStrings = mixedString.split(/(\{\{\/?\s*\w+\s*\/?\}\})/g); // split to components and strings
|
||
|
||
return tokenStrings.map(identifyToken);
|
||
}
|
||
;// CONCATENATED MODULE: ../../node_modules/.pnpm/@automattic+interpolate-components@1.2.1_@types+react@17.0.71_react@17.0.2/node_modules/@automattic/interpolate-components/dist/esm/index.js
|
||
|
||
|
||
|
||
function getCloseIndex(openIndex, tokens) {
|
||
const openToken = tokens[openIndex];
|
||
let nestLevel = 0;
|
||
|
||
for (let i = openIndex + 1; i < tokens.length; i++) {
|
||
const token = tokens[i];
|
||
|
||
if (token.value === openToken.value) {
|
||
if (token.type === 'componentOpen') {
|
||
nestLevel++;
|
||
continue;
|
||
}
|
||
|
||
if (token.type === 'componentClose') {
|
||
if (nestLevel === 0) {
|
||
return i;
|
||
}
|
||
|
||
nestLevel--;
|
||
}
|
||
}
|
||
} // if we get this far, there was no matching close token
|
||
|
||
|
||
throw new Error('Missing closing component token `' + openToken.value + '`');
|
||
}
|
||
|
||
function buildChildren(tokens, components) {
|
||
let children = [];
|
||
let openComponent;
|
||
let openIndex;
|
||
|
||
for (let i = 0; i < tokens.length; i++) {
|
||
const token = tokens[i];
|
||
|
||
if (token.type === 'string') {
|
||
children.push(token.value);
|
||
continue;
|
||
} // component node should at least be set
|
||
|
||
|
||
if (components[token.value] === undefined) {
|
||
throw new Error(`Invalid interpolation, missing component node: \`${token.value}\``);
|
||
} // should be either ReactElement or null (both type "object"), all other types deprecated
|
||
|
||
|
||
if (typeof components[token.value] !== 'object') {
|
||
throw new Error(`Invalid interpolation, component node must be a ReactElement or null: \`${token.value}\``);
|
||
} // we should never see a componentClose token in this loop
|
||
|
||
|
||
if (token.type === 'componentClose') {
|
||
throw new Error(`Missing opening component token: \`${token.value}\``);
|
||
}
|
||
|
||
if (token.type === 'componentOpen') {
|
||
openComponent = components[token.value];
|
||
openIndex = i;
|
||
break;
|
||
} // componentSelfClosing token
|
||
|
||
|
||
children.push(components[token.value]);
|
||
continue;
|
||
}
|
||
|
||
if (openComponent) {
|
||
const closeIndex = getCloseIndex(openIndex, tokens);
|
||
const grandChildTokens = tokens.slice(openIndex + 1, closeIndex);
|
||
const grandChildren = buildChildren(grandChildTokens, components);
|
||
const clonedOpenComponent = /*#__PURE__*/(0,react.cloneElement)(openComponent, {}, grandChildren);
|
||
children.push(clonedOpenComponent);
|
||
|
||
if (closeIndex < tokens.length - 1) {
|
||
const siblingTokens = tokens.slice(closeIndex + 1);
|
||
const siblings = buildChildren(siblingTokens, components);
|
||
children = children.concat(siblings);
|
||
}
|
||
}
|
||
|
||
children = children.filter(Boolean);
|
||
|
||
if (children.length === 0) {
|
||
return null;
|
||
}
|
||
|
||
if (children.length === 1) {
|
||
return children[0];
|
||
}
|
||
|
||
return /*#__PURE__*/(0,react.createElement)(react.Fragment, null, ...children);
|
||
}
|
||
|
||
function interpolate(options) {
|
||
const {
|
||
mixedString,
|
||
components,
|
||
throwErrors
|
||
} = options;
|
||
|
||
if (!components) {
|
||
return mixedString;
|
||
}
|
||
|
||
if (typeof components !== 'object') {
|
||
if (throwErrors) {
|
||
throw new Error(`Interpolation Error: unable to process \`${mixedString}\` because components is not an object`);
|
||
}
|
||
|
||
return mixedString;
|
||
}
|
||
|
||
const tokens = tokenize(mixedString);
|
||
|
||
try {
|
||
return buildChildren(tokens, components);
|
||
} catch (error) {
|
||
if (throwErrors) {
|
||
throw new Error(`Interpolation Error: unable to process \`${mixedString}\` because of error \`${error.message}\``);
|
||
}
|
||
|
||
return mixedString;
|
||
}
|
||
}
|
||
|
||
/***/ }),
|
||
|
||
/***/ "../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/checkbox-control/index.js":
|
||
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||
|
||
|
||
// EXPORTS
|
||
__webpack_require__.d(__webpack_exports__, {
|
||
A: () => (/* binding */ CheckboxControl)
|
||
});
|
||
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/extends.js
|
||
var esm_extends = __webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/extends.js");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js
|
||
var react = __webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/classnames@2.3.2/node_modules/classnames/index.js
|
||
var classnames = __webpack_require__("../../node_modules/.pnpm/classnames@2.3.2/node_modules/classnames/index.js");
|
||
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/@wordpress+compose@5.4.1_react@17.0.2/node_modules/@wordpress/compose/build-module/hooks/use-ref-effect/index.js
|
||
var use_ref_effect = __webpack_require__("../../node_modules/.pnpm/@wordpress+compose@5.4.1_react@17.0.2/node_modules/@wordpress/compose/build-module/hooks/use-ref-effect/index.js");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/@wordpress+compose@5.4.1_react@17.0.2/node_modules/@wordpress/compose/build-module/hooks/use-instance-id/index.js
|
||
var use_instance_id = __webpack_require__("../../node_modules/.pnpm/@wordpress+compose@5.4.1_react@17.0.2/node_modules/@wordpress/compose/build-module/hooks/use-instance-id/index.js");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/@wordpress+deprecated@3.41.0/node_modules/@wordpress/deprecated/build-module/index.js
|
||
var build_module = __webpack_require__("../../node_modules/.pnpm/@wordpress+deprecated@3.41.0/node_modules/@wordpress/deprecated/build-module/index.js");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/@wordpress+icons@8.4.0/node_modules/@wordpress/icons/build-module/icon/index.js
|
||
var icon = __webpack_require__("../../node_modules/.pnpm/@wordpress+icons@8.4.0/node_modules/@wordpress/icons/build-module/icon/index.js");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/@wordpress+primitives@3.45.0/node_modules/@wordpress/primitives/build-module/svg/index.js
|
||
var svg = __webpack_require__("../../node_modules/.pnpm/@wordpress+primitives@3.45.0/node_modules/@wordpress/primitives/build-module/svg/index.js");
|
||
;// CONCATENATED MODULE: ../../node_modules/.pnpm/@wordpress+icons@8.4.0/node_modules/@wordpress/icons/build-module/library/reset.js
|
||
|
||
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
const reset_reset = (0,react.createElement)(svg/* SVG */.t4, {
|
||
xmlns: "http://www.w3.org/2000/svg",
|
||
viewBox: "0 0 24 24"
|
||
}, (0,react.createElement)(svg/* Path */.wA, {
|
||
d: "M7 11.5h10V13H7z"
|
||
}));
|
||
/* harmony default export */ const library_reset = (reset_reset);
|
||
//# sourceMappingURL=reset.js.map
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/@wordpress+icons@8.4.0/node_modules/@wordpress/icons/build-module/library/check.js
|
||
var check = __webpack_require__("../../node_modules/.pnpm/@wordpress+icons@8.4.0/node_modules/@wordpress/icons/build-module/library/check.js");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/base-control/index.js + 1 modules
|
||
var base_control = __webpack_require__("../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/base-control/index.js");
|
||
;// CONCATENATED MODULE: ../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/checkbox-control/index.js
|
||
|
||
|
||
|
||
/**
|
||
* External dependencies
|
||
*/
|
||
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
function CheckboxControl(_ref) {
|
||
let {
|
||
label,
|
||
className,
|
||
heading,
|
||
checked,
|
||
indeterminate,
|
||
help,
|
||
onChange,
|
||
...props
|
||
} = _ref;
|
||
|
||
if (heading) {
|
||
(0,build_module/* default */.A)('`heading` prop in `CheckboxControl`', {
|
||
alternative: 'a separate element to implement a heading',
|
||
since: '5.8'
|
||
});
|
||
}
|
||
|
||
const [showCheckedIcon, setShowCheckedIcon] = (0,react.useState)(false);
|
||
const [showIndeterminateIcon, setShowIndeterminateIcon] = (0,react.useState)(false); // Run the following callback everytime the `ref` (and the additional
|
||
// dependencies) change.
|
||
|
||
const ref = (0,use_ref_effect/* default */.A)(node => {
|
||
if (!node) {
|
||
return;
|
||
} // It cannot be set using an HTML attribute.
|
||
|
||
|
||
node.indeterminate = !!indeterminate;
|
||
setShowCheckedIcon(node.matches(':checked'));
|
||
setShowIndeterminateIcon(node.matches(':indeterminate'));
|
||
}, [checked, indeterminate]);
|
||
const instanceId = (0,use_instance_id/* default */.A)(CheckboxControl);
|
||
const id = `inspector-checkbox-control-${instanceId}`;
|
||
|
||
const onChangeValue = event => onChange(event.target.checked);
|
||
|
||
return (0,react.createElement)(base_control/* default */.Ay, {
|
||
label: heading,
|
||
id: id,
|
||
help: help,
|
||
className: classnames_default()('components-checkbox-control', className)
|
||
}, (0,react.createElement)("span", {
|
||
className: "components-checkbox-control__input-container"
|
||
}, (0,react.createElement)("input", (0,esm_extends/* default */.A)({
|
||
ref: ref,
|
||
id: id,
|
||
className: "components-checkbox-control__input",
|
||
type: "checkbox",
|
||
value: "1",
|
||
onChange: onChangeValue,
|
||
checked: checked,
|
||
"aria-describedby": !!help ? id + '__help' : undefined
|
||
}, props)), showIndeterminateIcon ? (0,react.createElement)(icon/* default */.A, {
|
||
icon: library_reset,
|
||
className: "components-checkbox-control__indeterminate",
|
||
role: "presentation"
|
||
}) : null, showCheckedIcon ? (0,react.createElement)(icon/* default */.A, {
|
||
icon: check/* default */.A,
|
||
className: "components-checkbox-control__checked",
|
||
role: "presentation"
|
||
}) : null), (0,react.createElement)("label", {
|
||
className: "components-checkbox-control__label",
|
||
htmlFor: id
|
||
}, label));
|
||
}
|
||
//# sourceMappingURL=index.js.map
|
||
|
||
/***/ }),
|
||
|
||
/***/ "../../node_modules/.pnpm/@wordpress+icons@8.4.0/node_modules/@wordpress/icons/build-module/icon/index.js":
|
||
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||
|
||
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||
/* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
|
||
/* harmony export */ });
|
||
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js");
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
/** @typedef {{icon: JSX.Element, size?: number} & import('@wordpress/primitives').SVGProps} IconProps */
|
||
|
||
/**
|
||
* Return an SVG icon.
|
||
*
|
||
* @param {IconProps} props icon is the SVG component to render
|
||
* size is a number specifiying the icon size in pixels
|
||
* Other props will be passed to wrapped SVG component
|
||
*
|
||
* @return {JSX.Element} Icon component
|
||
*/
|
||
|
||
function Icon(_ref) {
|
||
let {
|
||
icon,
|
||
size = 24,
|
||
...props
|
||
} = _ref;
|
||
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(icon, {
|
||
width: size,
|
||
height: size,
|
||
...props
|
||
});
|
||
}
|
||
|
||
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Icon);
|
||
//# sourceMappingURL=index.js.map
|
||
|
||
/***/ }),
|
||
|
||
/***/ "../../node_modules/.pnpm/@wordpress+icons@8.4.0/node_modules/@wordpress/icons/build-module/library/check.js":
|
||
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||
|
||
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||
/* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
|
||
/* harmony export */ });
|
||
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js");
|
||
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/.pnpm/@wordpress+primitives@3.45.0/node_modules/@wordpress/primitives/build-module/svg/index.js");
|
||
|
||
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
const check = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__/* .SVG */ .t4, {
|
||
xmlns: "http://www.w3.org/2000/svg",
|
||
viewBox: "0 0 24 24"
|
||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__/* .Path */ .wA, {
|
||
d: "M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z"
|
||
}));
|
||
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (check);
|
||
//# sourceMappingURL=check.js.map
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./setting.mock.js":
|
||
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||
|
||
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||
/* harmony export */ P: () => (/* binding */ getSetting)
|
||
/* harmony export */ });
|
||
// @woocommerce/settings mocked module for storybook webpack resolve.alias config
|
||
// see ./webpack.config.js
|
||
|
||
function getSetting() {
|
||
return {};
|
||
}
|
||
|
||
/***/ }),
|
||
|
||
/***/ "../../packages/js/components/src/link/index.tsx":
|
||
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||
|
||
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||
/* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__),
|
||
/* harmony export */ N: () => (/* binding */ Link)
|
||
/* harmony export */ });
|
||
/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.keys.js");
|
||
/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.symbol.js");
|
||
/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__);
|
||
/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.filter.js");
|
||
/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__);
|
||
/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.to-string.js");
|
||
/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__);
|
||
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
|
||
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_4__);
|
||
/* harmony import */ var core_js_modules_es_array_for_each_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.for-each.js");
|
||
/* harmony import */ var core_js_modules_es_array_for_each_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_for_each_js__WEBPACK_IMPORTED_MODULE_5__);
|
||
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/web.dom-collections.for-each.js");
|
||
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6__);
|
||
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.get-own-property-descriptors.js");
|
||
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_7__);
|
||
/* harmony import */ var core_js_modules_es_object_define_properties_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.define-properties.js");
|
||
/* harmony import */ var core_js_modules_es_object_define_properties_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_define_properties_js__WEBPACK_IMPORTED_MODULE_8__);
|
||
/* harmony import */ var core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.define-property.js");
|
||
/* harmony import */ var core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_9__);
|
||
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/extends.js");
|
||
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
||
/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");
|
||
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js");
|
||
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/lodash.js");
|
||
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_11__);
|
||
/* harmony import */ var _woocommerce_navigation__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("../../packages/js/navigation/src/index.js");
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
var _excluded = ["href", "children", "type"];
|
||
|
||
function ownKeys(e, r) {
|
||
var t = Object.keys(e);
|
||
if (Object.getOwnPropertySymbols) {
|
||
var o = Object.getOwnPropertySymbols(e);
|
||
r && (o = o.filter(function (r) {
|
||
return Object.getOwnPropertyDescriptor(e, r).enumerable;
|
||
})), t.push.apply(t, o);
|
||
}
|
||
return t;
|
||
}
|
||
function _objectSpread(e) {
|
||
for (var r = 1; r < arguments.length; r++) {
|
||
var t = null != arguments[r] ? arguments[r] : {};
|
||
r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
|
||
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .A)(e, r, t[r]);
|
||
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
|
||
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
||
});
|
||
}
|
||
return e;
|
||
}
|
||
/**
|
||
* External dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
||
// we don't want to restrict this function at all
|
||
|
||
/**
|
||
* Use `Link` to create a link to another resource. It accepts a type to automatically
|
||
* create wp-admin links, wc-admin links, and external links.
|
||
*/
|
||
var Link = function Link(_ref) {
|
||
var href = _ref.href,
|
||
children = _ref.children,
|
||
_ref$type = _ref.type,
|
||
type = _ref$type === void 0 ? 'wc-admin' : _ref$type,
|
||
props = (0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_14__/* ["default"] */ .A)(_ref, _excluded);
|
||
// ( { children, href, type, ...props } ) => {
|
||
// @todo Investigate further if we can use <Link /> directly.
|
||
// With React Router 5+, <RouterLink /> cannot be used outside of the main <Router /> elements,
|
||
// which seems to include components imported from @woocommerce/components. For now, we can use the history object directly.
|
||
var wcAdminLinkHandler = function wcAdminLinkHandler(onClick, event) {
|
||
// If cmd, ctrl, alt, or shift are used, use default behavior to allow opening in a new tab.
|
||
if (event !== null && event !== void 0 && event.ctrlKey || event !== null && event !== void 0 && event.metaKey || event !== null && event !== void 0 && event.altKey || event !== null && event !== void 0 && event.shiftKey) {
|
||
return;
|
||
}
|
||
event === null || event === void 0 || event.preventDefault();
|
||
|
||
// If there is an onclick event, execute it.
|
||
var onClickResult = onClick && event ? onClick(event) : true;
|
||
|
||
// Mimic browser behavior and only continue if onClickResult is not explicitly false.
|
||
if (onClickResult === false) {
|
||
return;
|
||
}
|
||
if ((event === null || event === void 0 ? void 0 : event.target) instanceof Element) {
|
||
var _event$target$closest;
|
||
var closestEventTarget = (_event$target$closest = event.target.closest('a')) === null || _event$target$closest === void 0 ? void 0 : _event$target$closest.getAttribute('href');
|
||
if (closestEventTarget) {
|
||
(0,_woocommerce_navigation__WEBPACK_IMPORTED_MODULE_12__/* .getHistory */ .JK)().push(closestEventTarget);
|
||
} else {
|
||
// eslint-disable-next-line no-console
|
||
console.error('@woocommerce/components/link is trying to push an undefined state into navigation stack'); // This shouldn't happen as we wrap with <a> below
|
||
}
|
||
}
|
||
};
|
||
var passProps = _objectSpread(_objectSpread({}, props), {}, {
|
||
'data-link-type': type
|
||
});
|
||
if (type === 'wc-admin') {
|
||
passProps.onClick = (0,lodash__WEBPACK_IMPORTED_MODULE_11__.partial)(wcAdminLinkHandler, passProps.onClick);
|
||
}
|
||
return (0,react__WEBPACK_IMPORTED_MODULE_13__.createElement)("a", (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .A)({
|
||
href: href
|
||
}, passProps), children);
|
||
};
|
||
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Link);
|
||
try {
|
||
// @ts-ignore
|
||
Link.displayName = "Link";
|
||
// @ts-ignore
|
||
Link.__docgenInfo = { "description": "Use `Link` to create a link to another resource. It accepts a type to automatically\ncreate wp-admin links, wc-admin links, and external links.", "displayName": "Link", "props": {} };
|
||
// @ts-ignore
|
||
if (typeof STORYBOOK_REACT_CLASSES !== "undefined")
|
||
// @ts-ignore
|
||
STORYBOOK_REACT_CLASSES["../../packages/js/components/src/link/index.tsx#Link"] = { docgenInfo: Link.__docgenInfo, name: "Link", path: "../../packages/js/components/src/link/index.tsx#Link" };
|
||
}
|
||
catch (__react_docgen_typescript_loader_error) { }
|
||
try {
|
||
// @ts-ignore
|
||
link.displayName = "link";
|
||
// @ts-ignore
|
||
link.__docgenInfo = { "description": "Use `Link` to create a link to another resource. It accepts a type to automatically\ncreate wp-admin links, wc-admin links, and external links.", "displayName": "link", "props": {} };
|
||
// @ts-ignore
|
||
if (typeof STORYBOOK_REACT_CLASSES !== "undefined")
|
||
// @ts-ignore
|
||
STORYBOOK_REACT_CLASSES["../../packages/js/components/src/link/index.tsx#link"] = { docgenInfo: link.__docgenInfo, name: "link", path: "../../packages/js/components/src/link/index.tsx#link" };
|
||
}
|
||
catch (__react_docgen_typescript_loader_error) { }
|
||
|
||
/***/ }),
|
||
|
||
/***/ "../../plugins/woocommerce-admin/client/core-profiler/components/heading/heading.tsx":
|
||
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||
|
||
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||
/* harmony export */ D: () => (/* binding */ Heading)
|
||
/* harmony export */ });
|
||
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js");
|
||
/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs");
|
||
|
||
/**
|
||
* External dependencies
|
||
*/
|
||
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
var Heading = function Heading(_ref) {
|
||
var className = _ref.className,
|
||
title = _ref.title,
|
||
subTitle = _ref.subTitle;
|
||
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||
className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A)('woocommerce-profiler-heading', className)
|
||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h1", {
|
||
className: "woocommerce-profiler-heading__title"
|
||
}, title), subTitle && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", {
|
||
className: "woocommerce-profiler-heading__subtitle"
|
||
}, subTitle));
|
||
};
|
||
try {
|
||
// @ts-ignore
|
||
Heading.displayName = "Heading";
|
||
// @ts-ignore
|
||
Heading.__docgenInfo = { "description": "", "displayName": "Heading", "props": { "title": { "defaultValue": null, "description": "", "name": "title", "required": true, "type": { "name": "string | Element" } }, "subTitle": { "defaultValue": null, "description": "", "name": "subTitle", "required": false, "type": { "name": "string | Element" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } } } };
|
||
// @ts-ignore
|
||
if (typeof STORYBOOK_REACT_CLASSES !== "undefined")
|
||
// @ts-ignore
|
||
STORYBOOK_REACT_CLASSES["../../plugins/woocommerce-admin/client/core-profiler/components/heading/heading.tsx#Heading"] = { docgenInfo: Heading.__docgenInfo, name: "Heading", path: "../../plugins/woocommerce-admin/client/core-profiler/components/heading/heading.tsx#Heading" };
|
||
}
|
||
catch (__react_docgen_typescript_loader_error) { }
|
||
|
||
/***/ }),
|
||
|
||
/***/ "../../plugins/woocommerce-admin/client/core-profiler/components/navigation/navigation.tsx":
|
||
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||
|
||
|
||
// EXPORTS
|
||
__webpack_require__.d(__webpack_exports__, {
|
||
V: () => (/* binding */ Navigation)
|
||
});
|
||
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js
|
||
var react = __webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/@wordpress+i18n@4.6.1/node_modules/@wordpress/i18n/build-module/index.js + 3 modules
|
||
var build_module = __webpack_require__("../../node_modules/.pnpm/@wordpress+i18n@4.6.1/node_modules/@wordpress/i18n/build-module/index.js");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
|
||
var clsx = __webpack_require__("../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/button/index.js
|
||
var build_module_button = __webpack_require__("../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/button/index.js");
|
||
;// CONCATENATED MODULE: ../../plugins/woocommerce-admin/client/core-profiler/components/navigation/woologo.tsx
|
||
|
||
/* eslint-disable max-len */
|
||
var WooLogo = function WooLogo() {
|
||
return (0,react.createElement)("svg", {
|
||
preserveAspectRatio: "xMidYMid",
|
||
version: "1.1",
|
||
viewBox: "0 0 256 153",
|
||
xmlns: "http://www.w3.org/2000/svg",
|
||
className: "wc-icon wc-icon__woo-logo"
|
||
}, (0,react.createElement)("path", {
|
||
d: "m23.759 0h208.38c13.187 0 23.863 10.675 23.863 23.863v79.542c0 13.187-10.675 23.863-23.863 23.863h-74.727l10.257 25.118-45.109-25.118h-98.695c-13.187 0-23.863-10.675-23.863-23.863v-79.542c-0.10466-13.083 10.571-23.863 23.758-23.863z",
|
||
fill: "#7f54b3"
|
||
}), (0,react.createElement)("path", {
|
||
d: "m14.578 21.75c1.4569-1.9772 3.6423-3.0179 6.5561-3.226 5.3073-0.41626 8.3252 2.0813 9.0537 7.4927 3.226 21.75 6.7642 40.169 10.511 55.259l22.79-43.395c2.0813-3.9545 4.6829-6.0358 7.8049-6.2439 4.5789-0.3122 7.3886 2.6016 8.5333 8.7415 2.6016 13.841 5.9317 25.6 9.8862 35.59 2.7057-26.433 7.2846-45.476 13.737-57.236 1.561-2.9138 3.8504-4.3707 6.8683-4.5789 2.3935-0.20813 4.5789 0.52033 6.5561 2.0813 1.9772 1.561 3.0179 3.5382 3.226 5.9317 0.10406 1.8732-0.20813 3.4341-1.0407 4.9951-4.0585 7.4927-7.3886 20.085-10.094 37.567-2.6016 16.963-3.5382 30.179-2.9138 39.649 0.20813 2.6016-0.20813 4.8911-1.2488 6.8683-1.2488 2.2894-3.122 3.5382-5.5154 3.7463-2.7057 0.20813-5.5154-1.0406-8.2211-3.8504-9.678-9.8862-17.379-24.663-22.998-44.332-6.7642 13.32-11.759 23.311-14.985 29.971-6.1398 11.759-11.343 17.795-15.714 18.107-2.8098 0.20813-5.2033-2.1854-7.2846-7.1805-5.3073-13.633-11.031-39.961-17.171-78.985-0.41626-2.7057 0.20813-5.0992 1.665-6.9724zm223.64 16.338c-3.7463-6.5561-9.2618-10.511-16.65-12.072-1.9772-0.41626-3.8504-0.62439-5.6195-0.62439-9.9902 0-18.107 5.2033-24.455 15.61-5.4114 8.8455-8.1171 18.628-8.1171 29.346 0 8.013 1.665 14.881 4.9951 20.605 3.7463 6.5561 9.2618 10.511 16.65 12.072 1.9772 0.41626 3.8504 0.62439 5.6195 0.62439 10.094 0 18.211-5.2033 24.455-15.61 5.4114-8.9496 8.1171-18.732 8.1171-29.45 0.10406-8.1171-1.665-14.881-4.9951-20.501zm-13.112 28.826c-1.4569 6.8683-4.0585 11.967-7.9089 15.402-3.0179 2.7057-5.8276 3.8504-8.4293 3.3301-2.4976-0.52033-4.5789-2.7057-6.1398-6.7642-1.2488-3.226-1.8732-6.452-1.8732-9.4699 0-2.6016 0.20813-5.2033 0.72846-7.5967 0.93659-4.2667 2.7057-8.4293 5.5154-12.384 3.4341-5.0992 7.0764-7.1805 10.823-6.452 2.4976 0.52033 4.5789 2.7057 6.1398 6.7642 1.2488 3.226 1.8732 6.452 1.8732 9.4699 0 2.7057-0.20813 5.3073-0.72846 7.7008zm-52.033-28.826c-3.7463-6.5561-9.3659-10.511-16.65-12.072-1.9772-0.41626-3.8504-0.62439-5.6195-0.62439-9.9902 0-18.107 5.2033-24.455 15.61-5.4114 8.8455-8.1171 18.628-8.1171 29.346 0 8.013 1.665 14.881 4.9951 20.605 3.7463 6.5561 9.2618 10.511 16.65 12.072 1.9772 0.41626 3.8504 0.62439 5.6195 0.62439 10.094 0 18.211-5.2033 24.455-15.61 5.4114-8.9496 8.1171-18.732 8.1171-29.45 0-8.1171-1.665-14.881-4.9951-20.501zm-13.216 28.826c-1.4569 6.8683-4.0585 11.967-7.9089 15.402-3.0179 2.7057-5.8276 3.8504-8.4293 3.3301-2.4976-0.52033-4.5789-2.7057-6.1398-6.7642-1.2488-3.226-1.8732-6.452-1.8732-9.4699 0-2.6016 0.20813-5.2033 0.72846-7.5967 0.93658-4.2667 2.7057-8.4293 5.5154-12.384 3.4341-5.0992 7.0764-7.1805 10.823-6.452 2.4976 0.52033 4.5789 2.7057 6.1398 6.7642 1.2488 3.226 1.8732 6.452 1.8732 9.4699 0.10406 2.7057-0.20813 5.3073-0.72846 7.7008z",
|
||
fill: "#fff"
|
||
}));
|
||
};
|
||
/* eslint-enable max-len */
|
||
|
||
/* harmony default export */ const woologo = (WooLogo);
|
||
;// CONCATENATED MODULE: ../../plugins/woocommerce-admin/client/core-profiler/components/progress-bar/progress-bar.tsx
|
||
|
||
/**
|
||
* External dependencies
|
||
*/
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
var ProgressBar = function ProgressBar(_ref) {
|
||
var _ref$className = _ref.className,
|
||
className = _ref$className === void 0 ? '' : _ref$className,
|
||
_ref$percent = _ref.percent,
|
||
percent = _ref$percent === void 0 ? 0 : _ref$percent,
|
||
_ref$color = _ref.color,
|
||
color = _ref$color === void 0 ? '#674399' : _ref$color,
|
||
_ref$bgcolor = _ref.bgcolor,
|
||
bgcolor = _ref$bgcolor === void 0 ? 'var(--wp-admin-theme-color)' : _ref$bgcolor;
|
||
var containerStyles = {
|
||
backgroundColor: bgcolor
|
||
};
|
||
var fillerStyles = {
|
||
backgroundColor: color,
|
||
width: "".concat(percent, "%"),
|
||
display: percent === 0 ? 'none' : 'inherit'
|
||
};
|
||
return (0,react.createElement)("div", {
|
||
className: "woocommerce-profiler-progress-bar ".concat(className)
|
||
}, (0,react.createElement)("div", {
|
||
className: "woocommerce-profiler-progress-bar__container",
|
||
style: containerStyles
|
||
}, (0,react.createElement)("div", {
|
||
className: "woocommerce-profiler-progress-bar__filler",
|
||
style: fillerStyles
|
||
})));
|
||
};
|
||
/* harmony default export */ const progress_bar = (ProgressBar);
|
||
try {
|
||
// @ts-ignore
|
||
progressbar.displayName = "progressbar";
|
||
// @ts-ignore
|
||
progressbar.__docgenInfo = { "description": "", "displayName": "progressbar", "props": { "className": { "defaultValue": { value: "" }, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "percent": { "defaultValue": { value: "0" }, "description": "", "name": "percent", "required": false, "type": { "name": "number" } }, "color": { "defaultValue": { value: "#674399" }, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "bgcolor": { "defaultValue": { value: "var(--wp-admin-theme-color)" }, "description": "", "name": "bgcolor", "required": false, "type": { "name": "string" } } } };
|
||
// @ts-ignore
|
||
if (typeof STORYBOOK_REACT_CLASSES !== "undefined")
|
||
// @ts-ignore
|
||
STORYBOOK_REACT_CLASSES["../../plugins/woocommerce-admin/client/core-profiler/components/progress-bar/progress-bar.tsx#progressbar"] = { docgenInfo: progressbar.__docgenInfo, name: "progressbar", path: "../../plugins/woocommerce-admin/client/core-profiler/components/progress-bar/progress-bar.tsx#progressbar" };
|
||
}
|
||
catch (__react_docgen_typescript_loader_error) { }
|
||
;// CONCATENATED MODULE: ../../plugins/woocommerce-admin/client/core-profiler/components/navigation/navigation.tsx
|
||
|
||
/**
|
||
* External dependencies
|
||
*/
|
||
|
||
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
|
||
var Navigation = function Navigation(_ref) {
|
||
var _ref$percentage = _ref.percentage,
|
||
percentage = _ref$percentage === void 0 ? 0 : _ref$percentage,
|
||
onSkip = _ref.onSkip,
|
||
_ref$skipText = _ref.skipText,
|
||
skipText = _ref$skipText === void 0 ? (0,build_module.__)('Skip this step', 'woocommerce') : _ref$skipText,
|
||
_ref$showProgress = _ref.showProgress,
|
||
showProgress = _ref$showProgress === void 0 ? true : _ref$showProgress,
|
||
_ref$showLogo = _ref.showLogo,
|
||
showLogo = _ref$showLogo === void 0 ? true : _ref$showLogo,
|
||
_ref$classNames = _ref.classNames,
|
||
classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
|
||
_ref$progressBarColor = _ref.progressBarColor,
|
||
progressBarColor = _ref$progressBarColor === void 0 ? 'var(--wp-admin-theme-color)' : _ref$progressBarColor;
|
||
return (0,react.createElement)("div", {
|
||
className: (0,clsx/* default */.A)('woocommerce-profiler-navigation-container', classNames)
|
||
}, showProgress && (0,react.createElement)(progress_bar, {
|
||
className: 'progress-bar',
|
||
percent: percentage,
|
||
color: progressBarColor,
|
||
bgcolor: 'transparent'
|
||
}), (0,react.createElement)("div", {
|
||
className: "woocommerce-profiler-navigation"
|
||
}, (0,react.createElement)("div", {
|
||
className: "woocommerce-profiler-navigation-col-left"
|
||
}, showLogo && (0,react.createElement)("span", {
|
||
className: "woologo"
|
||
}, (0,react.createElement)(woologo, null))), (0,react.createElement)("div", {
|
||
className: "woocommerce-profiler-navigation-col-right"
|
||
}, typeof onSkip === 'function' && (0,react.createElement)(build_module_button/* default */.A, {
|
||
onClick: onSkip,
|
||
className: (0,clsx/* default */.A)('woocommerce-profiler-navigation-skip-link', classNames.mobile ? 'mobile' : ''),
|
||
isLink: true
|
||
}, skipText))));
|
||
};
|
||
try {
|
||
// @ts-ignore
|
||
Navigation.displayName = "Navigation";
|
||
// @ts-ignore
|
||
Navigation.__docgenInfo = { "description": "", "displayName": "Navigation", "props": { "onSkip": { "defaultValue": null, "description": "", "name": "onSkip", "required": false, "type": { "name": "(() => void)" } }, "percentage": { "defaultValue": { value: "0" }, "description": "", "name": "percentage", "required": false, "type": { "name": "number" } }, "previous": { "defaultValue": null, "description": "", "name": "previous", "required": false, "type": { "name": "string" } }, "showProgress": { "defaultValue": { value: "true" }, "description": "", "name": "showProgress", "required": false, "type": { "name": "boolean" } }, "showLogo": { "defaultValue": { value: "true" }, "description": "", "name": "showLogo", "required": false, "type": { "name": "boolean" } }, "classNames": { "defaultValue": { value: "{}" }, "description": "", "name": "classNames", "required": false, "type": { "name": "{ mobile?: boolean; }" } }, "skipText": { "defaultValue": { value: "__( 'Skip this step', 'woocommerce' )" }, "description": "", "name": "skipText", "required": false, "type": { "name": "string" } }, "progressBarColor": { "defaultValue": { value: "var(--wp-admin-theme-color)" }, "description": "", "name": "progressBarColor", "required": false, "type": { "name": "string" } } } };
|
||
// @ts-ignore
|
||
if (typeof STORYBOOK_REACT_CLASSES !== "undefined")
|
||
// @ts-ignore
|
||
STORYBOOK_REACT_CLASSES["../../plugins/woocommerce-admin/client/core-profiler/components/navigation/navigation.tsx#Navigation"] = { docgenInfo: Navigation.__docgenInfo, name: "Navigation", path: "../../plugins/woocommerce-admin/client/core-profiler/components/navigation/navigation.tsx#Navigation" };
|
||
}
|
||
catch (__react_docgen_typescript_loader_error) { }
|
||
|
||
/***/ }),
|
||
|
||
/***/ "../../plugins/woocommerce-admin/client/core-profiler/stories/WithSetupWizardLayout.tsx":
|
||
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||
|
||
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||
/* harmony export */ b: () => (/* binding */ WithSetupWizardLayout)
|
||
/* harmony export */ });
|
||
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js");
|
||
|
||
var WithSetupWizardLayout = function WithSetupWizardLayout(Story) {
|
||
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||
className: "woocommerce-profile-wizard__body woocommerce-admin-full-screen"
|
||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Story, null));
|
||
};
|
||
try {
|
||
// @ts-ignore
|
||
WithSetupWizardLayout.displayName = "WithSetupWizardLayout";
|
||
// @ts-ignore
|
||
WithSetupWizardLayout.__docgenInfo = { "description": "", "displayName": "WithSetupWizardLayout", "props": {} };
|
||
// @ts-ignore
|
||
if (typeof STORYBOOK_REACT_CLASSES !== "undefined")
|
||
// @ts-ignore
|
||
STORYBOOK_REACT_CLASSES["../../plugins/woocommerce-admin/client/core-profiler/stories/WithSetupWizardLayout.tsx#WithSetupWizardLayout"] = { docgenInfo: WithSetupWizardLayout.__docgenInfo, name: "WithSetupWizardLayout", path: "../../plugins/woocommerce-admin/client/core-profiler/stories/WithSetupWizardLayout.tsx#WithSetupWizardLayout" };
|
||
}
|
||
catch (__react_docgen_typescript_loader_error) { }
|
||
|
||
/***/ }),
|
||
|
||
/***/ "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs":
|
||
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||
|
||
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||
/* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
|
||
/* harmony export */ });
|
||
/* unused harmony export clsx */
|
||
function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f)}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (clsx);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.join.js":
|
||
/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
|
||
|
||
|
||
var $ = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/export.js");
|
||
var uncurryThis = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/function-uncurry-this.js");
|
||
var IndexedObject = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/indexed-object.js");
|
||
var toIndexedObject = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/to-indexed-object.js");
|
||
var arrayMethodIsStrict = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/array-method-is-strict.js");
|
||
|
||
var nativeJoin = uncurryThis([].join);
|
||
|
||
var ES3_STRINGS = IndexedObject !== Object;
|
||
var FORCED = ES3_STRINGS || !arrayMethodIsStrict('join', ',');
|
||
|
||
// `Array.prototype.join` method
|
||
// https://tc39.es/ecma262/#sec-array.prototype.join
|
||
$({ target: 'Array', proto: true, forced: FORCED }, {
|
||
join: function join(separator) {
|
||
return nativeJoin(toIndexedObject(this), separator === undefined ? ',' : separator);
|
||
}
|
||
});
|
||
|
||
|
||
/***/ }),
|
||
|
||
/***/ "../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.function.name.js":
|
||
/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
|
||
|
||
|
||
var DESCRIPTORS = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/descriptors.js");
|
||
var FUNCTION_NAME_EXISTS = (__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/function-name.js").EXISTS);
|
||
var uncurryThis = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/function-uncurry-this.js");
|
||
var defineBuiltInAccessor = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/define-built-in-accessor.js");
|
||
|
||
var FunctionPrototype = Function.prototype;
|
||
var functionToString = uncurryThis(FunctionPrototype.toString);
|
||
var nameRE = /function\b(?:\s|\/\*[\S\s]*?\*\/|\/\/[^\n\r]*[\n\r]+)*([^\s(/]*)/;
|
||
var regExpExec = uncurryThis(nameRE.exec);
|
||
var NAME = 'name';
|
||
|
||
// Function instances `.name` property
|
||
// https://tc39.es/ecma262/#sec-function-instances-name
|
||
if (DESCRIPTORS && !FUNCTION_NAME_EXISTS) {
|
||
defineBuiltInAccessor(FunctionPrototype, NAME, {
|
||
configurable: true,
|
||
get: function () {
|
||
try {
|
||
return regExpExec(nameRE, functionToString(this))[1];
|
||
} catch (error) {
|
||
return '';
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
|
||
/***/ }),
|
||
|
||
/***/ "../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.symbol.description.js":
|
||
/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
|
||
|
||
// `Symbol.prototype.description` getter
|
||
// https://tc39.es/ecma262/#sec-symbol.prototype.description
|
||
|
||
var $ = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/export.js");
|
||
var DESCRIPTORS = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/descriptors.js");
|
||
var global = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/global.js");
|
||
var uncurryThis = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/function-uncurry-this.js");
|
||
var hasOwn = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/has-own-property.js");
|
||
var isCallable = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/is-callable.js");
|
||
var isPrototypeOf = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/object-is-prototype-of.js");
|
||
var toString = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/to-string.js");
|
||
var defineBuiltInAccessor = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/define-built-in-accessor.js");
|
||
var copyConstructorProperties = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/copy-constructor-properties.js");
|
||
|
||
var NativeSymbol = global.Symbol;
|
||
var SymbolPrototype = NativeSymbol && NativeSymbol.prototype;
|
||
|
||
if (DESCRIPTORS && isCallable(NativeSymbol) && (!('description' in SymbolPrototype) ||
|
||
// Safari 12 bug
|
||
NativeSymbol().description !== undefined
|
||
)) {
|
||
var EmptyStringDescriptionStore = {};
|
||
// wrap Symbol constructor for correct work with undefined description
|
||
var SymbolWrapper = function Symbol() {
|
||
var description = arguments.length < 1 || arguments[0] === undefined ? undefined : toString(arguments[0]);
|
||
var result = isPrototypeOf(SymbolPrototype, this)
|
||
? new NativeSymbol(description)
|
||
// in Edge 13, String(Symbol(undefined)) === 'Symbol(undefined)'
|
||
: description === undefined ? NativeSymbol() : NativeSymbol(description);
|
||
if (description === '') EmptyStringDescriptionStore[result] = true;
|
||
return result;
|
||
};
|
||
|
||
copyConstructorProperties(SymbolWrapper, NativeSymbol);
|
||
SymbolWrapper.prototype = SymbolPrototype;
|
||
SymbolPrototype.constructor = SymbolWrapper;
|
||
|
||
var NATIVE_SYMBOL = String(NativeSymbol('description detection')) === 'Symbol(description detection)';
|
||
var thisSymbolValue = uncurryThis(SymbolPrototype.valueOf);
|
||
var symbolDescriptiveString = uncurryThis(SymbolPrototype.toString);
|
||
var regexp = /^Symbol\((.*)\)[^)]+$/;
|
||
var replace = uncurryThis(''.replace);
|
||
var stringSlice = uncurryThis(''.slice);
|
||
|
||
defineBuiltInAccessor(SymbolPrototype, 'description', {
|
||
configurable: true,
|
||
get: function description() {
|
||
var symbol = thisSymbolValue(this);
|
||
if (hasOwn(EmptyStringDescriptionStore, symbol)) return '';
|
||
var string = symbolDescriptiveString(symbol);
|
||
var desc = NATIVE_SYMBOL ? stringSlice(string, 7, -1) : replace(string, regexp, '$1');
|
||
return desc === '' ? undefined : desc;
|
||
}
|
||
});
|
||
|
||
$({ global: true, constructor: true, forced: true }, {
|
||
Symbol: SymbolWrapper
|
||
});
|
||
}
|
||
|
||
|
||
/***/ }),
|
||
|
||
/***/ "../../plugins/woocommerce-admin/client/core-profiler/stories/Plugins.story.tsx":
|
||
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||
|
||
// ESM COMPAT FLAG
|
||
__webpack_require__.r(__webpack_exports__);
|
||
|
||
// EXPORTS
|
||
__webpack_require__.d(__webpack_exports__, {
|
||
Basic: () => (/* binding */ Basic),
|
||
"default": () => (/* binding */ Plugins_story)
|
||
});
|
||
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js
|
||
var react = __webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js + 2 modules
|
||
var toConsumableArray = __webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/slicedToArray.js + 1 modules
|
||
var slicedToArray = __webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.regexp.exec.js
|
||
var es_regexp_exec = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.regexp.exec.js");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.string.replace.js
|
||
var es_string_replace = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.string.replace.js");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.filter.js
|
||
var es_array_filter = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.filter.js");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.to-string.js
|
||
var es_object_to_string = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.to-string.js");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.includes.js
|
||
var es_array_includes = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.includes.js");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.string.includes.js
|
||
var es_string_includes = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.string.includes.js");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.some.js
|
||
var es_array_some = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.some.js");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.concat.js
|
||
var es_array_concat = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.concat.js");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.map.js
|
||
var es_array_map = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.map.js");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.for-each.js
|
||
var es_array_for_each = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.for-each.js");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/web.dom-collections.for-each.js
|
||
var web_dom_collections_for_each = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/web.dom-collections.for-each.js");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.join.js
|
||
var es_array_join = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.join.js");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.symbol.js
|
||
var es_symbol = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.symbol.js");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.symbol.description.js
|
||
var es_symbol_description = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.symbol.description.js");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.function.name.js
|
||
var es_function_name = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.function.name.js");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/@wordpress+i18n@4.6.1/node_modules/@wordpress/i18n/build-module/index.js + 3 modules
|
||
var build_module = __webpack_require__("../../node_modules/.pnpm/@wordpress+i18n@4.6.1/node_modules/@wordpress/i18n/build-module/index.js");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/button/index.js
|
||
var build_module_button = __webpack_require__("../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/button/index.js");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/@automattic+interpolate-components@1.2.1_@types+react@17.0.71_react@17.0.2/node_modules/@automattic/interpolate-components/dist/esm/index.js + 1 modules
|
||
var esm = __webpack_require__("../../node_modules/.pnpm/@automattic+interpolate-components@1.2.1_@types+react@17.0.71_react@17.0.2/node_modules/@automattic/interpolate-components/dist/esm/index.js");
|
||
// EXTERNAL MODULE: ../../packages/js/components/src/link/index.tsx
|
||
var src_link = __webpack_require__("../../packages/js/components/src/link/index.tsx");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
|
||
var clsx = __webpack_require__("../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs");
|
||
// EXTERNAL MODULE: ../../plugins/woocommerce-admin/client/core-profiler/components/heading/heading.tsx
|
||
var heading = __webpack_require__("../../plugins/woocommerce-admin/client/core-profiler/components/heading/heading.tsx");
|
||
// EXTERNAL MODULE: ../../plugins/woocommerce-admin/client/core-profiler/components/navigation/navigation.tsx + 2 modules
|
||
var navigation = __webpack_require__("../../plugins/woocommerce-admin/client/core-profiler/components/navigation/navigation.tsx");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/checkbox-control/index.js + 1 modules
|
||
var checkbox_control = __webpack_require__("../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/checkbox-control/index.js");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/dompurify@2.4.7/node_modules/dompurify/dist/purify.js
|
||
var purify = __webpack_require__("../../node_modules/.pnpm/dompurify@2.4.7/node_modules/dompurify/dist/purify.js");
|
||
;// CONCATENATED MODULE: ../../plugins/woocommerce-admin/client/lib/sanitize-html/index.js
|
||
/**
|
||
* External dependencies
|
||
*/
|
||
|
||
var ALLOWED_TAGS = ['a', 'b', 'em', 'i', 'strong', 'p', 'br'];
|
||
var ALLOWED_ATTR = ['target', 'href', 'rel', 'name', 'download'];
|
||
/* harmony default export */ const sanitize_html = (function (html) {
|
||
return {
|
||
__html: (0,purify.sanitize)(html, {
|
||
ALLOWED_TAGS: ALLOWED_TAGS,
|
||
ALLOWED_ATTR: ALLOWED_ATTR
|
||
})
|
||
};
|
||
});
|
||
;// CONCATENATED MODULE: ../../plugins/woocommerce-admin/client/core-profiler/components/plugin-card/plugin-card.tsx
|
||
|
||
|
||
|
||
/**
|
||
* External dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
var PluginCard = function PluginCard(_ref) {
|
||
var _ref$installed = _ref.installed,
|
||
installed = _ref$installed === void 0 ? false : _ref$installed,
|
||
icon = _ref.icon,
|
||
title = _ref.title,
|
||
_ref$onChange = _ref.onChange,
|
||
onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
|
||
_ref$checked = _ref.checked,
|
||
checked = _ref$checked === void 0 ? false : _ref$checked,
|
||
description = _ref.description,
|
||
learnMoreLink = _ref.learnMoreLink;
|
||
return (
|
||
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
|
||
(0,react.createElement)("div", {
|
||
className: (0,clsx/* default */.A)('woocommerce-profiler-plugins-plugin-card', {
|
||
'is-installed': installed
|
||
}),
|
||
onClick: onChange
|
||
}, (0,react.createElement)("div", {
|
||
className: "woocommerce-profiler-plugin-card-top"
|
||
}, !installed && (0,react.createElement)(checkbox_control/* default */.A, {
|
||
className: "core-profiler__checkbox",
|
||
checked: checked,
|
||
onChange: onChange,
|
||
onClick: function onClick(e) {
|
||
return e.stopPropagation();
|
||
}
|
||
}), icon, (0,react.createElement)("div", {
|
||
className: (0,clsx/* default */.A)('woocommerce-profiler-plugins-plugin-card-text-header', {
|
||
installed: installed
|
||
})
|
||
}, (0,react.createElement)("h3", null, title), installed && (0,react.createElement)("span", null, (0,build_module.__)('Installed', 'woocommerce')))), (0,react.createElement)("div", {
|
||
className: (0,clsx/* default */.A)('woocommerce-profiler-plugins-plugin-card-text', {
|
||
'smaller-margin-left': installed
|
||
})
|
||
}, (0,react.createElement)("p", {
|
||
dangerouslySetInnerHTML: sanitize_html(description)
|
||
}), learnMoreLink))
|
||
);
|
||
};
|
||
try {
|
||
// @ts-ignore
|
||
PluginCard.displayName = "PluginCard";
|
||
// @ts-ignore
|
||
PluginCard.__docgenInfo = { "description": "", "displayName": "PluginCard", "props": { "installed": { "defaultValue": { value: "false" }, "description": "", "name": "installed", "required": false, "type": { "name": "boolean" } }, "key": { "defaultValue": null, "description": "", "name": "key", "required": false, "type": { "name": "string" } }, "icon": { "defaultValue": null, "description": "", "name": "icon", "required": true, "type": { "name": "ReactNode" } }, "title": { "defaultValue": null, "description": "", "name": "title", "required": true, "type": { "name": "ReactNode" } }, "description": { "defaultValue": null, "description": "", "name": "description", "required": true, "type": { "name": "ReactNode" } }, "checked": { "defaultValue": { value: "false" }, "description": "", "name": "checked", "required": false, "type": { "name": "boolean" } }, "onChange": { "defaultValue": { value: "() => {}" }, "description": "", "name": "onChange", "required": false, "type": { "name": "(() => void)" } }, "learnMoreLink": { "defaultValue": null, "description": "", "name": "learnMoreLink", "required": false, "type": { "name": "ReactNode" } } } };
|
||
// @ts-ignore
|
||
if (typeof STORYBOOK_REACT_CLASSES !== "undefined")
|
||
// @ts-ignore
|
||
STORYBOOK_REACT_CLASSES["../../plugins/woocommerce-admin/client/core-profiler/components/plugin-card/plugin-card.tsx#PluginCard"] = { docgenInfo: PluginCard.__docgenInfo, name: "PluginCard", path: "../../plugins/woocommerce-admin/client/core-profiler/components/plugin-card/plugin-card.tsx#PluginCard" };
|
||
}
|
||
catch (__react_docgen_typescript_loader_error) { }
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.reduce.js
|
||
var es_array_reduce = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.reduce.js");
|
||
// EXTERNAL MODULE: ../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.keys.js
|
||
var es_object_keys = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.keys.js");
|
||
// EXTERNAL MODULE: ./setting.mock.js
|
||
var setting_mock = __webpack_require__("./setting.mock.js");
|
||
;// CONCATENATED MODULE: ../../plugins/woocommerce-admin/client/utils/admin-settings.js
|
||
|
||
|
||
|
||
|
||
/**
|
||
* External dependencies
|
||
*/
|
||
|
||
|
||
|
||
// Remove mutable data from settings object to prevent access. Data stores should be used instead.
|
||
var mutableSources = ['wcAdminSettings', 'preloadSettings'];
|
||
var adminSettings = (0,setting_mock/* getSetting */.P)('admin', {});
|
||
var ADMIN_SETTINGS_SOURCE = Object.keys(adminSettings).reduce(function (source, key) {
|
||
if (!mutableSources.includes(key)) {
|
||
source[key] = adminSettings[key];
|
||
}
|
||
return source;
|
||
}, {});
|
||
|
||
/**
|
||
* Retrieves a setting value from the setting state.
|
||
*
|
||
* @param {string} name The identifier for the setting.
|
||
* @param {*} [fallback=false] The value to use as a fallback
|
||
* if the setting is not in the
|
||
* state.
|
||
* @param {Function} [filter=( val ) => val] A callback for filtering the
|
||
* value before it's returned.
|
||
* Receives both the found value
|
||
* (if it exists for the key) and
|
||
* the provided fallback arg.
|
||
*
|
||
* @return {*} The value present in the settings state for the given
|
||
* name.
|
||
*/
|
||
function getAdminSetting(name) {
|
||
var fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
||
var filter = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function (val) {
|
||
return val;
|
||
};
|
||
if (mutableSources.includes(name)) {
|
||
throw new Error((0,build_module.__)('Mutable settings should be accessed via data store.', 'woocommerce'));
|
||
}
|
||
var value = ADMIN_SETTINGS_SOURCE.hasOwnProperty(name) ? ADMIN_SETTINGS_SOURCE[name] : fallback;
|
||
return filter(value, fallback);
|
||
}
|
||
var ADMIN_URL = (0,setting_mock/* getSetting */.P)('adminUrl');
|
||
var COUNTRIES = (0,setting_mock/* getSetting */.P)('countries');
|
||
var CURRENCY = (0,setting_mock/* getSetting */.P)('currency');
|
||
var LOCALE = (0,setting_mock/* getSetting */.P)('locale');
|
||
var SITE_TITLE = (0,setting_mock/* getSetting */.P)('siteTitle');
|
||
var WC_ASSET_URL = (0,setting_mock/* getSetting */.P)('wcAssetUrl');
|
||
var ORDER_STATUSES = getAdminSetting('orderStatuses');
|
||
|
||
/**
|
||
* Sets a value to a property on the settings state.
|
||
*
|
||
* NOTE: This feature is to be removed in favour of data stores when a full migration
|
||
* is complete.
|
||
*
|
||
* @deprecated
|
||
*
|
||
* @param {string} name The setting property key for the
|
||
* setting being mutated.
|
||
* @param {*} value The value to set.
|
||
* @param {Function} [filter=( val ) => val] Allows for providing a callback
|
||
* to sanitize the setting (eg.
|
||
* ensure it's a number)
|
||
*/
|
||
function setAdminSetting(name, value) {
|
||
var filter = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function (val) {
|
||
return val;
|
||
};
|
||
if (mutableSources.includes(name)) {
|
||
throw new Error(__('Mutable settings should be mutated via data store.', 'woocommerce'));
|
||
}
|
||
ADMIN_SETTINGS_SOURCE[name] = filter(value);
|
||
}
|
||
;// CONCATENATED MODULE: ../../plugins/woocommerce-admin/client/core-profiler/pages/Plugins.tsx
|
||
|
||
|
||
var _getAdminSetting;
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/**
|
||
* External dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
|
||
var locale = (((_getAdminSetting = getAdminSetting('locale')) === null || _getAdminSetting === void 0 ? void 0 : _getAdminSetting.siteLocale) || 'en_US').replace('_', '-');
|
||
var joinWithAnd = function joinWithAnd(items) {
|
||
return new Intl.ListFormat(locale, {
|
||
style: 'long',
|
||
type: 'conjunction'
|
||
}).formatToParts(items);
|
||
};
|
||
var Plugins = function Plugins(_ref) {
|
||
var context = _ref.context,
|
||
navigationProgress = _ref.navigationProgress,
|
||
sendEvent = _ref.sendEvent;
|
||
var _useState = (0,react.useState)(context.pluginsAvailable.filter(context.pluginsInstallationErrors.length ? function (plugin) {
|
||
return context.pluginsSelected.includes(plugin.key);
|
||
} : function (plugin) {
|
||
return !plugin.is_activated;
|
||
})),
|
||
_useState2 = (0,slicedToArray/* default */.A)(_useState, 2),
|
||
selectedPlugins = _useState2[0],
|
||
setSelectedPlugins = _useState2[1];
|
||
var setSelectedPlugin = function setSelectedPlugin(plugin) {
|
||
setSelectedPlugins(selectedPlugins.some(function (item) {
|
||
return item.key === plugin.key;
|
||
}) ? selectedPlugins.filter(function (item) {
|
||
return item.key !== plugin.key;
|
||
}) : [].concat((0,toConsumableArray/* default */.A)(selectedPlugins), [plugin]));
|
||
};
|
||
var skipPluginsPage = function skipPluginsPage() {
|
||
return sendEvent({
|
||
type: 'PLUGINS_PAGE_SKIPPED'
|
||
});
|
||
};
|
||
var submitInstallationRequest = function submitInstallationRequest() {
|
||
var selectedPluginSlugs = selectedPlugins.map(function (plugin) {
|
||
return plugin.key.replace(':alt', '');
|
||
});
|
||
var pluginsShown = [];
|
||
var pluginsUnselected = [];
|
||
context.pluginsAvailable.forEach(function (plugin) {
|
||
var pluginSlug = plugin.key.replace(':alt', '');
|
||
pluginsShown.push(pluginSlug);
|
||
if (!plugin.is_activated && !selectedPluginSlugs.includes(pluginSlug)) {
|
||
pluginsUnselected.push(pluginSlug);
|
||
}
|
||
});
|
||
return sendEvent({
|
||
type: 'PLUGINS_INSTALLATION_REQUESTED',
|
||
payload: {
|
||
pluginsShown: pluginsShown,
|
||
pluginsSelected: selectedPluginSlugs,
|
||
pluginsUnselected: pluginsUnselected
|
||
}
|
||
});
|
||
};
|
||
var composeListFormatParts = function composeListFormatParts(part) {
|
||
if (part.type === 'element') {
|
||
return '{{span}}' + part.value + '{{/span}}';
|
||
}
|
||
return part.value;
|
||
};
|
||
var errorMessage = context.pluginsInstallationErrors.length ? (0,esm/* default */.A)({
|
||
mixedString: (0,build_module/* sprintf */.nv)(
|
||
// Translators: %s is a list of plugins that does not need to be translated
|
||
(0,build_module.__)('Oops! We encountered a problem while installing %s. {{link}}Please try again{{/link}}.', 'woocommerce'), joinWithAnd(context.pluginsInstallationErrors.map(function (error) {
|
||
return error.plugin;
|
||
})).map(composeListFormatParts).join('')),
|
||
components: {
|
||
span: (0,react.createElement)("span", null),
|
||
link: (0,react.createElement)(build_module_button/* default */.A, {
|
||
isLink: true,
|
||
onClick: submitInstallationRequest
|
||
})
|
||
}
|
||
}) : null;
|
||
var pluginsWithAgreement = selectedPlugins.filter(function (plugin) {
|
||
return ['jetpack', 'woocommerce-services:shipping', 'woocommerce-services:tax'].includes(plugin.key);
|
||
});
|
||
var pluginsCardRowCount = Math.ceil(context.pluginsAvailable.length / 2);
|
||
return (0,react.createElement)("div", {
|
||
className: "woocommerce-profiler-plugins",
|
||
"data-testid": "core-profiler-plugins"
|
||
}, (0,react.createElement)(navigation/* Navigation */.V, {
|
||
percentage: navigationProgress,
|
||
onSkip: skipPluginsPage
|
||
}), (0,react.createElement)("div", {
|
||
className: "woocommerce-profiler-page__content woocommerce-profiler-plugins__content"
|
||
}, (0,react.createElement)(heading/* Heading */.D, {
|
||
className: "woocommerce-profiler__stepper-heading",
|
||
title: (0,build_module.__)('Get a boost with our free features', 'woocommerce'),
|
||
subTitle: (0,build_module.__)('Enhance your store by installing these free business features. No commitment required – you can remove them at any time.', 'woocommerce')
|
||
}), errorMessage && (0,react.createElement)("p", {
|
||
className: "plugin-error"
|
||
}, errorMessage), (0,react.createElement)("div", {
|
||
className: (0,clsx/* default */.A)('woocommerce-profiler-plugins__list', "rows-".concat(pluginsCardRowCount))
|
||
}, context.pluginsAvailable.map(function (plugin) {
|
||
var learnMoreLink = plugin.learn_more_link ? (0,react.createElement)(src_link/* Link */.N, {
|
||
onClick: function onClick(e) {
|
||
var _plugin$learn_more_li;
|
||
sendEvent({
|
||
type: 'PLUGINS_LEARN_MORE_LINK_CLICKED',
|
||
payload: {
|
||
plugin: plugin.key,
|
||
learnMoreLink: (_plugin$learn_more_li = plugin.learn_more_link) !== null && _plugin$learn_more_li !== void 0 ? _plugin$learn_more_li : ''
|
||
}
|
||
});
|
||
e.stopPropagation();
|
||
},
|
||
href: plugin.learn_more_link,
|
||
target: "_blank",
|
||
type: "external"
|
||
}, (0,build_module.__)('Learn More', 'woocommerce')) : null;
|
||
return (0,react.createElement)(PluginCard, {
|
||
key: "checkbox-control-".concat(plugin.key),
|
||
installed: plugin.is_activated,
|
||
onChange: function onChange() {
|
||
setSelectedPlugin(plugin);
|
||
},
|
||
checked: selectedPlugins.filter(function (item) {
|
||
return item.key === plugin.key;
|
||
}).length > 0,
|
||
icon: plugin.image_url ? (0,react.createElement)("img", {
|
||
src: plugin.image_url,
|
||
alt: plugin.key
|
||
}) : null,
|
||
title: plugin.label,
|
||
description: plugin.description,
|
||
learnMoreLink: learnMoreLink
|
||
});
|
||
})), (0,react.createElement)("div", {
|
||
className: (0,clsx/* default */.A)('woocommerce-profiler-plugins__footer', "rows-".concat(pluginsCardRowCount))
|
||
}, (0,react.createElement)("div", {
|
||
className: "woocommerce-profiler-plugins-continue-button-container"
|
||
}, (0,react.createElement)(build_module_button/* default */.A, {
|
||
className: "woocommerce-profiler-plugins-continue-button",
|
||
variant: "primary",
|
||
onClick: selectedPlugins.length ? submitInstallationRequest : skipPluginsPage
|
||
}, (0,build_module.__)('Continue', 'woocommerce'))), pluginsWithAgreement.length > 0 && (0,react.createElement)("p", {
|
||
className: "woocommerce-profiler-plugins-jetpack-agreement"
|
||
}, (0,esm/* default */.A)({
|
||
mixedString: (0,build_module/* sprintf */.nv)( /* translators: %s: a list of plugins, e.g. Jetpack */
|
||
(0,build_module._n)('By installing %s plugin for free you agree to our {{link}}Terms of Service{{/link}}.', 'By installing %s plugins for free you agree to our {{link}}Terms of Service{{/link}}.', pluginsWithAgreement.length, 'woocommerce'), joinWithAnd(pluginsWithAgreement.map(function (plugin) {
|
||
return plugin.name;
|
||
})).map(composeListFormatParts).join('')),
|
||
components: {
|
||
span: (0,react.createElement)("span", null),
|
||
link: (0,react.createElement)(src_link/* Link */.N, {
|
||
href: "https://wordpress.com/tos/",
|
||
target: "_blank",
|
||
type: "external"
|
||
})
|
||
}
|
||
})))));
|
||
};
|
||
try {
|
||
// @ts-ignore
|
||
Plugins.displayName = "Plugins";
|
||
// @ts-ignore
|
||
Plugins.__docgenInfo = { "description": "", "displayName": "Plugins", "props": { "context": { "defaultValue": null, "description": "", "name": "context", "required": true, "type": { "name": "Pick<CoreProfilerStateMachineContext, \"pluginsAvailable\" | \"pluginsInstallationErrors\" | \"pluginsSelected\">" } }, "sendEvent": { "defaultValue": null, "description": "", "name": "sendEvent", "required": true, "type": { "name": "(payload: PluginsInstallationRequestedEvent | PluginsPageSkippedEvent | PluginsLearnMoreLinkClickedEvent) => void" } }, "navigationProgress": { "defaultValue": null, "description": "", "name": "navigationProgress", "required": true, "type": { "name": "number" } } } };
|
||
// @ts-ignore
|
||
if (typeof STORYBOOK_REACT_CLASSES !== "undefined")
|
||
// @ts-ignore
|
||
STORYBOOK_REACT_CLASSES["../../plugins/woocommerce-admin/client/core-profiler/pages/Plugins.tsx#Plugins"] = { docgenInfo: Plugins.__docgenInfo, name: "Plugins", path: "../../plugins/woocommerce-admin/client/core-profiler/pages/Plugins.tsx#Plugins" };
|
||
}
|
||
catch (__react_docgen_typescript_loader_error) { }
|
||
// EXTERNAL MODULE: ../../plugins/woocommerce-admin/client/core-profiler/stories/WithSetupWizardLayout.tsx
|
||
var WithSetupWizardLayout = __webpack_require__("../../plugins/woocommerce-admin/client/core-profiler/stories/WithSetupWizardLayout.tsx");
|
||
;// CONCATENATED MODULE: ../../plugins/woocommerce-admin/client/core-profiler/stories/Plugins.story.tsx
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
/***
|
||
* This story isn't working because of some issue when importing @automattic/interpolate-components
|
||
* Should probably figure it out.
|
||
*/
|
||
|
||
var plugins = [{
|
||
name: 'Jetpack',
|
||
description: 'Get auto real-time backups, malware scans, and spam protection.',
|
||
is_visible: true,
|
||
is_built_by_wc: false,
|
||
min_wp_version: '6.0',
|
||
key: 'jetpack',
|
||
label: 'Enhance security with Jetpack',
|
||
image_url: 'https://woocommerce.com/wp-content/plugins/wccom-plugins/obw-free-extensions/images/core-profiler/logo-jetpack.svg',
|
||
learn_more_link: 'https://woocommerce.com/products/jetpack',
|
||
install_priority: 8,
|
||
is_installed: true,
|
||
is_activated: true,
|
||
manage_url: ''
|
||
}, {
|
||
name: 'Pinterest for WooCommerce',
|
||
description: 'Get your products in front of a highly engaged audience.',
|
||
image_url: 'https://woocommerce.com/wp-content/plugins/wccom-plugins/obw-free-extensions/images/core-profiler/logo-pinterest.svg',
|
||
manage_url: 'admin.php?page=wc-admin&path=%2Fpinterest%2Flanding',
|
||
is_built_by_wc: true,
|
||
min_php_version: '7.3',
|
||
key: 'pinterest-for-woocommerce',
|
||
label: 'Showcase your products with Pinterest',
|
||
learn_more_link: 'https://woocommerce.com/products/pinterest-for-woocommerce',
|
||
install_priority: 2,
|
||
is_visible: true,
|
||
is_installed: false,
|
||
is_activated: false
|
||
}];
|
||
var Basic = function Basic() {
|
||
return (0,react.createElement)(Plugins, {
|
||
sendEvent: function sendEvent() {},
|
||
navigationProgress: 80,
|
||
context: {
|
||
pluginsAvailable: plugins,
|
||
pluginsSelected: [],
|
||
pluginsInstallationErrors: []
|
||
}
|
||
});
|
||
};
|
||
/* harmony default export */ const Plugins_story = ({
|
||
title: 'WooCommerce Admin/Application/Core Profiler/Plugins',
|
||
component: Plugins,
|
||
decorators: [WithSetupWizardLayout/* WithSetupWizardLayout */.b]
|
||
});
|
||
Basic.parameters = {
|
||
...Basic.parameters,
|
||
docs: {
|
||
...Basic.parameters?.docs,
|
||
source: {
|
||
originalSource: "() => <Plugins sendEvent={() => {}} navigationProgress={80} context={{\n pluginsAvailable: plugins,\n pluginsSelected: [],\n pluginsInstallationErrors: []\n}} />",
|
||
...Basic.parameters?.docs?.source
|
||
}
|
||
}
|
||
};
|
||
|
||
/***/ })
|
||
|
||
}]); |