ordering-ui-admin-external 1.29.3 → 1.30.0

package/_modules/components/Delivery/DriversMarkAsBusy/index.js

@@ -22,7 +22,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 DriversMarkAsBusy = function DriversMarkAsBusy(props) {
-  var _ref, _changesState$autoass, _ref2, _changesState$autoass2, _ref3, _changesState$autoass3, _ref4, _changesState$autoass4, _ref5, _changesState$autoass5, _ref6, _changesState$autoass6, _ref7, _changesState$autoass7;
+  var _ref, _changesState$autoass, _ref2, _changesState$autoass2, _ref3, _changesState$autoass3, _ref4, _changesState$autoass4, _ref5, _changesState$autoass5, _ref6, _changesState$autoass6, _ref7, _changesState$autoass7, _ref8, _changesState$autoass8, _ref9, _changesState$autoass9;
   var curDriversGroup = props.curDriversGroup,
     changesState = props.changesState,
     handleChangesState = props.handleChangesState;
@@ -43,7 +43,7 @@ var DriversMarkAsBusy = function DriversMarkAsBusy(props) {
     }
   };
   (0, _react.useEffect)(function () {
-    if (typeof (changesState === null || changesState === void 0 ? void 0 : changesState.autoassign_max_in_pending) !== 'undefined' || typeof (changesState === null || changesState === void 0 ? void 0 : changesState.autoassign_max_in_accepted_by_business) !== 'undefined' || typeof (changesState === null || changesState === void 0 ? void 0 : changesState.autoassign_max_in_ready_for_pickup) !== 'undefined' || typeof (changesState === null || changesState === void 0 ? void 0 : changesState.autoassign_max_in_accepted_by_driver) !== 'undefined' || typeof (changesState === null || changesState === void 0 ? void 0 : changesState.autoassign_max_in_driver_in_business) !== 'undefined' || typeof (changesState === null || changesState === void 0 ? void 0 : changesState.autoassign_max_in_pickup_completed) !== 'undefined') {
+    if (typeof (changesState === null || changesState === void 0 ? void 0 : changesState.autoassign_max_in_pending) !== 'undefined' || typeof (changesState === null || changesState === void 0 ? void 0 : changesState.autoassign_max_in_accepted_by_business) !== 'undefined' || typeof (changesState === null || changesState === void 0 ? void 0 : changesState.autoassign_max_in_ready_for_pickup) !== 'undefined' || typeof (changesState === null || changesState === void 0 ? void 0 : changesState.autoassign_max_in_accepted_by_driver) !== 'undefined' || typeof (changesState === null || changesState === void 0 ? void 0 : changesState.autoassign_max_in_driver_in_business) !== 'undefined' || typeof (changesState === null || changesState === void 0 ? void 0 : changesState.autoassign_max_in_pickup_completed) !== 'undefined' || typeof (changesState === null || changesState === void 0 ? void 0 : changesState.autoassign_max_in_driver_almost_arrived_to_customer) !== 'undefined' || typeof (changesState === null || changesState === void 0 ? void 0 : changesState.autoassign_max_in_driver_on_way) !== 'undefined') {
       setIsShowAdvancedOption(true);
     }
   }, [changesState]);
@@ -110,9 +110,29 @@ var DriversMarkAsBusy = function DriversMarkAsBusy(props) {
     src: theme.images.order.status3
   })), /*#__PURE__*/_react.default.createElement(_styles2.StepItem, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "number"
-  }, "6"), /*#__PURE__*/_react.default.createElement("span", null, t('ORDER_PICKUP_COMPLETED_BY_DRIVER', 'Pickup Completed By Driver')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
+  }, "6"), /*#__PURE__*/_react.default.createElement("span", null, t('ORDER_DRIVER_ON_WAY', 'Driver on way')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
+    name: "autoassign_max_in_driver_on_way",
+    value: (_ref7 = (_changesState$autoass7 = changesState === null || changesState === void 0 ? void 0 : changesState.autoassign_max_in_driver_on_way) !== null && _changesState$autoass7 !== void 0 ? _changesState$autoass7 : curDriversGroup === null || curDriversGroup === void 0 ? void 0 : curDriversGroup.autoassign_max_in_driver_on_way) !== null && _ref7 !== void 0 ? _ref7 : '',
+    onChange: function onChange(e) {
+      return handleChangeInput(e);
+    }
+  }), /*#__PURE__*/_react.default.createElement("img", {
+    src: theme.images.order.status8
+  })), /*#__PURE__*/_react.default.createElement(_styles2.StepItem, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "number"
+  }, "7"), /*#__PURE__*/_react.default.createElement("span", null, t('ORDER_DRIVER_ALMOST_ARRIVED_CUSTOMER', 'Driver almost arrived to customer')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
+    name: "autoassign_max_in_driver_almost_arrived_to_customer",
+    value: (_ref8 = (_changesState$autoass8 = changesState === null || changesState === void 0 ? void 0 : changesState.autoassign_max_in_driver_almost_arrived_to_customer) !== null && _changesState$autoass8 !== void 0 ? _changesState$autoass8 : curDriversGroup === null || curDriversGroup === void 0 ? void 0 : curDriversGroup.autoassign_max_in_driver_almost_arrived_to_customer) !== null && _ref8 !== void 0 ? _ref8 : '',
+    onChange: function onChange(e) {
+      return handleChangeInput(e);
+    }
+  }), /*#__PURE__*/_react.default.createElement("img", {
+    src: theme.images.order.status19
+  })), /*#__PURE__*/_react.default.createElement(_styles2.StepItem, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "number"
+  }, "8"), /*#__PURE__*/_react.default.createElement("span", null, t('ORDER_PICKUP_COMPLETED_BY_DRIVER', 'Pickup Completed By Driver')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
     name: "autoassign_max_in_pickup_completed",
-    value: (_ref7 = (_changesState$autoass7 = changesState === null || changesState === void 0 ? void 0 : changesState.autoassign_max_in_pickup_completed) !== null && _changesState$autoass7 !== void 0 ? _changesState$autoass7 : curDriversGroup === null || curDriversGroup === void 0 ? void 0 : curDriversGroup.autoassign_max_in_pickup_completed) !== null && _ref7 !== void 0 ? _ref7 : '',
+    value: (_ref9 = (_changesState$autoass9 = changesState === null || changesState === void 0 ? void 0 : changesState.autoassign_max_in_pickup_completed) !== null && _changesState$autoass9 !== void 0 ? _changesState$autoass9 : curDriversGroup === null || curDriversGroup === void 0 ? void 0 : curDriversGroup.autoassign_max_in_pickup_completed) !== null && _ref9 !== void 0 ? _ref9 : '',
     onChange: function onChange(e) {
       return handleChangeInput(e);
     }

package/_modules/components/Delivery/DriversMarkAsBusy/styles.js

@@ -30,7 +30,7 @@ var DotLine = _styledComponents.default.div(_templateObject7 || (_templateObject
   return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    right: 18px;\n  "]))) : (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    left: 18px;\n  "])));
 });
 exports.DotLine = DotLine;
