ordering-ui-admin-external 1.30.7 → 1.31.1

package/_modules/components/MyProducts/OrderingWebsite/index.js

@@ -37,7 +37,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
-  var _themeValues$website_, _themeValues$website_2, _themeValues$website_3, _themeValues$website_4, _themeValues$website_5, _themeValues$website_6, _themeValues$website_7, _themeValues$website_8, _themeValues$website_9, _themeValues$website_10, _themeValues$website_11, _themeValues$images, _themeValues$images2, _themeValues$images3, _themeValues$images4, _themeValues$images5, _themeValues$images6, _themeValues$images7, _themeValues$images8, _themeValues$images9, _themeValues$images11, _themeValues$theme_se, _orderingTheme$themes3, _themeValues$theme_se2, _themeValues$theme_se3;
+  var _themeValues$website_, _themeValues$website_2, _themeValues$website_3, _themeValues$website_4, _themeValues$website_5, _themeValues$website_6, _themeValues$website_7, _themeValues$website_8, _themeValues$website_9, _themeValues$images, _themeValues$images2, _themeValues$images3, _themeValues$images4, _themeValues$images5, _themeValues$images6, _themeValues$images7, _themeValues$images8, _themeValues$images9, _themeValues$images11, _themeValues$theme_se, _themeValues$theme_se2, _themeValues$theme_se3, _orderingTheme$themes3, _themeValues$theme_se4, _themeValues$theme_se5;
   var themeValues = props.themeValues,
     orderingTheme = props.orderingTheme,
     setThemeValues = props.setThemeValues,
@@ -48,7 +48,8 @@ var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
     site = props.site,
     setSite = props.setSite,
     businessesList = props.businessesList,
