ordering-ui-external 1.0.0 → 1.1.1

package/_modules/themes/five/src/components/OrderDetails/index.js

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _RiUser2Fill = _interopRequireDefault(require("@meronex/icons/ri/RiUser2Fill"));
 
@@ -25,7 +25,11 @@ var _Modal = require("../Modal");
 
 var _Messages = require("../Messages");
 
-var _ReviewOrder = require("../../../../../components/ReviewOrder");
+var _ReviewOrder = require("../ReviewOrder");
+
+var _ReviewProduct = require("../ReviewProduct");
+
+var _ReviewDriver = require("../ReviewDriver");
 
 var _ProductShare = require("../../../../../components/ProductShare");
 
@@ -37,14 +41,12 @@ var _OrderPreferencesSections = require("./OrderPreferencesSections");
 
 var _PlaceSpot = require("../PlaceSpot");
 
+var _Confirm = require("../Confirm");
+
 var _styles = require("./styles");
 
 var _styledComponents = require("styled-components");
 
-var _ReviewProduct = require("../../../../../components/ReviewProduct");
-
-var _ReviewDriver = require("../../../../../components/ReviewDriver");
-
 var _TaxInformation = require("../TaxInformation");
 
 var _utils = require("../../../../../utils");
@@ -59,6 +61,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
 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; }