-var StepItem = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  div.number {\n    border-radius: 50%;\n    border: 1px solid ", ";\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 14px;\n    z-index: 10;\n    background: ", ";\n  }\n\n  span {\n    font-size: 14px;\n    margin: 0 18px;\n    width: 200px;\n  }\n\n  input {\n    width: 120px;\n  }\n\n  img {\n    ", "\n  }\n"])), function (props) {
+var StepItem = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  div.number {\n    border-radius: 50%;\n    border: 1px solid ", ";\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 14px;\n    z-index: 10;\n    background: ", ";\n  }\n\n  span {\n    font-size: 14px;\n    margin: 0 18px;\n    width: 200px;\n  }\n\n  input {\n    width: 120px;\n  }\n\n  img {\n    max-width: 65px;\n\n    ", "\n  }\n"])), function (props) {
   return props.theme.colors.primary;
 }, function (props) {
   var _props$theme$colors;

package/_modules/components/Home/HomePage/index.js

@@ -52,6 +52,9 @@ var HomeUI = function HomeUI(props) {
   var _useConfig = (0, _orderingComponentsAdminExternal.useConfig)(),
     _useConfig2 = _slicedToArray(_useConfig, 1),
     configs = _useConfig2[0].configs;
+  var _useSite = (0, _orderingComponentsAdminExternal.useSite)(),
+    _useSite2 = _slicedToArray(_useSite, 1),
+    site = _useSite2[0].site;
   var _useInfoShare = (0, _InfoShareContext.useInfoShare)(),
     _useInfoShare2 = _slicedToArray(_useInfoShare, 2),
     isCollapse = _useInfoShare2[0].isCollapse,
@@ -272,7 +275,7 @@ var HomeUI = function HomeUI(props) {
     borderRadius: "8px",
     onClick: function onClick() {
       var _configs$site_url;
-      return window.open((configs === null || configs === void 0 ? void 0 : (_configs$site_url = configs.site_url) === null || _configs$site_url === void 0 ? void 0 : _configs$site_url.value) || "https://".concat(ordering === null || ordering === void 0 ? void 0 : ordering.project, ".tryordering.com"), '_blank');
+      return window.open(site !== null && site !== void 0 && site.domain && (site === null || site === void 0 ? void 0 : site.ssl_process_status) === 'ended' ? "https://".concat(site === null || site === void 0 ? void 0 : site.domain) : (configs === null || configs === void 0 ? void 0 : (_configs$site_url = configs.site_url) === null || _configs$site_url === void 0 ? void 0 : _configs$site_url.value) || "https://".concat(ordering === null || ordering === void 0 ? void 0 : ordering.project, ".tryordering.com"), '_blank');
     }
   }, t('VISIT_MY_WEBSITE', 'Visit my Website')))), /*#__PURE__*/_react.default.createElement("img", {
     src: (_project$projectStatu4 = project[(_projectStatus$projec9 = projectStatus.project) === null || _projectStatus$projec9 === void 0 ? void 0 : _projectStatus$projec9.current_status]) === null || _project$projectStatu4 === void 0 ? void 0 : _project$projectStatu4.image,

package/_modules/components/Marketing/BannerDetails/AddBanner.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.AddBanner = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
+var _Businesses = require("./Businesses");
 var _styles = require("../../../styles");
 var _styles2 = require("./styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -19,7 +20,13 @@ var AddBanner = function AddBanner(props) {
   var _changesState$changes;
   var changesState = props.changesState,
     handleChangeItem = props.handleChangeItem,
-    handleAddBanner = props.handleAddBanner;
+    handleAddBanner = props.handleAddBanner,
+    actionState = props.actionState,
+    businessList = props.businessList,
+    selectedBusinessIds = props.selectedBusinessIds,
+    handleSelectBusiness = props.handleSelectBusiness,
+    handleSelectAllBusiness = props.handleSelectAllBusiness,
+    defaultPosition = props.defaultPosition;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -30,6 +37,13 @@ var AddBanner = function AddBanner(props) {
         name: e.target.value
       });
     }
+  })), (defaultPosition === 'web_business_page' || defaultPosition === 'app_business_page') && /*#__PURE__*/_react.default.createElement(_styles2.BusinessesWrapper, null, /*#__PURE__*/_react.default.createElement("p", null, t('BUSINESSES', 'Businesses')), /*#__PURE__*/_react.default.createElement(_Businesses.Businesses, {
+    isAddMode: true,
+    actionState: actionState,
+    businessList: businessList,
+    selectedBusinessIds: selectedBusinessIds,
+    handleSelectBusiness: handleSelectBusiness,
+    handleSelectAllBusiness: handleSelectAllBusiness
   })), /*#__PURE__*/_react.default.createElement(_styles.Button, {
     color: "primary",
     borderRadius: "8px",

package/_modules/components/Marketing/BannerDetails/Businesses/index.js

@@ -0,0 +1,118 @@
+"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.Businesses = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
+var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
+var _styles = require("../../../../styles");
+var _Shared = require("../../../Shared");
+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; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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 Businesses = function Businesses(props) {
+  var isAddMode = props.isAddMode,
+    businessList = props.businessList,
+    handleSelectBusiness = props.handleSelectBusiness,
+    actionState = props.actionState,
+    handleSelectAllBusiness = props.handleSelectAllBusiness,
+    selectedBusinessIds = props.selectedBusinessIds,
+    handleUpdateClick = props.handleUpdateClick;
+  var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
+    _useLanguage2 = _slicedToArray(_useLanguage, 2),
+    t = _useLanguage2[1];
+  var _useState = (0, _react.useState)(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    searchValue = _useState2[0],
+    setSearchValue = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    filteredBusinesses = _useState4[0],
+    setFilteredBusinesses = _useState4[1];
+  (0, _react.useEffect)(function () {
+    if (businessList.loading) return;
+    var _filteredBusinesses = [];
+    if (searchValue) {
+      _filteredBusinesses = businessList.businesses.filter(function (business) {
+        var _business$name;
+        return business === null || business === void 0 ? void 0 : (_business$name = business.name) === null || _business$name === void 0 ? void 0 : _business$name.toLowerCase().includes(searchValue === null || searchValue === void 0 ? void 0 : searchValue.toLowerCase());
+      });
+    } else {
+      _filteredBusinesses = _toConsumableArray(businessList.businesses);
+    }
+    setFilteredBusinesses(_filteredBusinesses);
+  }, [searchValue, businessList]);
+  var onSaveBusinesses = function onSaveBusinesses() {
+    handleUpdateClick && handleUpdateClick({
+      businesses: selectedBusinessIds
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement(_styles2.Container, null, /*#__PURE__*/_react.default.createElement(_styles2.SearchBarWrapper, null, /*#__PURE__*/_react.default.createElement(_Shared.SearchBar, {
+    placeholder: t('SEARCH', 'Search'),
+    isCustomLayout: true,
+    lazyLoad: true,
+    search: searchValue,
+    onSearch: function onSearch(val) {
+      return setSearchValue(val);
+    }
+  })), /*#__PURE__*/_react.default.createElement(_styles2.ButtonGroup, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
+    type: "button",
+    color: "secundaryDark",
+    onClick: function onClick() {
+      return handleSelectAllBusiness(true);
+    }
+  }, t('SELECT_ALL', 'Select all')), /*#__PURE__*/_react.default.createElement(_styles.Button, {
+    type: "button",
+    color: "secundaryDark",
+    onClick: function onClick() {
+      return handleSelectAllBusiness(false);
+    }
+  }, t('SELECT_NONE', 'Select none'))), /*#__PURE__*/_react.default.createElement(_styles2.BusinessesContainer, null, filteredBusinesses.map(function (business) {
+    return /*#__PURE__*/_react.default.createElement(_styles2.BusinessWrapper, {
+      key: business.id,
+      isDisabed: actionState.loading
+    }, /*#__PURE__*/_react.default.createElement(_styles.Checkbox, {
+      checked: selectedBusinessIds === null || selectedBusinessIds === void 0 ? void 0 : selectedBusinessIds.includes(business.id),
+      onChange: function onChange(e) {
+        return handleSelectBusiness(business.id, e.target.checked);
+      }
+    }), /*#__PURE__*/_react.default.createElement(_styles2.WrapperImage, null, /*#__PURE__*/_react.default.createElement(_styles2.Image, {
+      bgimage: business === null || business === void 0 ? void 0 : business.logo,
+      alt: "logo"
+    })), /*#__PURE__*/_react.default.createElement("p", null, business === null || business === void 0 ? void 0 : business.name));
+  }), businessList.loading && _toConsumableArray(Array(10).keys()).map(function (index) {
+    return /*#__PURE__*/_react.default.createElement(_styles2.BusinessWrapper, {
+      key: index
+    }, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
+      width: 20,
+      height: 20
+    }), /*#__PURE__*/_react.default.createElement(_styles2.WrapperImage, null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
+      width: 40,
+      height: 40
+    })), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
+      width: 80
+    })));
+  })), !isAddMode && /*#__PURE__*/_react.default.createElement(_styles.Button, {
+    type: "button",
+    color: "primary",
+    disabled: actionState.loading,
+    onClick: function onClick() {
+      return onSaveBusinesses();
+    }
+  }, t('SAVE', 'Save')));
+};
+exports.Businesses = Businesses;

