ordering-ui-admin-external 1.43.30 → 1.43.32

package/_modules/styles/MultiSelect/index.js

@@ -37,7 +37,17 @@ var MultiSelect = exports.MultiSelect = function MultiSelect(props) {
     searchBarPlaceholder = props.searchBarPlaceholder,
     searchBarIsCustomLayout = props.searchBarIsCustomLayout,
     searchValue = props.searchValue,
-    handleChangeSearch = props.handleChangeSearch;
+    handleChangeSearch = props.handleChangeSearch,
+    useTextStyle = props.useTextStyle,
+    textClassnames = props.textClassnames,
+    hideChevronIcon = props.hideChevronIcon,
+    andText = props.andText,
+    pagination = props.pagination,
+    handleChangePage = props.handleChangePage,
+    handleChangePageSize = props.handleChangePageSize,
+    useLazyPagination = props.useLazyPagination,
+    isLoading = props.isLoading,
+    optionsPosition = props.optionsPosition;
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -57,7 +67,7 @@ var MultiSelect = exports.MultiSelect = function MultiSelect(props) {
     setOpen(!open);
   };
   var closeSelect = function closeSelect(e) {
-    if (open) {
+    if (open && !isLoading) {
       var _dropdownReference$cu;
       var outsideDropdown = !((_dropdownReference$cu = dropdownReference.current) !== null && _dropdownReference$cu !== void 0 && _dropdownReference$cu.contains(e.target));
       if (outsideDropdown) {
@@ -70,7 +80,9 @@ var MultiSelect = exports.MultiSelect = function MultiSelect(props) {
     var _defaultOption = options === null || options === void 0 ? void 0 : options.filter(function (option) {
       return defaultValue.includes(option.value);
     });
-    setSelectedOptions(_defaultOption);
+    if (!(useLazyPagination && pagination)) {
+      setSelectedOptions(_defaultOption);
+    }
     setValues(defaultValue);
   }, [defaultValue, options, searchValue]);
   (0, _react.useEffect)(function () {
@@ -83,6 +95,10 @@ var MultiSelect = exports.MultiSelect = function MultiSelect(props) {
       return document.removeEventListener('click', closeSelect);
     };
   }, [open]);
+  var handlerChangePage = function handlerChangePage(page) {
+    setOpen(true);
+    handleChangePage(page);
+  };
   var handleSelectOption = function handleSelectOption(option) {
     if (option.value === null || option.value === 'default') return;
     var _selectedOptions = _toConsumableArray(selectedOptions);
@@ -103,20 +119,43 @@ var MultiSelect = exports.MultiSelect = function MultiSelect(props) {
     setValues(_values);
     onChange && onChange(option.value);
   };
+  var optionsTextFormatted = function optionsTextFormatted(selectedOption, index) {
+    if (index <= 2) {
+      return "".concat(selectedOption.showOnSelected || selectedOption.content).concat(index + 1 !== (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) && index <= 2 ? ', ' : ' ');
+    }
+    if (index + 1 === (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) && (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) >= 4) {
+      return "".concat(andText || 'And', " ").concat(index - 2, " +");
+    }
+    return null;
+  };
+  var filterFunction = function filterFunction(_, index) {
+    if (!pagination || useLazyPagination) return true;
+    var validation = (pagination === null || pagination === void 0 ? void 0 : pagination.currentPage) === 1 ? index < pagination.pageSize * pagination.currentPage : index >= pagination.pageSize * (pagination.currentPage - 1) && index < pagination.pageSize * pagination.currentPage;
+    return validation;
+  };
   return /*#__PURE__*/_react.default.createElement(_Selects.Select, {
+    useTextStyle: useTextStyle,
     className: className || 'multi-select'
   }, selectedOptions.length === 0 ? /*#__PURE__*/_react.default.createElement(_Selects.Selected, {
+    useTextStyle: useTextStyle,
     onClick: function onClick(e) {
       return handleSelectClick(e);
     }
-  }, placeholder || '', /*#__PURE__*/_react.default.createElement(_Selects.Chevron, null, /*#__PURE__*/_react.default.createElement(_EnChevronDown.default, null))) : /*#__PURE__*/_react.default.createElement(_Selects.Selected, {
+  }, useTextStyle ? /*#__PURE__*/_react.default.createElement(_Selects.Header, null, /*#__PURE__*/_react.default.createElement(_styles.TextFormatted, {
+    className: textClassnames
+  }, placeholder || '')) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, placeholder || ''), !hideChevronIcon && /*#__PURE__*/_react.default.createElement(_Selects.Chevron, null, /*#__PURE__*/_react.default.createElement(_EnChevronDown.default, null))) : /*#__PURE__*/_react.default.createElement(_Selects.Selected, {
     onClick: function onClick(e) {
       return handleSelectClick(e);
     }
-  }, /*#__PURE__*/_react.default.createElement(_Selects.Header, null, selectedOptions.map(function (selectedOption) {
+  }, /*#__PURE__*/_react.default.createElement(_Selects.Header, {
+    useTextStyle: useTextStyle
+  }, selectedOptions.map(function (selectedOption, index) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
       key: selectedOption.value
-    }, /*#__PURE__*/_react.default.createElement(_Selects.MultiSelectOption, null, selectedOption.showOnSelected || selectedOption.content, (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) !== 'default' && /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
+    }, useTextStyle ? /*#__PURE__*/_react.default.createElement(_styles.TextFormatted, {
+      className: textClassnames,
+      primary: true
+    }, optionsTextFormatted(selectedOption, index)) : /*#__PURE__*/_react.default.createElement(_Selects.MultiSelectOption, null, selectedOption.showOnSelected || selectedOption.content, (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) !== 'default' && /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
       circle: true,
       outline: true,
       color: "primary",
@@ -126,10 +165,11 @@ var MultiSelect = exports.MultiSelect = function MultiSelect(props) {
         return onChange && onChange(selectedOption.value);
       }
     }, /*#__PURE__*/_react.default.createElement(_MdClose.default, null))));
-  })), /*#__PURE__*/_react.default.createElement(_Selects.Chevron, null, /*#__PURE__*/_react.default.createElement(_EnChevronDown.default, null))), open && options && /*#__PURE__*/_react.default.createElement(_Selects.Options, {
+  })), !hideChevronIcon && /*#__PURE__*/_react.default.createElement(_Selects.Chevron, null, /*#__PURE__*/_react.default.createElement(_EnChevronDown.default, null))), open && options && /*#__PURE__*/_react.default.createElement(_Selects.Options, {
     isAbsolute: true,
-    position: "right",
-    ref: dropdownReference
+    position: optionsPosition !== null && optionsPosition !== void 0 ? optionsPosition : 'right',
+    ref: dropdownReference,
+    minWidth: "330px"
   }, isShowSearchBar && /*#__PURE__*/_react.default.createElement(_Selects.SearchBarWrapper, {
     className: "search-bar-container"
   }, /*#__PURE__*/_react.default.createElement(_Shared.SearchBar, {
@@ -141,7 +181,7 @@ var MultiSelect = exports.MultiSelect = function MultiSelect(props) {
   })), /*#__PURE__*/_react.default.createElement(_Selects.OptionsInner, {
     optionInnerMargin: props.optionInnerMargin,
     optionInnerMaxHeight: props.optionInnerMaxHeight
-  }, options.map(function (option, i) {
+  }, options.filter(filterFunction).map(function (option, i) {
     return /*#__PURE__*/_react.default.createElement(_Selects.MultiOption, {
       key: i,
       color: option.color,
@@ -150,5 +190,11 @@ var MultiSelect = exports.MultiSelect = function MultiSelect(props) {
       },
       optionBottomBorder: props.optionBottomBorder
     }, option.value !== 'default' && /*#__PURE__*/_react.default.createElement(_styles.CheckBox, null, values.includes(option.value) ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.CheckSquareFill, null) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Square, null)), option.content);
+  })), pagination && handleChangePageSize && handleChangePage && /*#__PURE__*/_react.default.createElement(_styles.PaginationWrapper, null, /*#__PURE__*/_react.default.createElement(_Shared.Pagination, {
+    currentPage: pagination === null || pagination === void 0 ? void 0 : pagination.currentPage,
+    totalPages: pagination === null || pagination === void 0 ? void 0 : pagination.totalPages,
+    handleChangePage: handlerChangePage,
+    handleChangePageSize: handleChangePageSize,
+    defaultPageSize: pagination === null || pagination === void 0 ? void 0 : pagination.pageSize
   }))));
 };

