ordering-ui-external 4.0.5 → 4.0.7
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.2b6bfdaa8b236eb288fa.js → 7.ordering-ui.b594c1b9cf54956bec90.js} +1 -1
- package/_bundles/{ordering-ui.2b6bfdaa8b236eb288fa.js → ordering-ui.b594c1b9cf54956bec90.js} +2 -2
- package/_modules/themes/five/src/components/BusinessBasicInformation/index.js +12 -2
- package/_modules/themes/five/src/components/BusinessBasicInformation/styles.js +61 -56
- package/package.json +1 -1
- package/src/themes/five/src/components/BusinessBasicInformation/index.js +19 -2
- package/src/themes/five/src/components/BusinessBasicInformation/styles.js +19 -0
- /package/_bundles/{0.ordering-ui.2b6bfdaa8b236eb288fa.js → 0.ordering-ui.b594c1b9cf54956bec90.js} +0 -0
- /package/_bundles/{1.ordering-ui.2b6bfdaa8b236eb288fa.js → 1.ordering-ui.b594c1b9cf54956bec90.js} +0 -0
- /package/_bundles/{2.ordering-ui.2b6bfdaa8b236eb288fa.js → 2.ordering-ui.b594c1b9cf54956bec90.js} +0 -0
- /package/_bundles/{4.ordering-ui.2b6bfdaa8b236eb288fa.js → 4.ordering-ui.b594c1b9cf54956bec90.js} +0 -0
- /package/_bundles/{5.ordering-ui.2b6bfdaa8b236eb288fa.js → 5.ordering-ui.b594c1b9cf54956bec90.js} +0 -0
- /package/_bundles/{6.ordering-ui.2b6bfdaa8b236eb288fa.js → 6.ordering-ui.b594c1b9cf54956bec90.js} +0 -0
- /package/_bundles/{7.ordering-ui.2b6bfdaa8b236eb288fa.js.LICENSE.txt → 7.ordering-ui.b594c1b9cf54956bec90.js.LICENSE.txt} +0 -0
- /package/_bundles/{8.ordering-ui.2b6bfdaa8b236eb288fa.js → 8.ordering-ui.b594c1b9cf54956bec90.js} +0 -0
- /package/_bundles/{9.ordering-ui.2b6bfdaa8b236eb288fa.js → 9.ordering-ui.b594c1b9cf54956bec90.js} +0 -0
- /package/_bundles/{ordering-ui.2b6bfdaa8b236eb288fa.js.LICENSE.txt → ordering-ui.b594c1b9cf54956bec90.js.LICENSE.txt} +0 -0
|
@@ -23,6 +23,8 @@ var _isBetween = _interopRequireDefault(require("dayjs/plugin/isBetween"));
|
|
|
23
23
|
var _useWindowSize = require("../../../../../hooks/useWindowSize");
|
|
24
24
|
var _BusinessInfoComponent = require("./BusinessInfoComponent");
|
|
25
25
|
var _SearchComponent = require("./SearchComponent");
|
|
26
|
+
var _reactBootstrapIcons = require("react-bootstrap-icons");
|
|
27
|
+
var _Buttons = _interopRequireDefault(require("../../styles/Buttons"));
|
|
26
28
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
27
29
|
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); }
|
|
28
30
|
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; }
|
|
@@ -50,7 +52,9 @@ var BusinessBasicInformation = function BusinessBasicInformation(props) {
|
|
|
50
52
|
categoryState = props.categoryState,
|
|
51
53
|
errorQuantityProducts = props.errorQuantityProducts,
|
|
52
54
|
isCustomerMode = props.isCustomerMode,
|
|
53
|
-
isCustomLayout = props.isCustomLayout
|
|
55
|
+
isCustomLayout = props.isCustomLayout,
|
|
56
|
+
setCategoryClicked = props.setCategoryClicked,
|
|
57
|
+
categoryClicked = props.categoryClicked;
|
|
54
58
|
var business = businessState.business,
|
|
55
59
|
loading = businessState.loading;
|
|
56
60
|
var theme = (0, _styledComponents.useTheme)();
|
|
@@ -217,7 +221,13 @@ var BusinessBasicInformation = function BusinessBasicInformation(props) {
|
|
|
217
221
|
onClick: function onClick() {
|
|
218
222
|
return setOpenBusinessInformation(true);
|
|
219
223
|
}
|
|
220
|
-
}))), /*#__PURE__*/_react.default.createElement(
|
|
224
|
+
}))), windowSize.width <= 768 && categoryClicked && /*#__PURE__*/_react.default.createElement(_styles.BackButton, null, /*#__PURE__*/_react.default.createElement(_Buttons.default, {
|
|
225
|
+
color: "primary",
|
|
226
|
+
initialIcon: true,
|
|
227
|
+
onClick: function onClick() {
|
|
228
|
+
return setCategoryClicked(false);
|
|
229
|
+
}
|
|
230
|
+
}, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ArrowLeft, null), /*#__PURE__*/_react.default.createElement("div", null, t('GO_TO_ALL_CATEGORIES', 'Go to all categories')))), /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
|
|
221
231
|
width: "70%",
|
|
222
232
|
open: openBusinessInformation,
|
|
223
233
|
onClose: setOpenBusinessInformation,
|
|
@@ -4,10 +4,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.WrapperSearch = exports.WrapperFloatingSearch = exports.WrapperBusinessLogo = exports.TitleWrapper = exports.SocialList = exports.SearchWrapper = exports.SearchIconWrapper = exports.SearchComponentContainer = exports.RibbonBox = exports.IconWrapper = exports.CategorySelectedContainer = exports.BusinessMoreDetail = exports.BusinessLogo = exports.BusinessInfoWrapper = exports.BusinessInfoItem = exports.BusinessInfoContent = exports.BusinessInfoContainer = exports.BusinessInfo = exports.BusinessDetail = exports.BusinessContent = exports.BusinessContainer = void 0;
|
|
7
|
+
exports.WrapperSearch = exports.WrapperFloatingSearch = exports.WrapperBusinessLogo = exports.TitleWrapper = exports.SocialList = exports.SearchWrapper = exports.SearchIconWrapper = exports.SearchComponentContainer = exports.RibbonBox = exports.IconWrapper = exports.CategorySelectedContainer = exports.BusinessMoreDetail = exports.BusinessLogo = exports.BusinessInfoWrapper = exports.BusinessInfoItem = exports.BusinessInfoContent = exports.BusinessInfoContainer = exports.BusinessInfo = exports.BusinessDetail = exports.BusinessContent = exports.BusinessContainer = exports.BackButton = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
10
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53;
|
|
10
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55;
|
|
11
11
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
12
12
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
13
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -58,53 +58,56 @@ var BusinessInfoItem = _styledComponents.default.div(_templateObject11 || (_temp
|
|
|
58
58
|
return isInfoShrunken && (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n color: #FFFFFF;\n span, p, h5, svg {\n color: #FFFFFF !important;\n }\n "])));
|
|
59
59
|
});
|
|
60
60
|
exports.BusinessInfoItem = BusinessInfoItem;
|
|
61
|
-
var BusinessInfoContainer = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n width: ", ";\n padding-top: 40px;\n padding-left: 5px;\n padding-right: 5px;\n display: flex;\n justify-content: ", ";\n flex-direction: column;\n box-sizing: border-box;\n align-items: ", ";\n\n @media (min-width: 576px) {\n padding-top: 0px;\n padding-left: 0px;\n padding-right: 0px;\n margin-top: 10px;\n }\n\n @media (min-width: 768px) {\n flex-direction: row;\n margin-bottom: 25px;\n margin-left: ", ";\n }\n"])), function (props) {
|
|
61
|
+
var BusinessInfoContainer = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n width: ", ";\n padding-top: 40px;\n padding-left: 5px;\n padding-right: 5px;\n display: flex;\n justify-content: ", ";\n flex-direction: column;\n box-sizing: border-box;\n align-items: ", ";\n\n #business_name {\n ", "\n }\n\n @media (min-width: 576px) {\n padding-top: 0px;\n padding-left: 0px;\n padding-right: 0px;\n margin-top: 10px;\n }\n\n @media (min-width: 768px) {\n flex-direction: row;\n margin-bottom: 25px;\n margin-left: ", ";\n }\n"])), function (props) {
|
|
62
62
|
return props.isChew && '100%';
|
|
63
63
|
}, function (props) {
|
|
64
64
|
return props.isFlexEnd ? 'flex-end' : 'space-between';
|
|
65
65
|
}, function (props) {
|
|
66
66
|
return props.isFlexEnd ? 'flex-end' : 'space-between';
|
|
67
|
+
}, function (_ref2) {
|
|
68
|
+
var isChew = _ref2.isChew;
|
|
69
|
+
return isChew && (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n background: none;\n "])));
|
|
67
70
|
}, function (props) {
|
|
68
71
|
return props.isChew && '25px';
|
|
69
72
|
});
|
|
70
73
|
exports.BusinessInfoContainer = BusinessInfoContainer;
|
|
71
|
-
var BusinessInfoContent = _styledComponents.default.div(
|
|
74
|
+
var BusinessInfoContent = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n width: 100%;\n"])));
|
|
72
75
|
exports.BusinessInfoContent = BusinessInfoContent;
|
|
73
|
-
var SearchWrapper = _styledComponents.default.div(
|
|
76
|
+
var SearchWrapper = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n display: flex;\n"])));
|
|
74
77
|
exports.SearchWrapper = SearchWrapper;
|
|
75
|
-
var WrapperSearch = _styledComponents.default.div(
|
|
78
|
+
var WrapperSearch = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n margin: 15px 0px 0px;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n box-sizing: border-box;\n z-index: 1002;\n\n .search-bar {\n margin-right: 10px;\n ", "\n input {\n width: 100%;\n\n @media (min-width: 500px) {\n width: 250px;\n }\n }\n }\n\n div:last-child {\n text-align: right;\n\n ", "\n }\n\n #select-input {\n background-color: transparent !important;\n border: none;\n color: #748194 !important;\n\n #list {\n border-radius: 8px;\n }\n }\n &.fixed-search {\n position: fixed;\n top: 0;\n right: 0;\n z-index: 10001;\n width: fit-content;\n margin-top: 0px;\n background-color: ", ";\n padding: 10px;\n }\n\n @media (min-width: 993px) {\n &.fixed-search {\n left: 0;\n width: 100vw;\n z-index: 10000;\n }\n }\n"])), function (props) {
|
|
76
79
|
var _props$theme4;
|
|
77
|
-
return ((_props$theme4 = props.theme) === null || _props$theme4 === void 0 ? void 0 : _props$theme4.rtl) && (0, _styledComponents.css)(
|
|
80
|
+
return ((_props$theme4 = props.theme) === null || _props$theme4 === void 0 ? void 0 : _props$theme4.rtl) && (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n margin-left: 10px;\n margin-right: 0;\n "])));
|
|
78
81
|
}, function (props) {
|
|
79
82
|
var _props$theme5;
|
|
80
|
-
return ((_props$theme5 = props.theme) === null || _props$theme5 === void 0 ? void 0 : _props$theme5.rtl) && (0, _styledComponents.css)(
|
|
83
|
+
return ((_props$theme5 = props.theme) === null || _props$theme5 === void 0 ? void 0 : _props$theme5.rtl) && (0, _styledComponents.css)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n text-align: left;\n "])));
|
|
81
84
|
}, function (props) {
|
|
82
85
|
return props.theme.colors.backgroundPage;
|
|
83
86
|
});
|
|
84
87
|
exports.WrapperSearch = WrapperSearch;
|
|
85
|
-
var BusinessDetail = _styledComponents.default.div(
|
|
88
|
+
var BusinessDetail = _styledComponents.default.div(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n\n h5 {\n font-size: 14px;\n color: #909BA9;\n margin: 0 5px 0 0;\n font-weight: normal;\n ", "\n\n span {\n margin-right: 5px;\n ", "\n }\n }\n\n .review {\n color: #909BA9;\n margin: 0;\n display: flex;\n align-items: center;\n\n svg {\n font-size: 15px;\n margin-bottom: 1px;\n margin-right: 5px;\n ", "\n }\n\n p {\n font-size: 14px;\n margin: 0px;\n }\n }\n\n .dot {\n color: #909BA9;\n font-size: 12px;\n margin-right: 5px;\n ", "\n }\n\n ", "\n"])), function (props) {
|
|
86
89
|
var _props$theme6;
|
|
87
|
-
return ((_props$theme6 = props.theme) === null || _props$theme6 === void 0 ? void 0 : _props$theme6.rtl) && (0, _styledComponents.css)(
|
|
90
|
+
return ((_props$theme6 = props.theme) === null || _props$theme6 === void 0 ? void 0 : _props$theme6.rtl) && (0, _styledComponents.css)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n margin-left: 5px;\n margin-right: 0px;\n "])));
|
|
88
91
|
}, function (props) {
|
|
89
92
|
var _props$theme7;
|
|
90
|
-
return ((_props$theme7 = props.theme) === null || _props$theme7 === void 0 ? void 0 : _props$theme7.rtl) && (0, _styledComponents.css)(
|
|
93
|
+
return ((_props$theme7 = props.theme) === null || _props$theme7 === void 0 ? void 0 : _props$theme7.rtl) && (0, _styledComponents.css)(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n margin-left: 5px;\n margin-right: 0px;\n "])));
|
|
91
94
|
}, function (props) {
|
|
92
95
|
var _props$theme8;
|
|
93
|
-
return ((_props$theme8 = props.theme) === null || _props$theme8 === void 0 ? void 0 : _props$theme8.rtl) && (0, _styledComponents.css)(
|
|
96
|
+
return ((_props$theme8 = props.theme) === null || _props$theme8 === void 0 ? void 0 : _props$theme8.rtl) && (0, _styledComponents.css)(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n margin-left: 5px;\n margin-right: 0px;\n "])));
|
|
94
97
|
}, function (props) {
|
|
95
98
|
var _props$theme9;
|
|
96
|
-
return ((_props$theme9 = props.theme) === null || _props$theme9 === void 0 ? void 0 : _props$theme9.rtl) && (0, _styledComponents.css)(
|
|
97
|
-
}, function (
|
|
98
|
-
var isSkeleton =
|
|
99
|
-
return isSkeleton && (0, _styledComponents.css)(
|
|
99
|
+
return ((_props$theme9 = props.theme) === null || _props$theme9 === void 0 ? void 0 : _props$theme9.rtl) && (0, _styledComponents.css)(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n margin-left: 5px;\n margin-right: 0px;\n "])));
|
|
100
|
+
}, function (_ref3) {
|
|
101
|
+
var isSkeleton = _ref3.isSkeleton;
|
|
102
|
+
return isSkeleton && (0, _styledComponents.css)(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n > span {\n display: flex;\n margin-right: 5px;\n ", "\n }\n "])), function (props) {
|
|
100
103
|
var _props$theme10;
|
|
101
|
-
return ((_props$theme10 = props.theme) === null || _props$theme10 === void 0 ? void 0 : _props$theme10.rtl) && (0, _styledComponents.css)(
|
|
104
|
+
return ((_props$theme10 = props.theme) === null || _props$theme10 === void 0 ? void 0 : _props$theme10.rtl) && (0, _styledComponents.css)(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n margin-left: 5px;\n margin-right: 0px;\n "])));
|
|
102
105
|
});
|
|
103
106
|
});
|
|
104
107
|
exports.BusinessDetail = BusinessDetail;
|
|
105
|
-
var BusinessMoreDetail = _styledComponents.default.div(
|
|
106
|
-
var position =
|
|
107
|
-
return position ? (0, _styledComponents.css)(
|
|
108
|
+
var BusinessMoreDetail = _styledComponents.default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n ", "\n position: ", ";\n min-width: 24px;\n width: 24px;\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n\n svg {\n font-size: 24px;\n color: ", ";\n }\n"])), function (_ref4) {
|
|
109
|
+
var position = _ref4.position;
|
|
110
|
+
return position ? (0, _styledComponents.css)(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n width: 100% !important;\n justify-content: flex-end !important;\n top: 0px;\n right: 0px;\n "]))) : (0, _styledComponents.css)(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n top: 30px;\n right: 30px;\n "])));
|
|
108
111
|
}, function (props) {
|
|
109
112
|
var _props$position;
|
|
110
113
|
return (_props$position = props.position) !== null && _props$position !== void 0 ? _props$position : 'absolute';
|
|
@@ -112,78 +115,80 @@ var BusinessMoreDetail = _styledComponents.default.div(_templateObject28 || (_te
|
|
|
112
115
|
return props.position ? 'black' : 'white';
|
|
113
116
|
});
|
|
114
117
|
exports.BusinessMoreDetail = BusinessMoreDetail;
|
|
115
|
-
var TitleWrapper = _styledComponents.default.div(
|
|
118
|
+
var TitleWrapper = _styledComponents.default.div(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n\n h2 {\n font-size: 24px;\n line-height: 36px;\n margin: 0 0 10px 0;\n font-weight: 600;\n width: 100%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n background: ", ";\n &.fixed-name {\n z-index: 10001;\n position: fixed;\n top: 0;\n padding: 10px 0;\n font-size: 18px;\n ", "\n }\n @media (min-width: 768px) {\n font-size: 32px;\n }\n }\n"])), function (_ref5) {
|
|
116
119
|
var _theme$colors;
|
|
117
|
-
var theme =
|
|
120
|
+
var theme = _ref5.theme;
|
|
118
121
|
return theme === null || theme === void 0 ? void 0 : (_theme$colors = theme.colors) === null || _theme$colors === void 0 ? void 0 : _theme$colors.white;
|
|
119
|
-
}, function (
|
|
120
|
-
var isCustomLayout =
|
|
121
|
-
return !isCustomLayout ? (0, _styledComponents.css)(
|
|
122
|
+
}, function (_ref6) {
|
|
123
|
+
var isCustomLayout = _ref6.isCustomLayout;
|
|
124
|
+
return !isCustomLayout ? (0, _styledComponents.css)(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n width: calc(100vw - 200px);\n ", "\n "])), function (props) {
|
|
122
125
|
var _props$theme11;
|
|
123
|
-
return (_props$theme11 = props.theme) !== null && _props$theme11 !== void 0 && _props$theme11.rtl ? (0, _styledComponents.css)(
|
|
124
|
-
}) : (0, _styledComponents.css)(
|
|
126
|
+
return (_props$theme11 = props.theme) !== null && _props$theme11 !== void 0 && _props$theme11.rtl ? (0, _styledComponents.css)(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n right: 50px;\n "]))) : (0, _styledComponents.css)(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n left: 50px;\n "])));
|
|
127
|
+
}) : (0, _styledComponents.css)(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n ", "\n "])), function (props) {
|
|
125
128
|
var _props$theme12;
|
|
126
|
-
return (_props$theme12 = props.theme) !== null && _props$theme12 !== void 0 && _props$theme12.rtl ? (0, _styledComponents.css)(
|
|
129
|
+
return (_props$theme12 = props.theme) !== null && _props$theme12 !== void 0 && _props$theme12.rtl ? (0, _styledComponents.css)(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n right: 10px;\n "]))) : (0, _styledComponents.css)(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n left: 10px;\n "])));
|
|
127
130
|
});
|
|
128
131
|
});
|
|
129
132
|
exports.TitleWrapper = TitleWrapper;
|
|
130
|
-
var RibbonBox = _styledComponents.default.div(
|
|
133
|
+
var RibbonBox = _styledComponents.default.div(_templateObject39 || (_templateObject39 = _taggedTemplateLiteral(["\n padding: 2px 8px;\n box-sizing: border-box;\n z-index: 10;\n color: ", ";\n font-weight: 400;\n font-size: 10px;\n line-height: 13px;\n background-color: ", ";\n max-width: 200px;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n overflow: hidden;\n margin-left: 5px;\n margin-bottom: 10px;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
131
134
|
return props.theme.colors.colorTextSignForm;
|
|
132
135
|
}, function (props) {
|
|
133
136
|
return props.theme.colors.primary;
|
|
134
137
|
}, function (props) {
|
|
135
|
-
return props.theme.rtl && (0, _styledComponents.css)(
|
|
136
|
-
}, function (_ref6) {
|
|
137
|
-
var bgColor = _ref6.bgColor;
|
|
138
|
-
return bgColor && (0, _styledComponents.css)(_templateObject40 || (_templateObject40 = _taggedTemplateLiteral(["\n background-color: ", ";\n "])), bgColor);
|
|
138
|
+
return props.theme.rtl && (0, _styledComponents.css)(_templateObject40 || (_templateObject40 = _taggedTemplateLiteral(["\n margin-left: 0px;\n margin-right: 5px;\n "])));
|
|
139
139
|
}, function (_ref7) {
|
|
140
|
-
var
|
|
141
|
-
return
|
|
140
|
+
var bgColor = _ref7.bgColor;
|
|
141
|
+
return bgColor && (0, _styledComponents.css)(_templateObject41 || (_templateObject41 = _taggedTemplateLiteral(["\n background-color: ", ";\n "])), bgColor);
|
|
142
142
|
}, function (_ref8) {
|
|
143
|
-
var
|
|
144
|
-
return
|
|
143
|
+
var isRoundRect = _ref8.isRoundRect;
|
|
144
|
+
return isRoundRect && (0, _styledComponents.css)(_templateObject42 || (_templateObject42 = _taggedTemplateLiteral(["\n border-radius: 7.6px;\n "])));
|
|
145
145
|
}, function (_ref9) {
|
|
146
|
-
var
|
|
147
|
-
return
|
|
146
|
+
var isCapsule = _ref9.isCapsule;
|
|
147
|
+
return isCapsule && (0, _styledComponents.css)(_templateObject43 || (_templateObject43 = _taggedTemplateLiteral(["\n border-radius: 50px;\n "])));
|
|
148
148
|
}, function (_ref10) {
|
|
149
|
-
var
|
|
150
|
-
return
|
|
149
|
+
var colorText = _ref10.colorText;
|
|
150
|
+
return colorText && (0, _styledComponents.css)(_templateObject44 || (_templateObject44 = _taggedTemplateLiteral(["\n color: ", ";\n "])), colorText ? 'black' : 'white');
|
|
151
|
+
}, function (_ref11) {
|
|
152
|
+
var borderRibbon = _ref11.borderRibbon;
|
|
153
|
+
return borderRibbon && (0, _styledComponents.css)(_templateObject45 || (_templateObject45 = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n "])), borderRibbon ? 'black' : 'white');
|
|
151
154
|
});
|
|
152
155
|
exports.RibbonBox = RibbonBox;
|
|
153
|
-
var SearchIconWrapper = _styledComponents.default.div(
|
|
156
|
+
var SearchIconWrapper = _styledComponents.default.div(_templateObject46 || (_templateObject46 = _taggedTemplateLiteral(["\n cursor: pointer;\n background-color: ", ";\n width: 36px;\n height: 36px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n\n svg {\n font-size: 18px;\n }\n"])), function (props) {
|
|
154
157
|
return props.theme.colors.gray200;
|
|
155
158
|
});
|
|
156
159
|
exports.SearchIconWrapper = SearchIconWrapper;
|
|
157
|
-
var SearchComponentContainer = _styledComponents.default.div(
|
|
158
|
-
var theme =
|
|
160
|
+
var SearchComponentContainer = _styledComponents.default.div(_templateObject47 || (_templateObject47 = _taggedTemplateLiteral(["\n position: absolute;\n top: 10px;\n right: 60px;\n color: ", ";\n #select-input {\n color: #FFFFFF !important;\n }\n svg {\n color: #FFFFFF;\n }\n"])), function (_ref12) {
|
|
161
|
+
var theme = _ref12.theme;
|
|
159
162
|
return theme.colors.white;
|
|
160
163
|
});
|
|
161
164
|
exports.SearchComponentContainer = SearchComponentContainer;
|
|
162
|
-
var SocialList = _styledComponents.default.div(
|
|
163
|
-
return props.theme.rtl && (0, _styledComponents.css)(
|
|
165
|
+
var SocialList = _styledComponents.default.div(_templateObject48 || (_templateObject48 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n margin-left: -3px;\n ", "\n"])), function (props) {
|
|
166
|
+
return props.theme.rtl && (0, _styledComponents.css)(_templateObject49 || (_templateObject49 = _taggedTemplateLiteral(["\n margin-right: -3px;\n margin-left: 0px;\n "])));
|
|
164
167
|
});
|
|
165
168
|
exports.SocialList = SocialList;
|
|
166
|
-
var CategorySelectedContainer = _styledComponents.default.div(
|
|
169
|
+
var CategorySelectedContainer = _styledComponents.default.div(_templateObject50 || (_templateObject50 = _taggedTemplateLiteral(["\n display: inline;\n margin-left: 10px;\n color: ", ";\n padding-right: 5px;\n cursor: pointer;\n p{\n margin: 0;\n }\n svg {\n position: relative;\n top: 2px;\n margin-right: 3px;\n width: 14px;\n height: 14px;\n }\n"])), function (_ref13) {
|
|
167
170
|
var _theme$colors2;
|
|
168
|
-
var theme =
|
|
171
|
+
var theme = _ref13.theme;
|
|
169
172
|
return theme === null || theme === void 0 ? void 0 : (_theme$colors2 = theme.colors) === null || _theme$colors2 === void 0 ? void 0 : _theme$colors2.primary;
|
|
170
173
|
});
|
|
171
174
|
exports.CategorySelectedContainer = CategorySelectedContainer;
|
|
172
|
-
var IconWrapper = _styledComponents.default.a(
|
|
175
|
+
var IconWrapper = _styledComponents.default.a(_templateObject51 || (_templateObject51 = _taggedTemplateLiteral(["\n margin: 0px 3px 10px 3px;\n border-radius: 3px;\n border: 0.5px solid ", ";\n width: 27px;\n height: 27px;\n min-width: 27px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.2s linear;\n\n ", "\n\n svg {\n height: 18px;\n font-size: 18px;\n transition: all 0.2s ease-in;\n color: ", ";\n }\n &:hover {\n background-color: ", ";\n svg {\n transform: scale(1.07);\n }\n }\n"])), function (props) {
|
|
173
176
|
return props.theme.colors.gray200;
|
|
174
|
-
}, function (
|
|
175
|
-
var isSkeleton =
|
|
176
|
-
return isSkeleton && (0, _styledComponents.css)(
|
|
177
|
+
}, function (_ref14) {
|
|
178
|
+
var isSkeleton = _ref14.isSkeleton;
|
|
179
|
+
return isSkeleton && (0, _styledComponents.css)(_templateObject52 || (_templateObject52 = _taggedTemplateLiteral(["\n border: none;\n "])));
|
|
177
180
|
}, function (props) {
|
|
178
181
|
return props.theme.colors.headingColor;
|
|
179
182
|
}, function (props) {
|
|
180
183
|
return props.theme.colors.gray200;
|
|
181
184
|
});
|
|
182
185
|
exports.IconWrapper = IconWrapper;
|
|
183
|
-
var BusinessInfoWrapper = _styledComponents.default.div(
|
|
186
|
+
var BusinessInfoWrapper = _styledComponents.default.div(_templateObject53 || (_templateObject53 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column-reverse;\n @media (min-width: 768px) {\n flex-direction: column;\n }\n"])));
|
|
184
187
|
exports.BusinessInfoWrapper = BusinessInfoWrapper;
|
|
185
|
-
var WrapperFloatingSearch = _styledComponents.default.div(
|
|
186
|
-
var theme =
|
|
188
|
+
var WrapperFloatingSearch = _styledComponents.default.div(_templateObject54 || (_templateObject54 = _taggedTemplateLiteral(["\n position: absolute;\n color: ", ";\n display: flex;\n background: rgba(0,0,0,0.2);\n top: 80px;\n right: 10px;\n width: 80%;\n border-bottom: 1px solid #FFFFFF;\n #select-input {\n color: #FFFFFF !important;\n background: transparent;\n }\n svg, span {\n color: #FFFFFF !important;\n }\n @media (min-width: 681px){\n top: 23px;\n right: 60px;\n width: 300px;\n input {\n width: 80%;\n }\n }\n"])), function (_ref15) {
|
|
189
|
+
var theme = _ref15.theme;
|
|
187
190
|
return theme.colors.white;
|
|
188
191
|
});
|
|
189
|
-
exports.WrapperFloatingSearch = WrapperFloatingSearch;
|
|
192
|
+
exports.WrapperFloatingSearch = WrapperFloatingSearch;
|
|
193
|
+
var BackButton = _styledComponents.default.div(_templateObject55 || (_templateObject55 = _taggedTemplateLiteral(["\n button {\n display: flex;\n flex-direction: row;\n align-items: center;}\n margin-top: 10px;\n svg {\n margin-right: 10px;\n }\n }\n"])));
|
|
194
|
+
exports.BackButton = BackButton;
|
package/package.json
CHANGED
|
@@ -19,7 +19,8 @@ import {
|
|
|
19
19
|
BusinessMoreDetail,
|
|
20
20
|
SearchComponentContainer,
|
|
21
21
|
BusinessInfoWrapper,
|
|
22
|
-
WrapperFloatingSearch
|
|
22
|
+
WrapperFloatingSearch,
|
|
23
|
+
BackButton
|
|
23
24
|
} from './styles'
|
|
24
25
|
import { BusinessPreorder } from '../BusinessPreorder'
|
|
25
26
|
|
|
@@ -29,6 +30,8 @@ import isBetween from 'dayjs/plugin/isBetween'
|
|
|
29
30
|
import { useWindowSize } from '../../../../../hooks/useWindowSize'
|
|
30
31
|
import { BusinessInfoComponent } from './BusinessInfoComponent'
|
|
31
32
|
import { SearchComponent } from './SearchComponent'
|
|
33
|
+
import { ArrowLeft } from 'react-bootstrap-icons'
|
|
34
|
+
import Button from '../../styles/Buttons'
|
|
32
35
|
|
|
33
36
|
dayjs.extend(timezone)
|
|
34
37
|
dayjs.extend(isBetween)
|
|
@@ -49,7 +52,9 @@ export const BusinessBasicInformation = (props) => {
|
|
|
49
52
|
categoryState,
|
|
50
53
|
errorQuantityProducts,
|
|
51
54
|
isCustomerMode,
|
|
52
|
-
isCustomLayout
|
|
55
|
+
isCustomLayout,
|
|
56
|
+
setCategoryClicked,
|
|
57
|
+
categoryClicked
|
|
53
58
|
} = props
|
|
54
59
|
const { business, loading } = businessState
|
|
55
60
|
|
|
@@ -243,6 +248,18 @@ export const BusinessBasicInformation = (props) => {
|
|
|
243
248
|
</BusinessMoreDetail>
|
|
244
249
|
)}
|
|
245
250
|
</BusinessInfoWrapper>
|
|
251
|
+
{(windowSize.width <= 768 && categoryClicked) && (
|
|
252
|
+
<BackButton>
|
|
253
|
+
<Button
|
|
254
|
+
color='primary'
|
|
255
|
+
initialIcon
|
|
256
|
+
onClick={() => setCategoryClicked(false)}
|
|
257
|
+
>
|
|
258
|
+
<ArrowLeft />
|
|
259
|
+
<div>{t('GO_TO_ALL_CATEGORIES', 'Go to all categories')}</div>
|
|
260
|
+
</Button>
|
|
261
|
+
</BackButton>
|
|
262
|
+
)}
|
|
246
263
|
<Modal
|
|
247
264
|
width='70%'
|
|
248
265
|
open={openBusinessInformation}
|
|
@@ -183,6 +183,13 @@ export const BusinessInfoContainer = styled.div`
|
|
|
183
183
|
box-sizing: border-box;
|
|
184
184
|
align-items: ${props => props.isFlexEnd ? 'flex-end' : 'space-between'};
|
|
185
185
|
|
|
186
|
+
#business_name {
|
|
187
|
+
${({ isChew }) => isChew && css`
|
|
188
|
+
background: none;
|
|
189
|
+
`
|
|
190
|
+
}
|
|
191
|
+
}
|
|
192
|
+
|
|
186
193
|
@media (min-width: 576px) {
|
|
187
194
|
padding-top: 0px;
|
|
188
195
|
padding-left: 0px;
|
|
@@ -561,3 +568,15 @@ export const WrapperFloatingSearch = styled.div`
|
|
|
561
568
|
}
|
|
562
569
|
}
|
|
563
570
|
`
|
|
571
|
+
|
|
572
|
+
export const BackButton = styled.div`
|
|
573
|
+
button {
|
|
574
|
+
display: flex;
|
|
575
|
+
flex-direction: row;
|
|
576
|
+
align-items: center;}
|
|
577
|
+
margin-top: 10px;
|
|
578
|
+
svg {
|
|
579
|
+
margin-right: 10px;
|
|
580
|
+
}
|
|
581
|
+
}
|
|
582
|
+
`
|
/package/_bundles/{0.ordering-ui.2b6bfdaa8b236eb288fa.js → 0.ordering-ui.b594c1b9cf54956bec90.js}
RENAMED
|
File without changes
|
/package/_bundles/{1.ordering-ui.2b6bfdaa8b236eb288fa.js → 1.ordering-ui.b594c1b9cf54956bec90.js}
RENAMED
|
File without changes
|
/package/_bundles/{2.ordering-ui.2b6bfdaa8b236eb288fa.js → 2.ordering-ui.b594c1b9cf54956bec90.js}
RENAMED
|
File without changes
|
/package/_bundles/{4.ordering-ui.2b6bfdaa8b236eb288fa.js → 4.ordering-ui.b594c1b9cf54956bec90.js}
RENAMED
|
File without changes
|
/package/_bundles/{5.ordering-ui.2b6bfdaa8b236eb288fa.js → 5.ordering-ui.b594c1b9cf54956bec90.js}
RENAMED
|
File without changes
|
/package/_bundles/{6.ordering-ui.2b6bfdaa8b236eb288fa.js → 6.ordering-ui.b594c1b9cf54956bec90.js}
RENAMED
|
File without changes
|
|
File without changes
|
/package/_bundles/{8.ordering-ui.2b6bfdaa8b236eb288fa.js → 8.ordering-ui.b594c1b9cf54956bec90.js}
RENAMED
|
File without changes
|
/package/_bundles/{9.ordering-ui.2b6bfdaa8b236eb288fa.js → 9.ordering-ui.b594c1b9cf54956bec90.js}
RENAMED
|
File without changes
|