ordering-ui-external 1.1.3 → 1.1.6

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 (26) hide show
  1. package/_bundles/{0.ordering-ui.6d646b995521e7aa65da.js → 0.ordering-ui.ff2158785c5abf7d9a26.js} +0 -0
  2. package/_bundles/{1.ordering-ui.6d646b995521e7aa65da.js → 1.ordering-ui.ff2158785c5abf7d9a26.js} +0 -0
  3. package/_bundles/{3.ordering-ui.6d646b995521e7aa65da.js → 3.ordering-ui.ff2158785c5abf7d9a26.js} +0 -0
  4. package/_bundles/{4.ordering-ui.6d646b995521e7aa65da.js → 4.ordering-ui.ff2158785c5abf7d9a26.js} +0 -0
  5. package/_bundles/{5.ordering-ui.6d646b995521e7aa65da.js → 5.ordering-ui.ff2158785c5abf7d9a26.js} +0 -0
  6. package/_bundles/{6.ordering-ui.6d646b995521e7aa65da.js → 6.ordering-ui.ff2158785c5abf7d9a26.js} +0 -0
  7. package/_bundles/{7.ordering-ui.6d646b995521e7aa65da.js → 7.ordering-ui.ff2158785c5abf7d9a26.js} +1 -1
  8. package/_bundles/{7.ordering-ui.6d646b995521e7aa65da.js.LICENSE.txt → 7.ordering-ui.ff2158785c5abf7d9a26.js.LICENSE.txt} +0 -0
  9. package/_bundles/{8.ordering-ui.6d646b995521e7aa65da.js → 8.ordering-ui.ff2158785c5abf7d9a26.js} +0 -0
  10. package/_bundles/{9.ordering-ui.6d646b995521e7aa65da.js → 9.ordering-ui.ff2158785c5abf7d9a26.js} +0 -0
  11. package/_bundles/ordering-ui.ff2158785c5abf7d9a26.js +2 -0
  12. package/_bundles/{ordering-ui.6d646b995521e7aa65da.js.LICENSE.txt → ordering-ui.ff2158785c5abf7d9a26.js.LICENSE.txt} +3 -3
  13. package/_modules/index.js +8 -0
  14. package/_modules/themes/five/index.js +40 -8
  15. package/_modules/themes/five/src/components/OrderDetails/styles.js +65 -57
  16. package/_modules/themes/five/src/components/ReviewOrder/index.js +4 -4
  17. package/_modules/themes/five/src/components/ReviewProduct/index.js +4 -4
  18. package/_modules/themes/six/index.js +8 -0
  19. package/package.json +1 -1
  20. package/src/index.js +2 -0
  21. package/src/themes/five/index.js +10 -2
  22. package/src/themes/five/src/components/OrderDetails/styles.js +70 -15
  23. package/src/themes/five/src/components/ReviewOrder/index.js +1 -1
  24. package/src/themes/five/src/components/ReviewProduct/index.js +1 -1
  25. package/src/themes/six/index.js +2 -0
  26. package/_bundles/ordering-ui.6d646b995521e7aa65da.js +0 -2
@@ -1,7 +1,7 @@
1
1
  /*!
2
- Copyright (c) 2018 Jed Watson.
3
- Licensed under the MIT License (MIT), see
4
- http://jedwatson.github.io/classnames
2
+ Copyright (c) 2018 Jed Watson.
3
+ Licensed under the MIT License (MIT), see
4
+ http://jedwatson.github.io/classnames
5
5
  */
6
6
 
