@commercetools-frontend/experimental-components 3.2.0 → 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/commercetools-frontend-experimental-components.cjs.dev.js +1061 -344
- package/dist/commercetools-frontend-experimental-components.cjs.prod.js +1061 -344
- package/dist/commercetools-frontend-experimental-components.esm.js +1056 -343
- package/dist/styles.css +47 -47
- package/package.json +47 -45
|
@@ -76,7 +76,6 @@ var _reverseInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/in
|
|
|
76
76
|
var sdk = require('@commercetools-frontend/sdk');
|
|
77
77
|
var client = require('@apollo/client');
|
|
78
78
|
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
79
|
-
var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
|
|
80
79
|
var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entries');
|
|
81
80
|
var omit = require('lodash/omit');
|
|
82
81
|
var isEmpty$3 = require('lodash/isEmpty');
|
|
@@ -84,6 +83,7 @@ var _Object$freeze = require('@babel/runtime-corejs3/core-js-stable/object/freez
|
|
|
84
83
|
var originalOmitDeep = require('omit-deep');
|
|
85
84
|
var _Object$values = require('@babel/runtime-corejs3/core-js-stable/object/values');
|
|
86
85
|
var _parseInt = require('@babel/runtime-corejs3/core-js-stable/parse-int');
|
|
86
|
+
var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
|
|
87
87
|
var hoistNonReactStatics = require('hoist-non-react-statics');
|
|
88
88
|
var omitBy = require('lodash/omitBy');
|
|
89
89
|
var _everyInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/every');
|
|
@@ -102,6 +102,8 @@ var _ = require('@commercetools-frontend/ui-kit/');
|
|
|
102
102
|
var selectUtils = require('@commercetools-uikit/select-utils');
|
|
103
103
|
var memoize = require('memoize-one');
|
|
104
104
|
var utils = require('@commercetools-uikit/utils');
|
|
105
|
+
var differenceBy = require('lodash/differenceBy');
|
|
106
|
+
var intersectionBy = require('lodash/intersectionBy');
|
|
105
107
|
var _parseFloat = require('@babel/runtime-corejs3/core-js-stable/parse-float');
|
|
106
108
|
var flatMap = require('lodash/flatMap');
|
|
107
109
|
var reactRedux = require('react-redux');
|
|
@@ -166,7 +168,6 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
|
|
|
166
168
|
var Textarea__default = /*#__PURE__*/_interopDefault(Textarea);
|
|
167
169
|
var has__default = /*#__PURE__*/_interopDefault(has);
|
|
168
170
|
var _reverseInstanceProperty__default = /*#__PURE__*/_interopDefault(_reverseInstanceProperty);
|
|
169
|
-
var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
|
|
170
171
|
var _Object$entries__default = /*#__PURE__*/_interopDefault(_Object$entries);
|
|
171
172
|
var omit__default = /*#__PURE__*/_interopDefault(omit);
|
|
172
173
|
var isEmpty__default = /*#__PURE__*/_interopDefault(isEmpty$3);
|
|
@@ -174,6 +175,7 @@ var _Object$freeze__default = /*#__PURE__*/_interopDefault(_Object$freeze);
|
|
|
174
175
|
var originalOmitDeep__default = /*#__PURE__*/_interopDefault(originalOmitDeep);
|
|
175
176
|
var _Object$values__default = /*#__PURE__*/_interopDefault(_Object$values);
|
|
176
177
|
var _parseInt__default = /*#__PURE__*/_interopDefault(_parseInt);
|
|
178
|
+
var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
|
|
177
179
|
var hoistNonReactStatics__default = /*#__PURE__*/_interopDefault(hoistNonReactStatics);
|
|
178
180
|
var omitBy__default = /*#__PURE__*/_interopDefault(omitBy);
|
|
179
181
|
var _everyInstanceProperty__default = /*#__PURE__*/_interopDefault(_everyInstanceProperty);
|
|
@@ -186,6 +188,8 @@ var times__default = /*#__PURE__*/_interopDefault(times);
|
|
|
186
188
|
var merge__default = /*#__PURE__*/_interopDefault(merge);
|
|
187
189
|
var set__default = /*#__PURE__*/_interopDefault(set);
|
|
188
190
|
var memoize__default = /*#__PURE__*/_interopDefault(memoize);
|
|
191
|
+
var differenceBy__default = /*#__PURE__*/_interopDefault(differenceBy);
|
|
192
|
+
var intersectionBy__default = /*#__PURE__*/_interopDefault(intersectionBy);
|
|
189
193
|
var _parseFloat__default = /*#__PURE__*/_interopDefault(_parseFloat);
|
|
190
194
|
var flatMap__default = /*#__PURE__*/_interopDefault(flatMap);
|
|
191
195
|
var warning__default = /*#__PURE__*/_interopDefault(warning);
|
|
@@ -301,7 +305,7 @@ function filterDataAttributes(obj) {
|
|
|
301
305
|
}, {});
|
|
302
306
|
}
|
|
303
307
|
|
|
304
|
-
const messages$
|
|
308
|
+
const messages$O = reactIntl.defineMessages({
|
|
305
309
|
unique: {
|
|
306
310
|
id: 'Validation.unique',
|
|
307
311
|
description: 'An error message to show if the field must be unique',
|
|
@@ -1698,8 +1702,8 @@ const getData = (code, field) => {
|
|
|
1698
1702
|
};
|
|
1699
1703
|
const getFractionDigit = code => getData(code, 'fractionDigit');
|
|
1700
1704
|
|
|
1701
|
-
function ownKeys$
|
|
1702
|
-
function _objectSpread$
|
|
1705
|
+
function ownKeys$1q(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
1706
|
+
function _objectSpread$1q(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$1q(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$1q(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
1703
1707
|
function formatMoneyRangeValue(value, intl) {
|
|
1704
1708
|
var _context;
|
|
1705
1709
|
if (value.from === value.to) return formatMoneyValue(value.from, value.currency, intl);
|
|
@@ -1709,7 +1713,7 @@ function formatMoneyRangeValue(value, intl) {
|
|
|
1709
1713
|
return '';
|
|
1710
1714
|
}
|
|
1711
1715
|
function formatMoneyValue(amount, currency, intl) {
|
|
1712
|
-
return formatMoney$1(_objectSpread$
|
|
1716
|
+
return formatMoney$1(_objectSpread$1q({
|
|
1713
1717
|
centAmount: amount,
|
|
1714
1718
|
fractionDigits: getFractionDigit(currency)
|
|
1715
1719
|
}, currency ? {
|
|
@@ -1726,14 +1730,14 @@ function getFractionedAmount(moneyValue) {
|
|
|
1726
1730
|
}
|
|
1727
1731
|
function formatMoney$1(moneyValue, intl, options) {
|
|
1728
1732
|
var _moneyValue$fractione;
|
|
1729
|
-
return intl.formatNumber((_moneyValue$fractione = moneyValue.fractionedAmount) !== null && _moneyValue$fractione !== void 0 ? _moneyValue$fractione : getFractionedAmount(moneyValue), _objectSpread$
|
|
1733
|
+
return intl.formatNumber((_moneyValue$fractione = moneyValue.fractionedAmount) !== null && _moneyValue$fractione !== void 0 ? _moneyValue$fractione : getFractionedAmount(moneyValue), _objectSpread$1q({
|
|
1730
1734
|
style: 'currency',
|
|
1731
1735
|
currency: moneyValue.currencyCode,
|
|
1732
1736
|
minimumFractionDigits: moneyValue.fractionDigits
|
|
1733
1737
|
}, options));
|
|
1734
1738
|
}
|
|
1735
1739
|
|
|
1736
|
-
var messages$
|
|
1740
|
+
var messages$N = reactIntl.defineMessages({
|
|
1737
1741
|
booleanYes: {
|
|
1738
1742
|
id: 'AttributeTypeFormats.boolean.yes',
|
|
1739
1743
|
description: 'The label for boolean attribute `true` value',
|
|
@@ -1816,7 +1820,7 @@ const formatDateTime = _ref7 => {
|
|
|
1816
1820
|
const formatBoolean = _ref8 => {
|
|
1817
1821
|
let value = _ref8.value,
|
|
1818
1822
|
intl = _ref8.intl;
|
|
1819
|
-
return value ? intl.formatMessage(messages$
|
|
1823
|
+
return value ? intl.formatMessage(messages$N.booleanYes) : intl.formatMessage(messages$N.booleanNo);
|
|
1820
1824
|
};
|
|
1821
1825
|
const formatNilType = _ref9 => {
|
|
1822
1826
|
let value = _ref9.value,
|
|
@@ -1978,8 +1982,8 @@ const wrapDisplayName = (BaseComponent, hocName) => {
|
|
|
1978
1982
|
return _concatInstanceProperty__default["default"](_context = "".concat(hocName, "(")).call(_context, getDisplayName(BaseComponent), ")");
|
|
1979
1983
|
};
|
|
1980
1984
|
|
|
1981
|
-
function ownKeys$
|
|
1982
|
-
function _objectSpread$
|
|
1985
|
+
function ownKeys$1p(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
1986
|
+
function _objectSpread$1p(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1p(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1p(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
1983
1987
|
const injectDataTablePaginationState = initialValues => Component => {
|
|
1984
1988
|
const WithDataTablePaginationState = props => {
|
|
1985
1989
|
var _initialValues$tableS, _initialValues$tableS2;
|
|
@@ -1993,7 +1997,7 @@ const injectDataTablePaginationState = initialValues => Component => {
|
|
|
1993
1997
|
key: initialValues === null || initialValues === void 0 ? void 0 : (_initialValues$tableS = initialValues.tableSorting) === null || _initialValues$tableS === void 0 ? void 0 : _initialValues$tableS.key,
|
|
1994
1998
|
order: initialValues === null || initialValues === void 0 ? void 0 : (_initialValues$tableS2 = initialValues.tableSorting) === null || _initialValues$tableS2 === void 0 ? void 0 : _initialValues$tableS2.order
|
|
1995
1999
|
});
|
|
1996
|
-
return jsxRuntime.jsx(Component, _objectSpread$
|
|
2000
|
+
return jsxRuntime.jsx(Component, _objectSpread$1p(_objectSpread$1p({}, props), {}, {
|
|
1997
2001
|
dataTablePaginationState: {
|
|
1998
2002
|
page,
|
|
1999
2003
|
perPage,
|
|
@@ -2005,8 +2009,8 @@ const injectDataTablePaginationState = initialValues => Component => {
|
|
|
2005
2009
|
return WithDataTablePaginationState;
|
|
2006
2010
|
};
|
|
2007
2011
|
|
|
2008
|
-
function ownKeys$
|
|
2009
|
-
function _objectSpread$
|
|
2012
|
+
function ownKeys$1o(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2013
|
+
function _objectSpread$1o(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1o(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1o(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
2010
2014
|
const injectNotifications = function () {
|
|
2011
2015
|
let propName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'notifications';
|
|
2012
2016
|
return Component => {
|
|
@@ -2021,7 +2025,7 @@ const injectNotifications = function () {
|
|
|
2021
2025
|
onActionError,
|
|
2022
2026
|
hideAllPageNotifications
|
|
2023
2027
|
};
|
|
2024
|
-
return jsxRuntime.jsx(Component, _objectSpread$
|
|
2028
|
+
return jsxRuntime.jsx(Component, _objectSpread$1o(_objectSpread$1o({}, props), {}, {
|
|
2025
2029
|
[propName]: notifications
|
|
2026
2030
|
}));
|
|
2027
2031
|
};
|
|
@@ -2030,22 +2034,22 @@ const injectNotifications = function () {
|
|
|
2030
2034
|
};
|
|
2031
2035
|
};
|
|
2032
2036
|
|
|
2033
|
-
function ownKeys$
|
|
2034
|
-
function _objectSpread$
|
|
2037
|
+
function ownKeys$1n(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2038
|
+
function _objectSpread$1n(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1n(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1n(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
2035
2039
|
function isPropsMapper(mapProps) {
|
|
2036
2040
|
return typeof mapProps === 'function';
|
|
2037
2041
|
}
|
|
2038
2042
|
const withProps = mapProps => Component => {
|
|
2039
2043
|
const EnhancedWithProps = ownProps => {
|
|
2040
|
-
const enhancedProps = isPropsMapper(mapProps) ? _objectSpread$
|
|
2041
|
-
return jsxRuntime.jsx(Component, _objectSpread$
|
|
2044
|
+
const enhancedProps = isPropsMapper(mapProps) ? _objectSpread$1n(_objectSpread$1n({}, ownProps), mapProps(ownProps)) : _objectSpread$1n(_objectSpread$1n({}, ownProps), mapProps);
|
|
2045
|
+
return jsxRuntime.jsx(Component, _objectSpread$1n({}, enhancedProps));
|
|
2042
2046
|
};
|
|
2043
2047
|
EnhancedWithProps.displayName = wrapDisplayName(Component, 'withProps');
|
|
2044
2048
|
return EnhancedWithProps;
|
|
2045
2049
|
};
|
|
2046
2050
|
|
|
2047
|
-
function ownKeys$
|
|
2048
|
-
function _objectSpread$
|
|
2051
|
+
function ownKeys$1m(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2052
|
+
function _objectSpread$1m(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1m(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1m(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
2049
2053
|
const useRedirectEffect = _ref => {
|
|
2050
2054
|
let goTo = _ref.goTo;
|
|
2051
2055
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
@@ -2065,30 +2069,30 @@ const defaultOptions$5 = {
|
|
|
2065
2069
|
skip: () => false
|
|
2066
2070
|
};
|
|
2067
2071
|
const withRedirectTo = options => Component => {
|
|
2068
|
-
const mergedOptions = _objectSpread$
|
|
2072
|
+
const mergedOptions = _objectSpread$1m(_objectSpread$1m({}, defaultOptions$5), options);
|
|
2069
2073
|
const WithRedirectTo = props => {
|
|
2070
2074
|
if (!mergedOptions.skip(props)) {
|
|
2071
2075
|
return jsxRuntime.jsx(RedirectTo, {
|
|
2072
2076
|
goTo: options.selectGoTo(props)
|
|
2073
2077
|
});
|
|
2074
2078
|
}
|
|
2075
|
-
return jsxRuntime.jsx(Component, _objectSpread$
|
|
2079
|
+
return jsxRuntime.jsx(Component, _objectSpread$1m({}, props));
|
|
2076
2080
|
};
|
|
2077
2081
|
WithRedirectTo.displayName = 'WithFirstStepRedirect';
|
|
2078
2082
|
return WithRedirectTo;
|
|
2079
2083
|
};
|
|
2080
2084
|
|
|
2081
|
-
function ownKeys$
|
|
2082
|
-
function _objectSpread$
|
|
2085
|
+
function ownKeys$1l(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2086
|
+
function _objectSpread$1l(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1l(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1l(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
2083
2087
|
const defaultOptions$4 = {
|
|
2084
2088
|
propName: 'modalState',
|
|
2085
2089
|
isInitiallyOpen: false
|
|
2086
2090
|
};
|
|
2087
2091
|
const injectModalState$1 = options => Component => {
|
|
2088
|
-
const mergedOptions = _objectSpread$
|
|
2092
|
+
const mergedOptions = _objectSpread$1l(_objectSpread$1l({}, defaultOptions$4), options);
|
|
2089
2093
|
const WithModalState = props => {
|
|
2090
2094
|
const modalState = applicationComponents.useModalState(mergedOptions.isInitiallyOpen);
|
|
2091
|
-
return jsxRuntime.jsx(Component, _objectSpread$
|
|
2095
|
+
return jsxRuntime.jsx(Component, _objectSpread$1l(_objectSpread$1l({}, props), {}, {
|
|
2092
2096
|
[mergedOptions.propName]: modalState
|
|
2093
2097
|
}));
|
|
2094
2098
|
};
|
|
@@ -2096,17 +2100,17 @@ const injectModalState$1 = options => Component => {
|
|
|
2096
2100
|
return WithModalState;
|
|
2097
2101
|
};
|
|
2098
2102
|
|
|
2099
|
-
function ownKeys$
|
|
2100
|
-
function _objectSpread$
|
|
2103
|
+
function ownKeys$1k(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2104
|
+
function _objectSpread$1k(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1k(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1k(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
2101
2105
|
const defaultOptions$3 = {
|
|
2102
2106
|
propName: 'toggleState',
|
|
2103
2107
|
isInitiallyOpen: false
|
|
2104
2108
|
};
|
|
2105
2109
|
const injectModalState = options => Component => {
|
|
2106
|
-
const mergedOptions = _objectSpread$
|
|
2110
|
+
const mergedOptions = _objectSpread$1k(_objectSpread$1k({}, defaultOptions$3), options);
|
|
2107
2111
|
const WithToggleState = props => {
|
|
2108
2112
|
const toggleState = uiKit.useToggleState(mergedOptions.isInitiallyOpen);
|
|
2109
|
-
return jsxRuntime.jsx(Component, _objectSpread$
|
|
2113
|
+
return jsxRuntime.jsx(Component, _objectSpread$1k(_objectSpread$1k({}, props), {}, {
|
|
2110
2114
|
[mergedOptions.propName]: toggleState
|
|
2111
2115
|
}));
|
|
2112
2116
|
};
|
|
@@ -2114,8 +2118,8 @@ const injectModalState = options => Component => {
|
|
|
2114
2118
|
return WithToggleState;
|
|
2115
2119
|
};
|
|
2116
2120
|
|
|
2117
|
-
function ownKeys$
|
|
2118
|
-
function _objectSpread$
|
|
2121
|
+
function ownKeys$1j(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2122
|
+
function _objectSpread$1j(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$1j(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$1j(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
2119
2123
|
const defaultOptions$2 = {
|
|
2120
2124
|
storageType: 'local',
|
|
2121
2125
|
segregateByUser: true
|
|
@@ -2133,7 +2137,7 @@ const getStorage = storageType => storageType === 'session' ? sessionStorage : l
|
|
|
2133
2137
|
const isNil = value => typeof value === 'undefined' || value === null;
|
|
2134
2138
|
const useStorage = (storageKey, initialStorageValue, options) => {
|
|
2135
2139
|
var _context;
|
|
2136
|
-
const mergedOptions = _objectSpread$
|
|
2140
|
+
const mergedOptions = _objectSpread$1j(_objectSpread$1j({}, defaultOptions$2), options);
|
|
2137
2141
|
const userId = applicationShellConnectors.useApplicationContext(context => {
|
|
2138
2142
|
var _context$user;
|
|
2139
2143
|
return (_context$user = context.user) === null || _context$user === void 0 ? void 0 : _context$user.id;
|
|
@@ -2181,8 +2185,8 @@ const useStorage = (storageKey, initialStorageValue, options) => {
|
|
|
2181
2185
|
return [actualStorageValue, writeToStorage, readFromStorage];
|
|
2182
2186
|
};
|
|
2183
2187
|
|
|
2184
|
-
function ownKeys$
|
|
2185
|
-
function _objectSpread$
|
|
2188
|
+
function ownKeys$1i(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2189
|
+
function _objectSpread$1i(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1i(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1i(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
2186
2190
|
const defaultOptions$1 = {
|
|
2187
2191
|
propName: 'storage',
|
|
2188
2192
|
storageKey: '',
|
|
@@ -2195,7 +2199,7 @@ const injectStorage = options => WrappedComponent => {
|
|
|
2195
2199
|
* Options are being merged by spreading as destructuring and defaulting in
|
|
2196
2200
|
* argument position does not allow passing specification of option(s).
|
|
2197
2201
|
*/
|
|
2198
|
-
const mergedOptions = _objectSpread$
|
|
2202
|
+
const mergedOptions = _objectSpread$1i(_objectSpread$1i({}, defaultOptions$1), options);
|
|
2199
2203
|
const WithStorage = props => {
|
|
2200
2204
|
const _useStorage = useStorage(mergedOptions.storageKey(props), mergedOptions.initalStorageValue, mergedOptions.options),
|
|
2201
2205
|
_useStorage2 = _slicedToArray(_useStorage, 3),
|
|
@@ -2209,7 +2213,7 @@ const injectStorage = options => WrappedComponent => {
|
|
|
2209
2213
|
readFromStorage
|
|
2210
2214
|
}
|
|
2211
2215
|
};
|
|
2212
|
-
return jsxRuntime.jsx(WrappedComponent, _objectSpread$
|
|
2216
|
+
return jsxRuntime.jsx(WrappedComponent, _objectSpread$1i(_objectSpread$1i({}, props), storageProp));
|
|
2213
2217
|
};
|
|
2214
2218
|
WithStorage.displayName = wrapDisplayName(WrappedComponent, 'WithStorage');
|
|
2215
2219
|
return WithStorage;
|
|
@@ -2255,8 +2259,8 @@ const usePrevious = value => {
|
|
|
2255
2259
|
return ref.current;
|
|
2256
2260
|
};
|
|
2257
2261
|
|
|
2258
|
-
function ownKeys$
|
|
2259
|
-
function _objectSpread$
|
|
2262
|
+
function ownKeys$1h(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2263
|
+
function _objectSpread$1h(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$1h(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$1h(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
2260
2264
|
var FetchStoresQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchStoresQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "limit" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "offset" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "sort" } }, type: { kind: "ListType", type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "excludeExtendedStoresList" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "excludeProductSelections" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "stores" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "limit" }, value: { kind: "Variable", name: { kind: "Name", value: "limit" } } }, { kind: "Argument", name: { kind: "Name", value: "offset" }, value: { kind: "Variable", name: { kind: "Name", value: "offset" } } }, { kind: "Argument", name: { kind: "Name", value: "sort" }, value: { kind: "Variable", name: { kind: "Name", value: "sort" } } }, { kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "count" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "offset" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "FragmentSpread", name: { kind: "Name", value: "StoreBasicInfo" }, directives: [] }, { kind: "Field", name: { kind: "Name", value: "countries" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "code" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "languages" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "excludeExtendedStoresList" } } }] }] }, { kind: "Field", name: { kind: "Name", value: "distributionChannelsRef" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "distributionChannels" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "excludeExtendedStoresList" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "supplyChannels" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "excludeExtendedStoresList" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "productSelections" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "excludeProductSelections" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "active" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "productSelection" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }] } }] } }] } }] } }, { kind: "FragmentDefinition", name: { kind: "Name", value: "StoreBasicInfo" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Store" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "version" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "createdAt" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "lastModifiedAt" }, arguments: [], directives: [] }] } }], loc: { start: 0, end: 1074, source: { body: "#import '../../utils/graphql/fragments/store-basic-info.ctp.graphql'\n\nquery FetchStoresQuery(\n $limit: Int\n $offset: Int\n $sort: [String!]\n $where: String\n $excludeExtendedStoresList: Boolean!\n $excludeProductSelections: Boolean!\n) {\n stores(limit: $limit, offset: $offset, sort: $sort, where: $where) {\n total\n count\n offset\n results {\n ...StoreBasicInfo\n countries {\n code\n }\n languages @skip(if: $excludeExtendedStoresList)\n distributionChannelsRef {\n id\n }\n distributionChannels @skip(if: $excludeExtendedStoresList) {\n id\n key\n nameAllLocales {\n locale\n value\n }\n }\n supplyChannels @skip(if: $excludeExtendedStoresList) {\n id\n key\n nameAllLocales {\n locale\n value\n }\n }\n productSelections @skip(if: $excludeProductSelections) {\n active\n productSelection {\n id\n nameAllLocales {\n locale\n value\n }\n }\n }\n }\n }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
|
|
2261
2265
|
const filterStoresOutdatedDanglingProductSelections = storesQueryResult => {
|
|
2262
2266
|
var _storesQueryResult$re;
|
|
@@ -2267,15 +2271,15 @@ const filterStoresOutdatedDanglingProductSelections = storesQueryResult => {
|
|
|
2267
2271
|
offset: storesQueryResult.offset,
|
|
2268
2272
|
results: (_storesQueryResult$re = storesQueryResult.results) === null || _storesQueryResult$re === void 0 ? void 0 : _mapInstanceProperty__default["default"](_storesQueryResult$re).call(_storesQueryResult$re, store => {
|
|
2269
2273
|
var _store$productSelecti;
|
|
2270
|
-
return _objectSpread$
|
|
2274
|
+
return _objectSpread$1h(_objectSpread$1h({}, store), {}, {
|
|
2271
2275
|
productSelections: (_store$productSelecti = store.productSelections) === null || _store$productSelecti === void 0 ? void 0 : _filterInstanceProperty__default["default"](_store$productSelecti).call(_store$productSelecti, productSelectionRef => Boolean(productSelectionRef.productSelection))
|
|
2272
2276
|
});
|
|
2273
2277
|
})
|
|
2274
2278
|
};
|
|
2275
2279
|
};
|
|
2276
|
-
const createQueryVariables$
|
|
2280
|
+
const createQueryVariables$9 = ownProps => {
|
|
2277
2281
|
var _context;
|
|
2278
|
-
return _objectSpread$
|
|
2282
|
+
return _objectSpread$1h(_objectSpread$1h({
|
|
2279
2283
|
limit: ownProps.limit,
|
|
2280
2284
|
offset: ownProps.offset,
|
|
2281
2285
|
sort: _sortInstanceProperty__default["default"](ownProps)
|
|
@@ -2289,7 +2293,7 @@ const createQueryVariables$8 = ownProps => {
|
|
|
2289
2293
|
const useStoresListFetcher = props => {
|
|
2290
2294
|
const excludeExtendedStoresList = props.excludeExtendedStoresList || false;
|
|
2291
2295
|
const excludeProductSelections = props.excludeProductSelections || false;
|
|
2292
|
-
const queryVariables = createQueryVariables$
|
|
2296
|
+
const queryVariables = createQueryVariables$9({
|
|
2293
2297
|
limit: props.limit,
|
|
2294
2298
|
offset: props.offset,
|
|
2295
2299
|
sort: _sortInstanceProperty__default["default"](props),
|
|
@@ -2430,8 +2434,8 @@ function useDidFormValidationFail() {
|
|
|
2430
2434
|
return Boolean(didFormValidationFail);
|
|
2431
2435
|
}
|
|
2432
2436
|
|
|
2433
|
-
function ownKeys$
|
|
2434
|
-
function _objectSpread$
|
|
2437
|
+
function ownKeys$1g(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2438
|
+
function _objectSpread$1g(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1g(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1g(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
2435
2439
|
const TEN_MINUTES_IN_MS = 600000;
|
|
2436
2440
|
const defaultOptions = {
|
|
2437
2441
|
reminderInterval: REMINDER_OPTION_1_DAY,
|
|
@@ -2459,7 +2463,7 @@ const useHasReminderExpired = readReminderInterval => {
|
|
|
2459
2463
|
};
|
|
2460
2464
|
const usePersistedReminder = function () {
|
|
2461
2465
|
let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
2462
|
-
const mergedOptions = _objectSpread$
|
|
2466
|
+
const mergedOptions = _objectSpread$1g(_objectSpread$1g({}, defaultOptions), options);
|
|
2463
2467
|
const _useStorage = useStorage(mergedOptions.storageKey, null),
|
|
2464
2468
|
_useStorage2 = _slicedToArray(_useStorage, 3),
|
|
2465
2469
|
initialChosenReminderInterval = _useStorage2[0],
|
|
@@ -2505,7 +2509,7 @@ const usePersistedReminder = function () {
|
|
|
2505
2509
|
return [hasReminderExpired, hasChosenReminderRef, scheduleReminder];
|
|
2506
2510
|
};
|
|
2507
2511
|
|
|
2508
|
-
var messages$
|
|
2512
|
+
var messages$M = reactIntl.defineMessages({
|
|
2509
2513
|
profileUpdated: {
|
|
2510
2514
|
id: 'NotificationText.profileUpdated',
|
|
2511
2515
|
description: 'Label for the notification header',
|
|
@@ -2523,8 +2527,8 @@ var messages$I = reactIntl.defineMessages({
|
|
|
2523
2527
|
}
|
|
2524
2528
|
});
|
|
2525
2529
|
|
|
2526
|
-
function ownKeys$
|
|
2527
|
-
function _objectSpread$
|
|
2530
|
+
function ownKeys$1f(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2531
|
+
function _objectSpread$1f(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1f(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1f(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
2528
2532
|
const LinkToProfile = props => {
|
|
2529
2533
|
const _useTrackingShared = useTrackingShared(),
|
|
2530
2534
|
trackClickOnInfoNotification = _useTrackingShared.trackClickOnInfoNotification;
|
|
@@ -2545,9 +2549,9 @@ const NotificationText = () => jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
|
2545
2549
|
children: [jsxRuntime.jsx(uiKit.Text.Body, {
|
|
2546
2550
|
as: "p",
|
|
2547
2551
|
isBold: true,
|
|
2548
|
-
intlMessage: messages$
|
|
2552
|
+
intlMessage: messages$M.profileUpdated
|
|
2549
2553
|
}), jsxRuntime.jsx(uiKit.Text.Body, {
|
|
2550
|
-
intlMessage: _objectSpread$
|
|
2554
|
+
intlMessage: _objectSpread$1f(_objectSpread$1f({}, messages$M.addMoreInformation), {}, {
|
|
2551
2555
|
values: {
|
|
2552
2556
|
newline: getNewLine
|
|
2553
2557
|
}
|
|
@@ -2556,7 +2560,7 @@ const NotificationText = () => jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
|
2556
2560
|
}), jsxRuntime.jsx(uiKit.Spacings.Stack, {
|
|
2557
2561
|
scale: "xs",
|
|
2558
2562
|
children: jsxRuntime.jsx(uiKit.Text.Body, {
|
|
2559
|
-
intlMessage: _objectSpread$
|
|
2563
|
+
intlMessage: _objectSpread$1f(_objectSpread$1f({}, messages$M.informationAndProfileLink), {}, {
|
|
2560
2564
|
values: {
|
|
2561
2565
|
newline: getNewLine,
|
|
2562
2566
|
link: getLinkToProfile
|
|
@@ -2718,7 +2722,7 @@ const useEventCallback = (fn, dependencies) => {
|
|
|
2718
2722
|
}, [ref]);
|
|
2719
2723
|
};
|
|
2720
2724
|
|
|
2721
|
-
var messages$
|
|
2725
|
+
var messages$L = reactIntl.defineMessages({
|
|
2722
2726
|
fallbackHint: {
|
|
2723
2727
|
id: 'KeyFallback.fallbackHint',
|
|
2724
2728
|
description: 'key fallback for a specified resource key (e.g name)',
|
|
@@ -2742,7 +2746,7 @@ const useLocalizedKeyFallback = () => {
|
|
|
2742
2746
|
return values => {
|
|
2743
2747
|
if (!values.resource) return null;
|
|
2744
2748
|
const localizedString = values.resource[values.localizedStringFieldName];
|
|
2745
|
-
const fallbackHintWithKey = intl.formatMessage(messages$
|
|
2749
|
+
const fallbackHintWithKey = intl.formatMessage(messages$L.fallbackHint, {
|
|
2746
2750
|
key: values.resource.key
|
|
2747
2751
|
});
|
|
2748
2752
|
if (!localizedString) return fallbackHintWithKey;
|
|
@@ -2754,8 +2758,8 @@ const useDebouncedPromiseCallback = (promiseCallback, wait) =>
|
|
|
2754
2758
|
// eslint-disable-next-line testing-library/await-async-utils
|
|
2755
2759
|
React.useCallback(debounce__default["default"](promiseCallback, wait), [promiseCallback]);
|
|
2756
2760
|
|
|
2757
|
-
function ownKeys$
|
|
2758
|
-
function _objectSpread$
|
|
2761
|
+
function ownKeys$1e(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2762
|
+
function _objectSpread$1e(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$1e(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$1e(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
2759
2763
|
const prepareMutableColumnProps = (columnConfig, mutableColumnProps) => {
|
|
2760
2764
|
const updatedColumnProps = {};
|
|
2761
2765
|
_forEachInstanceProperty__default["default"](mutableColumnProps).call(mutableColumnProps, columnProp => {
|
|
@@ -2775,14 +2779,14 @@ const retrieveColumnsWithCachedConfiguration = _ref => {
|
|
|
2775
2779
|
mutableColumnProps = _ref.mutableColumnProps;
|
|
2776
2780
|
return _mapInstanceProperty__default["default"](_context = _filterInstanceProperty__default["default"](cachedVisibleTableConfiguration).call(cachedVisibleTableConfiguration, cachedColumn => _findInstanceProperty__default["default"](allAvailableColumnsConfiguration).call(allAvailableColumnsConfiguration, initialConfig => initialConfig.key === cachedColumn.key))).call(_context, cachedConfig => {
|
|
2777
2781
|
const initialColumnConfig = _findInstanceProperty__default["default"](allAvailableColumnsConfiguration).call(allAvailableColumnsConfiguration, initialConfig => initialConfig.key === cachedConfig.key);
|
|
2778
|
-
return _objectSpread$
|
|
2782
|
+
return _objectSpread$1e(_objectSpread$1e({}, initialColumnConfig), prepareMutableColumnProps(cachedConfig, mutableColumnProps));
|
|
2779
2783
|
});
|
|
2780
2784
|
};
|
|
2781
2785
|
const handleCacheUpdate = _ref2 => {
|
|
2782
2786
|
let update = _ref2.update,
|
|
2783
2787
|
cachedVisibleTableConfiguration = _ref2.cachedVisibleTableConfiguration,
|
|
2784
2788
|
updateCachedTableConfiguration = _ref2.updateCachedTableConfiguration;
|
|
2785
|
-
return updateCachedTableConfiguration(_objectSpread$
|
|
2789
|
+
return updateCachedTableConfiguration(_objectSpread$1e(_objectSpread$1e({}, pick__default["default"](cachedVisibleTableConfiguration, ['columnsConfig', 'displaySettings'])), update));
|
|
2786
2790
|
};
|
|
2787
2791
|
|
|
2788
2792
|
// Signature:
|
|
@@ -2811,7 +2815,7 @@ const usePersistedTableConfiguration = props => {
|
|
|
2811
2815
|
return {
|
|
2812
2816
|
columnsConfig: _mapInstanceProperty__default["default"](initialVisibleColumnKeys).call(initialVisibleColumnKeys, visibleColumnKey => {
|
|
2813
2817
|
const visibleColumnConfig = _findInstanceProperty__default["default"](allAvailableColumnsConfiguration).call(allAvailableColumnsConfiguration, columnConfig => columnConfig.key === visibleColumnKey);
|
|
2814
|
-
return _objectSpread$
|
|
2818
|
+
return _objectSpread$1e({
|
|
2815
2819
|
key: visibleColumnKey
|
|
2816
2820
|
}, prepareMutableColumnProps(visibleColumnConfig, mutableColumnProps));
|
|
2817
2821
|
}),
|
|
@@ -2882,22 +2886,22 @@ const handlers$6 = {
|
|
|
2882
2886
|
}
|
|
2883
2887
|
};
|
|
2884
2888
|
|
|
2885
|
-
function ownKeys$
|
|
2886
|
-
function _objectSpread$
|
|
2889
|
+
function ownKeys$1d(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2890
|
+
function _objectSpread$1d(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$1d(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$1d(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
2887
2891
|
|
|
2888
2892
|
// eslint-disable-next-line import/prefer-default-export
|
|
2889
2893
|
const convertProductSelectionsFromGraphQl = productSelections => {
|
|
2890
2894
|
var _context;
|
|
2891
|
-
return (productSelections === null || productSelections === void 0 ? void 0 : productSelections.results) && _objectSpread$
|
|
2892
|
-
results: _mapInstanceProperty__default["default"](_context = productSelections.results).call(_context, productSelection => _objectSpread$
|
|
2895
|
+
return (productSelections === null || productSelections === void 0 ? void 0 : productSelections.results) && _objectSpread$1d(_objectSpread$1d({}, productSelections), {}, {
|
|
2896
|
+
results: _mapInstanceProperty__default["default"](_context = productSelections.results).call(_context, productSelection => _objectSpread$1d({}, l10n.applyTransformedLocalizedFields(productSelection, [{
|
|
2893
2897
|
from: 'nameAllLocales',
|
|
2894
2898
|
to: 'name'
|
|
2895
2899
|
}])))
|
|
2896
2900
|
});
|
|
2897
2901
|
};
|
|
2898
2902
|
|
|
2899
|
-
var FetchProductSelections = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchProductSelections" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "limit" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "offset" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "sort" } }, type: { kind: "ListType", type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "productSelections" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "limit" }, value: { kind: "Variable", name: { kind: "Name", value: "limit" } } }, { kind: "Argument", name: { kind: "Name", value: "offset" }, value: { kind: "Variable", name: { kind: "Name", value: "offset" } } }, { kind: "Argument", name: { kind: "Name", value: "sort" }, value: { kind: "Variable", name: { kind: "Name", value: "sort" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "count" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "offset" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "version" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "createdAt" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "lastModifiedAt" }, arguments: [], directives: [] }] } }] } }] } }], loc: { start: 0, end:
|
|
2900
|
-
const createQueryVariables$
|
|
2903
|
+
var FetchProductSelections = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchProductSelections" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "limit" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "offset" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "sort" } }, type: { kind: "ListType", type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "productSelections" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "limit" }, value: { kind: "Variable", name: { kind: "Name", value: "limit" } } }, { kind: "Argument", name: { kind: "Name", value: "offset" }, value: { kind: "Variable", name: { kind: "Name", value: "offset" } } }, { kind: "Argument", name: { kind: "Name", value: "sort" }, value: { kind: "Variable", name: { kind: "Name", value: "sort" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "count" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "offset" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "version" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "createdAt" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "lastModifiedAt" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "type" }, arguments: [], directives: [] }] } }] } }] } }], loc: { start: 0, end: 341, source: { body: "query FetchProductSelections($limit: Int, $offset: Int, $sort: [String!]) {\n productSelections(limit: $limit, offset: $offset, sort: $sort) {\n total\n count\n offset\n results {\n id\n version\n key\n nameAllLocales {\n locale\n value\n }\n createdAt\n lastModifiedAt\n type\n }\n }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
|
|
2904
|
+
const createQueryVariables$8 = ownProps => ({
|
|
2901
2905
|
limit: ownProps.limit,
|
|
2902
2906
|
offset: ownProps.offset,
|
|
2903
2907
|
sort: _sortInstanceProperty__default["default"](ownProps)
|
|
@@ -2909,7 +2913,7 @@ const emptyProductSelections = {
|
|
|
2909
2913
|
results: []
|
|
2910
2914
|
};
|
|
2911
2915
|
const useProductSelectionsFetcher = props => {
|
|
2912
|
-
const queryVariables = createQueryVariables$
|
|
2916
|
+
const queryVariables = createQueryVariables$8(props);
|
|
2913
2917
|
const _useQuery = hooks.useQuery(FetchProductSelections, {
|
|
2914
2918
|
context: {
|
|
2915
2919
|
target: constants.GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM
|
|
@@ -3039,7 +3043,7 @@ const CenteredLoadingSpinner = () => jsxRuntime.jsx("div", {
|
|
|
3039
3043
|
});
|
|
3040
3044
|
CenteredLoadingSpinner.displayName = 'CenteredLoadingSpinner';
|
|
3041
3045
|
|
|
3042
|
-
var messages$
|
|
3046
|
+
var messages$K = reactIntl.defineMessages({
|
|
3043
3047
|
noChannelsFound: {
|
|
3044
3048
|
id: 'Products.ChannelPickerInput.noChannelsFound',
|
|
3045
3049
|
description: 'The message to display when no channels were found',
|
|
@@ -3088,8 +3092,8 @@ const trackingEvents$4 = {
|
|
|
3088
3092
|
}
|
|
3089
3093
|
};
|
|
3090
3094
|
|
|
3091
|
-
function ownKeys$
|
|
3092
|
-
function _objectSpread$
|
|
3095
|
+
function ownKeys$1c(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3096
|
+
function _objectSpread$1c(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$1c(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$1c(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
3093
3097
|
var GetChannelsQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "GetChannelsQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "sortByNamePath" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "channels" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }, { kind: "Argument", name: { kind: "Name", value: "sort" }, value: { kind: "ListValue", values: [{ kind: "Variable", name: { kind: "Name", value: "sortByNamePath" } }, { kind: "StringValue", value: "key", block: false }] } }, { kind: "Argument", name: { kind: "Name", value: "limit" }, value: { kind: "IntValue", value: "60" } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "FragmentSpread", name: { kind: "Name", value: "PickerInputChannel" }, directives: [] }] } }] } }] } }, { kind: "FragmentDefinition", name: { kind: "Name", value: "PickerInputChannel" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Channel" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 392, source: { body: "fragment PickerInputChannel on Channel {\n id\n key\n nameAllLocales {\n locale\n value\n }\n}\n\nquery GetChannelsQuery($where: String, $sortByNamePath: String!) {\n channels(where: $where, sort: [$sortByNamePath, \"key\"], limit: 60) {\n total\n results {\n ...PickerInputChannel\n }\n }\n}\n\nquery GetChannelQuery($id: String) {\n channel(id: $id) {\n ...PickerInputChannel\n }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
|
|
3094
3098
|
var GetChannelQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "GetChannelQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "id" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "channel" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "id" }, value: { kind: "Variable", name: { kind: "Name", value: "id" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "FragmentSpread", name: { kind: "Name", value: "PickerInputChannel" }, directives: [] }] } }] } }, { kind: "FragmentDefinition", name: { kind: "Name", value: "PickerInputChannel" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Channel" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 392, source: { body: "fragment PickerInputChannel on Channel {\n id\n key\n nameAllLocales {\n locale\n value\n }\n}\n\nquery GetChannelsQuery($where: String, $sortByNamePath: String!) {\n channels(where: $where, sort: [$sortByNamePath, \"key\"], limit: 60) {\n total\n results {\n ...PickerInputChannel\n }\n }\n}\n\nquery GetChannelQuery($id: String) {\n channel(id: $id) {\n ...PickerInputChannel\n }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
|
|
3095
3099
|
var PickerInputChannel = { kind: "Document", definitions: [{ kind: "FragmentDefinition", name: { kind: "Name", value: "PickerInputChannel" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Channel" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 392, source: { body: "fragment PickerInputChannel on Channel {\n id\n key\n nameAllLocales {\n locale\n value\n }\n}\n\nquery GetChannelsQuery($where: String, $sortByNamePath: String!) {\n channels(where: $where, sort: [$sortByNamePath, \"key\"], limit: 60) {\n total\n results {\n ...PickerInputChannel\n }\n }\n}\n\nquery GetChannelQuery($id: String) {\n channel(id: $id) {\n ...PickerInputChannel\n }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
|
|
@@ -3117,7 +3121,7 @@ const ChannelPickerInput = _ref => {
|
|
|
3117
3121
|
const _useIntl = reactIntl.useIntl(),
|
|
3118
3122
|
formatMessage = _useIntl.formatMessage;
|
|
3119
3123
|
const dataLocale = applicationShellConnectors.useApplicationContext(applicationContext => applicationContext.dataLocale);
|
|
3120
|
-
const variables = React.useMemo(() => _objectSpread$
|
|
3124
|
+
const variables = React.useMemo(() => _objectSpread$1c({
|
|
3121
3125
|
sortByNamePath: "name.".concat(dataLocale)
|
|
3122
3126
|
}, role && {
|
|
3123
3127
|
where: "roles contains any (\"".concat(role, "\")")
|
|
@@ -3178,7 +3182,7 @@ const ChannelPickerInput = _ref => {
|
|
|
3178
3182
|
if (isCurrentOptionLoadingFailed) onError(currentOption.error);
|
|
3179
3183
|
}, [isCurrentOptionLoadingFailed, onError, currentOption]);
|
|
3180
3184
|
const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
|
|
3181
|
-
const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$
|
|
3185
|
+
const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$K.noChannelsFound), [loadingError, formatMessage]);
|
|
3182
3186
|
const tooltipTitle = (_currentOption$data$l = currentOption === null || currentOption === void 0 ? void 0 : (_currentOption$data = currentOption.data) === null || _currentOption$data === void 0 ? void 0 : _currentOption$data.label) !== null && _currentOption$data$l !== void 0 ? _currentOption$data$l : '';
|
|
3183
3187
|
return jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
|
|
3184
3188
|
max: "scale",
|
|
@@ -3189,7 +3193,7 @@ const ChannelPickerInput = _ref => {
|
|
|
3189
3193
|
children: jsxRuntime.jsx(uiKit.AsyncSelectInput, {
|
|
3190
3194
|
id: name,
|
|
3191
3195
|
name: name,
|
|
3192
|
-
placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : formatMessage(messages$
|
|
3196
|
+
placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : formatMessage(messages$K.placeholder),
|
|
3193
3197
|
loadOptions: loadOptionsDebounced,
|
|
3194
3198
|
defaultOptions: true,
|
|
3195
3199
|
showOptionGroupDivider: true,
|
|
@@ -3246,8 +3250,8 @@ var FormattedDateTime$1 = reactIntl.injectIntl(FormattedDateTime);
|
|
|
3246
3250
|
|
|
3247
3251
|
const keepDisplayName = component => setDisplayName(getDisplayName(component));
|
|
3248
3252
|
|
|
3249
|
-
function ownKeys$
|
|
3250
|
-
function _objectSpread$
|
|
3253
|
+
function ownKeys$1b(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3254
|
+
function _objectSpread$1b(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1b(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1b(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
3251
3255
|
function _createSuper$8(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$8(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
3252
3256
|
function _isNativeReflectConstruct$8() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
3253
3257
|
const withMouseOverState = BaseComponent => {
|
|
@@ -3279,7 +3283,7 @@ const withMouseOverState = BaseComponent => {
|
|
|
3279
3283
|
handleMouseOver: this.handleMouseOver,
|
|
3280
3284
|
handleMouseOut: this.handleMouseOut
|
|
3281
3285
|
};
|
|
3282
|
-
return jsxRuntime.jsx(BaseComponent, _objectSpread$
|
|
3286
|
+
return jsxRuntime.jsx(BaseComponent, _objectSpread$1b({}, _objectSpread$1b(_objectSpread$1b({}, this.props), injectedProps)));
|
|
3283
3287
|
}
|
|
3284
3288
|
}]);
|
|
3285
3289
|
return WithMouseOverState;
|
|
@@ -3288,8 +3292,8 @@ const withMouseOverState = BaseComponent => {
|
|
|
3288
3292
|
return WithMouseOverState;
|
|
3289
3293
|
};
|
|
3290
3294
|
|
|
3291
|
-
function ownKeys$
|
|
3292
|
-
function _objectSpread$
|
|
3295
|
+
function ownKeys$1a(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3296
|
+
function _objectSpread$1a(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1a(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1a(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
3293
3297
|
function _createSuper$7(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$7(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
3294
3298
|
function _isNativeReflectConstruct$7() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
3295
3299
|
var styles$i = {
|
|
@@ -3400,7 +3404,7 @@ let ThrottledField = /*#__PURE__*/function (_PureComponent) {
|
|
|
3400
3404
|
}, {
|
|
3401
3405
|
key: "render",
|
|
3402
3406
|
value: function render() {
|
|
3403
|
-
const commonProps = _objectSpread$
|
|
3407
|
+
const commonProps = _objectSpread$1a(_objectSpread$1a({
|
|
3404
3408
|
value: this.state.draftValue,
|
|
3405
3409
|
autoComplete: this.props.autoComplete,
|
|
3406
3410
|
onChange: this.handleChange,
|
|
@@ -3419,7 +3423,7 @@ let ThrottledField = /*#__PURE__*/function (_PureComponent) {
|
|
|
3419
3423
|
htmlFor: inputId,
|
|
3420
3424
|
children: this.props.label
|
|
3421
3425
|
})
|
|
3422
|
-
}), this.props.as === 'textarea' ? jsxRuntime.jsx(Textarea__default["default"], _objectSpread$
|
|
3426
|
+
}), this.props.as === 'textarea' ? jsxRuntime.jsx(Textarea__default["default"], _objectSpread$1a(_objectSpread$1a({}, commonProps), {}, {
|
|
3423
3427
|
id: inputId,
|
|
3424
3428
|
className: classnames__default["default"](styles$i.textarea, styles$i["textarea-".concat(this.props.style)], {
|
|
3425
3429
|
[styles$i.invalid]: !this.props.isValid,
|
|
@@ -3428,7 +3432,7 @@ let ThrottledField = /*#__PURE__*/function (_PureComponent) {
|
|
|
3428
3432
|
rows: 1,
|
|
3429
3433
|
maxRows: this.props.autoSize ? undefined : 1,
|
|
3430
3434
|
cacheMeasurements: true
|
|
3431
|
-
})) : jsxRuntime.jsx("input", _objectSpread$
|
|
3435
|
+
})) : jsxRuntime.jsx("input", _objectSpread$1a(_objectSpread$1a({}, commonProps), {}, {
|
|
3432
3436
|
id: inputId,
|
|
3433
3437
|
ref: this.props.inputRef,
|
|
3434
3438
|
type: this.props.as,
|
|
@@ -3455,7 +3459,7 @@ ThrottledField.defaultProps = {
|
|
|
3455
3459
|
label: 'Throttled field'
|
|
3456
3460
|
};
|
|
3457
3461
|
|
|
3458
|
-
var messages$
|
|
3462
|
+
var messages$J = reactIntl.defineMessages({
|
|
3459
3463
|
buttonLabel: {
|
|
3460
3464
|
id: 'SearchInput.buttonLabel',
|
|
3461
3465
|
description: 'Label for "Search" button.',
|
|
@@ -3563,7 +3567,7 @@ let SearchInput = /*#__PURE__*/function (_Component) {
|
|
|
3563
3567
|
"data-testid": this.props.testId || 'search-input',
|
|
3564
3568
|
value: this.state.text,
|
|
3565
3569
|
label: this.props.label,
|
|
3566
|
-
placeholder: this.props.placeholder || this.props.intl.formatMessage(messages$
|
|
3570
|
+
placeholder: this.props.placeholder || this.props.intl.formatMessage(messages$J.placeholder),
|
|
3567
3571
|
inputRef: this.props.inputRef || this.setInputRef,
|
|
3568
3572
|
"data-track-component": "Text",
|
|
3569
3573
|
"data-track-event": "change",
|
|
@@ -3782,7 +3786,7 @@ const useProductTypeOptions = _ref3 => {
|
|
|
3782
3786
|
};
|
|
3783
3787
|
};
|
|
3784
3788
|
|
|
3785
|
-
var messages$
|
|
3789
|
+
var messages$I = reactIntl.defineMessages({
|
|
3786
3790
|
bottomOption: {
|
|
3787
3791
|
id: 'Products.Pickers.bottomOption',
|
|
3788
3792
|
description: 'The message to display at the end of the options menu',
|
|
@@ -3790,11 +3794,11 @@ var messages$E = reactIntl.defineMessages({
|
|
|
3790
3794
|
}
|
|
3791
3795
|
});
|
|
3792
3796
|
|
|
3793
|
-
function ownKeys$
|
|
3794
|
-
function _objectSpread$
|
|
3797
|
+
function ownKeys$19(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3798
|
+
function _objectSpread$19(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$19(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$19(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
3795
3799
|
const getBottomOption = () => ({
|
|
3796
3800
|
options: [{
|
|
3797
|
-
label: messages$
|
|
3801
|
+
label: messages$I.bottomOption,
|
|
3798
3802
|
isBottomOption: true,
|
|
3799
3803
|
isDisabled: true
|
|
3800
3804
|
}]
|
|
@@ -3802,7 +3806,7 @@ const getBottomOption = () => ({
|
|
|
3802
3806
|
const Option$2 = props => {
|
|
3803
3807
|
const _useIntl = reactIntl.useIntl(),
|
|
3804
3808
|
formatMessage = _useIntl.formatMessage;
|
|
3805
|
-
return jsxRuntime.jsx(uiKit.AsyncSelectInput.Option, _objectSpread$
|
|
3809
|
+
return jsxRuntime.jsx(uiKit.AsyncSelectInput.Option, _objectSpread$19(_objectSpread$19({}, props), {}, {
|
|
3806
3810
|
children: props.data.isBottomOption ? jsxRuntime.jsx(uiKit.Text.Detail, {
|
|
3807
3811
|
tone: "secondary",
|
|
3808
3812
|
children: formatMessage(props.data.label)
|
|
@@ -3819,8 +3823,8 @@ const Option$2 = props => {
|
|
|
3819
3823
|
};
|
|
3820
3824
|
Option$2.displayName = 'Option';
|
|
3821
3825
|
|
|
3822
|
-
function ownKeys$
|
|
3823
|
-
function _objectSpread$
|
|
3826
|
+
function ownKeys$18(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3827
|
+
function _objectSpread$18(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$18(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$18(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
3824
3828
|
const useHandlers = (onChange, getTrackingEvent) => {
|
|
3825
3829
|
const _useTracking = useTracking(),
|
|
3826
3830
|
track = _useTracking.track;
|
|
@@ -3845,8 +3849,8 @@ const useHandlers = (onChange, getTrackingEvent) => {
|
|
|
3845
3849
|
if (event.target.value) {
|
|
3846
3850
|
doTrack();
|
|
3847
3851
|
}
|
|
3848
|
-
const eventWithExtractedValue = _objectSpread$
|
|
3849
|
-
target: _objectSpread$
|
|
3852
|
+
const eventWithExtractedValue = _objectSpread$18(_objectSpread$18({}, event), {}, {
|
|
3853
|
+
target: _objectSpread$18(_objectSpread$18({}, event.target), {}, {
|
|
3850
3854
|
value: (_event$target$value = event.target.value) === null || _event$target$value === void 0 ? void 0 : _event$target$value.value
|
|
3851
3855
|
})
|
|
3852
3856
|
});
|
|
@@ -3855,8 +3859,8 @@ const useHandlers = (onChange, getTrackingEvent) => {
|
|
|
3855
3859
|
return [handleInputChange, handleChange];
|
|
3856
3860
|
};
|
|
3857
3861
|
|
|
3858
|
-
function ownKeys$
|
|
3859
|
-
function _objectSpread$
|
|
3862
|
+
function ownKeys$17(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3863
|
+
function _objectSpread$17(target) { for (var i = 1; i < arguments.length; i++) { var _context6, _context7; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context6 = ownKeys$17(Object(source), !0)).call(_context6, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context7 = ownKeys$17(Object(source))).call(_context7, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
3860
3864
|
const constructPrefixSearchPredicate = function () {
|
|
3861
3865
|
let prefixSearchFields = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
3862
3866
|
let lowerBound = arguments.length > 1 ? arguments[1] : undefined;
|
|
@@ -3899,7 +3903,7 @@ const useLoadOptions = _ref => {
|
|
|
3899
3903
|
}();
|
|
3900
3904
|
return client$1.query({
|
|
3901
3905
|
query,
|
|
3902
|
-
variables: _objectSpread$
|
|
3906
|
+
variables: _objectSpread$17({
|
|
3903
3907
|
where
|
|
3904
3908
|
}, variables),
|
|
3905
3909
|
context: {
|
|
@@ -3953,7 +3957,7 @@ function useCurrentOption(_ref) {
|
|
|
3953
3957
|
};
|
|
3954
3958
|
}
|
|
3955
3959
|
|
|
3956
|
-
var messages$
|
|
3960
|
+
var messages$H = reactIntl.defineMessages({
|
|
3957
3961
|
noProductTypesFound: {
|
|
3958
3962
|
id: 'Products.ProductTypePickerInput.noProductTypesFound',
|
|
3959
3963
|
description: 'The message to display when no product types were found',
|
|
@@ -4062,7 +4066,7 @@ const ProductTypePickerInput = _ref => {
|
|
|
4062
4066
|
children: jsxRuntime.jsx(uiKit.AsyncSelectInput, {
|
|
4063
4067
|
id: name,
|
|
4064
4068
|
name: name,
|
|
4065
|
-
placeholder: formatMessage(messages$
|
|
4069
|
+
placeholder: formatMessage(messages$H.placeholder),
|
|
4066
4070
|
loadOptions: loadOptionsDebounced,
|
|
4067
4071
|
defaultOptions: [],
|
|
4068
4072
|
isClearable: isClearable,
|
|
@@ -4075,7 +4079,7 @@ const ProductTypePickerInput = _ref => {
|
|
|
4075
4079
|
onInputChange: handleInputChange,
|
|
4076
4080
|
onBlur: onBlur,
|
|
4077
4081
|
value: currentOption.data,
|
|
4078
|
-
noOptionsMessage: () => loadingError ? null : formatMessage(messages$
|
|
4082
|
+
noOptionsMessage: () => loadingError ? null : formatMessage(messages$H.noProductTypesFound),
|
|
4079
4083
|
hasError: hasError || isLoadingFailed
|
|
4080
4084
|
})
|
|
4081
4085
|
}), isLoadingFailed && jsxRuntime.jsx(uiKit.Text.Body, {
|
|
@@ -4087,7 +4091,7 @@ const ProductTypePickerInput = _ref => {
|
|
|
4087
4091
|
};
|
|
4088
4092
|
ProductTypePickerInput.displayName = 'ProductTypePickerInput';
|
|
4089
4093
|
|
|
4090
|
-
var messages$
|
|
4094
|
+
var messages$G = reactIntl.defineMessages({
|
|
4091
4095
|
noStatesFound: {
|
|
4092
4096
|
id: 'Products.StatePickerInput.noStatesFound',
|
|
4093
4097
|
description: 'The message to display when no states were found',
|
|
@@ -4201,7 +4205,7 @@ const StatePickerInput = _ref => {
|
|
|
4201
4205
|
if (isCurrentOptionLoadingFailed) onError(currentOption.error);
|
|
4202
4206
|
}, [isCurrentOptionLoadingFailed, onError, currentOption]);
|
|
4203
4207
|
const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
|
|
4204
|
-
const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$
|
|
4208
|
+
const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$G.noStatesFound), [loadingError, formatMessage]);
|
|
4205
4209
|
const tooltipTitle = (_currentOption$data$l = currentOption === null || currentOption === void 0 ? void 0 : (_currentOption$data = currentOption.data) === null || _currentOption$data === void 0 ? void 0 : _currentOption$data.label) !== null && _currentOption$data$l !== void 0 ? _currentOption$data$l : '';
|
|
4206
4210
|
return jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
|
|
4207
4211
|
max: "scale",
|
|
@@ -4213,7 +4217,7 @@ const StatePickerInput = _ref => {
|
|
|
4213
4217
|
id: name,
|
|
4214
4218
|
name: name,
|
|
4215
4219
|
horizontalConstraint: "scale",
|
|
4216
|
-
placeholder: formatMessage(messages$
|
|
4220
|
+
placeholder: formatMessage(messages$G.placeholder),
|
|
4217
4221
|
loadOptions: loadOptionsDebounced,
|
|
4218
4222
|
defaultOptions: true,
|
|
4219
4223
|
showOptionGroupDivider: true,
|
|
@@ -4239,9 +4243,9 @@ const StatePickerInput = _ref => {
|
|
|
4239
4243
|
};
|
|
4240
4244
|
StatePickerInput.displayName = 'StatePickerInput';
|
|
4241
4245
|
|
|
4242
|
-
function ownKeys$
|
|
4243
|
-
function _objectSpread$
|
|
4244
|
-
const TooltipWrapper = /*#__PURE__*/React__default["default"].forwardRef((props, ref) => jsxRuntime.jsx("div", _objectSpread$
|
|
4246
|
+
function ownKeys$16(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4247
|
+
function _objectSpread$16(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$16(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$16(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
4248
|
+
const TooltipWrapper = /*#__PURE__*/React__default["default"].forwardRef((props, ref) => jsxRuntime.jsx("div", _objectSpread$16({
|
|
4245
4249
|
ref: ref,
|
|
4246
4250
|
style: {
|
|
4247
4251
|
display: 'block',
|
|
@@ -4379,8 +4383,8 @@ const getPrefixSearchBounds = input => {
|
|
|
4379
4383
|
};
|
|
4380
4384
|
|
|
4381
4385
|
const _excluded = ["action"];
|
|
4382
|
-
function ownKeys$
|
|
4383
|
-
function _objectSpread$
|
|
4386
|
+
function ownKeys$15(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4387
|
+
function _objectSpread$15(target) { for (var i = 1; i < arguments.length; i++) { var _context8, _context9; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context8 = ownKeys$15(Object(source), !0)).call(_context8, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context9 = ownKeys$15(Object(source))).call(_context9, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
4384
4388
|
|
|
4385
4389
|
/**
|
|
4386
4390
|
* Checks if a value is a LocalizedString
|
|
@@ -4402,7 +4406,7 @@ const getIsLocalizedString = maybeLocalizedString => {
|
|
|
4402
4406
|
*/
|
|
4403
4407
|
const transformCustomFieldsRawToCustomFields = customFieldsRaw => {
|
|
4404
4408
|
if (!customFieldsRaw || customFieldsRaw.length === 0) return null;
|
|
4405
|
-
return _reduceInstanceProperty__default["default"](customFieldsRaw).call(customFieldsRaw, (customFields, customField) => _objectSpread$
|
|
4409
|
+
return _reduceInstanceProperty__default["default"](customFieldsRaw).call(customFieldsRaw, (customFields, customField) => _objectSpread$15(_objectSpread$15({}, customFields), {}, {
|
|
4406
4410
|
[customField.name]: customField.value
|
|
4407
4411
|
}), {});
|
|
4408
4412
|
};
|
|
@@ -4426,7 +4430,7 @@ function transformLocalizedFieldsForCategory(category) {
|
|
|
4426
4430
|
const transformedData = l10n.applyTransformedLocalizedFields(category, transformationOptions);
|
|
4427
4431
|
const parent = category.parent ? transformLocalizedFieldsForCategory(category.parent) : null;
|
|
4428
4432
|
const ancestors = category.ancestors ? _mapInstanceProperty__default["default"](_context = category.ancestors).call(_context, ancestor => transformLocalizedFieldsForCategory(ancestor)) : null;
|
|
4429
|
-
return _objectSpread$
|
|
4433
|
+
return _objectSpread$15(_objectSpread$15(_objectSpread$15({}, transformedData), parent ? {
|
|
4430
4434
|
parent
|
|
4431
4435
|
} : {}), ancestors ? {
|
|
4432
4436
|
ancestors
|
|
@@ -4568,9 +4572,7 @@ const convertAction = (actionName, actionPayload) => {
|
|
|
4568
4572
|
};
|
|
4569
4573
|
case 'setName':
|
|
4570
4574
|
return {
|
|
4571
|
-
[actionName]:
|
|
4572
|
-
name: _Array$isArray__default["default"](actionPayload.name) ? actionPayload.name : l10n.transformLocalizedStringToLocalizedField(actionPayload.name)
|
|
4573
|
-
}
|
|
4575
|
+
[actionName]: getNameFromPayload(actionPayload)
|
|
4574
4576
|
};
|
|
4575
4577
|
case 'setLocalizedName':
|
|
4576
4578
|
return {
|
|
@@ -4642,7 +4644,7 @@ const convertAction = (actionName, actionPayload) => {
|
|
|
4642
4644
|
case 'addAttributeDefinition':
|
|
4643
4645
|
return {
|
|
4644
4646
|
[actionName]: {
|
|
4645
|
-
attributeDefinition: _objectSpread$
|
|
4647
|
+
attributeDefinition: _objectSpread$15(_objectSpread$15({}, actionPayload.attribute), {}, {
|
|
4646
4648
|
label: l10n.transformLocalizedStringToLocalizedField(actionPayload.attribute.label),
|
|
4647
4649
|
inputTip: l10n.transformLocalizedStringToLocalizedField(actionPayload.attribute.inputTip),
|
|
4648
4650
|
type: createAttributeTypeValue(actionPayload.attribute)
|
|
@@ -4658,6 +4660,7 @@ const convertAction = (actionName, actionPayload) => {
|
|
|
4658
4660
|
includedInPrice: actionPayload.taxRate.includedInPrice,
|
|
4659
4661
|
amount: actionPayload.taxRate.amount,
|
|
4660
4662
|
state: actionPayload.taxRate.state,
|
|
4663
|
+
key: actionPayload.taxRate.key,
|
|
4661
4664
|
subRates: actionPayload.taxRate.subRates
|
|
4662
4665
|
},
|
|
4663
4666
|
taxRateId: actionPayload.taxRateId
|
|
@@ -4737,7 +4740,7 @@ const convertAction = (actionName, actionPayload) => {
|
|
|
4737
4740
|
return {
|
|
4738
4741
|
[actionName]: {
|
|
4739
4742
|
attributeName: actionPayload.attributeName,
|
|
4740
|
-
value: _objectSpread$
|
|
4743
|
+
value: _objectSpread$15(_objectSpread$15({}, actionPayload.value), {}, {
|
|
4741
4744
|
label: l10n.transformLocalizedStringToLocalizedField(actionPayload.value.label)
|
|
4742
4745
|
})
|
|
4743
4746
|
}
|
|
@@ -4746,7 +4749,7 @@ const convertAction = (actionName, actionPayload) => {
|
|
|
4746
4749
|
return {
|
|
4747
4750
|
[actionName]: {
|
|
4748
4751
|
attributeName: actionPayload.attributeName,
|
|
4749
|
-
newValue: _objectSpread$
|
|
4752
|
+
newValue: _objectSpread$15(_objectSpread$15({}, actionPayload.newValue), {}, {
|
|
4750
4753
|
label: l10n.transformLocalizedStringToLocalizedField(actionPayload.newValue.label)
|
|
4751
4754
|
})
|
|
4752
4755
|
}
|
|
@@ -4773,7 +4776,7 @@ const convertAction = (actionName, actionPayload) => {
|
|
|
4773
4776
|
name: l10n.transformLocalizedStringToLocalizedField(actionPayload.name),
|
|
4774
4777
|
taxCategory: actionPayload.taxCategory,
|
|
4775
4778
|
money: {
|
|
4776
|
-
[actionPayload.money.type]: _objectSpread$
|
|
4779
|
+
[actionPayload.money.type]: _objectSpread$15({
|
|
4777
4780
|
centAmount: actionPayload.money.centAmount,
|
|
4778
4781
|
currencyCode: actionPayload.money.currencyCode
|
|
4779
4782
|
}, actionPayload.money.type === PRECISION_TYPES.highPrecision && {
|
|
@@ -4828,8 +4831,8 @@ const convertAction = (actionName, actionPayload) => {
|
|
|
4828
4831
|
fields: customFields
|
|
4829
4832
|
} : null;
|
|
4830
4833
|
return {
|
|
4831
|
-
[actionName]: _objectSpread$
|
|
4832
|
-
address: _objectSpread$
|
|
4834
|
+
[actionName]: _objectSpread$15(_objectSpread$15({}, actionPayload), {}, {
|
|
4835
|
+
address: _objectSpread$15(_objectSpread$15({}, omit__default["default"](actionPayload.address, ['__typename'])), {}, {
|
|
4833
4836
|
custom
|
|
4834
4837
|
})
|
|
4835
4838
|
})
|
|
@@ -4905,8 +4908,8 @@ function omitDeep(obj, fieldsToOmit) {
|
|
|
4905
4908
|
return originalOmitDeep__default["default"](obj, fieldsToOmit);
|
|
4906
4909
|
}
|
|
4907
4910
|
|
|
4908
|
-
function ownKeys$
|
|
4909
|
-
function _objectSpread$
|
|
4911
|
+
function ownKeys$14(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4912
|
+
function _objectSpread$14(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$14(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$14(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
4910
4913
|
function getPriceChannelName(price) {
|
|
4911
4914
|
var _ref, _price$channel$name, _price$channel, _price$channel2;
|
|
4912
4915
|
return (_ref = (_price$channel$name = (_price$channel = price.channel) === null || _price$channel === void 0 ? void 0 : _price$channel.name) !== null && _price$channel$name !== void 0 ? _price$channel$name : (_price$channel2 = price.channel) === null || _price$channel2 === void 0 ? void 0 : _price$channel2.key) !== null && _ref !== void 0 ? _ref : null;
|
|
@@ -4920,11 +4923,11 @@ function getDiscountValue(price) {
|
|
|
4920
4923
|
} else if (((_price$value2 = price.value) === null || _price$value2 === void 0 ? void 0 : _price$value2.type) === PRECISION_TYPES.highPrecision && ((_price$discounted = price.discounted) === null || _price$discounted === void 0 ? void 0 : (_price$discounted$val = _price$discounted.value) === null || _price$discounted$val === void 0 ? void 0 : _price$discounted$val.type) === PRECISION_TYPES.centPrecision) {
|
|
4921
4924
|
fractionedAmount = getFractionedAmount(price.value) - getFractionedAmount(price.discounted.value);
|
|
4922
4925
|
}
|
|
4923
|
-
return price.discounted ? _objectSpread$
|
|
4926
|
+
return price.discounted ? _objectSpread$14(_objectSpread$14({}, price.value), {}, {
|
|
4924
4927
|
fractionedAmount,
|
|
4925
4928
|
centAmount: price.value.centAmount - price.discounted.value.centAmount,
|
|
4926
4929
|
preciseAmount
|
|
4927
|
-
}) : _objectSpread$
|
|
4930
|
+
}) : _objectSpread$14(_objectSpread$14({}, price.value), {}, {
|
|
4928
4931
|
centAmount: 0
|
|
4929
4932
|
});
|
|
4930
4933
|
}
|
|
@@ -4945,7 +4948,7 @@ function getNetUnitPrice(_ref2) {
|
|
|
4945
4948
|
}
|
|
4946
4949
|
let preciseAmount;
|
|
4947
4950
|
if (((_price$value4 = price.value) === null || _price$value4 === void 0 ? void 0 : _price$value4.type) === PRECISION_TYPES.highPrecision) preciseAmount = price.value.preciseAmount / (1 + lineItem.taxRate.amount);
|
|
4948
|
-
return _objectSpread$
|
|
4951
|
+
return _objectSpread$14(_objectSpread$14({}, price.value), {}, {
|
|
4949
4952
|
centAmount,
|
|
4950
4953
|
preciseAmount
|
|
4951
4954
|
});
|
|
@@ -4957,7 +4960,7 @@ function getMinimumPricesByCurrencyCode(prices) {
|
|
|
4957
4960
|
const currencyCode = price.value.currencyCode;
|
|
4958
4961
|
const fractionedAmount = getFractionedAmount(price.value);
|
|
4959
4962
|
if (currencyCode && !isNil__default["default"](fractionedAmount)) {
|
|
4960
|
-
if (!minPrices[currencyCode] || fractionedAmount < getFractionedAmount(minPrices[currencyCode])) return _objectSpread$
|
|
4963
|
+
if (!minPrices[currencyCode] || fractionedAmount < getFractionedAmount(minPrices[currencyCode])) return _objectSpread$14(_objectSpread$14({}, minPrices), {}, {
|
|
4961
4964
|
[currencyCode]: price.value
|
|
4962
4965
|
});
|
|
4963
4966
|
}
|
|
@@ -4966,8 +4969,8 @@ function getMinimumPricesByCurrencyCode(prices) {
|
|
|
4966
4969
|
return _Object$values__default["default"](minPricesByCurrency);
|
|
4967
4970
|
}
|
|
4968
4971
|
|
|
4969
|
-
function ownKeys$
|
|
4970
|
-
function _objectSpread$
|
|
4972
|
+
function ownKeys$13(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4973
|
+
function _objectSpread$13(target) { for (var i = 1; i < arguments.length; i++) { var _context5, _context6; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context5 = ownKeys$13(Object(source), !0)).call(_context5, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context6 = ownKeys$13(Object(source))).call(_context6, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
4971
4974
|
const transformCustomFieldFromGraphQLResponse = resource => {
|
|
4972
4975
|
var _context, _context4;
|
|
4973
4976
|
return {
|
|
@@ -4982,14 +4985,14 @@ const transformCustomFieldFromGraphQLResponse = resource => {
|
|
|
4982
4985
|
return {
|
|
4983
4986
|
name: fieldDefinition.name,
|
|
4984
4987
|
required: fieldDefinition.required,
|
|
4985
|
-
type: ((_fieldDefinition$type = fieldDefinition.type) === null || _fieldDefinition$type === void 0 ? void 0 : (_fieldDefinition$type2 = _fieldDefinition$type.elementType) === null || _fieldDefinition$type2 === void 0 ? void 0 : _fieldDefinition$type2.name) === 'LocalizedEnum' ? _objectSpread$
|
|
4986
|
-
elementType: _objectSpread$
|
|
4988
|
+
type: ((_fieldDefinition$type = fieldDefinition.type) === null || _fieldDefinition$type === void 0 ? void 0 : (_fieldDefinition$type2 = _fieldDefinition$type.elementType) === null || _fieldDefinition$type2 === void 0 ? void 0 : _fieldDefinition$type2.name) === 'LocalizedEnum' ? _objectSpread$13(_objectSpread$13({}, fieldDefinition.type), {}, {
|
|
4989
|
+
elementType: _objectSpread$13(_objectSpread$13({}, fieldDefinition.type.elementType), {}, {
|
|
4987
4990
|
values: _mapInstanceProperty__default["default"](_context2 = _valuesInstanceProperty__default["default"](fieldDefinition.type.elementType)).call(_context2, value => ({
|
|
4988
4991
|
key: value.key,
|
|
4989
4992
|
label: l10n.transformLocalizedFieldToLocalizedString(value.labelAllLocales)
|
|
4990
4993
|
}))
|
|
4991
4994
|
})
|
|
4992
|
-
}) : ((_fieldDefinition$type3 = fieldDefinition.type) === null || _fieldDefinition$type3 === void 0 ? void 0 : _fieldDefinition$type3.name) === 'LocalizedEnum' ? _objectSpread$
|
|
4995
|
+
}) : ((_fieldDefinition$type3 = fieldDefinition.type) === null || _fieldDefinition$type3 === void 0 ? void 0 : _fieldDefinition$type3.name) === 'LocalizedEnum' ? _objectSpread$13(_objectSpread$13({}, fieldDefinition.type), {}, {
|
|
4993
4996
|
values: _mapInstanceProperty__default["default"](_context3 = _valuesInstanceProperty__default["default"](fieldDefinition.type)).call(_context3, value => ({
|
|
4994
4997
|
key: value.key,
|
|
4995
4998
|
label: l10n.transformLocalizedFieldToLocalizedString(value.labelAllLocales)
|
|
@@ -5000,7 +5003,7 @@ const transformCustomFieldFromGraphQLResponse = resource => {
|
|
|
5000
5003
|
})
|
|
5001
5004
|
}
|
|
5002
5005
|
},
|
|
5003
|
-
fields: _reduceInstanceProperty__default["default"](_context4 = resource.custom.customFieldsRaw).call(_context4, (fields, customField) => _objectSpread$
|
|
5006
|
+
fields: _reduceInstanceProperty__default["default"](_context4 = resource.custom.customFieldsRaw).call(_context4, (fields, customField) => _objectSpread$13(_objectSpread$13({}, fields), {}, {
|
|
5004
5007
|
[customField.name]: customField.value
|
|
5005
5008
|
}), {})
|
|
5006
5009
|
};
|
|
@@ -5012,7 +5015,7 @@ const convertProductSelectionFromGraphQl = productSelection => {
|
|
|
5012
5015
|
// Incase the product selection is not missing or if the current project dose not yet have access to the feature,
|
|
5013
5016
|
// in either case we return null
|
|
5014
5017
|
if (!productSelection) return null;
|
|
5015
|
-
return _objectSpread$
|
|
5018
|
+
return _objectSpread$13(_objectSpread$13({}, l10n.applyTransformedLocalizedFields(productSelection, [{
|
|
5016
5019
|
from: 'nameAllLocales',
|
|
5017
5020
|
to: 'name'
|
|
5018
5021
|
}])), {}, {
|
|
@@ -5035,8 +5038,8 @@ const transformAllToProperNounCase = text => {
|
|
|
5035
5038
|
return _mapInstanceProperty__default["default"](_context = text.split(' ')).call(_context, term => transformToProperNounCase(term)).join(' ');
|
|
5036
5039
|
};
|
|
5037
5040
|
|
|
5038
|
-
function ownKeys$
|
|
5039
|
-
function _objectSpread$
|
|
5041
|
+
function ownKeys$12(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
5042
|
+
function _objectSpread$12(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$12(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$12(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
5040
5043
|
const REGEX_ISO8601 = /(\d{4}-\d{2}-\d{2}[T]\d{2}:\d{2}:\d{2}(\.\d{3}[Z]?))/;
|
|
5041
5044
|
const REGEX_TIME = /\d{2}:\d{2}/;
|
|
5042
5045
|
const REGEX_DATE = /\d{4}-\d{2}-\d{2}/;
|
|
@@ -5053,7 +5056,7 @@ function filterCustomTypeUpdateActionValues() {
|
|
|
5053
5056
|
if (updateAction.action === 'setCustomField' && _Array$isArray__default["default"](updateAction.value)) {
|
|
5054
5057
|
const definition = _findInstanceProperty__default["default"](fieldDefinitions).call(fieldDefinitions, field => field.name === updateAction.name);
|
|
5055
5058
|
const definitionName = definition.type.elementType.name;
|
|
5056
|
-
return _objectSpread$
|
|
5059
|
+
return _objectSpread$12(_objectSpread$12({}, updateAction), {}, {
|
|
5057
5060
|
value: filterNotDefinedValues(updateAction.value, definitionName)
|
|
5058
5061
|
});
|
|
5059
5062
|
}
|
|
@@ -5127,8 +5130,8 @@ function omitSetsOfSets() {
|
|
|
5127
5130
|
|
|
5128
5131
|
var GetProductTypesQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "GetProductTypesQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "productTypes" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }] } }] } }] } }], loc: { start: 0, end: 212, source: { body: "query GetProductTypesQuery($where: String) {\n productTypes(where: $where) {\n results {\n id\n name\n }\n }\n}\n\nquery GetProductTypeQuery($id: String) {\n productType(id: $id) {\n id\n name\n }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
|
|
5129
5132
|
|
|
5130
|
-
function ownKeys
|
|
5131
|
-
function _objectSpread
|
|
5133
|
+
function ownKeys$11(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
5134
|
+
function _objectSpread$11(target) { for (var i = 1; i < arguments.length; i++) { var _context4, _context5; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys$11(Object(source), !0)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys$11(Object(source))).call(_context5, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
5132
5135
|
function _createSuper$5(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$5(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
5133
5136
|
function _isNativeReflectConstruct$5() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
5134
5137
|
var FetchTypeDefinitionsQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchTypeDefinitionsQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "limit" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "offset" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "typeDefinitions" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }, { kind: "Argument", name: { kind: "Name", value: "limit" }, value: { kind: "Variable", name: { kind: "Name", value: "limit" } } }, { kind: "Argument", name: { kind: "Name", value: "offset" }, value: { kind: "Variable", name: { kind: "Name", value: "offset" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "fieldDefinitions" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "type" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "SetType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "elementType" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "EnumType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "label" }, arguments: [], directives: [] }] } }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "LocalizedEnumType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }] } }] } }] } }] } }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "EnumType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "label" }, arguments: [], directives: [] }] } }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "LocalizedEnumType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }] } }] } }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "ReferenceType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "referenceTypeId" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }] } }] } }] } }] } }] } }], loc: { start: 0, end: 1172, source: { body: "query FetchTypeDefinitionsQuery($where: String, $limit: Int, $offset: Int) {\n typeDefinitions(where: $where, limit: $limit, offset: $offset) {\n results {\n fieldDefinitions {\n type {\n name\n ... on SetType {\n elementType {\n name\n ... on EnumType {\n values {\n key\n label\n }\n }\n ... on LocalizedEnumType {\n values {\n key\n labelAllLocales {\n value\n locale\n }\n }\n }\n }\n }\n ... on EnumType {\n values {\n key\n label\n }\n }\n ... on LocalizedEnumType {\n values {\n key\n labelAllLocales {\n value\n locale\n }\n }\n }\n ... on ReferenceType {\n referenceTypeId\n }\n }\n name\n labelAllLocales {\n value\n locale\n }\n }\n }\n }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
|
|
@@ -5188,7 +5191,7 @@ const mapDataToProps = _ref => {
|
|
|
5188
5191
|
return {
|
|
5189
5192
|
fetchTypeDefinitionsQuery: {
|
|
5190
5193
|
loading: fetchTypeDefinitionsQuery.loading,
|
|
5191
|
-
customFieldDefinitions: uniqBy__default["default"](_mapInstanceProperty__default["default"](fieldDefinitionsToOptionsMap).call(fieldDefinitionsToOptionsMap, fieldDefinition => _objectSpread
|
|
5194
|
+
customFieldDefinitions: uniqBy__default["default"](_mapInstanceProperty__default["default"](fieldDefinitionsToOptionsMap).call(fieldDefinitionsToOptionsMap, fieldDefinition => _objectSpread$11({}, l10n.applyTransformedLocalizedFields(omitDeep(fieldDefinition, ['__typename'], {
|
|
5192
5195
|
isImmutable: true
|
|
5193
5196
|
}), [{
|
|
5194
5197
|
from: 'labelAllLocales',
|
|
@@ -5216,12 +5219,12 @@ const handlers$4 = {
|
|
|
5216
5219
|
}
|
|
5217
5220
|
};
|
|
5218
5221
|
|
|
5219
|
-
function ownKeys$
|
|
5220
|
-
function _objectSpread$
|
|
5222
|
+
function ownKeys$10(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
5223
|
+
function _objectSpread$10(target) { for (var i = 1; i < arguments.length; i++) { var _context4, _context5; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys$10(Object(source), !0)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys$10(Object(source))).call(_context5, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
5221
5224
|
const restDocToForm = customFieldsFromRestResponse => {
|
|
5222
5225
|
return {
|
|
5223
5226
|
fields: customFieldsFromRestResponse.fields,
|
|
5224
|
-
type: _objectSpread$
|
|
5227
|
+
type: _objectSpread$10({
|
|
5225
5228
|
id: customFieldsFromRestResponse.type.id
|
|
5226
5229
|
}, customFieldsFromRestResponse.type.obj)
|
|
5227
5230
|
};
|
|
@@ -5240,14 +5243,14 @@ const graphQlDocToForm = typeDefinition => {
|
|
|
5240
5243
|
name: fieldDefinition.name,
|
|
5241
5244
|
required: fieldDefinition.required,
|
|
5242
5245
|
inputHint: fieldDefinition.inputHint,
|
|
5243
|
-
type: ((_fieldDefinition$type = fieldDefinition.type) === null || _fieldDefinition$type === void 0 ? void 0 : (_fieldDefinition$type2 = _fieldDefinition$type.elementType) === null || _fieldDefinition$type2 === void 0 ? void 0 : _fieldDefinition$type2.name) === 'LocalizedEnum' ? _objectSpread$
|
|
5244
|
-
elementType: _objectSpread$
|
|
5246
|
+
type: ((_fieldDefinition$type = fieldDefinition.type) === null || _fieldDefinition$type === void 0 ? void 0 : (_fieldDefinition$type2 = _fieldDefinition$type.elementType) === null || _fieldDefinition$type2 === void 0 ? void 0 : _fieldDefinition$type2.name) === 'LocalizedEnum' ? _objectSpread$10(_objectSpread$10({}, fieldDefinition.type), {}, {
|
|
5247
|
+
elementType: _objectSpread$10(_objectSpread$10({}, fieldDefinition.type.elementType), {}, {
|
|
5245
5248
|
values: _mapInstanceProperty__default["default"](_context2 = _valuesInstanceProperty__default["default"](fieldDefinition.type.elementType)).call(_context2, value => ({
|
|
5246
5249
|
key: value.key,
|
|
5247
5250
|
label: l10n.transformLocalizedFieldToLocalizedString(value.labelAllLocales)
|
|
5248
5251
|
}))
|
|
5249
5252
|
})
|
|
5250
|
-
}) : ((_fieldDefinition$type3 = fieldDefinition.type) === null || _fieldDefinition$type3 === void 0 ? void 0 : _fieldDefinition$type3.name) === 'LocalizedEnum' ? _objectSpread$
|
|
5253
|
+
}) : ((_fieldDefinition$type3 = fieldDefinition.type) === null || _fieldDefinition$type3 === void 0 ? void 0 : _fieldDefinition$type3.name) === 'LocalizedEnum' ? _objectSpread$10(_objectSpread$10({}, fieldDefinition.type), {}, {
|
|
5251
5254
|
values: _mapInstanceProperty__default["default"](_context3 = _valuesInstanceProperty__default["default"](fieldDefinition.type)).call(_context3, value => ({
|
|
5252
5255
|
key: value.key,
|
|
5253
5256
|
label: l10n.transformLocalizedFieldToLocalizedString(value.labelAllLocales)
|
|
@@ -5263,7 +5266,7 @@ const formToRestDoc = formCustomFields => ({
|
|
|
5263
5266
|
type: {
|
|
5264
5267
|
id: formCustomFields.type.id,
|
|
5265
5268
|
typeId: 'type',
|
|
5266
|
-
obj: _objectSpread$
|
|
5269
|
+
obj: _objectSpread$10({}, formCustomFields.type)
|
|
5267
5270
|
},
|
|
5268
5271
|
fields: formCustomFields.fields
|
|
5269
5272
|
});
|
|
@@ -5271,7 +5274,7 @@ const formToGraphQlDoc = formCustomFields => ({
|
|
|
5271
5274
|
type: {
|
|
5272
5275
|
id: formCustomFields.type.id,
|
|
5273
5276
|
typeId: 'type',
|
|
5274
|
-
obj: _objectSpread$
|
|
5277
|
+
obj: _objectSpread$10({}, omit__default["default"](formCustomFields.type, ['id']))
|
|
5275
5278
|
},
|
|
5276
5279
|
fields: omitBy__default["default"](formCustomFields.fields || {}, isNil__default["default"])
|
|
5277
5280
|
});
|
|
@@ -5402,8 +5405,8 @@ const REFERENCED_TYPES = {
|
|
|
5402
5405
|
zone: 'zone'
|
|
5403
5406
|
};
|
|
5404
5407
|
|
|
5405
|
-
function ownKeys
|
|
5406
|
-
function _objectSpread
|
|
5408
|
+
function ownKeys$$(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
5409
|
+
function _objectSpread$$(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$$(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$$(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
5407
5410
|
const extractDuplicatedValues = (values, type, language, languages) => {
|
|
5408
5411
|
let validatedValues = [];
|
|
5409
5412
|
if (type.name.toLowerCase() === 'money') {
|
|
@@ -5470,8 +5473,8 @@ function validations (formValues, language, languages) {
|
|
|
5470
5473
|
var _context2;
|
|
5471
5474
|
// Collect all required and set type fields
|
|
5472
5475
|
const fieldDefinitionsToValidate = _filterInstanceProperty__default["default"](_context2 = formValues.custom.type.fieldDefinitions).call(_context2, fieldDefinition => fieldDefinition.required || fieldDefinition.type.name.toLowerCase() === 'set');
|
|
5473
|
-
const errors = _reduceInstanceProperty__default["default"](fieldDefinitionsToValidate).call(fieldDefinitionsToValidate, (acc, fieldDefinition) => _objectSpread
|
|
5474
|
-
[fieldDefinition.name]: _objectSpread
|
|
5476
|
+
const errors = _reduceInstanceProperty__default["default"](fieldDefinitionsToValidate).call(fieldDefinitionsToValidate, (acc, fieldDefinition) => _objectSpread$$(_objectSpread$$({}, acc), {}, {
|
|
5477
|
+
[fieldDefinition.name]: _objectSpread$$(_objectSpread$$({}, setMissingIfRequired(formValues, fieldDefinition)), setDuplicatedIfSet(formValues, fieldDefinition, language, languages))
|
|
5475
5478
|
}), {});
|
|
5476
5479
|
return withoutEmptyErrorsByField(errors);
|
|
5477
5480
|
}
|
|
@@ -5498,8 +5501,8 @@ function CustomTextInput(props) {
|
|
|
5498
5501
|
}
|
|
5499
5502
|
CustomTextInput.displayName = 'CustomTextInput';
|
|
5500
5503
|
|
|
5501
|
-
function ownKeys$
|
|
5502
|
-
function _objectSpread$
|
|
5504
|
+
function ownKeys$_(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
5505
|
+
function _objectSpread$_(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$_(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$_(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
5503
5506
|
const getSubfieldLanguage = subfieldName => {
|
|
5504
5507
|
const lastDotIndex = _lastIndexOfInstanceProperty__default["default"](subfieldName).call(subfieldName, '.');
|
|
5505
5508
|
return subfieldName.substring(lastDotIndex + 1);
|
|
@@ -5523,7 +5526,7 @@ function CustomLocalizedTextInput(props) {
|
|
|
5523
5526
|
// as a whole.
|
|
5524
5527
|
|
|
5525
5528
|
const fieldLanguage = getSubfieldLanguage(subfieldName);
|
|
5526
|
-
const newValue = _objectSpread$
|
|
5529
|
+
const newValue = _objectSpread$_(_objectSpread$_({}, props.value), {}, {
|
|
5527
5530
|
[fieldLanguage]: rawValue
|
|
5528
5531
|
});
|
|
5529
5532
|
const nullifiedIfNeeded = uiKit.LocalizedTextInput.isEmpty(newValue) ? undefined : newValue;
|
|
@@ -5590,21 +5593,21 @@ function CustomNumberInput(props) {
|
|
|
5590
5593
|
}
|
|
5591
5594
|
CustomNumberInput.displayName = 'CustomNumberInput';
|
|
5592
5595
|
|
|
5593
|
-
function ownKeys$
|
|
5594
|
-
function _objectSpread$
|
|
5596
|
+
function ownKeys$Z(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
5597
|
+
function _objectSpread$Z(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$Z(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$Z(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
5595
5598
|
var styles$g = {
|
|
5596
5599
|
"container": "custom-money-input-module__container___1fdO2"
|
|
5597
5600
|
};
|
|
5598
5601
|
const fixCurrencyCode = (value, currencies) => {
|
|
5599
5602
|
if (value.currencyCode) return value;
|
|
5600
5603
|
const firstCurrency = currencies[0];
|
|
5601
|
-
return _objectSpread$
|
|
5604
|
+
return _objectSpread$Z(_objectSpread$Z({}, value), {}, {
|
|
5602
5605
|
currencyCode: firstCurrency
|
|
5603
5606
|
});
|
|
5604
5607
|
};
|
|
5605
5608
|
const fixAmount = value => {
|
|
5606
5609
|
if (!value.amount) {
|
|
5607
|
-
return _objectSpread$
|
|
5610
|
+
return _objectSpread$Z(_objectSpread$Z({}, value), {}, {
|
|
5608
5611
|
amount: '0'
|
|
5609
5612
|
});
|
|
5610
5613
|
}
|
|
@@ -5646,7 +5649,7 @@ function CustomMoneyInput(props) {
|
|
|
5646
5649
|
}
|
|
5647
5650
|
const handleChange = makeChangeHandler((rawValue, subfieldName) => {
|
|
5648
5651
|
const isAmount = _endsWithInstanceProperty__default["default"](subfieldName).call(subfieldName, 'amount');
|
|
5649
|
-
const newValue = _objectSpread$
|
|
5652
|
+
const newValue = _objectSpread$Z({}, internalValue.current);
|
|
5650
5653
|
if (isAmount) newValue.amount = rawValue;else newValue.currencyCode = rawValue;
|
|
5651
5654
|
const fixedValue = fixEnteredValue(newValue, internalValue.current, currencies);
|
|
5652
5655
|
internalValue.current = fixedValue;
|
|
@@ -5927,7 +5930,7 @@ function ReferenceSearch(props) {
|
|
|
5927
5930
|
});
|
|
5928
5931
|
}
|
|
5929
5932
|
|
|
5930
|
-
const messages$
|
|
5933
|
+
const messages$F = reactIntl.defineMessages({
|
|
5931
5934
|
placeholder: {
|
|
5932
5935
|
id: 'CategoryReferenceSearch.placeholder',
|
|
5933
5936
|
description: 'Placeholder for search for a category',
|
|
@@ -5960,8 +5963,8 @@ const messages$B = reactIntl.defineMessages({
|
|
|
5960
5963
|
}
|
|
5961
5964
|
});
|
|
5962
5965
|
|
|
5963
|
-
function ownKeys$
|
|
5964
|
-
function _objectSpread$
|
|
5966
|
+
function ownKeys$Y(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
5967
|
+
function _objectSpread$Y(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$Y(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$Y(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
5965
5968
|
function Option$1(props) {
|
|
5966
5969
|
var _context, _context2;
|
|
5967
5970
|
const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
|
|
@@ -5973,7 +5976,7 @@ function Option$1(props) {
|
|
|
5973
5976
|
const _useIntl = reactIntl.useIntl(),
|
|
5974
5977
|
formatMessage = _useIntl.formatMessage;
|
|
5975
5978
|
const category = props.data;
|
|
5976
|
-
return jsxRuntime.jsx(uiKit.AsyncSelectInput.Option, _objectSpread$
|
|
5979
|
+
return jsxRuntime.jsx(uiKit.AsyncSelectInput.Option, _objectSpread$Y(_objectSpread$Y({}, props), {}, {
|
|
5977
5980
|
children: jsxRuntime.jsxs("div", {
|
|
5978
5981
|
"data-testid": "category-option",
|
|
5979
5982
|
children: [jsxRuntime.jsx(uiKit.Text.Body, {
|
|
@@ -5984,7 +5987,7 @@ function Option$1(props) {
|
|
|
5984
5987
|
fallbackOrder: languages
|
|
5985
5988
|
})
|
|
5986
5989
|
}), category.parent && jsxRuntime.jsx(uiKit.Text.Detail, {
|
|
5987
|
-
children: _concatInstanceProperty__default["default"](_context = "".concat(formatMessage(messages$
|
|
5990
|
+
children: _concatInstanceProperty__default["default"](_context = "".concat(formatMessage(messages$F.parentCategory), ": ")).call(_context, l10n.formatLocalizedString(category.parent, {
|
|
5988
5991
|
key: 'name',
|
|
5989
5992
|
locale: language,
|
|
5990
5993
|
fallbackOrder: languages
|
|
@@ -5996,14 +5999,14 @@ function Option$1(props) {
|
|
|
5996
5999
|
fallbackOrder: languages
|
|
5997
6000
|
}))
|
|
5998
6001
|
}), category.externalId && jsxRuntime.jsx(uiKit.Text.Detail, {
|
|
5999
|
-
children: _concatInstanceProperty__default["default"](_context2 = "".concat(formatMessage(messages$
|
|
6002
|
+
children: _concatInstanceProperty__default["default"](_context2 = "".concat(formatMessage(messages$F.externalId), ": ")).call(_context2, category.externalId || constants.NO_VALUE_FALLBACK)
|
|
6000
6003
|
})]
|
|
6001
6004
|
})
|
|
6002
6005
|
}));
|
|
6003
6006
|
}
|
|
6004
6007
|
|
|
6005
|
-
function ownKeys$
|
|
6006
|
-
function _objectSpread$
|
|
6008
|
+
function ownKeys$X(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
6009
|
+
function _objectSpread$X(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$X(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$X(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
6007
6010
|
const filterOption$1 = () => true;
|
|
6008
6011
|
function CategoryReferenceSearch(props) {
|
|
6009
6012
|
const _useIntl = reactIntl.useIntl(),
|
|
@@ -6015,7 +6018,7 @@ function CategoryReferenceSearch(props) {
|
|
|
6015
6018
|
})),
|
|
6016
6019
|
language = _useApplicationContex.language,
|
|
6017
6020
|
languages = _useApplicationContex.languages;
|
|
6018
|
-
const mapItemToOption = React.useCallback(category => _objectSpread$
|
|
6021
|
+
const mapItemToOption = React.useCallback(category => _objectSpread$X(_objectSpread$X({}, category), {}, {
|
|
6019
6022
|
value: category.id,
|
|
6020
6023
|
label: l10n.formatLocalizedString(category, {
|
|
6021
6024
|
key: 'name',
|
|
@@ -6033,7 +6036,7 @@ function CategoryReferenceSearch(props) {
|
|
|
6033
6036
|
}), [apolloClient]);
|
|
6034
6037
|
return jsxRuntime.jsx(ReferenceSearch, {
|
|
6035
6038
|
id: props.id,
|
|
6036
|
-
components: _objectSpread$
|
|
6039
|
+
components: _objectSpread$X({
|
|
6037
6040
|
Option: Option$1
|
|
6038
6041
|
}, props.components),
|
|
6039
6042
|
isClearable: props.isClearable,
|
|
@@ -6044,10 +6047,10 @@ function CategoryReferenceSearch(props) {
|
|
|
6044
6047
|
onBlur: props.onBlur,
|
|
6045
6048
|
onChange: props.onChange,
|
|
6046
6049
|
value: props.value,
|
|
6047
|
-
placeholderLabel: formatMessage(messages$
|
|
6048
|
-
searchPromptLabel: formatMessage(messages$
|
|
6049
|
-
noResultsLabel: formatMessage(messages$
|
|
6050
|
-
referenceIsMissingLabel: formatMessage(messages$
|
|
6050
|
+
placeholderLabel: formatMessage(messages$F.placeholder),
|
|
6051
|
+
searchPromptLabel: formatMessage(messages$F.searchPrompt),
|
|
6052
|
+
noResultsLabel: formatMessage(messages$F.noResults),
|
|
6053
|
+
referenceIsMissingLabel: formatMessage(messages$F.isMissing),
|
|
6051
6054
|
mapItemToOption: mapItemToOption,
|
|
6052
6055
|
loadItemsBySearchTerm: loadItemsBySearchTerm,
|
|
6053
6056
|
loadItemsByIds: loadItemsByIds,
|
|
@@ -6123,7 +6126,7 @@ function getCartDiscountById(apolloClient, options) {
|
|
|
6123
6126
|
});
|
|
6124
6127
|
}
|
|
6125
6128
|
|
|
6126
|
-
const messages$
|
|
6129
|
+
const messages$E = reactIntl.defineMessages({
|
|
6127
6130
|
placeholder: {
|
|
6128
6131
|
id: 'CartDiscountReferenceSearch.placeholder',
|
|
6129
6132
|
description: 'Placeholder for search for a cart discount',
|
|
@@ -6151,8 +6154,8 @@ const messages$A = reactIntl.defineMessages({
|
|
|
6151
6154
|
}
|
|
6152
6155
|
});
|
|
6153
6156
|
|
|
6154
|
-
function ownKeys$
|
|
6155
|
-
function _objectSpread$
|
|
6157
|
+
function ownKeys$W(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
6158
|
+
function _objectSpread$W(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$W(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$W(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
6156
6159
|
function Option(props) {
|
|
6157
6160
|
const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
|
|
6158
6161
|
language: applicationContext.dataLocale,
|
|
@@ -6163,7 +6166,7 @@ function Option(props) {
|
|
|
6163
6166
|
const _useIntl = reactIntl.useIntl(),
|
|
6164
6167
|
formatMessage = _useIntl.formatMessage;
|
|
6165
6168
|
const cartDiscount = props.data;
|
|
6166
|
-
return jsxRuntime.jsx(uiKit.AsyncSelectInput.Option, _objectSpread$
|
|
6169
|
+
return jsxRuntime.jsx(uiKit.AsyncSelectInput.Option, _objectSpread$W(_objectSpread$W({}, props), {}, {
|
|
6167
6170
|
children: jsxRuntime.jsxs("div", {
|
|
6168
6171
|
"data-testid": "cart-discount-option",
|
|
6169
6172
|
children: [jsxRuntime.jsx(uiKit.Text.Detail, {
|
|
@@ -6174,14 +6177,14 @@ function Option(props) {
|
|
|
6174
6177
|
fallbackOrder: languages
|
|
6175
6178
|
})
|
|
6176
6179
|
}), jsxRuntime.jsxs(uiKit.Text.Detail, {
|
|
6177
|
-
children: [formatMessage(messages$
|
|
6180
|
+
children: [formatMessage(messages$E.key), ": ", cartDiscount.key || constants.NO_VALUE_FALLBACK]
|
|
6178
6181
|
})]
|
|
6179
6182
|
})
|
|
6180
6183
|
}));
|
|
6181
6184
|
}
|
|
6182
6185
|
|
|
6183
|
-
function ownKeys$
|
|
6184
|
-
function _objectSpread$
|
|
6186
|
+
function ownKeys$V(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
6187
|
+
function _objectSpread$V(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$V(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$V(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
6185
6188
|
var CartDiscountsCount$1 = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "CartDiscountsCount" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "cartDiscounts" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 425, source: { body: "query SearchCartDiscount($where: String) {\n cartDiscounts(limit: 500, where: $where) {\n total\n results {\n id\n key\n nameAllLocales {\n locale\n value\n }\n }\n }\n}\n\nquery CartDiscountsCount {\n cartDiscounts {\n total\n }\n}\n\nquery FetchCartDiscountById($cartDiscountId: String!) {\n cartDiscount(id: $cartDiscountId) {\n id\n nameAllLocales {\n locale\n value\n }\n }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
|
|
6186
6189
|
const returnNullIfEmpty = value => value && value.id === '' ? null : value;
|
|
6187
6190
|
const filterOption = (option, text) => {
|
|
@@ -6207,7 +6210,7 @@ function CartDiscountReferenceSearch(props) {
|
|
|
6207
6210
|
})),
|
|
6208
6211
|
language = _useApplicationContex.language,
|
|
6209
6212
|
languages = _useApplicationContex.languages;
|
|
6210
|
-
const mapItemToOption = React.useCallback(cartDiscount => _objectSpread$
|
|
6213
|
+
const mapItemToOption = React.useCallback(cartDiscount => _objectSpread$V(_objectSpread$V({}, cartDiscount), {}, {
|
|
6211
6214
|
value: cartDiscount.id,
|
|
6212
6215
|
key: cartDiscount.key,
|
|
6213
6216
|
label: l10n.formatLocalizedString(cartDiscount, {
|
|
@@ -6250,10 +6253,10 @@ function CartDiscountReferenceSearch(props) {
|
|
|
6250
6253
|
onBlur: props.onBlur,
|
|
6251
6254
|
onChange: props.onChange,
|
|
6252
6255
|
value: returnNullIfEmpty(props.value),
|
|
6253
|
-
placeholderLabel: formatMessage(messages$
|
|
6254
|
-
searchPromptLabel: formatMessage(messages$
|
|
6255
|
-
noResultsLabel: formatMessage(messages$
|
|
6256
|
-
referenceIsMissingLabel: formatMessage(messages$
|
|
6256
|
+
placeholderLabel: formatMessage(messages$E.placeholder),
|
|
6257
|
+
searchPromptLabel: formatMessage(messages$E.searchPrompt),
|
|
6258
|
+
noResultsLabel: formatMessage(messages$E.noResults),
|
|
6259
|
+
referenceIsMissingLabel: formatMessage(messages$E.isMissing),
|
|
6257
6260
|
mapItemToOption: mapItemToOption,
|
|
6258
6261
|
loadItemsBySearchTerm: loadItemsBySearchTerm,
|
|
6259
6262
|
loadItemsByIds: loadItemsByIds,
|
|
@@ -6314,7 +6317,7 @@ function CustomCartDiscountReferenceInput(props) {
|
|
|
6314
6317
|
});
|
|
6315
6318
|
}
|
|
6316
6319
|
|
|
6317
|
-
var messages$
|
|
6320
|
+
var messages$D = reactIntl.defineMessages({
|
|
6318
6321
|
noProductsFound: {
|
|
6319
6322
|
id: 'Shared.ProductPickerInput.noProductsFound',
|
|
6320
6323
|
description: 'The message to display when no products were found',
|
|
@@ -6438,7 +6441,7 @@ const ProductPickerInput = _ref => {
|
|
|
6438
6441
|
children: jsxRuntime.jsx(uiKit.AsyncSelectInput, {
|
|
6439
6442
|
id: name,
|
|
6440
6443
|
name: name,
|
|
6441
|
-
placeholder: formatMessage(messages$
|
|
6444
|
+
placeholder: formatMessage(messages$D.placeholder),
|
|
6442
6445
|
loadOptions: loadOptionsDebounced,
|
|
6443
6446
|
defaultOptions: [],
|
|
6444
6447
|
isClearable: isClearable,
|
|
@@ -6452,7 +6455,7 @@ const ProductPickerInput = _ref => {
|
|
|
6452
6455
|
onInputChange: handleInputChange,
|
|
6453
6456
|
onBlur: onBlur,
|
|
6454
6457
|
value: currentOption.data,
|
|
6455
|
-
noOptionsMessage: () => isLoadingFailed ? null : formatMessage(messages$
|
|
6458
|
+
noOptionsMessage: () => isLoadingFailed ? null : formatMessage(messages$D.noProductsFound),
|
|
6456
6459
|
hasError: hasError || isLoadingFailed
|
|
6457
6460
|
})
|
|
6458
6461
|
}), isLoadingFailed && showLoadingErrorMessage && jsxRuntime.jsx(uiKit.Text.Body, {
|
|
@@ -6770,8 +6773,8 @@ const SetButtons = props => {
|
|
|
6770
6773
|
};
|
|
6771
6774
|
SetButtons.displayName = 'SetButtons';
|
|
6772
6775
|
|
|
6773
|
-
function ownKeys$
|
|
6774
|
-
function _objectSpread$
|
|
6776
|
+
function ownKeys$U(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
6777
|
+
function _objectSpread$U(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$U(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$U(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
6775
6778
|
const getDuplicateErrors = setValues => {
|
|
6776
6779
|
/* eslint-disable no-plusplus */
|
|
6777
6780
|
const result = [];
|
|
@@ -6828,7 +6831,7 @@ function CustomInputSet(props) {
|
|
|
6828
6831
|
touched = _useFormikContext.touched,
|
|
6829
6832
|
isSubmitting = _useFormikContext.isSubmitting,
|
|
6830
6833
|
dirty = _useFormikContext.dirty;
|
|
6831
|
-
const itemFieldDefintion = _objectSpread$
|
|
6834
|
+
const itemFieldDefintion = _objectSpread$U(_objectSpread$U({}, props.fieldDefinition), {}, {
|
|
6832
6835
|
type: props.fieldDefinition.type.elementType
|
|
6833
6836
|
});
|
|
6834
6837
|
const value = React.useMemo(() => props.value || [undefined], [props.value]);
|
|
@@ -6941,7 +6944,7 @@ function CustomInputSet(props) {
|
|
|
6941
6944
|
}
|
|
6942
6945
|
CustomInputSet.displayName = 'CustomInputSet';
|
|
6943
6946
|
|
|
6944
|
-
var messages$
|
|
6947
|
+
var messages$C = reactIntl.defineMessages({
|
|
6945
6948
|
referencedProductType: {
|
|
6946
6949
|
id: 'NestedAttributes.referencedProductType',
|
|
6947
6950
|
description: 'Product type referenced hint',
|
|
@@ -6949,10 +6952,10 @@ var messages$y = reactIntl.defineMessages({
|
|
|
6949
6952
|
}
|
|
6950
6953
|
});
|
|
6951
6954
|
|
|
6952
|
-
function ownKeys$
|
|
6953
|
-
function _objectSpread$
|
|
6955
|
+
function ownKeys$T(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
6956
|
+
function _objectSpread$T(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$T(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$T(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
6954
6957
|
function ProductTypeReference(props) {
|
|
6955
|
-
const productTypeMessage = _objectSpread$
|
|
6958
|
+
const productTypeMessage = _objectSpread$T(_objectSpread$T({}, messages$C.referencedProductType), {}, {
|
|
6956
6959
|
values: {
|
|
6957
6960
|
productTypeName: props.productType.name
|
|
6958
6961
|
}
|
|
@@ -6963,23 +6966,23 @@ function ProductTypeReference(props) {
|
|
|
6963
6966
|
}
|
|
6964
6967
|
ProductTypeReference.displayName = 'ProductTypeReference';
|
|
6965
6968
|
|
|
6966
|
-
function ownKeys$
|
|
6967
|
-
function _objectSpread$
|
|
6969
|
+
function ownKeys$S(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
6970
|
+
function _objectSpread$S(target) { for (var i = 1; i < arguments.length; i++) { var _context6, _context7; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context6 = ownKeys$S(Object(source), !0)).call(_context6, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context7 = ownKeys$S(Object(source))).call(_context7, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
6968
6971
|
var FetchProductTypeQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchProductTypeQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "id" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "productType" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "id" }, value: { kind: "Variable", name: { kind: "Name", value: "id" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "attributeDefinitions" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "limit" }, value: { kind: "IntValue", value: "100" } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "isRequired" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "inputHint" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "inputTipAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "type" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "SetAttributeDefinitionType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "elementType" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "NestedAttributeDefinitionType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "typeRef" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }] } }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "EnumAttributeDefinitionType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "label" }, arguments: [], directives: [] }] } }] } }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "LocalizableEnumAttributeDefinitionType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }] } }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "ReferenceAttributeDefinitionType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "referenceTypeId" }, arguments: [], directives: [] }] } }] } }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "ReferenceAttributeDefinitionType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "referenceTypeId" }, arguments: [], directives: [] }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "NestedAttributeDefinitionType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "typeRef" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }] } }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "EnumAttributeDefinitionType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "label" }, arguments: [], directives: [] }] } }] } }] } }, { kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "LocalizableEnumAttributeDefinitionType" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "values" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }] } }] } }] } }] } }] } }] } }] } }], loc: { start: 0, end: 1905, source: { body: "query FetchProductTypeQuery($id: String!) {\n productType(id: $id) {\n name\n attributeDefinitions(limit: 100) {\n results {\n name\n isRequired\n inputHint\n inputTipAllLocales {\n value\n locale\n }\n labelAllLocales {\n value\n locale\n }\n type {\n name\n ... on SetAttributeDefinitionType {\n elementType {\n name\n ... on NestedAttributeDefinitionType {\n typeRef {\n id\n }\n }\n ... on EnumAttributeDefinitionType {\n values {\n results {\n key\n label\n }\n }\n }\n ... on LocalizableEnumAttributeDefinitionType {\n values {\n results {\n key\n labelAllLocales {\n locale\n value\n }\n }\n }\n }\n ... on ReferenceAttributeDefinitionType {\n referenceTypeId\n }\n }\n }\n ... on ReferenceAttributeDefinitionType {\n referenceTypeId\n }\n ... on NestedAttributeDefinitionType {\n typeRef {\n id\n }\n }\n ... on EnumAttributeDefinitionType {\n values {\n results {\n key\n label\n }\n }\n }\n ... on LocalizableEnumAttributeDefinitionType {\n values {\n results {\n key\n labelAllLocales {\n locale\n value\n }\n }\n }\n }\n }\n }\n }\n }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
|
|
6969
6972
|
const mapAttributeDefinition = definition => {
|
|
6970
6973
|
var _context, _definition$type, _definition$type$elem, _context2, _context3, _definition$type2, _context4;
|
|
6971
|
-
return _objectSpread$
|
|
6974
|
+
return _objectSpread$S(_objectSpread$S({}, definition), {}, {
|
|
6972
6975
|
required: definition.isRequired,
|
|
6973
6976
|
inputTip: l10n.transformLocalizedFieldToLocalizedString(definition.inputTipAllLocales),
|
|
6974
6977
|
label: l10n.transformLocalizedFieldToLocalizedString(definition.labelAllLocales),
|
|
6975
|
-
type: _includesInstanceProperty__default["default"](_context = ['enum', 'lenum']).call(_context, (_definition$type = definition.type) === null || _definition$type === void 0 ? void 0 : (_definition$type$elem = _definition$type.elementType) === null || _definition$type$elem === void 0 ? void 0 : _definition$type$elem.name) ? _objectSpread$
|
|
6976
|
-
elementType: _objectSpread$
|
|
6978
|
+
type: _includesInstanceProperty__default["default"](_context = ['enum', 'lenum']).call(_context, (_definition$type = definition.type) === null || _definition$type === void 0 ? void 0 : (_definition$type$elem = _definition$type.elementType) === null || _definition$type$elem === void 0 ? void 0 : _definition$type$elem.name) ? _objectSpread$S(_objectSpread$S({}, definition.type), {}, {
|
|
6979
|
+
elementType: _objectSpread$S(_objectSpread$S({}, definition.type.elementType), {}, {
|
|
6977
6980
|
values: _mapInstanceProperty__default["default"](_context2 = _valuesInstanceProperty__default["default"](definition.type.elementType).results).call(_context2, value => ({
|
|
6978
6981
|
key: value.key,
|
|
6979
6982
|
label: value.label || l10n.transformLocalizedFieldToLocalizedString(value.labelAllLocales)
|
|
6980
6983
|
}))
|
|
6981
6984
|
})
|
|
6982
|
-
}) : _includesInstanceProperty__default["default"](_context3 = ['enum', 'lenum']).call(_context3, (_definition$type2 = definition.type) === null || _definition$type2 === void 0 ? void 0 : _definition$type2.name) ? _objectSpread$
|
|
6985
|
+
}) : _includesInstanceProperty__default["default"](_context3 = ['enum', 'lenum']).call(_context3, (_definition$type2 = definition.type) === null || _definition$type2 === void 0 ? void 0 : _definition$type2.name) ? _objectSpread$S(_objectSpread$S({}, definition.type), {}, {
|
|
6983
6986
|
values: _mapInstanceProperty__default["default"](_context4 = _valuesInstanceProperty__default["default"](definition.type).results).call(_context4, value => ({
|
|
6984
6987
|
key: value.key,
|
|
6985
6988
|
label: value.label || l10n.transformLocalizedFieldToLocalizedString(value.labelAllLocales)
|
|
@@ -7055,9 +7058,9 @@ function CustomNestedFieldInput(props) {
|
|
|
7055
7058
|
}
|
|
7056
7059
|
CustomNestedFieldInput.displayName = 'CustomNestedFieldInput';
|
|
7057
7060
|
|
|
7058
|
-
function ownKeys$
|
|
7059
|
-
function _objectSpread$
|
|
7060
|
-
const mergeSetItemsErrors = errors => _reduceInstanceProperty__default["default"](errors).call(errors, (result, itemErrors) => _objectSpread$
|
|
7061
|
+
function ownKeys$R(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
7062
|
+
function _objectSpread$R(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$R(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$R(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
7063
|
+
const mergeSetItemsErrors = errors => _reduceInstanceProperty__default["default"](errors).call(errors, (result, itemErrors) => _objectSpread$R(_objectSpread$R({}, result), itemErrors), {});
|
|
7061
7064
|
|
|
7062
7065
|
// TODO(pa3): worth splitting in two components: one of set errors and one for
|
|
7063
7066
|
// all the other types of fields. So that there will be no isArray check.
|
|
@@ -7068,15 +7071,15 @@ const CustomFieldErrors = props => {
|
|
|
7068
7071
|
const errors = _Array$isArray__default["default"](props.errors) ? mergeSetItemsErrors(props.errors) : props.errors;
|
|
7069
7072
|
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
7070
7073
|
children: [props.isTouched || didFormValidationFail && (errors === null || errors === void 0 ? void 0 : errors.missing) && jsxRuntime.jsx(_.ErrorMessage, {
|
|
7071
|
-
intlMessage: messages$
|
|
7074
|
+
intlMessage: messages$O.required
|
|
7072
7075
|
}), props.isTouched || didFormValidationFail && (errors === null || errors === void 0 ? void 0 : errors.duplicated) && jsxRuntime.jsx(_.ErrorMessage, {
|
|
7073
|
-
intlMessage: messages$
|
|
7076
|
+
intlMessage: messages$O.unique
|
|
7074
7077
|
})]
|
|
7075
7078
|
});
|
|
7076
7079
|
};
|
|
7077
7080
|
CustomFieldErrors.displayName = 'CustomFieldErrors';
|
|
7078
7081
|
|
|
7079
|
-
var messages$
|
|
7082
|
+
var messages$B = reactIntl.defineMessages({
|
|
7080
7083
|
productReferenceLabel: {
|
|
7081
7084
|
id: 'CustomFieldsLabel.productReferenceLabel',
|
|
7082
7085
|
description: 'Label shown above the product picker input.',
|
|
@@ -7109,8 +7112,8 @@ var messages$x = reactIntl.defineMessages({
|
|
|
7109
7112
|
}
|
|
7110
7113
|
});
|
|
7111
7114
|
|
|
7112
|
-
function ownKeys$
|
|
7113
|
-
function _objectSpread$
|
|
7115
|
+
function ownKeys$Q(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
7116
|
+
function _objectSpread$Q(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$Q(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$Q(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
7114
7117
|
var CartDiscountsCount = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "CartDiscountsCount" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "cartDiscounts" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 61, source: { body: "query CartDiscountsCount {\n cartDiscounts {\n total\n }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
|
|
7115
7118
|
const CustomFieldsLabelHint = _ref => {
|
|
7116
7119
|
var _type$name;
|
|
@@ -7142,14 +7145,14 @@ const CustomFieldsLabelHint = _ref => {
|
|
|
7142
7145
|
children: [jsxRuntime.jsx(uiKit.WarningIcon, {
|
|
7143
7146
|
size: "medium",
|
|
7144
7147
|
color: "warning"
|
|
7145
|
-
}), jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$
|
|
7148
|
+
}), jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$Q({}, messages$B.cartDiscountMoreThan500))]
|
|
7146
7149
|
}) : jsxRuntime.jsx(uiKit.Spacings.Inset, {
|
|
7147
7150
|
scale: "xs",
|
|
7148
7151
|
children: jsxRuntime.jsxs(uiKit.Spacings.Inline, {
|
|
7149
7152
|
alignItems: "flex-start",
|
|
7150
7153
|
children: [jsxRuntime.jsx(uiKit.InformationIcon, {
|
|
7151
7154
|
size: "medium"
|
|
7152
|
-
}), jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$
|
|
7155
|
+
}), jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$Q({}, messages$B.cartDiscountMoreThan500))]
|
|
7153
7156
|
})
|
|
7154
7157
|
});
|
|
7155
7158
|
}
|
|
@@ -7164,8 +7167,8 @@ function CustomFieldsProductTypeReferenceSubtitle() {
|
|
|
7164
7167
|
formatMessage = _useIntl.formatMessage;
|
|
7165
7168
|
const _usePimStatus = usePimStatus(),
|
|
7166
7169
|
isProjectIndexed = _usePimStatus.isProjectIndexed;
|
|
7167
|
-
if (isProjectIndexed) return formatMessage(messages$
|
|
7168
|
-
return formatMessage(messages$
|
|
7170
|
+
if (isProjectIndexed) return formatMessage(messages$B.productTypeReferenceLabelI);
|
|
7171
|
+
return formatMessage(messages$B.productTypeReferenceLabel);
|
|
7169
7172
|
}
|
|
7170
7173
|
|
|
7171
7174
|
// TODO(pa3): this logic may be misplaced and probably
|
|
@@ -7181,7 +7184,7 @@ function CustomFieldsLabelSubtitle(_ref2) {
|
|
|
7181
7184
|
const referenceTypeId = type.referenceTypeId;
|
|
7182
7185
|
const referenceTypeName = capitalizeFirst(referenceTypeId);
|
|
7183
7186
|
if (_includesInstanceProperty__default["default"](_context = [SEARCHABLE_REFERENCES.category, SEARCHABLE_REFERENCES.cartDiscount]).call(_context, referenceTypeId)) return referenceTypeName;
|
|
7184
|
-
return referenceTypeId === SEARCHABLE_REFERENCES.product ? formatMessage(messages$
|
|
7187
|
+
return referenceTypeId === SEARCHABLE_REFERENCES.product ? formatMessage(messages$B.productReferenceLabel) : referenceTypeId === SEARCHABLE_REFERENCES.productType ? jsxRuntime.jsx(CustomFieldsProductTypeReferenceSubtitle, {}) : referenceTypeId === SEARCHABLE_REFERENCES.channel ? formatMessage(messages$B.channelReferenceLabel) : referenceTypeId === SEARCHABLE_REFERENCES.state ? formatMessage(messages$B.stateReferenceLabel) : "".concat(referenceTypeName, " ID");
|
|
7185
7188
|
}
|
|
7186
7189
|
const CustomFieldsLabel = /*#__PURE__*/React.memo(_ref3 => {
|
|
7187
7190
|
let name = _ref3.name,
|
|
@@ -7289,8 +7292,8 @@ const ThemedCustomFieldsInternal = props => {
|
|
|
7289
7292
|
};
|
|
7290
7293
|
ThemedCustomFieldsInternal.displayName = 'ThemedCustomFieldsInternal';
|
|
7291
7294
|
|
|
7292
|
-
function ownKeys$
|
|
7293
|
-
function _objectSpread$
|
|
7295
|
+
function ownKeys$P(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
7296
|
+
function _objectSpread$P(target) { for (var i = 1; i < arguments.length; i++) { var _context7, _context8; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context7 = ownKeys$P(Object(source), !0)).call(_context7, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context8 = ownKeys$P(Object(source))).call(_context8, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
7294
7297
|
const getTypeName = type => type.name.toLowerCase();
|
|
7295
7298
|
const findLabel = (enumType, key) => {
|
|
7296
7299
|
var _enumType$values$find, _enumType$values$find2, _context;
|
|
@@ -7339,7 +7342,7 @@ const attributeDefinitionToFieldDefinition = attributeDefinition => ({
|
|
|
7339
7342
|
const nameValuePairsToMap = pairs => _reduceInstanceProperty__default["default"](pairs).call(pairs, (result, _ref2) => {
|
|
7340
7343
|
let name = _ref2.name,
|
|
7341
7344
|
value = _ref2.value;
|
|
7342
|
-
return _objectSpread$
|
|
7345
|
+
return _objectSpread$P(_objectSpread$P({}, result), {}, {
|
|
7343
7346
|
[name]: value
|
|
7344
7347
|
});
|
|
7345
7348
|
}, {});
|
|
@@ -7446,7 +7449,7 @@ const customFieldsMessages = reactIntl.defineMessages({
|
|
|
7446
7449
|
}
|
|
7447
7450
|
});
|
|
7448
7451
|
|
|
7449
|
-
var messages$
|
|
7452
|
+
var messages$A = reactIntl.defineMessages({
|
|
7450
7453
|
updateButton: {
|
|
7451
7454
|
id: 'NestedAttributes.Details.updateButton',
|
|
7452
7455
|
description: 'Update button label',
|
|
@@ -7526,14 +7529,14 @@ var messages$w = reactIntl.defineMessages({
|
|
|
7526
7529
|
|
|
7527
7530
|
const NestingLevelContext = /*#__PURE__*/React.createContext(0);
|
|
7528
7531
|
|
|
7529
|
-
function ownKeys$
|
|
7530
|
-
function _objectSpread$
|
|
7532
|
+
function ownKeys$O(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
7533
|
+
function _objectSpread$O(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$O(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$O(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
7531
7534
|
const EditButton = props => {
|
|
7532
7535
|
const _useIntl = reactIntl.useIntl(),
|
|
7533
7536
|
formatMessage = _useIntl.formatMessage;
|
|
7534
7537
|
return jsxRuntime.jsx(uiKit.Tooltip, {
|
|
7535
7538
|
placement: "top",
|
|
7536
|
-
title: formatMessage(messages$
|
|
7539
|
+
title: formatMessage(messages$A.editTooltip),
|
|
7537
7540
|
children: jsxRuntime.jsx(uiKit.IconButton, {
|
|
7538
7541
|
label: "Edit",
|
|
7539
7542
|
isDisabled: props.isDisabled,
|
|
@@ -7549,12 +7552,12 @@ const DropChangesConfirmation = props => {
|
|
|
7549
7552
|
formatMessage = _useIntl2.formatMessage;
|
|
7550
7553
|
return jsxRuntime.jsx(applicationComponents.ConfirmationDialog, {
|
|
7551
7554
|
isOpen: props.isOpen || false,
|
|
7552
|
-
title: formatMessage(messages$
|
|
7553
|
-
labelPrimary: formatMessage(messages$
|
|
7555
|
+
title: formatMessage(messages$A.confirmationDialogTitle),
|
|
7556
|
+
labelPrimary: formatMessage(messages$A.nestedAttributesConfirmLabel),
|
|
7554
7557
|
onConfirm: props.onConfirm,
|
|
7555
7558
|
onCancel: props.onCancel,
|
|
7556
7559
|
children: jsxRuntime.jsx(uiKit.Text.Body, {
|
|
7557
|
-
intlMessage: messages$
|
|
7560
|
+
intlMessage: messages$A.confirmationDialogBody
|
|
7558
7561
|
})
|
|
7559
7562
|
});
|
|
7560
7563
|
};
|
|
@@ -7583,11 +7586,11 @@ const NestedAttributeModalPage = props => {
|
|
|
7583
7586
|
children: [jsxRuntime.jsx(uiKit.SecondaryButton, {
|
|
7584
7587
|
isDisabled: !formik$1.dirty,
|
|
7585
7588
|
iconLeft: jsxRuntime.jsx(uiKit.RevertIcon, {}),
|
|
7586
|
-
label: formatMessage(messages$
|
|
7589
|
+
label: formatMessage(messages$A.cancelButton),
|
|
7587
7590
|
onClick: formik$1.resetForm
|
|
7588
7591
|
}), jsxRuntime.jsx(applicationComponents.CustomFormModalPage.FormPrimaryButton, {
|
|
7589
7592
|
isDisabled: !formik$1.dirty,
|
|
7590
|
-
label: formatMessage(messages$
|
|
7593
|
+
label: formatMessage(messages$A.updateButton),
|
|
7591
7594
|
onClick: formik$1.handleSubmit
|
|
7592
7595
|
})]
|
|
7593
7596
|
}),
|
|
@@ -7628,7 +7631,7 @@ const NestedInputControls = props => {
|
|
|
7628
7631
|
if (nextNestingLevel >= 6) return jsxRuntime.jsx(MaxNestingLevelReached, {});
|
|
7629
7632
|
const hasAttributes = props.productType.attributeDefinitions.length > 0;
|
|
7630
7633
|
if (!hasAttributes) return jsxRuntime.jsx(uiKit.Text.Body, {
|
|
7631
|
-
intlMessage: messages$
|
|
7634
|
+
intlMessage: messages$A.emptyProductType,
|
|
7632
7635
|
tone: "secondary"
|
|
7633
7636
|
});
|
|
7634
7637
|
return jsxRuntime.jsxs(uiKit.Spacings.Inline, {
|
|
@@ -7678,13 +7681,13 @@ const CustomNestedInput = /*#__PURE__*/React.memo(props => {
|
|
|
7678
7681
|
const valuesAsMap = nameValuePairsToMap(value);
|
|
7679
7682
|
const initialValues = omitUnknownValues(valuesAsMap, attributeDefinitionsAsMap);
|
|
7680
7683
|
const openNestedAttributesForm = () => {
|
|
7681
|
-
if (nestingLevel === 0) parentFormik.setStatus(_objectSpread$
|
|
7684
|
+
if (nestingLevel === 0) parentFormik.setStatus(_objectSpread$O(_objectSpread$O({}, parentFormik.status), {}, {
|
|
7682
7685
|
hideSaveToolbar: true
|
|
7683
7686
|
}));
|
|
7684
7687
|
attributesForm.openModal();
|
|
7685
7688
|
};
|
|
7686
7689
|
const closeNestedAttributesForm = () => {
|
|
7687
|
-
if (nestingLevel === 0) parentFormik.setStatus(_objectSpread$
|
|
7690
|
+
if (nestingLevel === 0) parentFormik.setStatus(_objectSpread$O(_objectSpread$O({}, parentFormik.status), {}, {
|
|
7688
7691
|
hideSaveToolbar: false
|
|
7689
7692
|
}));
|
|
7690
7693
|
attributesForm.closeModal();
|
|
@@ -7704,7 +7707,7 @@ const CustomNestedInput = /*#__PURE__*/React.memo(props => {
|
|
|
7704
7707
|
if (nestingLevel !== 0) parentFormik.submitForm();else showNotification({
|
|
7705
7708
|
kind: 'success',
|
|
7706
7709
|
domain: constants.DOMAINS.SIDE,
|
|
7707
|
-
text: formatMessage(messages$
|
|
7710
|
+
text: formatMessage(messages$A.attributeUpdateSucceeded)
|
|
7708
7711
|
});
|
|
7709
7712
|
setSubmitting(false);
|
|
7710
7713
|
},
|
|
@@ -7929,6 +7932,11 @@ var pickerMessages = reactIntl.defineMessages({
|
|
|
7929
7932
|
id: 'ProductSelectionPicker.productSelectionsSearchSelectPlaceholder',
|
|
7930
7933
|
description: 'Placeholder of the search select field for product selections',
|
|
7931
7934
|
defaultMessage: 'Search for product selections by entering exact key'
|
|
7935
|
+
},
|
|
7936
|
+
asyncSelectDropdownTypeAheadPrompt: {
|
|
7937
|
+
id: 'ProductSelectionPicker.asyncSelectDropdownTypeAheadPrompt',
|
|
7938
|
+
description: 'Message shown telling the user to start typing to load more product selections',
|
|
7939
|
+
defaultMessage: 'Start typing above to load more'
|
|
7932
7940
|
}
|
|
7933
7941
|
});
|
|
7934
7942
|
|
|
@@ -7961,6 +7969,10 @@ function ProductSelectionBasicSelectDropdown(props) {
|
|
|
7961
7969
|
dataLocale = _useApplicationContex.dataLocale;
|
|
7962
7970
|
if (productSelectionsFetcher.isLoading) return jsxRuntime.jsx(CenteredLoadingSpinner, {});
|
|
7963
7971
|
const productSelections = (_productSelectionsFet = (_productSelectionsFet2 = productSelectionsFetcher.productSelections) === null || _productSelectionsFet2 === void 0 ? void 0 : _productSelectionsFet2.results) !== null && _productSelectionsFet !== void 0 ? _productSelectionsFet : [];
|
|
7972
|
+
const filteredProductSelections = _filterInstanceProperty__default["default"](productSelections).call(productSelections, ps => {
|
|
7973
|
+
var _context;
|
|
7974
|
+
return !_includesInstanceProperty__default["default"](_context = props.excludedProductSelectionIds).call(_context, ps.id);
|
|
7975
|
+
});
|
|
7964
7976
|
const onOptionClick = event => {
|
|
7965
7977
|
const productSelectionId = event.target.value;
|
|
7966
7978
|
const currentProductSelection = _findInstanceProperty__default["default"](productSelections).call(productSelections, productSelection => productSelection.id === productSelectionId);
|
|
@@ -7975,12 +7987,18 @@ function ProductSelectionBasicSelectDropdown(props) {
|
|
|
7975
7987
|
isRequired: props.isRequired,
|
|
7976
7988
|
description: props.description,
|
|
7977
7989
|
placeholder: intl.formatMessage(pickerMessages.productSelectionsBasicSelectPlaceholder),
|
|
7978
|
-
options: mapProductSelectionsToOptions$1(
|
|
7990
|
+
options: mapProductSelectionsToOptions$1(filteredProductSelections, dataLocale, projectLanguages),
|
|
7979
7991
|
components: props.components,
|
|
7980
7992
|
onChange: onOptionClick,
|
|
7993
|
+
onBlur: props.onBlur,
|
|
7981
7994
|
isDisabled: props.isDisabled,
|
|
7982
7995
|
isReadOnly: props.isReadOnly,
|
|
7983
7996
|
hasWarning: props.hasWarning,
|
|
7997
|
+
hasError: props.hasError,
|
|
7998
|
+
isClearable: props.isClearable,
|
|
7999
|
+
menuPortalTarget: props.menuPortalTarget,
|
|
8000
|
+
menuPortalZIndex: props.menuPortalZIndex,
|
|
8001
|
+
maxMenuHeight: props.maxMenuHeight,
|
|
7984
8002
|
isSearchable: true
|
|
7985
8003
|
});
|
|
7986
8004
|
}
|
|
@@ -7988,6 +8006,28 @@ function ProductSelectionBasicSelectDropdown(props) {
|
|
|
7988
8006
|
const LOWER_PRODUCT_SELECTIONS_LIMIT = 60;
|
|
7989
8007
|
const UPPER_PRODUCT_SELECTIONS_LIMIT = 500;
|
|
7990
8008
|
|
|
8009
|
+
const getValueFromOptions$3 = _ref => {
|
|
8010
|
+
let currentlySelectedProductSelections = _ref.currentlySelectedProductSelections,
|
|
8011
|
+
allProductSelectionOptions = _ref.allProductSelectionOptions,
|
|
8012
|
+
isMulti = _ref.isMulti;
|
|
8013
|
+
// return value as undefined if no options is yet selected. It is needed for cases where users sets initial values as empty string
|
|
8014
|
+
if (!currentlySelectedProductSelections) {
|
|
8015
|
+
return undefined;
|
|
8016
|
+
}
|
|
8017
|
+
|
|
8018
|
+
// handle async-select-field value transformation
|
|
8019
|
+
if (isMulti) {
|
|
8020
|
+
return _filterInstanceProperty__default["default"](allProductSelectionOptions).call(allProductSelectionOptions, ps => currentlySelectedProductSelections === null || currentlySelectedProductSelections === void 0 ? void 0 : _includesInstanceProperty__default["default"](currentlySelectedProductSelections).call(currentlySelectedProductSelections, ps.value));
|
|
8021
|
+
}
|
|
8022
|
+
|
|
8023
|
+
// in case it is not multiselect, then a single valued async-select-input is being requested and the value should have proper format
|
|
8024
|
+
return _findInstanceProperty__default["default"](allProductSelectionOptions).call(allProductSelectionOptions, ps => currentlySelectedProductSelections === ps.value);
|
|
8025
|
+
};
|
|
8026
|
+
const emptyStoreOption$1 = intl => [{
|
|
8027
|
+
label: intl.formatMessage(pickerMessages.asyncSelectDropdownTypeAheadPrompt),
|
|
8028
|
+
value: undefined,
|
|
8029
|
+
isDisabled: true
|
|
8030
|
+
}];
|
|
7991
8031
|
function ProductSelectionsAsyncSelectDropdown(props) {
|
|
7992
8032
|
var _productSelectionsFet3;
|
|
7993
8033
|
const intl = reactIntl.useIntl();
|
|
@@ -8005,6 +8045,10 @@ function ProductSelectionsAsyncSelectDropdown(props) {
|
|
|
8005
8045
|
var _productSelectionsFet, _productSelectionsFet2;
|
|
8006
8046
|
return (_productSelectionsFet = (_productSelectionsFet2 = productSelectionsFetcher.productSelections) === null || _productSelectionsFet2 === void 0 ? void 0 : _productSelectionsFet2.results) !== null && _productSelectionsFet !== void 0 ? _productSelectionsFet : [];
|
|
8007
8047
|
}, [(_productSelectionsFet3 = productSelectionsFetcher.productSelections) === null || _productSelectionsFet3 === void 0 ? void 0 : _productSelectionsFet3.results]);
|
|
8048
|
+
const filteredProductSelections = _filterInstanceProperty__default["default"](productSelections).call(productSelections, ps => {
|
|
8049
|
+
var _context;
|
|
8050
|
+
return !_includesInstanceProperty__default["default"](_context = props.excludedProductSelectionIds).call(_context, ps.id);
|
|
8051
|
+
});
|
|
8008
8052
|
const onOptionClick = event => {
|
|
8009
8053
|
var _event$target$value;
|
|
8010
8054
|
const productSelectionId = (_event$target$value = event.target.value) === null || _event$target$value === void 0 ? void 0 : _event$target$value.value;
|
|
@@ -8012,7 +8056,7 @@ function ProductSelectionsAsyncSelectDropdown(props) {
|
|
|
8012
8056
|
props.onChange(currentProductSelection);
|
|
8013
8057
|
};
|
|
8014
8058
|
const allProductSelectionOptions = React.useMemo(() => {
|
|
8015
|
-
return _mapInstanceProperty__default["default"](
|
|
8059
|
+
return _mapInstanceProperty__default["default"](filteredProductSelections).call(filteredProductSelections, productSelection => {
|
|
8016
8060
|
const localizedName = l10n.formatLocalizedString(productSelection, {
|
|
8017
8061
|
key: 'name',
|
|
8018
8062
|
locale: dataLocale,
|
|
@@ -8025,17 +8069,26 @@ function ProductSelectionsAsyncSelectDropdown(props) {
|
|
|
8025
8069
|
key: productSelection.key
|
|
8026
8070
|
};
|
|
8027
8071
|
});
|
|
8028
|
-
}, [dataLocale, projectLanguages,
|
|
8072
|
+
}, [dataLocale, projectLanguages, filteredProductSelections]);
|
|
8029
8073
|
const getDefaultOptions = () => {
|
|
8030
|
-
return
|
|
8074
|
+
return [{
|
|
8075
|
+
options: _sliceInstanceProperty__default["default"](allProductSelectionOptions).call(allProductSelectionOptions, 0, LOWER_PRODUCT_SELECTIONS_LIMIT)
|
|
8076
|
+
}, {
|
|
8077
|
+
options: emptyStoreOption$1(intl)
|
|
8078
|
+
}];
|
|
8031
8079
|
};
|
|
8032
8080
|
const handleLoadOptions = async searchTerm => {
|
|
8033
8081
|
const productSelectionOptions = allProductSelectionOptions;
|
|
8034
8082
|
const filteredOptions = _filterInstanceProperty__default["default"](productSelectionOptions).call(productSelectionOptions, productSelection => {
|
|
8035
|
-
var
|
|
8036
|
-
return _includesInstanceProperty__default["default"](
|
|
8083
|
+
var _context2, _context3;
|
|
8084
|
+
return _includesInstanceProperty__default["default"](_context2 = productSelection.label.toLowerCase()).call(_context2, searchTerm.toLowerCase()) || productSelection.key && _includesInstanceProperty__default["default"](_context3 = productSelection.key.toLowerCase()).call(_context3, searchTerm.toLowerCase());
|
|
8037
8085
|
});
|
|
8038
|
-
|
|
8086
|
+
const finalOptions = searchTerm ? _sliceInstanceProperty__default["default"](filteredOptions).call(filteredOptions, 0, LOWER_PRODUCT_SELECTIONS_LIMIT) : _sliceInstanceProperty__default["default"](productSelectionOptions).call(productSelectionOptions, 0, LOWER_PRODUCT_SELECTIONS_LIMIT);
|
|
8087
|
+
return [{
|
|
8088
|
+
options: finalOptions
|
|
8089
|
+
}, {
|
|
8090
|
+
options: emptyStoreOption$1(intl)
|
|
8091
|
+
}];
|
|
8039
8092
|
};
|
|
8040
8093
|
if (productSelectionsFetcher.isLoading) return jsxRuntime.jsx(CenteredLoadingSpinner, {});
|
|
8041
8094
|
return jsxRuntime.jsx(uiKit.AsyncSelectField, {
|
|
@@ -8046,22 +8099,60 @@ function ProductSelectionsAsyncSelectDropdown(props) {
|
|
|
8046
8099
|
isRequired: props.isRequired,
|
|
8047
8100
|
placeholder: intl.formatMessage(pickerMessages.productSelectionsAsyncSelectPlaceholder),
|
|
8048
8101
|
loadOptions: handleLoadOptions,
|
|
8102
|
+
value: getValueFromOptions$3({
|
|
8103
|
+
currentlySelectedProductSelections: props.value,
|
|
8104
|
+
allProductSelectionOptions,
|
|
8105
|
+
isMulti: props.isMulti
|
|
8106
|
+
}),
|
|
8049
8107
|
onChange: onOptionClick,
|
|
8108
|
+
onBlur: props.onBlur,
|
|
8050
8109
|
isDisabled: props.isDisabled,
|
|
8110
|
+
showOptionGroupDivider: true,
|
|
8051
8111
|
isReadOnly: props.isReadOnly,
|
|
8052
8112
|
components: props.components,
|
|
8053
8113
|
defaultOptions: getDefaultOptions(),
|
|
8054
|
-
hasWarning: props.hasWarning
|
|
8114
|
+
hasWarning: props.hasWarning,
|
|
8115
|
+
hasError: props.hasError,
|
|
8116
|
+
isClearable: props.isClearable,
|
|
8117
|
+
menuPortalTarget: props.menuPortalTarget,
|
|
8118
|
+
menuPortalZIndex: props.menuPortalZIndex,
|
|
8119
|
+
maxMenuHeight: props.maxMenuHeight
|
|
8055
8120
|
});
|
|
8056
8121
|
}
|
|
8057
8122
|
|
|
8123
|
+
var ProductSelectionsPickerFetcher$1 = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "ProductSelectionsPickerFetcher" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "productSelections" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "version" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }] } }] } }], loc: { start: 0, end: 212, source: { body: "query ProductSelectionsPickerFetcher($where: String!) {\n productSelections(where: $where) {\n results {\n id\n key\n version\n nameAllLocales {\n locale\n value\n }\n }\n }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
|
|
8124
|
+
const createQueryVariables$7 = (productSelections, predicateField) => {
|
|
8125
|
+
var _context;
|
|
8126
|
+
return {
|
|
8127
|
+
where: _concatInstanceProperty__default["default"](_context = "".concat(predicateField, " in (")).call(_context, _mapInstanceProperty__default["default"](productSelections).call(productSelections, ps => "\"".concat(ps, "\"")).join(', '), ")"),
|
|
8128
|
+
limit: 500
|
|
8129
|
+
};
|
|
8130
|
+
};
|
|
8131
|
+
const useProductSelectionsByFieldFetcher = (productSelections, predicateField) => {
|
|
8132
|
+
var _productSelectionsQue, _productSelectionsQue2;
|
|
8133
|
+
const productSelectionList = _Array$isArray__default["default"](productSelections) ? productSelections : [productSelections];
|
|
8134
|
+
const productSelectionsQuery = react.useQuery(ProductSelectionsPickerFetcher$1, {
|
|
8135
|
+
context: {
|
|
8136
|
+
target: constants.GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM
|
|
8137
|
+
},
|
|
8138
|
+
variables: createQueryVariables$7(productSelectionList, predicateField),
|
|
8139
|
+
skip: productSelectionList.length === 0
|
|
8140
|
+
});
|
|
8141
|
+
return {
|
|
8142
|
+
productSelections: (_productSelectionsQue = (_productSelectionsQue2 = productSelectionsQuery.data) === null || _productSelectionsQue2 === void 0 ? void 0 : _productSelectionsQue2.productSelections.results) !== null && _productSelectionsQue !== void 0 ? _productSelectionsQue : [],
|
|
8143
|
+
isLoading: productSelectionsQuery.loading
|
|
8144
|
+
};
|
|
8145
|
+
};
|
|
8146
|
+
|
|
8058
8147
|
var ProductSelectionsPickerFetcher = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "ProductSelectionsPickerFetcher" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "productSelections" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "version" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }] } }] } }], loc: { start: 0, end: 212, source: { body: "query ProductSelectionsPickerFetcher($where: String!) {\n productSelections(where: $where) {\n results {\n id\n key\n version\n nameAllLocales {\n locale\n value\n }\n }\n }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
|
|
8059
|
-
const mapProductSelectionsToOptions = memoize__default["default"](
|
|
8060
|
-
let
|
|
8061
|
-
|
|
8062
|
-
|
|
8148
|
+
const mapProductSelectionsToOptions = memoize__default["default"](_ref => {
|
|
8149
|
+
let _ref$productSelection = _ref.productSelections,
|
|
8150
|
+
productSelections = _ref$productSelection === void 0 ? [] : _ref$productSelection,
|
|
8151
|
+
dataLocale = _ref.dataLocale,
|
|
8152
|
+
projectLanguages = _ref.projectLanguages,
|
|
8153
|
+
renderSelectInputOptionValuesByField = _ref.renderSelectInputOptionValuesByField;
|
|
8063
8154
|
return _mapInstanceProperty__default["default"](productSelections).call(productSelections, productSelection => ({
|
|
8064
|
-
value: productSelection.id,
|
|
8155
|
+
value: renderSelectInputOptionValuesByField === 'key' ? productSelection.key : productSelection.id,
|
|
8065
8156
|
label: l10n.formatLocalizedString(productSelection, {
|
|
8066
8157
|
key: 'name',
|
|
8067
8158
|
locale: dataLocale,
|
|
@@ -8070,9 +8161,22 @@ const mapProductSelectionsToOptions = memoize__default["default"](function () {
|
|
|
8070
8161
|
key: productSelection.key
|
|
8071
8162
|
}));
|
|
8072
8163
|
});
|
|
8073
|
-
const
|
|
8164
|
+
const getValueFromOptions$2 = _ref2 => {
|
|
8165
|
+
let isMulti = _ref2.isMulti,
|
|
8166
|
+
currentlySelectedProductSelections = _ref2.currentlySelectedProductSelections,
|
|
8167
|
+
productSelectionFieldOptions = _ref2.productSelectionFieldOptions;
|
|
8168
|
+
if (!currentlySelectedProductSelections) {
|
|
8169
|
+
return undefined;
|
|
8170
|
+
}
|
|
8171
|
+
if (isMulti) {
|
|
8172
|
+
return productSelectionFieldOptions;
|
|
8173
|
+
}
|
|
8174
|
+
// if the input is not multiselect, the AsyncSearchSelect is expecting an object rather than array
|
|
8175
|
+
return productSelectionFieldOptions[0];
|
|
8176
|
+
};
|
|
8177
|
+
const createQueryVariables$6 = _ref3 => {
|
|
8074
8178
|
var _context;
|
|
8075
|
-
let searchText =
|
|
8179
|
+
let searchText = _ref3.searchText;
|
|
8076
8180
|
const sanitizedSearchText = sanitize(_trimInstanceProperty__default["default"](searchText).call(searchText, searchText));
|
|
8077
8181
|
const idQuery = isUUID(sanitizedSearchText) && "id = \"".concat(sanitizedSearchText, "\"");
|
|
8078
8182
|
const keyQuery = "key = \"".concat(sanitizedSearchText, "\"");
|
|
@@ -8082,6 +8186,7 @@ const createQueryVariables$6 = _ref => {
|
|
|
8082
8186
|
};
|
|
8083
8187
|
};
|
|
8084
8188
|
function ProductSelectionsSearchSelectDropdown(props) {
|
|
8189
|
+
var _context3;
|
|
8085
8190
|
const intl = reactIntl.useIntl();
|
|
8086
8191
|
const _useState = React.useState([]),
|
|
8087
8192
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -8094,6 +8199,7 @@ function ProductSelectionsSearchSelectDropdown(props) {
|
|
|
8094
8199
|
})),
|
|
8095
8200
|
projectLanguages = _useApplicationContex.projectLanguages,
|
|
8096
8201
|
dataLocale = _useApplicationContex.dataLocale;
|
|
8202
|
+
const productSelectionsByFieldFetcher = useProductSelectionsByFieldFetcher(props.value, props.renderSelectInputOptionValuesByField);
|
|
8097
8203
|
const handleLoadOptions = async searchText => {
|
|
8098
8204
|
var _data$productSelectio, _data$productSelectio2;
|
|
8099
8205
|
const _await$client$query = await client$1.query({
|
|
@@ -8109,8 +8215,17 @@ function ProductSelectionsSearchSelectDropdown(props) {
|
|
|
8109
8215
|
data = _await$client$query.data;
|
|
8110
8216
|
const matchedProductSelections = (_data$productSelectio = data === null || data === void 0 ? void 0 : (_data$productSelectio2 = data.productSelections) === null || _data$productSelectio2 === void 0 ? void 0 : _data$productSelectio2.results) !== null && _data$productSelectio !== void 0 ? _data$productSelectio : [];
|
|
8111
8217
|
const updatedProductSelections = _mapInstanceProperty__default["default"](matchedProductSelections).call(matchedProductSelections, convertProductSelectionFromGraphQl);
|
|
8112
|
-
|
|
8113
|
-
|
|
8218
|
+
const filteredProductSelections = _filterInstanceProperty__default["default"](updatedProductSelections).call(updatedProductSelections, ps => {
|
|
8219
|
+
var _context2;
|
|
8220
|
+
return !_includesInstanceProperty__default["default"](_context2 = props.excludedProductSelectionIds).call(_context2, ps.id);
|
|
8221
|
+
});
|
|
8222
|
+
setProductSelectionResults(filteredProductSelections);
|
|
8223
|
+
return mapProductSelectionsToOptions({
|
|
8224
|
+
productSelections: filteredProductSelections,
|
|
8225
|
+
dataLocale,
|
|
8226
|
+
projectLanguages,
|
|
8227
|
+
renderSelectInputOptionValuesByField: props.renderSelectInputOptionValuesByField
|
|
8228
|
+
});
|
|
8114
8229
|
};
|
|
8115
8230
|
const loadOptionsDebounced = debounce__default["default"](handleLoadOptions, 500);
|
|
8116
8231
|
const onOptionClick = event => {
|
|
@@ -8119,37 +8234,60 @@ function ProductSelectionsSearchSelectDropdown(props) {
|
|
|
8119
8234
|
const currentProductSelection = _findInstanceProperty__default["default"](productionSelectionResults).call(productionSelectionResults, productSelection => productSelection.id === productSelectionId);
|
|
8120
8235
|
props.onChange(currentProductSelection);
|
|
8121
8236
|
};
|
|
8237
|
+
if (productSelectionsByFieldFetcher.isLoading) return jsxRuntime.jsx(CenteredLoadingSpinner, {});
|
|
8122
8238
|
return jsxRuntime.jsx(uiKit.SearchSelectField, {
|
|
8123
8239
|
id: props.id,
|
|
8124
8240
|
name: props.name,
|
|
8125
8241
|
title: props.title,
|
|
8242
|
+
value: getValueFromOptions$2({
|
|
8243
|
+
currentlySelectedProductSelections: props.value,
|
|
8244
|
+
productSelectionFieldOptions: mapProductSelectionsToOptions({
|
|
8245
|
+
productSelections: _mapInstanceProperty__default["default"](_context3 = productSelectionsByFieldFetcher.productSelections).call(_context3, convertProductSelectionFromGraphQl),
|
|
8246
|
+
dataLocale,
|
|
8247
|
+
projectLanguages,
|
|
8248
|
+
renderSelectInputOptionValuesByField: props.renderSelectInputOptionValuesByField
|
|
8249
|
+
}),
|
|
8250
|
+
isMulti: props.isMulti
|
|
8251
|
+
}),
|
|
8126
8252
|
description: props.description,
|
|
8127
8253
|
isRequired: props.isRequired,
|
|
8128
8254
|
placeholder: intl.formatMessage(pickerMessages.productSelectionsSearchSelectPlaceholder),
|
|
8129
8255
|
loadOptions: loadOptionsDebounced,
|
|
8130
8256
|
onChange: onOptionClick,
|
|
8257
|
+
onBlur: props.onBlur,
|
|
8131
8258
|
components: props.components,
|
|
8132
|
-
isDisabled: props.isDisabled,
|
|
8259
|
+
isDisabled: props.isDisabled || productSelectionsByFieldFetcher.isLoading,
|
|
8133
8260
|
isReadOnly: props.isReadOnly,
|
|
8134
|
-
hasWarning: props.hasWarning
|
|
8261
|
+
hasWarning: props.hasWarning,
|
|
8262
|
+
isClearable: props.isClearable,
|
|
8263
|
+
hasError: props.hasError,
|
|
8264
|
+
menuPortalTarget: props.menuPortalTarget,
|
|
8265
|
+
menuPortalZIndex: props.menuPortalZIndex,
|
|
8266
|
+
maxMenuHeight: props.maxMenuHeight
|
|
8135
8267
|
});
|
|
8136
8268
|
}
|
|
8137
8269
|
|
|
8138
|
-
function ownKeys$
|
|
8139
|
-
function _objectSpread$
|
|
8140
|
-
const components = {
|
|
8141
|
-
// eslint-disable-next-line react/display-name
|
|
8142
|
-
Option: optionInnerProps => jsxRuntime.jsx(selectUtils.CustomSelectInputOption, {
|
|
8143
|
-
optionType: "double-property",
|
|
8144
|
-
optionInnerProps: optionInnerProps
|
|
8145
|
-
})
|
|
8146
|
-
};
|
|
8270
|
+
function ownKeys$N(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
8271
|
+
function _objectSpread$N(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$N(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$N(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
8147
8272
|
function ProductSelectionsPicker(props) {
|
|
8148
8273
|
const productSelectionsTotalFetcher = useProductSelectionsTotalFetcher();
|
|
8274
|
+
const components = React.useMemo(() => {
|
|
8275
|
+
return {
|
|
8276
|
+
Option: optionInnerProps => {
|
|
8277
|
+
if (optionInnerProps.isDisabled) {
|
|
8278
|
+
return jsxRuntime.jsx(uiKit.SelectInput.Option, _objectSpread$N({}, optionInnerProps));
|
|
8279
|
+
}
|
|
8280
|
+
return jsxRuntime.jsx(selectUtils.CustomSelectInputOption, {
|
|
8281
|
+
optionType: props.optionType,
|
|
8282
|
+
optionInnerProps: optionInnerProps
|
|
8283
|
+
});
|
|
8284
|
+
}
|
|
8285
|
+
};
|
|
8286
|
+
}, [props.optionType]);
|
|
8149
8287
|
if (productSelectionsTotalFetcher.isLoading) return jsxRuntime.jsx(CenteredLoadingSpinner, {});
|
|
8150
8288
|
const CustomProductSelectionsPicker = productSelectionsTotalFetcher.total <= props.lowerProductSelectionsLimit ? ProductSelectionBasicSelectDropdown : productSelectionsTotalFetcher.total <= props.upperProductSelectionsLimit ? ProductSelectionsAsyncSelectDropdown : ProductSelectionsSearchSelectDropdown;
|
|
8151
8289
|
return jsxRuntime.jsx(uiKit.Spacings.Stack, {
|
|
8152
|
-
children: jsxRuntime.jsx(CustomProductSelectionsPicker, _objectSpread$
|
|
8290
|
+
children: jsxRuntime.jsx(CustomProductSelectionsPicker, _objectSpread$N(_objectSpread$N({}, props), {}, {
|
|
8153
8291
|
components: components
|
|
8154
8292
|
}))
|
|
8155
8293
|
});
|
|
@@ -8161,12 +8299,18 @@ ProductSelectionsPicker.defaultProps = {
|
|
|
8161
8299
|
optionType: 'double-property',
|
|
8162
8300
|
isMulti: false,
|
|
8163
8301
|
isRequired: false,
|
|
8164
|
-
hasWarning: false
|
|
8302
|
+
hasWarning: false,
|
|
8303
|
+
hasError: false,
|
|
8304
|
+
isClearable: false,
|
|
8305
|
+
isReadOnly: false,
|
|
8306
|
+
isDisabled: false,
|
|
8307
|
+
excludedProductSelectionIds: [],
|
|
8308
|
+
title: '' // FieldLabel requires title to have some value
|
|
8165
8309
|
};
|
|
8166
8310
|
|
|
8167
8311
|
const COUNTRIES_ASYNC_LOADING_LIMIT = 60;
|
|
8168
8312
|
|
|
8169
|
-
var messages$
|
|
8313
|
+
var messages$z = reactIntl.defineMessages({
|
|
8170
8314
|
countriesBasicSelectPlaceholder: {
|
|
8171
8315
|
id: 'CountriesPicker.countriesBasicSelectPlaceholder',
|
|
8172
8316
|
description: 'Placeholder of the basic field for countries',
|
|
@@ -8194,7 +8338,7 @@ function CountriesBasicSelectDropdown(props) {
|
|
|
8194
8338
|
value: props.value,
|
|
8195
8339
|
isRequired: props.isRequired,
|
|
8196
8340
|
description: props.description,
|
|
8197
|
-
placeholder: intl.formatMessage(messages$
|
|
8341
|
+
placeholder: intl.formatMessage(messages$z.countriesBasicSelectPlaceholder),
|
|
8198
8342
|
options: props.options,
|
|
8199
8343
|
onChange: props.onChange,
|
|
8200
8344
|
isDisabled: props.isDisabled,
|
|
@@ -8204,10 +8348,10 @@ function CountriesBasicSelectDropdown(props) {
|
|
|
8204
8348
|
});
|
|
8205
8349
|
}
|
|
8206
8350
|
|
|
8207
|
-
function ownKeys$
|
|
8208
|
-
function _objectSpread$
|
|
8351
|
+
function ownKeys$M(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
8352
|
+
function _objectSpread$M(target) { for (var i = 1; i < arguments.length; i++) { var _context4, _context5; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys$M(Object(source), !0)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys$M(Object(source))).call(_context5, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
8209
8353
|
const emptyCountryOption = intl => [{
|
|
8210
|
-
label: intl.formatMessage(messages$
|
|
8354
|
+
label: intl.formatMessage(messages$z.countriesAsyncSelectDropdownTypeAheadPrompt),
|
|
8211
8355
|
value: undefined,
|
|
8212
8356
|
isDisabled: true
|
|
8213
8357
|
}];
|
|
@@ -8232,7 +8376,7 @@ function CountriesAsyncSelectDropdown(props) {
|
|
|
8232
8376
|
const onOptionChange = event => {
|
|
8233
8377
|
const countries = event.target.value;
|
|
8234
8378
|
props.onChange({
|
|
8235
|
-
target: _objectSpread$
|
|
8379
|
+
target: _objectSpread$M(_objectSpread$M({}, event.target), {}, {
|
|
8236
8380
|
value: _mapInstanceProperty__default["default"](countries).call(countries, country => {
|
|
8237
8381
|
var _country$value;
|
|
8238
8382
|
return (_country$value = country === null || country === void 0 ? void 0 : country.value) !== null && _country$value !== void 0 ? _country$value : country;
|
|
@@ -8253,7 +8397,7 @@ function CountriesAsyncSelectDropdown(props) {
|
|
|
8253
8397
|
var _context3;
|
|
8254
8398
|
return _findInstanceProperty__default["default"](_context3 = props.options).call(_context3, country => country.value === countryCode);
|
|
8255
8399
|
}),
|
|
8256
|
-
placeholder: intl.formatMessage(messages$
|
|
8400
|
+
placeholder: intl.formatMessage(messages$z.countriesAsyncSelectPlaceholder),
|
|
8257
8401
|
loadOptions: handleLoadOptions,
|
|
8258
8402
|
onChange: onOptionChange,
|
|
8259
8403
|
isDisabled: props.isDisabled,
|
|
@@ -8263,13 +8407,13 @@ function CountriesAsyncSelectDropdown(props) {
|
|
|
8263
8407
|
});
|
|
8264
8408
|
}
|
|
8265
8409
|
|
|
8266
|
-
function ownKeys$
|
|
8267
|
-
function _objectSpread$
|
|
8410
|
+
function ownKeys$L(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
8411
|
+
function _objectSpread$L(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$L(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$L(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
8268
8412
|
function CountriesPicker(props) {
|
|
8269
8413
|
var _props$options;
|
|
8270
8414
|
const CustomCountriesPicker = ((_props$options = props.options) === null || _props$options === void 0 ? void 0 : _props$options.length) <= props.countriesAsyncLoadingLimit ? CountriesBasicSelectDropdown : CountriesAsyncSelectDropdown;
|
|
8271
8415
|
return jsxRuntime.jsx(uiKit.Spacings.Stack, {
|
|
8272
|
-
children: jsxRuntime.jsx(CustomCountriesPicker, _objectSpread$
|
|
8416
|
+
children: jsxRuntime.jsx(CustomCountriesPicker, _objectSpread$L({}, props))
|
|
8273
8417
|
});
|
|
8274
8418
|
}
|
|
8275
8419
|
CountriesPicker.defaultProps = {
|
|
@@ -8279,7 +8423,7 @@ CountriesPicker.defaultProps = {
|
|
|
8279
8423
|
hasWarning: false
|
|
8280
8424
|
};
|
|
8281
8425
|
|
|
8282
|
-
var messages$
|
|
8426
|
+
var messages$y = reactIntl.defineMessages({
|
|
8283
8427
|
noCustomerGroupsFound: {
|
|
8284
8428
|
id: 'Prices.CustomerGroupPickerInput.noCustomerGroupsFound',
|
|
8285
8429
|
description: 'The message to display when no customer groups were found',
|
|
@@ -8404,7 +8548,7 @@ const CustomerGroupPickerInput = _ref => {
|
|
|
8404
8548
|
if (isCurrentOptionLoadingFailed) onError(currentOption.error);
|
|
8405
8549
|
}, [isCurrentOptionLoadingFailed, onError, currentOption]);
|
|
8406
8550
|
const isLoadingFailed = isCurrentOptionLoadingFailed || Boolean(loadingError);
|
|
8407
|
-
const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$
|
|
8551
|
+
const handleNoOptions = React.useCallback(() => loadingError ? null : formatMessage(messages$y.noCustomerGroupsFound), [loadingError, formatMessage]);
|
|
8408
8552
|
const tooltipTitle = (_currentOption$data$l = currentOption === null || currentOption === void 0 ? void 0 : (_currentOption$data = currentOption.data) === null || _currentOption$data === void 0 ? void 0 : _currentOption$data.label) !== null && _currentOption$data$l !== void 0 ? _currentOption$data$l : '';
|
|
8409
8553
|
return jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
|
|
8410
8554
|
max: "scale",
|
|
@@ -8415,7 +8559,7 @@ const CustomerGroupPickerInput = _ref => {
|
|
|
8415
8559
|
children: jsxRuntime.jsx(uiKit.AsyncSelectInput, {
|
|
8416
8560
|
id: name,
|
|
8417
8561
|
name: name,
|
|
8418
|
-
placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : formatMessage(messages$
|
|
8562
|
+
placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : formatMessage(messages$y.placeholder),
|
|
8419
8563
|
loadOptions: loadOptionsDebounced,
|
|
8420
8564
|
defaultOptions: true,
|
|
8421
8565
|
showOptionGroupDivider: true,
|
|
@@ -8485,7 +8629,7 @@ const getFirst60Options$1 = (storesOptions, currentValues) => {
|
|
|
8485
8629
|
return _sliceInstanceProperty__default["default"](storesOptions).call(storesOptions, 0, LOWER_STORES_LIMIT + currentValuesLength);
|
|
8486
8630
|
};
|
|
8487
8631
|
|
|
8488
|
-
var messages$
|
|
8632
|
+
var messages$x = reactIntl.defineMessages({
|
|
8489
8633
|
basicSelectInputPlaceholder: {
|
|
8490
8634
|
id: 'Shared.StoreSelectInput.basicSelectInputPlaceholder',
|
|
8491
8635
|
description: 'The placeholder shown for basic select input',
|
|
@@ -8518,8 +8662,8 @@ var messages$t = reactIntl.defineMessages({
|
|
|
8518
8662
|
}
|
|
8519
8663
|
});
|
|
8520
8664
|
|
|
8521
|
-
function ownKeys$
|
|
8522
|
-
function _objectSpread$
|
|
8665
|
+
function ownKeys$K(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
8666
|
+
function _objectSpread$K(target) { for (var i = 1; i < arguments.length; i++) { var _context5, _context6; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context5 = ownKeys$K(Object(source), !0)).call(_context5, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context6 = ownKeys$K(Object(source))).call(_context6, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
8523
8667
|
const hasErrors$5 = errors => {
|
|
8524
8668
|
var _context;
|
|
8525
8669
|
return errors && _someInstanceProperty__default["default"](_context = _Object$values__default["default"](errors)).call(_context, Boolean);
|
|
@@ -8544,7 +8688,7 @@ const getValueFromOptions$1 = _ref => {
|
|
|
8544
8688
|
return _findInstanceProperty__default["default"](mappedStoresListOptions).call(mappedStoresListOptions, store => currentlySelectedStores === store.value);
|
|
8545
8689
|
};
|
|
8546
8690
|
const emptyStoreOption = intl => [{
|
|
8547
|
-
label: intl.formatMessage(messages$
|
|
8691
|
+
label: intl.formatMessage(messages$x.asyncSelectDropdownTypeAheadPrompt),
|
|
8548
8692
|
value: undefined,
|
|
8549
8693
|
isDisabled: true
|
|
8550
8694
|
}];
|
|
@@ -8591,10 +8735,10 @@ const StoresAsyncSelectInput = props => {
|
|
|
8591
8735
|
};
|
|
8592
8736
|
if (storesListFetcher.isLoading) return jsxRuntime.jsx(CenteredLoadingSpinner, {});
|
|
8593
8737
|
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
8594
|
-
children: [jsxRuntime.jsx(uiKit.AsyncSelectInput, _objectSpread$
|
|
8738
|
+
children: [jsxRuntime.jsx(uiKit.AsyncSelectInput, _objectSpread$K(_objectSpread$K({
|
|
8595
8739
|
id: props.id,
|
|
8596
8740
|
name: props.name,
|
|
8597
|
-
placeholder: intl.formatMessage(messages$
|
|
8741
|
+
placeholder: intl.formatMessage(messages$x.basicSelectInputPlaceholder),
|
|
8598
8742
|
horizontalConstraint: props.horizontalConstraint,
|
|
8599
8743
|
loadOptions: handleLoadOptions,
|
|
8600
8744
|
defaultOptions: true,
|
|
@@ -8633,8 +8777,8 @@ StoresAsyncSelectInput.defaultProps = {
|
|
|
8633
8777
|
shouldFetchProductSelections: false
|
|
8634
8778
|
};
|
|
8635
8779
|
|
|
8636
|
-
function ownKeys$
|
|
8637
|
-
function _objectSpread$
|
|
8780
|
+
function ownKeys$J(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
8781
|
+
function _objectSpread$J(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$J(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$J(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
8638
8782
|
const hasErrors$4 = errors => {
|
|
8639
8783
|
var _context;
|
|
8640
8784
|
return errors && _someInstanceProperty__default["default"](_context = _Object$values__default["default"](errors)).call(_context, Boolean);
|
|
@@ -8682,10 +8826,10 @@ const StoresBasicSelectInput = props => {
|
|
|
8682
8826
|
};
|
|
8683
8827
|
if (storesListFetcher.isLoading) return jsxRuntime.jsx(CenteredLoadingSpinner, {});
|
|
8684
8828
|
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
8685
|
-
children: [jsxRuntime.jsx(uiKit.SelectInput, _objectSpread$
|
|
8829
|
+
children: [jsxRuntime.jsx(uiKit.SelectInput, _objectSpread$J(_objectSpread$J({
|
|
8686
8830
|
id: props.id,
|
|
8687
8831
|
name: props.name,
|
|
8688
|
-
placeholder: intl.formatMessage(messages$
|
|
8832
|
+
placeholder: intl.formatMessage(messages$x.basicSelectInputPlaceholder),
|
|
8689
8833
|
horizontalConstraint: props.horizontalConstraint,
|
|
8690
8834
|
options: mappedStoresListOptions,
|
|
8691
8835
|
isMulti: props.isMulti,
|
|
@@ -8777,8 +8921,8 @@ const useStoresByFieldFetcher = function (stores, predicateField, projectKey) {
|
|
|
8777
8921
|
};
|
|
8778
8922
|
};
|
|
8779
8923
|
|
|
8780
|
-
function ownKeys$
|
|
8781
|
-
function _objectSpread$
|
|
8924
|
+
function ownKeys$I(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
8925
|
+
function _objectSpread$I(target) { for (var i = 1; i < arguments.length; i++) { var _context6, _context7; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context6 = ownKeys$I(Object(source), !0)).call(_context6, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context7 = ownKeys$I(Object(source))).call(_context7, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
8782
8926
|
var FetchStoresByWherePredicate = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchStoresByWherePredicate" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "skipFetchingStores" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "excludeProductSelections" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", alias: { kind: "Name", value: "storesByWherePredicate" }, name: { kind: "Name", value: "stores" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "skipFetchingStores" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "productSelections" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "excludeProductSelections" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "active" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "productSelection" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }] } }] } }] } }] } }], loc: { start: 0, end: 525, source: { body: "query FetchStoresByWherePredicate(\n $where: String!\n $skipFetchingStores: Boolean!\n $excludeProductSelections: Boolean!\n) {\n storesByWherePredicate: stores(where: $where) @skip(if: $skipFetchingStores) {\n results {\n id\n key\n nameAllLocales {\n locale\n value\n }\n productSelections @skip(if: $excludeProductSelections) {\n active\n productSelection {\n id\n nameAllLocales {\n locale\n value\n }\n }\n }\n }\n }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
|
|
8783
8927
|
const hasErrors$3 = errors => {
|
|
8784
8928
|
var _context;
|
|
@@ -8880,10 +9024,10 @@ const StoresSearchSelectInput = props => {
|
|
|
8880
9024
|
const loadOptionsDebounced = debounce__default["default"](handleLoadOptions, 500);
|
|
8881
9025
|
if (storesByFieldFetcher.isLoading) return jsxRuntime.jsx(CenteredLoadingSpinner, {});
|
|
8882
9026
|
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
8883
|
-
children: [jsxRuntime.jsx(uiKit.SearchSelectInput, _objectSpread$
|
|
9027
|
+
children: [jsxRuntime.jsx(uiKit.SearchSelectInput, _objectSpread$I(_objectSpread$I({
|
|
8884
9028
|
id: props.id,
|
|
8885
9029
|
name: props.name,
|
|
8886
|
-
placeholder: intl.formatMessage(messages$
|
|
9030
|
+
placeholder: intl.formatMessage(messages$x.searchSelectInputPlaceholder),
|
|
8887
9031
|
horizontalConstraint: props.horizontalConstraint,
|
|
8888
9032
|
loadOptions: loadOptionsDebounced,
|
|
8889
9033
|
defaultOptions: false,
|
|
@@ -8897,8 +9041,8 @@ const StoresSearchSelectInput = props => {
|
|
|
8897
9041
|
}),
|
|
8898
9042
|
onChange: props.onChange,
|
|
8899
9043
|
onBlur: props.onBlur,
|
|
8900
|
-
loadingMessage: intl.formatMessage(messages$
|
|
8901
|
-
noOptionsMessage: () => intl.formatMessage(messages$
|
|
9044
|
+
loadingMessage: intl.formatMessage(messages$x.searchSelectInputLoadingMessage),
|
|
9045
|
+
noOptionsMessage: () => intl.formatMessage(messages$x.searchSelectInputNoOptionsFoundMessage),
|
|
8902
9046
|
isDisabled: props.isDisabled || storesByFieldFetcher.isLoading,
|
|
8903
9047
|
isReadOnly: props.isReadOnly,
|
|
8904
9048
|
isClearable: props.isClearable,
|
|
@@ -8925,8 +9069,8 @@ StoresSearchSelectInput.defaultProps = {
|
|
|
8925
9069
|
shouldFetchProductSelections: false
|
|
8926
9070
|
};
|
|
8927
9071
|
|
|
8928
|
-
function ownKeys$
|
|
8929
|
-
function _objectSpread$
|
|
9072
|
+
function ownKeys$H(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
9073
|
+
function _objectSpread$H(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$H(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$H(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
8930
9074
|
const StoreSelectInput = props => {
|
|
8931
9075
|
const totalNumberOfStoresFetcher = useTotalNumberOfStoresFetcher(props.projectKey);
|
|
8932
9076
|
const components = React.useMemo(() => {
|
|
@@ -8934,7 +9078,7 @@ const StoreSelectInput = props => {
|
|
|
8934
9078
|
// eslint-disable-next-line react/display-name
|
|
8935
9079
|
Option: optionInnerProps => {
|
|
8936
9080
|
if (optionInnerProps.isDisabled) {
|
|
8937
|
-
return jsxRuntime.jsx(uiKit.SelectInput.Option, _objectSpread$
|
|
9081
|
+
return jsxRuntime.jsx(uiKit.SelectInput.Option, _objectSpread$H({}, optionInnerProps));
|
|
8938
9082
|
}
|
|
8939
9083
|
return jsxRuntime.jsx(selectUtils.CustomSelectInputOption, {
|
|
8940
9084
|
optionType: props.optionType,
|
|
@@ -8945,7 +9089,7 @@ const StoreSelectInput = props => {
|
|
|
8945
9089
|
}, [props.optionType]);
|
|
8946
9090
|
if (totalNumberOfStoresFetcher.isLoading) return jsxRuntime.jsx(CenteredLoadingSpinner, {});
|
|
8947
9091
|
const CustomStoreSelectInput = totalNumberOfStoresFetcher.total <= props.lowerStoresLimit ? StoresBasicSelectInput : totalNumberOfStoresFetcher.total <= props.upperStoresLimit ? StoresAsyncSelectInput : StoresSearchSelectInput;
|
|
8948
|
-
return jsxRuntime.jsx(CustomStoreSelectInput, _objectSpread$
|
|
9092
|
+
return jsxRuntime.jsx(CustomStoreSelectInput, _objectSpread$H(_objectSpread$H({
|
|
8949
9093
|
projectKey: props.projectKey,
|
|
8950
9094
|
id: props.id,
|
|
8951
9095
|
name: props.name,
|
|
@@ -8984,12 +9128,12 @@ StoreSelectInput.defaultProps = {
|
|
|
8984
9128
|
shouldFetchProductSelections: false
|
|
8985
9129
|
};
|
|
8986
9130
|
|
|
8987
|
-
function ownKeys$
|
|
8988
|
-
function _objectSpread$
|
|
9131
|
+
function ownKeys$G(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
9132
|
+
function _objectSpread$G(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$G(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$G(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
8989
9133
|
var FetchBusinessUnitsListQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchBusinessUnitsListQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "limit" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "offset" } }, type: { kind: "NamedType", name: { kind: "Name", value: "Int" } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "sort" } }, type: { kind: "ListType", type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "businessUnits" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "limit" }, value: { kind: "Variable", name: { kind: "Name", value: "limit" } } }, { kind: "Argument", name: { kind: "Name", value: "offset" }, value: { kind: "Variable", name: { kind: "Name", value: "offset" } } }, { kind: "Argument", name: { kind: "Name", value: "sort" }, value: { kind: "Variable", name: { kind: "Name", value: "sort" } } }, { kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "count" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "offset" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "FragmentSpread", name: { kind: "Name", value: "BusinessUnitBasicInfo" }, directives: [] }] } }] } }] } }, { kind: "FragmentDefinition", name: { kind: "Name", value: "BusinessUnitBasicInfo" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "BusinessUnit" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }] } }], loc: { start: 0, end: 340, source: { body: "query FetchBusinessUnitsListQuery(\n $limit: Int\n $offset: Int\n $sort: [String!]\n $where: String\n) {\n businessUnits(limit: $limit, offset: $offset, sort: $sort, where: $where) {\n total\n count\n offset\n results {\n ...BusinessUnitBasicInfo\n }\n }\n}\n\nfragment BusinessUnitBasicInfo on BusinessUnit {\n id\n key\n name\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
|
|
8990
9134
|
const createQueryVariables$3 = ownProps => {
|
|
8991
9135
|
var _context;
|
|
8992
|
-
return _objectSpread$
|
|
9136
|
+
return _objectSpread$G(_objectSpread$G({
|
|
8993
9137
|
limit: ownProps.limit,
|
|
8994
9138
|
offset: ownProps.offset,
|
|
8995
9139
|
sort: _sortInstanceProperty__default["default"](ownProps)
|
|
@@ -9062,7 +9206,7 @@ const getFirst60Options = (businessUnitOptions, currentValues) => {
|
|
|
9062
9206
|
return _sliceInstanceProperty__default["default"](businessUnitOptions).call(businessUnitOptions, 0, LOWER_BUSINESS_UNITS_LIMIT + currentValuesLength);
|
|
9063
9207
|
};
|
|
9064
9208
|
|
|
9065
|
-
var messages$
|
|
9209
|
+
var messages$w = reactIntl.defineMessages({
|
|
9066
9210
|
asyncSelectInputPlaceholder: {
|
|
9067
9211
|
id: 'Shared.BusinessUnitSelectInput.asyncSelectInputPlaceholder',
|
|
9068
9212
|
description: 'The placeholder shown for async select input',
|
|
@@ -9090,8 +9234,8 @@ var messages$s = reactIntl.defineMessages({
|
|
|
9090
9234
|
}
|
|
9091
9235
|
});
|
|
9092
9236
|
|
|
9093
|
-
function ownKeys$
|
|
9094
|
-
function _objectSpread$
|
|
9237
|
+
function ownKeys$F(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
9238
|
+
function _objectSpread$F(target) { for (var i = 1; i < arguments.length; i++) { var _context4, _context5; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys$F(Object(source), !0)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys$F(Object(source))).call(_context5, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
9095
9239
|
const hasErrors$2 = errors => {
|
|
9096
9240
|
var _context;
|
|
9097
9241
|
return errors && _someInstanceProperty__default["default"](_context = _Object$values__default["default"](errors)).call(_context, Boolean);
|
|
@@ -9133,10 +9277,10 @@ const BusinessUnitAsyncSelectInput = props => {
|
|
|
9133
9277
|
};
|
|
9134
9278
|
if (businessUnitsListFetcher.isLoading) return jsxRuntime.jsx(CenteredLoadingSpinner, {});
|
|
9135
9279
|
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
9136
|
-
children: [jsxRuntime.jsx(uiKit.AsyncSelectInput, _objectSpread$
|
|
9280
|
+
children: [jsxRuntime.jsx(uiKit.AsyncSelectInput, _objectSpread$F(_objectSpread$F({
|
|
9137
9281
|
id: props.id,
|
|
9138
9282
|
name: props.name,
|
|
9139
|
-
placeholder: props.placeholder || intl.formatMessage(messages$
|
|
9283
|
+
placeholder: props.placeholder || intl.formatMessage(messages$w.asyncSelectInputPlaceholder),
|
|
9140
9284
|
horizontalConstraint: props.horizontalConstraint,
|
|
9141
9285
|
loadOptions: handleLoadOptions,
|
|
9142
9286
|
defaultOptions: getDefaultOptions(),
|
|
@@ -9169,8 +9313,8 @@ BusinessUnitAsyncSelectInput.defaultProps = {
|
|
|
9169
9313
|
shouldFetchProductSelections: false
|
|
9170
9314
|
};
|
|
9171
9315
|
|
|
9172
|
-
function ownKeys$
|
|
9173
|
-
function _objectSpread$
|
|
9316
|
+
function ownKeys$E(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
9317
|
+
function _objectSpread$E(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$E(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$E(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
9174
9318
|
const hasErrors$1 = errors => {
|
|
9175
9319
|
var _context;
|
|
9176
9320
|
return errors && _someInstanceProperty__default["default"](_context = _Object$values__default["default"](errors)).call(_context, Boolean);
|
|
@@ -9197,10 +9341,10 @@ const BusinessUnitBasicSelectInput = props => {
|
|
|
9197
9341
|
};
|
|
9198
9342
|
if (businessUnitsListFetcher.isLoading) return jsxRuntime.jsx(CenteredLoadingSpinner, {});
|
|
9199
9343
|
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
9200
|
-
children: [jsxRuntime.jsx(uiKit.SelectInput, _objectSpread$
|
|
9344
|
+
children: [jsxRuntime.jsx(uiKit.SelectInput, _objectSpread$E(_objectSpread$E({
|
|
9201
9345
|
id: props.id,
|
|
9202
9346
|
name: props.name,
|
|
9203
|
-
placeholder: props.placeholder || intl.formatMessage(messages$
|
|
9347
|
+
placeholder: props.placeholder || intl.formatMessage(messages$w.basicSelectInputPlaceholder),
|
|
9204
9348
|
horizontalConstraint: props.horizontalConstraint,
|
|
9205
9349
|
options: mappedBusinessUnitsOptions,
|
|
9206
9350
|
value: (_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.value,
|
|
@@ -9284,8 +9428,8 @@ const handlers$1 = {
|
|
|
9284
9428
|
}
|
|
9285
9429
|
};
|
|
9286
9430
|
|
|
9287
|
-
function ownKeys$
|
|
9288
|
-
function _objectSpread$
|
|
9431
|
+
function ownKeys$D(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
9432
|
+
function _objectSpread$D(target) { for (var i = 1; i < arguments.length; i++) { var _context4, _context5; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys$D(Object(source), !0)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys$D(Object(source))).call(_context5, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
9289
9433
|
var FetchBusinessUnitsByWherePredicate = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchBusinessUnitsByWherePredicate" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "where" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", alias: { kind: "Name", value: "businessUnitsByWherePredicate" }, name: { kind: "Name", value: "businessUnits" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "Variable", name: { kind: "Name", value: "where" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }] } }] } }] } }], loc: { start: 0, end: 180, source: { body: "query FetchBusinessUnitsByWherePredicate($where: String!) {\n businessUnitsByWherePredicate: businessUnits(where: $where) {\n results {\n id\n key\n name\n }\n }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
|
|
9290
9434
|
const hasErrors = errors => {
|
|
9291
9435
|
var _context;
|
|
@@ -9334,18 +9478,18 @@ const BusinessUnitSearchSelectInput = props => {
|
|
|
9334
9478
|
const loadOptionsDebounced = debounce__default["default"](handleLoadOptions, 500);
|
|
9335
9479
|
if (businessUnitsByFieldFetcher.isLoading) return jsxRuntime.jsx(CenteredLoadingSpinner, {});
|
|
9336
9480
|
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
9337
|
-
children: [jsxRuntime.jsx(uiKit.SearchSelectInput, _objectSpread$
|
|
9481
|
+
children: [jsxRuntime.jsx(uiKit.SearchSelectInput, _objectSpread$D(_objectSpread$D({
|
|
9338
9482
|
id: props.id,
|
|
9339
9483
|
name: props.name,
|
|
9340
|
-
placeholder: props.placeholder || intl.formatMessage(messages$
|
|
9484
|
+
placeholder: props.placeholder || intl.formatMessage(messages$w.searchSelectInputPlaceholder),
|
|
9341
9485
|
horizontalConstraint: props.horizontalConstraint,
|
|
9342
9486
|
loadOptions: loadOptionsDebounced,
|
|
9343
9487
|
defaultOptions: false,
|
|
9344
9488
|
value: props.value,
|
|
9345
9489
|
onChange: handleChange,
|
|
9346
9490
|
onBlur: props.onBlur,
|
|
9347
|
-
loadingMessage: intl.formatMessage(messages$
|
|
9348
|
-
noOptionsMessage: () => intl.formatMessage(messages$
|
|
9491
|
+
loadingMessage: intl.formatMessage(messages$w.searchSelectInputLoadingMessage),
|
|
9492
|
+
noOptionsMessage: () => intl.formatMessage(messages$w.searchSelectInputNoOptionsFoundMessage),
|
|
9349
9493
|
isDisabled: props.isDisabled || businessUnitsByFieldFetcher.isLoading,
|
|
9350
9494
|
isReadOnly: props.isReadOnly,
|
|
9351
9495
|
isClearable: props.isClearable,
|
|
@@ -9372,8 +9516,8 @@ BusinessUnitSearchSelectInput.defaultProps = {
|
|
|
9372
9516
|
shouldFetchProductSelections: false
|
|
9373
9517
|
};
|
|
9374
9518
|
|
|
9375
|
-
function ownKeys$
|
|
9376
|
-
function _objectSpread$
|
|
9519
|
+
function ownKeys$C(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
9520
|
+
function _objectSpread$C(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$C(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$C(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
9377
9521
|
const BusinessUnitSelectInput = props => {
|
|
9378
9522
|
const totalNumberOfBusinessUnitsFetcher = useTotalNumberOfBusinessUnitsFetcher();
|
|
9379
9523
|
const components = React.useMemo(() => {
|
|
@@ -9381,7 +9525,7 @@ const BusinessUnitSelectInput = props => {
|
|
|
9381
9525
|
// eslint-disable-next-line react/display-name
|
|
9382
9526
|
Option: optionInnerProps => {
|
|
9383
9527
|
if (optionInnerProps.isDisabled) {
|
|
9384
|
-
return jsxRuntime.jsx(uiKit.SelectInput.Option, _objectSpread$
|
|
9528
|
+
return jsxRuntime.jsx(uiKit.SelectInput.Option, _objectSpread$C({}, optionInnerProps));
|
|
9385
9529
|
}
|
|
9386
9530
|
return jsxRuntime.jsx(selectUtils.CustomSelectInputOption, {
|
|
9387
9531
|
optionType: props.optionType,
|
|
@@ -9392,7 +9536,7 @@ const BusinessUnitSelectInput = props => {
|
|
|
9392
9536
|
}, [props.optionType]);
|
|
9393
9537
|
if (totalNumberOfBusinessUnitsFetcher.isLoading) return jsxRuntime.jsx(CenteredLoadingSpinner, {});
|
|
9394
9538
|
const CustomSelectInput = totalNumberOfBusinessUnitsFetcher.total <= props.lowerBusinessUnitsLimit ? BusinessUnitBasicSelectInput : totalNumberOfBusinessUnitsFetcher.total <= props.upperBusinessUnitsLimit ? BusinessUnitAsyncSelectInput : BusinessUnitSearchSelectInput;
|
|
9395
|
-
return jsxRuntime.jsx(CustomSelectInput, _objectSpread$
|
|
9539
|
+
return jsxRuntime.jsx(CustomSelectInput, _objectSpread$C(_objectSpread$C({
|
|
9396
9540
|
id: props.id,
|
|
9397
9541
|
name: props.name,
|
|
9398
9542
|
components: components,
|
|
@@ -9433,7 +9577,7 @@ BusinessUnitSelectInput.defaultProps = {
|
|
|
9433
9577
|
// https://github.com/sphereio/sphere-backend/blob/master/ws/core/users.md#-businessrole
|
|
9434
9578
|
const businessRoleKeys = ['ExecutiveManagement', 'BusinessIntelligence', 'BuyingPlanningAndInventoryManagement', 'DataQualityAndContentManagement', 'CustomerService', 'FinanceAndAccounting', 'LegalAndPeople', 'LogisticsAndSupplyChain', 'FulfillmentAndOperationsManagement', 'OfflineRetailStore', 'Marketing', 'BusinessDevSalesAndAccountManagement', 'UXUIDesign', 'TechProductManagement', 'TechProjectAndProgramManagement', 'SoftwareDevelopmentAndSolutionsArchitect', 'OperationsITAndSupportEngineering', 'Other'];
|
|
9435
9579
|
|
|
9436
|
-
var messages$
|
|
9580
|
+
var messages$v = reactIntl.defineMessages({
|
|
9437
9581
|
ExecutiveManagement: {
|
|
9438
9582
|
id: 'Shared.businessRoles.executiveManagement',
|
|
9439
9583
|
description: 'The label for one of the selectable business roles',
|
|
@@ -9526,6 +9670,571 @@ var messages$r = reactIntl.defineMessages({
|
|
|
9526
9670
|
}
|
|
9527
9671
|
});
|
|
9528
9672
|
|
|
9673
|
+
const safelyAddFallback = function (string) {
|
|
9674
|
+
let fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : constants.NO_VALUE_FALLBACK;
|
|
9675
|
+
return string === '' ? fallback : string !== null && string !== void 0 ? string : fallback;
|
|
9676
|
+
};
|
|
9677
|
+
|
|
9678
|
+
const ENABLE_BUSINESS_UNITS_ASSOCIATE_ROLES = 'businessUnitsAssociateRoles';
|
|
9679
|
+
|
|
9680
|
+
const ASSOCIATE_ROLE_SOURCES = {
|
|
9681
|
+
EXPLICIT: 'Explicit',
|
|
9682
|
+
INHERITED: 'Inherited'
|
|
9683
|
+
};
|
|
9684
|
+
const SEARCH_FIELDS = {
|
|
9685
|
+
ALL_FIELDS: 'allFields',
|
|
9686
|
+
NAME: 'name',
|
|
9687
|
+
EMAIL: 'email'
|
|
9688
|
+
};
|
|
9689
|
+
|
|
9690
|
+
var messages$u = reactIntl.defineMessages({
|
|
9691
|
+
allFieldsFilterOption: {
|
|
9692
|
+
id: 'BusinessUnitAssociatesListSearch.filterOption.allFields',
|
|
9693
|
+
description: 'Label for the filter option all fields',
|
|
9694
|
+
defaultMessage: 'All fields'
|
|
9695
|
+
},
|
|
9696
|
+
allFieldsFilterPlaceholder: {
|
|
9697
|
+
id: 'BusinessUnitAssociatesListSearch.filterPlaceholder.allFields',
|
|
9698
|
+
description: 'Label for the searchbar placeholder for all fields option',
|
|
9699
|
+
defaultMessage: 'Search by name or email'
|
|
9700
|
+
},
|
|
9701
|
+
emailFilterOption: {
|
|
9702
|
+
id: 'BusinessUnitAssociatesListSearch.filterOption.email',
|
|
9703
|
+
description: 'Label for the filter option email',
|
|
9704
|
+
defaultMessage: 'Email'
|
|
9705
|
+
},
|
|
9706
|
+
emailFilterPlaceholder: {
|
|
9707
|
+
id: 'BusinessUnitAssociatesListSearch.filterPlaceholder.email',
|
|
9708
|
+
description: 'Label for the searchbar placeholder for all fields option',
|
|
9709
|
+
defaultMessage: 'Search by email'
|
|
9710
|
+
},
|
|
9711
|
+
nameFilterOption: {
|
|
9712
|
+
id: 'BusinessUnitAssociatesListSearch.filterOption.name',
|
|
9713
|
+
description: 'Label for the filter option name',
|
|
9714
|
+
defaultMessage: 'Name'
|
|
9715
|
+
},
|
|
9716
|
+
nameFilterPlaceholder: {
|
|
9717
|
+
id: 'BusinessUnitAssociatesListSearch.filterPlaceholder.name',
|
|
9718
|
+
description: 'Label for the searchbar placeholder for name option',
|
|
9719
|
+
defaultMessage: 'Search by name'
|
|
9720
|
+
}
|
|
9721
|
+
});
|
|
9722
|
+
|
|
9723
|
+
function ownKeys$B(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
9724
|
+
function _objectSpread$B(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$B(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$B(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
9725
|
+
const BusinessUnitAssociatesSearchbar = props => {
|
|
9726
|
+
const intl = reactIntl.useIntl();
|
|
9727
|
+
const searchOptions = React.useMemo(() => [{
|
|
9728
|
+
value: SEARCH_FIELDS.ALL_FIELDS,
|
|
9729
|
+
label: intl.formatMessage(messages$u["".concat(SEARCH_FIELDS.ALL_FIELDS, "FilterOption")])
|
|
9730
|
+
}, {
|
|
9731
|
+
value: SEARCH_FIELDS.NAME,
|
|
9732
|
+
label: intl.formatMessage(messages$u["".concat(SEARCH_FIELDS.NAME, "FilterOption")])
|
|
9733
|
+
}, {
|
|
9734
|
+
value: SEARCH_FIELDS.EMAIL,
|
|
9735
|
+
label: intl.formatMessage(messages$u["".concat(SEARCH_FIELDS.EMAIL, "FilterOption")])
|
|
9736
|
+
}], [intl]);
|
|
9737
|
+
const seachPlaceholderMessages = React.useMemo(() => ({
|
|
9738
|
+
[SEARCH_FIELDS.ALL_FIELDS]: intl.formatMessage(messages$u["".concat(SEARCH_FIELDS.ALL_FIELDS, "FilterPlaceholder")]),
|
|
9739
|
+
[SEARCH_FIELDS.EMAIL]: intl.formatMessage(messages$u["".concat(SEARCH_FIELDS.EMAIL, "FilterPlaceholder")]),
|
|
9740
|
+
[SEARCH_FIELDS.NAME]: intl.formatMessage(messages$u["".concat(SEARCH_FIELDS.NAME, "FilterPlaceholder")])
|
|
9741
|
+
}), [intl]);
|
|
9742
|
+
const _useState = React.useState({
|
|
9743
|
+
option: SEARCH_FIELDS.ALL_FIELDS,
|
|
9744
|
+
text: ''
|
|
9745
|
+
}),
|
|
9746
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
9747
|
+
searchValue = _useState2[0],
|
|
9748
|
+
setSearchValue = _useState2[1];
|
|
9749
|
+
return jsxRuntime.jsx(uiKit.SelectableSearchInput, {
|
|
9750
|
+
horizontalConstraint: 15,
|
|
9751
|
+
isDisabled: props.isDisabled,
|
|
9752
|
+
onChange: event => {
|
|
9753
|
+
var _context;
|
|
9754
|
+
if (_endsWithInstanceProperty__default["default"](_context = event.target.id).call(_context, 'dropdown')) {
|
|
9755
|
+
setSearchValue(_objectSpread$B(_objectSpread$B({}, searchValue), {}, {
|
|
9756
|
+
option: event.target.value
|
|
9757
|
+
}));
|
|
9758
|
+
} else {
|
|
9759
|
+
setSearchValue(_objectSpread$B(_objectSpread$B({}, searchValue), {}, {
|
|
9760
|
+
text: event.target.value
|
|
9761
|
+
}));
|
|
9762
|
+
}
|
|
9763
|
+
},
|
|
9764
|
+
onReset: () => {
|
|
9765
|
+
setSearchValue({
|
|
9766
|
+
option: SEARCH_FIELDS.ALL_FIELDS,
|
|
9767
|
+
text: ''
|
|
9768
|
+
});
|
|
9769
|
+
props.onSubmit({
|
|
9770
|
+
option: SEARCH_FIELDS.ALL_FIELDS,
|
|
9771
|
+
text: ''
|
|
9772
|
+
});
|
|
9773
|
+
},
|
|
9774
|
+
onSubmit: props.onSubmit,
|
|
9775
|
+
options: searchOptions,
|
|
9776
|
+
placeholder: seachPlaceholderMessages[searchValue.option],
|
|
9777
|
+
value: searchValue
|
|
9778
|
+
});
|
|
9779
|
+
};
|
|
9780
|
+
BusinessUnitAssociatesSearchbar.displayName = 'BusinessUnitAssociatesSearchbar';
|
|
9781
|
+
|
|
9782
|
+
var messages$t = reactIntl.defineMessages({
|
|
9783
|
+
addAnAssociate: {
|
|
9784
|
+
id: 'Shared.BusinessUnitAssociates.EmptyListMessage.addAnAssociate',
|
|
9785
|
+
description: 'The label for add an associate link button',
|
|
9786
|
+
defaultMessage: 'Add an associate'
|
|
9787
|
+
},
|
|
9788
|
+
noAssociates: {
|
|
9789
|
+
id: 'Shared.BusinessUnitAssociates.EmptyListMessage.noAssociates',
|
|
9790
|
+
description: 'The message displayed when there are no associates available',
|
|
9791
|
+
defaultMessage: 'There are no associates.'
|
|
9792
|
+
}
|
|
9793
|
+
});
|
|
9794
|
+
|
|
9795
|
+
const EmptyListMessage = props => {
|
|
9796
|
+
const intl = reactIntl.useIntl();
|
|
9797
|
+
return jsxRuntime.jsxs(uiKit.Spacings.Inset, {
|
|
9798
|
+
scale: "xs",
|
|
9799
|
+
children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
9800
|
+
scale: "l",
|
|
9801
|
+
children: [jsxRuntime.jsx(Divider, {
|
|
9802
|
+
size: "m"
|
|
9803
|
+
}), jsxRuntime.jsx(uiKit.Text.Body, {
|
|
9804
|
+
intlMessage: messages$t.noAssociates
|
|
9805
|
+
})]
|
|
9806
|
+
}), jsxRuntime.jsx(uiKit.FlatButton, {
|
|
9807
|
+
isDisabled: !props.canManageBusinessUnits,
|
|
9808
|
+
label: intl.formatMessage(messages$t.addAnAssociate),
|
|
9809
|
+
onClick: props.onAddAssociateClick,
|
|
9810
|
+
tone: "primary"
|
|
9811
|
+
})]
|
|
9812
|
+
});
|
|
9813
|
+
};
|
|
9814
|
+
EmptyListMessage.displayName = 'EmptyListMessage';
|
|
9815
|
+
|
|
9816
|
+
var messages$s = reactIntl.defineMessages({
|
|
9817
|
+
noResultsTitle: {
|
|
9818
|
+
id: 'Shared.BusinessUnitAssociates.emptySearchResultsMessage.noResultsTitle',
|
|
9819
|
+
description: 'Message for no search result for customers.',
|
|
9820
|
+
defaultMessage: 'There are no results that match your search and/or filter combination.'
|
|
9821
|
+
},
|
|
9822
|
+
noResultsSuggestionsTitle: {
|
|
9823
|
+
id: 'Shared.BusinessUnitAssociates.emptySearchResultsMessage.noResultsSuggestionsTitle',
|
|
9824
|
+
description: 'Suggestions title',
|
|
9825
|
+
defaultMessage: 'Suggestions:'
|
|
9826
|
+
},
|
|
9827
|
+
noResultsSuggestion1: {
|
|
9828
|
+
id: 'Shared.BusinessUnitAssociates.emptySearchResultsMessage.noResultsSuggestion1',
|
|
9829
|
+
description: 'One of suggestions when no results are found.',
|
|
9830
|
+
defaultMessage: 'Make sure to select the search field in the dropdown next to the search input.'
|
|
9831
|
+
},
|
|
9832
|
+
noResultsSuggestion2: {
|
|
9833
|
+
id: 'Shared.BusinessUnitAssociates.emptySearchResultsMessage.noResultsSuggestion2',
|
|
9834
|
+
description: 'One of suggestions when no results are found.',
|
|
9835
|
+
defaultMessage: 'Check the spelling, search by entering the exact value.'
|
|
9836
|
+
},
|
|
9837
|
+
noResultsSuggestion3: {
|
|
9838
|
+
id: 'Shared.BusinessUnitAssociates.emptySearchResultsMessage.noResultsSuggestion3',
|
|
9839
|
+
description: 'One of suggestions when no results are found.',
|
|
9840
|
+
defaultMessage: 'Use the filter to search for further values.'
|
|
9841
|
+
}
|
|
9842
|
+
});
|
|
9843
|
+
|
|
9844
|
+
const EmptySearchResultsMessage = () => jsxRuntime.jsx(uiKit.Spacings.Inset, {
|
|
9845
|
+
scale: "xs",
|
|
9846
|
+
children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
9847
|
+
scale: "s",
|
|
9848
|
+
children: [jsxRuntime.jsx(uiKit.Text.Body, {
|
|
9849
|
+
tone: "secondary",
|
|
9850
|
+
intlMessage: messages$s.noResultsTitle,
|
|
9851
|
+
isBold: true
|
|
9852
|
+
}), jsxRuntime.jsx(uiKit.Text.Body, {
|
|
9853
|
+
tone: "secondary",
|
|
9854
|
+
intlMessage: messages$s.noResultsSuggestionsTitle
|
|
9855
|
+
}), jsxRuntime.jsxs("ul", {
|
|
9856
|
+
children: [jsxRuntime.jsx("li", {
|
|
9857
|
+
children: jsxRuntime.jsx(uiKit.Text.Body, {
|
|
9858
|
+
intlMessage: messages$s.noResultsSuggestion1,
|
|
9859
|
+
tone: "secondary"
|
|
9860
|
+
})
|
|
9861
|
+
}), jsxRuntime.jsx("li", {
|
|
9862
|
+
children: jsxRuntime.jsx(uiKit.Text.Body, {
|
|
9863
|
+
intlMessage: messages$s.noResultsSuggestion2,
|
|
9864
|
+
tone: "secondary"
|
|
9865
|
+
})
|
|
9866
|
+
}), jsxRuntime.jsx("li", {
|
|
9867
|
+
children: jsxRuntime.jsx(uiKit.Text.Body, {
|
|
9868
|
+
intlMessage: messages$s.noResultsSuggestion3,
|
|
9869
|
+
tone: "secondary"
|
|
9870
|
+
})
|
|
9871
|
+
})]
|
|
9872
|
+
})]
|
|
9873
|
+
})
|
|
9874
|
+
});
|
|
9875
|
+
EmptySearchResultsMessage.displayName = 'EmptySearchResultsMessage';
|
|
9876
|
+
|
|
9877
|
+
const filterByAllFields = (associates, searchValue) => {
|
|
9878
|
+
const searchTextTerms = searchValue.text.toLowerCase().split(' ');
|
|
9879
|
+
return _filterInstanceProperty__default["default"](associates).call(associates, associate => {
|
|
9880
|
+
return _someInstanceProperty__default["default"](searchTextTerms).call(searchTextTerms, term => {
|
|
9881
|
+
var _context, _context2, _context3;
|
|
9882
|
+
return _includesInstanceProperty__default["default"](_context = associate.customer.firstName.toLowerCase()).call(_context, term) || _includesInstanceProperty__default["default"](_context2 = associate.customer.lastName.toLowerCase()).call(_context2, term) || _includesInstanceProperty__default["default"](_context3 = associate.customer.email.toLowerCase()).call(_context3, term);
|
|
9883
|
+
});
|
|
9884
|
+
});
|
|
9885
|
+
};
|
|
9886
|
+
const filterByEmail = (associates, searchValue) => {
|
|
9887
|
+
const searchTextTerms = searchValue.text.toLowerCase().split(' ');
|
|
9888
|
+
return _filterInstanceProperty__default["default"](associates).call(associates, associate => _someInstanceProperty__default["default"](searchTextTerms).call(searchTextTerms, term => {
|
|
9889
|
+
var _context4;
|
|
9890
|
+
return _includesInstanceProperty__default["default"](_context4 = associate.customer.email.toLowerCase()).call(_context4, term);
|
|
9891
|
+
}));
|
|
9892
|
+
};
|
|
9893
|
+
const filterByName = (associates, searchValue) => {
|
|
9894
|
+
const searchTextTerms = searchValue.text.toLowerCase().split(' ');
|
|
9895
|
+
return _filterInstanceProperty__default["default"](associates).call(associates, associate => {
|
|
9896
|
+
return _someInstanceProperty__default["default"](searchTextTerms).call(searchTextTerms, term => {
|
|
9897
|
+
var _context5, _context6;
|
|
9898
|
+
return _includesInstanceProperty__default["default"](_context5 = associate.customer.firstName.toLowerCase()).call(_context5, term) || _includesInstanceProperty__default["default"](_context6 = associate.customer.lastName.toLowerCase()).call(_context6, term);
|
|
9899
|
+
});
|
|
9900
|
+
});
|
|
9901
|
+
};
|
|
9902
|
+
const FILTER_FUNCTIONS = {
|
|
9903
|
+
[SEARCH_FIELDS.ALL_FIELDS]: filterByAllFields,
|
|
9904
|
+
[SEARCH_FIELDS.EMAIL]: filterByEmail,
|
|
9905
|
+
[SEARCH_FIELDS.NAME]: filterByName
|
|
9906
|
+
};
|
|
9907
|
+
const filterAssociates = (associates, searchValue) => FILTER_FUNCTIONS[searchValue.option](associates, searchValue);
|
|
9908
|
+
|
|
9909
|
+
const mergeOverwritten = (inherited, explicit) => {
|
|
9910
|
+
var _context;
|
|
9911
|
+
const onlyExplicit = differenceBy__default["default"](explicit.associateRoleAssignments, inherited.associateRoleAssignments, 'associateRole.key') || [];
|
|
9912
|
+
const onlyInherited = differenceBy__default["default"](inherited.associateRoleAssignments, explicit.associateRoleAssignments, 'associateRole.key') || [];
|
|
9913
|
+
const overwritten = intersectionBy__default["default"](inherited.associateRoleAssignments, explicit.associateRoleAssignments, 'associateRole.key') || [];
|
|
9914
|
+
const allExplicit = _mapInstanceProperty__default["default"](_context = _concatInstanceProperty__default["default"](onlyExplicit).call(onlyExplicit, overwritten)).call(_context, _ref => {
|
|
9915
|
+
let associateRole = _ref.associateRole;
|
|
9916
|
+
return {
|
|
9917
|
+
name: associateRole.name || associateRole.key,
|
|
9918
|
+
source: ASSOCIATE_ROLE_SOURCES.EXPLICIT
|
|
9919
|
+
};
|
|
9920
|
+
});
|
|
9921
|
+
const allInherited = _mapInstanceProperty__default["default"](onlyInherited).call(onlyInherited, _ref2 => {
|
|
9922
|
+
let associateRole = _ref2.associateRole;
|
|
9923
|
+
return {
|
|
9924
|
+
name: associateRole.name || associateRole.key,
|
|
9925
|
+
source: ASSOCIATE_ROLE_SOURCES.INHERITED
|
|
9926
|
+
};
|
|
9927
|
+
});
|
|
9928
|
+
return {
|
|
9929
|
+
id: inherited.customer.id,
|
|
9930
|
+
customer: inherited.customer,
|
|
9931
|
+
roles: _concatInstanceProperty__default["default"](allExplicit).call(allExplicit, allInherited)
|
|
9932
|
+
};
|
|
9933
|
+
};
|
|
9934
|
+
const mergeAssociates = businessUnit => {
|
|
9935
|
+
var _businessUnit$associa, _businessUnit$inherit, _context2;
|
|
9936
|
+
const associates = businessUnit === null || businessUnit === void 0 ? void 0 : (_businessUnit$associa = businessUnit.associates) === null || _businessUnit$associa === void 0 ? void 0 : _filterInstanceProperty__default["default"](_businessUnit$associa).call(_businessUnit$associa, associate => associate === null || associate === void 0 ? void 0 : associate.customer);
|
|
9937
|
+
const inheritedAssociates = businessUnit === null || businessUnit === void 0 ? void 0 : (_businessUnit$inherit = businessUnit.inheritedAssociates) === null || _businessUnit$inherit === void 0 ? void 0 : _filterInstanceProperty__default["default"](_businessUnit$inherit).call(_businessUnit$inherit, inheritedAssociate => inheritedAssociate === null || inheritedAssociate === void 0 ? void 0 : inheritedAssociate.customer);
|
|
9938
|
+
const overwrittenOnExplicit = intersectionBy__default["default"](associates, inheritedAssociates, 'customer.id') || [];
|
|
9939
|
+
const overwrittenOnInherited = intersectionBy__default["default"](inheritedAssociates, associates, 'customer.id') || [];
|
|
9940
|
+
const onlyExplicit = differenceBy__default["default"](associates, inheritedAssociates, 'customer.id') || [];
|
|
9941
|
+
const onlyInherited = differenceBy__default["default"](inheritedAssociates, associates, 'customer.id') || [];
|
|
9942
|
+
const explicit = _mapInstanceProperty__default["default"](onlyExplicit).call(onlyExplicit, associate => {
|
|
9943
|
+
var _associate$associateR;
|
|
9944
|
+
return {
|
|
9945
|
+
id: associate.customer.id,
|
|
9946
|
+
customer: associate.customer,
|
|
9947
|
+
roles: (_associate$associateR = associate.associateRoleAssignments) === null || _associate$associateR === void 0 ? void 0 : _mapInstanceProperty__default["default"](_associate$associateR).call(_associate$associateR, _ref3 => {
|
|
9948
|
+
let associateRole = _ref3.associateRole;
|
|
9949
|
+
return {
|
|
9950
|
+
name: associateRole.name || associateRole.key,
|
|
9951
|
+
source: ASSOCIATE_ROLE_SOURCES.EXPLICIT
|
|
9952
|
+
};
|
|
9953
|
+
})
|
|
9954
|
+
};
|
|
9955
|
+
});
|
|
9956
|
+
const inherited = _mapInstanceProperty__default["default"](onlyInherited).call(onlyInherited, associate => {
|
|
9957
|
+
var _associate$associateR2;
|
|
9958
|
+
return {
|
|
9959
|
+
id: associate.customer.id,
|
|
9960
|
+
customer: associate.customer,
|
|
9961
|
+
roles: (_associate$associateR2 = associate.associateRoleAssignments) === null || _associate$associateR2 === void 0 ? void 0 : _mapInstanceProperty__default["default"](_associate$associateR2).call(_associate$associateR2, _ref4 => {
|
|
9962
|
+
let associateRole = _ref4.associateRole;
|
|
9963
|
+
return {
|
|
9964
|
+
name: associateRole.name || associateRole.key,
|
|
9965
|
+
source: ASSOCIATE_ROLE_SOURCES.INHERITED
|
|
9966
|
+
};
|
|
9967
|
+
})
|
|
9968
|
+
};
|
|
9969
|
+
});
|
|
9970
|
+
const overwritten = _mapInstanceProperty__default["default"](overwrittenOnInherited).call(overwrittenOnInherited, inherited => {
|
|
9971
|
+
const explicit = _findInstanceProperty__default["default"](overwrittenOnExplicit).call(overwrittenOnExplicit, explicitAssociate => explicitAssociate.customer.id === inherited.customer.id);
|
|
9972
|
+
return mergeOverwritten(inherited, explicit);
|
|
9973
|
+
});
|
|
9974
|
+
return _concatInstanceProperty__default["default"](_context2 = _concatInstanceProperty__default["default"](explicit).call(explicit, inherited)).call(_context2, overwritten);
|
|
9975
|
+
};
|
|
9976
|
+
|
|
9977
|
+
var messages$r = reactIntl.defineMessages({
|
|
9978
|
+
columnFirstName: {
|
|
9979
|
+
id: 'Shared.BusinessUnitAssociates.columnFirstName',
|
|
9980
|
+
description: 'The column label (First name)',
|
|
9981
|
+
defaultMessage: 'First name'
|
|
9982
|
+
},
|
|
9983
|
+
columnLastName: {
|
|
9984
|
+
id: 'Shared.BusinessUnitAssociates.columnLastName',
|
|
9985
|
+
description: 'The column label (Last name)',
|
|
9986
|
+
defaultMessage: 'Last name'
|
|
9987
|
+
},
|
|
9988
|
+
columnRole: {
|
|
9989
|
+
id: 'Shared.BusinessUnitAssociates.columnRole',
|
|
9990
|
+
description: 'The column label (Role)',
|
|
9991
|
+
defaultMessage: 'Role'
|
|
9992
|
+
},
|
|
9993
|
+
columnEmail: {
|
|
9994
|
+
id: 'Shared.BusinessUnitAssociates.columnEmail',
|
|
9995
|
+
description: 'The column label (Email)',
|
|
9996
|
+
defaultMessage: 'Email'
|
|
9997
|
+
},
|
|
9998
|
+
companyUnitType: {
|
|
9999
|
+
id: 'Shared.BusinessUnitAssociates.unitType.company',
|
|
10000
|
+
description: 'Label for the business unit type company',
|
|
10001
|
+
defaultMessage: 'Company'
|
|
10002
|
+
},
|
|
10003
|
+
divisionUnitType: {
|
|
10004
|
+
id: 'Shared.BusinessUnitAssociates.unitType.division',
|
|
10005
|
+
description: 'Label for the business unit type division',
|
|
10006
|
+
defaultMessage: 'Division'
|
|
10007
|
+
},
|
|
10008
|
+
labelExplicit: {
|
|
10009
|
+
id: 'Shared.BusinessUnitAssociates.labelExplicit',
|
|
10010
|
+
description: 'Label for explicit roles',
|
|
10011
|
+
defaultMessage: 'Explicit'
|
|
10012
|
+
},
|
|
10013
|
+
labelInherited: {
|
|
10014
|
+
id: 'Shared.BusinessUnitAssociates.labelInherited',
|
|
10015
|
+
description: 'Label for explicit roles',
|
|
10016
|
+
defaultMessage: 'Inherited'
|
|
10017
|
+
},
|
|
10018
|
+
roleEnumAdmin: {
|
|
10019
|
+
id: 'Shared.BusinessUnitAssociates.associateRole.admin',
|
|
10020
|
+
description: 'Label for the business unit associate rol Admin',
|
|
10021
|
+
defaultMessage: 'Admin'
|
|
10022
|
+
},
|
|
10023
|
+
roleEnumBuyer: {
|
|
10024
|
+
id: 'Shared.BusinessUnitAssociates.associateRole.buyer',
|
|
10025
|
+
description: 'Label for the business unit associate rol Buyer',
|
|
10026
|
+
defaultMessage: 'Buyer'
|
|
10027
|
+
},
|
|
10028
|
+
searchResultsCount: {
|
|
10029
|
+
id: 'Shared.BusinessUnitAssociates.searchResultsCount',
|
|
10030
|
+
description: 'Total results coming from search',
|
|
10031
|
+
defaultMessage: '{totalResults} results'
|
|
10032
|
+
}
|
|
10033
|
+
});
|
|
10034
|
+
|
|
10035
|
+
function ownKeys$A(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
10036
|
+
function _objectSpread$A(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$A(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$A(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
10037
|
+
const BusinessUnitAssociatesListView = props => {
|
|
10038
|
+
var _props$values, _props$values$associa, _props$values2, _props$values2$inheri;
|
|
10039
|
+
const intl = reactIntl.useIntl();
|
|
10040
|
+
const businessUnitsAssociateRolesFeatureEnabled = applicationShell.useFeatureToggle(ENABLE_BUSINESS_UNITS_ASSOCIATE_ROLES);
|
|
10041
|
+
const totalAssociates = ((_props$values = _valuesInstanceProperty__default["default"](props)) === null || _props$values === void 0 ? void 0 : (_props$values$associa = _props$values.associates) === null || _props$values$associa === void 0 ? void 0 : _props$values$associa.length) + (((_props$values2 = _valuesInstanceProperty__default["default"](props)) === null || _props$values2 === void 0 ? void 0 : (_props$values2$inheri = _props$values2.inheritedAssociates) === null || _props$values2$inheri === void 0 ? void 0 : _props$values2$inheri.length) || 0);
|
|
10042
|
+
const isBusinessUnitCreation = !isUUID(props.businessUnitId);
|
|
10043
|
+
const _usePaginationState = uiKit.usePaginationState({
|
|
10044
|
+
perPage: 20
|
|
10045
|
+
}),
|
|
10046
|
+
page = _usePaginationState.page,
|
|
10047
|
+
perPage = _usePaginationState.perPage;
|
|
10048
|
+
const _useState = React.useState({
|
|
10049
|
+
option: SEARCH_FIELDS.ALL_FIELDS,
|
|
10050
|
+
text: ''
|
|
10051
|
+
}),
|
|
10052
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
10053
|
+
searchValue = _useState2[0],
|
|
10054
|
+
setSearchValue = _useState2[1];
|
|
10055
|
+
const associates = React.useMemo(() => {
|
|
10056
|
+
var _props$values3, _context, _context2;
|
|
10057
|
+
return businessUnitsAssociateRolesFeatureEnabled ? mergeAssociates(_valuesInstanceProperty__default["default"](props)) : (_props$values3 = _valuesInstanceProperty__default["default"](props)) === null || _props$values3 === void 0 ? void 0 : _mapInstanceProperty__default["default"](_context = _filterInstanceProperty__default["default"](_context2 = _props$values3.associates).call(_context2, associate => associate === null || associate === void 0 ? void 0 : associate.customer)).call(_context, associate => _objectSpread$A(_objectSpread$A({}, associate), {}, {
|
|
10058
|
+
id: associate.customer.id
|
|
10059
|
+
}));
|
|
10060
|
+
}, [_valuesInstanceProperty__default["default"](props), businessUnitsAssociateRolesFeatureEnabled]);
|
|
10061
|
+
const tableColumns = React.useMemo(() => [{
|
|
10062
|
+
key: 'firstName',
|
|
10063
|
+
label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$A({}, messages$r.columnFirstName)),
|
|
10064
|
+
shouldIgnoreRowClick: isBusinessUnitCreation
|
|
10065
|
+
}, {
|
|
10066
|
+
key: 'lastName',
|
|
10067
|
+
label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$A({}, messages$r.columnLastName)),
|
|
10068
|
+
shouldIgnoreRowClick: isBusinessUnitCreation
|
|
10069
|
+
}, {
|
|
10070
|
+
key: 'roles',
|
|
10071
|
+
label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$A({}, messages$r.columnRole)),
|
|
10072
|
+
shouldIgnoreRowClick: isBusinessUnitCreation,
|
|
10073
|
+
width: 'max-content'
|
|
10074
|
+
}, {
|
|
10075
|
+
key: 'email',
|
|
10076
|
+
label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$A({}, messages$r.columnEmail)),
|
|
10077
|
+
shouldIgnoreRowClick: isBusinessUnitCreation
|
|
10078
|
+
}], [isBusinessUnitCreation]);
|
|
10079
|
+
const filteredAssociates = React.useMemo(() => {
|
|
10080
|
+
return filterAssociates(associates, searchValue);
|
|
10081
|
+
}, [associates, searchValue]);
|
|
10082
|
+
const associatesToShow = React.useMemo(() => {
|
|
10083
|
+
const from = (page.value - 1) * perPage.value;
|
|
10084
|
+
const to = from + perPage.value;
|
|
10085
|
+
return _sliceInstanceProperty__default["default"](filteredAssociates).call(filteredAssociates, from, to);
|
|
10086
|
+
}, [filteredAssociates, perPage.value, page.value]);
|
|
10087
|
+
const renderAssociate = (associate, _ref) => {
|
|
10088
|
+
let columnKey = _ref.key;
|
|
10089
|
+
let formattedValue;
|
|
10090
|
+
if (!(associate !== null && associate !== void 0 && associate.customer)) return null;
|
|
10091
|
+
switch (columnKey) {
|
|
10092
|
+
case 'roles':
|
|
10093
|
+
const roles = associate[columnKey];
|
|
10094
|
+
formattedValue = jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
10095
|
+
children: (roles === null || roles === void 0 ? void 0 : roles.length) > 0 ? businessUnitsAssociateRolesFeatureEnabled ? jsxRuntime.jsx(uiKit.Grid, {
|
|
10096
|
+
gridGap: uiKit.customProperties.spacingM,
|
|
10097
|
+
gridTemplateColumns: "repeat(2, 1fr)",
|
|
10098
|
+
children: roles === null || roles === void 0 ? void 0 : _mapInstanceProperty__default["default"](roles).call(roles, (associateRole, index) => {
|
|
10099
|
+
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
10100
|
+
children: [jsxRuntime.jsx(uiKit.Grid.Item, {
|
|
10101
|
+
children: jsxRuntime.jsx(uiKit.Text.Detail, {
|
|
10102
|
+
children: associateRole.name
|
|
10103
|
+
}, associateRole.name)
|
|
10104
|
+
}, "role-grid-item-".concat(index)), jsxRuntime.jsx(uiKit.Grid.Item, {
|
|
10105
|
+
children: jsxRuntime.jsx(uiKit.Stamp, {
|
|
10106
|
+
isCondensed: true,
|
|
10107
|
+
label: intl.formatMessage(messages$r["label".concat(associateRole.source)]),
|
|
10108
|
+
tone: associateRole.source === ASSOCIATE_ROLE_SOURCES.EXPLICIT ? 'information' : 'secondary'
|
|
10109
|
+
})
|
|
10110
|
+
}, "".concat(associateRole.name, "-source"))]
|
|
10111
|
+
});
|
|
10112
|
+
})
|
|
10113
|
+
}) : jsxRuntime.jsx(uiKit.Spacings.Inline, {
|
|
10114
|
+
children: roles === null || roles === void 0 ? void 0 : _mapInstanceProperty__default["default"](roles).call(roles, role => jsxRuntime.jsx(uiKit.Stamp, {
|
|
10115
|
+
isCondensed: true,
|
|
10116
|
+
label: intl.formatMessage(messages$r["roleEnum".concat(role)]),
|
|
10117
|
+
tone: "primary"
|
|
10118
|
+
}, role))
|
|
10119
|
+
}) : constants.NO_VALUE_FALLBACK
|
|
10120
|
+
});
|
|
10121
|
+
break;
|
|
10122
|
+
default:
|
|
10123
|
+
formattedValue = associate.customer[columnKey] || constants.NO_VALUE_FALLBACK;
|
|
10124
|
+
}
|
|
10125
|
+
return safelyAddFallback(formattedValue);
|
|
10126
|
+
};
|
|
10127
|
+
return jsxRuntime.jsx(applicationComponents.PageContentFull, {
|
|
10128
|
+
children: jsxRuntime.jsx(uiKit.Spacings.Stack, {
|
|
10129
|
+
scale: "m",
|
|
10130
|
+
children: totalAssociates ? jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
10131
|
+
scale: "s",
|
|
10132
|
+
children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
|
|
10133
|
+
alignItems: "center",
|
|
10134
|
+
scale: "l",
|
|
10135
|
+
children: [jsxRuntime.jsx(BusinessUnitAssociatesSearchbar, {
|
|
10136
|
+
onSubmit: setSearchValue
|
|
10137
|
+
}), searchValue.text.length > 0 && jsxRuntime.jsx(uiKit.Text.Body, {
|
|
10138
|
+
intlMessage: _objectSpread$A(_objectSpread$A({}, messages$r.searchResultsCount), {}, {
|
|
10139
|
+
values: {
|
|
10140
|
+
totalResults: filteredAssociates.length
|
|
10141
|
+
}
|
|
10142
|
+
})
|
|
10143
|
+
})]
|
|
10144
|
+
}), filteredAssociates.length ? jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
10145
|
+
scale: "xxxl",
|
|
10146
|
+
children: [jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
|
|
10147
|
+
max: "scale",
|
|
10148
|
+
children: jsxRuntime.jsx(uiKit.DataTable, {
|
|
10149
|
+
columns: tableColumns,
|
|
10150
|
+
itemRenderer: renderAssociate,
|
|
10151
|
+
maxHeight: "calc(100vh - (".concat(uiKit.customProperties.constraint7, " + 240px))"),
|
|
10152
|
+
onRowClick: (_, rowIndex) => {
|
|
10153
|
+
var _associate$customer;
|
|
10154
|
+
const associate = associates[rowIndex];
|
|
10155
|
+
if (isBusinessUnitCreation || !(associate !== null && associate !== void 0 && associate.id) || !(associate !== null && associate !== void 0 && (_associate$customer = associate.customer) !== null && _associate$customer !== void 0 && _associate$customer.id)) return;
|
|
10156
|
+
props.onAssociateRowClick({
|
|
10157
|
+
customerId: associate.customer.id
|
|
10158
|
+
});
|
|
10159
|
+
},
|
|
10160
|
+
rows: associatesToShow,
|
|
10161
|
+
wrapHeaderLabels: false
|
|
10162
|
+
})
|
|
10163
|
+
}), jsxRuntime.jsx(uiKit.Pagination, {
|
|
10164
|
+
onPageChange: page.onChange,
|
|
10165
|
+
onPerPageChange: perPage.onChange,
|
|
10166
|
+
page: page.value,
|
|
10167
|
+
perPage: perPage.value,
|
|
10168
|
+
perPageRange: "m",
|
|
10169
|
+
totalItems: filteredAssociates.length
|
|
10170
|
+
})]
|
|
10171
|
+
}) : jsxRuntime.jsx(EmptySearchResultsMessage, {})]
|
|
10172
|
+
}) : jsxRuntime.jsx(EmptyListMessage, {
|
|
10173
|
+
canManageBusinessUnits: props.canManageBusinessUnits,
|
|
10174
|
+
onAddAssociateClick: props.onAddAssociateClick
|
|
10175
|
+
})
|
|
10176
|
+
})
|
|
10177
|
+
});
|
|
10178
|
+
};
|
|
10179
|
+
BusinessUnitAssociatesListView.displayName = 'BusinessUnitAssociatesListView';
|
|
10180
|
+
|
|
10181
|
+
var BusinessUnitAssociatesQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "BusinessUnitAssociatesQuery" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "id" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldExcludeRoles" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }, { kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "shouldExcludeAssociateRoleAssignmentsRoles" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "Boolean" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "businessUnit" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "id" }, value: { kind: "Variable", name: { kind: "Name", value: "id" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "FragmentSpread", name: { kind: "Name", value: "BusinessUnitAssociatesFragment" }, directives: [] }] } }] } }, { kind: "FragmentDefinition", name: { kind: "Name", value: "BusinessUnitAssociatesFragment" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "BusinessUnit" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "associates" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "roles" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldExcludeRoles" } } }] }] }, { kind: "Field", name: { kind: "Name", value: "associateRoleAssignments" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldExcludeAssociateRoleAssignmentsRoles" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "associateRole" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "customer" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "email" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "firstName" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "lastName" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "inheritedAssociates" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "associateRoleAssignments" }, arguments: [], directives: [{ kind: "Directive", name: { kind: "Name", value: "skip" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "if" }, value: { kind: "Variable", name: { kind: "Name", value: "shouldExcludeAssociateRoleAssignmentsRoles" } } }] }], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "associateRole" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "customer" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "email" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "firstName" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "lastName" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "__typename" }, arguments: [], directives: [] }] } }], loc: { start: 0, end: 831, source: { body: "fragment BusinessUnitAssociatesFragment on BusinessUnit {\n id\n associates {\n roles @skip(if: $shouldExcludeRoles)\n associateRoleAssignments\n @skip(if: $shouldExcludeAssociateRoleAssignmentsRoles) {\n associateRole {\n name\n key\n }\n }\n customer {\n id\n email\n firstName\n lastName\n }\n }\n inheritedAssociates {\n associateRoleAssignments\n @skip(if: $shouldExcludeAssociateRoleAssignmentsRoles) {\n associateRole {\n name\n key\n }\n }\n customer {\n id\n email\n firstName\n lastName\n }\n }\n __typename\n}\n\nquery BusinessUnitAssociatesQuery(\n $id: String!\n $shouldExcludeRoles: Boolean!\n $shouldExcludeAssociateRoleAssignmentsRoles: Boolean!\n) {\n businessUnit(id: $id) {\n ...BusinessUnitAssociatesFragment\n }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
|
|
10182
|
+
const useBusinessUnitAssociatesFetcher = _ref => {
|
|
10183
|
+
let id = _ref.id,
|
|
10184
|
+
shouldExcludeRoles = _ref.shouldExcludeRoles,
|
|
10185
|
+
shouldExcludeAssociateRoleAssignmentsRoles = _ref.shouldExcludeAssociateRoleAssignmentsRoles;
|
|
10186
|
+
const _useQuery = hooks.useQuery(BusinessUnitAssociatesQuery, {
|
|
10187
|
+
context: {
|
|
10188
|
+
target: constants.GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM
|
|
10189
|
+
},
|
|
10190
|
+
variables: {
|
|
10191
|
+
id,
|
|
10192
|
+
shouldExcludeRoles,
|
|
10193
|
+
shouldExcludeAssociateRoleAssignmentsRoles
|
|
10194
|
+
}
|
|
10195
|
+
}),
|
|
10196
|
+
loading = _useQuery.loading,
|
|
10197
|
+
data = _useQuery.data;
|
|
10198
|
+
return {
|
|
10199
|
+
isLoading: loading,
|
|
10200
|
+
businessUnit: data === null || data === void 0 ? void 0 : data.businessUnit
|
|
10201
|
+
};
|
|
10202
|
+
};
|
|
10203
|
+
|
|
10204
|
+
const useBusinessUnitAssociates = _ref => {
|
|
10205
|
+
let businessUnitId = _ref.businessUnitId,
|
|
10206
|
+
businessUnitsAssociateRolesFeatureEnabled = _ref.businessUnitsAssociateRolesFeatureEnabled;
|
|
10207
|
+
const businessUnitAssociatesFetcher = useBusinessUnitAssociatesFetcher({
|
|
10208
|
+
id: businessUnitId,
|
|
10209
|
+
shouldExcludeRoles: businessUnitsAssociateRolesFeatureEnabled,
|
|
10210
|
+
shouldExcludeAssociateRoleAssignmentsRoles: !businessUnitsAssociateRolesFeatureEnabled
|
|
10211
|
+
});
|
|
10212
|
+
return {
|
|
10213
|
+
businessUnitAssociatesFetcher: {
|
|
10214
|
+
isLoading: businessUnitAssociatesFetcher.isLoading,
|
|
10215
|
+
businessUnit: businessUnitAssociatesFetcher.businessUnit
|
|
10216
|
+
}
|
|
10217
|
+
};
|
|
10218
|
+
};
|
|
10219
|
+
|
|
10220
|
+
const BusinessUnitAssociatesList = props => {
|
|
10221
|
+
const businessUnitsAssociateRolesFeatureEnabled = applicationShell.useFeatureToggle(ENABLE_BUSINESS_UNITS_ASSOCIATE_ROLES);
|
|
10222
|
+
const _useBusinessUnitAssoc = useBusinessUnitAssociates({
|
|
10223
|
+
businessUnitId: props.businessUnitId,
|
|
10224
|
+
businessUnitsAssociateRolesFeatureEnabled
|
|
10225
|
+
}),
|
|
10226
|
+
businessUnitAssociatesFetcher = _useBusinessUnitAssoc.businessUnitAssociatesFetcher;
|
|
10227
|
+
if (businessUnitAssociatesFetcher.isLoading) return jsxRuntime.jsx(CenteredLoadingSpinner, {});
|
|
10228
|
+
return jsxRuntime.jsx(BusinessUnitAssociatesListView, {
|
|
10229
|
+
businessUnitId: props.businessUnitId,
|
|
10230
|
+
canManageBusinessUnits: props.canManageBusinessUnits,
|
|
10231
|
+
onAddAssociateClick: props.onAddAssociateClick,
|
|
10232
|
+
onAssociateRowClick: props.onAssociateRowClick,
|
|
10233
|
+
values: businessUnitAssociatesFetcher === null || businessUnitAssociatesFetcher === void 0 ? void 0 : businessUnitAssociatesFetcher.businessUnit
|
|
10234
|
+
});
|
|
10235
|
+
};
|
|
10236
|
+
BusinessUnitAssociatesList.displayName = 'BusinessUnitAssociatesList';
|
|
10237
|
+
|
|
9529
10238
|
function formatDiscount(discount, currencyCode, intl) {
|
|
9530
10239
|
var _context;
|
|
9531
10240
|
if (discount.type === 'relative') return "".concat(discount.permyriad / 100, "%");
|
|
@@ -9663,17 +10372,17 @@ function validateFilter(_ref, intl) {
|
|
|
9663
10372
|
_ref$allowFloat = _ref.allowFloat,
|
|
9664
10373
|
allowFloat = _ref$allowFloat === void 0 ? true : _ref$allowFloat;
|
|
9665
10374
|
if (type !== 'range') {
|
|
9666
|
-
if (!allowFloat && !isInteger(value)) return intl.formatMessage(messages$
|
|
10375
|
+
if (!allowFloat && !isInteger(value)) return intl.formatMessage(messages$O.integer);
|
|
9667
10376
|
return null;
|
|
9668
10377
|
}
|
|
9669
10378
|
|
|
9670
10379
|
// only range types from here
|
|
9671
10380
|
|
|
9672
10381
|
if (!allowFloat && !isInteger(value.from)) return {
|
|
9673
|
-
from: intl.formatMessage(messages$
|
|
10382
|
+
from: intl.formatMessage(messages$O.integer)
|
|
9674
10383
|
};
|
|
9675
10384
|
if (!allowFloat && !isInteger(value.to)) return {
|
|
9676
|
-
to: intl.formatMessage(messages$
|
|
10385
|
+
to: intl.formatMessage(messages$O.integer)
|
|
9677
10386
|
};
|
|
9678
10387
|
if (validateSingleFilter({
|
|
9679
10388
|
value: value.from
|
|
@@ -10161,9 +10870,16 @@ function _objectSpread$w(target) { for (var i = 1; i < arguments.length; i++) {
|
|
|
10161
10870
|
const PlatformLimitsStatusText = _ref => {
|
|
10162
10871
|
let intlMessage = _ref.intlMessage,
|
|
10163
10872
|
children = _ref.children;
|
|
10164
|
-
return jsxRuntime.
|
|
10165
|
-
as: "
|
|
10166
|
-
children:
|
|
10873
|
+
return jsxRuntime.jsx(uiKit.Text.Headline, {
|
|
10874
|
+
as: "h2",
|
|
10875
|
+
children: jsxRuntime.jsxs(uiKit.Spacings.Inline, {
|
|
10876
|
+
size: "xs",
|
|
10877
|
+
children: [jsxRuntime.jsx("span", {
|
|
10878
|
+
children: intlMessage && jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$w({}, intlMessage))
|
|
10879
|
+
}), jsxRuntime.jsx("span", {
|
|
10880
|
+
children: children
|
|
10881
|
+
})]
|
|
10882
|
+
})
|
|
10167
10883
|
});
|
|
10168
10884
|
};
|
|
10169
10885
|
PlatformLimitsStatusText.displayName = 'PlatformLimitsStatusText';
|
|
@@ -10287,7 +11003,7 @@ var messages$k = reactIntl.defineMessages({
|
|
|
10287
11003
|
});
|
|
10288
11004
|
|
|
10289
11005
|
const PlatformLimitsShippingMethodsStatus = _ref => {
|
|
10290
|
-
var _platformLimits$shipp, _platformLimits$shipp2, _platformLimits$shipp3, _platformLimits$shipp4
|
|
11006
|
+
var _platformLimits$shipp, _platformLimits$shipp2, _platformLimits$shipp3, _platformLimits$shipp4;
|
|
10291
11007
|
let total = _ref.total;
|
|
10292
11008
|
const intl = reactIntl.useIntl();
|
|
10293
11009
|
const _useShippingMethodsPl = useShippingMethodsPlatformLimitsFetcher(),
|
|
@@ -10295,12 +11011,13 @@ const PlatformLimitsShippingMethodsStatus = _ref => {
|
|
|
10295
11011
|
const current = platformLimits === null || platformLimits === void 0 ? void 0 : (_platformLimits$shipp = platformLimits.shippingMethods) === null || _platformLimits$shipp === void 0 ? void 0 : (_platformLimits$shipp2 = _platformLimits$shipp.total) === null || _platformLimits$shipp2 === void 0 ? void 0 : _platformLimits$shipp2.current;
|
|
10296
11012
|
const limit = platformLimits === null || platformLimits === void 0 ? void 0 : (_platformLimits$shipp3 = platformLimits.shippingMethods) === null || _platformLimits$shipp3 === void 0 ? void 0 : (_platformLimits$shipp4 = _platformLimits$shipp3.total) === null || _platformLimits$shipp4 === void 0 ? void 0 : _platformLimits$shipp4.limit;
|
|
10297
11013
|
return jsxRuntime.jsx(PlatformLimitsStatusText, {
|
|
10298
|
-
|
|
11014
|
+
intlMessage: messages$k.shippingMethodsStatus,
|
|
11015
|
+
children: getPlatformLimitsStatus({
|
|
10299
11016
|
limit,
|
|
10300
11017
|
current,
|
|
10301
11018
|
total,
|
|
10302
11019
|
intl
|
|
10303
|
-
})
|
|
11020
|
+
})
|
|
10304
11021
|
});
|
|
10305
11022
|
};
|
|
10306
11023
|
PlatformLimitsShippingMethodsStatus.displayName = 'PlatformLimitsShippingMethodsStatus';
|
|
@@ -10433,7 +11150,7 @@ var messages$i = reactIntl.defineMessages({
|
|
|
10433
11150
|
});
|
|
10434
11151
|
|
|
10435
11152
|
const PlatformLimitsTaxCategoriesStatus = _ref => {
|
|
10436
|
-
var _platformLimits$taxCa, _platformLimits$taxCa2, _platformLimits$taxCa3, _platformLimits$taxCa4
|
|
11153
|
+
var _platformLimits$taxCa, _platformLimits$taxCa2, _platformLimits$taxCa3, _platformLimits$taxCa4;
|
|
10437
11154
|
let total = _ref.total;
|
|
10438
11155
|
const intl = reactIntl.useIntl();
|
|
10439
11156
|
const _useTaxCategoriesPlat = useTaxCategoriesPlatformLimitsFetcher(),
|
|
@@ -10441,12 +11158,13 @@ const PlatformLimitsTaxCategoriesStatus = _ref => {
|
|
|
10441
11158
|
const current = platformLimits === null || platformLimits === void 0 ? void 0 : (_platformLimits$taxCa = platformLimits.taxCategories) === null || _platformLimits$taxCa === void 0 ? void 0 : (_platformLimits$taxCa2 = _platformLimits$taxCa.total) === null || _platformLimits$taxCa2 === void 0 ? void 0 : _platformLimits$taxCa2.current;
|
|
10442
11159
|
const limit = platformLimits === null || platformLimits === void 0 ? void 0 : (_platformLimits$taxCa3 = platformLimits.taxCategories) === null || _platformLimits$taxCa3 === void 0 ? void 0 : (_platformLimits$taxCa4 = _platformLimits$taxCa3.total) === null || _platformLimits$taxCa4 === void 0 ? void 0 : _platformLimits$taxCa4.limit;
|
|
10443
11160
|
return jsxRuntime.jsx(PlatformLimitsStatusText, {
|
|
10444
|
-
|
|
11161
|
+
intlMessage: messages$i.taxCategoriesStatus,
|
|
11162
|
+
children: getPlatformLimitsStatus({
|
|
10445
11163
|
limit,
|
|
10446
11164
|
current,
|
|
10447
11165
|
total,
|
|
10448
11166
|
intl
|
|
10449
|
-
})
|
|
11167
|
+
})
|
|
10450
11168
|
});
|
|
10451
11169
|
};
|
|
10452
11170
|
PlatformLimitsTaxCategoriesStatus.displayName = 'PlatformLimitsTaxCategoriesStatus';
|
|
@@ -10574,12 +11292,12 @@ var messages$g = reactIntl.defineMessages({
|
|
|
10574
11292
|
zonesStatus: {
|
|
10575
11293
|
id: 'PlatformLimits.Status.zones',
|
|
10576
11294
|
description: 'The message for zones platform limit values',
|
|
10577
|
-
defaultMessage: 'Zones
|
|
11295
|
+
defaultMessage: 'Zones'
|
|
10578
11296
|
}
|
|
10579
11297
|
});
|
|
10580
11298
|
|
|
10581
11299
|
const PlatformLimitsZonesStatus = _ref => {
|
|
10582
|
-
var _platformLimits$zones, _platformLimits$zones2, _platformLimits$zones3, _platformLimits$zones4
|
|
11300
|
+
var _platformLimits$zones, _platformLimits$zones2, _platformLimits$zones3, _platformLimits$zones4;
|
|
10583
11301
|
let total = _ref.total;
|
|
10584
11302
|
const intl = reactIntl.useIntl();
|
|
10585
11303
|
const _useZonesPlatformLimi = useZonesPlatformLimitsFetcher(),
|
|
@@ -10587,12 +11305,13 @@ const PlatformLimitsZonesStatus = _ref => {
|
|
|
10587
11305
|
const current = platformLimits === null || platformLimits === void 0 ? void 0 : (_platformLimits$zones = platformLimits.zones) === null || _platformLimits$zones === void 0 ? void 0 : (_platformLimits$zones2 = _platformLimits$zones.total) === null || _platformLimits$zones2 === void 0 ? void 0 : _platformLimits$zones2.current;
|
|
10588
11306
|
const limit = platformLimits === null || platformLimits === void 0 ? void 0 : (_platformLimits$zones3 = platformLimits.zones) === null || _platformLimits$zones3 === void 0 ? void 0 : (_platformLimits$zones4 = _platformLimits$zones3.total) === null || _platformLimits$zones4 === void 0 ? void 0 : _platformLimits$zones4.limit;
|
|
10589
11307
|
return jsxRuntime.jsx(PlatformLimitsStatusText, {
|
|
10590
|
-
|
|
11308
|
+
intlMessage: messages$g.zonesStatus,
|
|
11309
|
+
children: getPlatformLimitsStatus({
|
|
10591
11310
|
limit,
|
|
10592
11311
|
current,
|
|
10593
11312
|
total,
|
|
10594
11313
|
intl
|
|
10595
|
-
})
|
|
11314
|
+
})
|
|
10596
11315
|
});
|
|
10597
11316
|
};
|
|
10598
11317
|
PlatformLimitsZonesStatus.displayName = 'PlatformLimitsZonesStatus';
|
|
@@ -12035,6 +12754,7 @@ const SelectableFieldSearchInput = props => {
|
|
|
12035
12754
|
return jsxRuntime.jsx("div", {
|
|
12036
12755
|
className: styles$4.container,
|
|
12037
12756
|
children: jsxRuntime.jsx(uiKit.SelectableSearchInput, {
|
|
12757
|
+
menuHorizontalConstraint: 5,
|
|
12038
12758
|
options: props.options,
|
|
12039
12759
|
value: {
|
|
12040
12760
|
text: searchText,
|
|
@@ -12195,7 +12915,7 @@ const validateRequired = value => {
|
|
|
12195
12915
|
};
|
|
12196
12916
|
const VALIDATOR_REQUIRED = {
|
|
12197
12917
|
name: 'required',
|
|
12198
|
-
message: messages$
|
|
12918
|
+
message: messages$O.required,
|
|
12199
12919
|
permanent: true,
|
|
12200
12920
|
validators: {
|
|
12201
12921
|
change(value) {
|
|
@@ -12209,7 +12929,7 @@ const VALIDATOR_REQUIRED = {
|
|
|
12209
12929
|
};
|
|
12210
12930
|
const VALIDATOR_NUMERIC = {
|
|
12211
12931
|
name: 'numeric',
|
|
12212
|
-
message: messages$
|
|
12932
|
+
message: messages$O.numeric,
|
|
12213
12933
|
permanent: false,
|
|
12214
12934
|
validators: {
|
|
12215
12935
|
change: v => {
|
|
@@ -12224,7 +12944,7 @@ const VALIDATOR_NUMERIC = {
|
|
|
12224
12944
|
};
|
|
12225
12945
|
const VALIDATOR_INTEGER = {
|
|
12226
12946
|
name: 'integer',
|
|
12227
|
-
message: messages$
|
|
12947
|
+
message: messages$O.integer,
|
|
12228
12948
|
permanent: false,
|
|
12229
12949
|
validators: {
|
|
12230
12950
|
change: v => {
|
|
@@ -12239,7 +12959,7 @@ const VALIDATOR_INTEGER = {
|
|
|
12239
12959
|
};
|
|
12240
12960
|
({
|
|
12241
12961
|
name: 'email',
|
|
12242
|
-
message: messages$
|
|
12962
|
+
message: messages$O.email,
|
|
12243
12963
|
permanent: false,
|
|
12244
12964
|
validators: {
|
|
12245
12965
|
// Note: it's a bit weird to validate it on every change,
|
|
@@ -13175,17 +13895,17 @@ function isValidISODateTime(_ref3) {
|
|
|
13175
13895
|
}
|
|
13176
13896
|
|
|
13177
13897
|
const validateSingleOptionEnum = (selectedOption, intl) => {
|
|
13178
|
-
if (validateSingleFilter(selectedOption)) return intl.formatMessage(messages$
|
|
13898
|
+
if (validateSingleFilter(selectedOption)) return intl.formatMessage(messages$O.required);
|
|
13179
13899
|
return null;
|
|
13180
13900
|
};
|
|
13181
13901
|
const validateMultiOptionEnum = (selectedOption, intl) => {
|
|
13182
|
-
if (validateSingleFilter(selectedOption) || selectedOption.value.length === 0) return intl.formatMessage(messages$
|
|
13902
|
+
if (validateSingleFilter(selectedOption) || selectedOption.value.length === 0) return intl.formatMessage(messages$O.required);
|
|
13183
13903
|
return null;
|
|
13184
13904
|
};
|
|
13185
13905
|
|
|
13186
13906
|
// eslint-disable-next-line import/prefer-default-export
|
|
13187
13907
|
const validateText = (text, intl) => {
|
|
13188
|
-
if (validateSingleFilter(text)) return intl.formatMessage(messages$
|
|
13908
|
+
if (validateSingleFilter(text)) return intl.formatMessage(messages$O.required);
|
|
13189
13909
|
return null;
|
|
13190
13910
|
};
|
|
13191
13911
|
|
|
@@ -13267,11 +13987,6 @@ const not = function () {
|
|
|
13267
13987
|
};
|
|
13268
13988
|
};
|
|
13269
13989
|
|
|
13270
|
-
const safelyAddFallback = function (string) {
|
|
13271
|
-
let fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : constants.NO_VALUE_FALLBACK;
|
|
13272
|
-
return string === '' ? fallback : string !== null && string !== void 0 ? string : fallback;
|
|
13273
|
-
};
|
|
13274
|
-
|
|
13275
13990
|
var messages = reactIntl.defineMessages({
|
|
13276
13991
|
booleanAttributeTrue: {
|
|
13277
13992
|
id: 'Products.ProductList.column.booleanTrue',
|
|
@@ -13662,6 +14377,8 @@ function withPendingRequests() {
|
|
|
13662
14377
|
var CategorySearchPickerOptionFragment = { kind: "Document", definitions: [{ kind: "FragmentDefinition", name: { kind: "Name", value: "CategorySearchPickerOptionFragment" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "CategorySearch" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "externalId" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "slugAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "parent" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "ancestors" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }] } }], loc: { start: 0, end: 685, source: { body: "query SearchCategoryReference($locale: Locale!, $text: String!) {\n categories: categoryAutocomplete(locale: $locale, text: $text) {\n results {\n ...CategorySearchPickerOptionFragment\n }\n }\n}\n\nquery FetchCategoriesByIds($where: String!) {\n categories(where: $where) {\n results {\n id\n nameAllLocales {\n locale\n value\n }\n }\n }\n}\n\nfragment CategorySearchPickerOptionFragment on CategorySearch {\n id\n externalId\n nameAllLocales {\n locale\n value\n }\n slugAllLocales {\n locale\n value\n }\n parent {\n nameAllLocales {\n locale\n value\n }\n }\n ancestors {\n nameAllLocales {\n locale\n value\n }\n }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
|
|
13663
14378
|
|
|
13664
14379
|
exports.BooleanField = booleanField;
|
|
14380
|
+
exports.BusinessUnitAssociatesList = BusinessUnitAssociatesList;
|
|
14381
|
+
exports.BusinessUnitAssociatesListView = BusinessUnitAssociatesListView;
|
|
13665
14382
|
exports.BusinessUnitSelectField = BusinessUnitSelectField;
|
|
13666
14383
|
exports.BusinessUnitSelectInput = BusinessUnitSelectInput;
|
|
13667
14384
|
exports.Button = Button;
|
|
@@ -13712,7 +14429,7 @@ exports.attributesMapToNameValuePairs = attributesMapToNameValuePairs;
|
|
|
13712
14429
|
exports.base64ToString = base64ToString;
|
|
13713
14430
|
exports.booleanMessages = messages$8;
|
|
13714
14431
|
exports.buildSearchQuery = buildSearchQuery;
|
|
13715
|
-
exports.businessRoleMessages = messages$
|
|
14432
|
+
exports.businessRoleMessages = messages$v;
|
|
13716
14433
|
exports.businessRoles = businessRoleKeys;
|
|
13717
14434
|
exports.capitalizeFirst = capitalizeFirst;
|
|
13718
14435
|
exports.clone = clone;
|
|
@@ -13813,7 +14530,7 @@ exports.resolveStatusType = resolveStatusType;
|
|
|
13813
14530
|
exports.safelyAddFallback = safelyAddFallback;
|
|
13814
14531
|
exports.sanitize = sanitize;
|
|
13815
14532
|
exports.searchCategories = searchCategories;
|
|
13816
|
-
exports.searchInputMessages = messages$
|
|
14533
|
+
exports.searchInputMessages = messages$J;
|
|
13817
14534
|
exports.setDisplayName = setDisplayName;
|
|
13818
14535
|
exports.setToArray = setToArray;
|
|
13819
14536
|
exports.shallowEqual = shallowEqual;
|
|
@@ -13865,7 +14582,7 @@ exports.validateNumber = validateFilter;
|
|
|
13865
14582
|
exports.validateSingleOptionEnum = validateSingleOptionEnum;
|
|
13866
14583
|
exports.validateText = validateText;
|
|
13867
14584
|
exports.validatedInput = validatedInput;
|
|
13868
|
-
exports.validationMessages = messages$
|
|
14585
|
+
exports.validationMessages = messages$O;
|
|
13869
14586
|
exports.withPendingRequests = withPendingRequests;
|
|
13870
14587
|
exports.withProps = withProps;
|
|
13871
14588
|
exports.withRedirectTo = withRedirectTo;
|