ordering-ui-admin-external 1.40.6 → 1.40.8

package/_modules/components/BusinessIntelligence/InvoiceBusinessManager/index.js

@@ -24,6 +24,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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 _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 _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); }
@@ -31,7 +32,8 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var InvoiceBusinessManagerUI = function InvoiceBusinessManagerUI(props) {
-  var exportInvoiceList = props.exportInvoiceList;
+  var exportInvoiceList = props.exportInvoiceList,
+    handleChangeDeliveryTypes = props.handleChangeDeliveryTypes;
   var query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
@@ -89,7 +91,9 @@ var InvoiceBusinessManagerUI = function InvoiceBusinessManagerUI(props) {
     onClick: function onClick() {
       return changeSelectedAnalyticsStatus('order_type');
     }
-  }, t('ORDER_TYPE', 'Delivery Type')))), selectedDetailType === 'general' && /*#__PURE__*/_react.default.createElement(_InvoiceGeneral.InvoiceGeneral, props), selectedDetailType === 'payment_methods' && /*#__PURE__*/_react.default.createElement(_InvoicePayMethods.InvoicePayMethods, props), selectedDetailType === 'order_type' && /*#__PURE__*/_react.default.createElement(_InvoiceOrdertype.InvoiceOrderType, props), /*#__PURE__*/_react.default.createElement(_styles.Form, {
+  }, t('ORDER_TYPE', 'Delivery Type')))), selectedDetailType === 'general' && /*#__PURE__*/_react.default.createElement(_InvoiceGeneral.InvoiceGeneral, props), selectedDetailType === 'payment_methods' && /*#__PURE__*/_react.default.createElement(_InvoicePayMethods.InvoicePayMethods, props), selectedDetailType === 'order_type' && /*#__PURE__*/_react.default.createElement(_InvoiceOrdertype.InvoiceOrderType, _extends({}, props, {
+    handleChangeDeliveryTypes: handleChangeDeliveryTypes
+  })), /*#__PURE__*/_react.default.createElement(_styles.Form, {
     target: "_blank",
     action: "".concat(ordering.root, "/pdf/html"),
     method: "POST"

package/_modules/components/BusinessIntelligence/InvoiceOrdertype/index.js

@@ -26,7 +26,8 @@ var InvoiceOrderType = exports.InvoiceOrderType = function InvoiceOrderType(prop
   var handleChangeOrderTypes = props.handleChangeOrderTypes,
     orderTypes = props.orderTypes,
     invocing = props.invocing,
-    handleChangeInvocing = props.handleChangeInvocing;
+    handleChangeInvocing = props.handleChangeInvocing,
+    handleChangeDeliveryTypes = props.handleChangeDeliveryTypes;
   var _useToast = (0, _orderingComponentsAdminExternal.useToast)(),
     _useToast2 = _slicedToArray(_useToast, 2),
     showToast = _useToast2[1].showToast;
@@ -42,6 +43,12 @@ var InvoiceOrderType = exports.InvoiceOrderType = function InvoiceOrderType(prop
     invoiceState = _useState4[0],
     setInvoiceState = _useState4[1];
   var saveFormData = function saveFormData() {
+    var orderTypesIDS = orderStatus.filter(function (_orderTypes) {
+      return _orderTypes.enabled;
+    }).map(function (_orderTypess) {
+      return _orderTypess.value;
+    });
+    handleChangeDeliveryTypes(orderTypesIDS);
     handleChangeOrderTypes(orderStatus);
     handleChangeInvocing(invoiceState);
     showToast(_orderingComponentsAdminExternal.ToastType.Success, t('INVOICE_DATA_SAVED', 'Invoice data saved'));

package/_modules/components/CartRecovery/OpenCartsDetail/index.js

@@ -87,7 +87,7 @@ var OpenCartsDetailUI = function OpenCartsDetailUI(props) {
     actionSidebar(true);
   }, [open]);
   var onCloseSidebar = function onCloseSidebar(e) {
-    if (e.code === 'Escape') {
+    if (e.code === 'Escape' && width >= 1000) {
       props.onClose() && props.onClose();
     }
   };
@@ -180,9 +180,11 @@ var OpenCartsDetailUI = function OpenCartsDetailUI(props) {
   }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.XLg, null)))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_OpenCartsContactInformation.OpenCartsContactInformation, {
     cart: cartState === null || cartState === void 0 ? void 0 : cartState.cart
   }), /*#__PURE__*/_react.default.createElement(_styles2.OrderProducts, null, /*#__PURE__*/_react.default.createElement("h2", null, t('ORDER_DETAILS', 'Order details')), (cartState === null || cartState === void 0 || (_cartState$cart4 = cartState.cart) === null || _cartState$cart4 === void 0 || (_cartState$cart4 = _cartState$cart4.products) === null || _cartState$cart4 === void 0 ? void 0 : _cartState$cart4.length) && (cartState === null || cartState === void 0 || (_cartState$cart5 = cartState.cart) === null || _cartState$cart5 === void 0 ? void 0 : _cartState$cart5.products.map(function (product) {
+    var _cartState$cart6;
     return /*#__PURE__*/_react.default.createElement(_ProductItemAccordion.ProductItemAccordion, {
       key: product.id,
-      product: product
+      product: product,
+      toppingsRemoved: cartState === null || cartState === void 0 || (_cartState$cart6 = cartState.cart) === null || _cartState$cart6 === void 0 || (_cartState$cart6 = _cartState$cart6.toppings_removed) === null || _cartState$cart6 === void 0 ? void 0 : _cartState$cart6[product === null || product === void 0 ? void 0 : product.code]
     });
   }))), /*#__PURE__*/_react.default.createElement(_OpenCartBill.OpenCartBill, {
     cart: cartState === null || cartState === void 0 ? void 0 : cartState.cart

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

@@ -68,7 +68,8 @@ var DeliveryUsersListingUI = function DeliveryUsersListingUI(props) {
     driversGroupsState = props.driversGroupsState,
     setSelectedUsers = props.setSelectedUsers,
     actionStatus = props.actionStatus,
-    isUseQuery = props.isUseQuery;
+    isUseQuery = props.isUseQuery,
+    handleChangeBusyUser = props.handleChangeBusyUser;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -273,7 +274,8 @@ var DeliveryUsersListingUI = function DeliveryUsersListingUI(props) {
     handleOpenUserAddForm: handleOpenUserAddForm,
     actionDisabled: actionDisabled,
     setSelectedUsers: setSelectedUsers,
-    isUseQuery: isUseQuery
+    isUseQuery: isUseQuery,
+    handleChangeBusyUser: handleChangeBusyUser
   })), isOpenUserDetails && /*#__PURE__*/_react.default.createElement(_UserDetailsLateralBar.UserDetailsLateralBar, {
     isDriversPage: isDriversPage,
     isDriversManagersPage: isDriversManagersPage,

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

@@ -49,6 +49,7 @@ var UsersList = exports.UsersList = function UsersList(props) {
     actionDisabled = props.actionDisabled,
     setSelectedUsers = props.setSelectedUsers,
     handleChangeAvailable = props.handleChangeAvailable,
+    handleChangeBusyUser = props.handleChangeBusyUser,
     isUseQuery = props.isUseQuery;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
@@ -100,6 +101,27 @@ var UsersList = exports.UsersList = function UsersList(props) {
       });
     }
   };
+  var handleBusy = function handleBusy(user, busy) {
+    if (user.level !== 0) {
+      handleChangeBusyUser({
+        id: user.id,
+        busy: busy
+      });
+    } else {
+      setConfirmAdmin({
+        open: true,
+        handleOnConfirm: function handleOnConfirm() {
+          setConfirmAdmin(_objectSpread(_objectSpread({}, confirmAdmin), {}, {
+            open: false
+          }));
+          handleChangeBusyUser({
+            id: user.id,
+            busy: busy
+          });
+        }
+      });
+    }
+  };
   var handleSelecteAllUser = function handleSelecteAllUser() {
     var _usersList$users;
     var userIds = (_usersList$users = usersList.users) === null || _usersList$users === void 0 ? void 0 : _usersList$users.reduce(function (ids, user) {
@@ -206,6 +228,15 @@ var UsersList = exports.UsersList = function UsersList(props) {
     }, user.name, " ", user === null || user === void 0 ? void 0 : user.lastname), /*#__PURE__*/_react.default.createElement("p", null, user === null || user === void 0 ? void 0 : user.email)), ((user === null || user === void 0 ? void 0 : user.phone_verified) || (user === null || user === void 0 ? void 0 : user.email_verified)) && /*#__PURE__*/_react.default.createElement(_styles2.VerifiedItemsContainer, null, !!(user !== null && user !== void 0 && user.phone_verified) && /*#__PURE__*/_react.default.createElement(_styles2.VerifiedItem, null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Phone, null), t('VERIFIED', 'Verified')), !!(user !== null && user !== void 0 && user.email_verified) && /*#__PURE__*/_react.default.createElement(_styles2.VerifiedItem, null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Envelope, null), t('VERIFIED', 'Verified'))))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles2.InfoBlock, null, /*#__PURE__*/_react.default.createElement("p", {
       className: "bold"
     }, t('PHONE')), /*#__PURE__*/_react.default.createElement("p", null, user === null || user === void 0 ? void 0 : user.cellphone))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles2.ActionsContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.UserEnableWrapper, {
+      className: "user_busy_control"
+    }, /*#__PURE__*/_react.default.createElement("span", null, t('BUSY', 'Busy')), /*#__PURE__*/_react.default.createElement(_styles.Switch, {
+      disabled: actionDisabled || !(user !== null && user !== void 0 && user.busy),
+      notAsync: user.level === 0,
+      defaultChecked: user === null || user === void 0 ? void 0 : user.busy,
+      onChange: function onChange(busy) {
+        return handleBusy(user, busy);
+      }
+    })), /*#__PURE__*/_react.default.createElement(_styles2.UserEnableWrapper, {
       className: "user_enable_control"
     }, /*#__PURE__*/_react.default.createElement("span", null, t('ENABLE', 'Enable')), /*#__PURE__*/_react.default.createElement(_styles.Switch, {
       disabled: actionDisabled,

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

@@ -328,6 +328,7 @@ var DeliveriesLocation = exports.DeliveriesLocation = /*#__PURE__*/_react.defaul
     image: interActionMapOrder === null || interActionMapOrder === void 0 || (_interActionMapOrder$13 = interActionMapOrder.customer) === null || _interActionMapOrder$13 === void 0 ? void 0 : _interActionMapOrder$13.photo
   }), interActionMapOrder !== null && (interActionMapOrder === null || interActionMapOrder === void 0 ? void 0 : interActionMapOrder.driver) !== null && /*#__PURE__*/_react.default.createElement(_InterActOrderMarker.InterActOrderMarker, {
     driver: interActionMapOrder === null || interActionMapOrder === void 0 ? void 0 : interActionMapOrder.driver,
+    timeStatus: interActionMapOrder === null || interActionMapOrder === void 0 ? void 0 : interActionMapOrder.time_status,
     lat: interActionOrderDriverLocation !== null && _typeof(interActionOrderDriverLocation) === 'object' && interActionOrderDriverLocation !== null && interActionOrderDriverLocation !== void 0 && interActionOrderDriverLocation.lat ? interActionOrderDriverLocation.lat : typeof interActionOrderDriverLocation === 'string' ? parseFloat(interActionOrderDriverLocation === null || interActionOrderDriverLocation === void 0 ? void 0 : interActionOrderDriverLocation.split(',')[0].replace(/[^-.0-9]/g, '')) : defaultCenter.lat,
     lng: interActionOrderDriverLocation !== null && _typeof(interActionOrderDriverLocation) === 'object' && interActionOrderDriverLocation !== null && interActionOrderDriverLocation !== void 0 && interActionOrderDriverLocation.lng ? interActionOrderDriverLocation.lng : typeof interActionOrderDriverLocation === 'string' ? parseFloat(interActionOrderDriverLocation === null || interActionOrderDriverLocation === void 0 ? void 0 : interActionOrderDriverLocation.split(',')[1].replace(/[^-.0-9]/g, '')) : defaultCenter.lng,
     image: interActionMapOrder === null || interActionMapOrder === void 0 || (_interActionMapOrder$14 = interActionMapOrder.driver) === null || _interActionMapOrder$14 === void 0 ? void 0 : _interActionMapOrder$14.photo
@@ -336,6 +337,7 @@ var DeliveriesLocation = exports.DeliveriesLocation = /*#__PURE__*/_react.defaul
     return /*#__PURE__*/_react.default.createElement(_InterActOrderMarker.InterActOrderMarker, {
       key: driver.id,
       driver: driver,
+      timeStatus: interActionMapOrder === null || interActionMapOrder === void 0 ? void 0 : interActionMapOrder.time_status,
       lat: driver.location !== null && _typeof(driver.location) === 'object' && (_driver$location5 = driver.location) !== null && _driver$location5 !== void 0 && _driver$location5.lat ? driver.location.lat : typeof driver.location === 'string' ? parseFloat(driver === null || driver === void 0 || (_driver$location6 = driver.location) === null || _driver$location6 === void 0 ? void 0 : _driver$location6.split(',')[0].replace(/[^-.0-9]/g, '')) : defaultCenter.lat,
       lng: driver.location !== null && _typeof(driver.location) === 'object' && (_driver$location7 = driver.location) !== null && _driver$location7 !== void 0 && _driver$location7.lng ? driver.location.lng : typeof driver.location === 'string' ? parseFloat(driver === null || driver === void 0 || (_driver$location8 = driver.location) === null || _driver$location8 === void 0 ? void 0 : _driver$location8.split(',')[1].replace(/[^-.0-9]/g, '')) : defaultCenter.lng,
       image: driver === null || driver === void 0 ? void 0 : driver.photo

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

@@ -24,6 +24,7 @@ var InterActOrderMarker = exports.InterActOrderMarker = function InterActOrderMa
   var image = props.image,
     customer = props.customer,
     business = props.business,
+    timeStatus = props.timeStatus,
     driver = props.driver;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
@@ -84,7 +85,8 @@ var InterActOrderMarker = exports.InterActOrderMarker = function InterActOrderMa
     },
     onMouseLeave: function onMouseLeave() {
       return setInfoShow(false);
-    }
+    },
+    borderColor: timeStatus === 'delayed' ? '#E63757' : !(driver !== null && driver !== void 0 && driver.available) ? '#6c757d' : driver.busy ? '#007bff' : '#28a745'
   }, image ? /*#__PURE__*/_react.default.createElement(_styles.MapMarkerImg, {
     bgimage: image
   }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, customer && /*#__PURE__*/_react.default.createElement(_FaUserAlt.default, null), driver && /*#__PURE__*/_react.default.createElement(_styles.MapMarkerImg, {

package/_modules/components/Orders/InterActOrderMarker/styles.js

@@ -17,12 +17,12 @@ var WrapperMapMarker = exports.WrapperMapMarker = _styledComponents.default.div(
   var _props$theme$colors;
   return ((_props$theme$colors = props.theme.colors) === null || _props$theme$colors === void 0 ? void 0 : _props$theme$colors.backgroundPage) || '#FFF';
 }, function (props) {
-  return props.theme.colors.primary;
+  return props.borderColor;
 }, function (props) {
   var _props$theme$colors2;
   return ((_props$theme$colors2 = props.theme.colors) === null || _props$theme$colors2 === void 0 ? void 0 : _props$theme$colors2.backgroundPage) || '#FFF';
 }, function (props) {
-  return props.theme.colors.primary;
+  return props.borderColor;
 });
 var MapMarkerImgStyled = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: ", ";\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: 100%;\n  z-index: 100;\n"])), function (props) {
   var _props$theme$colors3;

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

@@ -310,7 +310,7 @@ var OrderDetailsUI = /*#__PURE__*/_react.default.memo(function (props) {
     }, 1);
   }, [isTourFlag]);
   var onCloseSidebar = function onCloseSidebar(e) {
-    if (e.code === 'Escape') {
+    if (e.code === 'Escape' && width >= 1000) {
       props.onClose() && props.onClose();
       setIsTourOpen && setIsTourOpen(false);
     }
@@ -443,10 +443,12 @@ var OrderDetailsUI = /*#__PURE__*/_react.default.memo(function (props) {
     commentInfoState: commentInfoState,
     addressState: addressState
   }), /*#__PURE__*/_react.default.createElement(_styles2.OrderProducts, null, /*#__PURE__*/_react.default.createElement("h2", null, t('EXPORT_SUMMARY', 'Summary')), (order === null || order === void 0 || (_order$products = order.products) === null || _order$products === void 0 ? void 0 : _order$products.length) && (order === null || order === void 0 ? void 0 : order.products.map(function (product) {
+    var _order$toppings_remov;
     return /*#__PURE__*/_react.default.createElement(_ProductItemAccordion.ProductItemAccordion, {
       key: product.id,
       product: product,
-      currency: (0, _utils.getCurrenySymbol)(order === null || order === void 0 ? void 0 : order.currency)
+      currency: (0, _utils.getCurrenySymbol)(order === null || order === void 0 ? void 0 : order.currency),
+      toppingsRemoved: order === null || order === void 0 || (_order$toppings_remov = order.toppings_removed) === null || _order$toppings_remov === void 0 ? void 0 : _order$toppings_remov[product === null || product === void 0 ? void 0 : product.code]
     });
   }))), /*#__PURE__*/_react.default.createElement(_OrderBill.OrderBill, {
     order: order,

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

@@ -88,7 +88,7 @@ var OrdersLateralBar = exports.OrdersLateralBar = function OrdersLateralBar(prop
     }
   }, [isOpenDriverOrderDetails]);
   var onCloseSidebar = function onCloseSidebar(e) {
-    if (e.code === 'Escape') {
+    if (e.code === 'Escape' && width >= 1000) {
       props.onClose() && props.onClose();
     }
   };

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

@@ -32,7 +32,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var ProductItemAccordion = exports.ProductItemAccordion = function ProductItemAccordion(props) {
-  var _product$valid, _product$calendar_eve, _configs$format_time, _product$calendar_eve2, _configs$format_time2, _productInfo$ingredie, _productInfo$options, _productInfo$ingredie2, _productInfo$options2;
+  var _product$valid, _product$calendar_eve, _configs$format_time, _product$calendar_eve2, _configs$format_time2, _productInfo$ingredie, _productInfo$options, _productInfo$ingredie2, _productInfo$options2, _toppingsRemoved$remo;
   var isCartProduct = props.isCartProduct,
     product = props.product,
     changeQuantity = props.changeQuantity,
@@ -40,7 +40,8 @@ var ProductItemAccordion = exports.ProductItemAccordion = function ProductItemAc
     offsetDisabled = props.offsetDisabled,
     onDeleteProduct = props.onDeleteProduct,
     onEditProduct = props.onEditProduct,
-    currency = props.currency;
+    currency = props.currency,
+    toppingsRemoved = props.toppingsRemoved;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -265,5 +266,11 @@ var ProductItemAccordion = exports.ProductItemAccordion = function ProductItemAc
         price: ['left', 'right'].includes(suboption.position) ? (_suboption$half_price2 = suboption.half_price) !== null && _suboption$half_price2 !== void 0 ? _suboption$half_price2 : suboption.price : suboption.price
       }))));
     })));
