ordering-ui-admin-external 1.1.0 → 1.2.0

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

@@ -0,0 +1,174 @@
+"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.Appointments = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
+
+var _reactBootstrapIcons = require("react-bootstrap-icons");
+
+var _styles = require("../../../styles");
+
+var _InfoShareContext = require("../../../contexts/InfoShareContext");
+
+var _BusinessSelectHeader = require("../../Stores/BusinessSelectHeader");
+
+var _moment = _interopRequireDefault(require("moment"));
+
+var _reactBigCalendar = require("react-big-calendar");
+
+require("react-big-calendar/lib/addons/dragAndDrop/styles.css");
+
+require("react-big-calendar/lib/css/react-big-calendar.css");
+
+var _CalendarHeader = require("./CalendarHeader");
+
+var _EventComponent = require("./EventComponent");
+
+var _OrderDetails = require("../OrderDetails");
+
+var _Shared = require("../../Shared");
+
+var _styles3 = 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 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var localizer = (0, _reactBigCalendar.momentLocalizer)(_moment.default);
+
+var AppointmentsUI = function AppointmentsUI(props) {
+  var _configs$format_time;
+
+  var selectedBusiness = props.selectedBusiness,
+      setSelectedBusiness = props.setSelectedBusiness,
+      businessCalendarEvents = props.businessCalendarEvents;
+
+  var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
+      _useLanguage2 = _slicedToArray(_useLanguage, 2),
+      t = _useLanguage2[1];
+
+  var _useConfig = (0, _orderingComponentsAdminExternal.useConfig)(),
+      _useConfig2 = _slicedToArray(_useConfig, 1),
+      configs = _useConfig2[0].configs;
+
+  var _useInfoShare = (0, _InfoShareContext.useInfoShare)(),
+      _useInfoShare2 = _slicedToArray(_useInfoShare, 2),
+      isCollapse = _useInfoShare2[0].isCollapse,
+      handleMenuCollapse = _useInfoShare2[1].handleMenuCollapse;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      showSelectHeader = _useState2[0],
+      setShowSelectHeader = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      openDetails = _useState4[0],
+      setOpenDetails = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(null),
+      _useState6 = _slicedToArray(_useState5, 2),
+      selectedAppointment = _useState6[0],
+      setSelectedAppointment = _useState6[1];
+
+  var changeBusinessState = function changeBusinessState(business) {
+    setShowSelectHeader(false);
+    setSelectedBusiness(business);
+  };
+
+  var handleOpenDetails = function handleOpenDetails(event) {
+    setOpenDetails(true);
+    setSelectedAppointment(event);
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_styles3.Container, null, businessCalendarEvents.loading && /*#__PURE__*/_react.default.createElement(_styles3.SpinnerLoaderWrapper, null, /*#__PURE__*/_react.default.createElement(_Shared.SpinnerLoader, null)), /*#__PURE__*/_react.default.createElement(_styles3.Header, null, /*#__PURE__*/_react.default.createElement(_styles3.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("div", null, /*#__PURE__*/_react.default.createElement("h1", null, t('APPOINTMENT', 'Appointment')), /*#__PURE__*/_react.default.createElement(_styles3.BusinessSelectorWrapper, null, /*#__PURE__*/_react.default.createElement(_styles3.BusinessName, {
+    onClick: function onClick() {
+      return setShowSelectHeader(!showSelectHeader);
+    }
+  }, (selectedBusiness === null || selectedBusiness === void 0 ? void 0 : selectedBusiness.name) || t('SELECT_BUSINESS', 'Select a business')), showSelectHeader && /*#__PURE__*/_react.default.createElement(_BusinessSelectHeader.BusinessSelectHeader, {
+    close: function close() {
+      return setShowSelectHeader(false);
+    },
+    isOpen: showSelectHeader,
+    changeBusinessState: changeBusinessState
+  }), /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ChevronRight, null), /*#__PURE__*/_react.default.createElement("span", {
+    className: "calendar"
+  }, t('CALENDAR', 'Calendar')))))), /*#__PURE__*/_react.default.createElement(_styles3.CalendarWrapper, null, /*#__PURE__*/_react.default.createElement(_reactBigCalendar.Calendar, {
+    localizer: localizer,
+    formats: {
+      timeGutterFormat: (configs === null || configs === void 0 ? void 0 : (_configs$format_time = configs.format_time) === null || _configs$format_time === void 0 ? void 0 : _configs$format_time.value) === '24' ? 'HH:mm' : 'HH:mm A'
+    },
+    defaultView: _reactBigCalendar.Views.MONTH,
+    events: businessCalendarEvents.result,
+    startAccessor: function startAccessor(event) {
+      return (0, _moment.default)(event.start, 'YYYY-MM-DD HH:mm:ss').toDate();
+    },
+    endAccessor: function endAccessor(event) {
+      return (0, _moment.default)(event.end, 'YYYY-MM-DD HH:mm:ss').toDate();
+    },
+    views: ['month', 'week', 'day'],
+    showMultiDayTimes: false,
+    messages: {
+      showMore: function showMore(total) {
+        return "+".concat(total, " ").concat(t('MORE', 'More'));
+      }
+    },
+    onSelectEvent: function onSelectEvent(event) {
+      return handleOpenDetails(event);
+    },
+    components: {
+      toolbar: _CalendarHeader.CalendarHeader,
+      event: _EventComponent.EventComponent
+    }
+  })), openDetails && /*#__PURE__*/_react.default.createElement(_OrderDetails.OrderDetails, {
+    isServiceOrder: true,
+    open: openDetails,
+    orderId: selectedAppointment === null || selectedAppointment === void 0 ? void 0 : selectedAppointment.order_id,
+    onClose: function onClose() {
+      setOpenDetails(false);
+      setSelectedAppointment(null);
+    }
+  }));
+};
+
+var Appointments = function Appointments(props) {
+  var appointmentsProps = _objectSpread(_objectSpread({}, props), {}, {
+    UIComponent: AppointmentsUI
+  });
+
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsAdminExternal.Appointments, appointmentsProps);
+};
+
+exports.Appointments = Appointments;

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