package/_modules/styles/MultiSelect/styles.js

@@ -1,13 +1,24 @@
 "use strict";
 
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CheckBox = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _templateObject;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+exports.TextFormatted = exports.PaginationWrapper = exports.CheckBox = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 var CheckBox = exports.CheckBox = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n  display: flex;\n  svg {\n    font-size: 16px;\n  }\n"])), function (props) {
   return props.theme.colors.primary;
-});
+});
+var TextFormatted = exports.TextFormatted = _styledComponents.default.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n\n  div {\n    font-size: 14px;\n    color: ", ";\n  }\n"])), function (_ref) {
+  var _theme$colors;
+  var primary = _ref.primary,
+    theme = _ref.theme;
+  return primary && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), theme === null || theme === void 0 || (_theme$colors = theme.colors) === null || _theme$colors === void 0 ? void 0 : _theme$colors.primary);
+}, function (props) {
+  return props.theme.colors.primary;
+});
+var PaginationWrapper = exports.PaginationWrapper = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin: 20px;\n"])));

package/_modules/styles/Selects/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Selected = exports.SelectImage = exports.Select = exports.SearchBarWrapper = exports.OptionsInner = exports.Options = exports.Option = exports.MultiSelectOption = exports.MultiOption = exports.Header = exports.FunctionalityContainer = exports.Chevron = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _polished = require("polished");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
@@ -41,91 +41,102 @@ var Option = exports.Option = _styledComponents.default.div(_templateObject || (
   var color = _ref6.color;
   return color === 'primary' && (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    color: #C3C3C3;\n  "])));
 });
-var Options = exports.Options = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  min-width: 100%;\n  background: ", ";\n  z-index: 10000;\n  border-width: 1px;\n  border-style: solid;\n  border-color: #E9ECEF;\n  border-radius: 7.6px;\n  overflow: hidden;\n\n  ", "\n  ", "\n\n  ", "\n"])), function (props) {
+var Options = exports.Options = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  min-width: ", ";\n  background: ", ";\n  z-index: 10000;\n  border-width: 1px;\n  border-style: solid;\n  border-color: #E9ECEF;\n  border-radius: 7.6px;\n  overflow: hidden;\n\n  ", "\n  ", "\n\n  ", "\n"])), function (_ref7) {
+  var minWidth = _ref7.minWidth;
+  return minWidth || '100%';
+}, function (props) {
   var _props$theme$colors;
   return ((_props$theme$colors = props.theme.colors) === null || _props$theme$colors === void 0 ? void 0 : _props$theme$colors.backgroundPage) || '#FFF';
-}, function (_ref7) {
-  var position = _ref7.position;
+}, function (_ref8) {
+  var position = _ref8.position;
   return (position === null || position === void 0 ? void 0 : position.toLowerCase()) === 'left' && (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    left: 0;\n    margin-left: -1px;\n    ", "\n  "])), function (props) {
     var _props$theme2;
     return ((_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.rtl) && (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n        margin-right: -1px;\n        margin-left: 0px;\n        right: 0;\n        left: initial;\n    "])));
   });
-}, function (_ref8) {
-  var position = _ref8.position;
+}, function (_ref9) {
+  var position = _ref9.position;
   return (position === null || position === void 0 ? void 0 : position.toLowerCase()) === 'right' && (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    right: 0;\n    margin-right: -1px;\n    ", "\n  "])), function (props) {
     var _props$theme3;
     return ((_props$theme3 = props.theme) === null || _props$theme3 === void 0 ? void 0 : _props$theme3.rtl) && (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n        margin-left: -1px;\n        margin-right: 0px;\n        left: 0;\n        right: initial;\n    "])));
   });
-}, function (_ref9) {
-  var isAbsolute = _ref9.isAbsolute;
+}, function (_ref10) {
+  var isAbsolute = _ref10.isAbsolute;
   return isAbsolute && (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    position: absolute;\n    margin-top: 7px;\n  "])));
 });
-var OptionsInner = exports.OptionsInner = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  overflow-x: hidden;\n  margin: ", ";\n  max-height: ", ";\n  overscroll-behavior: contain;\n"])), function (_ref10) {
-  var optionInnerMargin = _ref10.optionInnerMargin;
+var OptionsInner = exports.OptionsInner = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  overflow-x: hidden;\n  margin: ", ";\n  max-height: ", ";\n  overscroll-behavior: contain;\n"])), function (_ref11) {
+  var optionInnerMargin = _ref11.optionInnerMargin;
   return optionInnerMargin;
-}, function (_ref11) {
-  var optionInnerMaxHeight = _ref11.optionInnerMaxHeight;
+}, function (_ref12) {
+  var optionInnerMaxHeight = _ref12.optionInnerMaxHeight;
   return optionInnerMaxHeight;
 });