@@ -78,7 +86,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var OrderDetailsUI = function OrderDetailsUI(props) {
-  var _configs$google_maps_, _theme$layouts, _theme$layouts$confir, _theme$layouts$confir2, _theme$layouts$confir3, _theme$layouts2, _theme$layouts2$confi, _theme$layouts2$confi2, _theme$layouts2$confi3, _theme$layouts3, _theme$layouts3$confi, _theme$layouts3$confi2, _theme$layouts3$confi3, _theme$layouts4, _theme$layouts4$confi, _theme$layouts4$confi2, _theme$layouts4$confi3, _theme$layouts5, _theme$layouts5$confi, _theme$layouts5$confi2, _theme$layouts5$confi3, _theme$layouts5$confi4, _theme$layouts5$confi5, _theme$layouts6, _theme$layouts6$confi, _theme$layouts6$confi2, _theme$layouts6$confi3, _theme$layouts6$confi4, _theme$layouts6$confi5, _theme$layouts7, _theme$layouts7$confi, _theme$layouts7$confi2, _theme$layouts7$confi3, _theme$layouts7$confi4, _theme$layouts7$confi5, _theme$layouts8, _theme$layouts8$confi, _theme$layouts8$confi2, _theme$layouts8$confi3, _theme$layouts8$confi4, _theme$layouts8$confi5, _theme$layouts9, _theme$layouts9$confi, _theme$layouts9$confi2, _theme$layouts9$confi3, _theme$layouts9$confi4, _theme$layouts9$confi5, _theme$layouts10, _theme$layouts10$conf, _theme$layouts10$conf2, _theme$layouts10$conf3, _theme$layouts10$conf4, _theme$layouts10$conf5, _theme$layouts11, _theme$layouts11$conf, _theme$layouts11$conf2, _theme$layouts11$conf3, _theme$layouts11$conf4, _theme$layouts11$conf5, _theme$layouts12, _theme$layouts12$conf, _theme$layouts12$conf2, _theme$layouts12$conf3, _theme$layouts12$conf4, _theme$layouts12$conf5, _theme$layouts13, _theme$layouts13$conf, _theme$layouts13$conf2, _theme$layouts13$conf3, _theme$layouts13$conf4, _theme$layouts13$conf5, _theme$layouts14, _theme$layouts14$conf, _theme$layouts14$conf2, _theme$layouts14$conf3, _theme$layouts14$conf4, _theme$layouts14$conf5, _theme$layouts15, _theme$layouts15$conf, _theme$layouts15$conf2, _theme$layouts15$conf3, _theme$layouts15$conf4, _theme$layouts15$conf5, _theme$layouts16, _theme$layouts16$conf, _theme$layouts16$conf2, _theme$layouts16$conf3, _theme$layouts16$conf4, _theme$layouts16$conf5, _theme$layouts17, _theme$layouts17$conf, _theme$layouts17$conf2, _theme$layouts17$conf3, _theme$layouts17$conf4, _theme$layouts17$conf5, _order$driver, _order$driver2, _theme$images, _theme$images$dummies, _order$business, _order$business2, _theme$images2, _theme$images2$dummie, _order$customer, _order$customer2, _theme$images3, _theme$images3$dummie, _theme$defaultLanguag28, _configs$guest_uuid_a, _orderTypes$find, _getOrderStatus, _getOrderStatus2, _theme$defaultLanguag29, _order$business3, _order$business4, _order$business5, _order$business6, _order$business7, _order$place, _order$place2, _getOrderStatus3, _getOrderStatus4, _order$business8, _order$customer3, _order$customer4, _order$customer5, _order$customer6, _order$customer7, _order$customer8, _order$customer9, _order$customer10, _theme$defaultLanguag30, _order$driver4, _order$driver5, _order$driver6, _order$driver7, _order$driver8, _order$driver9, _order$driver10, _order$products, _theme$defaultLanguag31, _theme$defaultLanguag32, _theme$defaultLanguag33, _openTaxModal$data, _openTaxModal$data2, _openTaxModal$data3, _openTaxModal$data4, _openTaxModal$data$fi, _openTaxModal$data5, _openTaxModal$data6;
+  var _configs$google_maps_, _orderingTheme$theme, _orderingTheme$theme$, _orderingTheme$theme$2, _orderingTheme$theme$3, _orderingTheme$theme2, _orderingTheme$theme3, _orderingTheme$theme4, _orderingTheme$theme5, _orderingTheme$theme6, _orderingTheme$theme7, _orderingTheme$theme8, _orderingTheme$theme9, _orderingTheme$theme10, _orderingTheme$theme11, _orderingTheme$theme12, _orderingTheme$theme13, _orderingTheme$theme14, _orderingTheme$theme15, _orderingTheme$theme16, _orderingTheme$theme17, _orderingTheme$theme18, _orderingTheme$theme19, _orderingTheme$theme20, _orderingTheme$theme21, _orderingTheme$theme22, _orderingTheme$theme23, _orderingTheme$theme24, _orderingTheme$theme25, _orderingTheme$theme26, _orderingTheme$theme27, _orderingTheme$theme28, _orderingTheme$theme29, _orderingTheme$theme30, _orderingTheme$theme31, _orderingTheme$theme32, _orderingTheme$theme33, _orderingTheme$theme34, _orderingTheme$theme35, _orderingTheme$theme36, _orderingTheme$theme37, _orderingTheme$theme38, _orderingTheme$theme39, _orderingTheme$theme40, _orderingTheme$theme41, _orderingTheme$theme42, _orderingTheme$theme43, _orderingTheme$theme44, _orderingTheme$theme45, _orderingTheme$theme46, _orderingTheme$theme47, _orderingTheme$theme48, _orderingTheme$theme49, _orderingTheme$theme50, _orderingTheme$theme51, _orderingTheme$theme52, _orderingTheme$theme53, _orderingTheme$theme54, _orderingTheme$theme55, _orderingTheme$theme56, _orderingTheme$theme57, _orderingTheme$theme58, _orderingTheme$theme59, _orderingTheme$theme60, _orderingTheme$theme61, _orderingTheme$theme62, _orderingTheme$theme63, _orderingTheme$theme64, _orderingTheme$theme65, _orderingTheme$theme66, _orderingTheme$theme67, _orderingTheme$theme68, _orderingTheme$theme69, _orderingTheme$theme70, _orderingTheme$theme71, _orderingTheme$theme72, _orderingTheme$theme73, _orderingTheme$theme74, _orderingTheme$theme75, _orderingTheme$theme76, _orderingTheme$theme77, _orderingTheme$theme78, _orderingTheme$theme79, _orderingTheme$theme80, _orderingTheme$theme81, _orderingTheme$theme82, _orderingTheme$theme83, _orderingTheme$theme84, _orderingTheme$theme85, _orderingTheme$theme86, _orderingTheme$theme87, _orderingTheme$theme88, _orderingTheme$theme89, _orderingTheme$theme90, _orderingTheme$theme91, _orderingTheme$theme92, _orderingTheme$theme93, _orderingTheme$theme94, _orderingTheme$theme95, _orderingTheme$theme96, _orderingTheme$theme97, _order$driver, _order$driver2, _theme$images, _theme$images$dummies, _order$business, _order$business2, _theme$images2, _theme$images2$dummie, _order$customer, _order$customer2, _theme$images3, _theme$images3$dummie, _theme$defaultLanguag28, _configs$guest_uuid_a, _orderTypes$find, _getOrderStatus, _getOrderStatus2, _theme$defaultLanguag29, _order$business3, _order$business4, _order$business5, _order$business6, _order$business7, _order$place, _order$place2, _getOrderStatus3, _getOrderStatus4, _order$business8, _order$customer3, _order$customer4, _order$customer5, _order$customer6, _order$customer7, _order$customer8, _order$customer9, _order$customer10, _theme$defaultLanguag30, _order$driver4, _order$driver5, _order$driver6, _order$driver7, _order$driver8, _order$driver9, _order$driver10, _order$products, _theme$defaultLanguag31, _theme$defaultLanguag32, _theme$defaultLanguag33, _openTaxModal$data, _openTaxModal$data2, _openTaxModal$data3, _openTaxModal$data4, _openTaxModal$data$fi, _openTaxModal$data5, _openTaxModal$data6;
 
   var userCustomerId = props.userCustomerId,
       handleChangeOrderStatus = props.handleChangeOrderStatus,
@@ -93,37 +101,42 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
       messagesReadList = props.messagesReadList,
       reorderState = props.reorderState,
       handleReorder = props.handleReorder,
-      orderTypes = props.orderTypes;
+      orderTypes = props.orderTypes,
+      handleRemoveCart = props.handleRemoveCart;
 
-  var _useLanguage = (0, _orderingComponents.useLanguage)(),
+  var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
       _useLanguage2 = _slicedToArray(_useLanguage, 2),
       t = _useLanguage2[1];
 
-  var _useConfig = (0, _orderingComponents.useConfig)(),
+  var _useConfig = (0, _orderingComponentsExternal.useConfig)(),
       _useConfig2 = _slicedToArray(_useConfig, 1),
       configs = _useConfig2[0].configs;
 
   var theme = (0, _styledComponents.useTheme)();
 
-  var _useEvent = (0, _orderingComponents.useEvent)(),
+  var _useEvent = (0, _orderingComponentsExternal.useEvent)(),
       _useEvent2 = _slicedToArray(_useEvent, 1),
       events = _useEvent2[0];
 
-  var _useUtils = (0, _orderingComponents.useUtils)(),
+  var _useUtils = (0, _orderingComponentsExternal.useUtils)(),
       _useUtils2 = _slicedToArray(_useUtils, 1),
       _useUtils2$ = _useUtils2[0],
       parsePrice = _useUtils2$.parsePrice,
       parseDate = _useUtils2$.parseDate;
 
-  var _useCustomer = (0, _orderingComponents.useCustomer)(),
+  var _useCustomer = (0, _orderingComponentsExternal.useCustomer)(),
       _useCustomer2 = _slicedToArray(_useCustomer, 2),
       deleteUserCustomer = _useCustomer2[1].deleteUserCustomer;
 
-  var _useOrder = (0, _orderingComponents.useOrder)(),
+  var _useOrder = (0, _orderingComponentsExternal.useOrder)(),
       _useOrder2 = _slicedToArray(_useOrder, 2),
       carts = _useOrder2[0].carts,
       refreshOrderOptions = _useOrder2[1].refreshOrderOptions;
 
+  var _useOrderingTheme = (0, _orderingComponentsExternal.useOrderingTheme)(),
+      _useOrderingTheme2 = _slicedToArray(_useOrderingTheme, 1),
+      orderingTheme = _useOrderingTheme2[0];
+
   var _useState = (0, _react.useState)({
     business: false,
     driver: false
@@ -187,6 +200,15 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
       isOrderHistory = _useState20[0],
       setIsOrderHistory = _useState20[1];
 
+  var _useState21 = (0, _react.useState)({
+    open: false,
+    content: null,
+    handleOnAccept: null
+  }),
+      _useState22 = _slicedToArray(_useState21, 2),
+      confirm = _useState22[0],
+      setConfirm = _useState22[1];
+
   var _props$order = props.order,
       order = _props$order.order,
       loading = _props$order.loading,
@@ -194,26 +216,27 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
       error = _props$order.error;
   var yourSpotString = (order === null || order === void 0 ? void 0 : order.delivery_type) === 3 ? t('TABLE_NUMBER', 'Table number') : t('SPOT_NUMBER', 'Spot number');
   var acceptedStatus = [1, 2, 5, 6, 10, 11, 12];
+  var completedStatus = [1, 2, 5, 6, 10, 11, 12, 15, 16, 17];
   var placeSpotTypes = [3, 4, 5];
   var googleMapsApiKey = configs === null || configs === void 0 ? void 0 : (_configs$google_maps_ = configs.google_maps_api_key) === null || _configs$google_maps_ === void 0 ? void 0 : _configs$google_maps_.value;
   var showOrderActions = (order === null || order === void 0 ? void 0 : order.delivery_type) !== 1;
-  var isOriginalLayout = (theme === null || theme === void 0 ? void 0 : (_theme$layouts = theme.layouts) === null || _theme$layouts === void 0 ? void 0 : (_theme$layouts$confir = _theme$layouts.confirmation) === null || _theme$layouts$confir === void 0 ? void 0 : (_theme$layouts$confir2 = _theme$layouts$confir.components) === null || _theme$layouts$confir2 === void 0 ? void 0 : (_theme$layouts$confir3 = _theme$layouts$confir2.layout) === null || _theme$layouts$confir3 === void 0 ? void 0 : _theme$layouts$confir3.type) === 'original';
-  var showDeliveryType = !(theme !== null && theme !== void 0 && (_theme$layouts2 = theme.layouts) !== null && _theme$layouts2 !== void 0 && (_theme$layouts2$confi = _theme$layouts2.confirmation) !== null && _theme$layouts2$confi !== void 0 && (_theme$layouts2$confi2 = _theme$layouts2$confi.components) !== null && _theme$layouts2$confi2 !== void 0 && (_theme$layouts2$confi3 = _theme$layouts2$confi2.delivery_type) !== null && _theme$layouts2$confi3 !== void 0 && _theme$layouts2$confi3.hidden);
-  var showDeliveryDate = !(theme !== null && theme !== void 0 && (_theme$layouts3 = theme.layouts) !== null && _theme$layouts3 !== void 0 && (_theme$layouts3$confi = _theme$layouts3.confirmation) !== null && _theme$layouts3$confi !== void 0 && (_theme$layouts3$confi2 = _theme$layouts3$confi.components) !== null && _theme$layouts3$confi2 !== void 0 && (_theme$layouts3$confi3 = _theme$layouts3$confi2.delivery_date) !== null && _theme$layouts3$confi3 !== void 0 && _theme$layouts3$confi3.hidden);
-  var showDeliveryProgress = !(theme !== null && theme !== void 0 && (_theme$layouts4 = theme.layouts) !== null && _theme$layouts4 !== void 0 && (_theme$layouts4$confi = _theme$layouts4.confirmation) !== null && _theme$layouts4$confi !== void 0 && (_theme$layouts4$confi2 = _theme$layouts4$confi.components) !== null && _theme$layouts4$confi2 !== void 0 && (_theme$layouts4$confi3 = _theme$layouts4$confi2.delivery_progress) !== null && _theme$layouts4$confi3 !== void 0 && _theme$layouts4$confi3.hidden);
-  var showBusinessPhone = !(theme !== null && theme !== void 0 && (_theme$layouts5 = theme.layouts) !== null && _theme$layouts5 !== void 0 && (_theme$layouts5$confi = _theme$layouts5.confirmation) !== null && _theme$layouts5$confi !== void 0 && (_theme$layouts5$confi2 = _theme$layouts5$confi.components) !== null && _theme$layouts5$confi2 !== void 0 && (_theme$layouts5$confi3 = _theme$layouts5$confi2.business_information) !== null && _theme$layouts5$confi3 !== void 0 && (_theme$layouts5$confi4 = _theme$layouts5$confi3.components) !== null && _theme$layouts5$confi4 !== void 0 && (_theme$layouts5$confi5 = _theme$layouts5$confi4.phone) !== null && _theme$layouts5$confi5 !== void 0 && _theme$layouts5$confi5.hidden);
-  var showBusinessMessages = !(theme !== null && theme !== void 0 && (_theme$layouts6 = theme.layouts) !== null && _theme$layouts6 !== void 0 && (_theme$layouts6$confi = _theme$layouts6.confirmation) !== null && _theme$layouts6$confi !== void 0 && (_theme$layouts6$confi2 = _theme$layouts6$confi.components) !== null && _theme$layouts6$confi2 !== void 0 && (_theme$layouts6$confi3 = _theme$layouts6$confi2.business_information) !== null && _theme$layouts6$confi3 !== void 0 && (_theme$layouts6$confi4 = _theme$layouts6$confi3.components) !== null && _theme$layouts6$confi4 !== void 0 && (_theme$layouts6$confi5 = _theme$layouts6$confi4.messages) !== null && _theme$layouts6$confi5 !== void 0 && _theme$layouts6$confi5.hidden);
-  var showBusinessEmail = !(theme !== null && theme !== void 0 && (_theme$layouts7 = theme.layouts) !== null && _theme$layouts7 !== void 0 && (_theme$layouts7$confi = _theme$layouts7.confirmation) !== null && _theme$layouts7$confi !== void 0 && (_theme$layouts7$confi2 = _theme$layouts7$confi.components) !== null && _theme$layouts7$confi2 !== void 0 && (_theme$layouts7$confi3 = _theme$layouts7$confi2.business_information) !== null && _theme$layouts7$confi3 !== void 0 && (_theme$layouts7$confi4 = _theme$layouts7$confi3.components) !== null && _theme$layouts7$confi4 !== void 0 && (_theme$layouts7$confi5 = _theme$layouts7$confi4.email) !== null && _theme$layouts7$confi5 !== void 0 && _theme$layouts7$confi5.hidden);
-  var showBusinessAddress = !(theme !== null && theme !== void 0 && (_theme$layouts8 = theme.layouts) !== null && _theme$layouts8 !== void 0 && (_theme$layouts8$confi = _theme$layouts8.confirmation) !== null && _theme$layouts8$confi !== void 0 && (_theme$layouts8$confi2 = _theme$layouts8$confi.components) !== null && _theme$layouts8$confi2 !== void 0 && (_theme$layouts8$confi3 = _theme$layouts8$confi2.business_information) !== null && _theme$layouts8$confi3 !== void 0 && (_theme$layouts8$confi4 = _theme$layouts8$confi3.components) !== null && _theme$layouts8$confi4 !== void 0 && (_theme$layouts8$confi5 = _theme$layouts8$confi4.address) !== null && _theme$layouts8$confi5 !== void 0 && _theme$layouts8$confi5.hidden);
-  var showBusinessMap = !(theme !== null && theme !== void 0 && (_theme$layouts9 = theme.layouts) !== null && _theme$layouts9 !== void 0 && (_theme$layouts9$confi = _theme$layouts9.confirmation) !== null && _theme$layouts9$confi !== void 0 && (_theme$layouts9$confi2 = _theme$layouts9$confi.components) !== null && _theme$layouts9$confi2 !== void 0 && (_theme$layouts9$confi3 = _theme$layouts9$confi2.business_information) !== null && _theme$layouts9$confi3 !== void 0 && (_theme$layouts9$confi4 = _theme$layouts9$confi3.components) !== null && _theme$layouts9$confi4 !== void 0 && (_theme$layouts9$confi5 = _theme$layouts9$confi4.map) !== null && _theme$layouts9$confi5 !== void 0 && _theme$layouts9$confi5.hidden);
-  var showDriverName = !(theme !== null && theme !== void 0 && (_theme$layouts10 = theme.layouts) !== null && _theme$layouts10 !== void 0 && (_theme$layouts10$conf = _theme$layouts10.confirmation) !== null && _theme$layouts10$conf !== void 0 && (_theme$layouts10$conf2 = _theme$layouts10$conf.components) !== null && _theme$layouts10$conf2 !== void 0 && (_theme$layouts10$conf3 = _theme$layouts10$conf2.driver_information) !== null && _theme$layouts10$conf3 !== void 0 && (_theme$layouts10$conf4 = _theme$layouts10$conf3.components) !== null && _theme$layouts10$conf4 !== void 0 && (_theme$layouts10$conf5 = _theme$layouts10$conf4.name) !== null && _theme$layouts10$conf5 !== void 0 && _theme$layouts10$conf5.hidden);
-  var showDriverPhone = !(theme !== null && theme !== void 0 && (_theme$layouts11 = theme.layouts) !== null && _theme$layouts11 !== void 0 && (_theme$layouts11$conf = _theme$layouts11.confirmation) !== null && _theme$layouts11$conf !== void 0 && (_theme$layouts11$conf2 = _theme$layouts11$conf.components) !== null && _theme$layouts11$conf2 !== void 0 && (_theme$layouts11$conf3 = _theme$layouts11$conf2.driver_information) !== null && _theme$layouts11$conf3 !== void 0 && (_theme$layouts11$conf4 = _theme$layouts11$conf3.components) !== null && _theme$layouts11$conf4 !== void 0 && (_theme$layouts11$conf5 = _theme$layouts11$conf4.phone) !== null && _theme$layouts11$conf5 !== void 0 && _theme$layouts11$conf5.hidden);
-  var showDriverMessages = !(theme !== null && theme !== void 0 && (_theme$layouts12 = theme.layouts) !== null && _theme$layouts12 !== void 0 && (_theme$layouts12$conf = _theme$layouts12.confirmation) !== null && _theme$layouts12$conf !== void 0 && (_theme$layouts12$conf2 = _theme$layouts12$conf.components) !== null && _theme$layouts12$conf2 !== void 0 && (_theme$layouts12$conf3 = _theme$layouts12$conf2.driver_information) !== null && _theme$layouts12$conf3 !== void 0 && (_theme$layouts12$conf4 = _theme$layouts12$conf3.components) !== null && _theme$layouts12$conf4 !== void 0 && (_theme$layouts12$conf5 = _theme$layouts12$conf4.messages) !== null && _theme$layouts12$conf5 !== void 0 && _theme$layouts12$conf5.hidden);
-  var showDriverEmail = !(theme !== null && theme !== void 0 && (_theme$layouts13 = theme.layouts) !== null && _theme$layouts13 !== void 0 && (_theme$layouts13$conf = _theme$layouts13.confirmation) !== null && _theme$layouts13$conf !== void 0 && (_theme$layouts13$conf2 = _theme$layouts13$conf.components) !== null && _theme$layouts13$conf2 !== void 0 && (_theme$layouts13$conf3 = _theme$layouts13$conf2.driver_information) !== null && _theme$layouts13$conf3 !== void 0 && (_theme$layouts13$conf4 = _theme$layouts13$conf3.components) !== null && _theme$layouts13$conf4 !== void 0 && (_theme$layouts13$conf5 = _theme$layouts13$conf4.email) !== null && _theme$layouts13$conf5 !== void 0 && _theme$layouts13$conf5.hidden);
-  var showDriverPhoto = !(theme !== null && theme !== void 0 && (_theme$layouts14 = theme.layouts) !== null && _theme$layouts14 !== void 0 && (_theme$layouts14$conf = _theme$layouts14.confirmation) !== null && _theme$layouts14$conf !== void 0 && (_theme$layouts14$conf2 = _theme$layouts14$conf.components) !== null && _theme$layouts14$conf2 !== void 0 && (_theme$layouts14$conf3 = _theme$layouts14$conf2.driver_information) !== null && _theme$layouts14$conf3 !== void 0 && (_theme$layouts14$conf4 = _theme$layouts14$conf3.components) !== null && _theme$layouts14$conf4 !== void 0 && (_theme$layouts14$conf5 = _theme$layouts14$conf4.photo) !== null && _theme$layouts14$conf5 !== void 0 && _theme$layouts14$conf5.hidden);
-  var showCustomerPhone = !(theme !== null && theme !== void 0 && (_theme$layouts15 = theme.layouts) !== null && _theme$layouts15 !== void 0 && (_theme$layouts15$conf = _theme$layouts15.confirmation) !== null && _theme$layouts15$conf !== void 0 && (_theme$layouts15$conf2 = _theme$layouts15$conf.components) !== null && _theme$layouts15$conf2 !== void 0 && (_theme$layouts15$conf3 = _theme$layouts15$conf2.customer_information) !== null && _theme$layouts15$conf3 !== void 0 && (_theme$layouts15$conf4 = _theme$layouts15$conf3.components) !== null && _theme$layouts15$conf4 !== void 0 && (_theme$layouts15$conf5 = _theme$layouts15$conf4.phone) !== null && _theme$layouts15$conf5 !== void 0 && _theme$layouts15$conf5.hidden);
-  var showCustomerAddress = !(theme !== null && theme !== void 0 && (_theme$layouts16 = theme.layouts) !== null && _theme$layouts16 !== void 0 && (_theme$layouts16$conf = _theme$layouts16.confirmation) !== null && _theme$layouts16$conf !== void 0 && (_theme$layouts16$conf2 = _theme$layouts16$conf.components) !== null && _theme$layouts16$conf2 !== void 0 && (_theme$layouts16$conf3 = _theme$layouts16$conf2.customer_information) !== null && _theme$layouts16$conf3 !== void 0 && (_theme$layouts16$conf4 = _theme$layouts16$conf3.components) !== null && _theme$layouts16$conf4 !== void 0 && (_theme$layouts16$conf5 = _theme$layouts16$conf4.address) !== null && _theme$layouts16$conf5 !== void 0 && _theme$layouts16$conf5.hidden);
-  var showCustomerEmail = !(theme !== null && theme !== void 0 && (_theme$layouts17 = theme.layouts) !== null && _theme$layouts17 !== void 0 && (_theme$layouts17$conf = _theme$layouts17.confirmation) !== null && _theme$layouts17$conf !== void 0 && (_theme$layouts17$conf2 = _theme$layouts17$conf.components) !== null && _theme$layouts17$conf2 !== void 0 && (_theme$layouts17$conf3 = _theme$layouts17$conf2.customer_information) !== null && _theme$layouts17$conf3 !== void 0 && (_theme$layouts17$conf4 = _theme$layouts17$conf3.components) !== null && _theme$layouts17$conf4 !== void 0 && (_theme$layouts17$conf5 = _theme$layouts17$conf4.email) !== null && _theme$layouts17$conf5 !== void 0 && _theme$layouts17$conf5.hidden);
+  var isOriginalLayout = (orderingTheme === null || orderingTheme === void 0 ? void 0 : (_orderingTheme$theme = orderingTheme.theme) === null || _orderingTheme$theme === void 0 ? void 0 : (_orderingTheme$theme$ = _orderingTheme$theme.confirmation) === null || _orderingTheme$theme$ === void 0 ? void 0 : (_orderingTheme$theme$2 = _orderingTheme$theme$.components) === null || _orderingTheme$theme$2 === void 0 ? void 0 : (_orderingTheme$theme$3 = _orderingTheme$theme$2.layout) === null || _orderingTheme$theme$3 === void 0 ? void 0 : _orderingTheme$theme$3.type) === 'original';
+  var showDeliveryType = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme2 = orderingTheme.theme) !== null && _orderingTheme$theme2 !== void 0 && (_orderingTheme$theme3 = _orderingTheme$theme2.confirmation) !== null && _orderingTheme$theme3 !== void 0 && (_orderingTheme$theme4 = _orderingTheme$theme3.components) !== null && _orderingTheme$theme4 !== void 0 && (_orderingTheme$theme5 = _orderingTheme$theme4.order) !== null && _orderingTheme$theme5 !== void 0 && (_orderingTheme$theme6 = _orderingTheme$theme5.components) !== null && _orderingTheme$theme6 !== void 0 && (_orderingTheme$theme7 = _orderingTheme$theme6.delivery_type) !== null && _orderingTheme$theme7 !== void 0 && _orderingTheme$theme7.hidden);
+  var showDeliveryDate = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme8 = orderingTheme.theme) !== null && _orderingTheme$theme8 !== void 0 && (_orderingTheme$theme9 = _orderingTheme$theme8.confirmation) !== null && _orderingTheme$theme9 !== void 0 && (_orderingTheme$theme10 = _orderingTheme$theme9.components) !== null && _orderingTheme$theme10 !== void 0 && (_orderingTheme$theme11 = _orderingTheme$theme10.order) !== null && _orderingTheme$theme11 !== void 0 && (_orderingTheme$theme12 = _orderingTheme$theme11.components) !== null && _orderingTheme$theme12 !== void 0 && (_orderingTheme$theme13 = _orderingTheme$theme12.date) !== null && _orderingTheme$theme13 !== void 0 && _orderingTheme$theme13.hidden);
+  var showDeliveryProgress = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme14 = orderingTheme.theme) !== null && _orderingTheme$theme14 !== void 0 && (_orderingTheme$theme15 = _orderingTheme$theme14.confirmation) !== null && _orderingTheme$theme15 !== void 0 && (_orderingTheme$theme16 = _orderingTheme$theme15.components) !== null && _orderingTheme$theme16 !== void 0 && (_orderingTheme$theme17 = _orderingTheme$theme16.order) !== null && _orderingTheme$theme17 !== void 0 && (_orderingTheme$theme18 = _orderingTheme$theme17.components) !== null && _orderingTheme$theme18 !== void 0 && (_orderingTheme$theme19 = _orderingTheme$theme18.progress) !== null && _orderingTheme$theme19 !== void 0 && _orderingTheme$theme19.hidden);
+  var showBusinessPhone = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme20 = orderingTheme.theme) !== null && _orderingTheme$theme20 !== void 0 && (_orderingTheme$theme21 = _orderingTheme$theme20.confirmation) !== null && _orderingTheme$theme21 !== void 0 && (_orderingTheme$theme22 = _orderingTheme$theme21.components) !== null && _orderingTheme$theme22 !== void 0 && (_orderingTheme$theme23 = _orderingTheme$theme22.business) !== null && _orderingTheme$theme23 !== void 0 && (_orderingTheme$theme24 = _orderingTheme$theme23.components) !== null && _orderingTheme$theme24 !== void 0 && (_orderingTheme$theme25 = _orderingTheme$theme24.phone) !== null && _orderingTheme$theme25 !== void 0 && _orderingTheme$theme25.hidden);
+  var showBusinessMessages = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme26 = orderingTheme.theme) !== null && _orderingTheme$theme26 !== void 0 && (_orderingTheme$theme27 = _orderingTheme$theme26.confirmation) !== null && _orderingTheme$theme27 !== void 0 && (_orderingTheme$theme28 = _orderingTheme$theme27.components) !== null && _orderingTheme$theme28 !== void 0 && (_orderingTheme$theme29 = _orderingTheme$theme28.business) !== null && _orderingTheme$theme29 !== void 0 && (_orderingTheme$theme30 = _orderingTheme$theme29.components) !== null && _orderingTheme$theme30 !== void 0 && (_orderingTheme$theme31 = _orderingTheme$theme30.messages) !== null && _orderingTheme$theme31 !== void 0 && _orderingTheme$theme31.hidden);
+  var showBusinessEmail = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme32 = orderingTheme.theme) !== null && _orderingTheme$theme32 !== void 0 && (_orderingTheme$theme33 = _orderingTheme$theme32.confirmation) !== null && _orderingTheme$theme33 !== void 0 && (_orderingTheme$theme34 = _orderingTheme$theme33.components) !== null && _orderingTheme$theme34 !== void 0 && (_orderingTheme$theme35 = _orderingTheme$theme34.business) !== null && _orderingTheme$theme35 !== void 0 && (_orderingTheme$theme36 = _orderingTheme$theme35.components) !== null && _orderingTheme$theme36 !== void 0 && (_orderingTheme$theme37 = _orderingTheme$theme36.email) !== null && _orderingTheme$theme37 !== void 0 && _orderingTheme$theme37.hidden);
+  var showBusinessAddress = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme38 = orderingTheme.theme) !== null && _orderingTheme$theme38 !== void 0 && (_orderingTheme$theme39 = _orderingTheme$theme38.confirmation) !== null && _orderingTheme$theme39 !== void 0 && (_orderingTheme$theme40 = _orderingTheme$theme39.components) !== null && _orderingTheme$theme40 !== void 0 && (_orderingTheme$theme41 = _orderingTheme$theme40.business) !== null && _orderingTheme$theme41 !== void 0 && (_orderingTheme$theme42 = _orderingTheme$theme41.components) !== null && _orderingTheme$theme42 !== void 0 && (_orderingTheme$theme43 = _orderingTheme$theme42.address) !== null && _orderingTheme$theme43 !== void 0 && _orderingTheme$theme43.hidden);
+  var showBusinessMap = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme44 = orderingTheme.theme) !== null && _orderingTheme$theme44 !== void 0 && (_orderingTheme$theme45 = _orderingTheme$theme44.confirmation) !== null && _orderingTheme$theme45 !== void 0 && (_orderingTheme$theme46 = _orderingTheme$theme45.components) !== null && _orderingTheme$theme46 !== void 0 && (_orderingTheme$theme47 = _orderingTheme$theme46.business) !== null && _orderingTheme$theme47 !== void 0 && (_orderingTheme$theme48 = _orderingTheme$theme47.components) !== null && _orderingTheme$theme48 !== void 0 && (_orderingTheme$theme49 = _orderingTheme$theme48.map) !== null && _orderingTheme$theme49 !== void 0 && _orderingTheme$theme49.hidden);
+  var showDriverName = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme50 = orderingTheme.theme) !== null && _orderingTheme$theme50 !== void 0 && (_orderingTheme$theme51 = _orderingTheme$theme50.confirmation) !== null && _orderingTheme$theme51 !== void 0 && (_orderingTheme$theme52 = _orderingTheme$theme51.components) !== null && _orderingTheme$theme52 !== void 0 && (_orderingTheme$theme53 = _orderingTheme$theme52.driver) !== null && _orderingTheme$theme53 !== void 0 && (_orderingTheme$theme54 = _orderingTheme$theme53.components) !== null && _orderingTheme$theme54 !== void 0 && (_orderingTheme$theme55 = _orderingTheme$theme54.name) !== null && _orderingTheme$theme55 !== void 0 && _orderingTheme$theme55.hidden);
+  var showDriverPhone = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme56 = orderingTheme.theme) !== null && _orderingTheme$theme56 !== void 0 && (_orderingTheme$theme57 = _orderingTheme$theme56.confirmation) !== null && _orderingTheme$theme57 !== void 0 && (_orderingTheme$theme58 = _orderingTheme$theme57.components) !== null && _orderingTheme$theme58 !== void 0 && (_orderingTheme$theme59 = _orderingTheme$theme58.driver) !== null && _orderingTheme$theme59 !== void 0 && (_orderingTheme$theme60 = _orderingTheme$theme59.components) !== null && _orderingTheme$theme60 !== void 0 && (_orderingTheme$theme61 = _orderingTheme$theme60.phone) !== null && _orderingTheme$theme61 !== void 0 && _orderingTheme$theme61.hidden);
+  var showDriverMessages = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme62 = orderingTheme.theme) !== null && _orderingTheme$theme62 !== void 0 && (_orderingTheme$theme63 = _orderingTheme$theme62.confirmation) !== null && _orderingTheme$theme63 !== void 0 && (_orderingTheme$theme64 = _orderingTheme$theme63.components) !== null && _orderingTheme$theme64 !== void 0 && (_orderingTheme$theme65 = _orderingTheme$theme64.driver) !== null && _orderingTheme$theme65 !== void 0 && (_orderingTheme$theme66 = _orderingTheme$theme65.components) !== null && _orderingTheme$theme66 !== void 0 && (_orderingTheme$theme67 = _orderingTheme$theme66.messages) !== null && _orderingTheme$theme67 !== void 0 && _orderingTheme$theme67.hidden);
+  var showDriverEmail = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme68 = orderingTheme.theme) !== null && _orderingTheme$theme68 !== void 0 && (_orderingTheme$theme69 = _orderingTheme$theme68.confirmation) !== null && _orderingTheme$theme69 !== void 0 && (_orderingTheme$theme70 = _orderingTheme$theme69.components) !== null && _orderingTheme$theme70 !== void 0 && (_orderingTheme$theme71 = _orderingTheme$theme70.driver) !== null && _orderingTheme$theme71 !== void 0 && (_orderingTheme$theme72 = _orderingTheme$theme71.components) !== null && _orderingTheme$theme72 !== void 0 && (_orderingTheme$theme73 = _orderingTheme$theme72.email) !== null && _orderingTheme$theme73 !== void 0 && _orderingTheme$theme73.hidden);
+  var showDriverPhoto = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme74 = orderingTheme.theme) !== null && _orderingTheme$theme74 !== void 0 && (_orderingTheme$theme75 = _orderingTheme$theme74.confirmation) !== null && _orderingTheme$theme75 !== void 0 && (_orderingTheme$theme76 = _orderingTheme$theme75.components) !== null && _orderingTheme$theme76 !== void 0 && (_orderingTheme$theme77 = _orderingTheme$theme76.driver) !== null && _orderingTheme$theme77 !== void 0 && (_orderingTheme$theme78 = _orderingTheme$theme77.components) !== null && _orderingTheme$theme78 !== void 0 && (_orderingTheme$theme79 = _orderingTheme$theme78.photo) !== null && _orderingTheme$theme79 !== void 0 && _orderingTheme$theme79.hidden);
+  var showCustomerPhone = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme80 = orderingTheme.theme) !== null && _orderingTheme$theme80 !== void 0 && (_orderingTheme$theme81 = _orderingTheme$theme80.confirmation) !== null && _orderingTheme$theme81 !== void 0 && (_orderingTheme$theme82 = _orderingTheme$theme81.components) !== null && _orderingTheme$theme82 !== void 0 && (_orderingTheme$theme83 = _orderingTheme$theme82.customer) !== null && _orderingTheme$theme83 !== void 0 && (_orderingTheme$theme84 = _orderingTheme$theme83.components) !== null && _orderingTheme$theme84 !== void 0 && (_orderingTheme$theme85 = _orderingTheme$theme84.phone) !== null && _orderingTheme$theme85 !== void 0 && _orderingTheme$theme85.hidden);
+  var showCustomerAddress = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme86 = orderingTheme.theme) !== null && _orderingTheme$theme86 !== void 0 && (_orderingTheme$theme87 = _orderingTheme$theme86.confirmation) !== null && _orderingTheme$theme87 !== void 0 && (_orderingTheme$theme88 = _orderingTheme$theme87.components) !== null && _orderingTheme$theme88 !== void 0 && (_orderingTheme$theme89 = _orderingTheme$theme88.customer) !== null && _orderingTheme$theme89 !== void 0 && (_orderingTheme$theme90 = _orderingTheme$theme89.components) !== null && _orderingTheme$theme90 !== void 0 && (_orderingTheme$theme91 = _orderingTheme$theme90.address) !== null && _orderingTheme$theme91 !== void 0 && _orderingTheme$theme91.hidden);
+  var showCustomerEmail = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme92 = orderingTheme.theme) !== null && _orderingTheme$theme92 !== void 0 && (_orderingTheme$theme93 = _orderingTheme$theme92.confirmation) !== null && _orderingTheme$theme93 !== void 0 && (_orderingTheme$theme94 = _orderingTheme$theme93.components) !== null && _orderingTheme$theme94 !== void 0 && (_orderingTheme$theme95 = _orderingTheme$theme94.customer) !== null && _orderingTheme$theme95 !== void 0 && (_orderingTheme$theme96 = _orderingTheme$theme95.components) !== null && _orderingTheme$theme96 !== void 0 && (_orderingTheme$theme97 = _orderingTheme$theme96.email) !== null && _orderingTheme$theme97 !== void 0 && _orderingTheme$theme97.hidden);
 
   var getOrderStatus = function getOrderStatus(s) {
     var _theme$defaultLanguag, _theme$defaultLanguag2, _theme$defaultLanguag3, _theme$defaultLanguag4, _theme$defaultLanguag5, _theme$defaultLanguag6, _theme$defaultLanguag7, _theme$defaultLanguag8, _theme$defaultLanguag9, _theme$defaultLanguag10, _theme$defaultLanguag11, _theme$defaultLanguag12, _theme$defaultLanguag13, _theme$defaultLanguag14, _theme$defaultLanguag15, _theme$defaultLanguag16, _theme$defaultLanguag17, _theme$defaultLanguag18, _theme$defaultLanguag19, _theme$defaultLanguag20, _theme$defaultLanguag21, _theme$defaultLanguag22, _theme$defaultLanguag23, _theme$defaultLanguag24;
@@ -454,6 +477,51 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
     });
   };
 