@@ -0,0 +1,88 @@
+"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.ViewButtonsWrapper = exports.SpinnerLoaderWrapper = exports.HeaderTitleContainer = exports.Header = exports.EventProfessionalPhoto = exports.EventContainer = exports.Container = exports.CalendarWrapper = exports.CalendarLabelContainer = exports.CalendarHeaderContainer = exports.BusinessSelectorWrapper = exports.BusinessName = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
+
+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 Container = _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  display: flex;\n  flex-direction: column;\n  position: relative;\n"])));
+
+exports.Container = Container;
+
+var SpinnerLoaderWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 100;\n\n  > div {\n    height: 100%;\n  }\n"])));
+
+exports.SpinnerLoaderWrapper = SpinnerLoaderWrapper;
+
+var Header = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
+
+exports.Header = Header;
+
+var HeaderTitleContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  h1 {\n    font-size: 20px;\n    margin: 0px;\n    line-height: 30px;\n    font-weight: 700;\n  }\n  > button {\n    ", "\n\n    svg {\n      width: 25px;\n      height: 25px;\n    }\n  }\n"])), function (props) {
+  var _props$theme;
+
+  return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      margin-left: 8px;\n      margin-right: -8px;\n    "]))) : (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      margin-right: 8px;\n      margin-left: -8px;\n    "])));
+});
+
+exports.HeaderTitleContainer = HeaderTitleContainer;
+
+var BusinessName = _styledComponents.default.span(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  cursor: pointer;\n"])));
+
+exports.BusinessName = BusinessName;
+
+var BusinessSelectorWrapper = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  position: relative;\n  width: fit-content;\n  margin: 3px 0;\n\n  > span {\n    font-size: 14px;\n    color: ", ";\n    &.calendar {\n      color: ", ";\n    }\n  }\n\n  > svg {\n    margin: 0 10px;\n  }\n"])), function (props) {
+  return props.theme.colors.secundaryLight;
+}, function (props) {
+  return props.theme.colors.primary;
+});
+
+exports.BusinessSelectorWrapper = BusinessSelectorWrapper;
+
+var CalendarWrapper = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  flex: 1;\n  padding-top: 20px;\n  overflow: auto;\n\n  .rbc-calendar {\n    min-width: 728px;\n    color: ", ";\n\n    .rbc-header {\n      padding: 7px 3px;\n      span {\n        font-size: 16px;\n        font-weight: 600;\n        color: ", ";\n      }\n    }\n\n    .rbc-time-view {\n      border-left: none;\n      border-right: none;\n      .rbc-allday-cell {\n        display: none;\n      }\n      .rbc-time-content {\n        border-width: 1px;\n      }\n    }\n    .rbc-event {\n      background-color: ", ";\n      border: none;\n      padding: 0;\n      color: ", ";\n    }\n    .rbc-event-label {\n      display: none;\n    }\n    .rbc-timeslot-group {\n      min-height: 60px;\n    }\n  }\n"])), function (props) {
+  return props.theme.colors.lightGray;
+}, function (props) {
+  return props.theme.colors.headingColor;
+}, function (props) {
+  return props.theme.colors.backgroundPage;
+}, function (props) {
+  return props.theme.colors.headingColor;
+});
+
+exports.CalendarWrapper = CalendarWrapper;
+
+var CalendarHeaderContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 15px;\n"])));
+
+exports.CalendarHeaderContainer = CalendarHeaderContainer;
+
+var CalendarLabelContainer = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  span.label {\n    font-weight: 600;\n    font-size: 16px;\n    margin: 0 3px;\n    color: ", ";\n  }\n  > button {\n    > svg {\n      width: 16px;\n      height: 16px;\n    }\n  }\n"])), function (props) {
+  return props.theme.colors.headingColor;
+});
+
+exports.CalendarLabelContainer = CalendarLabelContainer;
+
+var ViewButtonsWrapper = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  button {\n    margin: 0 3px;\n  }\n"])));
+
+exports.ViewButtonsWrapper = ViewButtonsWrapper;
+
+var EventContainer = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  border: 1px solid ", ";\n  padding: 2px 5px;\n  border-radius: 8px;\n  height: 100%;\n\n  > div.info {\n    width: calc(100% - 42px);\n    p {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n    p.name {\n      font-size: 12px;\n      font-weight: 500;\n      line-height: 18px;\n      margin: 0;\n    }\n    p.date {\n      font-size: 10px;\n      line-height: 15px;\n      color: ", ";\n      margin: 0;\n    }\n  }\n"])), function (props) {
+  return props.theme.colors.gray;
+}, function (props) {
+  return props.theme.colors.lightGray;
+});
+
+exports.EventContainer = EventContainer;
+
+var EventProfessionalPhoto = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  width: 32px;\n  height: 32px;\n  border-radius: 8px;\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  img {\n    width: 100%;\n    height: 100%;\n    border-radius: 8px;\n    object-fit: cover;\n  }\n  svg {\n    width: 85%;\n    height: 85%;\n  }\n"])));
+
+exports.EventProfessionalPhoto = EventProfessionalPhoto;

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

