ordering-ui-admin-external 1.8.5 → 1.10.0

package/_modules/components/Stores/BusinessAdd/index.js

@@ -0,0 +1,170 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BusinessAdd = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _BusinessDetails = require("./BusinessDetails");
+var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
+var _reactBootstrapIcons = require("react-bootstrap-icons");
+var _Images = require("./Images");
+var _Schedule = require("./Schedule");
+var _Photos = require("./Photos");
+var _OrderTypePriceLevel = require("./OrderTypePriceLevel");
+var _PaymentMethods = require("./PaymentMethods");
+var _ReceiveOrders = require("./ReceiveOrders");
+var _InfoShareContext = require("../../../contexts/InfoShareContext");
+var _styles = require("../../../styles");
+var _DeliveryZone = require("./DeliveryZone");
+var _reactRouterDom = require("react-router-dom");
+var _Shared = require("../../Shared");
+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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+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 BusinessAddUI = function BusinessAddUI(props) {
+  var _orderStatus$options;
+  var formState = props.formState,
+    handleChangeAddress = props.handleChangeAddress,
+    handleChangeInput = props.handleChangeInput,
+    handleChangeCenter = props.handleChangeCenter,
+    handleChangeSwtich = props.handleChangeSwtich,
+    handleChangeGallery = props.handleChangeGallery,
+    changeFormState = props.changeFormState,
+    paymethodsList = props.paymethodsList,
+    handleAddBusiness = props.handleAddBusiness,
+    kmlData = props.kmlData,
+    handleUploadKmlFiles = props.handleUploadKmlFiles,
+    zoneState = props.zoneState,
+    handleChangeZoneState = props.handleChangeZoneState,
+    gallery = props.gallery,
+    handleChangePaymethodIds = props.handleChangePaymethodIds,
+    paymethodIds = props.paymethodIds,
+    handleChangeSchedule = props.handleChangeSchedule;
+  var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
+    _useLanguage2 = _slicedToArray(_useLanguage, 2),
+    t = _useLanguage2[1];
+  var _useOrder = (0, _orderingComponentsAdminExternal.useOrder)(),
+    _useOrder2 = _slicedToArray(_useOrder, 1),
+    orderStatus = _useOrder2[0];
+  var _useEvent = (0, _orderingComponentsAdminExternal.useEvent)(),
+    _useEvent2 = _slicedToArray(_useEvent, 1),
+    events = _useEvent2[0];
+  var _useInfoShare = (0, _InfoShareContext.useInfoShare)(),
+    _useInfoShare2 = _slicedToArray(_useInfoShare, 2),
+    isCollapse = _useInfoShare2[0].isCollapse,
+    handleMenuCollapse = _useInfoShare2[1].handleMenuCollapse;
+  var _useState = (0, _react.useState)({
+      open: false,
+      content: []
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    alertState = _useState2[0],
+    setAlertState = _useState2[1];
+  var handleSubmit = function handleSubmit() {
+    handleAddBusiness();
+  };
+  var handleGoToBusinessList = function handleGoToBusinessList() {
+    events.emit('go_to_page', {
+      page: 'businesses'
+    });
+  };
+  var closeAlert = function closeAlert() {
+    setAlertState({
+      open: false,
+      content: []
+    });
+  };
+  (0, _react.useEffect)(function () {
+    var _formState$result;
+    if (!(formState !== null && formState !== void 0 && formState.loading) && formState !== null && formState !== void 0 && (_formState$result = formState.result) !== null && _formState$result !== void 0 && _formState$result.error) {
+      var _formState$result2;
+      setAlertState({
+        open: true,
+        content: formState === null || formState === void 0 ? void 0 : (_formState$result2 = formState.result) === null || _formState$result2 === void 0 ? void 0 : _formState$result2.result
+      });
+    }
+  }, [formState === null || formState === void 0 ? void 0 : formState.result]);
+  var changeSchedule = (0, _react.useCallback)(function (e) {
+    return handleChangeSchedule(e);
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.AddNewBusinessContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.HeaderTitleContainer, null, isCollapse && /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
+    color: "black",
+    onClick: function onClick() {
+      return handleMenuCollapse(false);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.List, null)), /*#__PURE__*/_react.default.createElement("h1", null, t('NEW_BUSINESS', 'New business'))), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement(_BusinessDetails.BusinessDetails, {
+    formState: formState,
+    handleChangeAddress: handleChangeAddress,
+    handleChangeInput: handleChangeInput,
+    handleChangeCenter: handleChangeCenter
+  })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement(_Images.Images, {
+    formState: formState,
+    handleChangeSwtich: handleChangeSwtich
+  })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement(_Schedule.Schedule, {
+    handleChangeSchedule: changeSchedule
+  })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement(_Photos.Photos, {
+    gallery: gallery,
+    handleChangeGallery: handleChangeGallery
+  })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement(_OrderTypePriceLevel.OrderTypePriceLevel, {
+    formState: formState,
+    changeFormState: changeFormState
+  })), (orderStatus === null || orderStatus === void 0 ? void 0 : (_orderStatus$options = orderStatus.options) === null || _orderStatus$options === void 0 ? void 0 : _orderStatus$options.type) === 1 && /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement(_DeliveryZone.DeliveryZone, {
+    kmlData: kmlData,
+    zoneState: zoneState,
+    formState: formState,
+    handleChangeZoneState: handleChangeZoneState,
+    handleUploadKmlFiles: handleUploadKmlFiles
+  })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement(_PaymentMethods.PaymentMethods, {
+    handleChangePaymethodIds: handleChangePaymethodIds,
+    paymethodIds: paymethodIds,
+    paymethodsList: paymethodsList
+  })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement(_ReceiveOrders.ReceiveOrders, {
+    formState: formState,
+    handleChangeInput: handleChangeInput,
+    changeFormState: changeFormState
+  })), /*#__PURE__*/_react.default.createElement(_styles2.ButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
+    color: "primary",
+    outline: true,
+    onClick: handleGoToBusinessList
+  }, t('Cancel', 'Cancel')), /*#__PURE__*/_react.default.createElement(_styles.Button, {
+    color: "primary",
+    onClick: handleSubmit,
+    disabled: formState === null || formState === void 0 ? void 0 : formState.loading
+  }, t('CONFIRM', 'Confirm')))), /*#__PURE__*/_react.default.createElement(_Shared.Alert, {
+    title: t('WEB_APPNAME', 'Ordering'),
+    content: alertState.content,
+    acceptText: t('ACCEPT', 'Accept'),
+    open: alertState.open,
+    onClose: function onClose() {
+      return closeAlert();
+    },
+    onAccept: function onAccept() {
+      return closeAlert();
+    },
+    closeOnBackdrop: false
+  }));
+};
+var BusinessAdd = function BusinessAdd(props) {
+  var history = (0, _reactRouterDom.useHistory)();
+  var addNewBusinessProps = _objectSpread(_objectSpread({}, props), {}, {
+    UIComponent: BusinessAddUI,
+    handleOpenCategory: function handleOpenCategory(slug) {
+      return history.push("/stores/products/".concat(slug));
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsAdminExternal.BusinessAdd, addNewBusinessProps);
+};
+exports.BusinessAdd = BusinessAdd;

package/_modules/components/Stores/BusinessAdd/styles.js

@@ -0,0 +1,29 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HeaderTitleContainer = exports.ButtonWrapper = exports.BoxLayout = exports.AddNewBusinessContainer = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+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) } })); }
+var AddNewBusinessContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  flex: 1;\n  padding: 20px;\n  box-sizing: border-box;\n  transition: all 0.5s;\n  max-height: 100vh;\n  overflow: auto;\n\n  @media print {\n    display: none;\n  }\n"])));
+exports.AddNewBusinessContainer = AddNewBusinessContainer;
+var HeaderTitleContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 0px 10px;\n  margin-bottom: 25px;\n\n  > h1 {\n    font-weight: 700;\n    font-size: 20px;\n    color: ", ";\n    margin: 0px;\n    line-height: 32px;\n  }\n\n  > button {\n    ", "\n\n    svg {\n      width: 25px;\n      height: 25px;\n    }\n  }\n"])), function (props) {
+  return props.theme.colors.headingColor;
+}, function (props) {
+  var _props$theme;
+  return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      margin-left: 8px;\n      margin-right: -8px;\n    "]))) : (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      margin-right: 8px;\n      margin-left: -8px;\n    "])));
+});
+exports.HeaderTitleContainer = HeaderTitleContainer;
+var BoxLayout = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  background: ", ";\n  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n  border-radius: 7.6px;\n  padding: 25px 35px;\n  margin-bottom: 35px;\n  > div {\n    width: 100%;\n    max-width: 558px;\n  }\n"])), function (props) {
+  return props.theme.colors.white;
+});
+exports.BoxLayout = BoxLayout;
+var ButtonWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-end;\n  flex-direction: column;\n  padding-bottom: 30px;\n  button {\n    height: 44px;\n    border-radius: 8px;\n    width: 100%;\n    margin-left: 0;\n    margin-right: 0;\n    margin-top: 30px;\n  }\n\n  @media (min-width: 576px) {\n    flex-direction: row;\n    button {\n      width: 200px;\n      &:first-child {\n        margin-right: 30px;\n        ", "\n      }\n    }\n  }\n"])), function (props) {
+  return props.theme.rtl && (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n          margin-right: 0;\n          margin-left: 30px;\n        "])));
+});
+exports.ButtonWrapper = ButtonWrapper;