-  })), product.comment && /*#__PURE__*/_react.default.createElement(_styles.ProductComment, null, /*#__PURE__*/_react.default.createElement("p", null, t('COMMENT', 'Comment')), /*#__PURE__*/_react.default.createElement("h3", null, product.comment))));
+  })), (toppingsRemoved === null || toppingsRemoved === void 0 || (_toppingsRemoved$remo = toppingsRemoved.removed) === null || _toppingsRemoved$remo === void 0 ? void 0 : _toppingsRemoved$remo.length) > 0 && /*#__PURE__*/_react.default.createElement(_styles.ProductOptionsList, null, /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("p", null, t('TOPPINGS_REMOVED', 'Toppings removed')), /*#__PURE__*/_react.default.createElement(_styles.ProductOptionsList, {
+    className: "suboption"
+  }, toppingsRemoved === null || toppingsRemoved === void 0 ? void 0 : toppingsRemoved.removed.map(function (topping) {
+    return /*#__PURE__*/_react.default.createElement("li", {
+      key: topping.code
+    }, /*#__PURE__*/_react.default.createElement("span", null, topping.name));
+  })))), product.comment && /*#__PURE__*/_react.default.createElement(_styles.ProductComment, null, /*#__PURE__*/_react.default.createElement("p", null, t('COMMENT', 'Comment')), /*#__PURE__*/_react.default.createElement("h3", null, product.comment))));
 };