@@ -53,7 +53,8 @@ var OrderContactInformation = function OrderContactInformation(props) {
   var order = props.order,
       isTourOpen = props.isTourOpen,
       setCurrentTourStep = props.setCurrentTourStep,
-      handleOpenMessages = props.handleOpenMessages;
+      handleOpenMessages = props.handleOpenMessages,
+      isServiceOrder = props.isServiceOrder;
 
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
       _useLanguage2 = _slicedToArray(_useLanguage, 2),
@@ -136,7 +137,7 @@ var OrderContactInformation = function OrderContactInformation(props) {
     href: "http://maps.google.com/?q=".concat(order === null || order === void 0 ? void 0 : (_order$customer22 = order.customer) === null || _order$customer22 === void 0 ? void 0 : _order$customer22.address),
     rel: "noopener noreferrer",
     target: "_blank"
-  }, order === null || order === void 0 ? void 0 : (_order$customer23 = order.customer) === null || _order$customer23 === void 0 ? void 0 : _order$customer23.address))), !!(order !== null && order !== void 0 && (_order$customer24 = order.customer) !== null && _order$customer24 !== void 0 && _order$customer24.internal_number) && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('INTERNAL_NUMBER', 'Internal number')), /*#__PURE__*/_react.default.createElement("td", null, order === null || order === void 0 ? void 0 : (_order$customer25 = order.customer) === null || _order$customer25 === void 0 ? void 0 : _order$customer25.internal_number)), !!(order !== null && order !== void 0 && (_order$customer26 = order.customer) !== null && _order$customer26 !== void 0 && _order$customer26.address_notes) && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('NOTES', 'Notes')), /*#__PURE__*/_react.default.createElement("td", null, order === null || order === void 0 ? void 0 : (_order$customer27 = order.customer) === null || _order$customer27 === void 0 ? void 0 : _order$customer27.address_notes)), !!(order !== null && order !== void 0 && (_order$customer28 = order.customer) !== null && _order$customer28 !== void 0 && _order$customer28.zipcode) && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('ZIPCODE', 'Zipcode')), /*#__PURE__*/_react.default.createElement("td", null, order === null || order === void 0 ? void 0 : (_order$customer29 = order.customer) === null || _order$customer29 === void 0 ? void 0 : _order$customer29.zipcode)), !!(order !== null && order !== void 0 && order.on_behalf_of) && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('ON_BEHALF_OF', 'On behalf of')), /*#__PURE__*/_react.default.createElement("td", null, order === null || order === void 0 ? void 0 : order.on_behalf_of))))))), (order === null || order === void 0 ? void 0 : order.delivery_type) === 1 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.DriverSelectorContainer, null, /*#__PURE__*/_react.default.createElement("p", null, t('DRIVER_ASSIGN', 'Driver assign')), /*#__PURE__*/_react.default.createElement(_DriverSelector.DriverSelector, {
+  }, order === null || order === void 0 ? void 0 : (_order$customer23 = order.customer) === null || _order$customer23 === void 0 ? void 0 : _order$customer23.address))), !!(order !== null && order !== void 0 && (_order$customer24 = order.customer) !== null && _order$customer24 !== void 0 && _order$customer24.internal_number) && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('INTERNAL_NUMBER', 'Internal number')), /*#__PURE__*/_react.default.createElement("td", null, order === null || order === void 0 ? void 0 : (_order$customer25 = order.customer) === null || _order$customer25 === void 0 ? void 0 : _order$customer25.internal_number)), !!(order !== null && order !== void 0 && (_order$customer26 = order.customer) !== null && _order$customer26 !== void 0 && _order$customer26.address_notes) && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('NOTES', 'Notes')), /*#__PURE__*/_react.default.createElement("td", null, order === null || order === void 0 ? void 0 : (_order$customer27 = order.customer) === null || _order$customer27 === void 0 ? void 0 : _order$customer27.address_notes)), !!(order !== null && order !== void 0 && (_order$customer28 = order.customer) !== null && _order$customer28 !== void 0 && _order$customer28.zipcode) && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('ZIPCODE', 'Zipcode')), /*#__PURE__*/_react.default.createElement("td", null, order === null || order === void 0 ? void 0 : (_order$customer29 = order.customer) === null || _order$customer29 === void 0 ? void 0 : _order$customer29.zipcode)), !!(order !== null && order !== void 0 && order.on_behalf_of) && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('ON_BEHALF_OF', 'On behalf of')), /*#__PURE__*/_react.default.createElement("td", null, order === null || order === void 0 ? void 0 : order.on_behalf_of))))))), (order === null || order === void 0 ? void 0 : order.delivery_type) === 1 && !isServiceOrder && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.DriverSelectorContainer, null, /*#__PURE__*/_react.default.createElement("p", null, t('DRIVER_ASSIGN', 'Driver assign')), /*#__PURE__*/_react.default.createElement(_DriverSelector.DriverSelector, {
     small: true,
     isPhoneView: true,
     defaultValue: order !== null && order !== void 0 && (_order$driver = order.driver) !== null && _order$driver !== void 0 && _order$driver.id ? order.driver.id : 'default',

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

@@ -79,7 +79,8 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
       setIsTourFlag = props.setIsTourFlag,
       setIsTourOpen = props.setIsTourOpen,
       actionStatus = props.actionStatus,
-      handleRefundOrder = props.handleRefundOrder;
+      handleRefundOrder = props.handleRefundOrder,
+      isServiceOrder = props.isServiceOrder;
 
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
       _useLanguage2 = _slicedToArray(_useLanguage, 2),
@@ -540,6 +541,7 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
       return handleChangeTour(e);
     }
   }, /*#__PURE__*/_react.default.createElement(_OrderDetailsHeader.OrderDetailsHeader, {
+    isServiceOrder: isServiceOrder,
     order: order,
     extraOpen: extraOpen,
     actionSidebar: actionSidebar,
@@ -567,6 +569,7 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
   })), /*#__PURE__*/_react.default.createElement(_styles2.AdvancedLogistic, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, t('LOGISTIC', 'Logistic')), /*#__PURE__*/_react.default.createElement("p", null, getLogisticTag(order === null || order === void 0 ? void 0 : order.logistic_status))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, t('ATTEMPTS', 'Attempts')), /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 ? void 0 : order.logistic_attemps)), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, t('PRIORITY', 'Priority')), /*#__PURE__*/_react.default.createElement("p", null, getPriorityTag(order === null || order === void 0 ? void 0 : order.priority)))), rejectResonStatuses.includes(order === null || order === void 0 ? void 0 : order.status) && (order === null || order === void 0 ? void 0 : order.reject_reason) && /*#__PURE__*/_react.default.createElement(_styles2.RejectReasonsContainer, null, /*#__PURE__*/_react.default.createElement("p", null, t('REJECT_REASONS', 'Reject reasons')), /*#__PURE__*/_react.default.createElement(_styles2.RejectReasonsList, null, /*#__PURE__*/_react.default.createElement(_styles2.RejectReasonWrapper, null, t("REJECT_REASON_".concat(order === null || order === void 0 ? void 0 : order.reject_reason.toUpperCase()), order === null || order === void 0 ? void 0 : order.reject_reason.replace(/_/g, ' '))))), /*#__PURE__*/_react.default.createElement("div", {
     "data-tour": "tour_driver"
   }, /*#__PURE__*/_react.default.createElement(_OrderContactInformation.OrderContactInformation, {
+    isServiceOrder: isServiceOrder,
     order: order,
     extraOpen: extraOpen,
     unreadAlert: unreadAlert,

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

@@ -45,7 +45,8 @@ var OrderDetailsHeader = function OrderDetailsHeader(props) {
       currentTourStep = props.currentTourStep,
       showOption = props.showOption,
       openMessage = props.openMessage,
-      printRef = props.printRef;
+      printRef = props.printRef,
+      isServiceOrder = props.isServiceOrder;
 
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
       _useLanguage2 = _slicedToArray(_useLanguage, 2),
@@ -70,7 +71,7 @@ var OrderDetailsHeader = function OrderDetailsHeader(props) {
     if (isTourOpen && currentTourStep === 1) setIsTourOpen(false);
   };
 
-  return /*#__PURE__*/_react.default.createElement(_styles2.OrderDetailsHeaderContainer, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h1", null, t('INVOICE_ORDER_NO', 'Order No'), " ", order === null || order === void 0 ? void 0 : order.id), /*#__PURE__*/_react.default.createElement(_styles2.ButtonGroup, null, (user === null || user === void 0 ? void 0 : user.level) !== 5 && /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
+  return /*#__PURE__*/_react.default.createElement(_styles2.OrderDetailsHeaderContainer, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h1", null, isServiceOrder ? t('APPOINTMENT_NO', 'Appointment No.') : t('INVOICE_ORDER_NO', 'Order No'), " ", order === null || order === void 0 ? void 0 : order.id), /*#__PURE__*/_react.default.createElement(_styles2.ButtonGroup, null, (user === null || user === void 0 ? void 0 : user.level) !== 5 && /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
     color: "black",
     active: openMessage === null || openMessage === void 0 ? void 0 : openMessage.chat,
     onClick: function onClick() {
@@ -119,7 +120,7 @@ var OrderDetailsHeader = function OrderDetailsHeader(props) {
   }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", null, order === null || order === void 0 ? void 0 : (_order$paymethod = order.paymethod) === null || _order$paymethod === void 0 ? void 0 : _order$paymethod.name), stripePaymethods.includes(order === null || order === void 0 ? void 0 : (_order$paymethod2 = order.paymethod) === null || _order$paymethod2 === void 0 ? void 0 : _order$paymethod2.gateway) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", null, " ("), /*#__PURE__*/_react.default.createElement(_styles2.StripeLink, {
     href: "https://dashboard.stripe.com/payments/".concat(order === null || order === void 0 ? void 0 : order.pay_data),
     target: "_blank"
-  }, order === null || order === void 0 ? void 0 : order.pay_data), /*#__PURE__*/_react.default.createElement("span", null, ") "), /*#__PURE__*/_react.default.createElement("span", null, " (", order !== null && order !== void 0 && order.refund_data ? t('REFUNDED', 'Refunded') : t('MOBILE_SUCCESS', 'Success'), ") ")), /*#__PURE__*/_react.default.createElement(_EnDotSingle.default, null)), (order === null || order === void 0 ? void 0 : order.delivery_type) === 1 && /*#__PURE__*/_react.default.createElement("span", null, t('DELIVERY', 'Delivery')), (order === null || order === void 0 ? void 0 : order.delivery_type) === 2 && /*#__PURE__*/_react.default.createElement("span", null, t('PICKUP', 'Pickup')), (order === null || order === void 0 ? void 0 : order.delivery_type) === 3 && /*#__PURE__*/_react.default.createElement("span", null, t('EAT_IN', 'Eat in')), (order === null || order === void 0 ? void 0 : order.delivery_type) === 4 && /*#__PURE__*/_react.default.createElement("span", null, t('CURBSIDE', 'Curbside')), (order === null || order === void 0 ? void 0 : order.delivery_type) === 5 && /*#__PURE__*/_react.default.createElement("span", null, t('DRIVE_THRU', 'Drive thru'))));
+  }, order === null || order === void 0 ? void 0 : order.pay_data), /*#__PURE__*/_react.default.createElement("span", null, ") "), /*#__PURE__*/_react.default.createElement("span", null, " (", order !== null && order !== void 0 && order.refund_data ? t('REFUNDED', 'Refunded') : t('MOBILE_SUCCESS', 'Success'), ") ")), /*#__PURE__*/_react.default.createElement(_EnDotSingle.default, null)), !isServiceOrder && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (order === null || order === void 0 ? void 0 : order.delivery_type) === 1 && /*#__PURE__*/_react.default.createElement("span", null, t('DELIVERY', 'Delivery')), (order === null || order === void 0 ? void 0 : order.delivery_type) === 2 && /*#__PURE__*/_react.default.createElement("span", null, t('PICKUP', 'Pickup')), (order === null || order === void 0 ? void 0 : order.delivery_type) === 3 && /*#__PURE__*/_react.default.createElement("span", null, t('EAT_IN', 'Eat in')), (order === null || order === void 0 ? void 0 : order.delivery_type) === 4 && /*#__PURE__*/_react.default.createElement("span", null, t('CURBSIDE', 'Curbside')), (order === null || order === void 0 ? void 0 : order.delivery_type) === 5 && /*#__PURE__*/_react.default.createElement("span", null, t('DRIVE_THRU', 'Drive thru')))));
 };
 
 exports.OrderDetailsHeader = OrderDetailsHeader;

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

