ordering-ui-admin-external 1.22.6 → 1.23.1

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

@@ -0,0 +1,124 @@
+"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.OrderToPrintTicket = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("../../../utils");
+var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
+var _styles = require("./styles");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var OrderToPrintTicket = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var _configs$driver_tip_t, _configs$driver_tip_u, _order$summary, _replace$trim, _ref2, _ref2$replace, _order$customer$name, _order$customer, _order$customer$middl, _order$customer2, _order$customer$lastn, _order$customer3, _order$customer$secon, _order$customer4, _getOrderStatus, _order$paymethod, _order$customer5, _order$customer6, _order$customer7, _order$customer8, _order$customer9, _order$customer10, _order$customer11, _order$business, _order$business2, _order$business3, _order$business4, _order$business5, _order$business6, _order$business7, _order$business8, _order$business9, _order$products, _order$products2, _ref3, _order$summary2, _order$summary3, _order$summary$subtot, _order$summary4, _order$summary5, _order$summary6, _order$summary7, _order$summary8, _order$summary$tax, _order$summary9, _order$summary10, _order$summary11, _order$summary$driver, _order$summary12, _order$summary13, _order$summary$servic, _order$summary14, _order$summary$total, _order$summary15;
+  var order = props.order,
+    getOrderStatus = props.getOrderStatus;
+  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 _useUtils = (0, _orderingComponentsAdminExternal.useUtils)(),
+    _useUtils2 = _slicedToArray(_useUtils, 1),
+    _useUtils2$ = _useUtils2[0],
+    parseDate = _useUtils2$.parseDate,
+    parsePrice = _useUtils2$.parsePrice,
+    parseNumber = _useUtils2$.parseNumber;
+  var deliveryStatus = {
+    1: t('DELIVERY', 'Delivery'),
+    2: t('PICK_UP', 'Pick up'),
+    3: t('EAT_IN', 'Eat In'),
+    4: t('CURBSIDE', 'Curbside'),
+    5: t('DRIVER_THRU', 'Driver thru')
+  };
+  var getProductPrice = function getProductPrice(product) {
+    var subOptionPrice = 0;
+    if (Array.isArray(product.options)) {
+      var _product$options;
+      if (((_product$options = product.options) === null || _product$options === void 0 ? void 0 : _product$options.length) > 0) {
+        var _iterator = _createForOfIteratorHelper(product.options),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var option = _step.value;
+            var _iterator2 = _createForOfIteratorHelper(option.suboptions),
+              _step2;
+            try {
+              for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                var suboption = _step2.value;
+                subOptionPrice += suboption.quantity * suboption.price;
+              }
+            } catch (err) {
+              _iterator2.e(err);
+            } finally {
+              _iterator2.f();
+            }
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      }
+    }
+    var price = product.quantity * (product.price + subOptionPrice);
+    return parseFloat(price.toFixed(2));
+  };
+  var getFormattedSubOptionName = function getFormattedSubOptionName(_ref) {
+    var quantity = _ref.quantity,
+      name = _ref.name,
+      position = _ref.position,
+      price = _ref.price;
+    if (name !== 'No') {
+      var pos = position && position !== 'whole' ? "(".concat(t(position.toUpperCase(), position), ")") : '';
+      return pos ? "".concat(quantity, " x ").concat(name, " ").concat(pos, " + ").concat(parsePrice(price)) : "".concat(quantity, " x ").concat(name, " + ").concat(parsePrice(price));
+    } else {
+      return 'No';
+    }
+  };
+  var getSuboptions = function getSuboptions(suboptions) {
+    var array = [];
+    (suboptions === null || suboptions === void 0 ? void 0 : suboptions.length) > 0 && (suboptions === null || suboptions === void 0 ? void 0 : suboptions.map(function (suboption) {
+      var string = "".concat(getFormattedSubOptionName(suboption));
+      array.push(string);
+    }));
+    return array.join('');
+  };
+  var getOptions = function getOptions(options) {
+    var productComment = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    var array = [];
+    (options === null || options === void 0 ? void 0 : options.length) && (options === null || options === void 0 ? void 0 : options.map(function (option) {
+      var string = "".concat(option.name, " ").concat(getSuboptions(option.suboptions));
+      array.push(string);
+    }));
+    if (productComment) {
+      array.push("".concat(t('COMMENT', 'Comment')).concat(productComment));
+    }
+    return array;
+  };
+  var percentTip = parseInt(configs === null || configs === void 0 ? void 0 : (_configs$driver_tip_t = configs.driver_tip_type) === null || _configs$driver_tip_t === void 0 ? void 0 : _configs$driver_tip_t.value, 10) === 2 && !parseInt(configs === null || configs === void 0 ? void 0 : (_configs$driver_tip_u = configs.driver_tip_use_custom) === null || _configs$driver_tip_u === void 0 ? void 0 : _configs$driver_tip_u.value, 10) && (0, _utils.verifyDecimals)(order === null || order === void 0 ? void 0 : (_order$summary = order.summary) === null || _order$summary === void 0 ? void 0 : _order$summary.driver_tip, parseNumber);
+  var customerName = (_replace$trim = (_ref2 = "".concat((_order$customer$name = order === null || order === void 0 ? void 0 : (_order$customer = order.customer) === null || _order$customer === void 0 ? void 0 : _order$customer.name) !== null && _order$customer$name !== void 0 ? _order$customer$name : '', " ").concat((_order$customer$middl = order === null || order === void 0 ? void 0 : (_order$customer2 = order.customer) === null || _order$customer2 === void 0 ? void 0 : _order$customer2.middle_name) !== null && _order$customer$middl !== void 0 ? _order$customer$middl : '', " ").concat((_order$customer$lastn = order === null || order === void 0 ? void 0 : (_order$customer3 = order.customer) === null || _order$customer3 === void 0 ? void 0 : _order$customer3.lastname) !== null && _order$customer$lastn !== void 0 ? _order$customer$lastn : '', " ").concat((_order$customer$secon = order === null || order === void 0 ? void 0 : (_order$customer4 = order.customer) === null || _order$customer4 === void 0 ? void 0 : _order$customer4.second_lastname) !== null && _order$customer$secon !== void 0 ? _order$customer$secon : '')) === null || _ref2 === void 0 ? void 0 : (_ref2$replace = _ref2.replace('  ', ' ')) === null || _ref2$replace === void 0 ? void 0 : _ref2$replace.trim()) !== null && _replace$trim !== void 0 ? _replace$trim : '';
+  return /*#__PURE__*/_react.default.createElement(_styles.PrintContainer, {
+    ref: ref
+  }, /*#__PURE__*/_react.default.createElement("h1", null, t('ORDER_NO', 'Order No.'), " ", order.id), /*#__PURE__*/_react.default.createElement(_styles.PrintTextContainer, null, (_getOrderStatus = getOrderStatus(order === null || order === void 0 ? void 0 : order.status)) === null || _getOrderStatus === void 0 ? void 0 : _getOrderStatus.value, /*#__PURE__*/_react.default.createElement("br", null), t('DELIVERY_TYPE', 'Delivery Type'), ": ", deliveryStatus[order === null || order === void 0 ? void 0 : order.delivery_type], /*#__PURE__*/_react.default.createElement("br", null), t('DELIVERY_DATE', 'Delivery Date'), ": ", order !== null && order !== void 0 && order.delivery_datetime_utc ? parseDate(order === null || order === void 0 ? void 0 : order.delivery_datetime_utc) : parseDate(order === null || order === void 0 ? void 0 : order.delivery_datetime, {
+    utc: false
+  }), /*#__PURE__*/_react.default.createElement("br", null), t('PAYMENT_METHOD'), ": ", order === null || order === void 0 ? void 0 : (_order$paymethod = order.paymethod) === null || _order$paymethod === void 0 ? void 0 : _order$paymethod.name), /*#__PURE__*/_react.default.createElement("h1", null, t('CUSTOMER_DETAILS', 'Customer details')), /*#__PURE__*/_react.default.createElement(_styles.PrintTextContainer, null, t('FULL_NAME', 'Full Name'), ": ", customerName, /*#__PURE__*/_react.default.createElement("br", null), t('EMAIL', 'Email'), ": ", order === null || order === void 0 ? void 0 : (_order$customer5 = order.customer) === null || _order$customer5 === void 0 ? void 0 : _order$customer5.email, /*#__PURE__*/_react.default.createElement("br", null), t('MOBILE_PHONE', 'Mobile Phone'), ": ", order === null || order === void 0 ? void 0 : (_order$customer6 = order.customer) === null || _order$customer6 === void 0 ? void 0 : _order$customer6.cellphone, /*#__PURE__*/_react.default.createElement("br", null), !!(order !== null && order !== void 0 && (_order$customer7 = order.customer) !== null && _order$customer7 !== void 0 && _order$customer7.phone) && "".concat(t('MOBILE_PHONE', 'Mobile Phone'), ": ").concat(order === null || order === void 0 ? void 0 : (_order$customer8 = order.customer) === null || _order$customer8 === void 0 ? void 0 : _order$customer8.phone), t('FULL_ADDRESS', 'Full Addres'), ": ", order === null || order === void 0 ? void 0 : (_order$customer9 = order.customer) === null || _order$customer9 === void 0 ? void 0 : _order$customer9.address, !!(order !== null && order !== void 0 && (_order$customer10 = order.customer) !== null && _order$customer10 !== void 0 && _order$customer10.internal_number) && "".concat(t('INTERNAL_NUMBER', 'Internal Number'), ": ").concat(order === null || order === void 0 ? void 0 : (_order$customer11 = order.customer) === null || _order$customer11 === void 0 ? void 0 : _order$customer11.internal_number), /*#__PURE__*/_react.default.createElement("br", null), !!(order !== null && order !== void 0 && order.customer.zipcode) && "".concat(t('ZIPCODE', 'Zipcode'), ": ").concat(order === null || order === void 0 ? void 0 : order.customer.zipcode)), /*#__PURE__*/_react.default.createElement("h1", null, t('BUSINESS_DETAILS', 'Business details')), /*#__PURE__*/_react.default.createElement(_styles.PrintTextContainer, null, order === null || order === void 0 ? void 0 : (_order$business = order.business) === null || _order$business === void 0 ? void 0 : _order$business.name, /*#__PURE__*/_react.default.createElement("br", null), order === null || order === void 0 ? void 0 : (_order$business2 = order.business) === null || _order$business2 === void 0 ? void 0 : _order$business2.email, /*#__PURE__*/_react.default.createElement("br", null), !!(order !== null && order !== void 0 && (_order$business3 = order.business) !== null && _order$business3 !== void 0 && _order$business3.cellphone) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "".concat(t('BUSINESS_PHONE', 'Business cellphone'), ": ").concat(order === null || order === void 0 ? void 0 : (_order$business4 = order.business) === null || _order$business4 === void 0 ? void 0 : _order$business4.cellphone), /*#__PURE__*/_react.default.createElement("br", null)), !!(order !== null && order !== void 0 && (_order$business5 = order.business) !== null && _order$business5 !== void 0 && _order$business5.phone) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "".concat(t('BUSINESS_PHONE', 'Business Phone'), ": ").concat(order === null || order === void 0 ? void 0 : (_order$business6 = order.business) === null || _order$business6 === void 0 ? void 0 : _order$business6.phone), /*#__PURE__*/_react.default.createElement("br", null)), t('ADDRESS', 'Address'), ": ", order === null || order === void 0 ? void 0 : (_order$business7 = order.business) === null || _order$business7 === void 0 ? void 0 : _order$business7.address, /*#__PURE__*/_react.default.createElement("br", null), !!(order !== null && order !== void 0 && (_order$business8 = order.business) !== null && _order$business8 !== void 0 && _order$business8.address_notes) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "".concat(t('SPECIAL_ADDRESS', 'Special Address'), ": ").concat(order === null || order === void 0 ? void 0 : (_order$business9 = order.business) === null || _order$business9 === void 0 ? void 0 : _order$business9.address_notes), /*#__PURE__*/_react.default.createElement("br", null))), /*#__PURE__*/_react.default.createElement("h1", null, t('ORDER_DETAILS', 'Order Details')), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_styles.PrintProductsContainer, null, (order === null || order === void 0 ? void 0 : (_order$products = order.products) === null || _order$products === void 0 ? void 0 : _order$products.length) && (order === null || order === void 0 ? void 0 : (_order$products2 = order.products) === null || _order$products2 === void 0 ? void 0 : _order$products2.map(function (product, i) {
+    var _product$total, _getOptions;
+    return /*#__PURE__*/_react.default.createElement(_styles.PrintProducts, {
+      key: i
+    }, /*#__PURE__*/_react.default.createElement(_styles.Products, null, /*#__PURE__*/_react.default.createElement(_styles.InsideInfo, null, "".concat(product === null || product === void 0 ? void 0 : product.quantity, "x ").concat(product === null || product === void 0 ? void 0 : product.name)), /*#__PURE__*/_react.default.createElement(_styles.InsideInfo2, null, parsePrice((_product$total = product === null || product === void 0 ? void 0 : product.total) !== null && _product$total !== void 0 ? _product$total : getProductPrice(product)))), /*#__PURE__*/_react.default.createElement(_styles.ProdcutCommentsContainer, null, (_getOptions = getOptions(product === null || product === void 0 ? void 0 : product.options, product === null || product === void 0 ? void 0 : product.comment)) === null || _getOptions === void 0 ? void 0 : _getOptions.map(function (option) {
+      return /*#__PURE__*/_react.default.createElement(_styles.ProductComments, null, option);
+    })));
+  }))), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_styles.InfoContainer, null, /*#__PURE__*/_react.default.createElement(_styles.InsideInfo, null, t('SUBTOTAL', 'Subtotal')), /*#__PURE__*/_react.default.createElement(_styles.InsideInfo2, null, parsePrice((order === null || order === void 0 ? void 0 : order.tax_type) === 1 ? (_ref3 = (order === null || order === void 0 ? void 0 : (_order$summary2 = order.summary) === null || _order$summary2 === void 0 ? void 0 : _order$summary2.subtotal) + (order === null || order === void 0 ? void 0 : (_order$summary3 = order.summary) === null || _order$summary3 === void 0 ? void 0 : _order$summary3.tax)) !== null && _ref3 !== void 0 ? _ref3 : 0 : (_order$summary$subtot = order === null || order === void 0 ? void 0 : (_order$summary4 = order.summary) === null || _order$summary4 === void 0 ? void 0 : _order$summary4.subtotal) !== null && _order$summary$subtot !== void 0 ? _order$summary$subtot : 0))), /*#__PURE__*/_react.default.createElement(_styles.InfoContainer, null, (order === null || order === void 0 ? void 0 : (_order$summary5 = order.summary) === null || _order$summary5 === void 0 ? void 0 : _order$summary5.discount) > 0 ? (order === null || order === void 0 ? void 0 : order.offer_type) === 1 ? /*#__PURE__*/_react.default.createElement(_styles.InsideInfo, null, t('DISCOUNT', 'Discount'), " (", (0, _utils.verifyDecimals)(order === null || order === void 0 ? void 0 : order.offer_rate, parsePrice), "%)") : /*#__PURE__*/_react.default.createElement(_styles.InsideInfo, null, " ", t('DISCOUNT', 'Discount')) : '', (order === null || order === void 0 ? void 0 : (_order$summary6 = order.summary) === null || _order$summary6 === void 0 ? void 0 : _order$summary6.discount) > 0 ? /*#__PURE__*/_react.default.createElement(_styles.InsideInfo2, null, "- ", parsePrice(order === null || order === void 0 ? void 0 : (_order$summary7 = order.summary) === null || _order$summary7 === void 0 ? void 0 : _order$summary7.discount)) : ''), (order === null || order === void 0 ? void 0 : order.tax_type) !== 1 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.InfoContainer, null, /*#__PURE__*/_react.default.createElement(_styles.InsideInfo, null, t('TAX', 'Tax'), ' ', "(".concat((0, _utils.verifyDecimals)(order === null || order === void 0 ? void 0 : (_order$summary8 = order.summary) === null || _order$summary8 === void 0 ? void 0 : _order$summary8.tax_rate, parseNumber), "%)")), /*#__PURE__*/_react.default.createElement(_styles.InsideInfo2, null, parsePrice((_order$summary$tax = order === null || order === void 0 ? void 0 : (_order$summary9 = order.summary) === null || _order$summary9 === void 0 ? void 0 : _order$summary9.tax) !== null && _order$summary$tax !== void 0 ? _order$summary$tax : 0)))), (order === null || order === void 0 ? void 0 : (_order$summary10 = order.summary) === null || _order$summary10 === void 0 ? void 0 : _order$summary10.delivery_price) > 0 && /*#__PURE__*/_react.default.createElement(_styles.InfoContainer, null, /*#__PURE__*/_react.default.createElement(_styles.InsideInfo, null, t('DELIVERY_FEE', 'Delivery Fee')), /*#__PURE__*/_react.default.createElement(_styles.InsideInfo2, null, parsePrice(order === null || order === void 0 ? void 0 : (_order$summary11 = order.summary) === null || _order$summary11 === void 0 ? void 0 : _order$summary11.delivery_price))), /*#__PURE__*/_react.default.createElement(_styles.InfoContainer, null, /*#__PURE__*/_react.default.createElement(_styles.InsideInfo, null, t('DRIVER_TIP', 'Driver tip'), percentTip ? "(".concat(percentTip, "%)") : ''), /*#__PURE__*/_react.default.createElement(_styles.InsideInfo2, null, parsePrice((_order$summary$driver = order === null || order === void 0 ? void 0 : (_order$summary12 = order.summary) === null || _order$summary12 === void 0 ? void 0 : _order$summary12.driver_tip) !== null && _order$summary$driver !== void 0 ? _order$summary$driver : 0))), /*#__PURE__*/_react.default.createElement(_styles.InfoContainer, null, /*#__PURE__*/_react.default.createElement(_styles.InsideInfo, null, t('SERVICE_FEE', 'Service Fee'), "(", (0, _utils.verifyDecimals)(order === null || order === void 0 ? void 0 : (_order$summary13 = order.summary) === null || _order$summary13 === void 0 ? void 0 : _order$summary13.service_fee, parseNumber), "%)"), /*#__PURE__*/_react.default.createElement(_styles.InsideInfo2, null, parsePrice((_order$summary$servic = order === null || order === void 0 ? void 0 : (_order$summary14 = order.summary) === null || _order$summary14 === void 0 ? void 0 : _order$summary14.service_fee) !== null && _order$summary$servic !== void 0 ? _order$summary$servic : 0))), /*#__PURE__*/_react.default.createElement(_styles.InfoContainer, null, /*#__PURE__*/_react.default.createElement(_styles.InsideInfo, null, t('TOTAL', 'Total')), /*#__PURE__*/_react.default.createElement(_styles.InsideInfo2, null, parsePrice((_order$summary$total = order === null || order === void 0 ? void 0 : (_order$summary15 = order.summary) === null || _order$summary15 === void 0 ? void 0 : _order$summary15.total) !== null && _order$summary$total !== void 0 ? _order$summary$total : 0))));
+});
+exports.OrderToPrintTicket = OrderToPrintTicket;

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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Products = exports.ProductComments = exports.ProdcutCommentsContainer = exports.PrintTextContainer = exports.PrintProductsContainer = exports.PrintProducts = exports.PrintContainer = exports.InsideInfo2 = exports.InsideInfo = exports.InfoContainer = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var PrintContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: none;\n  font-family: arial !important;\n  color: #000 !important;\n  padding: 80px 50px;\n  max-width: 420px;\n\n  > h1 {\n    font-size: 20px;\n    font-weight: 700;\n    margin: 0;\n  }\n\n  @media print {\n    display: block;\n\n    @page { size: portrait; }\n  }\n"])));
+exports.PrintContainer = PrintContainer;
+var PrintTextContainer = _styledComponents.default.p(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-size: 16px\n"])));
+exports.PrintTextContainer = PrintTextContainer;
+var PrintProductsContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction:column;\n"])));
+exports.PrintProductsContainer = PrintProductsContainer;
+var PrintProducts = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flexDirection:row;\n  flex-wrap:wrap;\n"])));
+exports.PrintProducts = PrintProducts;
+var Products = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display:flex;\n  width:100%;\n"])));
+exports.Products = Products;
+var ProdcutCommentsContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  font-size: 16px;\n  width:100%;\n"])));
+exports.ProdcutCommentsContainer = ProdcutCommentsContainer;
+var ProductComments = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  margin-left: 10px;\n"])));
+exports.ProductComments = ProductComments;
+var InfoContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
+exports.InfoContainer = InfoContainer;
+var InsideInfo = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display:flex;\n  justify-content: flex-start;\n  font-size: 16px;\n  width: 70%\n  font-weight: bold\n"])));
+exports.InsideInfo = InsideInfo;
+var InsideInfo2 = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display:flex;\n  justify-content: flex-end;\n  font-size: 16px;\n  width: 30%\n"])));
+exports.InsideInfo2 = InsideInfo2;

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

@@ -34,7 +34,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var OrdersTable = function OrdersTable(props) {
-  var _orderList$orders3;
+  var _configState$configs, _configState$configs$, _orderList$orders3;
   var isSelectedOrders = props.isSelectedOrders,
     orderList = props.orderList,
     pagination = props.pagination,
@@ -86,6 +86,7 @@ var OrdersTable = function OrdersTable(props) {
   var _useConfig = (0, _orderingComponentsAdminExternal.useConfig)(),
     _useConfig2 = _slicedToArray(_useConfig, 1),
     configState = _useConfig2[0];
+  var isEnabledRowInColor = (configState === null || configState === void 0 ? void 0 : (_configState$configs = configState.configs) === null || _configState$configs === void 0 ? void 0 : (_configState$configs$ = _configState$configs.row_in_color_enabled) === null || _configState$configs$ === void 0 ? void 0 : _configState$configs$.value) === '1';
   var optionsDefault = [{
     value: 'status',
     content: t('STATUS', 'Status')
@@ -95,6 +96,9 @@ var OrdersTable = function OrdersTable(props) {
   }, {
     value: 'cartGroupId',
     content: t('GROUP_ORDER', 'Group Order')
+  }, {
+    value: 'driverGroupId',
+    content: t('EXPORT_DRIVER_GROUP_ID', 'Driver Group Id')
   }, {
     value: 'dateTime',
     content: t('DATE_TIME', 'Date and time')
@@ -149,9 +153,9 @@ var OrdersTable = function OrdersTable(props) {
     return finalTaget;
   };
   var getStatusClassName = function getStatusClassName(minutes) {
-    var _configState$configs, _configState$configs$;
+    var _configState$configs2, _configState$configs3;
     if (isNaN(Number(minutes))) return 'in_time';
-    var delayTime = configState === null || configState === void 0 ? void 0 : (_configState$configs = configState.configs) === null || _configState$configs === void 0 ? void 0 : (_configState$configs$ = _configState$configs.order_deadlines_delayed_time) === null || _configState$configs$ === void 0 ? void 0 : _configState$configs$.value;
+    var delayTime = configState === null || configState === void 0 ? void 0 : (_configState$configs2 = configState.configs) === null || _configState$configs2 === void 0 ? void 0 : (_configState$configs3 = _configState$configs2.order_deadlines_delayed_time) === null || _configState$configs3 === void 0 ? void 0 : _configState$configs3.value;
     return minutes > 0 ? 'in_time' : Math.abs(minutes) <= delayTime ? 'at_risk' : 'delayed';
   };
   (0, _react.useEffect)(function () {
@@ -496,7 +500,7 @@ var OrdersTable = function OrdersTable(props) {
       alt: "six dots"
     }), /*#__PURE__*/_react.default.createElement("span", null, (_allowColumns$column9 = allowColumns[column]) === null || _allowColumns$column9 === void 0 ? void 0 : _allowColumns$column9.title)));
   })))), orderList.loading || !allowColumns ? _toConsumableArray(Array(10).keys()).map(function (i) {
-    var _allowColumns$slaBar2, _allowColumns$orderNu2, _allowColumns$dateTim2, _allowColumns$orderNu3, _allowColumns$dateTim3, _allowColumns$externa, _allowColumns$cartGro, _allowColumns$status, _allowColumns$busines, _allowColumns$custome, _allowColumns$driver, _allowColumns$deliver, _allowColumns$status2, _allowColumns$advance, _allowColumns$advance2, _allowColumns$advance3, _allowColumns$total;
+    var _allowColumns$slaBar2, _allowColumns$orderNu2, _allowColumns$dateTim2, _allowColumns$orderNu3, _allowColumns$dateTim3, _allowColumns$externa, _allowColumns$cartGro, _allowColumns$driverG, _allowColumns$status, _allowColumns$busines, _allowColumns$custome, _allowColumns$driver, _allowColumns$deliver, _allowColumns$status2, _allowColumns$advance, _allowColumns$advance2, _allowColumns$advance3, _allowColumns$total;
     return /*#__PURE__*/_react.default.createElement(_styles.OrderTbody, {
       key: i
     }, /*#__PURE__*/_react.default.createElement("tr", null, (allowColumns === null || allowColumns === void 0 ? void 0 : (_allowColumns$slaBar2 = allowColumns.slaBar) === null || _allowColumns$slaBar2 === void 0 ? void 0 : _allowColumns$slaBar2.visable) && /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles.Timestatus, null)), /*#__PURE__*/_react.default.createElement("td", {
@@ -529,6 +533,14 @@ var OrdersTable = function OrdersTable(props) {
       className: "bold"
     }, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
       width: 100
+    }))))), (allowColumns === null || allowColumns === void 0 ? void 0 : (_allowColumns$driverG = allowColumns.driverGroupId) === null || _allowColumns$driverG === void 0 ? void 0 : _allowColumns$driverG.visable) && /*#__PURE__*/_react.default.createElement("td", {
+      className: "statusInfo"
+    }, /*#__PURE__*/_react.default.createElement(_styles.StatusInfo, null, /*#__PURE__*/_react.default.createElement("div", {
+      className: "info"
+    }, /*#__PURE__*/_react.default.createElement("p", {
+      className: "bold"
+    }, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
+      width: 100
     }))))), (allowColumns === null || allowColumns === void 0 ? void 0 : (_allowColumns$status = allowColumns.status) === null || _allowColumns$status === void 0 ? void 0 : _allowColumns$status.visable) && !isSelectedOrders && /*#__PURE__*/_react.default.createElement("td", {
       className: "statusInfo"
     }, /*#__PURE__*/_react.default.createElement(_styles.StatusInfo, null, /*#__PURE__*/_react.default.createElement("div", {
@@ -634,7 +646,7 @@ var OrdersTable = function OrdersTable(props) {
         return handleClickOrder(order, e);
       },
       "data-tour": i === 0 ? 'tour_start' : '',
-      "data-status": getStatusClassName(getDelayMinutes(order))
+      "data-status": isEnabledRowInColor && getStatusClassName(getDelayMinutes(order))
     }, /*#__PURE__*/_react.default.createElement("tr", null, Object.keys(allowColumns).filter(function (col) {
       var _allowColumns$col7;
       return (_allowColumns$col7 = allowColumns[col]) === null || _allowColumns$col7 === void 0 ? void 0 : _allowColumns$col7.visable;
@@ -695,6 +707,14 @@ var OrdersTable = function OrdersTable(props) {
           className: "bold"
         }, t('No', 'No'), ". ", order === null || order === void 0 ? void 0 : order.cart_group_id)));
       }
+      if (column === 'driverGroupId') {
+        return /*#__PURE__*/_react.default.createElement("td", {
+          className: "orderGroupId",
+          key: "cart_group_id".concat(i, "-").concat(index)
+        }, /*#__PURE__*/_react.default.createElement(_styles.StatusInfo, null, (order === null || order === void 0 ? void 0 : order.driver_group_id) && /*#__PURE__*/_react.default.createElement("p", {
+          className: "bold"
+        }, t('No', 'No'), ". ", order === null || order === void 0 ? void 0 : order.driver_group_id)));
+      }
       if (column === 'business') {
         var _order$business, _theme$images, _theme$images$dummies, _order$business2, _order$business3, _order$business3$city;
         return /*#__PURE__*/_react.default.createElement("td", {

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

@@ -132,7 +132,7 @@ var DoordashConnectUI = function DoordashConnectUI(props) {
       }
     }, t('VIEW_ARTICLE', 'View Article'))), /*#__PURE__*/_react.default.createElement(_styles2.Paragraph, null, /*#__PURE__*/_react.default.createElement("h2", null, t('SUPPORT', 'Support')), /*#__PURE__*/_react.default.createElement("p", null, t('DOORDASH_CONNECT_SUPPORT', 'Are you having trouble connecting this, or are you looking to get it elsewhere besides the USA?')), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("a", {
       onClick: function onClick() {
-        return handleGoToLink(t('DOORDASH_CONNECT_SUPPORT_LINK', 'https://www.ordering.co/ordering-support'));
+        return handleGoToLink(t('DOORDASH_CONNECT_SUPPORT_LINK', 'https://www.ordering.co/contact-ordering'));
       }
     }, t('CONTACT_US', 'Contact us')), "; ", /*#__PURE__*/_react.default.createElement("span", null, t('WE_ARE_HAPPY_TO_HELP', 'we are happy to help.')))), /*#__PURE__*/_react.default.createElement(_styles2.Paragraph, null, /*#__PURE__*/_react.default.createElement("h2", null, t('PRICE_INSTALATION', 'Price and installation time.')), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("span", {
       className: "bold"
@@ -140,7 +140,7 @@ var DoordashConnectUI = function DoordashConnectUI(props) {
       outline: true,
       color: "primary",
       onClick: function onClick() {
-        return handleGoToLink(t('PURCHASE_INTEGRATION_LINK', 'https://www.ordering.co/ordering-sales'));
+        return handleGoToLink(t('PURCHASE_INTEGRATION_LINK', 'https://www.ordering.co/en-us/contact-ordering'));
       }
     }, t('PURCHASE_INTEGRATION', 'Purchase Integration')))));
   };

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