7
7
  /*!
package/_modules/index.js CHANGED
@@ -549,6 +549,12 @@ Object.defineProperty(exports, "SearchBar", {
549
549
  return _SearchBar.SearchBar;
550
550
  }
551
551
  });
552
+ Object.defineProperty(exports, "SearchProducts", {
553
+ enumerable: true,
554
+ get: function get() {
555
+ return _SearchProducts.SearchProducts;
556
+ }
557
+ });
552
558
  Object.defineProperty(exports, "Select", {
553
559
  enumerable: true,
554
560
  get: function get() {
@@ -1020,6 +1026,8 @@ var _SmsLogin = require("./components/SmsLogin");
1020
1026
 
1021
1027
  var _AppleLogin = require("./components/AppleLogin");
1022
1028
 
1029
+ var _SearchProducts = require("./components/RenderProductsLayout/SearchProducts");
1030
+
1023
1031
  var _ThemeContext = require("./contexts/ThemeContext");
1024
1032
 
1025
1033
  var _useOnlineStatus = require("./hooks/useOnlineStatus");
@@ -315,6 +315,12 @@ Object.defineProperty(exports, "MomentControl", {
315
315
  return _MomentControl.MomentControl;
316
316
  }
317
317
  });
318
+ Object.defineProperty(exports, "MultiCartsPaymethodsAndWallets", {
319
+ enumerable: true,
320
+ get: function get() {
321
+ return _MultiCartsPaymethodsAndWallets.MultiCartsPaymethodsAndWallets;
322
+ }
323
+ });
318
324
  Object.defineProperty(exports, "MultiCheckout", {
319
325
  enumerable: true,
320
326
  get: function get() {
@@ -357,12 +363,6 @@ Object.defineProperty(exports, "OrderDetailsKiosk", {
357
363
  return _Kiosk2.OrderDetails;
358
364
  }
359
365
  });
360
- Object.defineProperty(exports, "OrderItAgain", {
361
- enumerable: true,
362
- get: function get() {
363
- return _OrderItAgain.OrderItAgain;
364
- }
365
- });
366
366
  Object.defineProperty(exports, "OrderProgress", {
367
367
  enumerable: true,
368
368
  get: function get() {
@@ -459,6 +459,18 @@ Object.defineProperty(exports, "ProductOptionSubOption", {
459
459
  return _ProductOptionSubOption.ProductOptionSubOption;
460
460
  }
461
461
  });
462
+ Object.defineProperty(exports, "ProfessionalFilter", {
463
+ enumerable: true,
464
+ get: function get() {
465
+ return _ProfessionalFilter.ProfessionalFilter;
466
+ }
467
+ });
468
+ Object.defineProperty(exports, "ProfessionalProfile", {
469
+ enumerable: true,
470
+ get: function get() {
471
+ return _ProfessionalProfile.ProfessionalProfile;
472
+ }
473
+ });
462
474
  Object.defineProperty(exports, "ProfileOptions", {
463
475
  enumerable: true,
464
476
  get: function get() {
@@ -513,12 +525,24 @@ Object.defineProperty(exports, "SearchBar", {
513
525
  return _SearchBar.SearchBar;
514
526
  }
515
527
  });
528
+ Object.defineProperty(exports, "SearchProducts", {
529
+ enumerable: true,
530
+ get: function get() {
531
+ return _SearchProducts.SearchProducts;
532
+ }
533
+ });
516
534
  Object.defineProperty(exports, "Select", {
517
535
  enumerable: true,
518
536
  get: function get() {
519
537
  return _Select.Select;
520
538
  }
521
539
  });
540
+ Object.defineProperty(exports, "ServiceForm", {
541
+ enumerable: true,
542
+ get: function get() {
543
+ return _ServiceForm.ServiceForm;
544
+ }
545
+ });
522
546
  Object.defineProperty(exports, "SessionsList", {
523
547
  enumerable: true,
524
548
  get: function get() {
@@ -734,8 +758,6 @@ var _OrderDetails = require("./src/components/OrderDetails");
734
758
 
735
759
  var _Kiosk2 = require("./src/components/OrderDetails/layouts/Kiosk");
736
760
 
737
- var _OrderItAgain = require("./src/components/OrderItAgain");
738
-
739
761
  var _OrdersOption = require("./src/components/OrdersOption");
740
762
 
741
763
  var _OrderProgress = require("./src/components/OrderProgress");
@@ -818,6 +840,16 @@ var _ReviewDriver = require("./src/components/ReviewDriver");
818
840
 
819
841
  var _ReviewProduct = require("./src/components/ReviewProduct");
820
842
 
843
+ var _ServiceForm = require("./src/components/ServiceForm");
844
+
845
+ var _ProfessionalFilter = require("./src/components/ProfessionalFilter");
846
+
847
+ var _SearchProducts = require("./src/components/SearchProducts");
848
+
849
+ var _MultiCartsPaymethodsAndWallets = require("./src/components/MultiCartsPaymethodsAndWallets");
850
+
851
+ var _ProfessionalProfile = require("./src/components/ProfessionalProfile");
852
+
821
853
  var _Buttons = require("./src/styles/Buttons");
822
854
 
823
855
  var _Inputs = require("./src/styles/Inputs");
@@ -5,13 +5,13 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- 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.PlaceSpotSection = exports.PhotoBlock = exports.OrderProducts = exports.OrderPreferences = exports.OrderInfo = 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.DetailWrapper = exports.Content = exports.Container = exports.CommentContainer = exports.ButtonWrapper = exports.BusinessWrapper = exports.BusinessTitle = exports.BusinessInfo = exports.BusinessExternalWrapper = exports.BtsOrderStatus = exports.ActionsBlock = void 0;
8
+ 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.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.DetailWrapper = exports.Content = exports.Container = exports.CommentContainer = exports.ButtonWrapper = exports.BusinessWrapper = exports.BusinessTitle = exports.BusinessInfo = exports.BusinessExternalWrapper = exports.BtsOrderStatus = exports.ActionsBlock = void 0;
9
9
 
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
 
12
12
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
13
13
 
14
- 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;
14
+ 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;
15
15
 
16
16
  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); }
17
17
 
@@ -21,7 +21,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
21
21
 
22
22
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
23
23
 
24
- var Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n margin: 20px 0;\n"])));
24
+ var Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n margin: 45px 0 20px;\n\n @media (min-width: 740px) {\n margin: 20px 0;\n }\n"])));
25
25
 
26
26
  exports.Container = Container;
27
27
 
@@ -47,11 +47,7 @@ var OrderBusiness = _styledComponents.default.div(_templateObject6 || (_template
47
47
 
48
48
  exports.OrderBusiness = OrderBusiness;
49
49
 
50
- var BusinessWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n display: flex;\n width: ", ";\n display: flex;\n align-items: center;\n ", "\n ", "\n img {\n width: 100px;\n height: 100px;\n border-radius: 7.6px;\n margin-right: 40px;\n }\n"])), function (props) {
51
- var _props$w;
52
-
53
- return (_props$w = props.w) !== null && _props$w !== void 0 ? _props$w : '100%';
54
- }, function (props) {
50
+ var BusinessWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n display: flex;\n align-items: center;\n flex-direction: column;\n\n ", "\n ", "\n img {\n width: 100px;\n height: 100px;\n border-radius: 7.6px;\n margin-right: 0;\n\n @media (min-width: 400px) {\n margin-right: 40px;\n }\n }\n\n @media (min-width: 400px) {\n flex-direction: row;\n width: ", ";\n }\n"])), function (props) {
55
51
  return props.borderBottom && (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n padding-bottom: 15px;\n border-bottom: 1px solid ", ";\n "])), function (props) {
56
52
  return props.theme.colors.lightGray;
57
53
  });
@@ -59,21 +55,25 @@ var BusinessWrapper = _styledComponents.default.div(_templateObject7 || (_templa
59
55
  return props.borderTop && (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n margin-top: 15px;\n border-top: 1px solid ", ";\n "])), function (props) {
60
56
  return props.theme.colors.lightGray;
61
57
  });
58
+ }, function (props) {
59
+ var _props$w;
60
+
61
+ return (_props$w = props.w) !== null && _props$w !== void 0 ? _props$w : '100%';
62
62
  });
63
63
 
64
64
  exports.BusinessWrapper = BusinessWrapper;
65
65
 
66
- var BtsOrderStatus = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n width: calc(100% - 20px);\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n margin-top: 20px;\n\n div + div {\n margin-left: 30px;\n }\n"])));
66
+ var BtsOrderStatus = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n margin-top: 20px;\n\n div + div {\n margin-left: 0;\n margin-top: 10px;\n }\n @media (min-width: 400px) {\n flex-direction: row;\n div + div {\n margin-left: 30px;\n margin-top: 0px;\n }\n }\n"])));
67
67
 
68
68
  exports.BtsOrderStatus = BtsOrderStatus;
69
69
 
70
- var BusinessInfo = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n width: 100%;\n box-sizing: border-box;\n margin-right: 15px;\n h1,\n p {\n margin: 0;\n color: ", ";\n overflow-wrap: break-word;\n }\n\n h2 {\n font-weight: 500;\n font-size: 18px;\n margin: 0px 0px 5px 0px;\n }\n p {\n font-size: 14px;\n margin-bottom: 5px;\n }\n"])), function (props) {
70
+ var BusinessInfo = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n width: 100%;\n box-sizing: border-box;\n margin-right: 0;\n margin-top: 10px;\n\n h1,\n p {\n margin: 0;\n color: ", ";\n overflow-wrap: anywhere;\n }\n\n h2 {\n font-weight: 500;\n font-size: 18px;\n margin: 0px 0px 5px 0px;\n }\n p {\n font-size: 14px;\n margin-bottom: 5px;\n }\n\n @media (min-width: 400px) {\n margin-right: 15px;\n margin-top: 0;\n }\n"])), function (props) {
71
71
  return props.theme.colors.darkTextColor;
72
72
  });
73
73
 
74
74
  exports.BusinessInfo = BusinessInfo;
75
75
 
76
- var ActionsBlock = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: flex-start;\n flex-direction: column;\n > * {\n margin-right: 5px;\n ", "\n }\n svg {\n font-size: 20px;\n cursor: pointer;\n color: #B1BCCC;\n }\n\n @media (min-width: 380px) {\n flex-direction: row;\n\n svg {\n font-size: 20px;\n }\n }\n"])), function (props) {
76
+ var ActionsBlock = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: flex-start;\n > * {\n margin-right: 5px;\n ", "\n }\n svg {\n font-size: 20px;\n cursor: pointer;\n color: #B1BCCC;\n }\n\n @media (min-width: 380px) {\n svg {\n font-size: 20px;\n }\n }\n"])), function (props) {
77
77
  var _props$theme;
78
78
 
79
79
  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 "])));
@@ -87,26 +87,30 @@ var OrderInfo = _styledComponents.default.div(_templateObject14 || (_templateObj
87
87
 
88
88
  exports.OrderInfo = OrderInfo;
89
89
 
90
- var ReviewOrderLink = _styledComponents.default.span(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n margin: 0;\n cursor: pointer;\n text-decoration-line: underline;\n user-select: none;\n ", "\n ", "\n"])), function (_ref) {
90
+ var OrderIdSec = _styledComponents.default.h1(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n font-size: 25px !important;\n @media (min-width: 350px) {\n font-size: 32px !important;\n }\n"])));
91
+
92
+ exports.OrderIdSec = OrderIdSec;
93
+
94
+ var ReviewOrderLink = _styledComponents.default.span(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n margin: 0;\n cursor: pointer;\n text-decoration-line: underline;\n user-select: none;\n ", "\n ", "\n"])), function (_ref) {
91
95
  var active = _ref.active;
92
- return active ? (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n color: ", ";\n "])), function (props) {
96
+ return active ? (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n color: ", ";\n "])), function (props) {
93
97
  var _props$theme2;
94
98
 
95
99
  return (_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.colors.primary;
96
- }) : (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n color: #B1BCCC;\n cursor: not-allowed;\n span {\n pointer-events: none;\n }\n "])));
100
+ }) : (0, _styledComponents.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n color: #B1BCCC;\n cursor: not-allowed;\n span {\n pointer-events: none;\n }\n "])));
97
101
  }, function (_ref2) {
98
102
  var isMargin = _ref2.isMargin;
99
- return isMargin && (0, _styledComponents.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n margin: 0px 10px;\n "])));
103
+ return isMargin && (0, _styledComponents.css)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n margin: 0 10px 0 0;\n "])));
100
104
  });
101
105
 
102
106
  exports.ReviewOrderLink = ReviewOrderLink;
103
107
 
104
- var StatusBarStyled = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n height: 12px;\n margin: 18px 0px 8px;\n background: ", ";\n ", "\n"])), function (props) {
108
+ var StatusBarStyled = _styledComponents.default.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n height: 12px;\n margin: 18px 0px 8px;\n background: ", ";\n ", "\n"])), function (props) {
105
109
  return "linear-gradient(to right, ".concat(props.theme.colors.primary, " ").concat(props.percentage, "%, ").concat(props.theme.colors.disabled, " ").concat(props.percentage, "%)");
106
110
  }, function (props) {
107
111
  var _props$theme3;
108
112
 
109
- return ((_props$theme3 = props.theme) === null || _props$theme3 === void 0 ? void 0 : _props$theme3.rtl) && (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n background: linear-gradient(to left, ", " ", "%, ", " ", "%);\n "])), props.theme.colors.primary, props.percentage, props.theme.colors.disabled, props.percentage);
113
+ return ((_props$theme3 = props.theme) === null || _props$theme3 === void 0 ? void 0 : _props$theme3.rtl) && (0, _styledComponents.css)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n background: linear-gradient(to left, ", " ", "%, ", " ", "%);\n "])), props.theme.colors.primary, props.percentage, props.theme.colors.disabled, props.percentage);
110
114
  });
111
115
 
112
116
  var StatusBar = function StatusBar(props) {
@@ -115,56 +119,56 @@ var StatusBar = function StatusBar(props) {
115
119
 
116
120
  exports.StatusBar = StatusBar;
117
121
 
118
- var SectionTitle = _styledComponents.default.h1(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n margin: 20px 0 0 0;\n font-size: 20px;\n font-weight: 500;\n"])));
122
+ var SectionTitle = _styledComponents.default.h1(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n margin: 20px 0 0 0;\n font-size: 20px;\n font-weight: 500;\n"])));
119
123
 
120
124
  exports.SectionTitle = SectionTitle;
121
125
 
122
- var SectionTitleContainer = _styledComponents.default.div(_templateObject22 || (_templateObject22 = _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"])));
126
+ var SectionTitleContainer = _styledComponents.default.div(_templateObject23 || (_templateObject23 = _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"])));
123
127
 
124
128
  exports.SectionTitleContainer = SectionTitleContainer;
125
- var OrderCustomer = (0, _styledComponents.default)(BusinessInfo)(_templateObject23 || (_templateObject23 = _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"])));
129
+ var OrderCustomer = (0, _styledComponents.default)(BusinessInfo)(_templateObject24 || (_templateObject24 = _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"])));
126
130
  exports.OrderCustomer = OrderCustomer;
127
131
 
128
- var PhotoBlock = _styledComponents.default.img(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n border-radius: 7.6px;\n width: 100px;\n height: 100px;\n margin-right: 40px;\n"])));
132
+ var PhotoBlock = _styledComponents.default.img(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n border-radius: 7.6px;\n width: 100px;\n height: 100px;\n margin-right: 40px;\n"])));
129
133
 
130
134
  exports.PhotoBlock = PhotoBlock;
131
135
 
132
- var Map = _styledComponents.default.div(_templateObject25 || (_templateObject25 = _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\n img {\n object-fit: cover;\n }\n"])));
136
+ var Map = _styledComponents.default.div(_templateObject26 || (_templateObject26 = _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\n img {\n object-fit: cover;\n }\n"])));
133
137
 
134
138
  exports.Map = Map;
135
- var OrderDriver = (0, _styledComponents.default)(OrderCustomer)(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral([""])));
139
+ var OrderDriver = (0, _styledComponents.default)(OrderCustomer)(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral([""])));
136
140
  exports.OrderDriver = OrderDriver;
137
141
 
138
- var WrapperDriver = _styledComponents.default.div(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n align-items: center;\n\n div.photo {\n display: flex;\n align-items: center;\n justify-content: center;\n\n svg {\n width: 48px;\n height: 48px;\n margin-right: 10px;\n ", "\n }\n }\n"])), function (props) {
142
+ var WrapperDriver = _styledComponents.default.div(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n align-items: center;\n\n div.photo {\n display: flex;\n align-items: center;\n justify-content: center;\n\n svg {\n width: 48px;\n height: 48px;\n margin-right: 10px;\n ", "\n }\n }\n"])), function (props) {
139
143
  var _props$theme4;
140
144
 
141
- return ((_props$theme4 = props.theme) === null || _props$theme4 === void 0 ? void 0 : _props$theme4.rtl) && (0, _styledComponents.css)(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n margin-left: 10px;\n margin-right: 0;\n "])));
145
+ return ((_props$theme4 = props.theme) === null || _props$theme4 === void 0 ? void 0 : _props$theme4.rtl) && (0, _styledComponents.css)(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n margin-left: 10px;\n margin-right: 0;\n "])));
142
146
  });
143
147
 
144
148
  exports.WrapperDriver = WrapperDriver;
145
- var OrderProducts = (0, _styledComponents.default)(OrderCustomer)(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n flex-direction: column;\n"])));
149
+ var OrderProducts = (0, _styledComponents.default)(OrderCustomer)(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n flex-direction: column;\n"])));
146
150
  exports.OrderProducts = OrderProducts;
147
151
 
148
- var OrderBill = _styledComponents.default.div(_templateObject30 || (_templateObject30 = _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\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\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\n @media (min-width: 678px) {\n table {\n font-size: 16px;\n }\n }\n"])), function (props) {
152
+ var OrderBill = _styledComponents.default.div(_templateObject31 || (_templateObject31 = _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\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\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\n @media (min-width: 678px) {\n table {\n font-size: 16px;\n }\n }\n"])), function (props) {
149
153
  var _props$theme5;
150
154
 
151
- return ((_props$theme5 = props.theme) === null || _props$theme5 === void 0 ? void 0 : _props$theme5.rtl) && (0, _styledComponents.css)(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n text-align: left;\n "])));
155
+ return ((_props$theme5 = props.theme) === null || _props$theme5 === void 0 ? void 0 : _props$theme5.rtl) && (0, _styledComponents.css)(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n text-align: left;\n "])));
152
156
  });
153
157
 
154
158
  exports.OrderBill = OrderBill;
155
159
 
156
- var SkeletonBlock = _styledComponents.default.div(_templateObject32 || (_templateObject32 = _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) {
160
+ var SkeletonBlock = _styledComponents.default.div(_templateObject33 || (_templateObject33 = _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) {
157
161
  var width = _ref3.width;
158
162
  return width && "".concat(width, "%");
159
163
  });
160
164
 
161
165
  exports.SkeletonBlock = SkeletonBlock;
162
166
 
163
- var SkeletonBlockWrapp = _styledComponents.default.div(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 20px;\n line-height: 40px;\n"])));
167
+ var SkeletonBlockWrapp = _styledComponents.default.div(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 20px;\n line-height: 40px;\n"])));
164
168
 
165
169
  exports.SkeletonBlockWrapp = SkeletonBlockWrapp;
166
170
 
167
- var ShareOrder = _styledComponents.default.div(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n display: flex;\n margin: 0 0 20px;\n justify-content: space-between;\n z-index: 1;\n\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\n p {\n font-size: 13px;\n margin: 0px;\n }\n\n button {\n display: flex;\n justify-content: center;\n position: relative;\n font-size: 14px;\n align-items: center;\n background: ", ";\n\n svg {\n left: 0;\n margin-right: 6px;\n color: ", ";\n }\n\n &:hover {\n svg {\n color: #FFFFFF;\n }\n }\n }\n\n div.text {\n width: 60%;\n }\n\n div.wrap {\n display: flex;\n align-items: center;\n\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\n @media (min-width: 1201px) {\n div.wrap {\n & > div:first-child {\n left: 0;\n }\n }\n }\n\n @media (min-width: 768px) {\n div.wrap {\n width: 30%;\n & > div:first-child {\n left: 0;\n }\n }\n\n h1 {\n font-size: 20px;\n }\n\n p {\n font-size: 18px;\n }\n\n button {\n font-size: 18px;\n width: 100%;\n svg {\n position: absolute;\n margin-left: 10px;\n }\n }\n }\n\n @media (min-width: 425px) {\n div.text {\n width: 70%;\n }\n\n h1 {\n font-size: 18px;\n }\n\n p {\n font-size: 15px;\n }\n }\n"])), function (props) {
171
+ var ShareOrder = _styledComponents.default.div(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n display: flex;\n margin: 0 0 20px;\n justify-content: space-between;\n z-index: 1;\n\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\n p {\n font-size: 13px;\n margin: 0px;\n }\n\n button {\n display: flex;\n justify-content: center;\n position: relative;\n font-size: 14px;\n align-items: center;\n background: ", ";\n\n svg {\n left: 0;\n margin-right: 6px;\n color: ", ";\n }\n\n &:hover {\n svg {\n color: #FFFFFF;\n }\n }\n }\n\n div.text {\n width: 60%;\n }\n\n div.wrap {\n display: flex;\n align-items: center;\n\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\n @media (min-width: 1201px) {\n div.wrap {\n & > div:first-child {\n left: 0;\n }\n }\n }\n\n @media (min-width: 768px) {\n div.wrap {\n width: 30%;\n & > div:first-child {\n left: 0;\n }\n }\n\n h1 {\n font-size: 20px;\n }\n\n p {\n font-size: 18px;\n }\n\n button {\n font-size: 18px;\n width: 100%;\n svg {\n position: absolute;\n margin-left: 10px;\n }\n }\n }\n\n @media (min-width: 425px) {\n div.text {\n width: 70%;\n }\n\n h1 {\n font-size: 18px;\n }\n\n p {\n font-size: 15px;\n }\n }\n"])), function (props) {
168
172
  return props.theme.colors.backgroundPage;
169
173
  }, function (props) {
170
174
  return props.theme.colors.primary;
@@ -172,11 +176,11 @@ var ShareOrder = _styledComponents.default.div(_templateObject34 || (_templateOb
172
176
 
173
177
  exports.ShareOrder = ShareOrder;
174
178
 
175
- var MessagesIcon = _styledComponents.default.span(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n position: relative;\n cursor: pointer;\n"])));
179
+ var MessagesIcon = _styledComponents.default.span(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n position: relative;\n cursor: pointer;\n"])));
176
180
 
177
181
  exports.MessagesIcon = MessagesIcon;
178
182
 
179
- var ExclamationWrapper = _styledComponents.default.div(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n position: absolute;\n transform: translate(75%, -25%);\n svg{\n font-size: 16px;\n color: ", "\n }\n"])), function (props) {
183
+ var ExclamationWrapper = _styledComponents.default.div(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n position: absolute;\n transform: translate(75%, -25%);\n svg{\n font-size: 16px;\n color: ", "\n }\n"])), function (props) {
180
184
  var _props$theme6, _props$theme6$colors;
181
185
 
182
186
  return (_props$theme6 = props.theme) === null || _props$theme6 === void 0 ? void 0 : (_props$theme6$colors = _props$theme6.colors) === null || _props$theme6$colors === void 0 ? void 0 : _props$theme6$colors.primary;
@@ -184,71 +188,75 @@ var ExclamationWrapper = _styledComponents.default.div(_templateObject36 || (_te
184
188
 
185
189
  exports.ExclamationWrapper = ExclamationWrapper;
186
190
 
187
- var WrapperLeftContainer = _styledComponents.default.div(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n width: 100%;\n box-sizing: border-box;\n"])));
191
+ var WrapperLeftContainer = _styledComponents.default.div(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n width: 100%;\n box-sizing: border-box;\n"])));
188
192
 
189
193
  exports.WrapperLeftContainer = WrapperLeftContainer;
190
- var WrapperRightContainer = (0, _styledComponents.default)(WrapperLeftContainer)(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral([""])));
194
+ var WrapperRightContainer = (0, _styledComponents.default)(WrapperLeftContainer)(_templateObject39 || (_templateObject39 = _taggedTemplateLiteral([""])));
191
195
  exports.WrapperRightContainer = WrapperRightContainer;
192
196
 
193
- var Divider = _styledComponents.default.div(_templateObject39 || (_templateObject39 = _taggedTemplateLiteral(["\n height: 8px;\n background: #F8F9FA;\n width: calc(100% + 40px);\n margin-left: -20px;\n\n @media(min-width: 769px) {\n width: calc(100% + 80px);\n margin-left: -40px;\n }\n"])));
197
+ var Divider = _styledComponents.default.div(_templateObject40 || (_templateObject40 = _taggedTemplateLiteral(["\n height: 8px;\n background: #F8F9FA;\n width: calc(100% + 40px);\n margin-left: -20px;\n\n @media(min-width: 769px) {\n width: calc(100% + 80px);\n margin-left: -40px;\n }\n"])));
194
198
 
195
199
  exports.Divider = Divider;
196
200
 
197
- var MyOrderActions = _styledComponents.default.div(_templateObject40 || (_templateObject40 = _taggedTemplateLiteral([""])));
201
+ var MyOrderActions = _styledComponents.default.div(_templateObject41 || (_templateObject41 = _taggedTemplateLiteral([""])));
198
202
 
199
203
  exports.MyOrderActions = MyOrderActions;
200
204
 
201
- var ReviewWrapper = _styledComponents.default.div(_templateObject41 || (_templateObject41 = _taggedTemplateLiteral(["\n .review-sent {\n border-radius: 7.6px;\n }\n"])));
205
+ var ReviewWrapper = _styledComponents.default.div(_templateObject42 || (_templateObject42 = _taggedTemplateLiteral(["\n .review-sent {\n border-radius: 7.6px;\n }\n"])));
202
206
 
203
207
  exports.ReviewWrapper = ReviewWrapper;
204
208
 
205
- var Exclamation = _styledComponents.default.div(_templateObject42 || (_templateObject42 = _taggedTemplateLiteral(["\n position: relative;\n display: inline-flex;\n cursor: pointer;\n margin-left: 5px;\n top: 3px;\n"])));
209
+ var Exclamation = _styledComponents.default.div(_templateObject43 || (_templateObject43 = _taggedTemplateLiteral(["\n position: relative;\n display: inline-flex;\n cursor: pointer;\n margin-left: 5px;\n top: 3px;\n"])));
206
210
 
207
211
  exports.Exclamation = Exclamation;
208
212
 
209
- var CommentContainer = _styledComponents.default.div(_templateObject43 || (_templateObject43 = _taggedTemplateLiteral(["\n margin: 0;\n h3 {\n margin: 0;\n }\n"])));
213
+ var CommentContainer = _styledComponents.default.div(_templateObject44 || (_templateObject44 = _taggedTemplateLiteral(["\n margin: 0;\n h3 {\n margin: 0;\n }\n"])));
210
214
 
211
215
  exports.CommentContainer = CommentContainer;
212
216
 
213
- var NewOrder = _styledComponents.default.div(_templateObject44 || (_templateObject44 = _taggedTemplateLiteral(["\n button {\n width: 160px;\n }\n"])));
217
+ var NewOrder = _styledComponents.default.div(_templateObject45 || (_templateObject45 = _taggedTemplateLiteral(["\n button {\n width: 160px;\n }\n"])));
214
218
 
215
219
  exports.NewOrder = NewOrder;
216
220
 
217
- var OrderActions = _styledComponents.default.div(_templateObject45 || (_templateObject45 = _taggedTemplateLiteral(["\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n"])));
221
+ var OrderActions = _styledComponents.default.div(_templateObject46 || (_templateObject46 = _taggedTemplateLiteral(["\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n"])));
218
222
 
219
223
  exports.OrderActions = OrderActions;
220
224
 
221
- var TitleContainer = _styledComponents.default.div(_templateObject46 || (_templateObject46 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 50%;\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"])));
225
+ var TitleContainer = _styledComponents.default.div(_templateObject47 || (_templateObject47 = _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"])));
222
226
 
223
227
  exports.TitleContainer = TitleContainer;
224
228
 
225
- var ReOrder = _styledComponents.default.div(_templateObject47 || (_templateObject47 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n margin-top: 20px;\n margin-bottom: 20px;\n\n button {\n padding: 5px 16px;\n min-width: unset;\n margin: 0px 5px;\n }\n"])));
229
+ var ReOrder = _styledComponents.default.div(_templateObject48 || (_templateObject48 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n margin-top: 20px;\n margin-bottom: 20px;\n flex-direction: column;\n\n button {\n padding: 5px 16px;\n min-width: unset;\n margin: 5px 5px;\n\n @media (min-width: 650px) {\n margin: 0px 5px;\n }\n }\n\n @media (min-width: 650px) {\n flex-direction: row;\n }\n"])));
226
230
 
227
231
  exports.ReOrder = ReOrder;
228
232
 
229
- var BusinessTitle = _styledComponents.default.div(_templateObject48 || (_templateObject48 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n"])));
233
+ var BusinessTitle = _styledComponents.default.div(_templateObject49 || (_templateObject49 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n"])));
230
234
 
231
235
  exports.BusinessTitle = BusinessTitle;
232
- var OrderPreferences = (0, _styledComponents.default)(OrderCustomer)(_templateObject49 || (_templateObject49 = _taggedTemplateLiteral([""])));
236
+ var OrderPreferences = (0, _styledComponents.default)(OrderCustomer)(_templateObject50 || (_templateObject50 = _taggedTemplateLiteral([""])));
233
237
  exports.OrderPreferences = OrderPreferences;
234
238
 
235
- var HeaderTitle = _styledComponents.default.div(_templateObject50 || (_templateObject50 = _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"])));
239
+ var HeaderTitle = _styledComponents.default.div(_templateObject51 || (_templateObject51 = _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"])));
236
240
 
237
241
  exports.HeaderTitle = HeaderTitle;
238
242
 
239
- var PlaceSpotSection = _styledComponents.default.div(_templateObject51 || (_templateObject51 = _taggedTemplateLiteral(["\n\n"])));
243
+ var PlaceSpotSection = _styledComponents.default.div(_templateObject52 || (_templateObject52 = _taggedTemplateLiteral(["\n\n"])));
240
244
 
241
245
  exports.PlaceSpotSection = PlaceSpotSection;
242
246
 
243
- var LinkWrapper = _styledComponents.default.div(_templateObject52 || (_templateObject52 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"])));
247
+ var OrderStatusAndLinkContainer = _styledComponents.default.div(_templateObject53 || (_templateObject53 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n @media (min-width: 450px) {\n flex-direction: row;\n }\n"])));
248
+
249
+ exports.OrderStatusAndLinkContainer = OrderStatusAndLinkContainer;
250
+
251
+ var LinkWrapper = _styledComponents.default.div(_templateObject54 || (_templateObject54 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
244
252
 
245
253
  exports.LinkWrapper = LinkWrapper;
246
254
 
247
- var OrderHistoryContainer = _styledComponents.default.div(_templateObject53 || (_templateObject53 = _taggedTemplateLiteral([""])));
255
+ var OrderHistoryContainer = _styledComponents.default.div(_templateObject55 || (_templateObject55 = _taggedTemplateLiteral([""])));
248
256
 
249
257
  exports.OrderHistoryContainer = OrderHistoryContainer;
250
258
 
251
- var HistoryItemWrapper = _styledComponents.default.div(_templateObject54 || (_templateObject54 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n padding: 28px 23px;\n border-bottom: 1px solid ", ";\n\n > svg {\n width: 24px;\n height: 24px;\n color: ", ";\n }\n"])), function (props) {
259
+ var HistoryItemWrapper = _styledComponents.default.div(_templateObject56 || (_templateObject56 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n padding: 28px 23px;\n border-bottom: 1px solid ", ";\n\n > svg {\n width: 24px;\n height: 24px;\n color: ", ";\n }\n"])), function (props) {
252
260
  return props.theme.colors.gray200;
253
261
  }, function (props) {
254
262
  return props.theme.colors.primary;
@@ -256,22 +264,22 @@ var HistoryItemWrapper = _styledComponents.default.div(_templateObject54 || (_te
256
264
 
257
265
  exports.HistoryItemWrapper = HistoryItemWrapper;
258
266
 
259
- var DetailWrapper = _styledComponents.default.div(_templateObject55 || (_templateObject55 = _taggedTemplateLiteral(["\n margin-left: 50px;\n ", "\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) {
260
- return props.theme.rtl && (0, _styledComponents.css)(_templateObject56 || (_templateObject56 = _taggedTemplateLiteral(["\n margin-left: 0px;\n margin-right: 50px;\n "])));
267
+ var DetailWrapper = _styledComponents.default.div(_templateObject57 || (_templateObject57 = _taggedTemplateLiteral(["\n margin-left: 50px;\n ", "\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) {
268
+ return props.theme.rtl && (0, _styledComponents.css)(_templateObject58 || (_templateObject58 = _taggedTemplateLiteral(["\n margin-left: 0px;\n margin-right: 50px;\n "])));
261
269
  });
262
270
 
263
271
  exports.DetailWrapper = DetailWrapper;
264
272
 
265
- var ButtonWrapper = _styledComponents.default.div(_templateObject57 || (_templateObject57 = _taggedTemplateLiteral(["\n margin-top: 40px;\n button {\n width: 100%;\n height: 44px;\n position: relative;\n\n svg {\n position: absolute;\n top: 10px;\n font-size: 22px;\n right: 16px;\n ", "\n }\n }\n"])), function (props) {
266
- return props.theme.rtl && (0, _styledComponents.css)(_templateObject58 || (_templateObject58 = _taggedTemplateLiteral(["\n left: 16px;\n right: initial;\n transform: rotate(180deg);\n "])));
273
+ var ButtonWrapper = _styledComponents.default.div(_templateObject59 || (_templateObject59 = _taggedTemplateLiteral(["\n margin-top: 40px;\n button {\n width: 100%;\n height: 44px;\n position: relative;\n\n svg {\n position: absolute;\n top: 10px;\n font-size: 22px;\n right: 16px;\n ", "\n }\n }\n"])), function (props) {
274
+ return props.theme.rtl && (0, _styledComponents.css)(_templateObject60 || (_templateObject60 = _taggedTemplateLiteral(["\n left: 16px;\n right: initial;\n transform: rotate(180deg);\n "])));
267
275
  });
268
276
 
269
277
  exports.ButtonWrapper = ButtonWrapper;
270
278
 
271
- var MapWrapper = _styledComponents.default.div(_templateObject59 || (_templateObject59 = _taggedTemplateLiteral(["\n width: 100%;\n margin-top: 20px;\n\n @media (min-width: 769px) {\n width: 50%;\n margin-top: 0px;\n }\n"])));
279
+ var MapWrapper = _styledComponents.default.div(_templateObject61 || (_templateObject61 = _taggedTemplateLiteral(["\n width: 100%;\n margin-top: 20px;\n\n @media (min-width: 769px) {\n width: 50%;\n margin-top: 0px;\n }\n"])));
272
280
 
273
281
  exports.MapWrapper = MapWrapper;
274
282
 
275
- var BusinessExternalWrapper = _styledComponents.default.div(_templateObject60 || (_templateObject60 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n width: 100%;\n\n @media (min-width: 769px) {\n width: 50%;\n }\n"])));
283
+ var BusinessExternalWrapper = _styledComponents.default.div(_templateObject62 || (_templateObject62 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n width: 100%;\n\n @media (min-width: 769px) {\n width: 50%;\n }\n"])));
276
284
 
277
285
  exports.BusinessExternalWrapper = BusinessExternalWrapper;
@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
11
11
 
12
12
  var _reactHookForm = require("react-hook-form");
13
13
 
14
- var _orderingComponents = require("ordering-components");
14
+ var _orderingComponentsExternal = require("ordering-components-external");
15
15
 
16
16
  var _MdClose = _interopRequireDefault(require("@meronex/icons/md/MdClose"));
17
17
 
@@ -74,11 +74,11 @@ var ReviewOrderUI = function ReviewOrderUI(props) {
74
74
  setIsReviewed = props.setIsReviewed,
75
75
  setStars = props.setStars;
76
76
 
77
- var _useLanguage = (0, _orderingComponents.useLanguage)(),
77
+ var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
78
78
  _useLanguage2 = _slicedToArray(_useLanguage, 2),
79
79
  t = _useLanguage2[1];
80
80
 
81
- var _useUtils = (0, _orderingComponents.useUtils)(),
81
+ var _useUtils = (0, _orderingComponentsExternal.useUtils)(),
82
82
  _useUtils2 = _slicedToArray(_useUtils, 1),
83
83
  optimizeImage = _useUtils2[0].optimizeImage;
84
84
 
@@ -336,7 +336,7 @@ var ReviewOrder = function ReviewOrder(props) {
336
336
  defaultStar: (_props$defaultStar = props === null || props === void 0 ? void 0 : props.defaultStar) !== null && _props$defaultStar !== void 0 ? _props$defaultStar : 0
337
337
  });
338
338
 
339
- return /*#__PURE__*/_react.default.createElement(_orderingComponents.OrderReview, ReviewOrderProps);
339
+ return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.OrderReview, ReviewOrderProps);
340
340
  };