package/_modules/components/Marketing/BannerDetails/Businesses/styles.js

@@ -0,0 +1,47 @@
+"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.WrapperImage = exports.SearchBarWrapper = exports.Image = exports.Container = exports.ButtonGroup = exports.BusinessesContainer = exports.BusinessWrapper = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding-top: 10px;\n  padding-bottom: 30px;\n\n  > button {\n    margin-top: 40px;\n    border-radius: 8px;\n    height: 44px;\n  }\n"])));
+exports.Container = Container;
+var SearchBarWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-bottom: 10px;\n"])));
+exports.SearchBarWrapper = SearchBarWrapper;
+var ButtonGroup = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin-bottom: 20px;\n  button:first-child {\n    ", "\n  }\n"])), function (props) {
+  var _props$theme;
+  return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      margin-left: 7px;\n    "]))) : (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      margin-right: 7px;\n    "])));
+});
+exports.ButtonGroup = ButtonGroup;
+var BusinessesContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  max-height: 450px;\n  overflow: auto;\n"])));
+exports.BusinessesContainer = BusinessesContainer;
+var BusinessWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 10px 0;\n  border-bottom: 1px solid ", ";\n\n  p {\n    margin: 0px;\n    font-size: 12px;\n  }\n\n  ", "\n"])), function (props) {
+  return props.theme.colors.borderColor;
+}, function (_ref) {
+  var isDisabed = _ref.isDisabed;
+  return isDisabed && (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    pointer-events: none;\n  "])));
+});
+exports.BusinessWrapper = BusinessWrapper;
+var WrapperImage = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  max-width: 40px;\n  max-height: 40px;\n  height: 40px;\n  width: 40px;\n  ", "\n  border-radius: 8px;\n\n  svg {\n    width: 100%;\n    height: 100%;\n    padding: 7px;\n    box-sizing: border-box;\n    border-radius: 50%;\n  }\n\n  margin: 0 10px;\n"])), function (_ref2) {
+  var isSkeleton = _ref2.isSkeleton;
+  return !isSkeleton && (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    border: 1px solid #E3E3E3;\n  "])));
+});
+exports.WrapperImage = WrapperImage;
+var ImageStyled = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  position: relative;\n  background-repeat: no-repeat, repeat;\n  background-size: cover;\n  object-fit: cover;\n  background-position: center;\n  border-radius: 8px;\n"])));
+var Image = function Image(props) {
+  return /*#__PURE__*/_react.default.createElement(ImageStyled, _extends({}, props, {
+    style: {
+      backgroundImage: "url(".concat(props.bgimage, ")")
+    }
+  }), props.children);
+};
+exports.Image = Image;