-var Selected = exports.Selected = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  padding-left: 15px;\n  padding-right: 15px;\n  cursor: pointer;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex: 1;\n\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -khtml-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  z-index: 11;\n\n  p {\n    margin: 0px;\n  }\n\n  @media (max-width: 380px) {\n    padding-left: 9px;\n    padding-right: 9px;\n    font-size: 13px;\n  }\n\n  ", "\n"])), function (_ref12) {
-  var isDisabled = _ref12.isDisabled;
-  return isDisabled && (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n    pointer-events: none;\n  "])));
+var Selected = exports.Selected = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  ", "\n  cursor: pointer;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex: 1;\n\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -khtml-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  z-index: 11;\n\n  p {\n    margin: 0px;\n  }\n\n  @media (max-width: 380px) {\n    padding-left: 9px;\n    padding-right: 9px;\n    font-size: 13px;\n  }\n\n  ", "\n"])), function (_ref13) {
+  var useTextStyle = _ref13.useTextStyle;
+  return !useTextStyle && (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n    padding-left: 15px;\n    padding-right: 15px;\n  "])));
+}, function (_ref14) {
+  var isDisabled = _ref14.isDisabled;
+  return isDisabled && (0, _styledComponents.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n    pointer-events: none;\n  "])));
 });
-var Select = exports.Select = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  display: inline-block;\n  border-radius: 7.6px;\n  line-height: 34px;\n  border-width: 1px;\n  border-style: solid;\n  border-color: #DEE2E6;\n  color: #344050;\n  position: relative;\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (props) {
-  return props.open && (0, _styledComponents.css)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n    background-color: ", ";\n  "])), (0, _polished.darken)(0.07, '#CCC'));
-}, function (_ref13) {
-  var type = _ref13.type;
-  return type === 'primary' && (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n    background: ", ";\n    color: ", ";\n    border-color: ", ";\n    border-radius: 7.6px;\n  "])), function (props) {
+var Select = exports.Select = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  display: inline-block;\n  color: #344050;\n  position: relative;\n\n  ", "\n  ", "\n\n  ", "\n\n  ", "\n"])), function (props) {
+  return !props.useTextStyle && (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n    border-radius: 7.6px;\n    line-height: 34px;\n    border-width: 1px;\n    border-style: solid;\n    border-color: #DEE2E6;\n  "])));
+}, function (props) {
+  return props.open && (0, _styledComponents.css)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n    background-color: ", ";\n  "])), (0, _polished.darken)(0.07, '#CCC'));
+}, function (_ref15) {
+  var type = _ref15.type;
+  return type === 'primary' && (0, _styledComponents.css)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n    background: ", ";\n    color: ", ";\n    border-color: ", ";\n    border-radius: 7.6px;\n  "])), function (props) {
     return props.theme.colors.btnPrimary;
   }, function (props) {
     return props.theme.colors.btnPrimaryContrast;
   }, function (props) {
     return props.theme.colors.btnPrimary;
   });
-}, function (_ref14) {
-  var isDisabled = _ref14.isDisabled;
-  return isDisabled && (0, _styledComponents.css)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n    cursor: not-allowed;\n    background-color: ", " !important;\n  "])), function (props) {
+}, function (_ref16) {
+  var isDisabled = _ref16.isDisabled;
+  return isDisabled && (0, _styledComponents.css)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n    cursor: not-allowed;\n    background-color: ", " !important;\n  "])), function (props) {
     return props.theme.colors.disabled;
   });
 });