@@ -17,7 +17,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var OrderDetailsHeaderContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  > div {\n    display: flex;\n    justify-content: space-between;\n    flex-direction: column-reverse;\n    h1 {\n      width: 100%;\n      font-size: 24px;\n      margin: 0px;\n      font-weight: 700;\n    }\n    > div {\n      display: flex;\n      width: 100%;\n      justify-content: flex-end;\n      margin-bottom: 20px;\n    }\n  }\n\n  p {\n    font-size: 14px;\n    margin: 0px;\n    padding: 5px 0;\n  }\n\n  @media (min-width: 768px) {\n    > div {\n      flex-direction: row;\n      align-items: center;\n    }\n    > div {\n      > div {\n        margin-bottom: 0px;\n      }\n    }\n  }\n"])));
+var OrderDetailsHeaderContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  > div {\n    display: flex;\n    justify-content: space-between;\n    flex-direction: column-reverse;\n    h1 {\n      width: 100%;\n      font-size: 20px;\n      margin: 0px;\n      font-weight: 700;\n    }\n    > div {\n      display: flex;\n      width: 100%;\n      justify-content: flex-end;\n      margin-bottom: 20px;\n    }\n  }\n\n  p {\n    font-size: 14px;\n    margin: 0px;\n    padding: 5px 0;\n  }\n\n  @media (min-width: 768px) {\n    > div {\n      flex-direction: row;\n      align-items: center;\n    }\n    > div {\n      > div {\n        margin-bottom: 0px;\n      }\n    }\n  }\n"])));
 
 exports.OrderDetailsHeaderContainer = OrderDetailsHeaderContainer;
 