package/_modules/components/Marketing/BannerDetails/index.js

@@ -14,6 +14,7 @@ var _Shared = require("../../Shared");
 var _styledComponents = require("styled-components");
 var _reactBootstrap = require("react-bootstrap");
 var _reactBootstrapIcons = require("react-bootstrap-icons");
+var _Businesses = require("./Businesses");
 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; }
@@ -30,7 +31,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 BannerDetailsUI = function BannerDetailsUI(props) {
-  var _bannerState$banner, _bannerState$banner2, _bannerState$banner3, _bannerState$banner4, _bannerState$banner5;
+  var _bannerState$banner3, _bannerState$banner4, _bannerState$banner5, _bannerState$banner6, _bannerState$banner7;
   var bannerState = props.bannerState,
     changesState = props.changesState,
     actionState = props.actionState,
@@ -39,7 +40,12 @@ var BannerDetailsUI = function BannerDetailsUI(props) {
     handleAddBanner = props.handleAddBanner,
     handleChangeItem = props.handleChangeItem,
     handleDeleteBanner = props.handleDeleteBanner,
-    setBannerMoveDistance = props.setBannerMoveDistance;
+    setBannerMoveDistance = props.setBannerMoveDistance,
+    businessList = props.businessList,
+    selectedBusinessIds = props.selectedBusinessIds,
+    handleSelectBusiness = props.handleSelectBusiness,
+    handleSelectAllBusiness = props.handleSelectAllBusiness,
+    defaultPosition = props.defaultPosition;
   var theme = (0, _styledComponents.useTheme)();
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
@@ -64,10 +70,23 @@ var BannerDetailsUI = function BannerDetailsUI(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     confirm = _useState6[0],
     setConfirm = _useState6[1];
-  var tabOptions = [{
-    key: 'images',
-    content: t('IMAGES', 'Images')
-  }];
+  var tabOptions = (0, _react.useMemo)(function () {
+    var _bannerState$banner, _bannerState$banner2;
+    if ((bannerState === null || bannerState === void 0 ? void 0 : (_bannerState$banner = bannerState.banner) === null || _bannerState$banner === void 0 ? void 0 : _bannerState$banner.position) === 'web_business_page' || (bannerState === null || bannerState === void 0 ? void 0 : (_bannerState$banner2 = bannerState.banner) === null || _bannerState$banner2 === void 0 ? void 0 : _bannerState$banner2.position) === 'app_business_page') {
+      return [{
+        key: 'images',
+        content: t('IMAGES', 'Images')
+      }, {
+        key: 'businesses',
+        content: t('BUSINESSES', 'Businesses')
+      }];
+    } else {
+      return [{
+        key: 'images',
+        content: t('IMAGES', 'Images')
+      }];
+    }
+  }, [bannerState]);
   var onClickDeleteBanner = function onClickDeleteBanner() {
     setConfirm({
       open: true,
@@ -101,8 +120,8 @@ var BannerDetailsUI = function BannerDetailsUI(props) {
     }, 750);
     setTimer(_timer);
   };
-  return /*#__PURE__*/_react.default.createElement(_styles2.Container, null, /*#__PURE__*/_react.default.createElement(_styles2.HeaderContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.LeftHeader, null, /*#__PURE__*/_react.default.createElement("h1", null, isAddMode ? t('ADD_BANNER', 'Add banner') : bannerState === null || bannerState === void 0 ? void 0 : (_bannerState$banner = bannerState.banner) === null || _bannerState$banner === void 0 ? void 0 : _bannerState$banner.name), !isAddMode && /*#__PURE__*/_react.default.createElement(_styles.Switch, {
-    defaultChecked: (_bannerState$banner2 = bannerState.banner) === null || _bannerState$banner2 === void 0 ? void 0 : _bannerState$banner2.enabled,
+  return /*#__PURE__*/_react.default.createElement(_styles2.Container, null, /*#__PURE__*/_react.default.createElement(_styles2.HeaderContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.LeftHeader, null, /*#__PURE__*/_react.default.createElement("h1", null, isAddMode ? t('ADD_BANNER', 'Add banner') : bannerState === null || bannerState === void 0 ? void 0 : (_bannerState$banner3 = bannerState.banner) === null || _bannerState$banner3 === void 0 ? void 0 : _bannerState$banner3.name), !isAddMode && /*#__PURE__*/_react.default.createElement(_styles.Switch, {
+    defaultChecked: (_bannerState$banner4 = bannerState.banner) === null || _bannerState$banner4 === void 0 ? void 0 : _bannerState$banner4.enabled,
     onChange: function onChange(enabled) {
       return handleUpdateClick({
         enabled: enabled
@@ -117,28 +136,42 @@ var BannerDetailsUI = function BannerDetailsUI(props) {
       return onClickDeleteBanner();
     }
   }, t('DELETE', 'Delete')))))), !isAddMode && /*#__PURE__*/_react.default.createElement(_styles2.FormController, {
-    key: bannerState === null || bannerState === void 0 ? void 0 : (_bannerState$banner3 = bannerState.banner) === null || _bannerState$banner3 === void 0 ? void 0 : _bannerState$banner3.id
+    key: bannerState === null || bannerState === void 0 ? void 0 : (_bannerState$banner5 = bannerState.banner) === null || _bannerState$banner5 === void 0 ? void 0 : _bannerState$banner5.id
   }, /*#__PURE__*/_react.default.createElement("label", null, t('NAME', 'Name')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
-    defaultValue: (bannerState === null || bannerState === void 0 ? void 0 : (_bannerState$banner4 = bannerState.banner) === null || _bannerState$banner4 === void 0 ? void 0 : _bannerState$banner4.name) || '',
+    defaultValue: (bannerState === null || bannerState === void 0 ? void 0 : (_bannerState$banner6 = bannerState.banner) === null || _bannerState$banner6 === void 0 ? void 0 : _bannerState$banner6.name) || '',
     onChange: function onChange(e) {
       return handleChangeBannerName(e.target.value);
     }
   })), isAddMode ? /*#__PURE__*/_react.default.createElement(_AddBanner.AddBanner, {
     changesState: changesState,
     handleChangeItem: handleChangeItem,
-    handleAddBanner: handleAddBanner
+    handleAddBanner: handleAddBanner,
+    actionState: actionState,
+    businessList: businessList,
+    selectedBusinessIds: selectedBusinessIds,
+    handleSelectBusiness: handleSelectBusiness,
+    handleSelectAllBusiness: handleSelectAllBusiness,
+    defaultPosition: defaultPosition
   }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.TabsConatiner, null, tabOptions.map(function (option) {
     return /*#__PURE__*/_react.default.createElement(_styles2.Tab, {
       key: option.key,
       active: selectedTab === option.key,
       onClick: function onClick() {
-        return setSelectedTab(option.key);
+        setSelectedTab(option.key);
+        setBannerMoveDistance(0);
       }
     }, option.content);
   })), selectedTab === 'images' && /*#__PURE__*/_react.default.createElement(_BannerImages.BannerImages, _extends({}, props, {
-    bannerId: bannerState === null || bannerState === void 0 ? void 0 : (_bannerState$banner5 = bannerState.banner) === null || _bannerState$banner5 === void 0 ? void 0 : _bannerState$banner5.id,
+    bannerId: bannerState === null || bannerState === void 0 ? void 0 : (_bannerState$banner7 = bannerState.banner) === null || _bannerState$banner7 === void 0 ? void 0 : _bannerState$banner7.id,
     setBannerMoveDistance: setBannerMoveDistance
-  }))), /*#__PURE__*/_react.default.createElement(_Shared.Alert, {
+  })), selectedTab === 'businesses' && /*#__PURE__*/_react.default.createElement(_Businesses.Businesses, {
+    actionState: actionState,
+    businessList: businessList,
+    selectedBusinessIds: selectedBusinessIds,
+    handleSelectBusiness: handleSelectBusiness,
+    handleSelectAllBusiness: handleSelectAllBusiness,
+    handleUpdateClick: handleUpdateClick
+  })), /*#__PURE__*/_react.default.createElement(_Shared.Alert, {
     title: t('WEB_APPNAME', 'Ordering'),
     content: alertState.content,
     acceptText: t('ACCEPT', 'Accept'),

package/_modules/components/Marketing/BannerDetails/styles.js

@@ -4,10 +4,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UploadImageIconContainer = exports.TabsConatiner = exports.Tab = exports.RightHeader = exports.LeftHeader = exports.ImagesContainer = exports.HeaderContainer = exports.FormController = exports.Container = exports.BannerImage = exports.AddBannerContainer = exports.ActionSelectorWrapper = void 0;
+exports.UploadImageIconContainer = exports.TabsConatiner = exports.Tab = exports.RightHeader = exports.LeftHeader = exports.ImagesContainer = exports.HeaderContainer = exports.FormController = exports.Container = exports.BusinessesWrapper = exports.BannerImage = exports.AddBannerContainer = exports.ActionSelectorWrapper = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _polished = require("polished");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23;
+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;
 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) } })); }
@@ -82,4 +82,6 @@ var ActionSelectorWrapper = _styledComponents.default.div(_templateObject23 || (
 }, function (props) {
   return (0, _polished.darken)(0.1, props.theme.colors.secundary);
 });
-exports.ActionSelectorWrapper = ActionSelectorWrapper;
+exports.ActionSelectorWrapper = ActionSelectorWrapper;
+var BusinessesWrapper = _styledComponents.default.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  margin-top: 30px;\n  p {\n    font-size: 14px;\n    margin-bottom: 0px;\n  }\n"])));
+exports.BusinessesWrapper = BusinessesWrapper;

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

@@ -221,7 +221,7 @@ var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
     borderRadius: "8px",
     onClick: function onClick() {
       var _configs$site_url;
-      return window.open((configs === null || configs === void 0 ? void 0 : (_configs$site_url = configs.site_url) === null || _configs$site_url === void 0 ? void 0 : _configs$site_url.value) || "https://".concat(ordering === null || ordering === void 0 ? void 0 : ordering.project, ".tryordering.com"), '_blank');
+      return window.open(site !== null && site !== void 0 && site.domain && (site === null || site === void 0 ? void 0 : site.ssl_process_status) === 'ended' ? "https://".concat(site === null || site === void 0 ? void 0 : site.domain) : (configs === null || configs === void 0 ? void 0 : (_configs$site_url = configs.site_url) === null || _configs$site_url === void 0 ? void 0 : _configs$site_url.value) || "https://".concat(ordering === null || ordering === void 0 ? void 0 : ordering.project, ".tryordering.com"), '_blank');
     }
   }, t('VISIT_MY_WEBSITE', 'Visit My Website')))), /*#__PURE__*/_react.default.createElement("img", {
     src: theme.images.myProducts.orderingWebsite,

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

@@ -92,6 +92,10 @@ var SelectCustomer = function SelectCustomer(props) {
     document.execCommand('insertText', false, trimmedValue);
     onChangeNumber(trimmedValue);
   };
+  (0, _react.useEffect)(function () {
+    setOpenSidebar(null);
+    handleParentSidebarMove(0);
+  }, [customerAddress === null || customerAddress === void 0 ? void 0 : customerAddress.location]);
   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) {