@@ -140,7 +140,7 @@ var LalaMoveConnectUI = function LalaMoveConnectUI(props) {
       outline: true,
       color: "primary",
       onClick: function onClick() {
-        return handleGoToLink(t('PURCHASE_INTEGRATION_LINK', 'https://www.ordering.co/ordering-sales'));
+        return handleGoToLink(t('PURCHASE_INTEGRATION_LINK', 'https://www.ordering.co/en-us/contact-ordering'));
       }
     }, t('PURCHASE_INTEGRATION', 'Purchase Integration')))));
   };

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

@@ -128,7 +128,7 @@ var PickerExpressUI = function PickerExpressUI(props) {
       active: true
     }, t('GENERAL', 'General')))), /*#__PURE__*/_react.default.createElement(_styles2.Paragraph, null, /*#__PURE__*/_react.default.createElement("h2", null, t('REQUIREMENTS', 'Requirements')), /*#__PURE__*/_react.default.createElement("p", null, t('PICKER_EXPRESS_CONNECT_REQUIREMENTS', 'For this integration to work you need: \n' + '1.- Picker Express account. \n' + '2.- The advanced logistics module must be active. \n' + '3.- Package of Ordering.'))), /*#__PURE__*/_react.default.createElement(_styles2.Paragraph, null, /*#__PURE__*/_react.default.createElement("h2", null, t('ARTICLE', 'Article')), /*#__PURE__*/_react.default.createElement("p", null, t('PICKER_EXPRESS_CONNECT_ARTICLE', 'To connect with Picker Express, you’ll have to use plugins, put in your Picker Express credentials, connect your Picker Express account, and create a driver company inside this dashboard; follow the next article step by step and get this connected in less than 5 minutes.')), /*#__PURE__*/_react.default.createElement("a", {
       onClick: function onClick() {
-        return handleGoToLink(t('PICKER_EXPRESS_CONNECT_ARTICLE_LINK', 'https://support.ordering.co/hc/en-us/articles/10673894748941'));
+        return handleGoToLink(t('PICKER_EXPRESS_CONNECT_ARTICLE_LINK', 'https://support.ordering.co/hc/en-us/articles/13007335725069'));
       }
     }, t('VIEW_ARTICLE', 'View Article'))), /*#__PURE__*/_react.default.createElement(_styles2.Paragraph, null, /*#__PURE__*/_react.default.createElement("h2", null, t('SUPPORT', 'Support')), /*#__PURE__*/_react.default.createElement("p", null, t('PICKER_EXPRESS_CONNECT_SUPPORT', 'Are you having trouble connecting this?')), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("a", {
       onClick: function onClick() {
@@ -140,7 +140,7 @@ var PickerExpressUI = function PickerExpressUI(props) {
       outline: true,
       color: "primary",
       onClick: function onClick() {
-        return handleGoToLink(t('PURCHASE_INTEGRATION_LINK', 'https://www.ordering.co/ordering-sales'));
+        return handleGoToLink(t('PURCHASE_INTEGRATION_LINK', 'https://www.ordering.co/en-us/contact-ordering'));
       }
     }, t('PURCHASE_INTEGRATION', 'Purchase Integration')))));
   };

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