-var Chevron = exports.Chevron = _styledComponents.default.div(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  font-size: 14px;\n  display: flex;\n  align-items: center;\n  margin-left: 5px;\n  ", "\n"])), function (props) {
+var Chevron = exports.Chevron = _styledComponents.default.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  font-size: 14px;\n  display: flex;\n  align-items: center;\n  margin-left: 5px;\n  ", "\n"])), function (props) {
   var _props$theme4;
-  return ((_props$theme4 = props.theme) === null || _props$theme4 === void 0 ? void 0 : _props$theme4.rtl) && (0, _styledComponents.css)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n    margin-right: 5px;\n    margin-left: 0px;\n  "])));
+  return ((_props$theme4 = props.theme) === null || _props$theme4 === void 0 ? void 0 : _props$theme4.rtl) && (0, _styledComponents.css)(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n    margin-right: 5px;\n    margin-left: 0px;\n  "])));
 });
-var Header = exports.Header = _styledComponents.default.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  flex: 1;\n  overflow: auto;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n"])));
-var SelectImage = exports.SelectImage = _styledComponents.default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  width: 28px;\n  height: 28px;\n  border-radius: 1000px;\n  margin-left: 5px;\n  overflow: hidden;\n\n  ", "\n\n  img {\n    width: 100%;\n    height: 100%;\n  }\n"])), function (props) {
+var Header = exports.Header = _styledComponents.default.div(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  flex: 1;\n  overflow: auto;\n  white-space: ", ";\n  display: flex;\n  align-items: center;\n"])), function (_ref17) {
+  var useTextStyle = _ref17.useTextStyle;
+  return useTextStyle ? 'pre-wrap' : 'nowrap';
+});
+var SelectImage = exports.SelectImage = _styledComponents.default.div(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n  width: 28px;\n  height: 28px;\n  border-radius: 1000px;\n  margin-left: 5px;\n  overflow: hidden;\n\n  ", "\n\n  img {\n    width: 100%;\n    height: 100%;\n  }\n"])), function (props) {
   var _props$theme5;
-  return ((_props$theme5 = props.theme) === null || _props$theme5 === void 0 ? void 0 : _props$theme5.rtl) && (0, _styledComponents.css)(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n    margin-left: 5px;\n    margin-right: 0;\n  "])));
+  return ((_props$theme5 = props.theme) === null || _props$theme5 === void 0 ? void 0 : _props$theme5.rtl) && (0, _styledComponents.css)(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n    margin-left: 5px;\n    margin-right: 0;\n  "])));
 });
-var MultiSelectOption = exports.MultiSelectOption = _styledComponents.default.div(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n  position: relative;\n  button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    background: ", ";\n    width: 20px;\n    height: 20px;\n    transform: translate(100%, -50%);\n    top: 11px;\n    right: 15px;\n  }\n"])), function (props) {
+var MultiSelectOption = exports.MultiSelectOption = _styledComponents.default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n  position: relative;\n  button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    background: ", ";\n    width: 20px;\n    height: 20px;\n    transform: translate(100%, -50%);\n    top: 11px;\n    right: 15px;\n  }\n"])), function (props) {
   var _props$theme$colors2;
   return ((_props$theme$colors2 = props.theme.colors) === null || _props$theme$colors2 === void 0 ? void 0 : _props$theme$colors2.backgroundPage) || '#FFF';
 });