341
341
 
342
342
  exports.ReviewOrder = ReviewOrder;
@@ -9,7 +9,7 @@ exports.ReviewProduct = void 0;
9
9
 
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
 
12
- var _orderingComponents = require("ordering-components");
12
+ var _orderingComponentsExternal = require("ordering-components-external");
13
13
 
14
14
  var _reactHookForm = require("react-hook-form");
15
15
 
@@ -72,7 +72,7 @@ var SingleProductReview = function SingleProductReview(props) {
72
72
  handleChangeFormState = props.handleChangeFormState,
73
73
  formState = props.formState;
74
74
 
75
- var _useLanguage = (0, _orderingComponents.useLanguage)(),
75
+ var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
76
76
  _useLanguage2 = _slicedToArray(_useLanguage, 2),
77
77
  t = _useLanguage2[1];
78
78
 
@@ -212,7 +212,7 @@ var ReviewProductUI = function ReviewProductUI(props) {
212
212
  handleSendProductReview = props.handleSendProductReview,
213
213
  setIsProductReviewed = props.setIsProductReviewed;
214
214
 
215
- var _useLanguage3 = (0, _orderingComponents.useLanguage)(),
215
+ var _useLanguage3 = (0, _orderingComponentsExternal.useLanguage)(),
216
216
  _useLanguage4 = _slicedToArray(_useLanguage3, 2),
217
217
  t = _useLanguage4[1];
218
218
 
@@ -323,7 +323,7 @@ var ReviewProduct = function ReviewProduct(props) {
323
323
  isToast: true
324
324
  });
325
325
 
326
- return /*#__PURE__*/_react.default.createElement(_orderingComponents.ReviewProduct, reviewProductProps);
326
+ return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.ReviewProduct, reviewProductProps);
327
327
  };
