ordering-ui-external 10.3.4 → 10.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_bundles/{7.ordering-ui.e4b344da6e70bac839ce.js → 7.ordering-ui.62d46eec3c210c5257aa.js} +1 -1
- package/_bundles/{ordering-ui.e4b344da6e70bac839ce.js → ordering-ui.62d46eec3c210c5257aa.js} +2 -2
- package/_modules/themes/five/index.js +7 -0
- package/_modules/themes/five/src/components/BusinessPreorder/styles.js +2 -2
- package/_modules/themes/five/src/components/BusinessProductsList/index.js +35 -13
- package/_modules/themes/five/src/components/BusinessProductsList/styles.js +7 -3
- package/_modules/themes/five/src/components/Cart/index.js +2 -2
- package/_modules/themes/five/src/components/GiftCard/SendGiftCard/index.js +2 -2
- package/_modules/themes/five/src/components/RenderProductsLayout/index.js +3 -2
- package/_modules/themes/five/src/components/SingleProductCard/layouts/original/styles.js +2 -2
- package/_modules/themes/five/src/components/WebsocketStatus/index.js +123 -0
- package/_modules/themes/five/src/components/WebsocketStatus/styles.js +69 -0
- package/_modules/themes/five/src/styles/Buttons/index.js +118 -89
- package/package.json +2 -2
- package/src/themes/five/index.js +2 -1
- package/src/themes/five/src/components/BusinessPreorder/styles.js +4 -4
- package/src/themes/five/src/components/BusinessProductsList/index.js +36 -3
- package/src/themes/five/src/components/BusinessProductsList/styles.js +20 -0
- package/src/themes/five/src/components/Cart/index.js +2 -2
- package/src/themes/five/src/components/GiftCard/SendGiftCard/index.js +2 -2
- package/src/themes/five/src/components/RenderProductsLayout/index.js +1 -0
- package/src/themes/five/src/components/SingleProductCard/layouts/original/styles.js +2 -2
- package/src/themes/five/src/components/WebsocketStatus/index.js +142 -0
- package/src/themes/five/src/components/WebsocketStatus/styles.js +184 -0
- package/src/themes/five/src/styles/Buttons/index.js +67 -0
- package/template/pages/BusinessProductsList/index.js +2 -1
- package/template/theme.json +2 -1
- /package/_bundles/{0.ordering-ui.e4b344da6e70bac839ce.js → 0.ordering-ui.62d46eec3c210c5257aa.js} +0 -0
- /package/_bundles/{1.ordering-ui.e4b344da6e70bac839ce.js → 1.ordering-ui.62d46eec3c210c5257aa.js} +0 -0
- /package/_bundles/{2.ordering-ui.e4b344da6e70bac839ce.js → 2.ordering-ui.62d46eec3c210c5257aa.js} +0 -0
- /package/_bundles/{4.ordering-ui.e4b344da6e70bac839ce.js → 4.ordering-ui.62d46eec3c210c5257aa.js} +0 -0
- /package/_bundles/{5.ordering-ui.e4b344da6e70bac839ce.js → 5.ordering-ui.62d46eec3c210c5257aa.js} +0 -0
- /package/_bundles/{6.ordering-ui.e4b344da6e70bac839ce.js → 6.ordering-ui.62d46eec3c210c5257aa.js} +0 -0
- /package/_bundles/{7.ordering-ui.e4b344da6e70bac839ce.js.LICENSE.txt → 7.ordering-ui.62d46eec3c210c5257aa.js.LICENSE.txt} +0 -0
- /package/_bundles/{8.ordering-ui.e4b344da6e70bac839ce.js → 8.ordering-ui.62d46eec3c210c5257aa.js} +0 -0
- /package/_bundles/{9.ordering-ui.e4b344da6e70bac839ce.js → 9.ordering-ui.62d46eec3c210c5257aa.js} +0 -0
- /package/_bundles/{ordering-ui.e4b344da6e70bac839ce.js.LICENSE.txt → ordering-ui.62d46eec3c210c5257aa.js.LICENSE.txt} +0 -0
|
@@ -4,76 +4,105 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.default = exports.Button = void 0;
|
|
7
|
+
exports.default = exports.IconButton = exports.Button = void 0;
|
|
8
8
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
9
9
|
var _polished = require("polished");
|
|
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;
|
|
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;
|
|
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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
14
|
-
var
|
|
14
|
+
var IconButton = _styledComponents.default.button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background-color: transparent;\n border: none;\n border-radius: 6px;\n height: 32px;\n padding: 0 5px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all .2s ease-in;\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n > svg {\n width: 20px;\n height: 20px;\n color: #B1BCCC;\n }\n\n &:hover {\n background-color: #1507260a;\n\n > svg {\n color: #151b26;\n }\n }\n\n &:active {\n background-color: #1507261a;\n }\n\n ", "\n\n ", "\n ", "\n"])), function (_ref) {
|
|
15
|
+
var color = _ref.color;
|
|
16
|
+
return color === 'black' && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n > svg {\n color: ", ";\n }\n &:hover {\n background-color: ", ";\n }\n &:active {\n background-color: ", ";\n }\n\n ", "\n "])), function (props) {
|
|
17
|
+
return props.theme.colors.headingColor;
|
|
18
|
+
}, function (props) {
|
|
19
|
+
return props.theme.colors.secundary;
|
|
20
|
+
}, function (props) {
|
|
21
|
+
return props.theme.colors.secundaryDarkContrast;
|
|
22
|
+
}, function (_ref2) {
|
|
23
|
+
var active = _ref2.active;
|
|
24
|
+
return active && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n background-color: ", ";\n "])), function (props) {
|
|
25
|
+
return props.theme.colors.secundaryDarkContrast;
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
}, function (_ref3) {
|
|
29
|
+
var color = _ref3.color;
|
|
30
|
+
return color === 'primary' && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n > svg {\n color: ", ";\n }\n &:hover {\n background-color: #1507260a;\n > svg {\n color: ", ";\n }\n }\n "])), function (props) {
|
|
31
|
+
return props.theme.colors.primary;
|
|
32
|
+
}, function (props) {
|
|
33
|
+
return props.theme.colors.primary;
|
|
34
|
+
});
|
|
35
|
+
}, function (_ref4) {
|
|
36
|
+
var isDisabled = _ref4.isDisabled;
|
|
37
|
+
return isDisabled && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n pointer-events: none;\n "])));
|
|
38
|
+
});
|
|
39
|
+
exports.IconButton = IconButton;
|
|
40
|
+
var Button = _styledComponents.default.button(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n background: #CCC;\n color: #FFF;\n border: 1px solid #CCC;\n border-radius: 7.6px;\n line-height: 30px;\n padding-left: 15px;\n padding-right: 15px;\n font-size: 16px;\n cursor: pointer;\n outline: none;\n overflow: hidden;\n text-overflow: ellipsis;\n &:active {\n background: ", ";\n }\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n"])), function () {
|
|
15
41
|
return (0, _polished.darken)(0.07, '#CCC');
|
|
16
|
-
}, function (
|
|
17
|
-
var
|
|
18
|
-
return
|
|
42
|
+
}, function (_ref5) {
|
|
43
|
+
var width = _ref5.width;
|
|
44
|
+
return width && (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n width: ", ";\n "])), width);
|
|
45
|
+
}, function (_ref6) {
|
|
46
|
+
var bgtransparent = _ref6.bgtransparent;
|
|
47
|
+
return bgtransparent && (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n background: transparent !important;\n &:hover {\n background: ", ";\n color: ", " !important;\n }\n "])), (0, _polished.darken)(0.15, '#CCC'), function (props) {
|
|
19
48
|
return (0, _polished.darken)(0.15, props.theme.colors.primary);
|
|
20
49
|
});
|
|
21
|
-
}, function (
|
|
22
|
-
var initialIcon =
|
|
23
|
-
return initialIcon && (0, _styledComponents.css)(
|
|
50
|
+
}, function (_ref7) {
|
|
51
|
+
var initialIcon = _ref7.initialIcon;
|
|
52
|
+
return initialIcon && (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n text-align: left;\n ", "\n img{\n vertical-align: middle;\n }\n span {\n padding-left: 15%\n ", "\n }\n "])), function (props) {
|
|
24
53
|
var _props$theme;
|
|
25
|
-
return ((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.rtl) && (0, _styledComponents.css)(
|
|
54
|
+
return ((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.rtl) && (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n text-align: right;\n "])));
|
|
26
55
|
}, function (props) {
|
|
27
56
|
var _props$theme2;
|
|
28
|
-
return ((_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.rtl) && (0, _styledComponents.css)(
|
|
57
|
+
return ((_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.rtl) && (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n padding-right: 15%;\n padding-left: 0;\n "])));
|
|
29
58
|
});
|
|
30
|
-
}, function (
|
|
59
|
+
}, function (_ref8) {
|
|
31
60
|
var _theme$general, _theme$general2;
|
|
32
|
-
var theme =
|
|
33
|
-
return (theme === null || theme === void 0 || (_theme$general = theme.general) === null || _theme$general === void 0 || (_theme$general = _theme$general.components) === null || _theme$general === void 0 || (_theme$general = _theme$general.buttons) === null || _theme$general === void 0 ? void 0 : _theme$general.borderRadius) && (0, _styledComponents.css)(
|
|
34
|
-
}, function (
|
|
61
|
+
var theme = _ref8.theme;
|
|
62
|
+
return (theme === null || theme === void 0 || (_theme$general = theme.general) === null || _theme$general === void 0 || (_theme$general = _theme$general.components) === null || _theme$general === void 0 || (_theme$general = _theme$general.buttons) === null || _theme$general === void 0 ? void 0 : _theme$general.borderRadius) && (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n border-radius: ", ";\n "])), theme === null || theme === void 0 || (_theme$general2 = theme.general) === null || _theme$general2 === void 0 || (_theme$general2 = _theme$general2.components) === null || _theme$general2 === void 0 || (_theme$general2 = _theme$general2.buttons) === null || _theme$general2 === void 0 ? void 0 : _theme$general2.borderRadius);
|
|
63
|
+
}, function (_ref9) {
|
|
35
64
|
var _theme$general3, _theme$general4, _theme$general5, _theme$general6, _theme$general7, _theme$general8;
|
|
36
|
-
var theme =
|
|
65
|
+
var theme = _ref9.theme;
|
|
37
66
|
return Object.values((theme === null || theme === void 0 || (_theme$general3 = theme.general) === null || _theme$general3 === void 0 || (_theme$general3 = _theme$general3.components) === null || _theme$general3 === void 0 || (_theme$general3 = _theme$general3.buttons) === null || _theme$general3 === void 0 || (_theme$general3 = _theme$general3.shadow) === null || _theme$general3 === void 0 ? void 0 : _theme$general3.components) || {}).some(function (val) {
|
|
38
67
|
return !!val;
|
|
39
|
-
}) && (0, _styledComponents.css)(
|
|
40
|
-
}, function (
|
|
68
|
+
}) && (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n box-shadow: \n ", "\n ", "\n ", "\n ", "\n ", ";\n "])), (theme === null || theme === void 0 || (_theme$general4 = theme.general) === null || _theme$general4 === void 0 || (_theme$general4 = _theme$general4.components) === null || _theme$general4 === void 0 || (_theme$general4 = _theme$general4.buttons) === null || _theme$general4 === void 0 || (_theme$general4 = _theme$general4.shadow) === null || _theme$general4 === void 0 || (_theme$general4 = _theme$general4.components) === null || _theme$general4 === void 0 ? void 0 : _theme$general4.x) || '0px', (theme === null || theme === void 0 || (_theme$general5 = theme.general) === null || _theme$general5 === void 0 || (_theme$general5 = _theme$general5.components) === null || _theme$general5 === void 0 || (_theme$general5 = _theme$general5.buttons) === null || _theme$general5 === void 0 || (_theme$general5 = _theme$general5.shadow) === null || _theme$general5 === void 0 || (_theme$general5 = _theme$general5.components) === null || _theme$general5 === void 0 ? void 0 : _theme$general5.y) || '0px', (theme === null || theme === void 0 || (_theme$general6 = theme.general) === null || _theme$general6 === void 0 || (_theme$general6 = _theme$general6.components) === null || _theme$general6 === void 0 || (_theme$general6 = _theme$general6.buttons) === null || _theme$general6 === void 0 || (_theme$general6 = _theme$general6.shadow) === null || _theme$general6 === void 0 || (_theme$general6 = _theme$general6.components) === null || _theme$general6 === void 0 ? void 0 : _theme$general6.blur) || '0px', (theme === null || theme === void 0 || (_theme$general7 = theme.general) === null || _theme$general7 === void 0 || (_theme$general7 = _theme$general7.components) === null || _theme$general7 === void 0 || (_theme$general7 = _theme$general7.buttons) === null || _theme$general7 === void 0 || (_theme$general7 = _theme$general7.shadow) === null || _theme$general7 === void 0 || (_theme$general7 = _theme$general7.components) === null || _theme$general7 === void 0 ? void 0 : _theme$general7.spread) || '0px', (theme === null || theme === void 0 || (_theme$general8 = theme.general) === null || _theme$general8 === void 0 || (_theme$general8 = _theme$general8.components) === null || _theme$general8 === void 0 || (_theme$general8 = _theme$general8.buttons) === null || _theme$general8 === void 0 || (_theme$general8 = _theme$general8.shadow) === null || _theme$general8 === void 0 || (_theme$general8 = _theme$general8.components) === null || _theme$general8 === void 0 ? void 0 : _theme$general8.color) || '#000');
|
|
69
|
+
}, function (_ref10) {
|
|
41
70
|
var _theme$general9, _theme$general10;
|
|
42
|
-
var theme =
|
|
43
|
-
return (theme === null || theme === void 0 || (_theme$general9 = theme.general) === null || _theme$general9 === void 0 || (_theme$general9 = _theme$general9.components) === null || _theme$general9 === void 0 || (_theme$general9 = _theme$general9.buttons) === null || _theme$general9 === void 0 ? void 0 : _theme$general9.color) && (0, _styledComponents.css)(
|
|
71
|
+
var theme = _ref10.theme;
|
|
72
|
+
return (theme === null || theme === void 0 || (_theme$general9 = theme.general) === null || _theme$general9 === void 0 || (_theme$general9 = _theme$general9.components) === null || _theme$general9 === void 0 || (_theme$general9 = _theme$general9.buttons) === null || _theme$general9 === void 0 ? void 0 : _theme$general9.color) && (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n background: ", " !important;\n &:active {\n background: ", " !important;\n }\n &:hover {\n background: ", " !important;\n }\n "])), theme === null || theme === void 0 || (_theme$general10 = theme.general) === null || _theme$general10 === void 0 || (_theme$general10 = _theme$general10.components) === null || _theme$general10 === void 0 || (_theme$general10 = _theme$general10.buttons) === null || _theme$general10 === void 0 ? void 0 : _theme$general10.color, function (_ref11) {
|
|
44
73
|
var _theme$general11;
|
|
45
|
-
var theme =
|
|
74
|
+
var theme = _ref11.theme;
|
|
46
75
|
return (0, _polished.darken)(0.07, theme === null || theme === void 0 || (_theme$general11 = theme.general) === null || _theme$general11 === void 0 || (_theme$general11 = _theme$general11.components) === null || _theme$general11 === void 0 || (_theme$general11 = _theme$general11.buttons) === null || _theme$general11 === void 0 ? void 0 : _theme$general11.color);
|
|
47
|
-
}, function (
|
|
76
|
+
}, function (_ref12) {
|
|
48
77
|
var _theme$general12;
|
|
49
|
-
var theme =
|
|
78
|
+
var theme = _ref12.theme;
|
|
50
79
|
return (0, _polished.darken)(0.07, theme === null || theme === void 0 || (_theme$general12 = theme.general) === null || _theme$general12 === void 0 || (_theme$general12 = _theme$general12.components) === null || _theme$general12 === void 0 || (_theme$general12 = _theme$general12.buttons) === null || _theme$general12 === void 0 ? void 0 : _theme$general12.color);
|
|
51
80
|
});
|
|
52
|
-
}, function (
|
|
81
|
+
}, function (_ref13) {
|
|
53
82
|
var _theme$general13, _theme$general14;
|
|
54
|
-
var theme =
|
|
55
|
-
return (theme === null || theme === void 0 || (_theme$general13 = theme.general) === null || _theme$general13 === void 0 || (_theme$general13 = _theme$general13.components) === null || _theme$general13 === void 0 || (_theme$general13 = _theme$general13.buttons) === null || _theme$general13 === void 0 ? void 0 : _theme$general13.buttonTextColor) && (0, _styledComponents.css)(
|
|
83
|
+
var theme = _ref13.theme;
|
|
84
|
+
return (theme === null || theme === void 0 || (_theme$general13 = theme.general) === null || _theme$general13 === void 0 || (_theme$general13 = _theme$general13.components) === null || _theme$general13 === void 0 || (_theme$general13 = _theme$general13.buttons) === null || _theme$general13 === void 0 ? void 0 : _theme$general13.buttonTextColor) && (0, _styledComponents.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n color: ", " !important;\n &:active {\n color: ", " !important;\n }\n &:hover {\n color: ", " !important;\n }\n "])), theme === null || theme === void 0 || (_theme$general14 = theme.general) === null || _theme$general14 === void 0 || (_theme$general14 = _theme$general14.components) === null || _theme$general14 === void 0 || (_theme$general14 = _theme$general14.buttons) === null || _theme$general14 === void 0 ? void 0 : _theme$general14.buttonTextColor, function (_ref14) {
|
|
56
85
|
var _theme$general15;
|
|
57
|
-
var theme =
|
|
86
|
+
var theme = _ref14.theme;
|
|
58
87
|
return (0, _polished.darken)(0.07, theme === null || theme === void 0 || (_theme$general15 = theme.general) === null || _theme$general15 === void 0 || (_theme$general15 = _theme$general15.components) === null || _theme$general15 === void 0 || (_theme$general15 = _theme$general15.buttons) === null || _theme$general15 === void 0 ? void 0 : _theme$general15.buttonTextColor);
|
|
59
|
-
}, function (
|
|
88
|
+
}, function (_ref15) {
|
|
60
89
|
var _theme$general16;
|
|
61
|
-
var theme =
|
|
90
|
+
var theme = _ref15.theme;
|
|
62
91
|
return (0, _polished.darken)(0.07, theme === null || theme === void 0 || (_theme$general16 = theme.general) === null || _theme$general16 === void 0 || (_theme$general16 = _theme$general16.components) === null || _theme$general16 === void 0 || (_theme$general16 = _theme$general16.buttons) === null || _theme$general16 === void 0 ? void 0 : _theme$general16.buttonTextColor);
|
|
63
92
|
});
|
|
64
|
-
}, function (
|
|
65
|
-
var outline =
|
|
66
|
-
return outline && (0, _styledComponents.css)(
|
|
67
|
-
}, function (
|
|
68
|
-
var circle =
|
|
69
|
-
return circle && (0, _styledComponents.css)(
|
|
70
|
-
}, function (
|
|
71
|
-
var circle =
|
|
72
|
-
outline =
|
|
73
|
-
return circle && outline && (0, _styledComponents.css)(
|
|
74
|
-
}, function (
|
|
75
|
-
var color =
|
|
76
|
-
return color === 'primary' && (0, _styledComponents.css)(
|
|
93
|
+
}, function (_ref16) {
|
|
94
|
+
var outline = _ref16.outline;
|
|
95
|
+
return outline && (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n background: #FFF;\n color: #CCC;\n border-color: #CCC;\n &:active {\n color: #FFF;\n background: ", ";\n }\n &:hover {\n background: ", ";\n color: #FFF;\n }\n "])), (0, _polished.darken)(0.07, '#CCC'), (0, _polished.darken)(0.07, '#CCC'));
|
|
96
|
+
}, function (_ref17) {
|
|
97
|
+
var circle = _ref17.circle;
|
|
98
|
+
return circle && (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n background: #CCC;\n color: #FFF;\n border-color: #CCC;\n padding: 0;\n width: 34px;\n height: 34px;\n line-height: 34px;\n text-align: center;\n border-radius: 50%;\n &:active {\n color: #FFF;\n background: ", ";\n }\n "])), (0, _polished.darken)(0.07, '#CCC'));
|
|
99
|
+
}, function (_ref18) {
|
|
100
|
+
var circle = _ref18.circle,
|
|
101
|
+
outline = _ref18.outline;
|
|
102
|
+
return circle && outline && (0, _styledComponents.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n background: #FFF;\n color: #CCC;\n border-color: #CCC;\n padding: 0;\n width: 34px;\n height: 34px;\n line-height: 34px;\n text-align: center;\n border-radius: 50%;\n &:active {\n color: #FFF;\n background: ", ";\n }\n "])), (0, _polished.darken)(0.07, '#CCC'));
|
|
103
|
+
}, function (_ref19) {
|
|
104
|
+
var color = _ref19.color;
|
|
105
|
+
return color === 'primary' && (0, _styledComponents.css)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n &:active {\n background: ", ";\n }\n &:hover {\n background: ", ";\n color: #FFF;\n }\n ", "\n ", "\n ", "\n "])), function (props) {
|
|
77
106
|
return props.theme.colors.primary;
|
|
78
107
|
}, function (props) {
|
|
79
108
|
return props.theme.colors.primaryContrast;
|
|
@@ -83,9 +112,9 @@ var Button = _styledComponents.default.button(_templateObject || (_templateObjec
|
|
|
83
112
|
return (0, _polished.darken)(0.07, props.theme.colors.primary);
|
|
84
113
|
}, function (props) {
|
|
85
114
|
return (0, _polished.darken)(0.07, props.theme.colors.primary);
|
|
86
|
-
}, function (
|
|
87
|
-
var outline =
|
|
88
|
-
return outline && (0, _styledComponents.css)(
|
|
115
|
+
}, function (_ref20) {
|
|
116
|
+
var outline = _ref20.outline;
|
|
117
|
+
return outline && (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n background: #FFF;\n color: ", ";\n border-color: ", ";\n &:active {\n color: ", ";\n background: ", ";\n }\n &:hover {\n background: ", ";\n color: #FFF;\n }\n "])), function (props) {
|
|
89
118
|
return props.theme.colors.primary;
|
|
90
119
|
}, function (props) {
|
|
91
120
|
return props.theme.colors.primary;
|
|
@@ -96,9 +125,9 @@ var Button = _styledComponents.default.button(_templateObject || (_templateObjec
|
|
|
96
125
|
}, function (props) {
|
|
97
126
|
return (0, _polished.darken)(0.07, props.theme.colors.primary);
|
|
98
127
|
});
|
|
99
|
-
}, function (
|
|
100
|
-
var circle =
|
|
101
|
-
return circle && (0, _styledComponents.css)(
|
|
128
|
+
}, function (_ref21) {
|
|
129
|
+
var circle = _ref21.circle;
|
|
130
|
+
return circle && (0, _styledComponents.css)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n padding: 0;\n width: 34px;\n height: 34px;\n line-height: 34px;\n text-align: center;\n border-radius: 50%;\n &:active {\n border-color: ", ";\n background: ", ";\n }\n "])), function (props) {
|
|
102
131
|
return props.theme.colors.primary;
|
|
103
132
|
}, function (props) {
|
|
104
133
|
return props.theme.colors.primaryContrast;
|
|
@@ -109,10 +138,10 @@ var Button = _styledComponents.default.button(_templateObject || (_templateObjec
|
|
|
109
138
|
}, function (props) {
|
|
110
139
|
return (0, _polished.darken)(0.07, props.theme.colors.primary);
|
|
111
140
|
});
|
|
112
|
-
}, function (
|
|
113
|
-
var circle =
|
|
114
|
-
outline =
|
|
115
|
-
return circle && outline && (0, _styledComponents.css)(
|
|
141
|
+
}, function (_ref22) {
|
|
142
|
+
var circle = _ref22.circle,
|
|
143
|
+
outline = _ref22.outline;
|
|
144
|
+
return circle && outline && (0, _styledComponents.css)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n background: #FFF;\n color: ", ";\n border-color: ", ";\n padding: 0;\n width: 34px;\n height: 34px;\n line-height: 34px;\n text-align: center;\n border-radius: 50%;\n &:active {\n border-color: ", ";\n background: ", ";\n }\n "])), function (props) {
|
|
116
145
|
return props.theme.colors.primary;
|
|
117
146
|
}, function (props) {
|
|
118
147
|
return props.theme.colors.primary;
|
|
@@ -122,9 +151,9 @@ var Button = _styledComponents.default.button(_templateObject || (_templateObjec
|
|
|
122
151
|
return props.theme.colors.primary;
|
|
123
152
|
});
|
|
124
153
|
});
|
|
125
|
-
}, function (
|
|
126
|
-
var color =
|
|
127
|
-
return color === 'primaryContrast' && (0, _styledComponents.css)(
|
|
154
|
+
}, function (_ref23) {
|
|
155
|
+
var color = _ref23.color;
|
|
156
|
+
return color === 'primaryContrast' && (0, _styledComponents.css)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n &:hover {\n background: ", ";\n }\n &:active {\n background: ", ";\n }\n ", "\n "])), function (props) {
|
|
128
157
|
return props.theme.colors.primaryContrast;
|
|
129
158
|
}, function (props) {
|
|
130
159
|
return props.theme.colors.primary;
|
|
@@ -134,13 +163,13 @@ var Button = _styledComponents.default.button(_templateObject || (_templateObjec
|
|
|
134
163
|
return (0, _polished.darken)(0.04, props.theme.colors.primaryContrast);
|
|
135
164
|
}, function (props) {
|
|
136
165
|
return (0, _polished.darken)(0.1, props.theme.colors.primaryContrast);
|
|
137
|
-
}, function (
|
|
138
|
-
var naked =
|
|
139
|
-
return naked && (0, _styledComponents.css)(
|
|
166
|
+
}, function (_ref24) {
|
|
167
|
+
var naked = _ref24.naked;
|
|
168
|
+
return naked && (0, _styledComponents.css)(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n background: transparent;\n border-color: transparent;\n &:active {\n background: transparent;\n }\n &:hover {\n background: transparent;\n }\n "])));
|
|
140
169
|
});
|
|
141
|
-
}, function (
|
|
142
|
-
var color =
|
|
143
|
-
return color === 'secundary' && (0, _styledComponents.css)(
|
|
170
|
+
}, function (_ref25) {
|
|
171
|
+
var color = _ref25.color;
|
|
172
|
+
return color === 'secundary' && (0, _styledComponents.css)(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n &:active {\n background: ", ";\n }\n ", "\n ", "\n ", "\n "])), function (props) {
|
|
144
173
|
return props.theme.colors.secundary;
|
|
145
174
|
}, function (props) {
|
|
146
175
|
return props.theme.colors.secundaryContrast;
|
|
@@ -148,9 +177,9 @@ var Button = _styledComponents.default.button(_templateObject || (_templateObjec
|
|
|
148
177
|
return props.theme.colors.secundary;
|
|
149
178
|
}, function (props) {
|
|
150
179
|
return (0, _polished.darken)(0.07, props.theme.colors.secundary);
|
|
151
|
-
}, function (
|
|
152
|
-
var outline =
|
|
153
|
-
return outline && (0, _styledComponents.css)(
|
|
180
|
+
}, function (_ref26) {
|
|
181
|
+
var outline = _ref26.outline;
|
|
182
|
+
return outline && (0, _styledComponents.css)(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n background: #FFF;\n color: ", ";\n border-color: ", ";\n &:active {\n color: ", ";\n background: ", ";\n }\n &:hover {\n background: ", ";\n color: #FFF;\n }\n "])), function (props) {
|
|
154
183
|
return props.theme.colors.secundary;
|
|
155
184
|
}, function (props) {
|
|
156
185
|
return props.theme.colors.secundary;
|
|
@@ -161,9 +190,9 @@ var Button = _styledComponents.default.button(_templateObject || (_templateObjec
|
|
|
161
190
|
}, function (props) {
|
|
162
191
|
return (0, _polished.darken)(0.07, props.theme.colors.secundary);
|
|
163
192
|
});
|
|
164
|
-
}, function (
|
|
165
|
-
var circle =
|
|
166
|
-
return circle && (0, _styledComponents.css)(
|
|
193
|
+
}, function (_ref27) {
|
|
194
|
+
var circle = _ref27.circle;
|
|
195
|
+
return circle && (0, _styledComponents.css)(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n padding: 0;\n width: 34px;\n height: 34px;\n line-height: 34px;\n text-align: center;\n border-radius: 50%;\n &:active {\n color: ", ";\n border-color: ", ";\n background: ", ";\n }\n "])), function (props) {
|
|
167
196
|
return props.theme.colors.secundary;
|
|
168
197
|
}, function (props) {
|
|
169
198
|
return props.theme.colors.secundaryContrast;
|
|
@@ -176,10 +205,10 @@ var Button = _styledComponents.default.button(_templateObject || (_templateObjec
|
|
|
176
205
|
}, function (props) {
|
|
177
206
|
return (0, _polished.darken)(0.07, props.theme.colors.secundary);
|
|
178
207
|
});
|
|
179
|
-
}, function (
|
|
180
|
-
var circle =
|
|
181
|
-
outline =
|
|
182
|
-
return circle && outline && (0, _styledComponents.css)(
|
|
208
|
+
}, function (_ref28) {
|
|
209
|
+
var circle = _ref28.circle,
|
|
210
|
+
outline = _ref28.outline;
|
|
211
|
+
return circle && outline && (0, _styledComponents.css)(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n background: #FFF;\n color: ", ";\n border-color: ", ";\n padding: 0;\n width: 34px;\n height: 34px;\n line-height: 34px;\n text-align: center;\n border-radius: 50%;\n &:active {\n border-color: ", ";\n background: ", ";\n color: ", ";\n }\n "])), function (props) {
|
|
183
212
|
return props.theme.colors.secundary;
|
|
184
213
|
}, function (props) {
|
|
185
214
|
return props.theme.colors.secundary;
|
|
@@ -191,9 +220,9 @@ var Button = _styledComponents.default.button(_templateObject || (_templateObjec
|
|
|
191
220
|
return props.theme.colors.secundaryContrast;
|
|
192
221
|
});
|
|
193
222
|
});
|
|
194
|
-
}, function (
|
|
195
|
-
var color =
|
|
196
|
-
return color === 'gray' && (0, _styledComponents.css)(
|
|
223
|
+
}, function (_ref29) {
|
|
224
|
+
var color = _ref29.color;
|
|
225
|
+
return color === 'gray' && (0, _styledComponents.css)(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n &:active {\n background: ", ";\n }\n &:hover {\n background: ", ";\n }\n "])), function (props) {
|
|
197
226
|
return props.theme.colors.grayDividerColor;
|
|
198
227
|
}, function (props) {
|
|
199
228
|
return props.theme.colors.darkGray;
|
|
@@ -204,9 +233,9 @@ var Button = _styledComponents.default.button(_templateObject || (_templateObjec
|
|
|
204
233
|
}, function (props) {
|
|
205
234
|
return (0, _polished.darken)(0.07, props.theme.colors.grayDividerColor);
|
|
206
235
|
});
|
|
207
|
-
}, function (
|
|
208
|
-
var color =
|
|
209
|
-
return color === 'lightGray' && (0, _styledComponents.css)(
|
|
236
|
+
}, function (_ref30) {
|
|
237
|
+
var color = _ref30.color;
|
|
238
|
+
return color === 'lightGray' && (0, _styledComponents.css)(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n &:active {\n background: ", ";\n }\n &:hover {\n background: ", ";\n }\n "])), function (props) {
|
|
210
239
|
return props.theme.colors.gray200;
|
|
211
240
|
}, function (props) {
|
|
212
241
|
return props.theme.colors.secondaryDark;
|
|
@@ -217,9 +246,9 @@ var Button = _styledComponents.default.button(_templateObject || (_templateObjec
|
|
|
217
246
|
}, function (props) {
|
|
218
247
|
return (0, _polished.darken)(0.07, props.theme.colors.gray200);
|
|
219
248
|
});
|
|
220
|
-
}, function (
|
|
221
|
-
var color =
|
|
222
|
-
return color === 'red' && (0, _styledComponents.css)(
|
|
249
|
+
}, function (_ref31) {
|
|
250
|
+
var color = _ref31.color;
|
|
251
|
+
return color === 'red' && (0, _styledComponents.css)(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n background: ", ";;\n color: ", ";\n border-color: ", ";\n &:active {\n background: ", ";\n }\n &:hover {\n background: ", ";\n }\n ", "\n "])), function (props) {
|
|
223
252
|
return props.theme.colors.danger500;
|
|
224
253
|
}, function (props) {
|
|
225
254
|
return props.theme.colors.backgroundPage;
|
|
@@ -229,9 +258,9 @@ var Button = _styledComponents.default.button(_templateObject || (_templateObjec
|
|
|
229
258
|
return (0, _polished.darken)(0.05, props.theme.colors.danger500);
|
|
230
259
|
}, function (props) {
|
|
231
260
|
return (0, _polished.darken)(0.07, props.theme.colors.danger500);
|
|
232
|
-
}, function (
|
|
233
|
-
var outline =
|
|
234
|
-
return outline && (0, _styledComponents.css)(
|
|
261
|
+
}, function (_ref32) {
|
|
262
|
+
var outline = _ref32.outline;
|
|
263
|
+
return outline && (0, _styledComponents.css)(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n &:active {\n color: ", ";\n background: ", ";\n }\n &:hover {\n background: ", ";\n color: ", ";\n }\n "])), function (props) {
|
|
235
264
|
return props.theme.colors.backgroundPage;
|
|
236
265
|
}, function (props) {
|
|
237
266
|
return props.theme.colors.danger500;
|
|
@@ -247,9 +276,9 @@ var Button = _styledComponents.default.button(_templateObject || (_templateObjec
|
|
|
247
276
|
return props.theme.colors.backgroundPage;
|
|
248
277
|
});
|
|
249
278
|
});
|
|
250
|
-
}, function (
|
|
251
|
-
var color =
|
|
252
|
-
return color === 'black' && (0, _styledComponents.css)(
|
|
279
|
+
}, function (_ref33) {
|
|
280
|
+
var color = _ref33.color;
|
|
281
|
+
return color === 'black' && (0, _styledComponents.css)(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n background: ", ";;\n color: ", ";\n border-color: ", ";\n &:active {\n background: ", ";\n }\n &:hover {\n background: ", ";\n }\n ", "\n "])), function (props) {
|
|
253
282
|
return props.theme.colors.black;
|
|
254
283
|
}, function (props) {
|
|
255
284
|
return props.theme.colors.backgroundPage;
|
|
@@ -259,9 +288,9 @@ var Button = _styledComponents.default.button(_templateObject || (_templateObjec
|
|
|
259
288
|
return (0, _polished.darken)(0.05, props.theme.colors.black);
|
|
260
289
|
}, function (props) {
|
|
261
290
|
return (0, _polished.darken)(0.07, props.theme.colors.black);
|
|
262
|
-
}, function (
|
|
263
|
-
var outline =
|
|
264
|
-
return outline && (0, _styledComponents.css)(
|
|
291
|
+
}, function (_ref34) {
|
|
292
|
+
var outline = _ref34.outline;
|
|
293
|
+
return outline && (0, _styledComponents.css)(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n &:active {\n color: ", ";\n background: ", ";\n }\n &:hover {\n background: ", ";\n color: ", ";\n }\n "])), function (props) {
|
|
265
294
|
return props.theme.colors.backgroundPage;
|
|
266
295
|
}, function (props) {
|
|
267
296
|
return props.theme.colors.black;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ordering-ui-external",
|
|
3
|
-
"version": "10.
|
|
3
|
+
"version": "10.4.1",
|
|
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.
|
|
91
|
+
"ordering-components-external": "9.4.2",
|
|
92
92
|
"payment": "^2.4.6",
|
|
93
93
|
"polished": "^3.6.6",
|
|
94
94
|
"react-bootstrap-icons": "^1.7.2",
|
package/src/themes/five/index.js
CHANGED
|
@@ -120,7 +120,7 @@ import { Confirm } from './src/components/Confirm'
|
|
|
120
120
|
import { TaxInformation } from './src/components/TaxInformation'
|
|
121
121
|
import { SendGiftCard } from './src/components/GiftCard/SendGiftCard'
|
|
122
122
|
import { DatePickerUI } from './src/components/DatePicker'
|
|
123
|
-
|
|
123
|
+
import { WebsocketStatus } from './src/components/WebsocketStatus'
|
|
124
124
|
import { Button } from './src/styles/Buttons'
|
|
125
125
|
import { Input, TextArea } from './src/styles/Inputs'
|
|
126
126
|
import { Select } from './src/styles/Select'
|
|
@@ -251,6 +251,7 @@ export {
|
|
|
251
251
|
Confirm,
|
|
252
252
|
TaxInformation,
|
|
253
253
|
SendGiftCard,
|
|
254
|
+
WebsocketStatus,
|
|
254
255
|
// styles
|
|
255
256
|
Button,
|
|
256
257
|
Input,
|
|
@@ -166,7 +166,7 @@ ${({ cateringPreorder }) => cateringPreorder ? css`
|
|
|
166
166
|
width: 100%;
|
|
167
167
|
min-width: 100%;
|
|
168
168
|
height: 50px;
|
|
169
|
-
|
|
169
|
+
|
|
170
170
|
span {
|
|
171
171
|
font-size: 18px;
|
|
172
172
|
display: flex;
|
|
@@ -199,17 +199,17 @@ ${({ cateringPreorder }) => cateringPreorder ? css`
|
|
|
199
199
|
min-width: calc(50% - 24px);
|
|
200
200
|
box-sizing: border-box;
|
|
201
201
|
user-select: none;
|
|
202
|
-
|
|
202
|
+
|
|
203
203
|
@media (min-width: 400px) {
|
|
204
204
|
width: calc(33.33% - 24px);
|
|
205
205
|
min-width: calc(33.33% - 24px);
|
|
206
206
|
}
|
|
207
|
-
|
|
207
|
+
|
|
208
208
|
@media (min-width: 576px) {
|
|
209
209
|
width: calc(25% - 24px);
|
|
210
210
|
min-width: calc(25% - 24px);
|
|
211
211
|
}
|
|
212
|
-
|
|
212
|
+
|
|
213
213
|
@media (min-width: 769px) {
|
|
214
214
|
width: calc(33.33% - 24px);
|
|
215
215
|
min-width: calc(33.33% - 24px);
|
|
@@ -22,7 +22,9 @@ import {
|
|
|
22
22
|
CategoryDescription,
|
|
23
23
|
DescriptionContainer,
|
|
24
24
|
SubcategorySearchContainer,
|
|
25
|
-
SubCategoriesInnerContainer
|
|
25
|
+
SubCategoriesInnerContainer,
|
|
26
|
+
PreviouslyOrderedContainer,
|
|
27
|
+
PreviouslyOrderedWrapper
|
|
26
28
|
} from './styles'
|
|
27
29
|
import { Button } from '../../styles/Buttons'
|
|
28
30
|
|
|
@@ -49,7 +51,8 @@ const BusinessProductsListUI = (props) => {
|
|
|
49
51
|
onClickCategory,
|
|
50
52
|
handleUpdateProducts,
|
|
51
53
|
isSearchMode,
|
|
52
|
-
business
|
|
54
|
+
business,
|
|
55
|
+
previouslyProducts
|
|
53
56
|
} = props
|
|
54
57
|
|
|
55
58
|
const [, t] = useLanguage()
|
|
@@ -171,7 +174,37 @@ const BusinessProductsListUI = (props) => {
|
|
|
171
174
|
))}
|
|
172
175
|
</>
|
|
173
176
|
)}
|
|
174
|
-
|
|
177
|
+
{
|
|
178
|
+
!category?.id && previouslyProducts?.length > 0 && (
|
|
179
|
+
<WrapAllCategories id='previously_block'>
|
|
180
|
+
<h3>{t('ORDER_IT_AGAIN', 'Order it again')}</h3>
|
|
181
|
+
<CategoryDescription maxWidth={headerRef?.current?.clientWidth}>
|
|
182
|
+
<p>
|
|
183
|
+
{t('ORDER_IT_AGAIN_DESC', 'Quickly add items from your past orders.')}
|
|
184
|
+
</p>
|
|
185
|
+
</CategoryDescription>
|
|
186
|
+
<PreviouslyOrderedContainer>
|
|
187
|
+
<PreviouslyOrderedWrapper>
|
|
188
|
+
<AutoScroll scrollId='previously_ordered'>
|
|
189
|
+
{previouslyProducts?.map((product, i) => (
|
|
190
|
+
<SingleProductCard
|
|
191
|
+
key={i}
|
|
192
|
+
isSoldOut={(product.inventoried && !product.quantity)}
|
|
193
|
+
product={product}
|
|
194
|
+
useKioskApp={useKioskApp}
|
|
195
|
+
businessId={businessId}
|
|
196
|
+
onProductClick={onProductClick}
|
|
197
|
+
isCartOnProductsList={isCartOnProductsList}
|
|
198
|
+
handleUpdateProducts={handleUpdateProducts}
|
|
199
|
+
productAddedToCartLength={currentCart?.products?.reduce((productsLength, Cproduct) => { return productsLength + (Cproduct?.id === product?.id ? Cproduct?.quantity : 0) }, 0)}
|
|
200
|
+
/>
|
|
201
|
+
))}
|
|
202
|
+
</AutoScroll>
|
|
203
|
+
</PreviouslyOrderedWrapper>
|
|
204
|
+
</PreviouslyOrderedContainer>
|
|
205
|
+
</WrapAllCategories>
|
|
206
|
+
)
|
|
207
|
+
}
|
|
175
208
|
{
|
|
176
209
|
!category?.id && (
|
|
177
210
|
<>
|
|
@@ -205,3 +205,23 @@ export const SubcategorySearchContainer = styled.div`
|
|
|
205
205
|
flex-direction: column;
|
|
206
206
|
margin-left: 30px;
|
|
207
207
|
`
|
|
208
|
+
|
|
209
|
+
export const PreviouslyOrderedContainer = styled.div`
|
|
210
|
+
display: flex;
|
|
211
|
+
overflow: scroll hidden;
|
|
212
|
+
::-webkit-scrollbar {
|
|
213
|
+
width: 0px;
|
|
214
|
+
height: 0px;
|
|
215
|
+
}
|
|
216
|
+
`
|
|
217
|
+
|
|
218
|
+
export const PreviouslyOrderedWrapper = styled.div`
|
|
219
|
+
display: flex;
|
|
220
|
+
box-sizing: border-box;
|
|
221
|
+
|
|
222
|
+
.product-card {
|
|
223
|
+
width: 270px;
|
|
224
|
+
max-width: 270px;
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
`
|
|
@@ -168,7 +168,7 @@ const CartUI = (props) => {
|
|
|
168
168
|
|
|
169
169
|
const handleClickCheckout = (uuid) => {
|
|
170
170
|
const cartsAvailable = Object.values(orderState?.carts)?.filter(cart => cart?.valid && cart?.status !== 2)
|
|
171
|
-
if (cartsAvailable.length === 1 || !isMultiCheckout) {
|
|
171
|
+
if (cartsAvailable.length === 1 || !isMultiCheckout || !cart?.business_id) {
|
|
172
172
|
events.emit('go_to_page', { page: 'checkout', params: { cartUuid: uuid } })
|
|
173
173
|
} else {
|
|
174
174
|
const groupKeys = {}
|
|
@@ -617,7 +617,7 @@ const CartUI = (props) => {
|
|
|
617
617
|
/>
|
|
618
618
|
</div>
|
|
619
619
|
)}
|
|
620
|
-
{(onClickCheckout || isForceOpenCart) && !isCheckout && cart?.valid && (!isMultiCheckout || isStore) && (
|
|
620
|
+
{(onClickCheckout || isForceOpenCart) && !isCheckout && cart?.valid && (!isMultiCheckout || isStore || !cart?.business_id) && (
|
|
621
621
|
<CheckoutAction>
|
|
622
622
|
<p>{cart?.total >= 1 && parsePrice(cart?.total)}</p>
|
|
623
623
|
<Button
|
|
@@ -46,11 +46,11 @@ const SendGiftCardUI = (props) => {
|
|
|
46
46
|
/>
|
|
47
47
|
</FormController>
|
|
48
48
|
<FormController>
|
|
49
|
-
<label>{t('
|
|
49
|
+
<label>{t('NAME', 'Name')}</label>
|
|
50
50
|
<Input
|
|
51
51
|
name='user_name'
|
|
52
52
|
ref={register()}
|
|
53
|
-
placeholder={t('
|
|
53
|
+
placeholder={t('WRITE_A_NAME', 'Write a name')}
|
|
54
54
|
autoComplete='off'
|
|
55
55
|
/>
|
|
56
56
|
</FormController>
|
|
@@ -337,6 +337,7 @@ export const RenderProductsLayout = (props) => {
|
|
|
337
337
|
handleUpdateProducts={handleUpdateProducts}
|
|
338
338
|
professionalSelected={professionalSelected}
|
|
339
339
|
handleChangeProfessionalSelected={handleChangeProfessionalSelected}
|
|
340
|
+
previouslyProducts={businessState?.business?.previously_products}
|
|
340
341
|
/>
|
|
341
342
|
</WrapContent>
|
|
342
343
|
</BusinessCategoryProductWrapper>
|
|
@@ -64,7 +64,7 @@ export const CardContainer = styled.div`
|
|
|
64
64
|
`}
|
|
65
65
|
}
|
|
66
66
|
`}
|
|
67
|
-
|
|
67
|
+
|
|
68
68
|
`}
|
|
69
69
|
`
|
|
70
70
|
|
|
@@ -237,7 +237,7 @@ export const QuantityContainer = styled.div`
|
|
|
237
237
|
color: ${({ theme }) => theme.colors.primaryContrast};
|
|
238
238
|
position: absolute;
|
|
239
239
|
left: 100%;
|
|
240
|
-
bottom:
|
|
240
|
+
bottom: 98%;
|
|
241
241
|
width: 25px;
|
|
242
242
|
height: 25px;
|
|
243
243
|
text-align: center;
|