package/_modules/components/Orders/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "Appointments", {
+  enumerable: true,
+  get: function get() {
+    return _Appointments.Appointments;
+  }
+});
 Object.defineProperty(exports, "BusinessesSelector", {
   enumerable: true,
   get: function get() {
@@ -268,6 +274,8 @@ Object.defineProperty(exports, "WizardOrders", {
   }
 });
 
+var _Appointments = require("./Appointments");
+
 var _DeliveriesManager = require("./DeliveriesManager");
 
 var _DriversManager = require("./DriversManager");

package/_modules/components/SidebarMenu/index.js

@@ -85,7 +85,12 @@ var SidebarMenu = function SidebarMenu(props) {
     id: 3,
     title: t('DRIVERS_DASHBOARD', 'Drivers Dashboard'),
     pageName: 'drivers'
-  }];
+  } // {
+  //   id: 4,
+  //   title: t('APPOINTMENTS', 'Appointments'),
+  //   pageName: 'appointments'
+  // }
+  ];
   var loyaltySubMenus = [{
     id: 1,
     title: t('REWARDS_PROGRAMS', 'Rewards programs'),
@@ -305,7 +310,7 @@ var SidebarMenu = function SidebarMenu(props) {
     handleGoToPage: handleGoToPage
   }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.HouseDoor, null), /*#__PURE__*/_react.default.createElement("span", null, t('HOME', 'Home')))), /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
     eventKey: "1",