+  var handleClickReorder = function handleClickReorder(order) {
+    var _carts, _carts$products;
+
+    if (carts["businessId:".concat(order === null || order === void 0 ? void 0 : order.business_id)] && ((_carts = carts["businessId:".concat(order === null || order === void 0 ? void 0 : order.business_id)]) === null || _carts === void 0 ? void 0 : (_carts$products = _carts.products) === null || _carts$products === void 0 ? void 0 : _carts$products.length) > 0) {
+      setConfirm({
+        open: true,
+        content: t('QUESTION_DELETE_PRODUCTS_FROM_CART', 'Are you sure that you want to delete all products from cart?'),
+        handleOnAccept: function () {
+          var _handleOnAccept = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+            return _regeneratorRuntime().wrap(function _callee$(_context) {
+              while (1) {
+                switch (_context.prev = _context.next) {
+                  case 0:
+                    handleRemoveCart();
+                    setConfirm(_objectSpread(_objectSpread({}, confirm), {}, {
+                      open: false
+                    }));
+
+                  case 2:
+                  case "end":
+                    return _context.stop();
+                }
+              }
+            }, _callee);
+          }));
+
+          function handleOnAccept() {
+            return _handleOnAccept.apply(this, arguments);
+          }
+
+          return handleOnAccept;
+        }()
+      });
+    } else {
+      handleReorder(order.id);
+    }
+  };
+
+  var handleOriginalReorder = function handleOriginalReorder() {
+    setConfirm(_objectSpread(_objectSpread({}, confirm), {}, {
+      open: false
+    }));
+    handleReorder(order.id);
+  };
+
   var ActionsSectionProps = {
     order: order,
     handleBusinessRedirect: handleBusinessRedirect,
@@ -541,7 +609,7 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
       loading: "lazy"
     })) : location !== null && location !== void 0 && location.lat && location !== null && location !== void 0 && location.lng && validStatuses.includes(parseInt(order === null || order === void 0 ? void 0 : order.status)) ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.Map, {
       style: props.mapStyle
-    }, /*#__PURE__*/_react.default.createElement(_orderingComponents.GoogleMapsMap, {
+    }, /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.GoogleMapsMap, {
       apiKey: configs === null || configs === void 0 ? void 0 : (_configs$google_maps_2 = configs.google_maps_api_key) === null || _configs$google_maps_2 === void 0 ? void 0 : _configs$google_maps_2.value,
       location: location,
       locations: !props.location && locations,
@@ -590,7 +658,14 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
       return handleStartNewOrder(order.id);
     },
     disabled: reorderState === null || reorderState === void 0 ? void 0 : reorderState.loading
-  }, reorderState !== null && reorderState !== void 0 && reorderState.loading ? t('LOADING', 'Loading...') : t('ORDER_AGAIN', 'Order Again')))), showDeliveryProgress && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.StatusBar, {
+  }, t('START_NEW_ORDER', 'Start new order')), completedStatus.includes(parseInt(order === null || order === void 0 ? void 0 : order.status, 10)) && /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
+    color: "primary",
+    outline: true,
+    onClick: function onClick() {
+      return handleClickReorder(order);
+    },
+    disabled: reorderState === null || reorderState === void 0 ? void 0 : reorderState.loading
+  }, reorderState !== null && reorderState !== void 0 && reorderState.loading ? t('LOADING', 'Loading...') : t('REORDER', 'Reorder')))), showDeliveryProgress && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.StatusBar, {
     percentage: (_getOrderStatus = getOrderStatus(order === null || order === void 0 ? void 0 : order.status)) === null || _getOrderStatus === void 0 ? void 0 : _getOrderStatus.percentage
   }), /*#__PURE__*/_react.default.createElement("div", {
     style: {
@@ -612,13 +687,7 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
     active: acceptedStatus.includes(parseInt(order === null || order === void 0 ? void 0 : order.status, 10)) && (!(order !== null && order !== void 0 && order.review) || order.driver && !(order !== null && order !== void 0 && order.user_review)) && (!isOrderReviewed || !isProductReviewed || !isDriverReviewed)
   }, /*#__PURE__*/_react.default.createElement("span", {
     onClick: handleOpenReview
-  }, t('REVIEW_ORDER', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag29 = theme.defaultLanguages) === null || _theme$defaultLanguag29 === void 0 ? void 0 : _theme$defaultLanguag29.REVIEW_ORDER) || 'Review your Order'))))))), /*#__PURE__*/_react.default.createElement(_styles.OrderBusiness, null, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      display: 'flex',
-      flexDirection: 'column',
-      width: '50%'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_styles.BusinessWrapper, {
+  }, t('REVIEW_ORDER', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag29 = theme.defaultLanguages) === null || _theme$defaultLanguag29 === void 0 ? void 0 : _theme$defaultLanguag29.REVIEW_ORDER) || 'Review your Order'))))))), /*#__PURE__*/_react.default.createElement(_styles.OrderBusiness, null, /*#__PURE__*/_react.default.createElement(_styles.BusinessExternalWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.BusinessWrapper, {
     w: "calc(100% - 20px)" // borderBottom={showOrderActions}
 
   }, /*#__PURE__*/_react.default.createElement("img", {
@@ -627,7 +696,7 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
     actionType: "business",
     showPhone: showBusinessPhone,
     showMessages: showBusinessMessages
-  })), showBusinessEmail && /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 ? void 0 : (_order$business5 = order.business) === null || _order$business5 === void 0 ? void 0 : _order$business5.email), showBusinessPhone && /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 ? void 0 : (_order$business6 = order.business) === null || _order$business6 === void 0 ? void 0 : _order$business6.cellphone), showBusinessAddress && /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 ? void 0 : (_order$business7 = order.business) === null || _order$business7 === void 0 ? void 0 : _order$business7.address), (order === null || order === void 0 ? void 0 : (_order$place = order.place) === null || _order$place === void 0 ? void 0 : _order$place.name) && /*#__PURE__*/_react.default.createElement(_styles.PlaceSpotSection, null, /*#__PURE__*/_react.default.createElement("p", null, yourSpotString, ": ", order === null || order === void 0 ? void 0 : (_order$place2 = order.place) === null || _order$place2 === void 0 ? void 0 : _order$place2.name)))), placeSpotTypes.includes(order === null || order === void 0 ? void 0 : order.delivery_type) && /*#__PURE__*/_react.default.createElement(_styles.BusinessWrapper, {
+  })), showBusinessEmail && /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 ? void 0 : (_order$business5 = order.business) === null || _order$business5 === void 0 ? void 0 : _order$business5.email), showBusinessPhone && /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 ? void 0 : (_order$business6 = order.business) === null || _order$business6 === void 0 ? void 0 : _order$business6.cellphone), showBusinessAddress && /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 ? void 0 : (_order$business7 = order.business) === null || _order$business7 === void 0 ? void 0 : _order$business7.address), (order === null || order === void 0 ? void 0 : (_order$place = order.place) === null || _order$place === void 0 ? void 0 : _order$place.name) && /*#__PURE__*/_react.default.createElement(_styles.PlaceSpotSection, null, /*#__PURE__*/_react.default.createElement("p", null, yourSpotString, ": ", order === null || order === void 0 ? void 0 : (_order$place2 = order.place) === null || _order$place2 === void 0 ? void 0 : _order$place2.name)))), showDeliveryType && placeSpotTypes.includes(order === null || order === void 0 ? void 0 : order.delivery_type) && /*#__PURE__*/_react.default.createElement(_styles.BusinessWrapper, {
     w: "calc(100% - 20px)",
     borderTop: true
   }, /*#__PURE__*/_react.default.createElement(_PlaceSpot.PlaceSpot, {
@@ -645,7 +714,7 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
     style: {
       fontSize: 14
     },
-    color: "primary",
+    color: (order === null || order === void 0 ? void 0 : order.status) === 20 ? 'secundary' : 'primary',
     onClick: function onClick() {
       return handleChangeOrderStatus(20);
     },
@@ -654,19 +723,19 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
     style: {
       fontSize: 14
     },
-    color: "secundary",
+    color: (order === null || order === void 0 ? void 0 : order.status) === 20 ? 'primary' : 'secundary',
     disabled: (order === null || order === void 0 ? void 0 : order.status) === 21,
     onClick: function onClick() {
       return handleChangeOrderStatus(21);
     }
-  }, (_getOrderStatus4 = getOrderStatus(21)) === null || _getOrderStatus4 === void 0 ? void 0 : _getOrderStatus4.value))))), googleMapsApiKey && /*#__PURE__*/_react.default.createElement(OrderMapSection, {
+  }, (_getOrderStatus4 = getOrderStatus(21)) === null || _getOrderStatus4 === void 0 ? void 0 : _getOrderStatus4.value))))), googleMapsApiKey && /*#__PURE__*/_react.default.createElement(_styles.MapWrapper, null, /*#__PURE__*/_react.default.createElement(OrderMapSection, {
     isMapImg: true,
     validStatuses: [order === null || order === void 0 ? void 0 : order.status],
     location: order === null || order === void 0 ? void 0 : (_order$business8 = order.business) === null || _order$business8 === void 0 ? void 0 : _order$business8.location,
     mapStyle: {
-      width: '50%'
+      width: '100%'
     }
-  })), /*#__PURE__*/_react.default.createElement(_styles.OrderCustomer, null, /*#__PURE__*/_react.default.createElement(_styles.BusinessWrapper, null, (order === null || order === void 0 ? void 0 : (_order$customer3 = order.customer) === null || _order$customer3 === void 0 ? void 0 : _order$customer3.photo) && /*#__PURE__*/_react.default.createElement("img", {
+  }))), /*#__PURE__*/_react.default.createElement(_styles.OrderCustomer, null, /*#__PURE__*/_react.default.createElement(_styles.BusinessWrapper, null, (order === null || order === void 0 ? void 0 : (_order$customer3 = order.customer) === null || _order$customer3 === void 0 ? void 0 : _order$customer3.photo) && /*#__PURE__*/_react.default.createElement("img", {
     src: order === null || order === void 0 ? void 0 : (_order$customer4 = order.customer) === null || _order$customer4 === void 0 ? void 0 : _order$customer4.photo
   }), /*#__PURE__*/_react.default.createElement(_styles.BusinessInfo, null, /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 ? void 0 : (_order$customer5 = order.customer) === null || _order$customer5 === void 0 ? void 0 : _order$customer5.name, " ", order === null || order === void 0 ? void 0 : (_order$customer6 = order.customer) === null || _order$customer6 === void 0 ? void 0 : _order$customer6.lastname), showCustomerEmail && /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 ? void 0 : (_order$customer7 = order.customer) === null || _order$customer7 === void 0 ? void 0 : _order$customer7.email), showCustomerPhone && /*#__PURE__*/_react.default.createElement("p", null, (order === null || order === void 0 ? void 0 : (_order$customer8 = order.customer) === null || _order$customer8 === void 0 ? void 0 : _order$customer8.cellphone) || (order === null || order === void 0 ? void 0 : (_order$customer9 = order.customer) === null || _order$customer9 === void 0 ? void 0 : _order$customer9.phone)), showCustomerAddress && /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 ? void 0 : (_order$customer10 = order.customer) === null || _order$customer10 === void 0 ? void 0 : _order$customer10.address)))), (order === null || order === void 0 ? void 0 : order.driver) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.OrderDriver, null, /*#__PURE__*/_react.default.createElement(_styles.SectionTitleContainer, null, /*#__PURE__*/_react.default.createElement("h2", null, t('DRIVER', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag30 = theme.defaultLanguages) === null || _theme$defaultLanguag30 === void 0 ? void 0 : _theme$defaultLanguag30.DRIVER) || 'Driver')), /*#__PURE__*/_react.default.createElement(_ActionsSection.ActionsSection, _extends({}, ActionsSectionProps, {
     actionType: "driver",
@@ -812,11 +881,24 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
       return setIsOrderHistory(false);
     },
     enableReview: acceptedStatus.includes(parseInt(order === null || order === void 0 ? void 0 : order.status, 10)) && (!(order !== null && order !== void 0 && order.review) || order.driver && !(order !== null && order !== void 0 && order.user_review)) && (!isOrderReviewed || !isProductReviewed || !isDriverReviewed)
-  })));
+  })), /*#__PURE__*/_react.default.createElement(_Confirm.Confirm, {
+    title: t('ORDER', 'Order'),
+    content: confirm.content,
+    acceptText: t('ACCEPT', 'Accept'),
+    open: confirm.open,
+    onClose: function onClose() {
+      return handleOriginalReorder();
+    },
+    onCancel: function onCancel() {
+      return handleOriginalReorder();
+    },
+    onAccept: confirm.handleOnAccept,
+    closeOnBackdrop: false
+  }));
 };
 
 var OrderDetails = function OrderDetails(props) {
-  var _useLanguage3 = (0, _orderingComponents.useLanguage)(),
+  var _useLanguage3 = (0, _orderingComponentsExternal.useLanguage)(),
       _useLanguage4 = _slicedToArray(_useLanguage3, 2),
       t = _useLanguage4[1];
 
@@ -855,7 +937,7 @@ var OrderDetails = function OrderDetails(props) {
     UIComponent: OrderDetailsUI
   });
 