328
328
 
329
329
  exports.ReviewProduct = ReviewProduct;
@@ -297,6 +297,12 @@ Object.defineProperty(exports, "SearchBar", {
297
297
  return _SearchBar.SearchBar;
298
298
  }
299
299
  });
300
+ Object.defineProperty(exports, "SearchProducts", {
301
+ enumerable: true,
302
+ get: function get() {
303
+ return _SearchProducts.SearchProducts;
304
+ }
305
+ });
300
306
  Object.defineProperty(exports, "Select", {
301
307
  enumerable: true,
302
308
  get: function get() {
@@ -478,6 +484,8 @@ var _AppleLogin = require("./src/components/AppleLogin");
478
484
 
479
485
  var _SmsLogin = require("./src/components/SmsLogin");
480
486
 
487
+ var _SearchProducts = require("./src/components/BusinessProductsListing/SearchProducts");
488
+
481
489
  var _Inputs = require("./src/styles/Inputs");
482
490
 
483
491
  var _Select = require("./src/styles/Select");
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ordering-ui-external",
3
- "version": "1.1.3",
3
+ "version": "1.1.6",
4
4
  "description": "Ordering UI Components",
5
5
  "main": "./_modules/index.js",
6
6
  "exports": {
package/src/index.js CHANGED
@@ -92,6 +92,7 @@ import { VerticalOrdersLayout } from './components/VerticalOrdersLayout'
92
92
  import { GoogleLoginButton } from './components/GoogleLogin'
93
93
  import { SmsLoginButton } from './components/SmsLogin'
94
94
  import { AppleLogin } from './components/AppleLogin'
95
+ import { SearchProducts } from './components/RenderProductsLayout/SearchProducts'
95
96
 
96
97
  import { ThemeContext, ThemeProvider, useTheme } from './contexts/ThemeContext'
97
98
  import { useOnlineStatus } from './hooks/useOnlineStatus'
@@ -210,6 +211,7 @@ export {
210
211
  ReviewDriver,
211
212
  RenderProductsLayout,
212
213
  SearchBar,
214
+ SearchProducts,
213
215
  SignUpForm,
214
216
  SingleProductCard,
215
217
  SmartAppBanner,