-    active: location.pathname === '/orders' || location.pathname === '/deliveries' || location.pathname === '/drivers'
+    active: location.pathname === '/orders' || location.pathname === '/deliveries' || location.pathname === '/drivers' || location.pathname === '/appointments'
   }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ListCheck, null), /*#__PURE__*/_react.default.createElement("span", null, t('ORDERS', 'Orders'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Collapse, {
     eventKey: "1"
   }, /*#__PURE__*/_react.default.createElement(_styles.MenuContent, null, ordersSubMenus.map(function (item) {

package/_modules/index.js

@@ -147,6 +147,12 @@ Object.defineProperty(exports, "ApiKeysList", {
     return _Settings.ApiKeysList;
   }
 });
+Object.defineProperty(exports, "Appointments", {
+  enumerable: true,
+  get: function get() {
+    return _Orders.Appointments;
+  }
+});
 Object.defineProperty(exports, "AutoScroll", {
   enumerable: true,
   get: function get() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ordering-ui-admin-external",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Ordering UI Admin Components",
   "main": "./_modules/index.js",
   "exports": {
@@ -83,9 +83,10 @@
     "lodash": "^4.17.20",
     "moment": "^2.29.1",
     "moment-range": "^4.0.2",
-    "ordering-components-admin-external": "1.1.0",
+    "ordering-components-admin-external": "1.2.0",
     "polished": "^3.6.7",
     "prop-types": "^15.7.2",
+    "react-big-calendar": "^1.4.2",
     "react-bootstrap": "^1.6.0",
     "react-bootstrap-icons": "^1.5.0",
     "react-chartjs-2": "^3.0.4",

package/src/components/BusinessIntelligence/AnalyticsProductCategories/index.js

@@ -73,7 +73,7 @@ export const AnalyticsProductCategories = (props) => {
                     productCategoryList?.data.map((item, i) => (
                       <ProductCategoryContent key={i}>
                         <p>{item?.name}</p>
-                        <PercentContainer percent={item?.sales}>{item?.sales}%</PercentContainer>
+                        <PercentContainer percent={item?.sales}>{item?.sales}</PercentContainer>
                       </ProductCategoryContent>
                     ))
                   }

package/src/components/Downloads/FreeProductsList/index.js

@@ -32,8 +32,8 @@ export const FreeProductsList = (props) => {
       key: 'store_app',
       type: 1,
       title: t('ORDERING_STORE_APP', 'Store App _version_').replace('_version_', '2.0'),
-      short_description: t('STORE_APP_SHORT_DESCRIPTION', 'Allow your restaurants or business owners to receive their orders on your own white-labeled Orders Manager app.'),
-      long_description: t('STORE_APP_LONG_DESCRIPTION', 'Allow your restaurants or business owners to receive their orders on your own white-labeled Orders Manager app.<br /><br />Use it Branded on your business at no cost.<br />All you need to do is use the Business Owners Credentials that you currently have on your Dashboard.'),
+      short_description: t('STORE_APP_FREE_SHORT_DESCRIPTION', 'Give your business owners or managers a tool to manage their whole businesses incoming orders on the go by installing a branded app on any mobile device they have.'),
+      long_description: t('STORE_APP_FREE_LONG_DESCRIPTION', 'Give your business owners or managers a tool to manage their whole businesses incoming orders on the go by installing a branded app on any mobile device they have.<br /><sub>This is a branded Ordering.co product; use it with your project, email, and password for free; features might be limited.</sub>'),
       icon: <CartPlusFill />,
       image: theme.images.apps.storeApp,
       app_store: 'https://apps.apple.com/us/app/store-app-2-0/id1608192050',
@@ -43,8 +43,8 @@ export const FreeProductsList = (props) => {
       key: 'driver_app',
       type: 1,
       title: t('ORDERING_DRIVER_APP', 'Driver App _version_').replace('_version_', '2.0'),
-      short_description: t('DRIVER_APP_SHORT_DESCRIPTION', 'Use it Branded on your business at no cost.'),
-      long_description: t('DRIVER_APP_LONG_DESCRIPTION', 'Use it Branded on your business at no cost.<br />All you need to do is use the Driver Credentials that you currently have on your Dashboard.'),
+      short_description: t('DRIVER_APP_FREE_SHORT_DESCRIPTION', 'Your fleet´s best companion gives drivers a tool to receive orders, follow optimal routes, add delivery evidence, set orders timing, and control their busy times.'),
+      long_description: t('DRIVER_APP_FREE_LONG_DESCRIPTION', 'Your fleet´s best companion gives drivers a tool to receive orders, follow optimal routes, add delivery evidence, set orders timing, and control their busy times.<br /><sub>This is a branded Ordering.co product; use it with your project, email, and password for free; features might be limited.</sub>'),
       icon: <img src={theme.images.icons.delivery} alt='delivery app icon' />,
       image: theme.images.apps.driverApp,
       app_store: 'https://apps.apple.com/us/app/driver-app-2-0/id1606257815',
@@ -54,8 +54,8 @@ export const FreeProductsList = (props) => {
       key: 'pos_app',
       type: 1,
       title: t('ORDERING_POS', 'POS _version_').replace('_version_', '2.0'),
-      short_description: t('POS_APP_SHORT_DESCRIPTION', 'Create orders in your system without the hassle and auto-complete information.'),
-      long_description: t('POS_APP_LONG_DESCRIPTION', 'POS Ordering System: Take orders on the phone easily<br />Create orders in your system without the hassle and auto-complete information.<br />Save customer info with their number'),
+      short_description: t('POS_APP_FREE_SHORT_DESCRIPTION', 'Create a loyal and returning community by offering the best customer experience; customer service is always the definite factor for users to keep returning; this fast software will help you understand customers, save their numbers, and order quickly.'),
+      long_description: t('POS_APP_FREE_LONG_DESCRIPTION', 'Create a loyal and returning community by offering the best customer experience; customer service is always the definite factor for users to keep returning; this fast software will help you understand customers, save their numbers, and order quickly.<br /><sub>This is a branded Ordering.co product; use it with your project, email, and password for free; features might be limited.</sub>'),
       icon: <img src={theme.images.icons.posTerminal} alt='pos app icon' />,
       image: theme.images.apps.posApp,
       app_store: 'https://apps.apple.com/us/app/ordering-pos-2-0/id1609520468',
@@ -65,8 +65,8 @@ export const FreeProductsList = (props) => {
       key: 'kiosk_app',
       type: 1,
       title: t('ORDERING_KIOSK', 'Ordering Kiosk _version_').replace('_version_', '2.0'),
-      short_description: t('KIOSK_APP_SHORT_DESCRIPTION', 'Ordering Kiosk completes that final step for each sale'),
-      long_description: t('KIOSK_APP_LONG_DESCRIPTION', 'Did you know that 7 out of 10 customers prefer to make their orders themselves?<br />Ordering Kiosk completes that final step for each sale.'),
+      short_description: t('KIOSK_APP_FREE_SHORT_DESCRIPTION', 'Simplify the ordering process inside your store. Allow your customers to select what they want to purchase products and pay directly in this kiosk—made with the highest tech, intuitive, and modern.'),
+      long_description: t('KIOSK_APP_FREE_LONG_DESCRIPTION', 'Simplify the ordering process inside your store. Allow your customers to select what they want to purchase products and pay directly in this kiosk—made with the highest tech, intuitive, and modern.<br /><sub>This is a branded Ordering.co product; use it with your project, email, and password for free; features might be limited.</sub>'),
       icon: <img src={theme.images.icons.poster} alt='kiosk app icon' />,
       image: theme.images.apps.kioskApp,
       app_store: 'https://apps.apple.com/us/app/ordering-kiosk-2-0/id1609314960',
@@ -76,8 +76,8 @@ export const FreeProductsList = (props) => {
       key: 'call_center',
       type: 2,
       title: t('ORDERING_CALL_CENTER', 'Call Center _version_').replace('_version_', '2.0'),
-      short_description: t('CALL_CENTER_SHORT_DESCRIPTION', 'Improving your <b>Customer Experience</b> and your <b>Orders Management</b> team processes.<br />Seamlessly integrated with your Ordering Solution.'),
-      long_description: t('CALL_CENTER_LONG_DESCRIPTION', 'Improving your <b>Customer Experience</b> and your <b>Orders Management</b> team processes.<br />Seamlessly integrated with your Ordering Solution.'),
+      short_description: t('CALL_CENTER_FREE_SHORT_DESCRIPTION', 'Take orders over the phone, too; agents will take orders over the phone and create the order for your customers in just a few minutes, using this friendly and intuitive software.'),
+      long_description: t('CALL_CENTER_FREE_LONG_DESCRIPTION', 'Take orders over the phone, too; agents will take orders over the phone and create the order for your customers in just a few minutes, using this friendly and intuitive software.<br /><sub>This is a branded Ordering.co product; use it with your project, email, and password for free; features might be limited.</sub>'),
       icon: <Headset />,
       image: theme.images.apps.callCenterApp,
       web_url: 'https://callcenter.tryordering.com/search'

package/src/components/Downloads/PurchasedProductsList/index.js

@@ -33,8 +33,8 @@ export const PurchasedProductsList = (props) => {
       key: 'store_app',
       type: 1,
       title: t('ORDERING_STORE_APP', 'Store App _version_').replace('_version_', '2.0'),
-      short_description: t('STORE_APP_SHORT_DESCRIPTION', 'Allow your restaurants or business owners to receive their orders on your own white-labeled Orders Manager app.'),
-      long_description: t('STORE_APP_LONG_DESCRIPTION', 'Allow your restaurants or business owners to receive their orders on your own white-labeled Orders Manager app.<br /><br />Use it Branded on your business at no cost.<br />All you need to do is use the Business Owners Credentials that you currently have on your Dashboard.'),
+      short_description: t('STORE_APP_PURCHASE_SHORT_DESCRIPTION', 'Give your business owners or managers a tool to manage their whole business´s incoming orders on the go by installing a branded app on any mobile device they have.'),
+      long_description: t('STORE_APP_PURCHASE_LONG_DESCRIPTION', 'Give your business owners or managers a tool to manage their whole business´s incoming orders on the go by installing a branded app on any mobile device they have.<br /><sub>This App is delivered in less than 5 working days, fully branded with your guidelines.</sub>'),
       icon: <CartPlusFill />,
       image: theme.images.apps.storeApp,
       app_store: 'https://apps.tryordering.com/store/marketplace?category=306&product=1717',
@@ -44,8 +44,8 @@ export const PurchasedProductsList = (props) => {
       key: 'driver_app',
       type: 1,
       title: t('ORDERING_DRIVER_APP', 'Driver App _version_').replace('_version_', '2.0'),
-      short_description: t('DRIVER_APP_SHORT_DESCRIPTION', 'Use it Branded on your business at no cost.'),
-      long_description: t('DRIVER_APP_LONG_DESCRIPTION', 'Use it Branded on your business at no cost.<br />All you need to do is use the Driver Credentials that you currently have on your Dashboard.'),
+      short_description: t('DRIVER_APP_PURCHASE_SHORT_DESCRIPTION', 'Your fleets best companion gives drivers a tool to receive orders, follow optimal routes, add delivery evidence, set orders timing, and control their busy times.'),
+      long_description: t('DRIVER_APP_PURCHASE_LONG_DESCRIPTION', 'Your fleets best companion gives drivers a tool to receive orders, follow optimal routes, add delivery evidence, set orders timing, and control their busy times.<br /><sub>This App is delivered in less than 5 working days, fully branded with your guidelines.</sub>'),
       icon: <img src={theme.images.icons.delivery} alt='delivery app icon' />,
       image: theme.images.apps.driverApp,
       app_store: 'https://apps.tryordering.com/store/marketplace?category=306&product=1718',
@@ -55,8 +55,8 @@ export const PurchasedProductsList = (props) => {
       key: 'pos_app',
       type: 1,
       title: t('ORDERING_POS', 'POS _version_').replace('_version_', '2.0'),
-      short_description: t('POS_APP_SHORT_DESCRIPTION', 'Create orders in your system without the hassle and auto-complete information.'),
-      long_description: t('POS_APP_LONG_DESCRIPTION', 'POS Ordering System: Take orders on the phone easily<br />Create orders in your system without the hassle and auto-complete information.<br />Save customer info with their number'),
+      short_description: t('POS_APP_PURCHASE_SHORT_DESCRIPTION', 'Create a loyal and returning community by offering the best customer experience; customer service is always the definite factor for users to keep returning; this fast software will help you understand customers, save their numbers, and order quickly.'),
+      long_description: t('POS_APP_PURCHASE_LONG_DESCRIPTION', 'Create a loyal and returning community by offering the best customer experience; customer service is always the definite factor for users to keep returning; this fast software will help you understand customers, save their numbers, and order quickly.<br /><sub>This App is delivered in less than 5 working days, fully branded with your guidelines.</sub>'),
       icon: <img src={theme.images.icons.posTerminal} alt='pos app icon' />,
       image: theme.images.apps.posApp,
       app_store: 'https://apps.tryordering.com/store/marketplace?category=306&product=1793',
@@ -66,8 +66,8 @@ export const PurchasedProductsList = (props) => {
       key: 'kiosk_app',
       type: 1,
       title: t('ORDERING_KIOSK', 'Ordering Kiosk _version_').replace('_version_', '2.0'),
-      short_description: t('KIOSK_APP_SHORT_DESCRIPTION', 'Ordering Kiosk completes that final step for each sale'),
-      long_description: t('KIOSK_APP_LONG_DESCRIPTION', 'Did you know that 7 out of 10 customers prefer to make their orders themselves?<br />Ordering Kiosk completes that final step for each sale.'),
+      short_description: t('KIOSK_APP_PURCHASE_SHORT_DESCRIPTION', 'Simplify the ordering process inside your store. Allow your customers to select what they want to purchase products and pay directly in this kiosk—made with the highest tech, intuitive, and modern.'),
+      long_description: t('KIOSK_APP_PURCHASE_LONG_DESCRIPTION', 'Simplify the ordering process inside your store. Allow your customers to select what they want to purchase products and pay directly in this kiosk—made with the highest tech, intuitive, and modern.<br /><sub>This App is delivered in less than 5 working days, fully branded with your guidelines.</sub>'),
       icon: <img src={theme.images.icons.poster} alt='kiosk app icon' />,
       image: theme.images.apps.kioskApp,
       app_store: 'https://apps.tryordering.com/store/marketplace?category=306&product=1794',
@@ -77,8 +77,8 @@ export const PurchasedProductsList = (props) => {
       key: 'call_center',
       type: 2,
       title: t('ORDERING_CALL_CENTER', 'Call Center _version_').replace('_version_', '2.0'),
-      short_description: t('CALL_CENTER_SHORT_DESCRIPTION', 'Improving your <b>Customer Experience</b> and your <b>Orders Management</b> team processes.<br />Seamlessly integrated with your Ordering Solution.'),
-      long_description: t('CALL_CENTER_LONG_DESCRIPTION', 'Improving your <b>Customer Experience</b> and your <b>Orders Management</b> team processes.<br />Seamlessly integrated with your Ordering Solution.'),
+      short_description: t('CALL_CENTER_PURCHASE_SHORT_DESCRIPTION', 'Take orders over the phone, too; agents will take orders over the phone and create the order for your customers in just a few minutes, using this friendly and intuitive software.'),
+      long_description: t('CALL_CENTER_PURCHASE_LONG_DESCRIPTION', 'Take orders over the phone, too; agents will take orders over the phone and create the order for your customers in just a few minutes, using this friendly and intuitive software.<br /><sub>This App is delivered in less than 5 working days, fully branded with your guidelines.</sub>'),
       icon: <Headset />,
       image: theme.images.apps.callCenterApp,
       web_url: 'https://apps.tryordering.com/store/marketplace?category=306&product=1792'

package/src/components/Marketing/EnterprisePromotionConditions/index.js

@@ -117,7 +117,8 @@ export const EnterprisePromotionConditions = (props) => {
                     <CheckboxWrapper
                       className='condition-checkbox'
                       active
-                      // onClick={() => handleChangeItem({ [condition.attribute]: null })}
+                      isCursorAllowed
+                      onClick={() => handleChangeItem({ [condition.attribute]: null })}
                     >
                       <Check2 />
                     </CheckboxWrapper>