@@ -228,7 +228,7 @@ var SettingsUI = function SettingsUI(props) {
     }
   }, /*#__PURE__*/_react.default.createElement(_SettingItemUI.SettingItemUI, {
     title: t('CARD_FIELDS', 'Card fields'),
-    description: t('CARD_FIELDS_DESC'),
+    description: t('CARD_FIELDS_DESC', 'Manage your card fields'),
     icon: /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.CreditCard, null),
     active: isOpenSettingDetails === 'card'
   })), /*#__PURE__*/_react.default.createElement(_styles2.SettingItemWrapper, {

package/_modules/components/SidebarMenu/index.js

@@ -183,6 +183,11 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
     title: t('BRANDS', 'Brands'),
     pageName: 'brand',
     url: '/stores/brand'
+  }, {
+    id: 4,
+    title: t('DEVICES', 'Devices'),
+    pageName: 'devices',
+    url: '/stores/devices'
   }];
   var usersSubMenus = [{
     id: 1,

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

@@ -0,0 +1,188 @@
+"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.BusinessDeviceDetail = 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 _FirstSelect = require("../../../styles/Select/FirstSelect");
+var _styledComponents = require("styled-components");
+var _Shared = require("../../Shared");
+var _styles2 = require("./styles");
+var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
+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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var BusinessDeviceDetailUI = function BusinessDeviceDetailUI(props) {
+  var _formState$changes$na, _formState$changes3, _formState$changes$bu, _formState$changes4, _formState$changes$co, _formState$changes5;
+  var selectedDevice = props.selectedDevice,
+    deleteDevice = props.deleteDevice,
+    formState = props.formState,
+    handleChangeFormState = props.handleChangeFormState,
+    businessList = props.businessList,
+    updateDevice = props.updateDevice,
+    addDevice = props.addDevice;
+  var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
+    _useLanguage2 = _slicedToArray(_useLanguage, 2),
+    t = _useLanguage2[1];
+  var theme = (0, _styledComponents.useTheme)();
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isExpand = _useState2[0],
+    setIsExpand = _useState2[1];
+  var _useState3 = (0, _react.useState)(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    businessOptions = _useState4[0],
+    setBusinessOptions = _useState4[1];
+  var _useState5 = (0, _react.useState)(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    searchValue = _useState6[0],
+    setSearchValue = _useState6[1];
+  var _useState7 = (0, _react.useState)({
+      open: false,
+      content: []
+    }),
+    _useState8 = _slicedToArray(_useState7, 2),
+    alertState = _useState8[0],
+    setAlertState = _useState8[1];
+  var moreOptions = [{
+    value: 0,
+    content: t('DELETE', 'Delete')
+  }];
+  var expandSideBar = function expandSideBar() {
+    var element = document.getElementById('deviceDetails');
+    if (!element) return;
+    if (isExpand) element.style.width = '500px';else element.style.width = '100vw';
+    setIsExpand(function (prev) {
+      return !prev;
+    });
+  };
+  var closeAlert = function closeAlert() {
+    setAlertState({
+      open: false,
+      content: []
+    });
+  };
+  var handleSubmit = function handleSubmit() {
+    var _formState$changes, _formState$changes2;
+    var errors = [];
+    if ((formState === null || formState === void 0 ? void 0 : (_formState$changes = formState.changes) === null || _formState$changes === void 0 ? void 0 : _formState$changes.name) !== undefined && !(formState !== null && formState !== void 0 && (_formState$changes2 = formState.changes) !== null && _formState$changes2 !== void 0 && _formState$changes2.name)) {
+      errors.push(t('VALIDATION_ERROR_REQUIRED', 'Name is required').replace('_attribute_', t('NAME', 'Name')));
+    }
+    if (errors.length > 0) {
+      setAlertState({
+        open: true,
+        content: errors
+      });
+      return;
+    }
+    selectedDevice ? updateDevice(selectedDevice === null || selectedDevice === void 0 ? void 0 : selectedDevice.id) : addDevice();
+  };
+  (0, _react.useEffect)(function () {
+    if (businessList !== null && businessList !== void 0 && businessList.loading) return;
+    var options = businessList === null || businessList === void 0 ? void 0 : businessList.businesses.filter(function (option) {
+      return option === null || option === void 0 ? void 0 : option.name.toLocaleLowerCase().includes(searchValue.toLocaleLowerCase());
+    }).map(function (business) {
+      var _theme$images, _theme$images$dummies;
+      return {
+        value: business === null || business === void 0 ? void 0 : business.id,
+        content: /*#__PURE__*/_react.default.createElement(_styles2.Option, null, /*#__PURE__*/_react.default.createElement(_styles2.Logo, {
+          src: (business === null || business === void 0 ? void 0 : business.logo) || ((_theme$images = theme.images) === null || _theme$images === void 0 ? void 0 : (_theme$images$dummies = _theme$images.dummies) === null || _theme$images$dummies === void 0 ? void 0 : _theme$images$dummies.businessLogo)
+        }), business === null || business === void 0 ? void 0 : business.name)
+      };
+    });
+    setBusinessOptions(options);
+  }, [searchValue, businessList]);
+  (0, _react.useEffect)(function () {
+    var _formState$result;
+    if (formState !== null && formState !== void 0 && (_formState$result = formState.result) !== null && _formState$result !== void 0 && _formState$result.error) {
+      var _formState$result2;
+      setAlertState({
+        open: true,
+        content: formState === null || formState === void 0 ? void 0 : (_formState$result2 = formState.result) === null || _formState$result2 === void 0 ? void 0 : _formState$result2.result
+      });
+    }
+  }, [formState === null || formState === void 0 ? void 0 : formState.result]);
+  return /*#__PURE__*/_react.default.createElement(_styles2.Container, null, /*#__PURE__*/_react.default.createElement(_styles2.DetailHeder, null, /*#__PURE__*/_react.default.createElement("div", null, (selectedDevice === null || selectedDevice === void 0 ? void 0 : selectedDevice.name) && /*#__PURE__*/_react.default.createElement("span", null, selectedDevice === null || selectedDevice === void 0 ? void 0 : selectedDevice.name), !selectedDevice && /*#__PURE__*/_react.default.createElement("span", null, t('ADD_NEW_DEVICE', 'Add new device'))), /*#__PURE__*/_react.default.createElement(_styles2.RightHeader, null, /*#__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)), selectedDevice && /*#__PURE__*/_react.default.createElement(_styles2.ActionSelectorWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.DefaultSelect, {
+    placeholder: /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ThreeDots, null),
+    options: moreOptions,
+    onChange: function onChange() {
+      return deleteDevice();
+    }
+  })))), /*#__PURE__*/_react.default.createElement(_styles2.FormControl, null, /*#__PURE__*/_react.default.createElement("label", null, t('NAME', 'Name')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
+    value: (_formState$changes$na = formState === null || formState === void 0 ? void 0 : (_formState$changes3 = formState.changes) === null || _formState$changes3 === void 0 ? void 0 : _formState$changes3.name) !== null && _formState$changes$na !== void 0 ? _formState$changes$na : selectedDevice === null || selectedDevice === void 0 ? void 0 : selectedDevice.name,
+    onChange: function onChange(e) {
+      return handleChangeFormState({
+        name: e.target.value
+      });
+    }
+  })), /*#__PURE__*/_react.default.createElement(_styles2.SelectWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('BUSINESS', 'Business')), businessList !== null && businessList !== void 0 && businessList.loading ? /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
+    height: 44
+  }) : /*#__PURE__*/_react.default.createElement(_FirstSelect.Select, {
+    options: businessOptions,
+    className: "select",
+    defaultValue: (_formState$changes$bu = formState === null || formState === void 0 ? void 0 : (_formState$changes4 = formState.changes) === null || _formState$changes4 === void 0 ? void 0 : _formState$changes4.business_id) !== null && _formState$changes$bu !== void 0 ? _formState$changes$bu : selectedDevice === null || selectedDevice === void 0 ? void 0 : selectedDevice.business_id,
+    placeholder: t('SELECT_OPTION', 'Select an option'),
+    onChange: function onChange(value) {
+      return handleChangeFormState({
+        business_id: value
+      });
+    },
+    isShowSearchBar: true,
+    searchBarIsCustomLayout: true,
+    searchBarIsNotLazyLoad: true,
+    searchValue: searchValue,
+    handleChangeSearch: function handleChangeSearch(val) {
+      return setSearchValue(val);
+    }
+  })), selectedDevice && /*#__PURE__*/_react.default.createElement(_styles2.FormControl, null, /*#__PURE__*/_react.default.createElement("label", null, t('DEVICE_CODE', 'Device Code')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
+    value: (_formState$changes$co = formState === null || formState === void 0 ? void 0 : (_formState$changes5 = formState.changes) === null || _formState$changes5 === void 0 ? void 0 : _formState$changes5.code) !== null && _formState$changes$co !== void 0 ? _formState$changes$co : selectedDevice === null || selectedDevice === void 0 ? void 0 : selectedDevice.code,
+    onChange: function onChange(e) {
+      return handleChangeFormState({
+        code: e.target.value
+      });
+    },
+    disabled: true
+  })), /*#__PURE__*/_react.default.createElement(_styles2.ActionButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
+    color: "primary",
+    onClick: handleSubmit
+  }, t('SAVE', 'Save'))), /*#__PURE__*/_react.default.createElement(_Shared.Alert, {
+    title: t('DEVICES', 'Devices'),
+    content: alertState.content,
+    acceptText: t('ACCEPT', 'Accept'),
+    open: alertState.open,
+    onClose: function onClose() {
+      return closeAlert();
+    },
+    onAccept: function onAccept() {
+      return closeAlert();
+    },
+    closeOnBackdrop: false
+  }));
+};
+var BusinessDeviceDetail = function BusinessDeviceDetail(props) {
+  var businessDeviceDetailProps = _objectSpread(_objectSpread({}, props), {}, {
+    UIComponent: BusinessDeviceDetailUI,
+    propsToFetch: ['id', 'name', 'logo']
+  });
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsAdminExternal.BusinessDeviceDetail, businessDeviceDetailProps);
+};
+exports.BusinessDeviceDetail = BusinessDeviceDetail;

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

