npm - ordering-ui-external - Versions diffs - 10.2.2 → 10.3.1 - Mend

ordering-ui-external 10.2.2 → 10.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (818) hide show

package/_modules/themes/callcenterOriginal/src/components/Orders/Messages/index.js CHANGED Viewed

@@ -44,7 +44,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 MessagesUI = function MessagesUI(props) {
-  var _order$business, _order$customer, _order$driver, _theme$images, _theme$images$icons, _order$business6, _order$business7, _order$customer6, _order$customer7, _order$customer8, _order$driver6, _order$driver7, _order$driver8;
+  var _order$business, _order$customer, _order$driver, _theme$images, _order$business6, _order$business7, _order$customer6, _order$customer7, _order$customer8, _order$driver6, _order$driver7, _order$driver8;
   var isChat = props.isChat,
     order = props.order,
     messages = props.messages,
@@ -362,7 +362,7 @@ var MessagesUI = function MessagesUI(props) {
       return handleTabClick('logistic_information');
     }
   }, t('LOGISTIC_INFORMATION', 'Logistics information')))), messageDashboardView && /*#__PURE__*/_react.default.createElement(_styles.SearchAndDetailControlContainer, null, /*#__PURE__*/_react.default.createElement(_styles.MessagesSearch, null, /*#__PURE__*/_react.default.createElement("img", {
-    src: theme === null || theme === void 0 ? void 0 : (_theme$images = theme.images) === null || _theme$images === void 0 ? void 0 : (_theme$images$icons = _theme$images.icons) === null || _theme$images$icons === void 0 ? void 0 : _theme$images$icons.search,
+    src: theme === null || theme === void 0 || (_theme$images = theme.images) === null || _theme$images === void 0 || (_theme$images = _theme$images.icons) === null || _theme$images === void 0 ? void 0 : _theme$images.search,
     alt: "search"
   }), /*#__PURE__*/_react.default.createElement("input", {
     type: "text",
@@ -426,7 +426,7 @@ var MessagesUI = function MessagesUI(props) {
       dangerouslySetInnerHTML: {
         __html: t('ORDER_PLACED_FOR_VIA', 'Order placed for _for_ via _via_.').replace('_for_', '<b>' + parseDate(order.delivery_datetime) + '</b>').replace('_via_', '<b>' + t(order.app_id ? order.app_id.toUpperCase() : 'OTHER') + '</b>')
       }
-    }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("strong", null, t('APP_ID', 'App ID'), ": "), message === null || message === void 0 ? void 0 : message.app_id), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("strong", null, t('AUTHOR', 'Author'), ": "), message === null || message === void 0 ? void 0 : (_message$author = message.author) === null || _message$author === void 0 ? void 0 : _message$author.name, " ", message === null || message === void 0 ? void 0 : (_message$author2 = message.author) === null || _message$author2 === void 0 ? void 0 : _message$author2.lastname), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("strong", null, t('USER_AGENT', 'User agent'), ": "), message === null || message === void 0 ? void 0 : message.user_agent), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("strong", null, t('IP', 'IP'), ": "), message === null || message === void 0 ? void 0 : message.ip), /*#__PURE__*/_react.default.createElement(_styles.TimeofSent, null, getTimeAgo(message === null || message === void 0 ? void 0 : message.created_at)))), message.type === 1 && /*#__PURE__*/_react.default.createElement(_styles.MessageConsole, {
+    }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("strong", null, t('APP_ID', 'App ID'), ": "), message === null || message === void 0 ? void 0 : message.app_id), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("strong", null, t('AUTHOR', 'Author'), ": "), message === null || message === void 0 || (_message$author = message.author) === null || _message$author === void 0 ? void 0 : _message$author.name, " ", message === null || message === void 0 || (_message$author2 = message.author) === null || _message$author2 === void 0 ? void 0 : _message$author2.lastname), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("strong", null, t('USER_AGENT', 'User agent'), ": "), message === null || message === void 0 ? void 0 : message.user_agent), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("strong", null, t('IP', 'IP'), ": "), message === null || message === void 0 ? void 0 : message.ip), /*#__PURE__*/_react.default.createElement(_styles.TimeofSent, null, getTimeAgo(message === null || message === void 0 ? void 0 : message.created_at)))), message.type === 1 && /*#__PURE__*/_react.default.createElement(_styles.MessageConsole, {
       key: message.id,
       style: {
         display: "".concat(tabActive === 'order_history' ? 'inline-flex' : 'none')
@@ -440,7 +440,7 @@ var MessagesUI = function MessagesUI(props) {
       overlay: /*#__PURE__*/_react.default.createElement(_reactBootstrap.Tooltip, null, parseDate(message.created_at))
     }, /*#__PURE__*/_react.default.createElement(_styles.TimeofSent, null, getTimeAgo(message.created_at)))))), isChat && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, message.type === 0 && /*#__PURE__*/_react.default.createElement(_styles.MessageConsole, {
       key: message.id
-    }, /*#__PURE__*/_react.default.createElement(_styles.BubbleConsole, null, /*#__PURE__*/_react.default.createElement("p", null, t('ORDER_PLACED_FOR', 'Order placed for'), " ", ' ', /*#__PURE__*/_react.default.createElement("strong", null, parseDate(order.created_at)), " ", ' ', t('VIA', 'Via'), ' ', /*#__PURE__*/_react.default.createElement("strong", null, order.app_id ? t(order.app_id.toUpperCase(), order.app_id) : t('OTHER', 'Other')), ' '), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("strong", null, t('APP_ID', 'App ID'), ": "), message === null || message === void 0 ? void 0 : message.app_id), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("strong", null, t('AUTHOR', 'Author'), ": "), message === null || message === void 0 ? void 0 : (_message$author3 = message.author) === null || _message$author3 === void 0 ? void 0 : _message$author3.name, " ", message === null || message === void 0 ? void 0 : (_message$author4 = message.author) === null || _message$author4 === void 0 ? void 0 : _message$author4.lastname), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("strong", null, t('USER_AGENT', 'User agent'), ": "), message === null || message === void 0 ? void 0 : message.user_agent), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("strong", null, t('IP', 'IP'), ": "), message === null || message === void 0 ? void 0 : message.ip), /*#__PURE__*/_react.default.createElement(_styles.TimeofSent, null, getTimeAgo(message === null || message === void 0 ? void 0 : message.created_at)))), message.type === 1 && /*#__PURE__*/_react.default.createElement(_styles.MessageConsole, {
+    }, /*#__PURE__*/_react.default.createElement(_styles.BubbleConsole, null, /*#__PURE__*/_react.default.createElement("p", null, t('ORDER_PLACED_FOR', 'Order placed for'), " ", ' ', /*#__PURE__*/_react.default.createElement("strong", null, parseDate(order.created_at)), " ", ' ', t('VIA', 'Via'), ' ', /*#__PURE__*/_react.default.createElement("strong", null, order.app_id ? t(order.app_id.toUpperCase(), order.app_id) : t('OTHER', 'Other')), ' '), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("strong", null, t('APP_ID', 'App ID'), ": "), message === null || message === void 0 ? void 0 : message.app_id), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("strong", null, t('AUTHOR', 'Author'), ": "), message === null || message === void 0 || (_message$author3 = message.author) === null || _message$author3 === void 0 ? void 0 : _message$author3.name, " ", message === null || message === void 0 || (_message$author4 = message.author) === null || _message$author4 === void 0 ? void 0 : _message$author4.lastname), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("strong", null, t('USER_AGENT', 'User agent'), ": "), message === null || message === void 0 ? void 0 : message.user_agent), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("strong", null, t('IP', 'IP'), ": "), message === null || message === void 0 ? void 0 : message.ip), /*#__PURE__*/_react.default.createElement(_styles.TimeofSent, null, getTimeAgo(message === null || message === void 0 ? void 0 : message.created_at)))), message.type === 1 && /*#__PURE__*/_react.default.createElement(_styles.MessageConsole, {
       key: message.id,
       style: {
         display: "".concat(tabActive === 'order_history' ? 'inline-flex' : 'none')

package/_modules/themes/callcenterOriginal/src/components/Orders/OrderBill/RefundToWallet.js CHANGED Viewed

@@ -32,10 +32,10 @@ var RefundToWallet = function RefundToWallet(props) {
   var _useConfig = (0, _orderingComponentsExternal.useConfig)(),
     _useConfig2 = _slicedToArray(_useConfig, 1),
     configs = _useConfig2[0].configs;
-  var isAllowCashWalletRefund = (configs === null || configs === void 0 ? void 0 : (_configs$refund_cash_ = configs.refund_cash_wallet_allow_when_order_cancelled) === null || _configs$refund_cash_ === void 0 ? void 0 : _configs$refund_cash_.value) === '1';
-  var isAllowCreditPointRefund = (configs === null || configs === void 0 ? void 0 : (_configs$refund_credi = configs.refund_credit_point_allow_when_order_cancelled) === null || _configs$refund_credi === void 0 ? void 0 : _configs$refund_credi.value) === '1';
-  var isAllowStripeRefund = (configs === null || configs === void 0 ? void 0 : (_configs$refund_strip = configs.refund_stripe_allow_when_order_cancelled) === null || _configs$refund_strip === void 0 ? void 0 : _configs$refund_strip.value) === '1';
-  var isAllowOtherRefund = (configs === null || configs === void 0 ? void 0 : (_configs$refund_other = configs.refund_other_allow_when_order_cancelled) === null || _configs$refund_other === void 0 ? void 0 : _configs$refund_other.value) === '1';
+  var isAllowCashWalletRefund = (configs === null || configs === void 0 || (_configs$refund_cash_ = configs.refund_cash_wallet_allow_when_order_cancelled) === null || _configs$refund_cash_ === void 0 ? void 0 : _configs$refund_cash_.value) === '1';
+  var isAllowCreditPointRefund = (configs === null || configs === void 0 || (_configs$refund_credi = configs.refund_credit_point_allow_when_order_cancelled) === null || _configs$refund_credi === void 0 ? void 0 : _configs$refund_credi.value) === '1';
+  var isAllowStripeRefund = (configs === null || configs === void 0 || (_configs$refund_strip = configs.refund_stripe_allow_when_order_cancelled) === null || _configs$refund_strip === void 0 ? void 0 : _configs$refund_strip.value) === '1';
+  var isAllowOtherRefund = (configs === null || configs === void 0 || (_configs$refund_other = configs.refund_other_allow_when_order_cancelled) === null || _configs$refund_other === void 0 ? void 0 : _configs$refund_other.value) === '1';
   var _useForm = (0, _reactHookForm.useForm)(),
     handleSubmit = _useForm.handleSubmit,
     register = _useForm.register,
@@ -85,17 +85,17 @@ var RefundToWallet = function RefundToWallet(props) {
       data.order_payment_event_id = selectedRefundOption;
     }
     if (formData.description) data.description = formData.description;
-    data.amount = isRefundAll ? (order === null || order === void 0 ? void 0 : (_order$summary = order.summary) === null || _order$summary === void 0 ? void 0 : _order$summary.total) || (order === null || order === void 0 ? void 0 : order.total) : formData.amount;
+    data.amount = isRefundAll ? (order === null || order === void 0 || (_order$summary = order.summary) === null || _order$summary === void 0 ? void 0 : _order$summary.total) || (order === null || order === void 0 ? void 0 : order.total) : formData.amount;
     data.transfer_to = selectedRefundOption !== 'cash_wallet' ? 'source' : 'cash_wallet';
     handleOrderRefund(data);
   };
   (0, _react.useEffect)(function () {
     var _Object$keys;
-    if ((Object === null || Object === void 0 ? void 0 : (_Object$keys = Object.keys(errors)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) > 0) {
+    if ((Object === null || Object === void 0 || (_Object$keys = Object.keys(errors)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) > 0) {
       var _Object$values;
       setAlertState({
         open: true,
-        content: Object === null || Object === void 0 ? void 0 : (_Object$values = Object.values(errors)) === null || _Object$values === void 0 ? void 0 : _Object$values.map(function (error) {
+        content: Object === null || Object === void 0 || (_Object$values = Object.values(errors)) === null || _Object$values === void 0 ? void 0 : _Object$values.map(function (error) {
           return error === null || error === void 0 ? void 0 : error.message;
         })
       });
@@ -108,12 +108,12 @@ var RefundToWallet = function RefundToWallet(props) {
     setRefundAllDisabled(false);
     setIsRefundAll(true);
     if (!(order !== null && order !== void 0 && order.payment_events)) return;
-    var totalRefundAmount = (order === null || order === void 0 ? void 0 : (_order$payment_events = order.payment_events) === null || _order$payment_events === void 0 ? void 0 : _order$payment_events.filter(function (item) {
+    var totalRefundAmount = (order === null || order === void 0 || (_order$payment_events = order.payment_events) === null || _order$payment_events === void 0 ? void 0 : _order$payment_events.filter(function (item) {
       return item.event === 'refund';
     }).reduce(function (total, event) {
       return total + ((event === null || event === void 0 ? void 0 : event.amount) || 0);
     }, 0)) || 0;
-    if (totalRefundAmount === ((order === null || order === void 0 ? void 0 : (_order$summary2 = order.summary) === null || _order$summary2 === void 0 ? void 0 : _order$summary2.total) || (order === null || order === void 0 ? void 0 : order.total))) {
+    if (totalRefundAmount === ((order === null || order === void 0 || (_order$summary2 = order.summary) === null || _order$summary2 === void 0 ? void 0 : _order$summary2.total) || (order === null || order === void 0 ? void 0 : order.total))) {
       setRefundDisabled(true);
     }
     if (totalRefundAmount) {
@@ -121,26 +121,26 @@ var RefundToWallet = function RefundToWallet(props) {
       setIsRefundAll(false);
     }
     var _refundOptions = [];
-    var paymentEvents = (order === null || order === void 0 ? void 0 : (_order$payment_events2 = order.payment_events) === null || _order$payment_events2 === void 0 ? void 0 : _order$payment_events2.filter(function (item) {
+    var paymentEvents = (order === null || order === void 0 || (_order$payment_events2 = order.payment_events) === null || _order$payment_events2 === void 0 ? void 0 : _order$payment_events2.filter(function (item) {
       return item.event === 'payment';
     })) || [];
     paymentEvents.forEach(function (event) {
-      var _event$wallet_event, _event$wallet_event$w, _event$wallet_event2, _event$wallet_event2$, _event$paymethod, _event$data;
-      if ((event === null || event === void 0 ? void 0 : (_event$wallet_event = event.wallet_event) === null || _event$wallet_event === void 0 ? void 0 : (_event$wallet_event$w = _event$wallet_event.wallet) === null || _event$wallet_event$w === void 0 ? void 0 : _event$wallet_event$w.type) === 'cash') {
+      var _event$wallet_event, _event$wallet_event2, _event$paymethod, _event$data;
+      if ((event === null || event === void 0 || (_event$wallet_event = event.wallet_event) === null || _event$wallet_event === void 0 || (_event$wallet_event = _event$wallet_event.wallet) === null || _event$wallet_event === void 0 ? void 0 : _event$wallet_event.type) === 'cash') {
         if (isAllowCashWalletRefund) {
           _refundOptions.push({
             value: event.id,
             content: /*#__PURE__*/_react.default.createElement(_styles2.Option, null, t('CASH_WALLET', 'Cash Wallet'))
           });
         }
-      } else if ((event === null || event === void 0 ? void 0 : (_event$wallet_event2 = event.wallet_event) === null || _event$wallet_event2 === void 0 ? void 0 : (_event$wallet_event2$ = _event$wallet_event2.wallet) === null || _event$wallet_event2$ === void 0 ? void 0 : _event$wallet_event2$.type) === 'credit_point') {
+      } else if ((event === null || event === void 0 || (_event$wallet_event2 = event.wallet_event) === null || _event$wallet_event2 === void 0 || (_event$wallet_event2 = _event$wallet_event2.wallet) === null || _event$wallet_event2 === void 0 ? void 0 : _event$wallet_event2.type) === 'credit_point') {
         if (isAllowCreditPointRefund) {
           _refundOptions.push({
             value: event.id,
             content: /*#__PURE__*/_react.default.createElement(_styles2.Option, null, t('POINTS_WALLET', 'Points Wallet'))
           });
         }
-      } else if ((event === null || event === void 0 ? void 0 : (_event$paymethod = event.paymethod) === null || _event$paymethod === void 0 ? void 0 : _event$paymethod.gateway) === 'stripe' || (event === null || event === void 0 ? void 0 : (_event$data = event.data) === null || _event$data === void 0 ? void 0 : _event$data.gateway) === 'stripe') {
+      } else if ((event === null || event === void 0 || (_event$paymethod = event.paymethod) === null || _event$paymethod === void 0 ? void 0 : _event$paymethod.gateway) === 'stripe' || (event === null || event === void 0 || (_event$data = event.data) === null || _event$data === void 0 ? void 0 : _event$data.gateway) === 'stripe') {
         if (isAllowStripeRefund) {
           _refundOptions.push({
             value: event.id,
@@ -149,10 +149,10 @@ var RefundToWallet = function RefundToWallet(props) {
         }
       } else {
         if (isAllowOtherRefund) {
-          var _event$paymethod2, _event$paymethod2$gat, _event$paymethod3, _event$data2, _event$data2$gateway, _event$data3, _event$data3$gateway;
+          var _event$paymethod2, _event$paymethod3, _event$data2, _event$data3;
           _refundOptions.push({
             value: event.id,
-            content: /*#__PURE__*/_react.default.createElement(_styles2.Option, null, event !== null && event !== void 0 && event.paymethod ? t(event === null || event === void 0 ? void 0 : (_event$paymethod2 = event.paymethod) === null || _event$paymethod2 === void 0 ? void 0 : (_event$paymethod2$gat = _event$paymethod2.gateway) === null || _event$paymethod2$gat === void 0 ? void 0 : _event$paymethod2$gat.toUpperCase(), event === null || event === void 0 ? void 0 : (_event$paymethod3 = event.paymethod) === null || _event$paymethod3 === void 0 ? void 0 : _event$paymethod3.name) : t(event === null || event === void 0 ? void 0 : (_event$data2 = event.data) === null || _event$data2 === void 0 ? void 0 : (_event$data2$gateway = _event$data2.gateway) === null || _event$data2$gateway === void 0 ? void 0 : _event$data2$gateway.toUpperCase(), event === null || event === void 0 ? void 0 : (_event$data3 = event.data) === null || _event$data3 === void 0 ? void 0 : (_event$data3$gateway = _event$data3.gateway) === null || _event$data3$gateway === void 0 ? void 0 : _event$data3$gateway.replaceAll('_', ' ')))
+            content: /*#__PURE__*/_react.default.createElement(_styles2.Option, null, event !== null && event !== void 0 && event.paymethod ? t(event === null || event === void 0 || (_event$paymethod2 = event.paymethod) === null || _event$paymethod2 === void 0 || (_event$paymethod2 = _event$paymethod2.gateway) === null || _event$paymethod2 === void 0 ? void 0 : _event$paymethod2.toUpperCase(), event === null || event === void 0 || (_event$paymethod3 = event.paymethod) === null || _event$paymethod3 === void 0 ? void 0 : _event$paymethod3.name) : t(event === null || event === void 0 || (_event$data2 = event.data) === null || _event$data2 === void 0 || (_event$data2 = _event$data2.gateway) === null || _event$data2 === void 0 ? void 0 : _event$data2.toUpperCase(), event === null || event === void 0 || (_event$data3 = event.data) === null || _event$data3 === void 0 || (_event$data3 = _event$data3.gateway) === null || _event$data3 === void 0 ? void 0 : _event$data3.replaceAll('_', ' ')))
           });
         }
       }

package/_modules/themes/callcenterOriginal/src/components/Orders/OrderBill/index.js CHANGED Viewed

@@ -26,12 +26,12 @@ 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 OrderBill = function OrderBill(props) {
-  var _order$products, _order$products$, _order$summary$subtot, _order$summary2, _ref, _order$summary3, _order$offers, _order$summary$discou, _order$summary4, _order$offers2, _order$offers3, _order$offers3$filter, _order$summary5, _order$summary6, _order$summary7, _ref2, _order$summary8, _order$summary$subtot2, _order$summary9, _order$taxes3, _order$summary$tax2, _order$summary10, _order$fees, _order$summary$servic, _order$summary11, _order$taxes4, _order$taxes5, _order$fees2, _order$fees3, _order$fees3$filter, _order$offers4, _order$offers5, _order$offers5$filter, _order$summary12, _order$summary13, _order$offers6, _order$offers7, _order$offers7$filter, _order$summary14, _order$summary15, _configs$driver_tip_t, _configs$driver_tip_u, _order$summary$driver, _order$summary16, _order$summary17, _order$payment_events, _order$payment_events2, _order$payment_events3, _order$payment_events4, _order$delivery_optio, _order$delivery_optio2, _order$delivery_optio3, _order$delivery_optio4, _order$vehicle, _order$vehicle$type, _order$vehicle2, _order$vehicle3, _order$vehicle4, _order$vehicle5, _order$paymethod;
+  var _order$products, _order$summary$subtot, _order$summary2, _ref, _order$summary3, _order$offers, _order$summary$discou, _order$summary4, _order$offers2, _order$offers3, _order$summary5, _order$summary6, _order$summary7, _ref2, _order$summary8, _order$summary$subtot2, _order$summary9, _order$taxes3, _order$summary$tax2, _order$summary10, _order$fees, _order$summary$servic, _order$summary11, _order$taxes4, _order$taxes5, _order$fees2, _order$fees3, _order$offers4, _order$offers5, _order$summary12, _order$summary13, _order$offers6, _order$offers7, _order$summary14, _order$summary15, _configs$driver_tip_t, _configs$driver_tip_u, _order$summary$driver, _order$summary16, _order$summary17, _order$payment_events, _order$payment_events2, _order$payment_events3, _order$payment_events4, _order$delivery_optio, _order$delivery_optio2, _order$vehicle, _order$vehicle2, _order$vehicle3, _order$vehicle4, _order$vehicle5, _order$paymethod;
   var order = props.order,
     actionStatus = props.actionStatus,
     handleRefundPaymentsStripe = props.handleRefundPaymentsStripe,
     handleOrderRefund = props.handleOrderRefund;
-  var isGiftCardOrder = (order === null || order === void 0 ? void 0 : (_order$products = order.products) === null || _order$products === void 0 ? void 0 : (_order$products$ = _order$products[0]) === null || _order$products$ === void 0 ? void 0 : _order$products$.type) === 'gift_card';
+  var isGiftCardOrder = (order === null || order === void 0 || (_order$products = order.products) === null || _order$products === void 0 || (_order$products = _order$products[0]) === null || _order$products === void 0 ? void 0 : _order$products.type) === 'gift_card';
   var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -93,9 +93,9 @@ var OrderBill = function OrderBill(props) {
   var getIncludedTaxes = function getIncludedTaxes() {
     var _order$taxes;
     if (!(order !== null && order !== void 0 && order.taxes)) return 0;
-    if ((order === null || order === void 0 ? void 0 : (_order$taxes = order.taxes) === null || _order$taxes === void 0 ? void 0 : _order$taxes.length) === 0) {
+    if ((order === null || order === void 0 || (_order$taxes = order.taxes) === null || _order$taxes === void 0 ? void 0 : _order$taxes.length) === 0) {
       var _order$summary$tax, _order$summary;
-      return order.tax_type === 1 ? (_order$summary$tax = order === null || order === void 0 ? void 0 : (_order$summary = order.summary) === null || _order$summary === void 0 ? void 0 : _order$summary.tax) !== null && _order$summary$tax !== void 0 ? _order$summary$tax : 0 : 0;
+      return order.tax_type === 1 ? (_order$summary$tax = order === null || order === void 0 || (_order$summary = order.summary) === null || _order$summary === void 0 ? void 0 : _order$summary.tax) !== null && _order$summary$tax !== void 0 ? _order$summary$tax : 0 : 0;
     } else {
       return order === null || order === void 0 ? void 0 : order.taxes.reduce(function (taxIncluded, tax) {
         var _tax$summary;
@@ -104,12 +104,12 @@ var OrderBill = function OrderBill(props) {
     }
   };
   var getIncludedTaxesDiscounts = function getIncludedTaxesDiscounts() {
-    var _order$taxes2, _order$taxes2$filter;
-    return order === null || order === void 0 ? void 0 : (_order$taxes2 = order.taxes) === null || _order$taxes2 === void 0 ? void 0 : (_order$taxes2$filter = _order$taxes2.filter(function (tax) {
+    var _order$taxes2;
+    return order === null || order === void 0 || (_order$taxes2 = order.taxes) === null || _order$taxes2 === void 0 || (_order$taxes2 = _order$taxes2.filter(function (tax) {
       return (tax === null || tax === void 0 ? void 0 : tax.type) === 1;
-    })) === null || _order$taxes2$filter === void 0 ? void 0 : _order$taxes2$filter.reduce(function (carry, tax) {
+    })) === null || _order$taxes2 === void 0 ? void 0 : _order$taxes2.reduce(function (carry, tax) {
       var _tax$summary$tax_afte, _tax$summary2, _tax$summary3;
-      return carry + ((_tax$summary$tax_afte = tax === null || tax === void 0 ? void 0 : (_tax$summary2 = tax.summary) === null || _tax$summary2 === void 0 ? void 0 : _tax$summary2.tax_after_discount) !== null && _tax$summary$tax_afte !== void 0 ? _tax$summary$tax_afte : tax === null || tax === void 0 ? void 0 : (_tax$summary3 = tax.summary) === null || _tax$summary3 === void 0 ? void 0 : _tax$summary3.tax);
+      return carry + ((_tax$summary$tax_afte = tax === null || tax === void 0 || (_tax$summary2 = tax.summary) === null || _tax$summary2 === void 0 ? void 0 : _tax$summary2.tax_after_discount) !== null && _tax$summary$tax_afte !== void 0 ? _tax$summary$tax_afte : tax === null || tax === void 0 || (_tax$summary3 = tax.summary) === null || _tax$summary3 === void 0 ? void 0 : _tax$summary3.tax);
     }, 0);
   };
   (0, _react.useEffect)(function () {
@@ -121,82 +121,82 @@ var OrderBill = function OrderBill(props) {
       });
     }
   }, [actionStatus === null || actionStatus === void 0 ? void 0 : actionStatus.error]);
-  return /*#__PURE__*/_react.default.createElement(_styles2.OrderBillContainer, null, /*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('SUBTOTAL', 'Subtotal')), /*#__PURE__*/_react.default.createElement("td", null, parsePrice(((_order$summary$subtot = order === null || order === void 0 ? void 0 : (_order$summary2 = order.summary) === null || _order$summary2 === void 0 ? void 0 : _order$summary2.subtotal) !== null && _order$summary$subtot !== void 0 ? _order$summary$subtot : order === null || order === void 0 ? void 0 : order.subtotal) + getIncludedTaxes(), {
+  return /*#__PURE__*/_react.default.createElement(_styles2.OrderBillContainer, null, /*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('SUBTOTAL', 'Subtotal')), /*#__PURE__*/_react.default.createElement("td", null, parsePrice(((_order$summary$subtot = order === null || order === void 0 || (_order$summary2 = order.summary) === null || _order$summary2 === void 0 ? void 0 : _order$summary2.subtotal) !== null && _order$summary$subtot !== void 0 ? _order$summary$subtot : order === null || order === void 0 ? void 0 : order.subtotal) + getIncludedTaxes(), {
     currency: (0, _utils.getCurrenySymbol)(order === null || order === void 0 ? void 0 : order.currency)
-  }))), ((_ref = (order === null || order === void 0 ? void 0 : (_order$summary3 = order.summary) === null || _order$summary3 === void 0 ? void 0 : _order$summary3.discount) > 0) !== null && _ref !== void 0 ? _ref : (order === null || order === void 0 ? void 0 : order.discount) > 0) && (order === null || order === void 0 ? void 0 : (_order$offers = order.offers) === null || _order$offers === void 0 ? void 0 : _order$offers.length) === 0 && /*#__PURE__*/_react.default.createElement("tr", null, (order === null || order === void 0 ? void 0 : order.offer_type) === 1 ? /*#__PURE__*/_react.default.createElement("td", null, t('DISCOUNT', 'Discount'), ' ', /*#__PURE__*/_react.default.createElement("span", null, "(".concat((0, _utils.verifyDecimals)(order === null || order === void 0 ? void 0 : order.offer_rate, parsePrice), "%)"))) : /*#__PURE__*/_react.default.createElement("td", null, t('DISCOUNT', 'Discount')), /*#__PURE__*/_react.default.createElement("td", null, "- ", parsePrice((_order$summary$discou = order === null || order === void 0 ? void 0 : (_order$summary4 = order.summary) === null || _order$summary4 === void 0 ? void 0 : _order$summary4.discount) !== null && _order$summary$discou !== void 0 ? _order$summary$discou : order === null || order === void 0 ? void 0 : order.discount, {
+  }))), ((_ref = (order === null || order === void 0 || (_order$summary3 = order.summary) === null || _order$summary3 === void 0 ? void 0 : _order$summary3.discount) > 0) !== null && _ref !== void 0 ? _ref : (order === null || order === void 0 ? void 0 : order.discount) > 0) && (order === null || order === void 0 || (_order$offers = order.offers) === null || _order$offers === void 0 ? void 0 : _order$offers.length) === 0 && /*#__PURE__*/_react.default.createElement("tr", null, (order === null || order === void 0 ? void 0 : order.offer_type) === 1 ? /*#__PURE__*/_react.default.createElement("td", null, t('DISCOUNT', 'Discount'), ' ', /*#__PURE__*/_react.default.createElement("span", null, "(".concat((0, _utils.verifyDecimals)(order === null || order === void 0 ? void 0 : order.offer_rate, parsePrice), "%)"))) : /*#__PURE__*/_react.default.createElement("td", null, t('DISCOUNT', 'Discount')), /*#__PURE__*/_react.default.createElement("td", null, "- ", parsePrice((_order$summary$discou = order === null || order === void 0 || (_order$summary4 = order.summary) === null || _order$summary4 === void 0 ? void 0 : _order$summary4.discount) !== null && _order$summary$discou !== void 0 ? _order$summary$discou : order === null || order === void 0 ? void 0 : order.discount, {
     currency: (0, _utils.getCurrenySymbol)(order === null || order === void 0 ? void 0 : order.currency)
-  }))), (order === null || order === void 0 ? void 0 : (_order$offers2 = order.offers) === null || _order$offers2 === void 0 ? void 0 : _order$offers2.length) > 0 && (order === null || order === void 0 ? void 0 : (_order$offers3 = order.offers) === null || _order$offers3 === void 0 ? void 0 : (_order$offers3$filter = _order$offers3.filter(function (offer) {
+  }))), (order === null || order === void 0 || (_order$offers2 = order.offers) === null || _order$offers2 === void 0 ? void 0 : _order$offers2.length) > 0 && (order === null || order === void 0 || (_order$offers3 = order.offers) === null || _order$offers3 === void 0 || (_order$offers3 = _order$offers3.filter(function (offer) {
     return (offer === null || offer === void 0 ? void 0 : offer.target) === 1;
-  })) === null || _order$offers3$filter === void 0 ? void 0 : _order$offers3$filter.map(function (offer) {
-    var _offer$name, _offer$name$toUpperCa, _offer$summary;
+  })) === null || _order$offers3 === void 0 ? void 0 : _order$offers3.map(function (offer) {
+    var _offer$name, _offer$summary;
     return /*#__PURE__*/_react.default.createElement("tr", {
       key: offer.id
-    }, /*#__PURE__*/_react.default.createElement("td", null, t(offer === null || offer === void 0 ? void 0 : (_offer$name = offer.name) === null || _offer$name === void 0 ? void 0 : (_offer$name$toUpperCa = _offer$name.toUpperCase()) === null || _offer$name$toUpperCa === void 0 ? void 0 : _offer$name$toUpperCa.replaceAll(' ', '_'), offer.name), offer.rate_type === 1 && /*#__PURE__*/_react.default.createElement("span", null, "(".concat((0, _utils.verifyDecimals)(offer === null || offer === void 0 ? void 0 : offer.rate, parsePrice), "%)"))), /*#__PURE__*/_react.default.createElement("td", null, "- ", parsePrice(offer === null || offer === void 0 ? void 0 : (_offer$summary = offer.summary) === null || _offer$summary === void 0 ? void 0 : _offer$summary.discount, {
+    }, /*#__PURE__*/_react.default.createElement("td", null, t(offer === null || offer === void 0 || (_offer$name = offer.name) === null || _offer$name === void 0 || (_offer$name = _offer$name.toUpperCase()) === null || _offer$name === void 0 ? void 0 : _offer$name.replaceAll(' ', '_'), offer.name), offer.rate_type === 1 && /*#__PURE__*/_react.default.createElement("span", null, "(".concat((0, _utils.verifyDecimals)(offer === null || offer === void 0 ? void 0 : offer.rate, parsePrice), "%)"))), /*#__PURE__*/_react.default.createElement("td", null, "- ", parsePrice(offer === null || offer === void 0 || (_offer$summary = offer.summary) === null || _offer$summary === void 0 ? void 0 : _offer$summary.discount, {
       currency: (0, _utils.getCurrenySymbol)(order === null || order === void 0 ? void 0 : order.currency)
     })));
-  })), (order === null || order === void 0 ? void 0 : (_order$summary5 = order.summary) === null || _order$summary5 === void 0 ? void 0 : _order$summary5.subtotal_with_discount) > 0 && (order === null || order === void 0 ? void 0 : (_order$summary6 = order.summary) === null || _order$summary6 === void 0 ? void 0 : _order$summary6.discount) > 0 && (order === null || order === void 0 ? void 0 : (_order$summary7 = order.summary) === null || _order$summary7 === void 0 ? void 0 : _order$summary7.total) >= 0 && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('SUBTOTAL_WITH_DISCOUNT', 'Subtotal with discount')), (order === null || order === void 0 ? void 0 : order.tax_type) === 1 ? /*#__PURE__*/_react.default.createElement("td", null, parsePrice((_ref2 = (order === null || order === void 0 ? void 0 : (_order$summary8 = order.summary) === null || _order$summary8 === void 0 ? void 0 : _order$summary8.subtotal_with_discount) + getIncludedTaxesDiscounts()) !== null && _ref2 !== void 0 ? _ref2 : 0, {
+  })), (order === null || order === void 0 || (_order$summary5 = order.summary) === null || _order$summary5 === void 0 ? void 0 : _order$summary5.subtotal_with_discount) > 0 && (order === null || order === void 0 || (_order$summary6 = order.summary) === null || _order$summary6 === void 0 ? void 0 : _order$summary6.discount) > 0 && (order === null || order === void 0 || (_order$summary7 = order.summary) === null || _order$summary7 === void 0 ? void 0 : _order$summary7.total) >= 0 && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('SUBTOTAL_WITH_DISCOUNT', 'Subtotal with discount')), (order === null || order === void 0 ? void 0 : order.tax_type) === 1 ? /*#__PURE__*/_react.default.createElement("td", null, parsePrice((_ref2 = (order === null || order === void 0 || (_order$summary8 = order.summary) === null || _order$summary8 === void 0 ? void 0 : _order$summary8.subtotal_with_discount) + getIncludedTaxesDiscounts()) !== null && _ref2 !== void 0 ? _ref2 : 0, {
     currency: (0, _utils.getCurrenySymbol)(order === null || order === void 0 ? void 0 : order.currency)
-  })) : /*#__PURE__*/_react.default.createElement("td", null, parsePrice((_order$summary$subtot2 = order === null || order === void 0 ? void 0 : (_order$summary9 = order.summary) === null || _order$summary9 === void 0 ? void 0 : _order$summary9.subtotal_with_discount) !== null && _order$summary$subtot2 !== void 0 ? _order$summary$subtot2 : 0, {
+  })) : /*#__PURE__*/_react.default.createElement("td", null, parsePrice((_order$summary$subtot2 = order === null || order === void 0 || (_order$summary9 = order.summary) === null || _order$summary9 === void 0 ? void 0 : _order$summary9.subtotal_with_discount) !== null && _order$summary$subtot2 !== void 0 ? _order$summary$subtot2 : 0, {
     currency: (0, _utils.getCurrenySymbol)(order === null || order === void 0 ? void 0 : order.currency)
-  }))), (order === null || order === void 0 ? void 0 : (_order$taxes3 = order.taxes) === null || _order$taxes3 === void 0 ? void 0 : _order$taxes3.length) === 0 && (order === null || order === void 0 ? void 0 : order.tax_type) === 2 && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('TAX', 'Tax'), /*#__PURE__*/_react.default.createElement("span", null, "(".concat((0, _utils.verifyDecimals)(order === null || order === void 0 ? void 0 : order.tax, parseNumber), "%)"))), /*#__PURE__*/_react.default.createElement("td", null, parsePrice((_order$summary$tax2 = order === null || order === void 0 ? void 0 : (_order$summary10 = order.summary) === null || _order$summary10 === void 0 ? void 0 : _order$summary10.tax) !== null && _order$summary$tax2 !== void 0 ? _order$summary$tax2 : 0, {
+  }))), (order === null || order === void 0 || (_order$taxes3 = order.taxes) === null || _order$taxes3 === void 0 ? void 0 : _order$taxes3.length) === 0 && (order === null || order === void 0 ? void 0 : order.tax_type) === 2 && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('TAX', 'Tax'), /*#__PURE__*/_react.default.createElement("span", null, "(".concat((0, _utils.verifyDecimals)(order === null || order === void 0 ? void 0 : order.tax, parseNumber), "%)"))), /*#__PURE__*/_react.default.createElement("td", null, parsePrice((_order$summary$tax2 = order === null || order === void 0 || (_order$summary10 = order.summary) === null || _order$summary10 === void 0 ? void 0 : _order$summary10.tax) !== null && _order$summary$tax2 !== void 0 ? _order$summary$tax2 : 0, {
     currency: (0, _utils.getCurrenySymbol)(order === null || order === void 0 ? void 0 : order.currency)
-  }))), (order === null || order === void 0 ? void 0 : (_order$fees = order.fees) === null || _order$fees === void 0 ? void 0 : _order$fees.length) === 0 && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('SERVICE_FEE', 'Service fee'), /*#__PURE__*/_react.default.createElement("span", null, "(".concat((0, _utils.verifyDecimals)(order === null || order === void 0 ? void 0 : order.service_fee, parseNumber), "%)"))), /*#__PURE__*/_react.default.createElement("td", null, parsePrice((_order$summary$servic = order === null || order === void 0 ? void 0 : (_order$summary11 = order.summary) === null || _order$summary11 === void 0 ? void 0 : _order$summary11.service_fee) !== null && _order$summary$servic !== void 0 ? _order$summary$servic : 0, {
+  }))), (order === null || order === void 0 || (_order$fees = order.fees) === null || _order$fees === void 0 ? void 0 : _order$fees.length) === 0 && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('SERVICE_FEE', 'Service fee'), /*#__PURE__*/_react.default.createElement("span", null, "(".concat((0, _utils.verifyDecimals)(order === null || order === void 0 ? void 0 : order.service_fee, parseNumber), "%)"))), /*#__PURE__*/_react.default.createElement("td", null, parsePrice((_order$summary$servic = order === null || order === void 0 || (_order$summary11 = order.summary) === null || _order$summary11 === void 0 ? void 0 : _order$summary11.service_fee) !== null && _order$summary$servic !== void 0 ? _order$summary$servic : 0, {
     currency: (0, _utils.getCurrenySymbol)(order === null || order === void 0 ? void 0 : order.currency)
-  }))), (order === null || order === void 0 ? void 0 : (_order$taxes4 = order.taxes) === null || _order$taxes4 === void 0 ? void 0 : _order$taxes4.length) > 0 && (order === null || order === void 0 ? void 0 : (_order$taxes5 = order.taxes) === null || _order$taxes5 === void 0 ? void 0 : _order$taxes5.filter(function (tax) {
+  }))), (order === null || order === void 0 || (_order$taxes4 = order.taxes) === null || _order$taxes4 === void 0 ? void 0 : _order$taxes4.length) > 0 && (order === null || order === void 0 || (_order$taxes5 = order.taxes) === null || _order$taxes5 === void 0 ? void 0 : _order$taxes5.filter(function (tax) {
     return (tax === null || tax === void 0 ? void 0 : tax.type) === 2 && (tax === null || tax === void 0 ? void 0 : tax.rate) !== 0;
   }).map(function (tax) {
-    var _tax$name, _tax$name$toUpperCase, _ref3, _tax$summary$tax_afte2, _tax$summary4, _tax$summary5;
+    var _tax$name, _ref3, _tax$summary$tax_afte2, _tax$summary4, _tax$summary5;
     return /*#__PURE__*/_react.default.createElement("tr", {
       key: tax === null || tax === void 0 ? void 0 : tax.id
-    }, /*#__PURE__*/_react.default.createElement("td", null, t(tax === null || tax === void 0 ? void 0 : (_tax$name = tax.name) === null || _tax$name === void 0 ? void 0 : (_tax$name$toUpperCase = _tax$name.toUpperCase()) === null || _tax$name$toUpperCase === void 0 ? void 0 : _tax$name$toUpperCase.replaceAll(' ', '_'), tax === null || tax === void 0 ? void 0 : tax.name) || t('INHERIT_FROM_BUSINESS', 'Inherit from business'), /*#__PURE__*/_react.default.createElement("span", null, "(".concat((0, _utils.verifyDecimals)(tax === null || tax === void 0 ? void 0 : tax.rate, parseNumber), "%)"))), /*#__PURE__*/_react.default.createElement("td", null, parsePrice((_ref3 = (_tax$summary$tax_afte2 = tax === null || tax === void 0 ? void 0 : (_tax$summary4 = tax.summary) === null || _tax$summary4 === void 0 ? void 0 : _tax$summary4.tax_after_discount) !== null && _tax$summary$tax_afte2 !== void 0 ? _tax$summary$tax_afte2 : tax === null || tax === void 0 ? void 0 : (_tax$summary5 = tax.summary) === null || _tax$summary5 === void 0 ? void 0 : _tax$summary5.tax) !== null && _ref3 !== void 0 ? _ref3 : 0, {
+    }, /*#__PURE__*/_react.default.createElement("td", null, t(tax === null || tax === void 0 || (_tax$name = tax.name) === null || _tax$name === void 0 || (_tax$name = _tax$name.toUpperCase()) === null || _tax$name === void 0 ? void 0 : _tax$name.replaceAll(' ', '_'), tax === null || tax === void 0 ? void 0 : tax.name) || t('INHERIT_FROM_BUSINESS', 'Inherit from business'), /*#__PURE__*/_react.default.createElement("span", null, "(".concat((0, _utils.verifyDecimals)(tax === null || tax === void 0 ? void 0 : tax.rate, parseNumber), "%)"))), /*#__PURE__*/_react.default.createElement("td", null, parsePrice((_ref3 = (_tax$summary$tax_afte2 = tax === null || tax === void 0 || (_tax$summary4 = tax.summary) === null || _tax$summary4 === void 0 ? void 0 : _tax$summary4.tax_after_discount) !== null && _tax$summary$tax_afte2 !== void 0 ? _tax$summary$tax_afte2 : tax === null || tax === void 0 || (_tax$summary5 = tax.summary) === null || _tax$summary5 === void 0 ? void 0 : _tax$summary5.tax) !== null && _ref3 !== void 0 ? _ref3 : 0, {
       currency: (0, _utils.getCurrenySymbol)(order === null || order === void 0 ? void 0 : order.currency)
     })));
-  })), (order === null || order === void 0 ? void 0 : (_order$fees2 = order.fees) === null || _order$fees2 === void 0 ? void 0 : _order$fees2.length) > 0 && (order === null || order === void 0 ? void 0 : (_order$fees3 = order.fees) === null || _order$fees3 === void 0 ? void 0 : (_order$fees3$filter = _order$fees3.filter(function (fee) {
+  })), (order === null || order === void 0 || (_order$fees2 = order.fees) === null || _order$fees2 === void 0 ? void 0 : _order$fees2.length) > 0 && (order === null || order === void 0 || (_order$fees3 = order.fees) === null || _order$fees3 === void 0 || (_order$fees3 = _order$fees3.filter(function (fee) {
     return !((fee === null || fee === void 0 ? void 0 : fee.fixed) === 0 && (fee === null || fee === void 0 ? void 0 : fee.percentage) === 0);
-  })) === null || _order$fees3$filter === void 0 ? void 0 : _order$fees3$filter.map(function (fee) {
-    var _fee$name, _fee$name$toUpperCase, _ref4, _fee$summary, _fee$summary$percenta, _fee$summary2, _fee$summary3;
+  })) === null || _order$fees3 === void 0 ? void 0 : _order$fees3.map(function (fee) {
+    var _fee$name, _ref4, _fee$summary, _fee$summary$percenta, _fee$summary2, _fee$summary3;
     return /*#__PURE__*/_react.default.createElement("tr", {
       key: fee.id
-    }, /*#__PURE__*/_react.default.createElement("td", null, t(fee === null || fee === void 0 ? void 0 : (_fee$name = fee.name) === null || _fee$name === void 0 ? void 0 : (_fee$name$toUpperCase = _fee$name.toUpperCase()) === null || _fee$name$toUpperCase === void 0 ? void 0 : _fee$name$toUpperCase.replaceAll(' ', '_'), fee === null || fee === void 0 ? void 0 : fee.name) || t('INHERIT_FROM_BUSINESS', 'Inherit from business'), "(", (fee === null || fee === void 0 ? void 0 : fee.fixed) > 0 && "".concat(parsePrice(fee === null || fee === void 0 ? void 0 : fee.fixed), " + "), fee.percentage, "%)"), /*#__PURE__*/_react.default.createElement("td", null, parsePrice((_ref4 = (fee === null || fee === void 0 ? void 0 : (_fee$summary = fee.summary) === null || _fee$summary === void 0 ? void 0 : _fee$summary.fixed) + ((_fee$summary$percenta = fee === null || fee === void 0 ? void 0 : (_fee$summary2 = fee.summary) === null || _fee$summary2 === void 0 ? void 0 : _fee$summary2.percentage_after_discount) !== null && _fee$summary$percenta !== void 0 ? _fee$summary$percenta : fee === null || fee === void 0 ? void 0 : (_fee$summary3 = fee.summary) === null || _fee$summary3 === void 0 ? void 0 : _fee$summary3.percentage)) !== null && _ref4 !== void 0 ? _ref4 : 0, {
+    }, /*#__PURE__*/_react.default.createElement("td", null, t(fee === null || fee === void 0 || (_fee$name = fee.name) === null || _fee$name === void 0 || (_fee$name = _fee$name.toUpperCase()) === null || _fee$name === void 0 ? void 0 : _fee$name.replaceAll(' ', '_'), fee === null || fee === void 0 ? void 0 : fee.name) || t('INHERIT_FROM_BUSINESS', 'Inherit from business'), "(", (fee === null || fee === void 0 ? void 0 : fee.fixed) > 0 && "".concat(parsePrice(fee === null || fee === void 0 ? void 0 : fee.fixed), " + "), fee.percentage, "%)"), /*#__PURE__*/_react.default.createElement("td", null, parsePrice((_ref4 = (fee === null || fee === void 0 || (_fee$summary = fee.summary) === null || _fee$summary === void 0 ? void 0 : _fee$summary.fixed) + ((_fee$summary$percenta = fee === null || fee === void 0 || (_fee$summary2 = fee.summary) === null || _fee$summary2 === void 0 ? void 0 : _fee$summary2.percentage_after_discount) !== null && _fee$summary$percenta !== void 0 ? _fee$summary$percenta : fee === null || fee === void 0 || (_fee$summary3 = fee.summary) === null || _fee$summary3 === void 0 ? void 0 : _fee$summary3.percentage)) !== null && _ref4 !== void 0 ? _ref4 : 0, {
       currency: (0, _utils.getCurrenySymbol)(order === null || order === void 0 ? void 0 : order.currency)
     })));
-  })), (order === null || order === void 0 ? void 0 : (_order$offers4 = order.offers) === null || _order$offers4 === void 0 ? void 0 : _order$offers4.length) > 0 && (order === null || order === void 0 ? void 0 : (_order$offers5 = order.offers) === null || _order$offers5 === void 0 ? void 0 : (_order$offers5$filter = _order$offers5.filter(function (offer) {
+  })), (order === null || order === void 0 || (_order$offers4 = order.offers) === null || _order$offers4 === void 0 ? void 0 : _order$offers4.length) > 0 && (order === null || order === void 0 || (_order$offers5 = order.offers) === null || _order$offers5 === void 0 || (_order$offers5 = _order$offers5.filter(function (offer) {
     return (offer === null || offer === void 0 ? void 0 : offer.target) === 3;
-  })) === null || _order$offers5$filter === void 0 ? void 0 : _order$offers5$filter.map(function (offer) {
-    var _offer$name2, _offer$name2$toUpperC, _offer$summary2;
+  })) === null || _order$offers5 === void 0 ? void 0 : _order$offers5.map(function (offer) {
+    var _offer$name2, _offer$summary2;
     return /*#__PURE__*/_react.default.createElement("tr", {
       key: offer.id
-    }, /*#__PURE__*/_react.default.createElement("td", null, t(offer === null || offer === void 0 ? void 0 : (_offer$name2 = offer.name) === null || _offer$name2 === void 0 ? void 0 : (_offer$name2$toUpperC = _offer$name2.toUpperCase()) === null || _offer$name2$toUpperC === void 0 ? void 0 : _offer$name2$toUpperC.replaceAll(' ', '_'), offer.name), offer.rate_type === 1 && /*#__PURE__*/_react.default.createElement("span", null, "(".concat((0, _utils.verifyDecimals)(offer === null || offer === void 0 ? void 0 : offer.rate, parsePrice), "%)"))), /*#__PURE__*/_react.default.createElement("td", null, "- ", parsePrice(offer === null || offer === void 0 ? void 0 : (_offer$summary2 = offer.summary) === null || _offer$summary2 === void 0 ? void 0 : _offer$summary2.discount, {
+    }, /*#__PURE__*/_react.default.createElement("td", null, t(offer === null || offer === void 0 || (_offer$name2 = offer.name) === null || _offer$name2 === void 0 || (_offer$name2 = _offer$name2.toUpperCase()) === null || _offer$name2 === void 0 ? void 0 : _offer$name2.replaceAll(' ', '_'), offer.name), offer.rate_type === 1 && /*#__PURE__*/_react.default.createElement("span", null, "(".concat((0, _utils.verifyDecimals)(offer === null || offer === void 0 ? void 0 : offer.rate, parsePrice), "%)"))), /*#__PURE__*/_react.default.createElement("td", null, "- ", parsePrice(offer === null || offer === void 0 || (_offer$summary2 = offer.summary) === null || _offer$summary2 === void 0 ? void 0 : _offer$summary2.discount, {
       currency: (0, _utils.getCurrenySymbol)(order === null || order === void 0 ? void 0 : order.currency)
     })));
-  })), typeof (order === null || order === void 0 ? void 0 : (_order$summary12 = order.summary) === null || _order$summary12 === void 0 ? void 0 : _order$summary12.delivery_price) === 'number' && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('DELIVERY_FEE', 'Delivery Fee')), /*#__PURE__*/_react.default.createElement("td", null, parsePrice(order === null || order === void 0 ? void 0 : (_order$summary13 = order.summary) === null || _order$summary13 === void 0 ? void 0 : _order$summary13.delivery_price, {
+  })), typeof (order === null || order === void 0 || (_order$summary12 = order.summary) === null || _order$summary12 === void 0 ? void 0 : _order$summary12.delivery_price) === 'number' && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('DELIVERY_FEE', 'Delivery Fee')), /*#__PURE__*/_react.default.createElement("td", null, parsePrice(order === null || order === void 0 || (_order$summary13 = order.summary) === null || _order$summary13 === void 0 ? void 0 : _order$summary13.delivery_price, {
     currency: (0, _utils.getCurrenySymbol)(order === null || order === void 0 ? void 0 : order.currency)
-  }))), (order === null || order === void 0 ? void 0 : (_order$offers6 = order.offers) === null || _order$offers6 === void 0 ? void 0 : _order$offers6.length) > 0 && (order === null || order === void 0 ? void 0 : (_order$offers7 = order.offers) === null || _order$offers7 === void 0 ? void 0 : (_order$offers7$filter = _order$offers7.filter(function (offer) {
+  }))), (order === null || order === void 0 || (_order$offers6 = order.offers) === null || _order$offers6 === void 0 ? void 0 : _order$offers6.length) > 0 && (order === null || order === void 0 || (_order$offers7 = order.offers) === null || _order$offers7 === void 0 || (_order$offers7 = _order$offers7.filter(function (offer) {
     return (offer === null || offer === void 0 ? void 0 : offer.target) === 2;
-  })) === null || _order$offers7$filter === void 0 ? void 0 : _order$offers7$filter.map(function (offer) {
-    var _offer$name3, _offer$name3$toUpperC, _offer$summary3;
+  })) === null || _order$offers7 === void 0 ? void 0 : _order$offers7.map(function (offer) {
+    var _offer$name3, _offer$summary3;
     return /*#__PURE__*/_react.default.createElement("tr", {
       key: offer.id
-    }, /*#__PURE__*/_react.default.createElement("td", null, t(offer === null || offer === void 0 ? void 0 : (_offer$name3 = offer.name) === null || _offer$name3 === void 0 ? void 0 : (_offer$name3$toUpperC = _offer$name3.toUpperCase()) === null || _offer$name3$toUpperC === void 0 ? void 0 : _offer$name3$toUpperC.replaceAll(' ', '_'), offer.name), offer.rate_type === 1 && /*#__PURE__*/_react.default.createElement("span", null, "(".concat((0, _utils.verifyDecimals)(offer === null || offer === void 0 ? void 0 : offer.rate, parsePrice), "%)"))), /*#__PURE__*/_react.default.createElement("td", null, "- ", parsePrice(offer === null || offer === void 0 ? void 0 : (_offer$summary3 = offer.summary) === null || _offer$summary3 === void 0 ? void 0 : _offer$summary3.discount, {
+    }, /*#__PURE__*/_react.default.createElement("td", null, t(offer === null || offer === void 0 || (_offer$name3 = offer.name) === null || _offer$name3 === void 0 || (_offer$name3 = _offer$name3.toUpperCase()) === null || _offer$name3 === void 0 ? void 0 : _offer$name3.replaceAll(' ', '_'), offer.name), offer.rate_type === 1 && /*#__PURE__*/_react.default.createElement("span", null, "(".concat((0, _utils.verifyDecimals)(offer === null || offer === void 0 ? void 0 : offer.rate, parsePrice), "%)"))), /*#__PURE__*/_react.default.createElement("td", null, "- ", parsePrice(offer === null || offer === void 0 || (_offer$summary3 = offer.summary) === null || _offer$summary3 === void 0 ? void 0 : _offer$summary3.discount, {
       currency: (0, _utils.getCurrenySymbol)(order === null || order === void 0 ? void 0 : order.currency)
     })));
-  })), ((order === null || order === void 0 ? void 0 : (_order$summary14 = order.summary) === null || _order$summary14 === void 0 ? void 0 : _order$summary14.driver_tip) > 0 || (order === null || order === void 0 ? void 0 : order.driver_tip) > 0) && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('DRIVER_TIP', 'Driver tip'), ' ', ((order === null || order === void 0 ? void 0 : (_order$summary15 = order.summary) === null || _order$summary15 === void 0 ? void 0 : _order$summary15.driver_tip) > 0 || (order === null || order === void 0 ? void 0 : order.driver_tip) > 0) && 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) && /*#__PURE__*/_react.default.createElement("span", null, "(".concat((0, _utils.verifyDecimals)(order === null || order === void 0 ? void 0 : order.driver_tip, parseNumber), "%)"))), /*#__PURE__*/_react.default.createElement("td", null, parsePrice((_order$summary$driver = order === null || order === void 0 ? void 0 : (_order$summary16 = order.summary) === null || _order$summary16 === void 0 ? void 0 : _order$summary16.driver_tip) !== null && _order$summary$driver !== void 0 ? _order$summary$driver : order === null || order === void 0 ? void 0 : order.totalDriverTip, {
+  })), ((order === null || order === void 0 || (_order$summary14 = order.summary) === null || _order$summary14 === void 0 ? void 0 : _order$summary14.driver_tip) > 0 || (order === null || order === void 0 ? void 0 : order.driver_tip) > 0) && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('DRIVER_TIP', 'Driver tip'), ' ', ((order === null || order === void 0 || (_order$summary15 = order.summary) === null || _order$summary15 === void 0 ? void 0 : _order$summary15.driver_tip) > 0 || (order === null || order === void 0 ? void 0 : order.driver_tip) > 0) && parseInt(configs === null || configs === 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 || (_configs$driver_tip_u = configs.driver_tip_use_custom) === null || _configs$driver_tip_u === void 0 ? void 0 : _configs$driver_tip_u.value, 10) && /*#__PURE__*/_react.default.createElement("span", null, "(".concat((0, _utils.verifyDecimals)(order === null || order === void 0 ? void 0 : order.driver_tip, parseNumber), "%)"))), /*#__PURE__*/_react.default.createElement("td", null, parsePrice((_order$summary$driver = order === null || order === void 0 || (_order$summary16 = order.summary) === null || _order$summary16 === void 0 ? void 0 : _order$summary16.driver_tip) !== null && _order$summary$driver !== void 0 ? _order$summary$driver : order === null || order === void 0 ? void 0 : order.totalDriverTip, {
     currency: (0, _utils.getCurrenySymbol)(order === null || order === void 0 ? void 0 : order.currency)
   }))))), /*#__PURE__*/_react.default.createElement("table", {
     className: "total"
-  }, /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('TOTAL', 'Total')), /*#__PURE__*/_react.default.createElement("td", null, parsePrice((order === null || order === void 0 ? void 0 : (_order$summary17 = order.summary) === null || _order$summary17 === void 0 ? void 0 : _order$summary17.total) || (order === null || order === void 0 ? void 0 : order.total), {
+  }, /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('TOTAL', 'Total')), /*#__PURE__*/_react.default.createElement("td", null, parsePrice((order === null || order === void 0 || (_order$summary17 = order.summary) === null || _order$summary17 === void 0 ? void 0 : _order$summary17.total) || (order === null || order === void 0 ? void 0 : order.total), {
     currency: (0, _utils.getCurrenySymbol)(order === null || order === void 0 ? void 0 : order.currency)
-  }))))), (order === null || order === void 0 ? void 0 : (_order$payment_events = order.payment_events) === null || _order$payment_events === void 0 ? void 0 : _order$payment_events.length) > 0 && /*#__PURE__*/_react.default.createElement("table", {
+  }))))), (order === null || order === void 0 || (_order$payment_events = order.payment_events) === null || _order$payment_events === void 0 ? void 0 : _order$payment_events.length) > 0 && /*#__PURE__*/_react.default.createElement("table", {
     className: "payments"
   }, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", {
     colSpan: "2"
-  }, t('PAYMENTS', 'Payments')))), /*#__PURE__*/_react.default.createElement("tbody", null, order === null || order === void 0 ? void 0 : (_order$payment_events2 = order.payment_events) === null || _order$payment_events2 === void 0 ? void 0 : _order$payment_events2.filter(function (item) {
+  }, t('PAYMENTS', 'Payments')))), /*#__PURE__*/_react.default.createElement("tbody", null, order === null || order === void 0 || (_order$payment_events2 = order.payment_events) === null || _order$payment_events2 === void 0 ? void 0 : _order$payment_events2.filter(function (item) {
     return item.event === 'payment';
   }).map(function (event, i) {
-    var _walletName$event$wal, _event$wallet_event, _event$wallet_event$w, _event$paymethod, _event$paymethod$gate, _event$paymethod2, _event$data, _event$data2, _event$data2$gateway, _event$data3, _event$data3$gateway, _walletName$event$dat, _event$data4, _event$paymethod3;
+    var _walletName$event$wal, _event$wallet_event, _event$paymethod, _event$paymethod2, _event$data, _event$data2, _event$data3, _walletName$event$dat, _event$data4, _event$paymethod3;
     return /*#__PURE__*/_react.default.createElement("tr", {
       key: i
-    }, /*#__PURE__*/_react.default.createElement("td", null, event !== null && event !== void 0 && event.wallet_event ? (_walletName$event$wal = walletName[event === null || event === void 0 ? void 0 : (_event$wallet_event = event.wallet_event) === null || _event$wallet_event === void 0 ? void 0 : (_event$wallet_event$w = _event$wallet_event.wallet) === null || _event$wallet_event$w === void 0 ? void 0 : _event$wallet_event$w.type]) === null || _walletName$event$wal === void 0 ? void 0 : _walletName$event$wal.name : event !== null && event !== void 0 && event.paymethod ? t(event === null || event === void 0 ? void 0 : (_event$paymethod = event.paymethod) === null || _event$paymethod === void 0 ? void 0 : (_event$paymethod$gate = _event$paymethod.gateway) === null || _event$paymethod$gate === void 0 ? void 0 : _event$paymethod$gate.toUpperCase(), event === null || event === void 0 ? void 0 : (_event$paymethod2 = event.paymethod) === null || _event$paymethod2 === void 0 ? void 0 : _event$paymethod2.name) : event !== null && event !== void 0 && (_event$data = event.data) !== null && _event$data !== void 0 && _event$data.gateway ? t(event === null || event === void 0 ? void 0 : (_event$data2 = event.data) === null || _event$data2 === void 0 ? void 0 : (_event$data2$gateway = _event$data2.gateway) === null || _event$data2$gateway === void 0 ? void 0 : _event$data2$gateway.toUpperCase(), event === null || event === void 0 ? void 0 : (_event$data3 = event.data) === null || _event$data3 === void 0 ? void 0 : (_event$data3$gateway = _event$data3.gateway) === null || _event$data3$gateway === void 0 ? void 0 : _event$data3$gateway.replaceAll('_', ' ')) : (_walletName$event$dat = walletName[event === null || event === void 0 ? void 0 : (_event$data4 = event.data) === null || _event$data4 === void 0 ? void 0 : _event$data4.wallet_currency]) === null || _walletName$event$dat === void 0 ? void 0 : _walletName$event$dat.name), /*#__PURE__*/_react.default.createElement("td", null, (event === null || event === void 0 ? void 0 : (_event$paymethod3 = event.paymethod) === null || _event$paymethod3 === void 0 ? void 0 : _event$paymethod3.gateway) === 'cash' && order !== null && order !== void 0 && order.cash ? parsePrice(order === null || order === void 0 ? void 0 : order.cash, {
+    }, /*#__PURE__*/_react.default.createElement("td", null, event !== null && event !== void 0 && event.wallet_event ? (_walletName$event$wal = walletName[event === null || event === void 0 || (_event$wallet_event = event.wallet_event) === null || _event$wallet_event === void 0 || (_event$wallet_event = _event$wallet_event.wallet) === null || _event$wallet_event === void 0 ? void 0 : _event$wallet_event.type]) === null || _walletName$event$wal === void 0 ? void 0 : _walletName$event$wal.name : event !== null && event !== void 0 && event.paymethod ? t(event === null || event === void 0 || (_event$paymethod = event.paymethod) === null || _event$paymethod === void 0 || (_event$paymethod = _event$paymethod.gateway) === null || _event$paymethod === void 0 ? void 0 : _event$paymethod.toUpperCase(), event === null || event === void 0 || (_event$paymethod2 = event.paymethod) === null || _event$paymethod2 === void 0 ? void 0 : _event$paymethod2.name) : event !== null && event !== void 0 && (_event$data = event.data) !== null && _event$data !== void 0 && _event$data.gateway ? t(event === null || event === void 0 || (_event$data2 = event.data) === null || _event$data2 === void 0 || (_event$data2 = _event$data2.gateway) === null || _event$data2 === void 0 ? void 0 : _event$data2.toUpperCase(), event === null || event === void 0 || (_event$data3 = event.data) === null || _event$data3 === void 0 || (_event$data3 = _event$data3.gateway) === null || _event$data3 === void 0 ? void 0 : _event$data3.replaceAll('_', ' ')) : (_walletName$event$dat = walletName[event === null || event === void 0 || (_event$data4 = event.data) === null || _event$data4 === void 0 ? void 0 : _event$data4.wallet_currency]) === null || _walletName$event$dat === void 0 ? void 0 : _walletName$event$dat.name), /*#__PURE__*/_react.default.createElement("td", null, (event === null || event === void 0 || (_event$paymethod3 = event.paymethod) === null || _event$paymethod3 === void 0 ? void 0 : _event$paymethod3.gateway) === 'cash' && order !== null && order !== void 0 && order.cash ? parsePrice(order === null || order === void 0 ? void 0 : order.cash, {
       currency: (0, _utils.getCurrenySymbol)(order === null || order === void 0 ? void 0 : order.currency)
     }) : "-".concat(parsePrice(event === null || event === void 0 ? void 0 : event.amount, {
       currency: (0, _utils.getCurrenySymbol)(order === null || order === void 0 ? void 0 : order.currency)
@@ -205,26 +205,26 @@ var OrderBill = function OrderBill(props) {
     order: order,
     actionStatus: actionStatus,
     handleOrderRefund: handleOrderRefund
-  }), (order === null || order === void 0 ? void 0 : (_order$payment_events3 = order.payment_events) === null || _order$payment_events3 === void 0 ? void 0 : _order$payment_events3.filter(function (item) {
+  }), (order === null || order === void 0 || (_order$payment_events3 = order.payment_events) === null || _order$payment_events3 === void 0 ? void 0 : _order$payment_events3.filter(function (item) {
     return item.event === 'refund';
   }).length) > 0 && /*#__PURE__*/_react.default.createElement("table", {
     className: "payments"
   }, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", {
     colSpan: "2"
-  }, t('REFUND', 'Refund')))), /*#__PURE__*/_react.default.createElement("tbody", null, order === null || order === void 0 ? void 0 : (_order$payment_events4 = order.payment_events) === null || _order$payment_events4 === void 0 ? void 0 : _order$payment_events4.filter(function (item) {
+  }, t('REFUND', 'Refund')))), /*#__PURE__*/_react.default.createElement("tbody", null, order === null || order === void 0 || (_order$payment_events4 = order.payment_events) === null || _order$payment_events4 === void 0 ? void 0 : _order$payment_events4.filter(function (item) {
     return item.event === 'refund';
   }).map(function (event, i) {
-    var _walletName$event$wal2, _event$wallet_event2, _event$wallet_event2$, _event$paymethod4, _event$paymethod4$gat, _event$paymethod5, _event$data5, _event$data6, _event$data6$gateway, _event$data7, _event$data7$gateway, _walletName$event$dat2, _event$data8;
+    var _walletName$event$wal2, _event$wallet_event2, _event$paymethod4, _event$paymethod5, _event$data5, _event$data6, _event$data7, _walletName$event$dat2, _event$data8;
     return /*#__PURE__*/_react.default.createElement("tr", {
       key: i
-    }, /*#__PURE__*/_react.default.createElement("td", null, event !== null && event !== void 0 && event.wallet_event ? (_walletName$event$wal2 = walletName[event === null || event === void 0 ? void 0 : (_event$wallet_event2 = event.wallet_event) === null || _event$wallet_event2 === void 0 ? void 0 : (_event$wallet_event2$ = _event$wallet_event2.wallet) === null || _event$wallet_event2$ === void 0 ? void 0 : _event$wallet_event2$.type]) === null || _walletName$event$wal2 === void 0 ? void 0 : _walletName$event$wal2.name : event !== null && event !== void 0 && event.paymethod ? t(event === null || event === void 0 ? void 0 : (_event$paymethod4 = event.paymethod) === null || _event$paymethod4 === void 0 ? void 0 : (_event$paymethod4$gat = _event$paymethod4.gateway) === null || _event$paymethod4$gat === void 0 ? void 0 : _event$paymethod4$gat.toUpperCase(), event === null || event === void 0 ? void 0 : (_event$paymethod5 = event.paymethod) === null || _event$paymethod5 === void 0 ? void 0 : _event$paymethod5.name) : event !== null && event !== void 0 && (_event$data5 = event.data) !== null && _event$data5 !== void 0 && _event$data5.gateway ? t(event === null || event === void 0 ? void 0 : (_event$data6 = event.data) === null || _event$data6 === void 0 ? void 0 : (_event$data6$gateway = _event$data6.gateway) === null || _event$data6$gateway === void 0 ? void 0 : _event$data6$gateway.toUpperCase(), event === null || event === void 0 ? void 0 : (_event$data7 = event.data) === null || _event$data7 === void 0 ? void 0 : (_event$data7$gateway = _event$data7.gateway) === null || _event$data7$gateway === void 0 ? void 0 : _event$data7$gateway.replaceAll('_', ' ')) : (_walletName$event$dat2 = walletName[event === null || event === void 0 ? void 0 : (_event$data8 = event.data) === null || _event$data8 === void 0 ? void 0 : _event$data8.wallet_currency]) === null || _walletName$event$dat2 === void 0 ? void 0 : _walletName$event$dat2.name), /*#__PURE__*/_react.default.createElement("td", null, parsePrice(event === null || event === void 0 ? void 0 : event.amount, {
+    }, /*#__PURE__*/_react.default.createElement("td", null, event !== null && event !== void 0 && event.wallet_event ? (_walletName$event$wal2 = walletName[event === null || event === void 0 || (_event$wallet_event2 = event.wallet_event) === null || _event$wallet_event2 === void 0 || (_event$wallet_event2 = _event$wallet_event2.wallet) === null || _event$wallet_event2 === void 0 ? void 0 : _event$wallet_event2.type]) === null || _walletName$event$wal2 === void 0 ? void 0 : _walletName$event$wal2.name : event !== null && event !== void 0 && event.paymethod ? t(event === null || event === void 0 || (_event$paymethod4 = event.paymethod) === null || _event$paymethod4 === void 0 || (_event$paymethod4 = _event$paymethod4.gateway) === null || _event$paymethod4 === void 0 ? void 0 : _event$paymethod4.toUpperCase(), event === null || event === void 0 || (_event$paymethod5 = event.paymethod) === null || _event$paymethod5 === void 0 ? void 0 : _event$paymethod5.name) : event !== null && event !== void 0 && (_event$data5 = event.data) !== null && _event$data5 !== void 0 && _event$data5.gateway ? t(event === null || event === void 0 || (_event$data6 = event.data) === null || _event$data6 === void 0 || (_event$data6 = _event$data6.gateway) === null || _event$data6 === void 0 ? void 0 : _event$data6.toUpperCase(), event === null || event === void 0 || (_event$data7 = event.data) === null || _event$data7 === void 0 || (_event$data7 = _event$data7.gateway) === null || _event$data7 === void 0 ? void 0 : _event$data7.replaceAll('_', ' ')) : (_walletName$event$dat2 = walletName[event === null || event === void 0 || (_event$data8 = event.data) === null || _event$data8 === void 0 ? void 0 : _event$data8.wallet_currency]) === null || _walletName$event$dat2 === void 0 ? void 0 : _walletName$event$dat2.name), /*#__PURE__*/_react.default.createElement("td", null, parsePrice(event === null || event === void 0 ? void 0 : event.amount, {
       currency: (0, _utils.getCurrenySymbol)(order === null || order === void 0 ? void 0 : order.currency)
     })));
   }))), /*#__PURE__*/_react.default.createElement("table", {
     className: "delivery_option"
   }, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", {
     colSpan: "2"
-  }, t('DELIVERY_PREFERENCE', 'Delivery Preference')))), /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, order !== null && order !== void 0 && order.delivery_option ? t(order === null || order === void 0 ? void 0 : (_order$delivery_optio = order.delivery_option) === null || _order$delivery_optio === void 0 ? void 0 : (_order$delivery_optio2 = _order$delivery_optio.name) === null || _order$delivery_optio2 === void 0 ? void 0 : (_order$delivery_optio3 = _order$delivery_optio2.toUpperCase()) === null || _order$delivery_optio3 === void 0 ? void 0 : _order$delivery_optio3.replaceAll(' ', '_'), order === null || order === void 0 ? void 0 : (_order$delivery_optio4 = order.delivery_option) === null || _order$delivery_optio4 === void 0 ? void 0 : _order$delivery_optio4.name) : t('EITHER_WAY', 'Either way'))))), (order === null || order === void 0 ? void 0 : order.comment) && /*#__PURE__*/_react.default.createElement("table", {
+  }, t('DELIVERY_PREFERENCE', 'Delivery Preference')))), /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, order !== null && order !== void 0 && order.delivery_option ? t(order === null || order === void 0 || (_order$delivery_optio = order.delivery_option) === null || _order$delivery_optio === void 0 || (_order$delivery_optio = _order$delivery_optio.name) === null || _order$delivery_optio === void 0 || (_order$delivery_optio = _order$delivery_optio.toUpperCase()) === null || _order$delivery_optio === void 0 ? void 0 : _order$delivery_optio.replaceAll(' ', '_'), order === null || order === void 0 || (_order$delivery_optio2 = order.delivery_option) === null || _order$delivery_optio2 === void 0 ? void 0 : _order$delivery_optio2.name) : t('EITHER_WAY', 'Either way'))))), (order === null || order === void 0 ? void 0 : order.comment) && /*#__PURE__*/_react.default.createElement("table", {
     className: "comments"
   }, /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('COMMENT', 'Comment')), /*#__PURE__*/_react.default.createElement("td", null, order === null || order === void 0 ? void 0 : order.comment)))), (order === null || order === void 0 ? void 0 : order.spot_number) && /*#__PURE__*/_react.default.createElement("table", {
     className: "spot_number"
@@ -232,7 +232,7 @@ var OrderBill = function OrderBill(props) {
     className: "vehicle"
   }, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", {
     colSpan: "2"
-  }, t('ORDER_VEHICLE', 'Vehicle')))), /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('ORDER_VEHICLE_TYPE', 'Type')), /*#__PURE__*/_react.default.createElement("td", null, t(order === null || order === void 0 ? void 0 : (_order$vehicle = order.vehicle) === null || _order$vehicle === void 0 ? void 0 : (_order$vehicle$type = _order$vehicle.type) === null || _order$vehicle$type === void 0 ? void 0 : _order$vehicle$type.toUpperCase(), order === null || order === void 0 ? void 0 : (_order$vehicle2 = order.vehicle) === null || _order$vehicle2 === void 0 ? void 0 : _order$vehicle2.type))), /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('ORDER_VEHICLE_MODEL', 'Model')), /*#__PURE__*/_react.default.createElement("td", null, order === null || order === void 0 ? void 0 : (_order$vehicle3 = order.vehicle) === null || _order$vehicle3 === void 0 ? void 0 : _order$vehicle3.model)), /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('ORDER_VEHICLE_CAR_REGISTRATION', 'Car registration')), /*#__PURE__*/_react.default.createElement("td", null, order === null || order === void 0 ? void 0 : (_order$vehicle4 = order.vehicle) === null || _order$vehicle4 === void 0 ? void 0 : _order$vehicle4.car_registration)), /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('ORDER_VEHICLE_COLOR', 'Color')), /*#__PURE__*/_react.default.createElement("td", null, order === null || order === void 0 ? void 0 : (_order$vehicle5 = order.vehicle) === null || _order$vehicle5 === void 0 ? void 0 : _order$vehicle5.color)))), !isGiftCardOrder && !(order !== null && order !== void 0 && order.refund_data) && stripePaymethods.includes(order === null || order === void 0 ? void 0 : (_order$paymethod = order.paymethod) === null || _order$paymethod === void 0 ? void 0 : _order$paymethod.gateway) && /*#__PURE__*/_react.default.createElement(_styles2.RefundButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
+  }, t('ORDER_VEHICLE', 'Vehicle')))), /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('ORDER_VEHICLE_TYPE', 'Type')), /*#__PURE__*/_react.default.createElement("td", null, t(order === null || order === void 0 || (_order$vehicle = order.vehicle) === null || _order$vehicle === void 0 || (_order$vehicle = _order$vehicle.type) === null || _order$vehicle === void 0 ? void 0 : _order$vehicle.toUpperCase(), order === null || order === void 0 || (_order$vehicle2 = order.vehicle) === null || _order$vehicle2 === void 0 ? void 0 : _order$vehicle2.type))), /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('ORDER_VEHICLE_MODEL', 'Model')), /*#__PURE__*/_react.default.createElement("td", null, order === null || order === void 0 || (_order$vehicle3 = order.vehicle) === null || _order$vehicle3 === void 0 ? void 0 : _order$vehicle3.model)), /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('ORDER_VEHICLE_CAR_REGISTRATION', 'Car registration')), /*#__PURE__*/_react.default.createElement("td", null, order === null || order === void 0 || (_order$vehicle4 = order.vehicle) === null || _order$vehicle4 === void 0 ? void 0 : _order$vehicle4.car_registration)), /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('ORDER_VEHICLE_COLOR', 'Color')), /*#__PURE__*/_react.default.createElement("td", null, order === null || order === void 0 || (_order$vehicle5 = order.vehicle) === null || _order$vehicle5 === void 0 ? void 0 : _order$vehicle5.color)))), !isGiftCardOrder && !(order !== null && order !== void 0 && order.refund_data) && stripePaymethods.includes(order === null || order === void 0 || (_order$paymethod = order.paymethod) === null || _order$paymethod === void 0 ? void 0 : _order$paymethod.gateway) && /*#__PURE__*/_react.default.createElement(_styles2.RefundButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
     color: "primary",
     borderRadius: "8px",
     disabled: actionStatus === null || actionStatus === void 0 ? void 0 : actionStatus.loading,