-var FunctionalityContainer = exports.FunctionalityContainer = _styledComponents.default.div(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  svg{\n    margin-left: 20px;\n    ", "\n  }\n"])), function (props) {
-  return props.disabled && (0, _styledComponents.css)(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n      opacity: 0.4;\n      pointer-events: none;\n    "])));
+var FunctionalityContainer = exports.FunctionalityContainer = _styledComponents.default.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  svg{\n    margin-left: 20px;\n    ", "\n  }\n"])), function (props) {
+  return props.disabled && (0, _styledComponents.css)(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n      opacity: 0.4;\n      pointer-events: none;\n    "])));
 });
-var SearchBarWrapper = exports.SearchBarWrapper = _styledComponents.default.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n  padding: 5px 10px;\n  width: 100%;\n  > div {\n    input {\n      height: 42px;\n    }\n  }\n"])));
-var MultiOption = exports.MultiOption = _styledComponents.default.div(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 5px 10px;\n  box-sizing: border-box;\n  min-width: ", ";\n  color: #333;\n  cursor: pointer;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  ", "\n\n  svg {\n    vertical-align: text-top;\n  }\n\n  ", "\n\n  ", "\n"])), function (_ref15) {
-  var minWidth = _ref15.minWidth;
+var SearchBarWrapper = exports.SearchBarWrapper = _styledComponents.default.div(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n  padding: 5px 10px;\n  width: 100%;\n  > div {\n    input {\n      height: 42px;\n    }\n  }\n"])));
+var MultiOption = exports.MultiOption = _styledComponents.default.div(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 5px 10px;\n  box-sizing: border-box;\n  min-width: ", ";\n  color: #333;\n  cursor: pointer;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  ", "\n\n  svg {\n    vertical-align: text-top;\n  }\n\n  ", "\n\n  ", "\n"])), function (_ref18) {
+  var minWidth = _ref18.minWidth;
   return minWidth || '100px';
-}, function (_ref16) {
-  var disabled = _ref16.disabled;
-  return disabled && (0, _styledComponents.css)(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n    cursor: no-drop;\n    opacity: 0.6;\n  "])));
-}, function (_ref17) {
-  var showDisable = _ref17.showDisable;
-  return showDisable && (0, _styledComponents.css)(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n    display: none;\n  "])));
-}, function (_ref18) {
-  var optionBottomBorder = _ref18.optionBottomBorder;
-  return optionBottomBorder && (0, _styledComponents.css)(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n      border-bottom: 1px solid #D8D8D8;\n  "])));
-}, (0, _polished.darken)(0.03, '#fafafa'), function (props) {
-  return props.selected && (0, _styledComponents.css)(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n    background-color: ", ";\n  \n    &:hover {\n      background-color: ", ";\n    }\n  "])), (0, _polished.darken)(0.07, '#fafafa'), (0, _polished.darken)(0.07, '#fafafa'));
 }, function (_ref19) {
-  var withIcons = _ref19.withIcons;
-  return withIcons && (0, _styledComponents.css)(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n      svg {\n        margin-right: 3px;\n        ", "\n      }\n  "])), function (props) {
+  var disabled = _ref19.disabled;
+  return disabled && (0, _styledComponents.css)(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n    cursor: no-drop;\n    opacity: 0.6;\n  "])));
+}, function (_ref20) {
+  var showDisable = _ref20.showDisable;
+  return showDisable && (0, _styledComponents.css)(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n    display: none;\n  "])));
+}, function (_ref21) {
+  var optionBottomBorder = _ref21.optionBottomBorder;
+  return optionBottomBorder && (0, _styledComponents.css)(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n      border-bottom: 1px solid #D8D8D8;\n  "])));
+}, (0, _polished.darken)(0.03, '#fafafa'), function (props) {
+  return props.selected && (0, _styledComponents.css)(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n    background-color: ", ";\n\n    &:hover {\n      background-color: ", ";\n    }\n  "])), (0, _polished.darken)(0.07, '#fafafa'), (0, _polished.darken)(0.07, '#fafafa'));
+}, function (_ref22) {
+  var withIcons = _ref22.withIcons;
+  return withIcons && (0, _styledComponents.css)(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n      svg {\n        margin-right: 3px;\n        ", "\n      }\n  "])), function (props) {
     var _props$theme6;
-    return ((_props$theme6 = props.theme) === null || _props$theme6 === void 0 ? void 0 : _props$theme6.rtl) && (0, _styledComponents.css)(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n          margin-left: 3px;\n          margin-right: 0px;\n       "])));
+    return ((_props$theme6 = props.theme) === null || _props$theme6 === void 0 ? void 0 : _props$theme6.rtl) && (0, _styledComponents.css)(_templateObject39 || (_templateObject39 = _taggedTemplateLiteral(["\n          margin-left: 3px;\n          margin-right: 0px;\n       "])));
   });
-}, function (_ref20) {
-  var color = _ref20.color;
-  return color === 'primary' && (0, _styledComponents.css)(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n    color: #C3C3C3;\n  "])));
+}, function (_ref23) {
+  var color = _ref23.color;
+  return color === 'primary' && (0, _styledComponents.css)(_templateObject40 || (_templateObject40 = _taggedTemplateLiteral(["\n    color: #C3C3C3;\n  "])));
 });

package/_modules/utils/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.widgetURL = exports.verifyDecimals = exports.stringToSlug = exports.sortInputFields = exports.shape = exports.setStorageItem = exports.scrollTo = exports.ribbonValues = exports.reviewCommentList = exports.removeStorageItem = exports.removeQueryToUrl = exports.queryStringToObject = exports.orderStatus = exports.orderRejectCommentList = exports.optimizeImage = exports.getUniqueId = exports.getStorageItem = exports.getStarWidth = exports.getSeconds = exports.getOrderStatus = exports.getOrderStatuPickUp = exports.getMinutes = exports.getLocale = exports.getIconCard = exports.getHours = exports.getCurrenySymbol = exports.getCurrentDiffDays = exports.getAgoMinutes = exports.formatUrlVideo = exports.formatSeconds = exports.firstLetterCapital = exports.findExitingCountryPhoneCode = exports.findExitingCode = exports.fieldsToSort = exports.disableReasons = exports.convertHoursToMinutes = exports.convertHMS = exports.checkValidUrlFormat = exports.checkSiteUrl = exports.checkPreSiteUrl = exports.capitalize = exports.bytesConverter = exports.addQueryToUrl = exports.TwentyFourHours = exports.TwelveHours = exports.DriverTipsOptions = void 0;
+exports.widgetURL = exports.verifyDecimals = exports.stringToSlug = exports.sortInputFields = exports.shape = exports.setStorageItem = exports.scrollTo = exports.ribbonValues = exports.reviewCommentList = exports.removeStorageItem = exports.removeQueryToUrl = exports.queryStringToObject = exports.orderStatus = exports.orderRejectCommentList = exports.optimizeImage = exports.getUniqueId = exports.getStorageItem = exports.getStarWidth = exports.getSeconds = exports.getOrderStatus = exports.getOrderStatuPickUp = exports.getMinutes = exports.getLocale = exports.getIconCard = exports.getHours = exports.getCurrenySymbol = exports.getCurrentDiffDays = exports.getAttributeName = exports.getAgoMinutes = exports.formatUrlVideo = exports.formatSeconds = exports.firstLetterCapital = exports.findExitingCountryPhoneCode = exports.findExitingCode = exports.fieldsToSort = exports.disableReasons = exports.convertHoursToMinutes = exports.convertHMS = exports.checkValidUrlFormat = exports.checkSiteUrl = exports.checkPreSiteUrl = exports.capitalize = exports.bytesConverter = exports.addQueryToUrl = exports.TwentyFourHours = exports.TwelveHours = exports.DriverTipsOptions = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _FaCcMastercard = _interopRequireDefault(require("@meronex/icons/fa/FaCcMastercard"));
 var _FaCcVisa = _interopRequireDefault(require("@meronex/icons/fa/FaCcVisa"));
@@ -437,104 +437,104 @@ var reviewCommentList = exports.reviewCommentList = function reviewCommentList(t
   var reviews = {
     1: {
       1: {
-        title: t('CUSTOMER_QUICK_COMMENT_TITLE_1', "What went wrong?"),
+        title: t('CUSTOMER_QUICK_COMMENT_TITLE_1', 'What went wrong?'),
         list: [{
           key: 0,
-          content: t('CUSTOMER_QUICK_COMMENT_1_0', "Not handled with care")
+          content: t('CUSTOMER_QUICK_COMMENT_1_0', 'Not handled with care')
         }, {
           key: 1,
-          content: t('CUSTOMER_QUICK_COMMENT_1_1', "Poor communication")
+          content: t('CUSTOMER_QUICK_COMMENT_1_1', 'Poor communication')
         }, {
           key: 2,
-          content: t('CUSTOMER_QUICK_COMMENT_1_2', "COVID-19 issue")
+          content: t('CUSTOMER_QUICK_COMMENT_1_2', 'COVID-19 issue')
         }, {
           key: 3,
           content: t('CUSTOMER_QUICK_COMMENT_1_3', "Didn't follow instructions")
         }, {
           key: 4,
-          content: t('CUSTOMER_QUICK_COMMENT_1_4', "Rude")
+          content: t('CUSTOMER_QUICK_COMMENT_1_4', 'Rude')
         }, {
           key: 5,
-          content: t('CUSTOMER_QUICK_COMMENT_1_5', "Not on-time")
+          content: t('CUSTOMER_QUICK_COMMENT_1_5', 'Not on-time')
         }]
       },
       2: {
-        title: t('CUSTOMER_QUICK_COMMENT_TITLE_2', "What went wrong?"),
+        title: t('CUSTOMER_QUICK_COMMENT_TITLE_2', 'What went wrong?'),
         list: [{
           key: 0,
-          content: t('CUSTOMER_QUICK_COMMENT_2_0', "Not handled with care")
+          content: t('CUSTOMER_QUICK_COMMENT_2_0', 'Not handled with care')
         }, {
           key: 1,
-          content: t('CUSTOMER_QUICK_COMMENT_2_1', "Poor communication")
+          content: t('CUSTOMER_QUICK_COMMENT_2_1', 'Poor communication')
         }, {
           key: 2,
-          content: t('CUSTOMER_QUICK_COMMENT_2_2', "COVID-19 issue")
+          content: t('CUSTOMER_QUICK_COMMENT_2_2', 'COVID-19 issue')
         }, {
           key: 3,
           content: t('CUSTOMER_QUICK_COMMENT_2_3', "Didn't follow instructions")
         }, {
           key: 4,
-          content: t('CUSTOMER_QUICK_COMMENT_2_4', "Rude")
+          content: t('CUSTOMER_QUICK_COMMENT_2_4', 'Rude')
         }, {
           key: 5,
-          content: t('CUSTOMER_QUICK_COMMENT_2_5', "Not on-time")
+          content: t('CUSTOMER_QUICK_COMMENT_2_5', 'Not on-time')
         }]
       },
       3: {
-        title: t('CUSTOMER_QUICK_COMMENT_TITLE_3', "What could have been better?"),
+        title: t('CUSTOMER_QUICK_COMMENT_TITLE_3', 'What could have been better?'),
         list: [{
           key: 0,
-          content: t('CUSTOMER_QUICK_COMMENT_3_0', "Not handled with care")
+          content: t('CUSTOMER_QUICK_COMMENT_3_0', 'Not handled with care')
         }, {
           key: 1,
-          content: t('CUSTOMER_QUICK_COMMENT_3_1', "Poor communication")
+          content: t('CUSTOMER_QUICK_COMMENT_3_1', 'Poor communication')
         }, {
           key: 2,
-          content: t('CUSTOMER_QUICK_COMMENT_3_2', "COVID-19 issue")
+          content: t('CUSTOMER_QUICK_COMMENT_3_2', 'COVID-19 issue')
         }, {
           key: 3,
           content: t('CUSTOMER_QUICK_COMMENT_3_3', "Didn't follow instructions")
         }, {
           key: 4,
-          content: t('CUSTOMER_QUICK_COMMENT_3_4', "Rude")
+          content: t('CUSTOMER_QUICK_COMMENT_3_4', 'Rude')
         }, {
           key: 5,
-          content: t('CUSTOMER_QUICK_COMMENT_3_5', "Not on-time")
+          content: t('CUSTOMER_QUICK_COMMENT_3_5', 'Not on-time')
         }]
       },
       4: {
-        title: t('CUSTOMER_QUICK_COMMENT_TITLE_4', " Tell us more"),
+        title: t('CUSTOMER_QUICK_COMMENT_TITLE_4', ' Tell us more'),
         list: [{
           key: 0,
-          content: t('CUSTOMER_QUICK_COMMENT_4_0', "Not handled with care")
+          content: t('CUSTOMER_QUICK_COMMENT_4_0', 'Not handled with care')
         }, {
           key: 1,
-          content: t('CUSTOMER_QUICK_COMMENT_4_1', "Poor communication")
+          content: t('CUSTOMER_QUICK_COMMENT_4_1', 'Poor communication')
         }, {
           key: 2,
-          content: t('CUSTOMER_QUICK_COMMENT_4_2', "COVID-19 issue")
+          content: t('CUSTOMER_QUICK_COMMENT_4_2', 'COVID-19 issue')
         }, {
           key: 3,
           content: t('CUSTOMER_QUICK_COMMENT_4_3', "Didn't follow instructions")
         }, {
           key: 4,
-          content: t('CUSTOMER_QUICK_COMMENT_4_4', "Rude")
+          content: t('CUSTOMER_QUICK_COMMENT_4_4', 'Rude')
         }, {
           key: 5,
-          content: t('CUSTOMER_QUICK_COMMENT_4_5', "Not on-time")
+          content: t('CUSTOMER_QUICK_COMMENT_4_5', 'Not on-time')
         }]
       },
       5: {
-        title: t('CUSTOMER_QUICK_COMMENT_TITLE_5', "What went well?"),
+        title: t('CUSTOMER_QUICK_COMMENT_TITLE_5', 'What went well?'),
         list: [{
           key: 0,
-          content: t('CUSTOMER_QUICK_COMMENT_5_0', "Good communication")
+          content: t('CUSTOMER_QUICK_COMMENT_5_0', 'Good communication')
         }, {
           key: 1,
-          content: t('CUSTOMER_QUICK_COMMENT_5_1', "Friendly")
+          content: t('CUSTOMER_QUICK_COMMENT_5_1', 'Friendly')
         }, {
           key: 2,
-          content: t('CUSTOMER_QUICK_COMMENT_5_2', "Above and beyond")
+          content: t('CUSTOMER_QUICK_COMMENT_5_2', 'Above and beyond')
         }]
       }
     }
@@ -895,4 +895,81 @@ var disableReasons = exports.disableReasons = function disableReasons() {
   return disableReasonDictionary;
 };
 var TwelveHours = exports.TwelveHours = ['12:00 AM', '01:00 AM', '02:00 AM', '03:00 AM', '04:00 AM', '05:00 AM', '06:00 AM', '07:00 AM', '08:00 AM', '09:00 AM', '10:00 AM', '11:00 AM', '12:00 PM', '01:00 PM', '02:00 PM', '03:00 PM', '04:00 PM', '05:00 PM', '06:00 PM', '07:00 PM', '08:00 PM', '09:00 PM', '10:00 PM', '11:00 PM'];
-var TwentyFourHours = exports.TwentyFourHours = ['00:00', '01:00', '02:00', '03:00', '04:00', '05:00', '06:00', '07:00', '08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00', '23:00'];
+var TwentyFourHours = exports.TwentyFourHours = ['00:00', '01:00', '02:00', '03:00', '04:00', '05:00', '06:00', '07:00', '08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00', '23:00'];
+var getAttributeName = exports.getAttributeName = function getAttributeName(key) {
+  var _useLanguage5 = (0, _orderingComponentsAdminExternal.useLanguage)(),
+    _useLanguage6 = _slicedToArray(_useLanguage5, 2),
+    t = _useLanguage6[1];
+  var attributes = [{
+    key: 'autoassign_amount_drivers',
+    content: t('AUTO_ASSIGN_GROUP_ORDERS_TO_DRIVERS', 'Auto assign the order of group to this amount of drivers')
+  }, {
+    key: 'orders_group_max_orders',
+    content: t('MAX_NUMBER_ORDERS', 'Maximum Number of Orders')
+  }, {
+    key: 'autoassign_autoaccept_by_driver',
+    content: t('ORDER_CONFIRMED_ACCEPTED_BY_DRIVER', 'Accepted by Driver')
+  }, {
+    key: 'orders_group_max_time_between',
+    content: t('MAX_ORDER_TIME_BETWEEN', 'Maximum time between orders in seconds')
+  }, {
+    key: 'orders_group_max_distance_between_pickup',
+    content: t('MAX_DISTANCE_BETWEEN_BUSINESS', 'Maximum distance between businesses in meters')
+  }, {
+    key: 'orders_group_max_distance_between_delivery',
+    content: t('MAX_DISTANCE_BETWEEN_DELIVERY', 'Maximum distance between deliveries in meters')
+  }, {
+    key: 'orders_group_use_maps_api',
+    content: t('USE_MAPS_API', 'Use maps api')
+  }, {
+    key: 'orders_group_max_time_between_pickup',
+    content: t('MAX_DISTANCE_BETWEEN_BUSINESS', 'Maximum distance between businesses in meters')
+  }, {
+    key: 'orders_group_max_time_between_delivery',
+    content: t('MAX_DISTANCE_BETWEEN_DELIVERY', 'Maximum distance between deliveries in meters')
+  }, {
+    key: 'autoassign_forced_assignment',
+    content: t('AUTO_ASSIGN_FORCED_ASSIGNMENT', 'Forced assignment')
+  }, {
+    key: 'autoassign_customer_max_distance_from_business',
+    content: t('MAX_CUSTOMER_DISTANCE_FROM_BUSINESS', 'Max distance between customer and business')
+  }, {
+    key: 'autoassign_initial_radius',
+    content: t('INITIAL_RADIUS', 'Initial radius in meters')
+  }, {
+    key: 'autoassign_increment_radius',
+    content: t('INCREMENT_RADIUS', 'Radius increase in meters')
+  }, {
+    key: 'autoassign_max_radius',
+    content: t('MAX_RADIUS', 'Maximum radius in meters')
+  }, {
+    key: 'autoassign_autoreject_time',
+    content: t('AUTO_REJECT_ORDER_GROUP_AFTER', 'Auto reject Orders After')
+  }, {
+    key: 'autoassign_max_orders',
+    content: t('MAX_AMOUNT_ORDERS_PER_DRIVER', 'Maximum amount of orders per drivers')
+  }, {
+    key: 'autoassign_max_in_pending',
+    content: t('ORDER_PENDING', 'Pending')
+  }, {
+    key: 'available',
+    content: t('AVAILABLE', 'Available')
+  }, {
+    key: 'enabled',
+    content: t('ENABLED', 'Enabled')
+  }, {
+    key: 'last_available_at',
+    content: t('LAST_AVAILABLE_AT', 'Last available at')
+  }, {
+    key: 'busy',
+    content: t('BUSY', 'Busy')
+  }];
+  var found = attributes.find(function (attribute) {
+    return attribute.key === key;
+  });
+  if (found) {
+    return found.content;
+  } else {
+    return key;
+  }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ordering-ui-admin-external",
-  "version": "1.43.30",
+  "version": "1.43.32",
   "description": "Ordering UI Admin Components",
   "main": "./_modules/index.js",
   "exports": {
@@ -83,7 +83,7 @@
     "lodash": "^4.17.20",
     "moment": "^2.29.1",
     "moment-range": "^4.0.2",
-    "ordering-components-admin-external": "1.43.18",
+    "ordering-components-admin-external": "1.43.21",
     "polished": "^3.6.7",
     "prop-types": "^15.7.2",
     "react-big-calendar": "^1.4.2",