ordering-ui-external 11.0.2 → 11.0.4
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.2a82dc682c4cb5600d46.js → 7.ordering-ui.8cefea0092c95753147e.js} +1 -1
- package/_bundles/ordering-ui.8cefea0092c95753147e.js +2 -0
- package/_modules/themes/callcenterOriginal/src/components/Orders/CreateCustomOrder/ProductForm/index.js +1 -2
- package/_modules/themes/callcenterOriginal/src/components/Orders/OrdersTable/index.js +15 -3
- package/_modules/themes/callcenterOriginal/src/components/Orders/OrdersTable/styles.js +7 -3
- package/_modules/themes/callcenterOriginal/src/components/PhoneAutocomplete/index.js +1 -1
- package/_modules/themes/five/src/components/BusinessController/index.js +11 -4
- package/_modules/themes/five/src/components/BusinessController/styles.js +77 -64
- package/_modules/themes/five/src/components/BusinessesListing/layouts/OriginalBusinessesListing/index.js +1 -1
- package/_modules/themes/five/src/components/HighestRated/index.js +1 -1
- package/_modules/themes/five/src/components/ProductForm/index.js +1 -2
- package/package.json +2 -2
- package/src/themes/callcenterOriginal/src/components/Orders/OrdersTable/index.js +19 -4
- package/src/themes/callcenterOriginal/src/components/Orders/OrdersTable/styles.js +20 -1
- package/src/themes/callcenterOriginal/src/components/PhoneAutocomplete/index.js +1 -1
- package/src/themes/five/src/components/BusinessController/index.js +17 -8
- package/src/themes/five/src/components/BusinessController/styles.js +47 -13
- package/src/themes/five/src/components/BusinessesListing/layouts/OriginalBusinessesListing/index.js +1 -1
- package/src/themes/five/src/components/HighestRated/index.js +1 -1
- package/_bundles/ordering-ui.2a82dc682c4cb5600d46.js +0 -2
- /package/_bundles/{0.ordering-ui.2a82dc682c4cb5600d46.js → 0.ordering-ui.8cefea0092c95753147e.js} +0 -0
- /package/_bundles/{1.ordering-ui.2a82dc682c4cb5600d46.js → 1.ordering-ui.8cefea0092c95753147e.js} +0 -0
- /package/_bundles/{2.ordering-ui.2a82dc682c4cb5600d46.js → 2.ordering-ui.8cefea0092c95753147e.js} +0 -0
- /package/_bundles/{4.ordering-ui.2a82dc682c4cb5600d46.js → 4.ordering-ui.8cefea0092c95753147e.js} +0 -0
- /package/_bundles/{5.ordering-ui.2a82dc682c4cb5600d46.js → 5.ordering-ui.8cefea0092c95753147e.js} +0 -0
- /package/_bundles/{6.ordering-ui.2a82dc682c4cb5600d46.js → 6.ordering-ui.8cefea0092c95753147e.js} +0 -0
- /package/_bundles/{7.ordering-ui.2a82dc682c4cb5600d46.js.LICENSE.txt → 7.ordering-ui.8cefea0092c95753147e.js.LICENSE.txt} +0 -0
- /package/_bundles/{8.ordering-ui.2a82dc682c4cb5600d46.js → 8.ordering-ui.8cefea0092c95753147e.js} +0 -0
- /package/_bundles/{9.ordering-ui.2a82dc682c4cb5600d46.js → 9.ordering-ui.8cefea0092c95753147e.js} +0 -0
- /package/_bundles/{ordering-ui.2a82dc682c4cb5600d46.js.LICENSE.txt → ordering-ui.8cefea0092c95753147e.js.LICENSE.txt} +0 -0
|
@@ -174,8 +174,7 @@ var ProductOptionsUI = function ProductOptionsUI(props) {
|
|
|
174
174
|
}
|
|
175
175
|
};
|
|
176
176
|
var handleSwitchQtyUnit = function handleSwitchQtyUnit(val) {
|
|
177
|
-
|
|
178
|
-
setQtyBy((_setQtyBy = {}, _defineProperty(_setQtyBy, val, true), _defineProperty(_setQtyBy, !val, false), _setQtyBy));
|
|
177
|
+
setQtyBy(_defineProperty(_defineProperty({}, val, true), !val, false));
|
|
179
178
|
};
|
|
180
179
|
var getOverFlowImage = function getOverFlowImage(url) {
|
|
181
180
|
var keys = url.split('/');
|
|
@@ -112,6 +112,9 @@ var OrdersTable = exports.OrdersTable = function OrdersTable(props) {
|
|
|
112
112
|
}, {
|
|
113
113
|
value: 'orderNumber',
|
|
114
114
|
content: t('INVOICE_ORDER_NO', 'Order No.')
|
|
115
|
+
}, {
|
|
116
|
+
value: 'agent',
|
|
117
|
+
content: t('AGENT', 'Agent')
|
|
115
118
|
}, {
|
|
116
119
|
value: 'cartGroupId',
|
|
117
120
|
content: t('GROUP_ORDER', 'Group Order')
|
|
@@ -303,9 +306,7 @@ var OrdersTable = exports.OrdersTable = function OrdersTable(props) {
|
|
|
303
306
|
visable: !(_column !== null && _column !== void 0 && _column.visable)
|
|
304
307
|
})));
|
|
305
308
|
setAllowColumns(updatedAllowColumns);
|
|
306
|
-
|
|
307
|
-
saveUserSettings(JSON.parse(JSON.stringify(updatedAllowColumns)));
|
|
308
|
-
}
|
|
309
|
+
saveUserSettings(JSON.parse(JSON.stringify(updatedAllowColumns)));
|
|
309
310
|
};
|
|
310
311
|
var handleClickOrder = function handleClickOrder(order, e) {
|
|
311
312
|
var inValid = !isSelectedOrders && (e.target.closest('.orderCheckBox') || e.target.closest('.driverInfo') || e.target.closest('.orderStatusTitle'));
|
|
@@ -718,6 +719,17 @@ var OrdersTable = exports.OrdersTable = function OrdersTable(props) {
|
|
|
718
719
|
className: "bold"
|
|
719
720
|
}, (_getOrderStatus = getOrderStatus(order.status)) === null || _getOrderStatus === void 0 ? void 0 : _getOrderStatus.value)));
|
|
720
721
|
}
|
|
722
|
+
if (column === 'agent') {
|
|
723
|
+
var _order$agent, _order$agent2;
|
|
724
|
+
return /*#__PURE__*/_react.default.createElement("td", {
|
|
725
|
+
className: "statusInfo",
|
|
726
|
+
key: "agentInfo".concat(i, "-").concat(index)
|
|
727
|
+
}, /*#__PURE__*/_react.default.createElement(_styles.InfoWrapper, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
728
|
+
className: "info"
|
|
729
|
+
}, /*#__PURE__*/_react.default.createElement("p", {
|
|
730
|
+
className: "bold"
|
|
731
|
+
}, order === null || order === void 0 || (_order$agent = order.agent) === null || _order$agent === void 0 ? void 0 : _order$agent.name), /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 || (_order$agent2 = order.agent) === null || _order$agent2 === void 0 ? void 0 : _order$agent2.email))));
|
|
732
|
+
}
|
|
721
733
|
if (column === 'cartGroupId') {
|
|
722
734
|
return /*#__PURE__*/_react.default.createElement("td", {
|
|
723
735
|
className: "orderGroupId",
|
|
@@ -4,9 +4,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.WrapperPagination = exports.WrapperImage = exports.WrapOrderStatusSelector = exports.Timestatus = exports.Timer = exports.Table = exports.StatusInfo = exports.PriorityDot = exports.OrdersCountWrapper = exports.OrdersContainer = exports.OrderType = exports.OrderTbody = exports.OrderNumberContainer = exports.LogisticStatusDot = exports.DriversInfo = exports.DragTh = exports.CustomerInfo = exports.CheckBox = exports.BusinessInfo = void 0;
|
|
7
|
+
exports.WrapperPagination = exports.WrapperImage = exports.WrapOrderStatusSelector = exports.Timestatus = exports.Timer = exports.Table = exports.StatusInfo = exports.PriorityDot = exports.OrdersCountWrapper = exports.OrdersContainer = exports.OrderType = exports.OrderTbody = exports.OrderNumberContainer = exports.LogisticStatusDot = exports.InfoWrapper = exports.DriversInfo = exports.DragTh = exports.CustomerInfo = exports.CheckBox = exports.BusinessInfo = void 0;
|
|
8
8
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
9
|
-
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;
|
|
9
|
+
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;
|
|
10
10
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
11
11
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
12
12
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
@@ -168,7 +168,7 @@ var Timestatus = exports.Timestatus = _styledComponents.default.div(_templateObj
|
|
|
168
168
|
var timeState = _ref18.timeState;
|
|
169
169
|
return timeState === 'delayed' && (0, _styledComponents.css)(_templateObject48 || (_templateObject48 = _taggedTemplateLiteral(["\n background-color: #E63757;\n "])));
|
|
170
170
|
});
|
|
171
|
-
var Timer = exports.Timer = _styledComponents.default.div(_templateObject49 || (_templateObject49 = _taggedTemplateLiteral(["\n min-width: 65px;\n p {\n margin: 0px;\n color: ", ";\n font-size: 12px;\n }\n\n .bold {\n font-size: 14px;\n font-weight: 600;\n color: ", ";\n }\n\n .in_time{\n color: #00D27A;\n }\n\n .at_risk {\n color: #FFC700;\n }\n
|
|
171
|
+
var Timer = exports.Timer = _styledComponents.default.div(_templateObject49 || (_templateObject49 = _taggedTemplateLiteral(["\n min-width: 65px;\n p {\n margin: 0px;\n color: ", ";\n font-size: 12px;\n }\n\n .bold {\n font-size: 14px;\n font-weight: 600;\n color: ", ";\n }\n\n .in_time{\n color: #00D27A;\n }\n\n .at_risk {\n color: #FFC700;\n }\n\n .delayed {\n color: #E63757;\n }\n"])), function (props) {
|
|
172
172
|
var _props$theme$colors8;
|
|
173
173
|
return (_props$theme$colors8 = props.theme.colors) === null || _props$theme$colors8 === void 0 ? void 0 : _props$theme$colors8.lightGray;
|
|
174
174
|
}, function (props) {
|
|
@@ -194,4 +194,8 @@ var DragTh = exports.DragTh = _styledComponents.default.th(_templateObject53 ||
|
|
|
194
194
|
return selectedDragOver && (0, _styledComponents.css)(_templateObject54 || (_templateObject54 = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n "])), function (props) {
|
|
195
195
|
return props.theme.colors.primary;
|
|
196
196
|
});
|
|
197
|
+
});
|
|
198
|
+
var InfoWrapper = exports.InfoWrapper = _styledComponents.default.div(_templateObject55 || (_templateObject55 = _taggedTemplateLiteral(["\n position: relative;\n ", "\n\n .bold {\n max-width: 150px;\n font-weight: 600;\n margin: 0;\n }\n\n &:hover > div {\n visibility: visible;\n opacity: 1;\n }\n"])), function (props) {
|
|
199
|
+
var _props$theme8;
|
|
200
|
+
return (_props$theme8 = props.theme) !== null && _props$theme8 !== void 0 && _props$theme8.rtl ? (0, _styledComponents.css)(_templateObject56 || (_templateObject56 = _taggedTemplateLiteral(["\n margin-left: 4px;\n "]))) : (0, _styledComponents.css)(_templateObject57 || (_templateObject57 = _taggedTemplateLiteral(["\n margin-right: 4px;\n "])));
|
|
197
201
|
});
|
|
@@ -160,8 +160,10 @@ var BusinessControllerUI = function BusinessControllerUI(props) {
|
|
|
160
160
|
isCustomerMode: isCustomerMode && hasInformationLength,
|
|
161
161
|
firstCard: firstCard,
|
|
162
162
|
minWidthEnabled: minWidthEnabled,
|
|
163
|
-
businessRows: businessRows
|
|
163
|
+
businessRows: businessRows,
|
|
164
|
+
disabled: (business === null || business === void 0 ? void 0 : business.enabled) === false
|
|
164
165
|
}, /*#__PURE__*/_react.default.createElement(_styles.WrapperBusinessCard, {
|
|
166
|
+
disabled: (business === null || business === void 0 ? void 0 : business.enabled) === false,
|
|
165
167
|
isSkeleton: isSkeleton,
|
|
166
168
|
onClick: function onClick(e) {
|
|
167
169
|
return !isSkeleton && handleClick && handleBusinessClick(e);
|
|
@@ -179,9 +181,13 @@ var BusinessControllerUI = function BusinessControllerUI(props) {
|
|
|
179
181
|
isClosed: !isBusinessOpen
|
|
180
182
|
}, /*#__PURE__*/_react.default.createElement(_styles.BusinessTags, null, (businessFeatured !== null && businessFeatured !== void 0 ? businessFeatured : business === null || business === void 0 ? void 0 : business.featured) && !hideBusinessFavoriteBadge && /*#__PURE__*/_react.default.createElement("span", {
|
|
181
183
|
className: "crown"
|
|
182
|
-
}, /*#__PURE__*/_react.default.createElement(_FaCrown.default, null)), !hideBusinessOffer && !isCustomLayout && (configState === null || configState === void 0 || (_configState$configs = configState.configs) === null || _configState$configs === void 0 || (_configState$configs = _configState$configs.preorder_status_enabled) === null || _configState$configs === void 0 ? void 0 : _configState$configs.value) === '1' && /*#__PURE__*/_react.default.createElement("div", null, !!getBusinessOffer(businessOffers !== null && businessOffers !== void 0 ? businessOffers : business === null || business === void 0 ? void 0 : business.offers) && /*#__PURE__*/_react.default.createElement("span", null, t('DISCOUNT', 'Discount'), ' ', getBusinessOffer(businessOffers !== null && businessOffers !== void 0 ? businessOffers : business === null || business === void 0 ? void 0 : business.offers)), !isBusinessOpen && /*#__PURE__*/_react.default.createElement("span", null, t('PREORDER', 'PreOrder')))), !!businessWillCloseSoonMinutes && (orderState === null || orderState === void 0 || (_orderState$options = orderState.options) === null || _orderState$options === void 0 ? void 0 : _orderState$options.moment) === null && isBusinessOpen && /*#__PURE__*/_react.default.createElement("h1", null, businessWillCloseSoonMinutes, " ", t('MINUTES_TO_CLOSE', 'minutes to close')), !isBusinessOpen && /*#__PURE__*/_react.default.createElement("h1", {
|
|
184
|
+
}, /*#__PURE__*/_react.default.createElement(_FaCrown.default, null)), !hideBusinessOffer && !isCustomLayout && (configState === null || configState === void 0 || (_configState$configs = configState.configs) === null || _configState$configs === void 0 || (_configState$configs = _configState$configs.preorder_status_enabled) === null || _configState$configs === void 0 ? void 0 : _configState$configs.value) === '1' && /*#__PURE__*/_react.default.createElement("div", null, !!getBusinessOffer(businessOffers !== null && businessOffers !== void 0 ? businessOffers : business === null || business === void 0 ? void 0 : business.offers) && /*#__PURE__*/_react.default.createElement("span", null, t('DISCOUNT', 'Discount'), ' ', getBusinessOffer(businessOffers !== null && businessOffers !== void 0 ? businessOffers : business === null || business === void 0 ? void 0 : business.offers)), !isBusinessOpen && /*#__PURE__*/_react.default.createElement("span", null, t('PREORDER', 'PreOrder')))), /*#__PURE__*/_react.default.createElement(_styles.BusinessHeaderClosedContainer, null, /*#__PURE__*/_react.default.createElement("div", null, !!businessWillCloseSoonMinutes && (orderState === null || orderState === void 0 || (_orderState$options = orderState.options) === null || _orderState$options === void 0 ? void 0 : _orderState$options.moment) === null && isBusinessOpen && (business === null || business === void 0 ? void 0 : business.enabled) !== false && /*#__PURE__*/_react.default.createElement("h1", null, businessWillCloseSoonMinutes, " ", t('MINUTES_TO_CLOSE', 'minutes to close')), !isBusinessOpen && /*#__PURE__*/_react.default.createElement("h1", {
|
|
183
185
|
className: "closed"
|
|
184
|
-
}, t('CLOSED', 'Closed')
|
|
186
|
+
}, t('CLOSED', 'Closed'), (business === null || business === void 0 ? void 0 : business.enabled) === false && "(".concat(t('DISABLED', 'Disabled'), ")"))), (business === null || business === void 0 ? void 0 : business.disabled_reason) && (business === null || business === void 0 ? void 0 : business.enabled) === false && /*#__PURE__*/_react.default.createElement("h2", {
|
|
187
|
+
className: "disabled"
|
|
188
|
+
}, business === null || business === void 0 ? void 0 : business.disabled_reason)))), /*#__PURE__*/_react.default.createElement(_styles.BusinessContent, {
|
|
189
|
+
isCustomerMode: isCustomerMode
|
|
190
|
+
}, /*#__PURE__*/_react.default.createElement(_styles.BusinessLogoWrapper, null, !hideBusinessLogo && /*#__PURE__*/_react.default.createElement(_styles.WrapperBusinessLogo, {
|
|
185
191
|
isSkeleton: isSkeleton,
|
|
186
192
|
isCustomerMode: isCustomerMode
|
|
187
193
|
}, !isSkeleton && (businessLogo || business !== null && business !== void 0 && business.logo || (_theme$images2 = theme.images) !== null && _theme$images2 !== void 0 && (_theme$images2 = _theme$images2.dummies) !== null && _theme$images2 !== void 0 && _theme$images2.businessLogo) ? /*#__PURE__*/_react.default.createElement(_styles.BusinessLogo, {
|
|
@@ -200,7 +206,8 @@ var BusinessControllerUI = function BusinessControllerUI(props) {
|
|
|
200
206
|
width: 16,
|
|
201
207
|
height: 16
|
|
202
208
|
})))), /*#__PURE__*/_react.default.createElement(_styles.BusinessInfo, {
|
|
203
|
-
className: "info"
|
|
209
|
+
className: "info",
|
|
210
|
+
isCustomerMode: isCustomerMode
|
|
204
211
|
}, /*#__PURE__*/_react.default.createElement(_styles.BusinessInfoItem, null, /*#__PURE__*/_react.default.createElement("div", null, business !== null && business !== void 0 && business.name ? /*#__PURE__*/_react.default.createElement(_styles.BusinessName, null, business === null || business === void 0 ? void 0 : business.name) : /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
|
|
205
212
|
width: 100
|
|
206
213
|
})), /*#__PURE__*/_react.default.createElement(_styles.Medadata, {
|
|
@@ -4,16 +4,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.WrapperBusinessLogo = exports.WrapperBusinessCard = exports.RibbonBox = exports.Medadata = exports.InfoLength = exports.InfoDescription = exports.FavoriteWrapper = exports.ContainerCard = exports.Categories = exports.CardOverlay = exports.CallCenterInformationBullet = exports.CallCenterInformation = exports.BusinessTags = exports.BusinessStarInfo = exports.BusinessName = exports.BusinessLogoWrapper = exports.BusinessLogo = exports.BusinessInfoItem = exports.BusinessInfo = exports.BusinessHero = exports.BusinessHeader = exports.BusinessContent = void 0;
|
|
7
|
+
exports.WrapperBusinessLogo = exports.WrapperBusinessCard = exports.RibbonBox = exports.Medadata = exports.InfoLength = exports.InfoDescription = exports.FavoriteWrapper = exports.ContainerCard = exports.Categories = exports.CardOverlay = exports.CallCenterInformationBullet = exports.CallCenterInformation = exports.BusinessTags = exports.BusinessStarInfo = exports.BusinessName = exports.BusinessLogoWrapper = exports.BusinessLogo = exports.BusinessInfoItem = exports.BusinessInfo = exports.BusinessHero = exports.BusinessHeaderClosedContainer = exports.BusinessHeader = exports.BusinessContent = 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;
|
|
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;
|
|
11
11
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
12
12
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
14
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
15
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
16
|
-
var ContainerCard = exports.ContainerCard = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n border: 1px solid #E9ECEF;\n box-sizing: border-box;\n border-radius: 7.6px;\n max-height: 300px;\n height: ", ";\n border-radius: 10px;\n margin: 30px 20px;\n\n ", "\n\n ", "\n\n ", "\n
|
|
16
|
+
var ContainerCard = exports.ContainerCard = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n border: 1px solid #E9ECEF;\n box-sizing: border-box;\n border-radius: 7.6px;\n max-height: 300px;\n height: ", ";\n border-radius: 10px;\n margin: 30px 20px;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n"])), function (_ref) {
|
|
17
17
|
var isSkeleton = _ref.isSkeleton;
|
|
18
18
|
return isSkeleton ? 'auto' : '320px';
|
|
19
19
|
}, function (_ref2) {
|
|
@@ -32,20 +32,26 @@ var ContainerCard = exports.ContainerCard = _styledComponents.default.div(_templ
|
|
|
32
32
|
var firstCard = _ref6.firstCard;
|
|
33
33
|
return firstCard && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n margin-left: 0;\n "])));
|
|
34
34
|
}, function (_ref7) {
|
|
35
|
-
var
|
|
36
|
-
return (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n
|
|
37
|
-
|
|
35
|
+
var disabled = _ref7.disabled;
|
|
36
|
+
return disabled && (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n cursor: not-allowed;\n "])));
|
|
37
|
+
}, function (_ref8) {
|
|
38
|
+
var businessRows = _ref8.businessRows;
|
|
39
|
+
return (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n width: calc(100% - 40px);\n\n @media (min-width: 481px) {\n max-height: ", ";\n }\n\n @media (min-width: 681px) {\n width: calc(50% - 40px);\n }\n\n @media (min-width: 993px) {\n width: calc(33% - 40px);\n }\n\n @media (min-width: 1200px) {\n width: ", ";\n }\n "])), function (_ref9) {
|
|
40
|
+
var isCustomerMode = _ref9.isCustomerMode;
|
|
38
41
|
return isCustomerMode ? '360px' : '320px';
|
|
39
42
|
}, function () {
|
|
40
43
|
return businessRows === 4 ? 'calc(25% - 40px)' : businessRows === 3 ? 'calc(33% - 40px)' : 'calc(50% - 40px)';
|
|
41
44
|
});
|
|
42
45
|
});
|
|
43
|
-
var WrapperBusinessCard = exports.WrapperBusinessCard = _styledComponents.default.div(
|
|
44
|
-
var isSkeleton =
|
|
46
|
+
var WrapperBusinessCard = exports.WrapperBusinessCard = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n height: 100%;\n position: relative;\n cursor: ", ";\n ", "\n"])), function (_ref10) {
|
|
47
|
+
var isSkeleton = _ref10.isSkeleton;
|
|
45
48
|
return isSkeleton ? 'default' : 'pointer';
|
|
49
|
+
}, function (_ref11) {
|
|
50
|
+
var disabled = _ref11.disabled;
|
|
51
|
+
return disabled && (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n pointer-events: none;\n cursor: not-allowed;\n "])));
|
|
46
52
|
});
|
|
47
|
-
var BusinessHero = exports.BusinessHero = _styledComponents.default.div(
|
|
48
|
-
var BusinessHeaderStyled = _styledComponents.default.div(
|
|
53
|
+
var BusinessHero = exports.BusinessHero = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n border-radius: 10px;\n\n > span {\n display: flex;\n }\n"])));
|
|
54
|
+
var BusinessHeaderStyled = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n position: relative;\n background-repeat: no-repeat, repeat;\n background-size: cover;\n object-fit: cover;\n background-position: center;\n min-height: 145px;\n justify-content: center;\n align-items: center;\n border-radius: 7.6px 7.6px 0px 0px;\n\n h1, h2 {\n color: #FFF;\n opacity: 0.7;\n }\n\n .closed, .disabled {\n text-transform: uppercase;\n font-weight: 600;\n font-size: 22px;\n line-height: 35px;\n opacity: 1;\n position: relative;\n z-index: 2;\n }\n\n .disabled {\n font-size: 16px;\n text-align: center;\n\n }\n\n @media (min-width: 481px) {\n min-height: 165px;\n }\n"])));
|
|
49
55
|
var BusinessHeader = exports.BusinessHeader = function BusinessHeader(props) {
|
|
50
56
|
var style = {};
|
|
51
57
|
if (props.bgimage && !props.isClosed) {
|
|
@@ -57,27 +63,31 @@ var BusinessHeader = exports.BusinessHeader = function BusinessHeader(props) {
|
|
|
57
63
|
style: style
|
|
58
64
|
}), props.children);
|
|
59
65
|
};
|
|
60
|
-
var
|
|
66
|
+
var BusinessHeaderClosedContainer = exports.BusinessHeaderClosedContainer = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n div {\n text-align: center;\n width: 100%;\n line-break: anywhere;\n }\n\n"])));
|
|
67
|
+
var BusinessTags = exports.BusinessTags = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n display: flex;\n position: absolute;\n justify-content: space-between;\n align-items: center;\n top: 0;\n margin: 15px;\n width: calc(100% - 35px);\n\n span.crown {\n background-color: rgba(0, 0, 0, 0.5);\n font-size: 20px;\n display: flex;\n align-items: center;\n color: #FFC917;\n }\n\n div {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n }\n\n span {\n font-size: 11px;\n padding: 3px 8px;\n color: #748194;\n background: #DEE2E6;\n border-radius: 50px;\n margin-right: 10px;\n ", "\n &:last-child {\n ", "\n }\n }\n"])), function (props) {
|
|
61
68
|
var _props$theme;
|
|
62
|
-
return ((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.rtl) && (0, _styledComponents.css)(
|
|
69
|
+
return ((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.rtl) && (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n margin-left: 10px;\n margin-right: 0;\n "])));
|
|
63
70
|
}, function (props) {
|
|
64
71
|
var _props$theme2;
|
|
65
|
-
return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(
|
|
72
|
+
return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n margin-left: 0px;\n "]))) : (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n margin-right: 0px;\n "])));
|
|
66
73
|
});
|
|
67
|
-
var BusinessContent = exports.BusinessContent = _styledComponents.default.div(
|
|
68
|
-
var
|
|
69
|
-
|
|
70
|
-
return isCustomerMode && (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n width: 65px;\n height: 65px;\n min-height: 65px;\n min-width: 65px;\n "])));
|
|
71
|
-
}, function (_ref11) {
|
|
72
|
-
var isSkeleton = _ref11.isSkeleton;
|
|
73
|
-
return isSkeleton && (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n height: auto;\n width: auto;\n > span {\n display: flex;\n }\n @media (min-width: 481px){\n ", "\n }\n "])), function (_ref12) {
|
|
74
|
-
var isCustomerMode = _ref12.isCustomerMode;
|
|
75
|
-
return isCustomerMode && (0, _styledComponents.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n min-width: 75px;\n min-height: 75px;\n height: 75px;\n width: 75px;\n "])));
|
|
76
|
-
});
|
|
74
|
+
var BusinessContent = exports.BusinessContent = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n max-height: 135px;\n padding: 0 20px 20px 20px;\n ", "\n"])), function (_ref12) {
|
|
75
|
+
var isCustomerMode = _ref12.isCustomerMode;
|
|
76
|
+
return !isCustomerMode && (0, _styledComponents.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n height: calc(100% - 145px);\n\n @media (min-width: 481px) {\n height: calc(100% - 165px);\n }\n "])));
|
|
77
77
|
});
|
|
78
|
-
var
|
|
78
|
+
var WrapperBusinessLogo = exports.WrapperBusinessLogo = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n align-self: center;\n box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);\n border-radius: 7.6px;\n\n ", "\n\n ", "\n"])), function (_ref13) {
|
|
79
79
|
var isCustomerMode = _ref13.isCustomerMode;
|
|
80
|
-
return isCustomerMode && (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n
|
|
80
|
+
return isCustomerMode && (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n width: 65px;\n height: 65px;\n min-height: 65px;\n min-width: 65px;\n "])));
|
|
81
|
+
}, function (_ref14) {
|
|
82
|
+
var isSkeleton = _ref14.isSkeleton;
|
|
83
|
+
return isSkeleton && (0, _styledComponents.css)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n height: auto;\n width: auto;\n > span {\n display: flex;\n }\n @media (min-width: 481px){\n ", "\n }\n "])), function (_ref15) {
|
|
84
|
+
var isCustomerMode = _ref15.isCustomerMode;
|
|
85
|
+
return isCustomerMode && (0, _styledComponents.css)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n min-width: 75px;\n min-height: 75px;\n height: 75px;\n width: 75px;\n "])));
|
|
86
|
+
});
|
|
87
|
+
});
|
|
88
|
+
var BusinessLogoStyled = _styledComponents.default.div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n display: flex;\n width: 65px;\n height: 65px;\n box-sizing: border-box;\n position: relative;\n background-repeat: no-repeat, repeat;\n background-size: cover;\n object-fit: cover;\n background-position: center;\n min-height: 65px;\n border-radius: 7.6px;\n\n @media (min-width: 481px){\n min-width: 75px;\n min-height: 75px;\n height: 75px;\n width: 75px;\n min-height: 75px;\n ", "\n }\n"])), function (_ref16) {
|
|
89
|
+
var isCustomerMode = _ref16.isCustomerMode;
|
|
90
|
+
return isCustomerMode && (0, _styledComponents.css)(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n width: 100%;\n height: 100%;\n "])));
|
|
81
91
|
});
|
|
82
92
|
var BusinessLogo = exports.BusinessLogo = function BusinessLogo(props) {
|
|
83
93
|
var style = {};
|
|
@@ -88,62 +98,65 @@ var BusinessLogo = exports.BusinessLogo = function BusinessLogo(props) {
|
|
|
88
98
|
style: style
|
|
89
99
|
}), props.children);
|
|
90
100
|
};
|
|
91
|
-
var BusinessInfo = exports.BusinessInfo = _styledComponents.default.div(
|
|
92
|
-
var
|
|
101
|
+
var BusinessInfo = exports.BusinessInfo = _styledComponents.default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n display: flex;\n ", "\n"])), function (_ref17) {
|
|
102
|
+
var isCustomerMode = _ref17.isCustomerMode;
|
|
103
|
+
return isCustomerMode ? (0, _styledComponents.css)(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n width: 90%;\n "]))) : (0, _styledComponents.css)(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n width: 100%;\n "])));
|
|
104
|
+
});
|
|
105
|
+
var BusinessInfoItem = exports.BusinessInfoItem = _styledComponents.default.div(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n font-size: 12px;\n\n div {\n display: flex;\n p {\n margin-right: 5px;\n ", "\n text-transform: capitalize;\n display: flex;\n align-items: center;\n margin: 0px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n p.bold {\n font-weight: bold;\n }\n }\n"])), function (props) {
|
|
93
106
|
var _props$theme3;
|
|
94
|
-
return ((_props$theme3 = props.theme) === null || _props$theme3 === void 0 ? void 0 : _props$theme3.rtl) && (0, _styledComponents.css)(
|
|
107
|
+
return ((_props$theme3 = props.theme) === null || _props$theme3 === void 0 ? void 0 : _props$theme3.rtl) && (0, _styledComponents.css)(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n margin-left: 5px;\n margin-right: 0;\n "])));
|
|
95
108
|
});
|
|
96
|
-
var BusinessName = exports.BusinessName = _styledComponents.default.h6(
|
|
109
|
+
var BusinessName = exports.BusinessName = _styledComponents.default.h6(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n font-size: 16px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-weight: 500;\n margin-block-start: 0;\n margin-block-end: 0;\n color: ", ";\n"])), function (props) {
|
|
97
110
|
return props.theme.colors.darkTextColor;
|
|
98
111
|
});
|
|
99
|
-
var Categories = exports.Categories = _styledComponents.default.div(
|
|
100
|
-
var Medadata = exports.Medadata = _styledComponents.default.div(
|
|
101
|
-
var isCustomerMode =
|
|
102
|
-
return isCustomerMode && (0, _styledComponents.css)(
|
|
103
|
-
}, function (
|
|
104
|
-
var isSkeleton =
|
|
105
|
-
return isSkeleton && (0, _styledComponents.css)(
|
|
112
|
+
var Categories = exports.Categories = _styledComponents.default.div(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n font-size: 14px;\n font-weight: 300;\n color: #6C6C6C;\n\n @media (min-width: 481px) {\n font-size: 16px;\n }\n"])));
|
|
113
|
+
var Medadata = exports.Medadata = _styledComponents.default.div(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n margin-top: 5px;\n display: flex;\n font-weight: 300;\n font-size: 12px;\n color: #909BA9;\n flex-wrap: wrap;\n\n\n ", "\n ", "\n p {\n color: #909BA9;\n svg {\n font-size: 7px;\n min-width: 6px;\n margin: 0 3px;\n }\n\n span {\n margin-right: 10px;\n ", "\n }\n }\n\n @media (min-width: 481px) {\n font-size: 14px;\n }\n"])), function (_ref18) {
|
|
114
|
+
var isCustomerMode = _ref18.isCustomerMode;
|
|
115
|
+
return isCustomerMode && (0, _styledComponents.css)(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n > div {\n flex-direction: column;\n }\n "])));
|
|
116
|
+
}, function (_ref19) {
|
|
117
|
+
var isSkeleton = _ref19.isSkeleton;
|
|
118
|
+
return isSkeleton && (0, _styledComponents.css)(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n "])));
|
|
106
119
|
}, function (props) {
|
|
107
120
|
var _props$theme4;
|
|
108
|
-
return ((_props$theme4 = props.theme) === null || _props$theme4 === void 0 ? void 0 : _props$theme4.rtl) && (0, _styledComponents.css)(
|
|
121
|
+
return ((_props$theme4 = props.theme) === null || _props$theme4 === void 0 ? void 0 : _props$theme4.rtl) && (0, _styledComponents.css)(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n margin-left: 10px;\n margin-right: 0;\n "])));
|
|
109
122
|
});
|
|
110
|
-
var CallCenterInformation = exports.CallCenterInformation = _styledComponents.default.div(
|
|
111
|
-
var CallCenterInformationBullet = exports.CallCenterInformationBullet = _styledComponents.default.div(
|
|
112
|
-
var bgcolor =
|
|
123
|
+
var CallCenterInformation = exports.CallCenterInformation = _styledComponents.default.div(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n position: absolute;\n right: 0;\n bottom: 0;\n margin-right: 10px;\n margin-bottom: 10px;\n div{\n justify-content: space-evenly;\n }\n"])));
|
|
124
|
+
var CallCenterInformationBullet = exports.CallCenterInformationBullet = _styledComponents.default.div(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n display: flex;\n padding: 2px;\n margin-bottom: 2px;\n border-radius: 16px;\n background: ", ";\n width: 50px;\n color: #fff;\n svg{\n font-size: 18px;\n }\n"])), function (_ref20) {
|
|
125
|
+
var bgcolor = _ref20.bgcolor;
|
|
113
126
|
return bgcolor;
|
|
114
127
|
});
|
|
115
|
-
var BusinessLogoWrapper = exports.BusinessLogoWrapper = _styledComponents.default.div(
|
|
116
|
-
var BusinessStarInfo = exports.BusinessStarInfo = _styledComponents.default.div(
|
|
128
|
+
var BusinessLogoWrapper = exports.BusinessLogoWrapper = _styledComponents.default.div(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: -20px;\n margin-bottom: 10px;\n"])));
|
|
129
|
+
var BusinessStarInfo = exports.BusinessStarInfo = _styledComponents.default.div(_templateObject39 || (_templateObject39 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n\n .reviews {\n display: flex;\n align-items: center;\n svg {\n margin-right: 3px;\n font-size: 22px;\n color: #414954;\n ", "\n }\n span {\n font-size: 15px;\n color: #414954;\n }\n }\n"])), function (props) {
|
|
117
130
|
var _props$theme5;
|
|
118
|
-
return ((_props$theme5 = props.theme) === null || _props$theme5 === void 0 ? void 0 : _props$theme5.rtl) && (0, _styledComponents.css)(
|
|
131
|
+
return ((_props$theme5 = props.theme) === null || _props$theme5 === void 0 ? void 0 : _props$theme5.rtl) && (0, _styledComponents.css)(_templateObject40 || (_templateObject40 = _taggedTemplateLiteral(["\n margin-left: 3px;\n margin-right: 0;\n "])));
|
|
119
132
|
});
|
|
120
|
-
var CardOverlay = exports.CardOverlay = _styledComponents.default.div(
|
|
121
|
-
var InfoLength = exports.InfoLength = _styledComponents.default.p(
|
|
122
|
-
var InfoDescription = exports.InfoDescription = _styledComponents.default.p(
|
|
123
|
-
var RibbonBox = exports.RibbonBox = _styledComponents.default.div(
|
|
133
|
+
var CardOverlay = exports.CardOverlay = _styledComponents.default.div(_templateObject41 || (_templateObject41 = _taggedTemplateLiteral(["\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.2);\n border-radius: 7.6px;\n z-index: 1;\n"])));
|
|
134
|
+
var InfoLength = exports.InfoLength = _styledComponents.default.p(_templateObject42 || (_templateObject42 = _taggedTemplateLiteral(["\n font-size: 16px;\n font-weight: 600;\n"])));
|
|
135
|
+
var InfoDescription = exports.InfoDescription = _styledComponents.default.p(_templateObject43 || (_templateObject43 = _taggedTemplateLiteral(["\n font-size: 12px;\n"])));
|
|
136
|
+
var RibbonBox = exports.RibbonBox = _styledComponents.default.div(_templateObject44 || (_templateObject44 = _taggedTemplateLiteral(["\n position: absolute;\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 top: -4px;\n right: -3px;\n background-color: ", ";\n max-width: 180px;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n overflow: hidden;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
124
137
|
return props.theme.colors.colorTextSignForm;
|
|
125
138
|
}, function (props) {
|
|
126
139
|
return props.theme.colors.primary;
|
|
127
140
|
}, function (props) {
|
|
128
|
-
return props.theme.rtl && (0, _styledComponents.css)(
|
|
129
|
-
}, function (_ref17) {
|
|
130
|
-
var bgColor = _ref17.bgColor;
|
|
131
|
-
return bgColor && (0, _styledComponents.css)(_templateObject40 || (_templateObject40 = _taggedTemplateLiteral(["\n background-color: ", ";\n "])), bgColor);
|
|
132
|
-
}, function (_ref18) {
|
|
133
|
-
var isRoundRect = _ref18.isRoundRect;
|
|
134
|
-
return isRoundRect && (0, _styledComponents.css)(_templateObject41 || (_templateObject41 = _taggedTemplateLiteral(["\n border-radius: 7.6px;\n "])));
|
|
135
|
-
}, function (_ref19) {
|
|
136
|
-
var isCapsule = _ref19.isCapsule;
|
|
137
|
-
return isCapsule && (0, _styledComponents.css)(_templateObject42 || (_templateObject42 = _taggedTemplateLiteral(["\n border-radius: 50px;\n "])));
|
|
138
|
-
}, function (_ref20) {
|
|
139
|
-
var colorText = _ref20.colorText;
|
|
140
|
-
return colorText && (0, _styledComponents.css)(_templateObject43 || (_templateObject43 = _taggedTemplateLiteral(["\n color: ", ";\n "])), colorText ? 'black' : 'white');
|
|
141
|
+
return props.theme.rtl && (0, _styledComponents.css)(_templateObject45 || (_templateObject45 = _taggedTemplateLiteral(["\n left: -3px;\n right: initial;\n "])));
|
|
141
142
|
}, function (_ref21) {
|
|
142
|
-
var
|
|
143
|
-
return
|
|
143
|
+
var bgColor = _ref21.bgColor;
|
|
144
|
+
return bgColor && (0, _styledComponents.css)(_templateObject46 || (_templateObject46 = _taggedTemplateLiteral(["\n background-color: ", ";\n "])), bgColor);
|
|
145
|
+
}, function (_ref22) {
|
|
146
|
+
var isRoundRect = _ref22.isRoundRect;
|
|
147
|
+
return isRoundRect && (0, _styledComponents.css)(_templateObject47 || (_templateObject47 = _taggedTemplateLiteral(["\n border-radius: 7.6px;\n "])));
|
|
148
|
+
}, function (_ref23) {
|
|
149
|
+
var isCapsule = _ref23.isCapsule;
|
|
150
|
+
return isCapsule && (0, _styledComponents.css)(_templateObject48 || (_templateObject48 = _taggedTemplateLiteral(["\n border-radius: 50px;\n "])));
|
|
151
|
+
}, function (_ref24) {
|
|
152
|
+
var colorText = _ref24.colorText;
|
|
153
|
+
return colorText && (0, _styledComponents.css)(_templateObject49 || (_templateObject49 = _taggedTemplateLiteral(["\n color: ", ";\n "])), colorText ? 'black' : 'white');
|
|
154
|
+
}, function (_ref25) {
|
|
155
|
+
var borderRibbon = _ref25.borderRibbon;
|
|
156
|
+
return borderRibbon && (0, _styledComponents.css)(_templateObject50 || (_templateObject50 = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n "])), borderRibbon ? 'black' : 'white');
|
|
144
157
|
});
|
|
145
|
-
var FavoriteWrapper = exports.FavoriteWrapper = _styledComponents.default.div(
|
|
146
|
-
return props.theme.rtl && (0, _styledComponents.css)(
|
|
158
|
+
var FavoriteWrapper = exports.FavoriteWrapper = _styledComponents.default.div(_templateObject51 || (_templateObject51 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n margin-left: 15px;\n ", "\n\n svg {\n font-size: 16px;\n color: ", ";\n }\n"])), function (props) {
|
|
159
|
+
return props.theme.rtl && (0, _styledComponents.css)(_templateObject52 || (_templateObject52 = _taggedTemplateLiteral(["\n margin-right: 15px;\n margin-left: 0px;\n "])));
|
|
147
160
|
}, function (props) {
|
|
148
161
|
return props.theme.colors.danger500;
|
|
149
162
|
});
|
|
@@ -447,7 +447,7 @@ var BusinessesListingUI = function BusinessesListingUI(props) {
|
|
|
447
447
|
key: business.id,
|
|
448
448
|
className: "card",
|
|
449
449
|
business: business,
|
|
450
|
-
isBusinessOpen: business.open,
|
|
450
|
+
isBusinessOpen: business.open && (business === null || business === void 0 ? void 0 : business.enabled) !== false,
|
|
451
451
|
handleCustomClick: handleBusinessClick,
|
|
452
452
|
orderType: orderState === null || orderState === void 0 || (_orderState$options18 = orderState.options) === null || _orderState$options18 === void 0 ? void 0 : _orderState$options18.type,
|
|
453
453
|
isCustomLayout: isCustomLayout,
|
|
@@ -111,7 +111,7 @@ var HighestRatedUI = function HighestRatedUI(props) {
|
|
|
111
111
|
key: business.id,
|
|
112
112
|
className: "card",
|
|
113
113
|
business: business,
|
|
114
|
-
isBusinessOpen: business.open,
|
|
114
|
+
isBusinessOpen: business.open && (business === null || business === void 0 ? void 0 : business.enabled) !== false,
|
|
115
115
|
handleCustomClick: handleBusinessClick,
|
|
116
116
|
orderType: orderState === null || orderState === void 0 || (_orderState$options3 = orderState.options) === null || _orderState$options3 === void 0 ? void 0 : _orderState$options3.type,
|
|
117
117
|
isCustomLayout: isCustomLayout,
|
|
@@ -241,8 +241,7 @@ var ProductOptionsUI = function ProductOptionsUI(props) {
|
|
|
241
241
|
}
|
|
242
242
|
};
|
|
243
243
|
var handleSwitchQtyUnit = function handleSwitchQtyUnit(val) {
|
|
244
|
-
|
|
245
|
-
setQtyBy((_setQtyBy = {}, _defineProperty(_setQtyBy, val, true), _defineProperty(_setQtyBy, !val, false), _setQtyBy));
|
|
244
|
+
setQtyBy(_defineProperty(_defineProperty({}, val, true), !val, false));
|
|
246
245
|
};
|
|
247
246
|
var getOverFlowImage = function getOverFlowImage(url) {
|
|
248
247
|
var keys = url.split('/');
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ordering-ui-external",
|
|
3
|
-
"version": "11.0.
|
|
3
|
+
"version": "11.0.4",
|
|
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": "10.0.
|
|
91
|
+
"ordering-components-external": "10.0.7",
|
|
92
92
|
"payment": "^2.4.6",
|
|
93
93
|
"polished": "^3.6.6",
|
|
94
94
|
"react-bootstrap-icons": "^1.7.2",
|
|
@@ -28,7 +28,8 @@ import {
|
|
|
28
28
|
Timestatus,
|
|
29
29
|
Timer,
|
|
30
30
|
OrdersCountWrapper,
|
|
31
|
-
DragTh
|
|
31
|
+
DragTh,
|
|
32
|
+
InfoWrapper
|
|
32
33
|
} from './styles'
|
|
33
34
|
|
|
34
35
|
import { useTheme } from 'styled-components'
|
|
@@ -100,6 +101,10 @@ export const OrdersTable = (props) => {
|
|
|
100
101
|
value: 'orderNumber',
|
|
101
102
|
content: t('INVOICE_ORDER_NO', 'Order No.')
|
|
102
103
|
},
|
|
104
|
+
{
|
|
105
|
+
value: 'agent',
|
|
106
|
+
content: t('AGENT', 'Agent')
|
|
107
|
+
},
|
|
103
108
|
{
|
|
104
109
|
value: 'cartGroupId',
|
|
105
110
|
content: t('GROUP_ORDER', 'Group Order')
|
|
@@ -263,9 +268,7 @@ export const OrdersTable = (props) => {
|
|
|
263
268
|
[type]: { ..._column, visable: !_column?.visable }
|
|
264
269
|
}
|
|
265
270
|
setAllowColumns(updatedAllowColumns)
|
|
266
|
-
|
|
267
|
-
saveUserSettings(JSON.parse(JSON.stringify(updatedAllowColumns)))
|
|
268
|
-
}
|
|
271
|
+
saveUserSettings(JSON.parse(JSON.stringify(updatedAllowColumns)))
|
|
269
272
|
}
|
|
270
273
|
|
|
271
274
|
const handleClickOrder = (order, e) => {
|
|
@@ -707,6 +710,18 @@ export const OrdersTable = (props) => {
|
|
|
707
710
|
</td>
|
|
708
711
|
)
|
|
709
712
|
}
|
|
713
|
+
if (column === 'agent') {
|
|
714
|
+
return (
|
|
715
|
+
<td className='statusInfo' key={`agentInfo${i}-${index}`}>
|
|
716
|
+
<InfoWrapper>
|
|
717
|
+
<div className='info'>
|
|
718
|
+
<p className='bold'>{order?.agent?.name}</p>
|
|
719
|
+
<p>{order?.agent?.email}</p>
|
|
720
|
+
</div>
|
|
721
|
+
</InfoWrapper>
|
|
722
|
+
</td>
|
|
723
|
+
)
|
|
724
|
+
}
|
|
710
725
|
if (column === 'cartGroupId') {
|
|
711
726
|
return (
|
|
712
727
|
<td className='orderGroupId' key={`cart_group_id${i}-${index}`}>
|
|
@@ -378,7 +378,7 @@ export const Timer = styled.div`
|
|
|
378
378
|
.at_risk {
|
|
379
379
|
color: #FFC700;
|
|
380
380
|
}
|
|
381
|
-
|
|
381
|
+
|
|
382
382
|
.delayed {
|
|
383
383
|
color: #E63757;
|
|
384
384
|
}
|
|
@@ -415,3 +415,22 @@ export const DragTh = styled.th`
|
|
|
415
415
|
border: 1px solid ${props => props.theme.colors.primary};
|
|
416
416
|
`}
|
|
417
417
|
`
|
|
418
|
+
export const InfoWrapper = styled.div`
|
|
419
|
+
position: relative;
|
|
420
|
+
${props => props.theme?.rtl ? css`
|
|
421
|
+
margin-left: 4px;
|
|
422
|
+
` : css`
|
|
423
|
+
margin-right: 4px;
|
|
424
|
+
`}
|
|
425
|
+
|
|
426
|
+
.bold {
|
|
427
|
+
max-width: 150px;
|
|
428
|
+
font-weight: 600;
|
|
429
|
+
margin: 0;
|
|
430
|
+
}
|
|
431
|
+
|
|
432
|
+
&:hover > div {
|
|
433
|
+
visibility: visible;
|
|
434
|
+
opacity: 1;
|
|
435
|
+
}
|
|
436
|
+
`
|
|
@@ -139,7 +139,7 @@ const PhoneAutocompleteUI = (props) => {
|
|
|
139
139
|
setCustomerState({ ...customerState, result: user })
|
|
140
140
|
setOpenModal({ ...openModal, signup: false, customer: true })
|
|
141
141
|
} else {
|
|
142
|
-
setOpenModal({ ...openModal,
|
|
142
|
+
setOpenModal({ ...openModal, signup: true })
|
|
143
143
|
}
|
|
144
144
|
}
|
|
145
145
|
|
|
@@ -32,7 +32,8 @@ import {
|
|
|
32
32
|
InfoLength,
|
|
33
33
|
InfoDescription,
|
|
34
34
|
RibbonBox,
|
|
35
|
-
FavoriteWrapper
|
|
35
|
+
FavoriteWrapper,
|
|
36
|
+
BusinessHeaderClosedContainer
|
|
36
37
|
// CardOverlay
|
|
37
38
|
} from './styles'
|
|
38
39
|
import GoPrimitiveDot from '@meronex/icons/go/GoPrimitiveDot'
|
|
@@ -149,8 +150,9 @@ const BusinessControllerUI = (props) => {
|
|
|
149
150
|
firstCard={firstCard}
|
|
150
151
|
minWidthEnabled={minWidthEnabled}
|
|
151
152
|
businessRows={businessRows}
|
|
153
|
+
disabled={business?.enabled === false}
|
|
152
154
|
>
|
|
153
|
-
<WrapperBusinessCard isSkeleton={isSkeleton} onClick={(e) => !isSkeleton && handleClick && handleBusinessClick(e)}>
|
|
155
|
+
<WrapperBusinessCard disabled={business?.enabled === false} isSkeleton={isSkeleton} onClick={(e) => !isSkeleton && handleClick && handleBusinessClick(e)}>
|
|
154
156
|
{business?.ribbon?.enabled && (
|
|
155
157
|
<RibbonBox
|
|
156
158
|
bgColor={business?.ribbon?.color}
|
|
@@ -179,14 +181,21 @@ const BusinessControllerUI = (props) => {
|
|
|
179
181
|
</div>
|
|
180
182
|
)}
|
|
181
183
|
</BusinessTags>
|
|
182
|
-
|
|
183
|
-
<
|
|
184
|
-
|
|
185
|
-
|
|
184
|
+
<BusinessHeaderClosedContainer>
|
|
185
|
+
<div>
|
|
186
|
+
{!!businessWillCloseSoonMinutes && orderState?.options?.moment === null && isBusinessOpen && business?.enabled !== false && (
|
|
187
|
+
<h1>{businessWillCloseSoonMinutes} {t('MINUTES_TO_CLOSE', 'minutes to close')}</h1>
|
|
188
|
+
)}
|
|
189
|
+
{!isBusinessOpen && <h1 className='closed'>{t('CLOSED', 'Closed')}{business?.enabled === false && `(${t('DISABLED', 'Disabled')})`}</h1>}
|
|
190
|
+
</div>
|
|
191
|
+
{business?.disabled_reason && business?.enabled === false && (
|
|
192
|
+
<h2 className='disabled'>{business?.disabled_reason}</h2>
|
|
193
|
+
)}
|
|
194
|
+
</BusinessHeaderClosedContainer>
|
|
186
195
|
</BusinessHeader>
|
|
187
196
|
)}
|
|
188
197
|
</BusinessHero>
|
|
189
|
-
<BusinessContent>
|
|
198
|
+
<BusinessContent isCustomerMode={isCustomerMode}>
|
|
190
199
|
<BusinessLogoWrapper>
|
|
191
200
|
{!hideBusinessLogo && (
|
|
192
201
|
<WrapperBusinessLogo isSkeleton={isSkeleton} isCustomerMode={isCustomerMode}>
|
|
@@ -225,7 +234,7 @@ const BusinessControllerUI = (props) => {
|
|
|
225
234
|
)}
|
|
226
235
|
</BusinessStarInfo>
|
|
227
236
|
</BusinessLogoWrapper>
|
|
228
|
-
<BusinessInfo className='info'>
|
|
237
|
+
<BusinessInfo className='info' isCustomerMode={isCustomerMode}>
|
|
229
238
|
<BusinessInfoItem>
|
|
230
239
|
<div>
|
|
231
240
|
{business?.name ? (
|