ordering-ui-external 10.10.1 → 10.10.2
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.
- package/_bundles/{7.ordering-ui.828936289d4fac5a1fa8.js → 7.ordering-ui.2383c448ced45a4a3c98.js} +1 -1
- package/_bundles/{ordering-ui.828936289d4fac5a1fa8.js → ordering-ui.2383c448ced45a4a3c98.js} +2 -2
- package/_modules/themes/five/src/components/OrderDetails/index.js +5 -2
- package/_modules/themes/five/src/components/OrderDetails/styles.js +73 -57
- package/package.json +2 -2
- package/src/themes/five/src/components/OrderDetails/index.js +11 -1
- package/src/themes/five/src/components/OrderDetails/styles.js +53 -1
- /package/_bundles/{0.ordering-ui.828936289d4fac5a1fa8.js → 0.ordering-ui.2383c448ced45a4a3c98.js} +0 -0
- /package/_bundles/{1.ordering-ui.828936289d4fac5a1fa8.js → 1.ordering-ui.2383c448ced45a4a3c98.js} +0 -0
- /package/_bundles/{2.ordering-ui.828936289d4fac5a1fa8.js → 2.ordering-ui.2383c448ced45a4a3c98.js} +0 -0
- /package/_bundles/{4.ordering-ui.828936289d4fac5a1fa8.js → 4.ordering-ui.2383c448ced45a4a3c98.js} +0 -0
- /package/_bundles/{5.ordering-ui.828936289d4fac5a1fa8.js → 5.ordering-ui.2383c448ced45a4a3c98.js} +0 -0
- /package/_bundles/{6.ordering-ui.828936289d4fac5a1fa8.js → 6.ordering-ui.2383c448ced45a4a3c98.js} +0 -0
- /package/_bundles/{7.ordering-ui.828936289d4fac5a1fa8.js.LICENSE.txt → 7.ordering-ui.2383c448ced45a4a3c98.js.LICENSE.txt} +0 -0
- /package/_bundles/{8.ordering-ui.828936289d4fac5a1fa8.js → 8.ordering-ui.2383c448ced45a4a3c98.js} +0 -0
- /package/_bundles/{9.ordering-ui.828936289d4fac5a1fa8.js → 9.ordering-ui.2383c448ced45a4a3c98.js} +0 -0
- /package/_bundles/{ordering-ui.828936289d4fac5a1fa8.js.LICENSE.txt → ordering-ui.2383c448ced45a4a3c98.js.LICENSE.txt} +0 -0
|
@@ -10,6 +10,7 @@ var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skelet
|
|
|
10
10
|
var _orderingComponentsExternal = require("ordering-components-external");
|
|
11
11
|
var _RiUser2Fill = _interopRequireDefault(require("@meronex/icons/ri/RiUser2Fill"));
|
|
12
12
|
var _FaUserAlt = _interopRequireDefault(require("@meronex/icons/fa/FaUserAlt"));
|
|
13
|
+
var _BsExclamationTriangle = _interopRequireDefault(require("@meronex/icons/bs/BsExclamationTriangle"));
|
|
13
14
|
var _Buttons = require("../../styles/Buttons");
|
|
14
15
|
var _NotFoundSource = require("../NotFoundSource");
|
|
15
16
|
var _ProductItemAccordion = require("../ProductItemAccordion");
|
|
@@ -57,7 +58,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
57
58
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
58
59
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
59
60
|
var OrderDetailsUI = function OrderDetailsUI(props) {
|
|
60
|
-
var _configs$google_maps_, _configs$powered_by_o, _theme$confirmation, _theme$confirmation2, _theme$confirmation3, _theme$confirmation4, _theme$confirmation5, _theme$confirmation6, _theme$confirmation7, _theme$confirmation8, _theme$confirmation9, _theme$confirmation10, _theme$confirmation11, _theme$confirmation12, _theme$confirmation13, _theme$confirmation14, _theme$confirmation15, _theme$confirmation16, _theme$confirmation17, _theme$confirmation18, _order$driver, _order$driver2, _theme$images, _order$business2, _order$business3, _theme$images2, _order$customer, _order$customer2, _theme$images3, _order$driver3, _order$driver4, _theme$defaultLanguag, _configs$guest_uuid_a, _order$business4, _order$business5, _orderTypes$find, _configs$general_hour, _order$reporting_data, _configs$general_hour2, _progressBarObjt, _progressBarObjt2, _theme$defaultLanguag2, _order$business6, _order$business7, _order$business8, _order$business9, _order$business10, _order$place, _order$place2, _progressBarObjt3, _progressBarObjt4, _order$business12, _order$customer3, _order$customer4, _order$customer5, _order$customer6, _order$customer7, _order$customer8, _order$customer9, _order$customer10, _theme$defaultLanguag3, _order$driver5, _order$driver6, _order$driver7, _order$driver8, _order$driver9, _order$driver10, _order$driver11, _order$driver12, _order$driver13, _order$driver14, _configs$google_maps_2, _order$products$, _order$products$2, _theme$defaultLanguag4, _theme$defaultLanguag5, _theme$defaultLanguag6, _openTaxModal$data, _openTaxModal$data2, _openTaxModal$data3, _openTaxModal$data4, _openTaxModal$data$fi, _openTaxModal$data5, _openTaxModal$data6;
|
|
61
|
+
var _configs$google_maps_, _configs$powered_by_o, _theme$confirmation, _theme$confirmation2, _theme$confirmation3, _theme$confirmation4, _theme$confirmation5, _theme$confirmation6, _theme$confirmation7, _theme$confirmation8, _theme$confirmation9, _theme$confirmation10, _theme$confirmation11, _theme$confirmation12, _theme$confirmation13, _theme$confirmation14, _theme$confirmation15, _theme$confirmation16, _theme$confirmation17, _theme$confirmation18, _order$driver, _order$driver2, _theme$images, _order$business2, _order$business3, _theme$images2, _order$customer, _order$customer2, _theme$images3, _order$driver3, _order$driver4, _theme$defaultLanguag, _configs$guest_uuid_a, _order$business4, _order$business5, _orderTypes$find, _configs$general_hour, _order$reporting_data, _configs$general_hour2, _order$debug_payment_, _order$debug_payment_2, _progressBarObjt, _progressBarObjt2, _theme$defaultLanguag2, _order$business6, _order$business7, _order$business8, _order$business9, _order$business10, _order$place, _order$place2, _progressBarObjt3, _progressBarObjt4, _order$business12, _order$customer3, _order$customer4, _order$customer5, _order$customer6, _order$customer7, _order$customer8, _order$customer9, _order$customer10, _theme$defaultLanguag3, _order$driver5, _order$driver6, _order$driver7, _order$driver8, _order$driver9, _order$driver10, _order$driver11, _order$driver12, _order$driver13, _order$driver14, _configs$google_maps_2, _order$products$, _order$products$2, _theme$defaultLanguag4, _theme$defaultLanguag5, _theme$defaultLanguag6, _openTaxModal$data, _openTaxModal$data2, _openTaxModal$data3, _openTaxModal$data4, _openTaxModal$data$fi, _openTaxModal$data5, _openTaxModal$data6;
|
|
61
62
|
var userCustomerId = props.userCustomerId,
|
|
62
63
|
handleChangeOrderStatus = props.handleChangeOrderStatus,
|
|
63
64
|
handleBusinessRedirect = props.handleBusinessRedirect,
|
|
@@ -551,7 +552,9 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
|
|
|
551
552
|
return handleClickReorder(order);
|
|
552
553
|
},
|
|
553
554
|
disabled: reorderState === null || reorderState === void 0 ? void 0 : reorderState.loading
|
|
554
|
-
}, reorderState !== null && reorderState !== void 0 && reorderState.loading ? t('LOADING', 'Loading...') : t('REORDER', 'Reorder')))),
|
|
555
|
+
}, reorderState !== null && reorderState !== void 0 && reorderState.loading ? t('LOADING', 'Loading...') : t('REORDER', 'Reorder')))), props.isCustomerMode && !!(order !== null && order !== void 0 && (_order$debug_payment_ = order.debug_payment_response) !== null && _order$debug_payment_ !== void 0 && _order$debug_payment_.message) && /*#__PURE__*/_react.default.createElement("div", {
|
|
556
|
+
id: "error-subs"
|
|
557
|
+
}, /*#__PURE__*/_react.default.createElement(_styles.ValidationText, null, /*#__PURE__*/_react.default.createElement(_BsExclamationTriangle.default, null), /*#__PURE__*/_react.default.createElement("span", null, order === null || order === void 0 || (_order$debug_payment_2 = order.debug_payment_response) === null || _order$debug_payment_2 === void 0 ? void 0 : _order$debug_payment_2.message))), !hideDeliveryProgress && !isGiftCardOrder && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.StatusBar, {
|
|
555
558
|
percentage: (_progressBarObjt = progressBarObjt(order === null || order === void 0 ? void 0 : order.status)) === null || _progressBarObjt === void 0 ? void 0 : _progressBarObjt.percentage
|
|
556
559
|
}), /*#__PURE__*/_react.default.createElement(_styles.OrderStatusAndLinkContainer, null, /*#__PURE__*/_react.default.createElement("p", {
|
|
557
560
|
className: "order-status"
|
|
@@ -4,10 +4,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.WrapperRightContainer = exports.WrapperLeftContainer = exports.WrapperDriver = exports.WrapperContainer = exports.TitleContainer = exports.StatusBar = exports.SkeletonWrapper = exports.SkeletonBlockWrapp = exports.SkeletonBlock = exports.ShareOrder = exports.SectionTitleContainer = exports.SectionTitle = exports.ReviewWrapper = exports.ReviewOrderLink = exports.ReOrder = exports.ProfessionalWrapper = exports.ProfessionalBlock = exports.PoweredByOrdering = exports.PlaceSpotWrapper = exports.PlaceSpotSection = exports.PhotoBlock = exports.OrderStatusAndLinkContainer = exports.OrderProducts = exports.OrderPreferences = exports.OrderInfo = exports.OrderIdSec = exports.OrderHistoryContainer = exports.OrderDriver = exports.OrderCustomer = exports.OrderBusiness = exports.OrderBill = exports.OrderActions = exports.NewOrder = exports.MyOrderActions = exports.MessagesIcon = exports.MapWrapper = exports.Map = exports.LinkWrapper = exports.HistoryItemWrapper = exports.HeaderTitle = exports.HeaderInfo = exports.ExclamationWrapper = exports.Exclamation = exports.Divider = exports.DirectionButtonWrapper = exports.DetailWrapper = exports.Content = exports.Container = exports.CommentContainer = exports.ButtonWrapper = exports.BusinessWrapper = exports.BusinessTitle = exports.BusinessInfo = exports.BusinessExternalWrapper = exports.BtsOrderStatus = exports.ActionsBlock = void 0;
|
|
7
|
+
exports.WrapperRightContainer = exports.WrapperLeftContainer = exports.WrapperDriver = exports.WrapperContainer = exports.ValidationText = exports.TitleContainer = exports.StatusBar = exports.SkeletonWrapper = exports.SkeletonBlockWrapp = exports.SkeletonBlock = exports.ShareOrder = exports.SectionTitleContainer = exports.SectionTitle = exports.ReviewWrapper = exports.ReviewOrderLink = exports.ReOrder = exports.ProfessionalWrapper = exports.ProfessionalBlock = exports.PoweredByOrdering = exports.PlaceSpotWrapper = exports.PlaceSpotSection = exports.PhotoBlock = exports.OrderStatusAndLinkContainer = exports.OrderProducts = exports.OrderPreferences = exports.OrderInfo = exports.OrderIdSec = exports.OrderHistoryContainer = exports.OrderDriver = exports.OrderCustomer = exports.OrderBusiness = exports.OrderBill = exports.OrderActions = exports.NewOrder = exports.MyOrderActions = exports.MessagesIcon = exports.MapWrapper = exports.Map = exports.LinkWrapper = exports.HistoryItemWrapper = exports.HeaderTitle = exports.HeaderInfo = exports.ExclamationWrapper = exports.Exclamation = exports.Divider = exports.DirectionButtonWrapper = exports.DetailWrapper = exports.Content = exports.Container = exports.CommentContainer = exports.ButtonWrapper = exports.BusinessWrapper = exports.BusinessTitle = exports.BusinessInfo = exports.BusinessExternalWrapper = exports.BtsOrderStatus = exports.ActionsBlock = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
10
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55, _templateObject56, _templateObject57, _templateObject58, _templateObject59, _templateObject60, _templateObject61, _templateObject62, _templateObject63, _templateObject64, _templateObject65, _templateObject66, _templateObject67, _templateObject68;
|
|
10
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55, _templateObject56, _templateObject57, _templateObject58, _templateObject59, _templateObject60, _templateObject61, _templateObject62, _templateObject63, _templateObject64, _templateObject65, _templateObject66, _templateObject67, _templateObject68, _templateObject69, _templateObject70, _templateObject71, _templateObject72, _templateObject73;
|
|
11
11
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
12
12
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
13
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -50,142 +50,158 @@ var ActionsBlock = _styledComponents.default.div(_templateObject12 || (_template
|
|
|
50
50
|
return ((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.rtl) && (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n margin-left: 5px;\n margin-right: 0px;\n "])));
|
|
51
51
|
});
|
|
52
52
|
exports.ActionsBlock = ActionsBlock;
|
|
53
|
-
var OrderInfo = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n width: 100%;\n margin: 0px 0px 35px;\n position: relative;\n h1, p {\n margin: 0px;\n color: ", ";\n }\n h1 {\n margin-bottom: 5px;\n font-weight: 600;\n font-size: 32px;\n }\n p {\n font-size: 14px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n .date {\n margin-bottom: 6px;\n text-transform: uppercase;\n }\n .types {\n margin-bottom: 6px;\n font-size: 16px;\n }\n .order-status {\n font-weight: 600;\n font-size: 16px;\n }\n"])), function (props) {
|
|
53
|
+
var OrderInfo = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n width: 100%;\n margin: 0px 0px 35px;\n position: relative;\n h1, p {\n margin: 0px;\n color: ", ";\n }\n h1 {\n margin-bottom: 5px;\n font-weight: 600;\n font-size: 32px;\n }\n p {\n font-size: 14px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n .date {\n margin-bottom: 6px;\n text-transform: uppercase;\n }\n .types {\n margin-bottom: 6px;\n font-size: 16px;\n }\n .order-status {\n font-weight: 600;\n font-size: 16px;\n }\n\n #error-subs {\n margin: 20px 0 0;\n width: 100%;\n box-sizing: border-box;\n text-align: center;\n }\n\n @media (min-width: 768px) {\n #error-subs {\n margin: 20px 0;\n }\n }\n"])), function (props) {
|
|
54
54
|
return props.theme.colors.darkTextColor;
|
|
55
55
|
});
|
|
56
56
|
exports.OrderInfo = OrderInfo;
|
|
57
|
-
var
|
|
57
|
+
var ValidationText = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n color: ", ";\n ", "\n"])), function (props) {
|
|
58
|
+
return props.theme.colors.danger500;
|
|
59
|
+
}, function (props) {
|
|
60
|
+
return props.onlyText ? (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n font-weight: 400;\n font-size: 12px;\n line-height: 18px;\n "]))) : (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 10px;\n border-radius: 8px;\n border: 1px solid ", ";\n background-color: ", ";\n\n ", "\n\n ", "\n\n svg {\n width: 5%;\n }\n\n span {\n margin: 0 0 0 5px;\n padding: 0;\n font-size: 14px;\n color: ", ";\n }\n "])), function (props) {
|
|
61
|
+
return props.theme.colors.danger500;
|
|
62
|
+
}, function (props) {
|
|
63
|
+
return props.theme.colors.danger100;
|
|
64
|
+
}, function (props) {
|
|
65
|
+
return props.mb && (0, _styledComponents.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n "])), props.mb);
|
|
66
|
+
}, function (props) {
|
|
67
|
+
return props.color && (0, _styledComponents.css)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n svg {\n font-size: 21px;\n }\n "])));
|
|
68
|
+
}, function (props) {
|
|
69
|
+
return props.theme.colors.headingColor;
|
|
70
|
+
});
|
|
71
|
+
});
|
|
72
|
+
exports.ValidationText = ValidationText;
|
|
73
|
+
var OrderIdSec = _styledComponents.default.h1(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n font-size: 25px !important;\n @media (min-width: 350px) {\n font-size: 32px !important;\n }\n"])));
|
|
58
74
|
exports.OrderIdSec = OrderIdSec;
|
|
59
|
-
var ReviewOrderLink = _styledComponents.default.span(
|
|
75
|
+
var ReviewOrderLink = _styledComponents.default.span(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n margin: 0;\n cursor: pointer;\n text-decoration-line: underline;\n user-select: none;\n ", "\n ", "\n"])), function (_ref) {
|
|
60
76
|
var active = _ref.active;
|
|
61
|
-
return active ? (0, _styledComponents.css)(
|
|
77
|
+
return active ? (0, _styledComponents.css)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n color: ", ";\n "])), function (props) {
|
|
62
78
|
var _props$theme2;
|
|
63
79
|
return (_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.colors.primary;
|
|
64
|
-
}) : (0, _styledComponents.css)(
|
|
80
|
+
}) : (0, _styledComponents.css)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n color: #B1BCCC;\n cursor: not-allowed;\n span {\n pointer-events: none;\n }\n "])));
|
|
65
81
|
}, function (_ref2) {
|
|
66
82
|
var isMargin = _ref2.isMargin;
|
|
67
|
-
return isMargin && (0, _styledComponents.css)(
|
|
83
|
+
return isMargin && (0, _styledComponents.css)(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n margin: 0 10px 0 0;\n "])));
|
|
68
84
|
});
|
|
69
85
|
exports.ReviewOrderLink = ReviewOrderLink;
|
|
70
|
-
var StatusBarStyled = _styledComponents.default.div(
|
|
86
|
+
var StatusBarStyled = _styledComponents.default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n height: 12px;\n margin: 18px 0px 8px;\n background: ", ";\n ", "\n"])), function (props) {
|
|
71
87
|
return "linear-gradient(to right, ".concat(props.theme.colors.primary, " ").concat(props.percentage, "%, ").concat(props.theme.colors.disabled, " ").concat(props.percentage, "%)");
|
|
72
88
|
}, function (props) {
|
|
73
89
|
var _props$theme3;
|
|
74
|
-
return ((_props$theme3 = props.theme) === null || _props$theme3 === void 0 ? void 0 : _props$theme3.rtl) && (0, _styledComponents.css)(
|
|
90
|
+
return ((_props$theme3 = props.theme) === null || _props$theme3 === void 0 ? void 0 : _props$theme3.rtl) && (0, _styledComponents.css)(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n background: linear-gradient(to left, ", " ", "%, ", " ", "%);\n "])), props.theme.colors.primary, props.percentage, props.theme.colors.disabled, props.percentage);
|
|
75
91
|
});
|
|
76
92
|
var StatusBar = function StatusBar(props) {
|
|
77
93
|
return /*#__PURE__*/_react.default.createElement(StatusBarStyled, props, props.children);
|
|
78
94
|
};
|
|
79
95
|
exports.StatusBar = StatusBar;
|
|
80
|
-
var SectionTitle = _styledComponents.default.h1(
|
|
96
|
+
var SectionTitle = _styledComponents.default.h1(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n margin: 20px 0 0 0;\n font-size: 20px;\n font-weight: 500;\n"])));
|
|
81
97
|
exports.SectionTitle = SectionTitle;
|
|
82
|
-
var SectionTitleContainer = _styledComponents.default.div(
|
|
98
|
+
var SectionTitleContainer = _styledComponents.default.div(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n h2 {\n font-size: 20px;\n font-weight: 500;\n margin: 0px 0px 5px 0px;\n }\n"])));
|
|
83
99
|
exports.SectionTitleContainer = SectionTitleContainer;
|
|
84
|
-
var OrderCustomer = (0, _styledComponents.default)(BusinessInfo)(
|
|
100
|
+
var OrderCustomer = (0, _styledComponents.default)(BusinessInfo)(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n border-radius: 7.6px;\n padding: 20px;\n box-shadow: 0px 4px 10px 0px #0000001F;\n margin-bottom: 30px;\n"])));
|
|
85
101
|
exports.OrderCustomer = OrderCustomer;
|
|
86
|
-
var PhotoBlock = _styledComponents.default.img(
|
|
102
|
+
var PhotoBlock = _styledComponents.default.img(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n border-radius: 7.6px;\n width: 100px;\n height: 100px;\n margin-right: 40px;\n"])));
|
|
87
103
|
exports.PhotoBlock = PhotoBlock;
|
|
88
|
-
var Map = _styledComponents.default.div(
|
|
104
|
+
var Map = _styledComponents.default.div(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n margin-bottom: 10px;\n width: 100%;\n height: 350px;\n > div {\n position: relative !important;\n width: 100% !important;\n height: 100% !important;\n }\n img {\n object-fit: cover;\n }\n"])));
|
|
89
105
|
exports.Map = Map;
|
|
90
|
-
var OrderDriver = (0, _styledComponents.default)(OrderCustomer)(
|
|
106
|
+
var OrderDriver = (0, _styledComponents.default)(OrderCustomer)(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral([""])));
|
|
91
107
|
exports.OrderDriver = OrderDriver;
|
|
92
|
-
var WrapperDriver = _styledComponents.default.div(
|
|
108
|
+
var WrapperDriver = _styledComponents.default.div(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n align-items: center;\n div.photo {\n display: flex;\n align-items: center;\n justify-content: center;\n svg {\n width: 48px;\n height: 48px;\n margin-right: 10px;\n ", "\n }\n }\n"])), function (props) {
|
|
93
109
|
var _props$theme4;
|
|
94
|
-
return ((_props$theme4 = props.theme) === null || _props$theme4 === void 0 ? void 0 : _props$theme4.rtl) && (0, _styledComponents.css)(
|
|
110
|
+
return ((_props$theme4 = props.theme) === null || _props$theme4 === void 0 ? void 0 : _props$theme4.rtl) && (0, _styledComponents.css)(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n margin-left: 10px;\n margin-right: 0;\n "])));
|
|
95
111
|
});
|
|
96
112
|
exports.WrapperDriver = WrapperDriver;
|
|
97
|
-
var OrderProducts = (0, _styledComponents.default)(OrderCustomer)(
|
|
113
|
+
var OrderProducts = (0, _styledComponents.default)(OrderCustomer)(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n flex-direction: column;\n"])));
|
|
98
114
|
exports.OrderProducts = OrderProducts;
|
|
99
|
-
var OrderBill = _styledComponents.default.div(
|
|
115
|
+
var OrderBill = _styledComponents.default.div(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n margin-bottom: 25px;\n margin-top: 10px;\n table {\n width: 100%;\n font-size: 14px;\n td span {\n unicode-bidi: bidi-override;\n }\n tr td:nth-child(2) {\n text-align: right;\n ", "\n }\n }\n table.total {\n border-top: 1px solid #BFBFBF;\n margin-top: 15px;\n tr {\n font-size: 14px;\n td:nth-child(1) {\n font-weight: 600;\n font-size: 20px;\n padding-top: 10px;\n }\n td:nth-child(2) {\n font-weight: 600;\n font-size: 20px;\n padding-top: 10px;\n }\n }\n }\n table.comments {\n margin-top: 20px;\n align-items: center;\n tr {\n td:nth-child(1) {\n font-weight: bold;\n }\n }\n }\n @media (min-width: 678px) {\n table {\n font-size: 16px;\n }\n }\n"])), function (props) {
|
|
100
116
|
var _props$theme5;
|
|
101
|
-
return ((_props$theme5 = props.theme) === null || _props$theme5 === void 0 ? void 0 : _props$theme5.rtl) && (0, _styledComponents.css)(
|
|
117
|
+
return ((_props$theme5 = props.theme) === null || _props$theme5 === void 0 ? void 0 : _props$theme5.rtl) && (0, _styledComponents.css)(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n text-align: left;\n "])));
|
|
102
118
|
});
|
|
103
119
|
exports.OrderBill = OrderBill;
|
|
104
|
-
var SkeletonBlock = _styledComponents.default.div(
|
|
120
|
+
var SkeletonBlock = _styledComponents.default.div(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n width: ", ";\n border-radius: 16px;\n margin-bottom: 30px;\n display: flex;\n flex-direction: column;\n align-items: center;\n"])), function (_ref3) {
|
|
105
121
|
var width = _ref3.width;
|
|
106
122
|
return width && "".concat(width, "%");
|
|
107
123
|
});
|
|
108
124
|
exports.SkeletonBlock = SkeletonBlock;
|
|
109
|
-
var SkeletonBlockWrapp = _styledComponents.default.div(
|
|
125
|
+
var SkeletonBlockWrapp = _styledComponents.default.div(_templateObject39 || (_templateObject39 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 20px;\n line-height: 40px;\n"])));
|
|
110
126
|
exports.SkeletonBlockWrapp = SkeletonBlockWrapp;
|
|
111
|
-
var ShareOrder = _styledComponents.default.div(
|
|
127
|
+
var ShareOrder = _styledComponents.default.div(_templateObject40 || (_templateObject40 = _taggedTemplateLiteral(["\n display: flex;\n margin: 0 0 20px;\n justify-content: space-between;\n z-index: 1;\n div.wrap {\n & > div:first-child {\n left: 0;\n }\n button {\n border-radius: 7.6px;\n }\n }\n\n h1 {\n font-size: 15px;\n margin: 0px;\n }\n p {\n font-size: 13px;\n margin: 0px;\n }\n button {\n display: flex;\n justify-content: center;\n position: relative;\n font-size: 14px;\n align-items: center;\n background: ", ";\n svg {\n left: 0;\n margin-right: 6px;\n color: ", ";\n }\n &:hover {\n svg {\n color: #FFFFFF;\n }\n }\n }\n div.text {\n width: 60%;\n }\n div.wrap {\n display: flex;\n align-items: center;\n & > div:first-child {\n width: 100%;\n position: relative;\n div {\n right: 0px;\n left: initial;\n top: 35px;\n }\n }\n }\n @media (min-width: 1201px) {\n div.wrap {\n & > div:first-child {\n left: 0;\n }\n }\n }\n @media (min-width: 768px) {\n div.wrap {\n width: 30%;\n & > div:first-child {\n left: 0;\n }\n }\n h1 {\n font-size: 20px;\n }\n p {\n font-size: 18px;\n }\n button {\n font-size: 18px;\n width: 100%;\n svg {\n position: absolute;\n margin-left: 10px;\n }\n }\n }\n @media (min-width: 425px) {\n div.text {\n width: 70%;\n }\n h1 {\n font-size: 18px;\n }\n p {\n font-size: 15px;\n }\n }\n"])), function (props) {
|
|
112
128
|
return props.theme.colors.backgroundPage;
|
|
113
129
|
}, function (props) {
|
|
114
130
|
return props.theme.colors.primary;
|
|
115
131
|
});
|
|
116
132
|
exports.ShareOrder = ShareOrder;
|
|
117
|
-
var MessagesIcon = _styledComponents.default.span(
|
|
133
|
+
var MessagesIcon = _styledComponents.default.span(_templateObject41 || (_templateObject41 = _taggedTemplateLiteral(["\n position: relative;\n cursor: pointer;\n"])));
|
|
118
134
|
exports.MessagesIcon = MessagesIcon;
|
|
119
|
-
var ExclamationWrapper = _styledComponents.default.div(
|
|
135
|
+
var ExclamationWrapper = _styledComponents.default.div(_templateObject42 || (_templateObject42 = _taggedTemplateLiteral(["\n position: absolute;\n transform: translate(75%, -25%);\n svg{\n font-size: 16px;\n color: ", "\n }\n"])), function (props) {
|
|
120
136
|
var _props$theme6;
|
|
121
137
|
return (_props$theme6 = props.theme) === null || _props$theme6 === void 0 || (_props$theme6 = _props$theme6.colors) === null || _props$theme6 === void 0 ? void 0 : _props$theme6.primary;
|
|
122
138
|
});
|
|
123
139
|
exports.ExclamationWrapper = ExclamationWrapper;
|
|
124
|
-
var WrapperLeftContainer = _styledComponents.default.div(
|
|
140
|
+
var WrapperLeftContainer = _styledComponents.default.div(_templateObject43 || (_templateObject43 = _taggedTemplateLiteral(["\n width: 100%;\n box-sizing: border-box;\n"])));
|
|
125
141
|
exports.WrapperLeftContainer = WrapperLeftContainer;
|
|
126
|
-
var WrapperRightContainer = (0, _styledComponents.default)(WrapperLeftContainer)(
|
|
142
|
+
var WrapperRightContainer = (0, _styledComponents.default)(WrapperLeftContainer)(_templateObject44 || (_templateObject44 = _taggedTemplateLiteral([""])));
|
|
127
143
|
exports.WrapperRightContainer = WrapperRightContainer;
|
|
128
|
-
var Divider = _styledComponents.default.div(
|
|
144
|
+
var Divider = _styledComponents.default.div(_templateObject45 || (_templateObject45 = _taggedTemplateLiteral(["\n height: 8px;\n background: #F8F9FA;\n width: calc(100% + 40px);\n margin-left: -20px;\n @media(min-width: 769px) {\n width: calc(100% + 80px);\n margin-left: -40px;\n }\n"])));
|
|
129
145
|
exports.Divider = Divider;
|
|
130
|
-
var MyOrderActions = _styledComponents.default.div(
|
|
146
|
+
var MyOrderActions = _styledComponents.default.div(_templateObject46 || (_templateObject46 = _taggedTemplateLiteral([""])));
|
|
131
147
|
exports.MyOrderActions = MyOrderActions;
|
|
132
|
-
var ReviewWrapper = _styledComponents.default.div(
|
|
148
|
+
var ReviewWrapper = _styledComponents.default.div(_templateObject47 || (_templateObject47 = _taggedTemplateLiteral(["\n .review-sent {\n border-radius: 7.6px;\n }\n"])));
|
|
133
149
|
exports.ReviewWrapper = ReviewWrapper;
|
|
134
|
-
var Exclamation = _styledComponents.default.div(
|
|
150
|
+
var Exclamation = _styledComponents.default.div(_templateObject48 || (_templateObject48 = _taggedTemplateLiteral(["\n position: relative;\n display: inline-flex;\n cursor: pointer;\n margin-left: 5px;\n top: 3px;\n"])));
|
|
135
151
|
exports.Exclamation = Exclamation;
|
|
136
|
-
var CommentContainer = _styledComponents.default.div(
|
|
152
|
+
var CommentContainer = _styledComponents.default.div(_templateObject49 || (_templateObject49 = _taggedTemplateLiteral(["\n margin: 0;\n h3 {\n margin: 0;\n }\n"])));
|
|
137
153
|
exports.CommentContainer = CommentContainer;
|
|
138
|
-
var NewOrder = _styledComponents.default.div(
|
|
154
|
+
var NewOrder = _styledComponents.default.div(_templateObject50 || (_templateObject50 = _taggedTemplateLiteral(["\n button {\n width: 160px;\n }\n"])));
|
|
139
155
|
exports.NewOrder = NewOrder;
|
|
140
|
-
var OrderActions = _styledComponents.default.div(
|
|
156
|
+
var OrderActions = _styledComponents.default.div(_templateObject51 || (_templateObject51 = _taggedTemplateLiteral(["\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n"])));
|
|
141
157
|
exports.OrderActions = OrderActions;
|
|
142
|
-
var TitleContainer = _styledComponents.default.div(
|
|
158
|
+
var TitleContainer = _styledComponents.default.div(_templateObject52 || (_templateObject52 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 90%;\n margin: auto;\n button {\n display: flex;\n align-items: center;\n font-size: 14px;\n justify-content: space-around;\n min-width: 200px;\n max-height: 53px;\n }\n > h1 {\n text-align: center;\n }\n @media (min-width: 650px) {\n width: 50%;\n }\n"])));
|
|
143
159
|
exports.TitleContainer = TitleContainer;
|
|
144
|
-
var ReOrder = _styledComponents.default.div(
|
|
160
|
+
var ReOrder = _styledComponents.default.div(_templateObject53 || (_templateObject53 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n margin-top: 20px;\n margin-bottom: 20px;\n flex-direction: column;\n button {\n padding: 5px 16px;\n min-width: unset;\n margin: 5px 5px;\n @media (min-width: 650px) {\n margin: 0px 5px;\n }\n }\n @media (min-width: 650px) {\n flex-direction: row;\n }\n"])));
|
|
145
161
|
exports.ReOrder = ReOrder;
|
|
146
|
-
var BusinessTitle = _styledComponents.default.div(
|
|
162
|
+
var BusinessTitle = _styledComponents.default.div(_templateObject54 || (_templateObject54 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n"])));
|
|
147
163
|
exports.BusinessTitle = BusinessTitle;
|
|
148
|
-
var OrderPreferences = (0, _styledComponents.default)(OrderCustomer)(
|
|
164
|
+
var OrderPreferences = (0, _styledComponents.default)(OrderCustomer)(_templateObject55 || (_templateObject55 = _taggedTemplateLiteral([""])));
|
|
149
165
|
exports.OrderPreferences = OrderPreferences;
|
|
150
|
-
var HeaderTitle = _styledComponents.default.div(
|
|
166
|
+
var HeaderTitle = _styledComponents.default.div(_templateObject56 || (_templateObject56 = _taggedTemplateLiteral(["\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n h1{\n font-size: 20px;\n font-weight: 600;\n margin-bottom: 5px;\n }\n"])));
|
|
151
167
|
exports.HeaderTitle = HeaderTitle;
|
|
152
|
-
var PlaceSpotSection = _styledComponents.default.div(
|
|
168
|
+
var PlaceSpotSection = _styledComponents.default.div(_templateObject57 || (_templateObject57 = _taggedTemplateLiteral(["\n"])));
|
|
153
169
|
exports.PlaceSpotSection = PlaceSpotSection;
|
|
154
|
-
var OrderStatusAndLinkContainer = _styledComponents.default.div(
|
|
170
|
+
var OrderStatusAndLinkContainer = _styledComponents.default.div(_templateObject58 || (_templateObject58 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n @media (min-width: 450px) {\n flex-direction: row;\n }\n"])));
|
|
155
171
|
exports.OrderStatusAndLinkContainer = OrderStatusAndLinkContainer;
|
|
156
|
-
var LinkWrapper = _styledComponents.default.div(
|
|
172
|
+
var LinkWrapper = _styledComponents.default.div(_templateObject59 || (_templateObject59 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
157
173
|
exports.LinkWrapper = LinkWrapper;
|
|
158
|
-
var OrderHistoryContainer = _styledComponents.default.div(
|
|
174
|
+
var OrderHistoryContainer = _styledComponents.default.div(_templateObject60 || (_templateObject60 = _taggedTemplateLiteral([""])));
|
|
159
175
|
exports.OrderHistoryContainer = OrderHistoryContainer;
|
|
160
|
-
var HistoryItemWrapper = _styledComponents.default.div(
|
|
176
|
+
var HistoryItemWrapper = _styledComponents.default.div(_templateObject61 || (_templateObject61 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n padding: 28px 23px;\n border-bottom: 1px solid ", ";\n > svg {\n width: 24px;\n height: 24px;\n color: ", ";\n }\n"])), function (props) {
|
|
161
177
|
return props.theme.colors.gray200;
|
|
162
178
|
}, function (props) {
|
|
163
179
|
return props.theme.colors.primary;
|
|
164
180
|
});
|
|
165
181
|
exports.HistoryItemWrapper = HistoryItemWrapper;
|
|
166
|
-
var DetailWrapper = _styledComponents.default.div(
|
|
167
|
-
return props.theme.rtl && (0, _styledComponents.css)(
|
|
182
|
+
var DetailWrapper = _styledComponents.default.div(_templateObject62 || (_templateObject62 = _taggedTemplateLiteral(["\n margin-left: 50px;\n ", "\n h3 {\n font-weight: 600;\n font-size: 16px;\n line-height: 24px;\n margin: 0px;\n }\n p {\n font-weight: 400;\n font-size: 14px;\n line-height: 24px;\n margin: 0px;\n }\n"])), function (props) {
|
|
183
|
+
return props.theme.rtl && (0, _styledComponents.css)(_templateObject63 || (_templateObject63 = _taggedTemplateLiteral(["\n margin-left: 0px;\n margin-right: 50px;\n "])));
|
|
168
184
|
});
|
|
169
185
|
exports.DetailWrapper = DetailWrapper;
|
|
170
|
-
var ButtonWrapper = _styledComponents.default.div(
|
|
171
|
-
return props.theme.rtl && (0, _styledComponents.css)(
|
|
186
|
+
var ButtonWrapper = _styledComponents.default.div(_templateObject64 || (_templateObject64 = _taggedTemplateLiteral(["\n margin-top: 40px;\n button {\n width: 100%;\n height: 44px;\n position: relative;\n svg {\n position: absolute;\n top: 10px;\n font-size: 22px;\n right: 16px;\n ", "\n }\n }\n"])), function (props) {
|
|
187
|
+
return props.theme.rtl && (0, _styledComponents.css)(_templateObject65 || (_templateObject65 = _taggedTemplateLiteral(["\n left: 16px;\n right: initial;\n transform: rotate(180deg);\n "])));
|
|
172
188
|
});
|
|
173
189
|
exports.ButtonWrapper = ButtonWrapper;
|
|
174
|
-
var MapWrapper = _styledComponents.default.div(
|
|
190
|
+
var MapWrapper = _styledComponents.default.div(_templateObject66 || (_templateObject66 = _taggedTemplateLiteral(["\n width: 100%;\n margin-top: 20px;\n @media (min-width: 769px) {\n width: 50%;\n margin-top: 0px;\n }\n"])));
|
|
175
191
|
exports.MapWrapper = MapWrapper;
|
|
176
|
-
var BusinessExternalWrapper = _styledComponents.default.div(
|
|
192
|
+
var BusinessExternalWrapper = _styledComponents.default.div(_templateObject67 || (_templateObject67 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n width: 100%;\n @media (min-width: 769px) {\n width: 50%;\n }\n"])));
|
|
177
193
|
exports.BusinessExternalWrapper = BusinessExternalWrapper;
|
|
178
|
-
var DirectionButtonWrapper = _styledComponents.default.div(
|
|
194
|
+
var DirectionButtonWrapper = _styledComponents.default.div(_templateObject68 || (_templateObject68 = _taggedTemplateLiteral(["\n margin-top: 30px;\n"])));
|
|
179
195
|
exports.DirectionButtonWrapper = DirectionButtonWrapper;
|
|
180
|
-
var ProfessionalWrapper = _styledComponents.default.div(
|
|
181
|
-
return props.theme.rtl && (0, _styledComponents.css)(
|
|
196
|
+
var ProfessionalWrapper = _styledComponents.default.div(_templateObject69 || (_templateObject69 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n margin: 0px 10px 10px 10px;\n > img {\n width: 55px;\n height: 55px;\n min-width: 55px;\n border-radius: 8px;\n object-fit: cover;\n }\n > svg {\n width: 55px;\n height: 55px;\n min-width: 55px;\n }\n > p {\n font-weight: 600;\n font-size: 17px;\n line-height: 26px;\n margin-left: 14px;\n ", "\n }\n @media (min-width: 411px) {\n > img {\n width: 65px;\n height: 65px;\n min-width: 65px;\n }\n > svg {\n width: 65px;\n height: 65px;\n min-width: 65px;\n }\n }\n"])), function (props) {
|
|
197
|
+
return props.theme.rtl && (0, _styledComponents.css)(_templateObject70 || (_templateObject70 = _taggedTemplateLiteral(["\n margin-left: 0px;\n margin-right: 14px;\n "])));
|
|
182
198
|
});
|
|
183
199
|
exports.ProfessionalWrapper = ProfessionalWrapper;
|
|
184
|
-
var ProfessionalBlock = _styledComponents.default.div(
|
|
200
|
+
var ProfessionalBlock = _styledComponents.default.div(_templateObject71 || (_templateObject71 = _taggedTemplateLiteral(["\n border-bottom: 1px solid ", ";\n margin-bottom: 15px;\n"])), function (props) {
|
|
185
201
|
return props.theme.colors.disabled;
|
|
186
202
|
});
|
|
187
203
|
exports.ProfessionalBlock = ProfessionalBlock;
|
|
188
|
-
var PlaceSpotWrapper = _styledComponents.default.div(
|
|
204
|
+
var PlaceSpotWrapper = _styledComponents.default.div(_templateObject72 || (_templateObject72 = _taggedTemplateLiteral(["\n @media (min-width: 768px) {\n width: calc(100% - 20px);\n }\n"])));
|
|
189
205
|
exports.PlaceSpotWrapper = PlaceSpotWrapper;
|
|
190
|
-
var PoweredByOrdering = _styledComponents.default.p(
|
|
206
|
+
var PoweredByOrdering = _styledComponents.default.p(_templateObject73 || (_templateObject73 = _taggedTemplateLiteral(["\n text-align: center;\n margin: 0;\n display: flex;\n justify-content: center;\n white-space: pre !important;\n margin-bottom: 10px;\n a{\n font-weight: 600;\n margin-left: 5px;\n }\n a:hover{\n text-decoration: underline;\n }\n"])));
|
|
191
207
|
exports.PoweredByOrdering = PoweredByOrdering;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ordering-ui-external",
|
|
3
|
-
"version": "10.10.
|
|
3
|
+
"version": "10.10.2",
|
|
4
4
|
"description": "Ordering UI Components",
|
|
5
5
|
"main": "./_modules/index.js",
|
|
6
6
|
"exports": {
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
"lodash": "^4.17.19",
|
|
89
89
|
"moment": "^2.29.4",
|
|
90
90
|
"nanoid": "^4.0.0",
|
|
91
|
-
"ordering-components-external": "9.10.
|
|
91
|
+
"ordering-components-external": "9.10.2",
|
|
92
92
|
"payment": "^2.4.6",
|
|
93
93
|
"polished": "^3.6.6",
|
|
94
94
|
"react-bootstrap-icons": "^1.7.2",
|
|
@@ -13,6 +13,7 @@ import {
|
|
|
13
13
|
} from 'ordering-components-external'
|
|
14
14
|
import RiUser2Fill from '@meronex/icons/ri/RiUser2Fill'
|
|
15
15
|
import FaUserAlt from '@meronex/icons/fa/FaUserAlt'
|
|
16
|
+
import ExclamationTriangleIcon from '@meronex/icons/bs/BsExclamationTriangle'
|
|
16
17
|
|
|
17
18
|
import { Button } from '../../styles/Buttons'
|
|
18
19
|
import { NotFoundSource } from '../NotFoundSource'
|
|
@@ -71,7 +72,8 @@ import {
|
|
|
71
72
|
ProfessionalWrapper,
|
|
72
73
|
ProfessionalBlock,
|
|
73
74
|
PlaceSpotWrapper,
|
|
74
|
-
PoweredByOrdering
|
|
75
|
+
PoweredByOrdering,
|
|
76
|
+
ValidationText
|
|
75
77
|
} from './styles'
|
|
76
78
|
import { useTheme } from 'styled-components'
|
|
77
79
|
import { TaxInformation } from '../TaxInformation'
|
|
@@ -464,6 +466,14 @@ const OrderDetailsUI = (props) => {
|
|
|
464
466
|
</ReOrder>
|
|
465
467
|
)}
|
|
466
468
|
</TitleContainer>
|
|
469
|
+
{props.isCustomerMode && !!order?.debug_payment_response?.message && (
|
|
470
|
+
<div id='error-subs'>
|
|
471
|
+
<ValidationText>
|
|
472
|
+
<ExclamationTriangleIcon />
|
|
473
|
+
<span>{order?.debug_payment_response?.message}</span>
|
|
474
|
+
</ValidationText>
|
|
475
|
+
</div>
|
|
476
|
+
)}
|
|
467
477
|
{!hideDeliveryProgress && !isGiftCardOrder && (
|
|
468
478
|
<>
|
|
469
479
|
<StatusBar percentage={progressBarObjt(order?.status)?.percentage} />
|
|
@@ -193,7 +193,59 @@ export const OrderInfo = styled.div`
|
|
|
193
193
|
font-weight: 600;
|
|
194
194
|
font-size: 16px;
|
|
195
195
|
}
|
|
196
|
+
|
|
197
|
+
#error-subs {
|
|
198
|
+
margin: 20px 0 0;
|
|
199
|
+
width: 100%;
|
|
200
|
+
box-sizing: border-box;
|
|
201
|
+
text-align: center;
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
@media (min-width: 768px) {
|
|
205
|
+
#error-subs {
|
|
206
|
+
margin: 20px 0;
|
|
207
|
+
}
|
|
208
|
+
}
|
|
196
209
|
`
|
|
210
|
+
|
|
211
|
+
export const ValidationText = styled.div`
|
|
212
|
+
color: ${props => props.theme.colors.danger500};
|
|
213
|
+
${props => props.onlyText ? css`
|
|
214
|
+
font-weight: 400;
|
|
215
|
+
font-size: 12px;
|
|
216
|
+
line-height: 18px;
|
|
217
|
+
` : css`
|
|
218
|
+
display: flex;
|
|
219
|
+
justify-content: center;
|
|
220
|
+
align-items: center;
|
|
221
|
+
padding: 10px;
|
|
222
|
+
border-radius: 8px;
|
|
223
|
+
border: 1px solid ${props => props.theme.colors.danger500};
|
|
224
|
+
background-color: ${props => props.theme.colors.danger100};
|
|
225
|
+
|
|
226
|
+
${props => props.mb && css`
|
|
227
|
+
margin-bottom: ${props.mb};
|
|
228
|
+
`}
|
|
229
|
+
|
|
230
|
+
${props => props.color && css`
|
|
231
|
+
svg {
|
|
232
|
+
font-size: 21px;
|
|
233
|
+
}
|
|
234
|
+
`}
|
|
235
|
+
|
|
236
|
+
svg {
|
|
237
|
+
width: 5%;
|
|
238
|
+
}
|
|
239
|
+
|
|
240
|
+
span {
|
|
241
|
+
margin: 0 0 0 5px;
|
|
242
|
+
padding: 0;
|
|
243
|
+
font-size: 14px;
|
|
244
|
+
color: ${props => props.theme.colors.headingColor};
|
|
245
|
+
}
|
|
246
|
+
`}
|
|
247
|
+
`
|
|
248
|
+
|
|
197
249
|
export const OrderIdSec = styled.h1`
|
|
198
250
|
font-size: 25px !important;
|
|
199
251
|
@media (min-width: 350px) {
|
|
@@ -390,7 +442,7 @@ export const ShareOrder = styled.div`
|
|
|
390
442
|
border-radius: 7.6px;
|
|
391
443
|
}
|
|
392
444
|
}
|
|
393
|
-
|
|
445
|
+
|
|
394
446
|
h1 {
|
|
395
447
|
font-size: 15px;
|
|
396
448
|
margin: 0px;
|
/package/_bundles/{0.ordering-ui.828936289d4fac5a1fa8.js → 0.ordering-ui.2383c448ced45a4a3c98.js}
RENAMED
|
File without changes
|
/package/_bundles/{1.ordering-ui.828936289d4fac5a1fa8.js → 1.ordering-ui.2383c448ced45a4a3c98.js}
RENAMED
|
File without changes
|
/package/_bundles/{2.ordering-ui.828936289d4fac5a1fa8.js → 2.ordering-ui.2383c448ced45a4a3c98.js}
RENAMED
|
File without changes
|
/package/_bundles/{4.ordering-ui.828936289d4fac5a1fa8.js → 4.ordering-ui.2383c448ced45a4a3c98.js}
RENAMED
|
File without changes
|
/package/_bundles/{5.ordering-ui.828936289d4fac5a1fa8.js → 5.ordering-ui.2383c448ced45a4a3c98.js}
RENAMED
|
File without changes
|
/package/_bundles/{6.ordering-ui.828936289d4fac5a1fa8.js → 6.ordering-ui.2383c448ced45a4a3c98.js}
RENAMED
|
File without changes
|
|
File without changes
|
/package/_bundles/{8.ordering-ui.828936289d4fac5a1fa8.js → 8.ordering-ui.2383c448ced45a4a3c98.js}
RENAMED
|
File without changes
|
/package/_bundles/{9.ordering-ui.828936289d4fac5a1fa8.js → 9.ordering-ui.2383c448ced45a4a3c98.js}
RENAMED
|
File without changes
|