@@ -0,0 +1,48 @@
+"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.SelectWrapper = exports.RightHeader = exports.Option = exports.Logo = exports.FormControl = exports.DetailHeder = exports.Container = exports.ActionSelectorWrapper = exports.ActionButtonWrapper = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _polished = require("polished");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
+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  padding: 20px;\n  width: 100%;\n"])));
+exports.Container = Container;
+var DetailHeder = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 25px;\n  ", "\n  > div:first-child {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    > span {\n      font-weight: bold;\n      font-size: 20px;\n    }\n    label {\n      margin: 0 20px;\n    }\n  }\n"])), function (props) {
+  var _props$theme;
+  return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    margin-left: 40px;\n  "]))) : (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    margin-right: 40px;\n  "])));
+});
+exports.DetailHeder = DetailHeder;
+var RightHeader = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
+exports.RightHeader = RightHeader;
+var ActionSelectorWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  .select {\n    border: none;\n\n    > div:first-child {\n      padding: 5px;\n      border-radius: 8px;\n      svg {\n        font-size: 20px;\n      }\n      &:hover {\n        background: ", " !important;\n      }\n      &:active {\n        background: ", " !important;\n      }\n    }\n    .select-arrow {\n      display: none;\n    }\n    .list {\n      .list-wrapper {\n        > div {\n          font-size: 14px;\n          color: #E63757;\n          padding-top: 0;\n          padding-bottom: 0;\n        }\n      }\n    }\n  }\n"])), function (props) {
+  return (0, _polished.darken)(0.04, props.theme.colors.secundary);
+}, function (props) {
+  return (0, _polished.darken)(0.1, props.theme.colors.secundary);
+});
+exports.ActionSelectorWrapper = ActionSelectorWrapper;
+var ActionButtonWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  position: sticky;\n  top: 100%;\n  padding-bottom: 15px;\n  button {\n    border-radius: 8px;\n    height: 44px;\n  }\n"])));
+exports.ActionButtonWrapper = ActionButtonWrapper;
+var FormControl = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  label {\n    font-weight: 400;\n    font-size: 14px;\n    margin-bottom: 9px;\n  }\n  input {\n    width: 100%;\n    height: 44px;\n  }\n"])));
+exports.FormControl = FormControl;
+var SelectWrapper = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  margin: 25px 0;\n\n  label {\n    font-weight: 400;\n    font-size: 14px;\n    margin-bottom: 9px;\n  }\n\n  > div {\n    width: 100%;\n    border: none;\n\n    > div:first-child {\n      background-color: ", ";\n      height: 43px;\n      border: none;\n      border-radius: 7.6px;\n      font-weight: 400;\n      font-size: 14px;\n      line-height: 24px;\n      color: ", ";\n    }\n    .list {\n      background-color: ", ";\n      border: none;\n      \n      .search-bar-container {\n        padding: 10px;\n        input {\n          background-color: transparent;\n          height: 44px;\n        }\n      }\n\n      .list-wrapper {\n        max-height: 300px;\n        > div {\n          padding: 6px 10px;\n          &:hover {\n            background-color: #f2f5f7;\n          }\n        }\n      }\n    }\n  }\n"])), function (props) {
+  return props.theme.colors.secundary;
+}, function (props) {
+  return props.theme.colors.secundaryContrast;
+}, function (props) {
+  return props.theme.colors.secundary;
+});
+exports.SelectWrapper = SelectWrapper;
+var Option = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 24px;\n  color: ", ";\n"])), function (props) {
+  return props.theme.colors.secundaryContrast;
+});
+exports.Option = Option;
+var Logo = _styledComponents.default.img(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  width: 25px;\n  height: 25px;\n  min-width: 25px;\n  border-radius: 8px;\n  margin-right: 15px;\n  ", "\n"])), function (props) {
+  return props.theme.rtl && (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    margin-left: 15px;\n    margin-right: 0;\n  "])));
+});
+exports.Logo = Logo;