-  return /*#__PURE__*/_react.default.createElement(_orderingComponents.OrderDetails, orderDetailsProps);
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.OrderDetails, orderDetailsProps);
 };
 
-exports.OrderDetails = OrderDetails;
+exports.OrderDetails = OrderDetails;

package/_modules/themes/five/src/components/OrderDetails/layouts/Kiosk/index.js

@@ -15,7 +15,7 @@ var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skelet
 
 var _styledComponents = require("styled-components");
 
-var _orderingComponents = require("ordering-components-external");
+var _orderingComponentsExternal = require("ordering-components-external");
 
 var _AiFillCheckCircle = _interopRequireDefault(require("@meronex/icons/ai/AiFillCheckCircle"));
 
@@ -65,39 +65,43 @@ var _EMAIL = 'email';
 var _SMS = 'sms';
 
 var OrderDetailsUI = function OrderDetailsUI(props) {
-  var _theme$layouts, _theme$layouts$confir, _theme$layouts$confir2, _theme$layouts$confir3, _theme$layouts2, _theme$layouts2$confi, _theme$layouts2$confi2, _theme$layouts2$confi3, _theme$layouts3, _theme$layouts3$confi, _theme$layouts3$confi2, _theme$layouts3$confi3, _order$driver, _order$driver2, _theme$images, _theme$images$dummies, _order$business, _order$business2, _theme$images2, _theme$images2$dummie, _order$customer, _order$customer2, _theme$images3, _theme$images3$dummie, _theme$defaultLanguag26, _orderTypes$find, _getOrderStatus, _getOrderStatus2, _order$products, _formMethods$errors, _formMethods$errors2, _formMethods$errors2$, _theme$defaultLanguag27, _theme$defaultLanguag28, _theme$defaultLanguag29, _theme$defaultLanguag30;
+  var _orderingTheme$theme, _orderingTheme$theme$, _orderingTheme$theme$2, _orderingTheme$theme$3, _orderingTheme$theme$4, _orderingTheme$theme$5, _orderingTheme$theme2, _orderingTheme$theme3, _orderingTheme$theme4, _orderingTheme$theme5, _orderingTheme$theme6, _orderingTheme$theme7, _orderingTheme$theme8, _orderingTheme$theme9, _orderingTheme$theme10, _orderingTheme$theme11, _orderingTheme$theme12, _orderingTheme$theme13, _order$driver, _order$driver2, _theme$images, _theme$images$dummies, _order$business, _order$business2, _theme$images2, _theme$images2$dummie, _order$customer, _order$customer2, _theme$images3, _theme$images3$dummie, _theme$defaultLanguag26, _orderTypes$find, _getOrderStatus, _getOrderStatus2, _order$products, _formMethods$errors, _formMethods$errors2, _formMethods$errors2$, _theme$defaultLanguag27, _theme$defaultLanguag28, _theme$defaultLanguag29, _theme$defaultLanguag30;
 
   var handleOrderRedirect = props.handleOrderRedirect,
       driverLocation = props.driverLocation,
       orderTypes = props.orderTypes;
   var formMethods = (0, _reactHookForm.useForm)();
 
-  var _useSession = (0, _orderingComponents.useSession)(),
+  var _useSession = (0, _orderingComponentsExternal.useSession)(),
       _useSession2 = _slicedToArray(_useSession, 1),
       token = _useSession2[0].token;
 
-  var _useLanguage = (0, _orderingComponents.useLanguage)(),
+  var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
       _useLanguage2 = _slicedToArray(_useLanguage, 2),
       t = _useLanguage2[1];
 
   var theme = (0, _styledComponents.useTheme)();
 
-  var _useApi = (0, _orderingComponents.useApi)(),
+  var _useApi = (0, _orderingComponentsExternal.useApi)(),
       _useApi2 = _slicedToArray(_useApi, 1),
       ordering = _useApi2[0];
 
-  var _useEvent = (0, _orderingComponents.useEvent)(),
+  var _useEvent = (0, _orderingComponentsExternal.useEvent)(),
       _useEvent2 = _slicedToArray(_useEvent, 1),
       events = _useEvent2[0];
 
-  var _useUtils = (0, _orderingComponents.useUtils)(),
+  var _useUtils = (0, _orderingComponentsExternal.useUtils)(),
       _useUtils2 = _slicedToArray(_useUtils, 1),
       parseDate = _useUtils2[0].parseDate;
 
-  var _useToast = (0, _orderingComponents.useToast)(),
+  var _useToast = (0, _orderingComponentsExternal.useToast)(),
       _useToast2 = _slicedToArray(_useToast, 2),
       showToast = _useToast2[1].showToast;
 
+  var _useOrderingTheme = (0, _orderingComponentsExternal.useOrderingTheme)(),
+      _useOrderingTheme2 = _slicedToArray(_useOrderingTheme, 1),
+      orderingTheme = _useOrderingTheme2[0];
+
   var optToSendReceipt = [{
     key: _EMAIL,
     label: t('EMAIL', 'Email'),
@@ -131,9 +135,9 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
       order = _props$order.order,
       loading = _props$order.loading,
       error = _props$order.error;
-  var showDeliveryType = !(theme !== null && theme !== void 0 && (_theme$layouts = theme.layouts) !== null && _theme$layouts !== void 0 && (_theme$layouts$confir = _theme$layouts.confirmation) !== null && _theme$layouts$confir !== void 0 && (_theme$layouts$confir2 = _theme$layouts$confir.components) !== null && _theme$layouts$confir2 !== void 0 && (_theme$layouts$confir3 = _theme$layouts$confir2.delivery_type) !== null && _theme$layouts$confir3 !== void 0 && _theme$layouts$confir3.hidden);
-  var showDeliveryDate = !(theme !== null && theme !== void 0 && (_theme$layouts2 = theme.layouts) !== null && _theme$layouts2 !== void 0 && (_theme$layouts2$confi = _theme$layouts2.confirmation) !== null && _theme$layouts2$confi !== void 0 && (_theme$layouts2$confi2 = _theme$layouts2$confi.components) !== null && _theme$layouts2$confi2 !== void 0 && (_theme$layouts2$confi3 = _theme$layouts2$confi2.delivery_date) !== null && _theme$layouts2$confi3 !== void 0 && _theme$layouts2$confi3.hidden);
-  var showDeliveryProgress = !(theme !== null && theme !== void 0 && (_theme$layouts3 = theme.layouts) !== null && _theme$layouts3 !== void 0 && (_theme$layouts3$confi = _theme$layouts3.confirmation) !== null && _theme$layouts3$confi !== void 0 && (_theme$layouts3$confi2 = _theme$layouts3$confi.components) !== null && _theme$layouts3$confi2 !== void 0 && (_theme$layouts3$confi3 = _theme$layouts3$confi2.delivery_progress) !== null && _theme$layouts3$confi3 !== void 0 && _theme$layouts3$confi3.hidden);
+  var showDeliveryType = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme = orderingTheme.theme) !== null && _orderingTheme$theme !== void 0 && (_orderingTheme$theme$ = _orderingTheme$theme.confirmation) !== null && _orderingTheme$theme$ !== void 0 && (_orderingTheme$theme$2 = _orderingTheme$theme$.components) !== null && _orderingTheme$theme$2 !== void 0 && (_orderingTheme$theme$3 = _orderingTheme$theme$2.order) !== null && _orderingTheme$theme$3 !== void 0 && (_orderingTheme$theme$4 = _orderingTheme$theme$3.components) !== null && _orderingTheme$theme$4 !== void 0 && (_orderingTheme$theme$5 = _orderingTheme$theme$4.delivery_type) !== null && _orderingTheme$theme$5 !== void 0 && _orderingTheme$theme$5.hidden);
+  var showDeliveryDate = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme2 = orderingTheme.theme) !== null && _orderingTheme$theme2 !== void 0 && (_orderingTheme$theme3 = _orderingTheme$theme2.confirmation) !== null && _orderingTheme$theme3 !== void 0 && (_orderingTheme$theme4 = _orderingTheme$theme3.components) !== null && _orderingTheme$theme4 !== void 0 && (_orderingTheme$theme5 = _orderingTheme$theme4.order) !== null && _orderingTheme$theme5 !== void 0 && (_orderingTheme$theme6 = _orderingTheme$theme5.components) !== null && _orderingTheme$theme6 !== void 0 && (_orderingTheme$theme7 = _orderingTheme$theme6.date) !== null && _orderingTheme$theme7 !== void 0 && _orderingTheme$theme7.hidden);
+  var showDeliveryProgress = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme8 = orderingTheme.theme) !== null && _orderingTheme$theme8 !== void 0 && (_orderingTheme$theme9 = _orderingTheme$theme8.confirmation) !== null && _orderingTheme$theme9 !== void 0 && (_orderingTheme$theme10 = _orderingTheme$theme9.components) !== null && _orderingTheme$theme10 !== void 0 && (_orderingTheme$theme11 = _orderingTheme$theme10.order) !== null && _orderingTheme$theme11 !== void 0 && (_orderingTheme$theme12 = _orderingTheme$theme11.components) !== null && _orderingTheme$theme12 !== void 0 && (_orderingTheme$theme13 = _orderingTheme$theme12.progress) !== null && _orderingTheme$theme13 !== void 0 && _orderingTheme$theme13.hidden);
   var locations = [_objectSpread(_objectSpread({}, order === null || order === void 0 ? void 0 : (_order$driver = order.driver) === null || _order$driver === void 0 ? void 0 : _order$driver.location), {}, {
     icon: (order === null || order === void 0 ? void 0 : (_order$driver2 = order.driver) === null || _order$driver2 === void 0 ? void 0 : _order$driver2.photo) || ((_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.driverPhoto)
   }), _objectSpread(_objectSpread({}, order === null || order === void 0 ? void 0 : (_order$business = order.business) === null || _order$business === void 0 ? void 0 : _order$business.location), {}, {
@@ -296,7 +300,7 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
                 break;
               }
 
-              showToast(_orderingComponents.ToastType.Error, t('MAXIMUM_RECEIPTS_SEND_EXCEEDED', 'The maximum receipts sent has been exceeded'));
+              showToast(_orderingComponentsExternal.ToastType.Error, t('MAXIMUM_RECEIPTS_SEND_EXCEEDED', 'The maximum receipts sent has been exceeded'));
               return _context.abrupt("return");
 
             case 3:
@@ -335,9 +339,9 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
               result = _yield$response$json.result;
 
               if (_error) {
-                showToast(_orderingComponents.ToastType.Error, result);
+                showToast(_orderingComponentsExternal.ToastType.Error, result);
               } else {
-                showToast(_orderingComponents.ToastType.Success, t('RECEIPT_SEND_SUCCESSFULLY', 'Receipt send successfully'));
+                showToast(_orderingComponentsExternal.ToastType.Success, t('RECEIPT_SEND_SUCCESSFULLY', 'Receipt send successfully'));
                 setCountReceipts(countReceipts - 1);
               }
 
@@ -348,7 +352,7 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
             case 20:
               _context.prev = 20;
               _context.t0 = _context["catch"](7);
-              showToast(_orderingComponents.ToastType.Error, _context.t0.message);
+              showToast(_orderingComponentsExternal.ToastType.Error, _context.t0.message);
               setIsLoading(false);
 
             case 24:
@@ -500,7 +504,7 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
 };
 
 var OrderDetails = function OrderDetails(props) {
-  var _useLanguage3 = (0, _orderingComponents.useLanguage)(),
+  var _useLanguage3 = (0, _orderingComponentsExternal.useLanguage)(),
       _useLanguage4 = _slicedToArray(_useLanguage3, 2),
       t = _useLanguage4[1];
 
@@ -539,7 +543,7 @@ var OrderDetails = function OrderDetails(props) {
     UIComponent: OrderDetailsUI
   });
 
-  return /*#__PURE__*/_react.default.createElement(_orderingComponents.OrderDetails, orderDetailsProps);
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.OrderDetails, orderDetailsProps);
 };
 
-exports.OrderDetails = OrderDetails;
+exports.OrderDetails = OrderDetails;