-    franchisesList = props.franchisesList;
+    franchisesList = props.franchisesList,
+    handleChangeInput = props.handleChangeInput;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -192,6 +193,7 @@ var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
   };
   var handleChangeSiteSettings = function handleChangeSiteSettings(e) {
     handleChangeValue(e.target.value, 'website_settings', "values.".concat(e.target.name));
+    handleChangeInput(e);
   };
   var handleChangeContent = function handleChangeContent(type, content) {
     handleChangeValue(content, 'theme_settings', "values.".concat(type));
@@ -251,7 +253,7 @@ var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
   }) : /*#__PURE__*/_react.default.createElement(_styles.Input, {
     name: "name",
     placeholder: t('SOURCE_DEMO_WEBSITE', 'Source demo website'),
-    value: (themeValues === null || themeValues === void 0 || (_themeValues$website_ = themeValues.website_settings) === null || _themeValues$website_ === void 0 || (_themeValues$website_ = _themeValues$website_.components) === null || _themeValues$website_ === void 0 || (_themeValues$website_ = _themeValues$website_.values) === null || _themeValues$website_ === void 0 ? void 0 : _themeValues$website_.name) || '',
+    value: (site === null || site === void 0 ? void 0 : site.name) || '',
     onChange: handleChangeSiteSettings
   })), /*#__PURE__*/_react.default.createElement(_styles2.FormGroup, null, /*#__PURE__*/_react.default.createElement("label", null, orderingTheme !== null && orderingTheme !== void 0 && orderingTheme.loading ? /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
     height: 20,
@@ -264,7 +266,7 @@ var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
   }) : /*#__PURE__*/_react.default.createElement(_styles.TextArea, {
     name: "description",
     placeholder: t('DESCRIPTION', 'Decription'),
-    value: (themeValues === null || themeValues === void 0 || (_themeValues$website_2 = themeValues.website_settings) === null || _themeValues$website_2 === void 0 || (_themeValues$website_2 = _themeValues$website_2.components) === null || _themeValues$website_2 === void 0 || (_themeValues$website_2 = _themeValues$website_2.values) === null || _themeValues$website_2 === void 0 ? void 0 : _themeValues$website_2.description) || '',
+    value: (site === null || site === void 0 ? void 0 : site.description) || '',
     onChange: handleChangeSiteSettings
   })), /*#__PURE__*/_react.default.createElement(_styles2.FormGroup, null, /*#__PURE__*/_react.default.createElement("label", null, orderingTheme !== null && orderingTheme !== void 0 && orderingTheme.loading ? /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
     height: 20,
@@ -343,16 +345,16 @@ var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
     onClick: function onClick() {
       return handleChangeValue('marketplace', 'website_theme', 'type');
     }
-  }, (themeValues === null || themeValues === void 0 || (_themeValues$website_3 = themeValues.website_theme) === null || _themeValues$website_3 === void 0 || (_themeValues$website_3 = _themeValues$website_3.components) === null || _themeValues$website_3 === void 0 ? void 0 : _themeValues$website_3.type) === 'marketplace' ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.RecordCircleFill, {
+  }, (themeValues === null || themeValues === void 0 || (_themeValues$website_ = themeValues.website_theme) === null || _themeValues$website_ === void 0 || (_themeValues$website_ = _themeValues$website_.components) === null || _themeValues$website_ === void 0 ? void 0 : _themeValues$website_.type) === 'marketplace' ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.RecordCircleFill, {
     className: "active"
   }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Circle, null), /*#__PURE__*/_react.default.createElement("span", null, t('MARKETPLACE', 'Marketplace'))), /*#__PURE__*/_react.default.createElement(_styles2.RadioItem, {
     onClick: function onClick() {
       return handleChangeValue('franchise', 'website_theme', 'type');
     }
-  }, (themeValues === null || themeValues === void 0 || (_themeValues$website_4 = themeValues.website_theme) === null || _themeValues$website_4 === void 0 || (_themeValues$website_4 = _themeValues$website_4.components) === null || _themeValues$website_4 === void 0 ? void 0 : _themeValues$website_4.type) === 'franchise' ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.RecordCircleFill, {
+  }, (themeValues === null || themeValues === void 0 || (_themeValues$website_2 = themeValues.website_theme) === null || _themeValues$website_2 === void 0 || (_themeValues$website_2 = _themeValues$website_2.components) === null || _themeValues$website_2 === void 0 ? void 0 : _themeValues$website_2.type) === 'franchise' ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.RecordCircleFill, {
     className: "active"
-  }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Circle, null), /*#__PURE__*/_react.default.createElement("span", null, t('REPORT_HEADER_FRANCHISES', 'Franchise'))), (themeValues === null || themeValues === void 0 || (_themeValues$website_5 = themeValues.website_theme) === null || _themeValues$website_5 === void 0 || (_themeValues$website_5 = _themeValues$website_5.components) === null || _themeValues$website_5 === void 0 ? void 0 : _themeValues$website_5.type) === 'franchise' && /*#__PURE__*/_react.default.createElement(_SelectFranchise.SelectFranchise, {
-    defaultValue: themeValues === null || themeValues === void 0 || (_themeValues$website_6 = themeValues.website_theme) === null || _themeValues$website_6 === void 0 || (_themeValues$website_6 = _themeValues$website_6.components) === null || _themeValues$website_6 === void 0 ? void 0 : _themeValues$website_6.franchise_slug,
+  }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Circle, null), /*#__PURE__*/_react.default.createElement("span", null, t('REPORT_HEADER_FRANCHISES', 'Franchise'))), (themeValues === null || themeValues === void 0 || (_themeValues$website_3 = themeValues.website_theme) === null || _themeValues$website_3 === void 0 || (_themeValues$website_3 = _themeValues$website_3.components) === null || _themeValues$website_3 === void 0 ? void 0 : _themeValues$website_3.type) === 'franchise' && /*#__PURE__*/_react.default.createElement(_SelectFranchise.SelectFranchise, {
+    defaultValue: themeValues === null || themeValues === void 0 || (_themeValues$website_4 = themeValues.website_theme) === null || _themeValues$website_4 === void 0 || (_themeValues$website_4 = _themeValues$website_4.components) === null || _themeValues$website_4 === void 0 ? void 0 : _themeValues$website_4.franchise_slug,
     franchisesList: franchisesList,
     onChange: function onChange(value) {
       return handleChangeValue(value, 'website_theme', 'franchise_slug');
@@ -361,16 +363,16 @@ var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
     onClick: function onClick() {
       return handleChangeValue('single_store', 'website_theme', 'type');
     }
-  }, (themeValues === null || themeValues === void 0 || (_themeValues$website_7 = themeValues.website_theme) === null || _themeValues$website_7 === void 0 || (_themeValues$website_7 = _themeValues$website_7.components) === null || _themeValues$website_7 === void 0 ? void 0 : _themeValues$website_7.type) === 'single_store' ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.RecordCircleFill, {
+  }, (themeValues === null || themeValues === void 0 || (_themeValues$website_5 = themeValues.website_theme) === null || _themeValues$website_5 === void 0 || (_themeValues$website_5 = _themeValues$website_5.components) === null || _themeValues$website_5 === void 0 ? void 0 : _themeValues$website_5.type) === 'single_store' ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.RecordCircleFill, {
     className: "active"
-  }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Circle, null), /*#__PURE__*/_react.default.createElement("span", null, t('SINGLE_STORE', 'Single Store'))), (themeValues === null || themeValues === void 0 || (_themeValues$website_8 = themeValues.website_theme) === null || _themeValues$website_8 === void 0 || (_themeValues$website_8 = _themeValues$website_8.components) === null || _themeValues$website_8 === void 0 ? void 0 : _themeValues$website_8.type) === 'single_store' && /*#__PURE__*/_react.default.createElement(_SelectBusiness.SelectBusiness, {
-    defaultValue: themeValues === null || themeValues === void 0 || (_themeValues$website_9 = themeValues.website_theme) === null || _themeValues$website_9 === void 0 || (_themeValues$website_9 = _themeValues$website_9.components) === null || _themeValues$website_9 === void 0 ? void 0 : _themeValues$website_9.business_slug,
+  }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Circle, null), /*#__PURE__*/_react.default.createElement("span", null, t('SINGLE_STORE', 'Single Store'))), (themeValues === null || themeValues === void 0 || (_themeValues$website_6 = themeValues.website_theme) === null || _themeValues$website_6 === void 0 || (_themeValues$website_6 = _themeValues$website_6.components) === null || _themeValues$website_6 === void 0 ? void 0 : _themeValues$website_6.type) === 'single_store' && /*#__PURE__*/_react.default.createElement(_SelectBusiness.SelectBusiness, {
+    defaultValue: themeValues === null || themeValues === void 0 || (_themeValues$website_7 = themeValues.website_theme) === null || _themeValues$website_7 === void 0 || (_themeValues$website_7 = _themeValues$website_7.components) === null || _themeValues$website_7 === void 0 ? void 0 : _themeValues$website_7.business_slug,
     businessesList: businessesList,
     onChange: function onChange(value) {
       return handleChangeValue(value, 'website_theme', 'business_slug');
     }
-  })), (themeValues === null || themeValues === void 0 || (_themeValues$website_10 = themeValues.website_theme) === null || _themeValues$website_10 === void 0 || (_themeValues$website_10 = _themeValues$website_10.components) === null || _themeValues$website_10 === void 0 ? void 0 : _themeValues$website_10.type) && /*#__PURE__*/_react.default.createElement(_styles2.WebsitePriviewImageWrapper, null, /*#__PURE__*/_react.default.createElement("img", {
-    src: previewImages === null || previewImages === void 0 ? void 0 : previewImages[themeValues === null || themeValues === void 0 || (_themeValues$website_11 = themeValues.website_theme) === null || _themeValues$website_11 === void 0 || (_themeValues$website_11 = _themeValues$website_11.components) === null || _themeValues$website_11 === void 0 ? void 0 : _themeValues$website_11.type]
+  })), (themeValues === null || themeValues === void 0 || (_themeValues$website_8 = themeValues.website_theme) === null || _themeValues$website_8 === void 0 || (_themeValues$website_8 = _themeValues$website_8.components) === null || _themeValues$website_8 === void 0 ? void 0 : _themeValues$website_8.type) && /*#__PURE__*/_react.default.createElement(_styles2.WebsitePriviewImageWrapper, null, /*#__PURE__*/_react.default.createElement("img", {
+    src: previewImages === null || previewImages === void 0 ? void 0 : previewImages[themeValues === null || themeValues === void 0 || (_themeValues$website_9 = themeValues.website_theme) === null || _themeValues$website_9 === void 0 || (_themeValues$website_9 = _themeValues$website_9.components) === null || _themeValues$website_9 === void 0 ? void 0 : _themeValues$website_9.type]
   }))))), /*#__PURE__*/_react.default.createElement(_styles2.InputFormWrapper, null, /*#__PURE__*/_react.default.createElement("h4", null, t('IMAGES', 'Images')), /*#__PURE__*/_react.default.createElement(_styles2.InnerBlock, null, orderingTheme !== null && orderingTheme !== void 0 && orderingTheme.loading ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
     height: 100,
     width: 100,
@@ -495,12 +497,17 @@ var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
     }
   }, themeValues !== null && themeValues !== void 0 && (_themeValues$images11 = themeValues.images) !== null && _themeValues$images11 !== void 0 && (_themeValues$images11 = _themeValues$images11.components) !== null && _themeValues$images11 !== void 0 && _themeValues$images11.homepage_image_fullscreen ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.CheckSquareFill, {
     className: "active"
-  }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Square, null), /*#__PURE__*/_react.default.createElement("span", null, t('HOMEPAGE_IMAGE_FULLSCREEN', 'Homepage  image fullscreen'))))), !(orderingTheme !== null && orderingTheme !== void 0 && orderingTheme.loading) && /*#__PURE__*/_react.default.createElement(_styles2.InputFormWrapper, null, /*#__PURE__*/_react.default.createElement("h4", null, t('THEME_SETTINGS', 'Theme Settings')), /*#__PURE__*/_react.default.createElement(_styles2.InnerBlock, null, /*#__PURE__*/_react.default.createElement(_styles2.ColorPickerWrapper, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, t('PRIMARY_COLOR_BUTTONS', 'Primary Color for Buttons')), /*#__PURE__*/_react.default.createElement(_Shared.ColorPicker, {
-    defaultColor: themeValues === null || themeValues === void 0 || (_themeValues$theme_se = themeValues.theme_settings) === null || _themeValues$theme_se === void 0 || (_themeValues$theme_se = _themeValues$theme_se.components) === null || _themeValues$theme_se === void 0 || (_themeValues$theme_se = _themeValues$theme_se.style) === null || _themeValues$theme_se === void 0 ? void 0 : _themeValues$theme_se.primary_btn_color,
+  }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Square, null), /*#__PURE__*/_react.default.createElement("span", null, t('HOMEPAGE_IMAGE_FULLSCREEN', 'Homepage  image fullscreen'))))), !(orderingTheme !== null && orderingTheme !== void 0 && orderingTheme.loading) && /*#__PURE__*/_react.default.createElement(_styles2.InputFormWrapper, null, /*#__PURE__*/_react.default.createElement("h4", null, t('THEME_SETTINGS', 'Theme Settings')), /*#__PURE__*/_react.default.createElement(_styles2.InnerBlock, null, /*#__PURE__*/_react.default.createElement(_styles2.ContentWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.ColorPickerWrapper, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, t('BACKGROUND_COLOR', 'Background color')), /*#__PURE__*/_react.default.createElement(_Shared.ColorPicker, {
+    defaultColor: (_themeValues$theme_se = themeValues === null || themeValues === void 0 || (_themeValues$theme_se2 = themeValues.theme_settings) === null || _themeValues$theme_se2 === void 0 || (_themeValues$theme_se2 = _themeValues$theme_se2.components) === null || _themeValues$theme_se2 === void 0 || (_themeValues$theme_se2 = _themeValues$theme_se2.style) === null || _themeValues$theme_se2 === void 0 ? void 0 : _themeValues$theme_se2.background_page) !== null && _themeValues$theme_se !== void 0 ? _themeValues$theme_se : '#FFFFFF',
+    onChangeColor: function onChangeColor(color) {
+      return handleChangeValue(color, 'theme_settings', 'style.background_page');
+    }
+  }))), /*#__PURE__*/_react.default.createElement(_styles2.ColorPickerWrapper, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, t('PRIMARY_COLOR_BUTTONS', 'Primary Color for Buttons')), /*#__PURE__*/_react.default.createElement(_Shared.ColorPicker, {
+    defaultColor: themeValues === null || themeValues === void 0 || (_themeValues$theme_se3 = themeValues.theme_settings) === null || _themeValues$theme_se3 === void 0 || (_themeValues$theme_se3 = _themeValues$theme_se3.components) === null || _themeValues$theme_se3 === void 0 || (_themeValues$theme_se3 = _themeValues$theme_se3.style) === null || _themeValues$theme_se3 === void 0 ? void 0 : _themeValues$theme_se3.primary_btn_color,
     onChangeColor: function onChangeColor(color) {
       return handleChangeValue(color, 'theme_settings', 'style.primary_btn_color');
     }
-  }))), /*#__PURE__*/_react.default.createElement(_styles2.ContentWrapper, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, t('HOMEPAGE_CONTENT', 'Homepage Content')), /*#__PURE__*/_react.default.createElement(_styles.Button, {
+  })))), /*#__PURE__*/_react.default.createElement(_styles2.ContentWrapper, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, t('HOMEPAGE_CONTENT', 'Homepage Content')), /*#__PURE__*/_react.default.createElement(_styles.Button, {
     color: "primary",
     borderRadius: "8px",
     outline: true,
@@ -583,7 +590,7 @@ var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
     }
   }, /*#__PURE__*/_react.default.createElement(_ContentForm.ContentForm, {
     title: t('HOME_PAGE_CONTENT', 'Home Page Content'),
-    content: themeValues === null || themeValues === void 0 || (_themeValues$theme_se2 = themeValues.theme_settings) === null || _themeValues$theme_se2 === void 0 || (_themeValues$theme_se2 = _themeValues$theme_se2.components) === null || _themeValues$theme_se2 === void 0 || (_themeValues$theme_se2 = _themeValues$theme_se2.values) === null || _themeValues$theme_se2 === void 0 ? void 0 : _themeValues$theme_se2.homepage_content,
+    content: themeValues === null || themeValues === void 0 || (_themeValues$theme_se4 = themeValues.theme_settings) === null || _themeValues$theme_se4 === void 0 || (_themeValues$theme_se4 = _themeValues$theme_se4.components) === null || _themeValues$theme_se4 === void 0 || (_themeValues$theme_se4 = _themeValues$theme_se4.values) === null || _themeValues$theme_se4 === void 0 ? void 0 : _themeValues$theme_se4.homepage_content,
     onClose: function onClose() {
       return setHomePageContent(false);
     },
@@ -597,7 +604,7 @@ var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
     }
   }, /*#__PURE__*/_react.default.createElement(_ContentForm.ContentForm, {
     title: t('FOOTER', 'Footer'),
-    content: themeValues === null || themeValues === void 0 || (_themeValues$theme_se3 = themeValues.theme_settings) === null || _themeValues$theme_se3 === void 0 || (_themeValues$theme_se3 = _themeValues$theme_se3.components) === null || _themeValues$theme_se3 === void 0 || (_themeValues$theme_se3 = _themeValues$theme_se3.values) === null || _themeValues$theme_se3 === void 0 ? void 0 : _themeValues$theme_se3.footer_content,
+    content: themeValues === null || themeValues === void 0 || (_themeValues$theme_se5 = themeValues.theme_settings) === null || _themeValues$theme_se5 === void 0 || (_themeValues$theme_se5 = _themeValues$theme_se5.components) === null || _themeValues$theme_se5 === void 0 || (_themeValues$theme_se5 = _themeValues$theme_se5.values) === null || _themeValues$theme_se5 === void 0 ? void 0 : _themeValues$theme_se5.footer_content,
     onClose: function onClose() {
       return setFooterContent(false);
     },

package/_modules/components/MyProducts/OrderingWebsite/styles.js

@@ -89,7 +89,7 @@ var CheckBoxWrapper = _styledComponents.default.div(_templateObject26 || (_templ
   return props.theme.rtl && (0, _styledComponents.css)(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n      margin-left: 20px;\n      margin-right: 0px;\n    "])));
 });
 exports.CheckBoxWrapper = CheckBoxWrapper;
-var ColorPickerWrapper = _styledComponents.default.div(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n  padding-top: 25px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  > div {\n    margin-top: 25px;\n    > p {\n      font-weight: 400;\n      font-size: 14px;\n      line-height: 24px;\n      margin-top: 0px;\n      margin-bottom: 9px;\n    }\n  }\n\n  @media (min-width: 769px) {\n    flex-direction: row;\n  }\n"])));
+var ColorPickerWrapper = _styledComponents.default.div(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  > div {\n    > p {\n      font-weight: 400;\n      font-size: 14px;\n      line-height: 24px;\n      margin-top: 0px;\n      margin-bottom: 9px;\n    }\n  }\n\n  @media (min-width: 769px) {\n    flex-direction: row;\n  }\n"])));
 exports.ColorPickerWrapper = ColorPickerWrapper;
 var ContentWrapper = _styledComponents.default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n  padding-top: 25px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  > div {\n    margin-top: 25px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    > p {\n      font-weight: 600;\n      font-size: 16px;\n      line-height: 24px;\n      margin-top: 0px;\n      margin-bottom: 20px;\n    }\n    button {\n      width: 200px;\n      height: 44px;\n    }\n  }\n  @media (min-width: 769px) {\n    flex-direction: row;\n  }\n"])));
 exports.ContentWrapper = ContentWrapper;

package/_modules/components/Orders/AllInOne/index.js

@@ -58,7 +58,6 @@ var OrdersManagerUI = function OrdersManagerUI(props) {
     handleSelectedSubOrderStatus = props.handleSelectedSubOrderStatus,
     handleCustomOrderDetail = props.handleCustomOrderDetail,
     setSelectedOrderIds = props.setSelectedOrderIds,
-    numberOfOrdersByStatus = props.numberOfOrdersByStatus,
     allowColumns = props.allowColumns,
     setAllowColumns = props.setAllowColumns;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
@@ -116,14 +115,23 @@ var OrdersManagerUI = function OrdersManagerUI(props) {
     totalSelectedOrder = _useState22[0],
     setTotalSelectedOrder = _useState22[1];
   var _useState23 = (0, _react.useState)({
+      pending: null,
+      inProgress: null,
+      completed: null,
+      cancelled: null
+    }),
+    _useState24 = _slicedToArray(_useState23, 2),
+    ordersAmountByStatus = _useState24[0],
+    setOrdersAmountByStatus = _useState24[1];
+  var _useState25 = (0, _react.useState)({
       driversIsOnline: true,
       onlineDrivers: [],
       offlineDrivers: [],
       selectedDriver: null
     }),
-    _useState24 = _slicedToArray(_useState23, 2),
-    mapsData = _useState24[0],
-    setMapsData = _useState24[1];
+    _useState26 = _slicedToArray(_useState25, 2),
+    mapsData = _useState26[0],
+    setMapsData = _useState26[1];
   var handleBackRedirect = function handleBackRedirect() {
     setIsOpenOrderDetail(false);
     setDetailsOrder(null);
@@ -236,7 +244,7 @@ var OrdersManagerUI = function OrdersManagerUI(props) {
   })), /*#__PURE__*/_react.default.createElement(_styles.OrdersContainer, null, /*#__PURE__*/_react.default.createElement(_OrderStatusFilterBar.OrderStatusFilterBar, {
     selectedOrderStatus: ordersStatusGroup,
     changeOrderStatus: handleOrdersStatusGroupFilter,
-    numberOfOrdersByStatus: numberOfOrdersByStatus
+    ordersAmountByStatus: ordersAmountByStatus
   }), /*#__PURE__*/_react.default.createElement(_styles.OrderSubFilterControls, {
     isColumn: selectedOrderIds === null || selectedOrderIds === void 0 ? void 0 : selectedOrderIds.length
   }, /*#__PURE__*/_react.default.createElement(_styles.OrderStatusSubFilterWrapper, {
@@ -277,7 +285,8 @@ var OrdersManagerUI = function OrdersManagerUI(props) {
     timeStatus: timeStatus,
     slaSettingTime: slaSettingTime,
     allowColumns: allowColumns,
-    setAllowColumns: setAllowColumns
+    setAllowColumns: setAllowColumns,
+    setOrdersAmountByStatus: setOrdersAmountByStatus
   })))))), /*#__PURE__*/_react.default.createElement(_styles.WrapperDriversLocation, null, /*#__PURE__*/_react.default.createElement(_DriversLocation.DriversLocation, {
     driversIsOnline: mapsData.driversIsOnline,
     selectedDriver: mapsData.selectedDriver,

package/_modules/components/Orders/CreateCustomOrder/CustomOrderDetails/index.js

@@ -14,7 +14,9 @@ var _Map = require("../Map");
 var _SelectProducts = require("../SelectProducts");
 var _Checkout = require("../Checkout");
 var _Shared = require("../../../Shared");
-var _styles = require("./styles");
+var _styles = require("../../../../styles");
+var _reactBootstrapIcons = require("react-bootstrap-icons");
+var _styles2 = require("./styles");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -46,10 +48,16 @@ var CustomOrderDetailsUI = function CustomOrderDetailsUI(props) {
     cart = props.cart,
     onClose = props.onClose,
     handleOpenCustomOrderDetail = props.handleOpenCustomOrderDetail,
-    defaultCountryCodeState = props.defaultCountryCodeState;
+    handlePlaceOrderByTotal = props.handlePlaceOrderByTotal,
+    extraFields = props.extraFields,
+    setExtraFields = props.setExtraFields,
+    actionState = props.actionState;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
+  var _useValidationFields = (0, _orderingComponentsAdminExternal.useValidationFields)(),
+    _useValidationFields2 = _slicedToArray(_useValidationFields, 1),
+    validationFields = _useValidationFields2[0];
   var _useOrder = (0, _orderingComponentsAdminExternal.useOrder)(),
     _useOrder2 = _slicedToArray(_useOrder, 2),
     orderState = _useOrder2[0],
@@ -61,6 +69,10 @@ var CustomOrderDetailsUI = function CustomOrderDetailsUI(props) {
     _useState2 = _slicedToArray(_useState, 2),
     alertState = _useState2[0],
     setAlertState = _useState2[1];
+  var _useState3 = (0, _react.useState)(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isOrderByProducts = _useState4[0],
+    setIsOrderByProducts = _useState4[1];
   var handleCloseAlert = function handleCloseAlert() {
     setCustomersPhones(_objectSpread(_objectSpread({}, customersPhones), {}, {
       error: null
@@ -70,6 +82,27 @@ var CustomOrderDetailsUI = function CustomOrderDetailsUI(props) {
       content: []
     });
   };
+  var handlePlaceOrder = function handlePlaceOrder() {
+    var _validationFields$fie, _validationFields$fie2;
+    var errMessage = [];
+    if (!selectedBusiness) {
+      errMessage.push(t('VALIDATION_ERROR_REQUIRED', 'Name is required').replace('_attribute_', t('BUSINESS', 'Business')));
+    }
+    if (!(extraFields !== null && extraFields !== void 0 && extraFields.total)) {
+      errMessage.push(t('VALIDATION_ERROR_REQUIRED', 'Name is required').replace('_attribute_', t('TOTAL', 'Total')));
+    }
+    if (validationFields !== null && validationFields !== void 0 && (_validationFields$fie = validationFields.fields) !== null && _validationFields$fie !== void 0 && (_validationFields$fie = _validationFields$fie.checkout) !== null && _validationFields$fie !== void 0 && (_validationFields$fie = _validationFields$fie.comments) !== null && _validationFields$fie !== void 0 && _validationFields$fie.enabled && validationFields !== null && validationFields !== void 0 && (_validationFields$fie2 = validationFields.fields) !== null && _validationFields$fie2 !== void 0 && (_validationFields$fie2 = _validationFields$fie2.checkout) !== null && _validationFields$fie2 !== void 0 && (_validationFields$fie2 = _validationFields$fie2.comments) !== null && _validationFields$fie2 !== void 0 && _validationFields$fie2.required && !(extraFields !== null && extraFields !== void 0 && extraFields.comment)) {
+      errMessage.push(t('VALIDATION_ERROR_REQUIRED', 'Name is required').replace('_attribute_', t('COMMENT', 'Comment')));
+    }
+    if (errMessage.length > 0) {
+      setAlertState({
+        open: true,
+        content: errMessage
+      });
+      return;
+    }
+    handlePlaceOrderByTotal();
+  };
   var customerAddress = (0, _react.useMemo)(function () {
     var address = null;
     if (selectedUser !== null && selectedUser !== void 0 && selectedUser.addresses) {
@@ -95,7 +128,22 @@ var CustomOrderDetailsUI = function CustomOrderDetailsUI(props) {
       });
     }
   }, [customersPhones === null || customersPhones === void 0 ? void 0 : customersPhones.error]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.DetailsContainer, {
+  (0, _react.useEffect)(function () {
+    if (actionState !== null && actionState !== void 0 && actionState.error) {
+      setAlertState({
+        open: true,
+        content: actionState === null || actionState === void 0 ? void 0 : actionState.error
+      });
+    }
+  }, [actionState]);
+  (0, _react.useEffect)(function () {
+    if (!isOrderByProducts) {
+      setExtraFields({
+        external_id: extraFields === null || extraFields === void 0 ? void 0 : extraFields.external_id
+      });
+    }
+  }, [isOrderByProducts]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.DetailsContainer, {
     className: "custom-order-content"
   }, /*#__PURE__*/_react.default.createElement("h2", null, t('CREATE_CUSTOM_ORDER', 'Create custom order')), /*#__PURE__*/_react.default.createElement(_SelectCustomer.SelectCustomer, {
     phone: phone,
@@ -104,8 +152,7 @@ var CustomOrderDetailsUI = function CustomOrderDetailsUI(props) {
     setSelectedUser: setSelectedUser,
     onChangeNumber: onChangeNumber,
     handleParentSidebarMove: handleParentSidebarMove,
-    customerAddress: customerAddress,
-    defaultCountryCodeState: defaultCountryCodeState
+    customerAddress: customerAddress
   }), (customerAddress === null || customerAddress === void 0 ? void 0 : customerAddress.location) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_OrderTypeSelector.OrderTypeSelector, null), /*#__PURE__*/_react.default.createElement(_SelectBusinesses.SelectBusinesses, {
     businessList: businessList,
     selectedBusiness: selectedBusiness,
@@ -114,19 +161,65 @@ var CustomOrderDetailsUI = function CustomOrderDetailsUI(props) {
     customer: selectedUser,
     customerLocation: customerAddress === null || customerAddress === void 0 ? void 0 : customerAddress.location,
     business: selectedBusiness
-  }), selectedBusiness && /*#__PURE__*/_react.default.createElement(_SelectProducts.SelectProducts, {
+  }), /*#__PURE__*/_react.default.createElement(_styles2.ToggleOptions, null, /*#__PURE__*/_react.default.createElement(_styles2.RaidoButton, {
+    onClick: function onClick() {
+      return setIsOrderByProducts(true);
+    }
+  }, isOrderByProducts ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.RecordCircleFill, {
+    className: "active"
+  }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Circle, null), /*#__PURE__*/_react.default.createElement("span", null, t('ORDER_BY_PRODUCTS', 'Order by products'))), /*#__PURE__*/_react.default.createElement(_styles2.RaidoButton, {
+    onClick: function onClick() {
+      return setIsOrderByProducts(false);
+    }
+  }, isOrderByProducts ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Circle, null) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.RecordCircleFill, {
+    className: "active"
+  }), /*#__PURE__*/_react.default.createElement("span", null, t('ORDER_BY_TOTAL', 'Order by total')))), !isOrderByProducts && /*#__PURE__*/_react.default.createElement(_styles2.FormControl, null, /*#__PURE__*/_react.default.createElement("label", null, t('TOTAL', 'Total')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
+    value: (extraFields === null || extraFields === void 0 ? void 0 : extraFields.total) || '',
+    onKeyPress: function onKeyPress(e) {
+      if (!/^[0-9]$/.test(e.key)) {
+        e.preventDefault();
+      }
+    },
+    onChange: function onChange(e) {
+      return setExtraFields(_objectSpread(_objectSpread({}, extraFields), {}, {
+        total: e.target.value
+      }));
+    },
+    placeholder: t('TOTAL', 'Total')
+  })), /*#__PURE__*/_react.default.createElement(_styles2.FormControl, null, /*#__PURE__*/_react.default.createElement("label", null, t('EXTERNAL_ID', 'External id'), /*#__PURE__*/_react.default.createElement("span", null, t('OPTIONAL', 'Optional'))), /*#__PURE__*/_react.default.createElement(_styles.Input, {
+    value: (extraFields === null || extraFields === void 0 ? void 0 : extraFields.external_id) || '',
+    onChange: function onChange(e) {
+      return setExtraFields(_objectSpread(_objectSpread({}, extraFields), {}, {
+        external_id: e.target.value
+      }));
+    },
+    placeholder: t('EXTERNAL_ID', 'External id')
+  })), !isOrderByProducts && /*#__PURE__*/_react.default.createElement(_styles2.FormControl, null, /*#__PURE__*/_react.default.createElement("label", null, t('COMMENT', 'Comment')), /*#__PURE__*/_react.default.createElement(_styles.TextArea, {
+    value: (extraFields === null || extraFields === void 0 ? void 0 : extraFields.comment) || '',
+    onChange: function onChange(e) {
+      return setExtraFields(_objectSpread(_objectSpread({}, extraFields), {}, {
+        comment: e.target.value
+      }));
+    },
+    placeholder: t('COMMENT', 'Comment')
+  })), selectedBusiness && isOrderByProducts && /*#__PURE__*/_react.default.createElement(_SelectProducts.SelectProducts, {
     productList: productList,
     getProducts: getProducts,
     handeUpdateProductCart: handeUpdateProductCart,
     cart: cart,
     business: selectedBusiness
-  }), cart && (cart === null || cart === void 0 ? void 0 : cart.products.length) > 0 && /*#__PURE__*/_react.default.createElement(_Checkout.Checkout, {
+  }), cart && (cart === null || cart === void 0 ? void 0 : cart.products.length) > 0 && isOrderByProducts && /*#__PURE__*/_react.default.createElement(_Checkout.Checkout, {
     cartUuid: cart.uuid,
     onPlaceOrderClick: function onPlaceOrderClick(data, paymethod, cart) {
       (cart === null || cart === void 0 ? void 0 : cart.uuid) && handleOpenCustomOrderDetail(cart.uuid);
       onClose();
-    }
-  })), /*#__PURE__*/_react.default.createElement(_Shared.Alert, {
+    },
+    extraFields: extraFields
+  }), !isOrderByProducts && /*#__PURE__*/_react.default.createElement(_styles2.ButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
+    color: "primary",
+    onClick: handlePlaceOrder,
+    disabled: actionState === null || actionState === void 0 ? void 0 : actionState.loading
+  }, t('PLACE_ORDER', 'Place Order')))), /*#__PURE__*/_react.default.createElement(_Shared.Alert, {
     title: t('ERROR', 'Error'),
     open: alertState.open,
     content: alertState.content,

package/_modules/components/Orders/CreateCustomOrder/CustomOrderDetails/styles.js

@@ -4,9 +4,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DetailsContainer = void 0;
+exports.ToggleOptions = exports.RaidoButton = exports.FormControl = exports.DetailsContainer = exports.ButtonWrapper = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _templateObject, _templateObject2, _templateObject3;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
@@ -14,4 +14,20 @@ var DetailsContainer = _styledComponents.default.div(_templateObject || (_templa
   var _props$theme;
   return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      margin-left: 40px;\n    "]))) : (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      margin-right: 40px;\n    "])));
 });
-exports.DetailsContainer = DetailsContainer;
+exports.DetailsContainer = DetailsContainer;
+var FormControl = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-top: 20px;\n  label {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    font-size: 14px;\n    margin-bottom: 10px;\n    span {\n      font-size: 12px;\n      color: ", ";\n    }\n  }\n  input, textarea {\n    width: 100%;\n  }\n"])), function (props) {
+  return props.theme.colors.primary;
+});
+exports.FormControl = FormControl;
+var ToggleOptions = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-top: 30px;\n"])));
+exports.ToggleOptions = ToggleOptions;
+var RaidoButton = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin-bottom: 15px;\n  cursor: pointer;\n\n  svg {\n    color: ", ";\n    &.active {\n      color: ", ";\n    }\n    font-size: 16px;\n    min-width: 16px;\n    margin-right: 12px;\n    ", "\n  }\n  span {\n    font-size: 14px;\n    line-height: 24px;\n    margin: 0px;\n  }\n"])), function (props) {
+  return props.theme.colors.secundaryLight;
+}, function (props) {
+  return props.theme.colors.primary;
+}, function (props) {
+  return props.theme.rtl && (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      margin-left: 13px;\n      margin-right: 0px;\n    "])));
+});
+exports.RaidoButton = RaidoButton;
+var ButtonWrapper = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  margin-top: 30px;\n  button {\n    border-radius: 8px;\n    height: 44px;\n  }\n"])));
+exports.ButtonWrapper = ButtonWrapper;

package/_modules/components/Orders/CreateCustomOrder/OrderTypeSelector/index.js

@@ -44,7 +44,7 @@ var OrderTypeSelectorUI = function OrderTypeSelectorUI(props) {
     setSearchValue = _useState2[1];
   return /*#__PURE__*/_react.default.createElement(_styles2.SelectWrapper, null, /*#__PURE__*/_react.default.createElement("p", null, t('HOW_WILL_YOU_DELIVERY_TYPE', 'How will you delivery type?')), /*#__PURE__*/_react.default.createElement(_styles.DefaultSelect, {
     placeholder: /*#__PURE__*/_react.default.createElement(_styles2.Option, null, t('SELECT_DELIVERY_TYPE', 'Select delivery type')),
-    options: configTypes ? orderTypes.filter(function (type) {
+    options: configTypes.length > 0 ? orderTypes.filter(function (type) {
       return configTypes === null || configTypes === void 0 ? void 0 : configTypes.includes(type.value);
     }).filter(function (type) {
       return type.name.toLocaleLowerCase().includes(searchValue.toLocaleLowerCase());

package/_modules/components/Orders/CreateCustomOrder/SelectCustomer/index.js

@@ -26,15 +26,14 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var SelectCustomer = function SelectCustomer(props) {
-  var _customersPhones$user, _customersPhones$user2;
+  var _customersPhones$user, _customersPhones$user2, _configs$default_coun;
   var phone = props.phone,
     customersPhones = props.customersPhones,
     selectedUser = props.selectedUser,
     setSelectedUser = props.setSelectedUser,
     onChangeNumber = props.onChangeNumber,
     handleParentSidebarMove = props.handleParentSidebarMove,
-    customerAddress = props.customerAddress,
-    defaultCountryCodeState = props.defaultCountryCodeState;
+    customerAddress = props.customerAddress;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -44,6 +43,9 @@ var SelectCustomer = function SelectCustomer(props) {
   var _useCustomer = (0, _orderingComponentsAdminExternal.useCustomer)(),
     _useCustomer2 = _slicedToArray(_useCustomer, 2),
     setUserCustomer = _useCustomer2[1].setUserCustomer;
+  var _useConfig = (0, _orderingComponentsAdminExternal.useConfig)(),
+    _useConfig2 = _slicedToArray(_useConfig, 1),
+    configs = _useConfig2[0].configs;
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     searchInputFocus = _useState2[0],
@@ -90,10 +92,19 @@ var SelectCustomer = function SelectCustomer(props) {
     document.execCommand('insertText', false, trimmedValue);
     onChangeNumber(trimmedValue);
   };
+  var handleOpenAddressListSidebar = function handleOpenAddressListSidebar() {
+    setOpenSidebar('address_list');
+    handleParentSidebarMove(500);
+  };
   (0, _react.useEffect)(function () {
     setOpenSidebar(null);
     handleParentSidebarMove(0);
   }, [customerAddress === null || customerAddress === void 0 ? void 0 : customerAddress.location]);
+  (0, _react.useEffect)(function () {
+    if (!(customerAddress !== null && customerAddress !== void 0 && customerAddress.address) && selectedUser) {
+      handleOpenAddressListSidebar();
+    }
+  }, [customerAddress === null || customerAddress === void 0 ? void 0 : customerAddress.address, selectedUser]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.SectionContainer, null, /*#__PURE__*/_react.default.createElement("h3", null, t('CUSTOMER', 'Customer')), /*#__PURE__*/_react.default.createElement("p", null, t('SEARCH_WITH_PHONE_FOR_CUSTOM_ORDER', 'Search with the phone the customer who will assign the custom order.')), /*#__PURE__*/_react.default.createElement(_styles2.SearchBarContainer, null, showSearchbar ? /*#__PURE__*/_react.default.createElement(_styles2.SearchBarWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Input, {
     placeholder: t('PHONE_NUMBER', 'Phone number'),
     onChange: function onChange(e) {
@@ -142,14 +153,13 @@ var SelectCustomer = function SelectCustomer(props) {
   }, selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.name, " ", selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.lastname)))), /*#__PURE__*/_react.default.createElement(_styles.Button, {
     borderRadius: "8px",
     color: "primary",
-    disabled: openSidebar === 'user_add_form' || defaultCountryCodeState.loading,
+    disabled: openSidebar === 'user_add_form',
     onClick: function onClick() {
       return handleOpenAddForm();
     }
   }, t('USERS_REGISTER', 'New user'))), selectedUser && /*#__PURE__*/_react.default.createElement(_styles2.CustomerAddressWrapper, null, (customerAddress === null || customerAddress === void 0 ? void 0 : customerAddress.address) && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.HouseDoor, null), /*#__PURE__*/_react.default.createElement("span", null, customerAddress === null || customerAddress === void 0 ? void 0 : customerAddress.address)), /*#__PURE__*/_react.default.createElement(_styles.LinkButton, {
     onClick: function onClick() {
-      setOpenSidebar('address_list');
-      handleParentSidebarMove(500);
+      return handleOpenAddressListSidebar();
     }
   }, customerAddress !== null && customerAddress !== void 0 && customerAddress.address ? t('CHANGE', 'Change') : t('ADD_NEW_ADDRESS', 'Add new address')))), openSidebar === 'user_add_form' && /*#__PURE__*/_react.default.createElement(_Shared.SideBar, {
     isBorderShow: true,
@@ -161,8 +171,7 @@ var SelectCustomer = function SelectCustomer(props) {
   }, /*#__PURE__*/_react.default.createElement(_Users.UserAddForm, {
     isFromCustomOrder: true,
     hideUserTypeSelector: true,
-    defaultCountry: defaultCountryCodeState.code,
-    defaultPhoneNumber: ((selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.cellphone) || phone) && "+".concat((0, _utils.findExitingCountryPhoneCode)(defaultCountryCodeState === null || defaultCountryCodeState === void 0 ? void 0 : defaultCountryCodeState.code), " ").concat((selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.cellphone) || phone),
+    defaultPhoneNumber: ((selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.cellphone) || phone) && "+".concat((0, _utils.findExitingCountryPhoneCode)(configs === null || configs === void 0 || (_configs$default_coun = configs.default_country_code) === null || _configs$default_coun === void 0 || (_configs$default_coun = _configs$default_coun.value) === null || _configs$default_coun === void 0 ? void 0 : _configs$default_coun.toUpperCase()), " ").concat((selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.cellphone) || phone),
     handleSuccessAdd: onSelectUser,
     onClose: function onClose() {
       return handleCloseSidebar();
@@ -176,7 +185,10 @@ var SelectCustomer = function SelectCustomer(props) {
     onClose: function onClose() {
       return handleCloseSidebar();
     }
-  }, /*#__PURE__*/_react.default.createElement(_styles2.SavedPlaces, null, /*#__PURE__*/_react.default.createElement("h2", null, selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.name, " ", selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.lastname), /*#__PURE__*/_react.default.createElement("p", null, t('SELECT_CUSTOMER_ADDRESS', 'Select customer address')), /*#__PURE__*/_react.default.createElement(_styles2.AddressListWrapper, null, /*#__PURE__*/_react.default.createElement(_Delivery.AddressList, {
+  }, /*#__PURE__*/_react.default.createElement(_styles2.SavedPlaces, {
+    openExtraAdddress: openExtraAdddress
+  }, /*#__PURE__*/_react.default.createElement("h2", null, selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.name, " ", selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.lastname), /*#__PURE__*/_react.default.createElement("p", null, t('SELECT_CUSTOMER_ADDRESS', 'Select customer address')), /*#__PURE__*/_react.default.createElement(_styles2.AddressListWrapper, null, /*#__PURE__*/_react.default.createElement(_Delivery.AddressList, {
+    isAutoOpenAddNewAddress: true,
     isSeletectedUserAddresses: true,
     userId: selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.id,
     addresses: selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.addresses,

package/_modules/components/Orders/CreateCustomOrder/SelectCustomer/styles.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.WrapperImage = exports.SelectedUserWrapper = exports.SelectOption = exports.SectionContainer = exports.SearchBarWrapper = exports.SearchBarContainer = exports.SavedPlaces = exports.OptionsToSelectContainer = exports.CustomerAddressWrapper = exports.AddressListWrapper = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-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;
+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;
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
@@ -56,13 +56,16 @@ var CustomerAddressWrapper = _styledComponents.default.div(_templateObject16 ||
   return (_props$theme6 = props.theme) !== null && _props$theme6 !== void 0 && _props$theme6.rtl ? (0, _styledComponents.css)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n      margin-left: 30px;\n    "]))) : (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n      margin-left: 30px;\n    "])));
 });
 exports.CustomerAddressWrapper = CustomerAddressWrapper;
-var SavedPlaces = _styledComponents.default.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  width: 100%;\n  padding: 25px 20px;\n  overflow: auto;\n\n  > h2 {\n    font-size: 20px;\n    font-weight: 700;\n    margin-top: 0;\n    margin-bottom: 25px;\n\n    ", "\n  }\n\n  > p {\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: 600;\n    margin-top: 0;\n    margin-bottom: 25px;\n  }  \n"])), function (props) {
+var SavedPlaces = _styledComponents.default.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  width: 100%;\n  padding: 25px 20px;\n  overflow: auto;\n  ", "\n\n  > h2 {\n    font-size: 20px;\n    font-weight: 700;\n    margin-top: 0;\n    margin-bottom: 25px;\n\n    ", "\n  }\n\n  > p {\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: 600;\n    margin-top: 0;\n    margin-bottom: 25px;\n  }  \n"])), function (_ref) {
+  var openExtraAdddress = _ref.openExtraAdddress;
+  return openExtraAdddress && (0, _styledComponents.css)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n    z-index: 10;\n  "])));
+}, function (props) {
   var _props$theme7;
-  return (_props$theme7 = props.theme) !== null && _props$theme7 !== void 0 && _props$theme7.rtl ? (0, _styledComponents.css)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n      margin-left: 40px;\n    "]))) : (0, _styledComponents.css)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n      margin-right: 40px;\n    "])));
+  return (_props$theme7 = props.theme) !== null && _props$theme7 !== void 0 && _props$theme7.rtl ? (0, _styledComponents.css)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n      margin-left: 40px;\n    "]))) : (0, _styledComponents.css)(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n      margin-right: 40px;\n    "])));
 });
 exports.SavedPlaces = SavedPlaces;
-var AddressListWrapper = _styledComponents.default.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  display: flex;\n  height: calc(100% - 120px);\n  > div:first-child {\n    position: relative;\n    display: flex;\n    box-sizing: border-box;\n    flex: 1;\n\n    > button{\n      width: auto;\n      align-self: center;\n      position: absolute;\n      bottom: 0px;\n\n      ", "\n    }\n\n    > ul {\n      margin-top: 0px;\n      max-height: calc(100% - 70px);\n      overflow: auto;\n    }\n  }\n\n\n  @media (min-width: 768px){\n    ul{\n      width: 100%;\n    }\n    >div {\n      > button {\n        width: 65%;\n      }\n    }\n  }\n"])), function (props) {
+var AddressListWrapper = _styledComponents.default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  display: flex;\n  height: calc(100% - 120px);\n  > div:first-child {\n    position: relative;\n    display: flex;\n    box-sizing: border-box;\n    flex: 1;\n\n    > button{\n      width: auto;\n      align-self: center;\n      position: absolute;\n      bottom: 0px;\n\n      ", "\n    }\n\n    > ul {\n      margin-top: 0px;\n      max-height: calc(100% - 70px);\n      overflow: auto;\n    }\n  }\n\n\n  @media (min-width: 768px){\n    ul{\n      width: 100%;\n    }\n    >div {\n      > button {\n        width: 65%;\n      }\n    }\n  }\n"])), function (props) {
   var _props$theme8;
-  return (_props$theme8 = props.theme) !== null && _props$theme8 !== void 0 && _props$theme8.rtl ? (0, _styledComponents.css)(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n        right: 0px;\n      "]))) : (0, _styledComponents.css)(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n        left: 0px;\n      "])));
+  return (_props$theme8 = props.theme) !== null && _props$theme8 !== void 0 && _props$theme8.rtl ? (0, _styledComponents.css)(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n        right: 0px;\n      "]))) : (0, _styledComponents.css)(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n        left: 0px;\n      "])));
 });
 exports.AddressListWrapper = AddressListWrapper;