package/_modules/components/Settings/AddressFieldsSetting/index.js

@@ -5,12 +5,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AddressFieldsSetting = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
+var _reactRouterDom = require("react-router-dom");
 var _styles = require("../../../styles");
 var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
+var _Shared = require("../../Shared");
+var _useWindowSize2 = require("../../../hooks/useWindowSize");
+var _BsChevronRight = _interopRequireDefault(require("@meronex/icons/bs/BsChevronRight"));
+var _reactBootstrapIcons = require("react-bootstrap-icons");
 var _styles2 = require("./styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; }
@@ -27,12 +34,86 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var AddressFieldsSettingUI = function AddressFieldsSettingUI(props) {
-  var addressFieldsState = props.addressFieldsState,
-    handleChangeFieldSetting = props.handleChangeFieldSetting;
+  var validationFieldState = props.validationFieldState,
+    handleChangeFieldSetting = props.handleChangeFieldSetting,
+    sitesState = props.sitesState,
+    setMoveDistance = props.setMoveDistance,
+    selectedSiteId = props.selectedSiteId,
+    setSelectedSiteId = props.setSelectedSiteId,
+    actionState = props.actionState;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.AddressFieldsDetailsContainer, null, /*#__PURE__*/_react.default.createElement("h1", null, t('ADDRESS_FIELDS', 'Address fields')), /*#__PURE__*/_react.default.createElement(_styles2.FieldContainer, {
+  var _useWindowSize = (0, _useWindowSize2.useWindowSize)(),
+    width = _useWindowSize.width;
+  var history = (0, _reactRouterDom.useHistory)();
+  var _useState = (0, _react.useState)({
+      open: false,
+      content: []
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    alertState = _useState2[0],
+    setAlertState = _useState2[1];
+  var query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isExpand = _useState4[0],
+    setIsExpand = _useState4[1];
+  var orderValidationFields = ['address', 'address_note', 'internal_number', 'zipcode'];
+  var handleOpenSiteSettingDetails = function handleOpenSiteSettingDetails(siteId, isInitialRender) {
+    // handleGetSiteConfigs(siteId)
+    setSelectedSiteId(siteId);
+    setMoveDistance(500);
+    if (!isInitialRender) {
+      var category = query.get('category');
+      history.replace("".concat(location.pathname, "?category=").concat(category, "&site=").concat(siteId));
+    }
+  };
+  var expandSideBar = function expandSideBar() {
+    var element = document.getElementById('sideSlider');
+    if (isExpand) element.style.width = '500px';else element.style.width = '100vw';
+    setIsExpand(function (prev) {
+      return !prev;
+    });
+  };
+  var handleCloseDetails = function handleCloseDetails() {
+    setSelectedSiteId(null);
+    setMoveDistance(0);
+    var category = query.get('category');
+    history.replace("".concat(location.pathname, "?category=").concat(category));
+  };
+  (0, _react.useEffect)(function () {
+    if (!(actionState !== null && actionState !== void 0 && actionState.error)) return;
+    setAlertState({
+      open: true,
+      content: actionState === null || actionState === void 0 ? void 0 : actionState.error
+    });
+  }, [actionState === null || actionState === void 0 ? void 0 : actionState.error]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.SitesListContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.Header, null, /*#__PURE__*/_react.default.createElement("h1", null, t('ADDRESS_FIELDS', 'Address fields')), width > 576 && !selectedSiteId && /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
+    color: "black",
+    onClick: expandSideBar
+  }, isExpand ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ArrowsAngleContract, null) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ArrowsAngleExpand, null))), sitesState.loading ? /*#__PURE__*/_react.default.createElement(_styles2.SitesWrapper, null, _toConsumableArray(Array(5).keys()).map(function (i) {
+    return /*#__PURE__*/_react.default.createElement(_styles2.SiteItem, {
+      key: i
+    }, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
+      width: 100,
+      height: 14
+    }));
+  })) : /*#__PURE__*/_react.default.createElement(_styles2.SitesWrapper, null, sitesState.sites.map(function (site) {
+    return /*#__PURE__*/_react.default.createElement(_styles2.SiteItem, {
+      key: site.id,
+      active: site.id === selectedSiteId,
+      onClick: function onClick() {
+        return handleOpenSiteSettingDetails(site.id);
+      }
+    }, /*#__PURE__*/_react.default.createElement("span", null, site.name), /*#__PURE__*/_react.default.createElement(_BsChevronRight.default, null));
+  }))), selectedSiteId && /*#__PURE__*/_react.default.createElement(_Shared.SideBar, {
+    isBorderShow: true,
+    open: selectedSiteId,
+    onClose: function onClose() {
+      return handleCloseDetails();
+    }
+  }, /*#__PURE__*/_react.default.createElement(_styles2.AddressFieldsDetailsContainer, null, /*#__PURE__*/_react.default.createElement("h1", null, t('SETTINGS', 'Settings')), /*#__PURE__*/_react.default.createElement(_styles2.FieldContainer, {
     isHeader: true
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "name"
@@ -40,7 +121,7 @@ var AddressFieldsSettingUI = function AddressFieldsSettingUI(props) {
     className: "required"
   }, t('REQUIRED', 'Required')), /*#__PURE__*/_react.default.createElement("div", {
     className: "status"
-  }, t('STATE', 'Status'))), addressFieldsState !== null && addressFieldsState !== void 0 && addressFieldsState.loading ? _toConsumableArray(Array(10).keys()).map(function (i) {
+  }, t('STATE', 'Status'))), actionState !== null && actionState !== void 0 && actionState.loading && actionState !== null && actionState !== void 0 && actionState.isPost ? _toConsumableArray(Array(10).keys()).map(function (i) {
     return /*#__PURE__*/_react.default.createElement(_styles2.FieldContainer, {
       key: i
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -62,18 +143,25 @@ var AddressFieldsSettingUI = function AddressFieldsSettingUI(props) {
         borderRadius: 20
       }
     })));
-  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, addressFieldsState.fields.map(function (field) {
+  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, validationFieldState.fields.filter(function (item) {
+    return (item === null || item === void 0 ? void 0 : item.site_id) === parseInt(selectedSiteId);
+  }).sort(function (a, b) {
+    var indexA = orderValidationFields.indexOf(a === null || a === void 0 ? void 0 : a.validation_field.code);
+    var indexB = orderValidationFields.indexOf(b === null || b === void 0 ? void 0 : b.validation_field.code);
+    return indexA - indexB;
+  }).map(function (field) {
+    var _field$validation_fie, _field$validation_fie2, _field$validation_fie3;
     return /*#__PURE__*/_react.default.createElement(_styles2.FieldContainer, {
       key: field.id
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "name"
-    }, t(field.code.toUpperCase())), /*#__PURE__*/_react.default.createElement("div", {
+    }, t(field === null || field === void 0 || (_field$validation_fie = field.validation_field) === null || _field$validation_fie === void 0 ? void 0 : _field$validation_fie.code.toUpperCase())), /*#__PURE__*/_react.default.createElement("div", {
       className: "required"
     }, /*#__PURE__*/_react.default.createElement(_styles.Switch, {
       defaultChecked: field.required,
-      disabled: field.code === 'email',
+      disabled: (field === null || field === void 0 || (_field$validation_fie2 = field.validation_field) === null || _field$validation_fie2 === void 0 ? void 0 : _field$validation_fie2.code) === 'email',
       onChange: function onChange(val) {
-        return handleChangeFieldSetting(field.id, {
+        return handleChangeFieldSetting(field.validation_field_id, selectedSiteId, {
           required: val
         });
       }
@@ -81,17 +169,36 @@ var AddressFieldsSettingUI = function AddressFieldsSettingUI(props) {
       className: "status"
     }, /*#__PURE__*/_react.default.createElement(_styles.Switch, {
       defaultChecked: field.enabled,
-      disabled: field.code === 'email',
+      disabled: (field === null || field === void 0 || (_field$validation_fie3 = field.validation_field) === null || _field$validation_fie3 === void 0 ? void 0 : _field$validation_fie3.code) === 'email',
       onChange: function onChange(val) {
-        return handleChangeFieldSetting(field.id, {
+        return handleChangeFieldSetting(field.validation_field_id, selectedSiteId, {
           enabled: val
         });
       }
     })));
-  }))));
+  })))), /*#__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 setAlertState({
+        open: false,
+        content: []
+      });
+    },
+    onAccept: function onAccept() {
+      return setAlertState({
+        open: false,
+        content: []
+      });
+    },
+    closeOnBackdrop: false
+  }));
 };
 var AddressFieldsSetting = exports.AddressFieldsSetting = function AddressFieldsSetting(props) {
   var addressFieldsProps = _objectSpread(_objectSpread({}, props), {}, {
+    code: 'address',
     UIComponent: AddressFieldsSettingUI
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsAdminExternal.AddressFieldsSetting, addressFieldsProps);

package/_modules/components/Settings/AddressFieldsSetting/styles.js

@@ -4,16 +4,41 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FieldContainer = exports.AddressFieldsDetailsContainer = void 0;
+exports.SitesWrapper = exports.SitesListContainer = exports.SiteItem = exports.Header = exports.FieldContainer = exports.AddressFieldsDetailsContainer = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _templateObject, _templateObject2, _templateObject3;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var AddressFieldsDetailsContainer = exports.AddressFieldsDetailsContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 26px 40px;\n  box-sizing: border-box;\n  width: 100%;\n  overflow-x: hidden;\n\n  h1 {\n    font-weight: 700;\n    font-size: 20px;\n    margin-bottom: 10px;\n  }\n"])));
-var FieldContainer = exports.FieldContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 10px 0;\n  ", "\n\n  .name {\n    flex: 1;\n    font-size: 14px;\n  }\n\n  .required {\n    width: 80px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .status {\n    width: 80px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n"])), function (_ref) {
-  var isHeader = _ref.isHeader;
-  return isHeader && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    border-bottom: 1px solid ", ";\n    margin-bottom: 15px;\n    > div {\n      font-weight: 700;\n      font-size: 14px;\n    }\n  "])), function (props) {
+var SitesListContainer = exports.SitesListContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 20px;\n  box-sizing: border-box;\n  width: 100%;\n  overflow-x: hidden;\n"])));
+var Header = exports.Header = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  h1 {\n    font-weight: 700;\n    font-size: 20px;\n    margin: 0;\n  }\n  margin-right: 35px;\n  ", "\n"])), function (props) {
+  return props.theme.rtl && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    margin-left: 35px;\n    margin-right: 0;\n  "])));
+});
+var SitesWrapper = exports.SitesWrapper = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-top: 35px;\n  border: 1px solid ", ";\n  border-radius: 8px;\n  overflow: hidden;\n  > div:first-child {\n    border-top: none !important;\n  }\n  > div:last-child {\n    border-bottom: none !important;\n  } \n"])), function (props) {
+  return props.theme.colors.borderColor;
+});
+var SiteItem = exports.SiteItem = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  padding: 12px 15px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  color: ", ";\n  border-bottom: 1px solid ", ";\n  &:hover {\n    background-color: ", ";\n  }\n  span {\n    font-size: 14px;\n  }\n  svg {\n    font-size: 20px;\n  }\n  ", "\n"])), function (props) {
+  return props.theme.colors.lightGray;
+}, function (props) {
+  return props.theme.colors.borderColor;
+}, function (props) {
+  return props.theme.colors.lightPrimary;
+}, function (_ref) {
+  var active = _ref.active;
+  return active && (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    color: ", ";\n    border-top: 1px solid ", ";\n    border-bottom: 1px solid ", " !important;\n    background-color: ", ";\n  "])), function (props) {
+    return props.theme.colors.headingColor;
+  }, function (props) {
+    return props.theme.colors.primary;
+  }, function (props) {
+    return props.theme.colors.primary;
+  }, function (props) {
+    return props.theme.colors.lightPrimary;
+  });
+});
+var AddressFieldsDetailsContainer = exports.AddressFieldsDetailsContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  padding: 26px 40px;\n  box-sizing: border-box;\n  width: 100%;\n  overflow-x: hidden;\n\n  h1 {\n    font-weight: 700;\n    font-size: 20px;\n    margin-bottom: 10px;\n  }\n"])));
+var FieldContainer = exports.FieldContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 10px 0;\n  ", "\n\n  .name {\n    flex: 1;\n    font-size: 14px;\n  }\n\n  .required {\n    width: 80px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .status {\n    width: 80px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n"])), function (_ref2) {
+  var isHeader = _ref2.isHeader;
+  return isHeader && (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    border-bottom: 1px solid ", ";\n    margin-bottom: 15px;\n    > div {\n      font-weight: 700;\n      font-size: 14px;\n    }\n  "])), function (props) {
     return props.theme.colors.borderColor;
   });
 });