package/_modules/components/Stores/BusinessDeliveryDetails/styles.js

@@ -14,7 +14,7 @@ var SectionTitle = _styledComponents.default.h2(_templateObject2 || (_templateOb
 exports.SectionTitle = SectionTitle;
 var TimeSelectContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n\n  label {\n    font-size: 14px;\n    margin-bottom: 11px;\n  }\n"])));
 exports.TimeSelectContainer = TimeSelectContainer;
-var TimeBlock = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  border: 1px solid ", ";\n  border-radius: 8px;\n  width: fit-content;\n  padding: 8px 11px;\n  color: ", ";\n  \n  > select {\n    margin: 0 5px;\n    border: none;\n    outline: none;\n    color: ", ";\n\n    -moz-appearance: none;\n    -webkit-appearance: none;\n    appearance: none;\n    &::-ms-expand {\n      display: none;\n    }\n  }\n"])), function (props) {
+var TimeBlock = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  border: 1px solid ", ";\n  border-radius: 8px;\n  width: fit-content;\n  padding: 8px 11px;\n  color: ", ";\n  \n  > select {\n    margin: 0 5px;\n    border: none;\n    outline: none;\n    color: ", ";\n    background: transparent;\n\n    -moz-appearance: none;\n    -webkit-appearance: none;\n    appearance: none;\n    &::-ms-expand {\n      display: none;\n    }\n  }\n"])), function (props) {
   return props.theme.colors.borderColor;
 }, function (props) {
   return props.theme.colors.secundaryLight;

package/_modules/components/Stores/BusinessDeliveryPickupMore/index.js

@@ -20,6 +20,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 BusinessDeliveryPickupMore = function BusinessDeliveryPickupMore(props) {
+  var setIsExtendExtraOpen = props.setIsExtendExtraOpen;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -37,6 +38,9 @@ var BusinessDeliveryPickupMore = function BusinessDeliveryPickupMore(props) {
     key: 'driver_delivery_group',
     content: t('DRIVER_DELIVERY_GROUP', 'Driver Delivery Group')
   }];
+  (0, _react.useEffect)(function () {
+    setIsExtendExtraOpen(false);
+  }, [selectedTab]);
   return /*#__PURE__*/_react.default.createElement(_styles.Container, null, /*#__PURE__*/_react.default.createElement("h1", null, t('DELIVERY_PICKUP_MORE', 'Delivery, pickup & more')), /*#__PURE__*/_react.default.createElement(_styles.TabsContainer, null, tabs.map(function (tab) {
     return /*#__PURE__*/_react.default.createElement(_styles.Tab, {
       key: tab.key,

package/_modules/components/Stores/BusinessDeliveryZoneInformation/index.js

@@ -228,7 +228,7 @@ var BusinessDeliveryZoneInformation = function BusinessDeliveryZoneInformation(p
     maxLength: 2,
     value: (_ref4 = (_formState$changes$da = (_formState$changes6 = formState.changes) === null || _formState$changes6 === void 0 ? void 0 : (_formState$changes6$d = _formState$changes6.data) === null || _formState$changes6$d === void 0 ? void 0 : _formState$changes6$d.distance) !== null && _formState$changes$da !== void 0 ? _formState$changes$da : zone === null || zone === void 0 ? void 0 : (_zone$data = zone.data) === null || _zone$data === void 0 ? void 0 : _zone$data.distance) !== null && _ref4 !== void 0 ? _ref4 : '',
     onInput: function onInput(e) {
-      e.target.value = e.target.value.match("^[1-9]{1,2}$");
+      e.target.value = e.target.value.match('^[1-9]{1,2}$');
     },
     onChange: function onChange(e) {
       var _configState$configs4, _configState$configs5;

package/_modules/components/Stores/BusinessPickupDetails/styles.js

@@ -14,7 +14,7 @@ var SectionTitle = _styledComponents.default.h2(_templateObject2 || (_templateOb
 exports.SectionTitle = SectionTitle;
 var TimeSelectContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 50px;\n\n  label {\n    font-size: 14px;\n    margin-bottom: 11px;\n  }\n"])));
 exports.TimeSelectContainer = TimeSelectContainer;
-var TimeBlock = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  border: 1px solid ", ";\n  border-radius: 8px;\n  width: fit-content;\n  padding: 8px 11px;\n  color: ", ";\n  \n  > select {\n    margin: 0 5px;\n    border: none;\n    outline: none;\n    color: ", ";\n\n    -moz-appearance: none;\n    -webkit-appearance: none;\n    appearance: none;\n    &::-ms-expand {\n      display: none;\n    }\n  }\n"])), function (props) {
+var TimeBlock = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  border: 1px solid ", ";\n  border-radius: 8px;\n  width: fit-content;\n  padding: 8px 11px;\n  color: ", ";\n  \n  > select {\n    margin: 0 5px;\n    border: none;\n    outline: none;\n    color: ", ";\n    background: transparent;\n\n    -moz-appearance: none;\n    -webkit-appearance: none;\n    appearance: none;\n    &::-ms-expand {\n      display: none;\n    }\n  }\n"])), function (props) {
   return props.theme.colors.borderColor;
 }, function (props) {
   return props.theme.colors.secundaryLight;

package/_modules/components/Stores/BusinessProductAddForm/index.js

@@ -75,10 +75,10 @@ var BusinessProductAddFormUI = function BusinessProductAddFormUI(props) {
   var typeList = [{
     value: 'item',
     content: /*#__PURE__*/_react.default.createElement(_styles2.Option, null, t('ITEM', 'Item'))
-  }, {
-    value: 'service',
-    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, null, t('SERVICE', 'Service'))
-  }];
+  }
+  // { value: 'service', content: <Option>{t('SERVICE', 'Service')}</Option> }
+  ];
+
   var durationList = [{
     value: 15,
     content: /*#__PURE__*/_react.default.createElement(_styles2.Option, null, "15 ", /*#__PURE__*/_react.default.createElement("span", null, t('MINUTES', 'minutes')))
@@ -228,7 +228,7 @@ var BusinessProductAddFormUI = function BusinessProductAddFormUI(props) {
     src: formState === null || formState === void 0 ? void 0 : (_formState$changes3 = formState.changes) === null || _formState$changes3 === void 0 ? void 0 : _formState$changes3.images,
     alt: "business type image",
     loading: "lazy"
-  }), /*#__PURE__*/_react.default.createElement(_styles2.UploadImageIconContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.UploadImageIcon, null, /*#__PURE__*/_react.default.createElement(_BiImage.default, null), /*#__PURE__*/_react.default.createElement("span", null, t('DRAG_DROP_IMAGE_HERE', 'Put your image here'))))))), /*#__PURE__*/_react.default.createElement(_styles2.SelectWrapper, {
+  }), /*#__PURE__*/_react.default.createElement(_styles2.UploadImageIconContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.UploadImageIcon, null, /*#__PURE__*/_react.default.createElement(_BiImage.default, null), /*#__PURE__*/_react.default.createElement("span", null, t('DRAG_DROP_IMAGE_HERE', 'Put your image here'))))))), (typeList === null || typeList === void 0 ? void 0 : typeList.length) > 1 && /*#__PURE__*/_react.default.createElement(_styles2.SelectWrapper, {
     notAllow: true
   }, /*#__PURE__*/_react.default.createElement("label", null, t('TYPE', 'Type')), /*#__PURE__*/_react.default.createElement(_FirstSelect.Select, {
     options: typeList,

package/_modules/components/Stores/BusinessProductsCategoyInfo/index.js

@@ -318,12 +318,7 @@ var BusinessProductsCategoyInfo = function BusinessProductsCategoyInfo(props) {
     name: "description",
     value: (formState === null || formState === void 0 ? void 0 : (_formState$changes15 = formState.changes) === null || _formState$changes15 === void 0 ? void 0 : _formState$changes15.description) || '',
     onChange: handleChangeInput,
-    autoComplete: "off",
-    onKeyPress: function onKeyPress(e) {
-      if (e.which === 32) {
-        e.preventDefault();
-      }
-    }
+    autoComplete: "off"
   })), !isAddMode && /*#__PURE__*/_react.default.createElement(_styles2.CategoryNameWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('SLUG', 'Slug')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
     name: "slug",
     placeholder: t('SLUG', 'Slug'),

package/_modules/components/Stores/BusinessProductsListing/index.js

@@ -28,6 +28,7 @@ var _BusinessDetails = require("../BusinessDetails");
 var _reactBootstrap = require("react-bootstrap");
 var _ImportersButton = require("../ImportersButton");
 var _AddBusinessForm = require("../AddBusinessForm");
+var _ProductStep = require("../ProductStep");
 var _styles2 = require("./styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
@@ -45,7 +46,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 BusinessProductsListingUI = function BusinessProductsListingUI(props) {
-  var _businessState$busine5, _businessState$busine7, _businessState$busine8, _businessState$busine9, _businessState$busine10, _businessState$busine11;
+  var _businessState$busine5, _businessState$busine9, _businessState$busine10, _businessState$busine11, _businessState$busine12, _businessState$busine13;
   var categorySelected = props.categorySelected,
     searchValue = props.searchValue,
     handleChangeCategory = props.handleChangeCategory,
@@ -115,7 +116,11 @@ var BusinessProductsListingUI = function BusinessProductsListingUI(props) {
     _useState16 = _slicedToArray(_useState15, 2),
     openSidebar = _useState16[0],
     setOpenSidebar = _useState16[1];
-  var _useState17 = (0, _react.useState)({
+  var _useState17 = (0, _react.useState)(false),
+    _useState18 = _slicedToArray(_useState17, 2),
+    showPopup = _useState18[0],
+    setShowPopup = _useState18[1];
+  var _useState19 = (0, _react.useState)({
       id: true,
       name: true,
       description: true,
@@ -124,9 +129,9 @@ var BusinessProductsListingUI = function BusinessProductsListingUI(props) {
       inventoried: true,
       quantity: true
     }),
-    _useState18 = _slicedToArray(_useState17, 2),
-    allowSpreadColumns = _useState18[0],
-    setAllowSpreadColumns = _useState18[1];
+    _useState20 = _slicedToArray(_useState19, 2),
+    allowSpreadColumns = _useState20[0],
+    setAllowSpreadColumns = _useState20[1];
   var spreadColumnOptions = [{
     value: 'cost_price',
     content: t('PRODUCT_COST', 'Product cost')
@@ -240,6 +245,12 @@ var BusinessProductsListingUI = function BusinessProductsListingUI(props) {
       setShowSelectHeader(true);
     }
   }, [slug]);
+  (0, _react.useEffect)(function () {
+    var _businessState$busine7, _businessState$busine8;
+    if (businessState !== null && businessState !== void 0 && businessState.business && (businessState === null || businessState === void 0 ? void 0 : (_businessState$busine7 = businessState.business) === null || _businessState$busine7 === void 0 ? void 0 : (_businessState$busine8 = _businessState$busine7.categories) === null || _businessState$busine8 === void 0 ? void 0 : _businessState$busine8.length) === 0) {
+      setShowPopup(true);
+    }
+  }, [businessState === null || businessState === void 0 ? void 0 : businessState.business]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.CategoryProductsContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.HeaderContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.HeaderTitleContainer, null, isCollapse && /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
     color: "black",
     onClick: function onClick() {
@@ -252,7 +263,7 @@ var BusinessProductsListingUI = function BusinessProductsListingUI(props) {
     onClick: function onClick() {
       return handleSelectHeader();
     }
-  }, /*#__PURE__*/_react.default.createElement("h1", null, (selectedBusiness === null || selectedBusiness === void 0 ? void 0 : selectedBusiness.name) || (businessState === null || businessState === void 0 ? void 0 : (_businessState$busine7 = businessState.business) === null || _businessState$busine7 === void 0 ? void 0 : _businessState$busine7.name) || t('SELECT_BUSINESS', 'Select a business'), " \xA0 ", /*#__PURE__*/_react.default.createElement(_BisDownArrow.default, {
+  }, /*#__PURE__*/_react.default.createElement("h1", null, (selectedBusiness === null || selectedBusiness === void 0 ? void 0 : selectedBusiness.name) || (businessState === null || businessState === void 0 ? void 0 : (_businessState$busine9 = businessState.business) === null || _businessState$busine9 === void 0 ? void 0 : _businessState$busine9.name) || t('SELECT_BUSINESS', 'Select a business'), " \xA0 ", /*#__PURE__*/_react.default.createElement(_BisDownArrow.default, {
     className: showSelectHeader ? 'rotate-arrow' : ''
   }))), showSelectHeader && /*#__PURE__*/_react.default.createElement(_BusinessSelectHeader.BusinessSelectHeader, {
     close: handleClose,
@@ -265,7 +276,7 @@ var BusinessProductsListingUI = function BusinessProductsListingUI(props) {
     onClick: function onClick() {
       return setOpenSidebar('business_details');
     }
-  }, (selectedBusiness === null || selectedBusiness === void 0 ? void 0 : selectedBusiness.name) || (businessState === null || businessState === void 0 ? void 0 : (_businessState$busine8 = businessState.business) === null || _businessState$busine8 === void 0 ? void 0 : _businessState$busine8.name)), /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ChevronRight, null), /*#__PURE__*/_react.default.createElement("span", null, categorySelected === null || categorySelected === void 0 ? void 0 : categorySelected.name))))), slug && /*#__PURE__*/_react.default.createElement(_styles2.ActionsGroup, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
+  }, (selectedBusiness === null || selectedBusiness === void 0 ? void 0 : selectedBusiness.name) || (businessState === null || businessState === void 0 ? void 0 : (_businessState$busine10 = businessState.business) === null || _businessState$busine10 === void 0 ? void 0 : _businessState$busine10.name)), /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ChevronRight, null), /*#__PURE__*/_react.default.createElement("span", null, categorySelected === null || categorySelected === void 0 ? void 0 : categorySelected.name))))), slug && /*#__PURE__*/_react.default.createElement(_styles2.ActionsGroup, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
     color: "lightPrimary",
     borderRadius: "8px",
     onClick: function onClick() {
@@ -291,7 +302,7 @@ var BusinessProductsListingUI = function BusinessProductsListingUI(props) {
     onClick: function onClick() {
       return handleProductAdd(true);
     },
-    disabled: (businessState === null || businessState === void 0 ? void 0 : (_businessState$busine9 = businessState.business) === null || _businessState$busine9 === void 0 ? void 0 : (_businessState$busine10 = _businessState$busine9.categories) === null || _businessState$busine10 === void 0 ? void 0 : _businessState$busine10.length) === 0
+    disabled: (businessState === null || businessState === void 0 ? void 0 : (_businessState$busine11 = businessState.business) === null || _businessState$busine11 === void 0 ? void 0 : (_businessState$busine12 = _businessState$busine11.categories) === null || _businessState$busine12 === void 0 ? void 0 : _businessState$busine12.length) === 0
   }, t('ADD_PRODUCT', 'Add product')), /*#__PURE__*/_react.default.createElement(_Shared.SearchBar, {
     isCustomLayout: true,
     lazyLoad: true,
@@ -388,7 +399,7 @@ var BusinessProductsListingUI = function BusinessProductsListingUI(props) {
     setFees: setFees
   }), openSidebar === 'business_details' && /*#__PURE__*/_react.default.createElement(_BusinessDetails.BusinessDetails, {
     open: openSidebar === 'business_details',
-    businessId: (selectedBusiness === null || selectedBusiness === void 0 ? void 0 : selectedBusiness.id) || (businessState === null || businessState === void 0 ? void 0 : (_businessState$busine11 = businessState.business) === null || _businessState$busine11 === void 0 ? void 0 : _businessState$busine11.id),
+    businessId: (selectedBusiness === null || selectedBusiness === void 0 ? void 0 : selectedBusiness.id) || (businessState === null || businessState === void 0 ? void 0 : (_businessState$busine13 = businessState.business) === null || _businessState$busine13 === void 0 ? void 0 : _businessState$busine13.id),
     handleSucessRemoveBusiness: function handleSucessRemoveBusiness() {
       return handleStoresRedirect();
     }
@@ -417,13 +428,26 @@ var BusinessProductsListingUI = function BusinessProductsListingUI(props) {
     onClose: function onClose() {
       return setBatchImageFormOpen(false);
     }
-  }))));
+  }))), /*#__PURE__*/_react.default.createElement(_Shared.Modal, {
+    width: width > 1440 ? '40%' : '60%',
+    padding: "25px",
+    open: showPopup,
+    onClose: function onClose() {
+      return setShowPopup(false);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ProductStep.ProductStep, {
+    onClose: function onClose() {
+      return setShowPopup(false);
+    },
+    orderingBusiness: businessState === null || businessState === void 0 ? void 0 : businessState.business,
+    getBusiness: getBusiness
+  })));
 };
 var BusinessProductsListing = function BusinessProductsListing(props) {
-  var _useState19 = (0, _react.useState)(false),
-    _useState20 = _slicedToArray(_useState19, 2),
-    isInitialRender = _useState20[0],
-    setIsInitialRender = _useState20[1];
+  var _useState21 = (0, _react.useState)(false),
+    _useState22 = _slicedToArray(_useState21, 2),
+    isInitialRender = _useState22[0],
+    setIsInitialRender = _useState22[1];
   var businessProductslistingProps = _objectSpread(_objectSpread({}, props), {}, {
     UIComponent: BusinessProductsListingUI,
     isInitialRender: isInitialRender,

package/_modules/components/Stores/BusinessesList/index.js

@@ -47,7 +47,8 @@ var BusinessesList = function BusinessesList(props) {
     handleChangeBusinessIds = props.handleChangeBusinessIds,
     handleEnableAllBusiness = props.handleEnableAllBusiness,
     selectedBusinessActiveState = props.selectedBusinessActiveState,
-    setBusinessIds = props.setBusinessIds;
+    setBusinessIds = props.setBusinessIds,
+    handleGotToAdd = props.handleGotToAdd;
   var theme = (0, _styledComponents.useTheme)();
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
@@ -184,13 +185,14 @@ var BusinessesList = function BusinessesList(props) {
     });
   }))), /*#__PURE__*/_react.default.createElement(_styles2.BusinessListBottomContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.AddNewButtonLink, {
     onClick: function onClick() {
-      return handleOpenAddBusiness();
+      return handleGotToAdd();
     }
   }, t('ADD_NEW_STORE', 'Add new store')), pagination && /*#__PURE__*/_react.default.createElement(_styles2.WrapperPagination, null, (pagination === null || pagination === void 0 ? void 0 : pagination.total) > 0 && /*#__PURE__*/_react.default.createElement(_Shared.Pagination, {
     currentPage: pagination.currentPage,
     totalPages: Math.ceil((pagination === null || pagination === void 0 ? void 0 : pagination.total) / pagination.pageSize),
     handleChangePage: handleChangePage,
-    handleChangePageSize: handleChangePageSize
+    handleChangePageSize: handleChangePageSize,
+    defaultPageSize: pagination === null || pagination === void 0 ? void 0 : pagination.pageSize
   })))), viewMethod === 'card' && /*#__PURE__*/_react.default.createElement(_styles2.BusinessCardContainer, null, businessList.loading ? _toConsumableArray(Array(30).keys()).map(function (i) {
     return /*#__PURE__*/_react.default.createElement(_SingleBusiness.SingleBusiness, {
       key: i,

package/_modules/components/Stores/BusinessesListing/index.js

@@ -12,16 +12,17 @@ var _BsGrid = _interopRequireDefault(require("@meronex/icons/bs/BsGrid"));
 var _BsViewList = _interopRequireDefault(require("@meronex/icons/bs/BsViewList"));
 var _utils = require("../../../utils");
 var _Shared = require("../../Shared");
+var _styledComponents = require("styled-components");
 var _BusinessesList = require("../BusinessesList");
 var _BusinessesListingHeader = require("../BusinessesListingHeader");
 var _BusinessActiveStateFilter = require("../BusinessActiveStateFilter");
 var _BusinessTypeFilter = require("../BusinessTypeFilter");
 var _BusinessDetails = require("../BusinessDetails");
-var _AddBusinessForm = require("../AddBusinessForm");
 var _WizardBusiness = require("../WizardBusiness");
 var _styles = require("./styles");
 var _BusinessSync = require("../BusinessSync");
 var _BusinessDelete = require("../BusinessDelete");
+var _styles2 = require("../../../styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
@@ -60,6 +61,13 @@ var BusinessesListingUI = function BusinessesListingUI(props) {
     handleDeleteMultiBusinesses = props.handleDeleteMultiBusinesses,
     setBusinessIds = props.setBusinessIds;
   var query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
+  var theme = (0, _styledComponents.useTheme)();
+  var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
+    _useLanguage2 = _slicedToArray(_useLanguage, 2),
+    t = _useLanguage2[1];
+  var _useEvent = (0, _orderingComponentsAdminExternal.useEvent)(),
+    _useEvent2 = _slicedToArray(_useEvent, 1),
+    events = _useEvent2[0];
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     isTutorialMode = _useState2[0],
@@ -100,6 +108,15 @@ var BusinessesListingUI = function BusinessesListingUI(props) {
     _useState20 = _slicedToArray(_useState19, 2),
     moveDistance = _useState20[0],
     setMoveDistance = _useState20[1];
+  var noBusinesses = (0, _react.useMemo)(function () {
+    var _businessList$busines;
+    return !(businessList !== null && businessList !== void 0 && businessList.loading) && (businessList === null || businessList === void 0 ? void 0 : (_businessList$busines = businessList.businesses) === null || _businessList$busines === void 0 ? void 0 : _businessList$busines.length) === 0 && (pagination === null || pagination === void 0 ? void 0 : pagination.currentPage) === 1 && !searchValue;
+  }, [businessList === null || businessList === void 0 ? void 0 : businessList.loading, businessList === null || businessList === void 0 ? void 0 : businessList.businesses, pagination, searchValue]);
+  var handleGotToAdd = function handleGotToAdd() {
+    events.emit('go_to_page', {
+      page: 'business_add'
+    });
+  };
   var handleBackRedirect = function handleBackRedirect() {
     setOpenBusinessDetails(false);
     setDetailsBusiness(null);
@@ -120,16 +137,18 @@ var BusinessesListingUI = function BusinessesListingUI(props) {
     }
     setOpenAddBusiness(true);
   };
-  var onhandleSuccessAddBusiness = function onhandleSuccessAddBusiness(business) {
-    handleSucessAddBusiness(business);
-    setOpenAddBusiness(false);
-    setDetailsBusiness(business);
-    if (isTutorialMode) {
-      setOpenTutorialSidebarState('schedule');
-    } else {
-      handleOpenBusinessDetails(business);
-    }
-  };
+
+  // const onhandleSuccessAddBusiness = (business) => {
+  //   handleSucessAddBusiness(business)
+  //   setOpenAddBusiness(false)
+  //   setDetailsBusiness(business)
+  //   if (isTutorialMode) {
+  //     setOpenTutorialSidebarState('schedule')
+  //   } else {
+  //     handleOpenBusinessDetails(business)
+  //   }
+  // }
+
   (0, _react.useEffect)(function () {
     var id = query.get('id');
     if (id === null) setOpenBusinessDetails(false);else {
@@ -194,15 +213,29 @@ var BusinessesListingUI = function BusinessesListingUI(props) {
   (0, _react.useEffect)(function () {
     handleSetStorage();
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.BusinessListingContainer, null, /*#__PURE__*/_react.default.createElement(_BusinessesListingHeader.BusinessesListingHeader, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.BusinessListingContainer, {
+    isAdd: openAddBusiness
+  }, /*#__PURE__*/_react.default.createElement(_BusinessesListingHeader.BusinessesListingHeader, {
     searchValue: searchValue,
     onSearch: onSearch,
     handleOpenAddBusiness: handleOpenAddBusiness,
+    handleGotToAdd: handleGotToAdd,
     handleStartTutorial: handleStartTutorial,
     handleOpenSync: handleOpenSync,
     handleRefreshBusinesses: loadBusinesses,
-    loading: businessList.loading
-  }), /*#__PURE__*/_react.default.createElement(_styles.ViewContainer, null, /*#__PURE__*/_react.default.createElement(_BusinessActiveStateFilter.BusinessActiveStateFilter, {
+    loading: businessList.loading,
+    noBusinesses: noBusinesses,
+    openAddBusiness: openAddBusiness
+  }), noBusinesses ? /*#__PURE__*/_react.default.createElement(_styles.EmptyBusinessWrapper, null, /*#__PURE__*/_react.default.createElement("img", {
+    src: theme.images.dummies.noBusinesses,
+    alt: ""
+  }), /*#__PURE__*/_react.default.createElement("h2", null, t('NO_BUSINESSES_DESCRIPTION', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse cursus adipiscing risus odio. Turpis nibh phasellus interdum vulputate urna, cursus pellentesque. Nec quis donec lobortis enim magna non turpis faucibus. ')), /*#__PURE__*/_react.default.createElement(_styles2.Button, {
+    color: "primary",
+    borderRadius: "7.6px",
+    onClick: function onClick() {
+      return handleGotToAdd();
+    }
+  }, t('ADD_NEW_STORE', 'Add new store'))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.ViewContainer, null, /*#__PURE__*/_react.default.createElement(_BusinessActiveStateFilter.BusinessActiveStateFilter, {
     selectedBusinessActiveState: selectedBusinessActiveState,
     handleChangeBusinessActiveState: handleChangeBusinessActiveState
   }), /*#__PURE__*/_react.default.createElement(_styles.WrapperView, null, /*#__PURE__*/_react.default.createElement(_styles.ViewMethodButton, {
@@ -241,8 +274,9 @@ var BusinessesListingUI = function BusinessesListingUI(props) {
     setBusinessIds: setBusinessIds,
     handleChangeBusinessIds: handleChangeBusinessIds,
     handleEnableAllBusiness: handleEnableAllBusiness,
-    selectedBusinessActiveState: selectedBusinessActiveState
-  })), openBusinessDetails && /*#__PURE__*/_react.default.createElement(_BusinessDetails.BusinessDetails, {
+    selectedBusinessActiveState: selectedBusinessActiveState,
+    handleGotToAdd: handleGotToAdd
+  }))), openBusinessDetails && /*#__PURE__*/_react.default.createElement(_BusinessDetails.BusinessDetails, {
     open: openBusinessDetails
     // business={detailsBusiness}
     ,
@@ -255,16 +289,7 @@ var BusinessesListingUI = function BusinessesListingUI(props) {
     onClose: function onClose() {
       return handleBackRedirect();
     }
-  }), openAddBusiness && /*#__PURE__*/_react.default.createElement(_Shared.SideBar, {
-    id: "add_business_form",
-    open: openAddBusiness,
-    onClose: function onClose() {
-      return setOpenAddBusiness(false);
-    }
-  }, /*#__PURE__*/_react.default.createElement(_AddBusinessForm.AddBusinessForm, {
-    isTutorialMode: isTutorialMode,
-    handleSucessAddBusiness: onhandleSuccessAddBusiness
-  })), openSync && /*#__PURE__*/_react.default.createElement(_Shared.SideBar, {
+  }), openSync && /*#__PURE__*/_react.default.createElement(_Shared.SideBar, {
     id: "store_sync",
     open: openSync,
     onClose: function onClose() {