package/_modules/components/Orders/DeliveriesManager/index.js

@@ -43,7 +43,6 @@ var DeliveriesManagerUI = function DeliveriesManagerUI(props) {
     selectedSubOrderStatus = props.selectedSubOrderStatus,
     handleSelectedSubOrderStatus = props.handleSelectedSubOrderStatus,
     onOrderRedirect = props.onOrderRedirect,
-    numberOfOrdersByStatus = props.numberOfOrdersByStatus,
     numberOfOrdersBySubstatus = props.numberOfOrdersBySubstatus,
     timeStatus = props.timeStatus,
     setTimeStatus = props.setTimeStatus;
@@ -71,6 +70,15 @@ var DeliveriesManagerUI = function DeliveriesManagerUI(props) {
     _useState10 = _slicedToArray(_useState9, 2),
     slaSettingTime = _useState10[0],
     setSlaSettingTime = _useState10[1];
+  var _useState11 = (0, _react.useState)({
+      pending: null,
+      inProgress: null,
+      completed: null,
+      cancelled: null
+    }),
+    _useState12 = _slicedToArray(_useState11, 2),
+    ordersAmountByStatus = _useState12[0],
+    setOrdersAmountByStatus = _useState12[1];
   var _useConfig = (0, _orderingComponentsAdminExternal.useConfig)(),
     _useConfig2 = _slicedToArray(_useConfig, 1),
     configState = _useConfig2[0];
@@ -125,7 +133,8 @@ var DeliveriesManagerUI = function DeliveriesManagerUI(props) {
     setFilterModalOpen: setFilterModalOpen,
     slaSettingTime: slaSettingTime,
     timeStatus: timeStatus,
-    numberOfOrdersByStatus: numberOfOrdersByStatus,
+    ordersAmountByStatus: ordersAmountByStatus,
+    setOrdersAmountByStatus: setOrdersAmountByStatus,
     numberOfOrdersBySubstatus: numberOfOrdersBySubstatus
   })))), isOpenOrderDetail && /*#__PURE__*/_react.default.createElement(_OrderDetails.OrderDetails, {
     open: isOpenOrderDetail,