ordering-ui-external 10.10.16 → 10.10.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/_modules/themes/five/src/components/BusinessProductsListing/styles.js +5 -3
  2. package/_modules/themes/five/src/components/Cart/styles.js +5 -2
  3. package/_modules/themes/five/src/components/RenderProductsLayout/index.js +9 -1
  4. package/package.json +2 -2
  5. package/src/themes/five/src/components/BusinessProductsListing/styles.js +10 -0
  6. package/src/themes/five/src/components/Cart/styles.js +3 -0
  7. package/src/themes/five/src/components/RenderProductsLayout/index.js +9 -0
package/_modules/themes/five/src/components/BusinessProductsListing/styles.js CHANGED
@@ -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.Title = exports.SkeletonItem = exports.ProductsContainer = exports.ProductLoading = exports.OrderContextUIWrapper = exports.MobileCartViewWrapper = exports.HeaderContent = exports.EmptyCart = exports.EmptyBtnWrapper = exports.BusinessCartContent = void 0;
7
+ exports.Title = exports.SpinnerCart = exports.SkeletonItem = exports.ProductsContainer = exports.ProductLoading = exports.OrderContextUIWrapper = exports.MobileCartViewWrapper = exports.HeaderContent = exports.EmptyCart = exports.EmptyBtnWrapper = exports.BusinessCartContent = 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;
9
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
10
10
  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); }
11
11
  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; }
12
12
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
@@ -54,4 +54,6 @@ exports.HeaderContent = HeaderContent;
54
54
  var OrderContextUIWrapper = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n flex: 1;\n width: 100%;\n ", "\n"])), function (props) {
55
55
  return props.theme.rtl && (0, _styledComponents.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n margin-left: 0px;\n margin-right: 15px;\n "])));
56
56
  });
57
- exports.OrderContextUIWrapper = OrderContextUIWrapper;
57
+ exports.OrderContextUIWrapper = OrderContextUIWrapper;
58
+ var SpinnerCart = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n position: absolute;\n right: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n"])));
59
+ exports.SpinnerCart = SpinnerCart;
package/_modules/themes/five/src/components/Cart/styles.js CHANGED
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.SpotSelect = exports.SpinnerCart = exports.Spinner = exports.SavedContainer = exports.OrderBill = exports.NoValidProductMessage = exports.IconContainer = exports.Exclamation = exports.DriverTipContainer = exports.Divider = exports.CouponContainer = exports.CommentContainer = exports.CheckoutAction = exports.CartSticky = exports.CartContainer = 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;
10
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
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) } })); }
@@ -73,5 +73,8 @@ var DriverTipContainer = _styledComponents.default.div(_templateObject19 || (_te
73
73
  return props.theme.colors.darkTextColor;
74
74
  });
75
75
  exports.DriverTipContainer = DriverTipContainer;
76
- var SpinnerCart = _styledComponents.default.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n position: absolute;\n right: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n"])));
76
+ var SpinnerCart = _styledComponents.default.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n position: absolute;\n right: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n ", "\n"])), function (_ref4) {
77
+ var emptyCart = _ref4.emptyCart;
78
+ return emptyCart && (0, _styledComponents.css)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n top: 0;\n "])));
79
+ });
77
80
  exports.SpinnerCart = SpinnerCart;
package/_modules/themes/five/src/components/RenderProductsLayout/index.js CHANGED
@@ -33,6 +33,8 @@ var _ProfessionalBusinessFilter = require("../ProfessionalBusinessFilter");
33
33
  var _PageBanner = require("../PageBanner");
34
34
  var _useWindowSize = require("../../../../../hooks/useWindowSize");
35
35
  var _utils = require("../../../../../utils");
36
+ var _styles3 = require("../Cart/styles");
37
+ var _SpinnerLoader = require("../../../../../components/SpinnerLoader");
36
38
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
37
39
  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); }
38
40
  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; }
@@ -320,7 +322,13 @@ var RenderProductsLayout = function RenderProductsLayout(props) {
320
322
  setProductLoading: setProductLoading
321
323
  })) : /*#__PURE__*/_react.default.createElement(_styles.EmptyCart, null, /*#__PURE__*/_react.default.createElement("div", {
322
324
  className: "empty-content"
323
- }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Cart3, null), /*#__PURE__*/_react.default.createElement("p", null, t('ADD_PRODUCTS_IN_YOUR_CART', 'Add products in your cart'))), /*#__PURE__*/_react.default.createElement(_styles.EmptyBtnWrapper, null, /*#__PURE__*/_react.default.createElement("span", null, parsePrice(0)), /*#__PURE__*/_react.default.createElement(_Buttons.Button, null, t('EMPTY_CART', 'Empty cart'))))))), businessLayout.layoutOne && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (business === null || business === void 0 || (_business$professiona4 = business.professionals) === null || _business$professiona4 === void 0 ? void 0 : _business$professiona4.length) > 0 && /*#__PURE__*/_react.default.createElement(_styles.ProfessionalFilterWrapper, {
325
+ }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Cart3, null), /*#__PURE__*/_react.default.createElement("p", null, t('ADD_PRODUCTS_IN_YOUR_CART', 'Add products in your cart'))), /*#__PURE__*/_react.default.createElement(_styles.EmptyBtnWrapper, null, /*#__PURE__*/_react.default.createElement("span", null, parsePrice(0)), /*#__PURE__*/_react.default.createElement(_Buttons.Button, null, t('EMPTY_CART', 'Empty cart'))), productLoading && /*#__PURE__*/_react.default.createElement(_styles3.SpinnerCart, {
326
+ emptyCart: true
327
+ }, /*#__PURE__*/_react.default.createElement(_SpinnerLoader.SpinnerLoader, {
328
+ style: {
329
+ height: 100
330
+ }
331
+ })))))), businessLayout.layoutOne && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (business === null || business === void 0 || (_business$professiona4 = business.professionals) === null || _business$professiona4 === void 0 ? void 0 : _business$professiona4.length) > 0 && /*#__PURE__*/_react.default.createElement(_styles.ProfessionalFilterWrapper, {
324
332
  isTop: true
325
333
  }, /*#__PURE__*/_react.default.createElement(_ProfessionalFilter.ProfessionalFilter, {
326
334
  professionals: business === null || business === void 0 ? void 0 : business.professionals,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ordering-ui-external",
3
- "version": "10.10.16",
3
+ "version": "10.10.17",
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.11.15",
91
+ "ordering-components-external": "9.11.16",
92
92
  "payment": "^2.4.6",
93
93
  "polished": "^3.6.6",
94
94
  "react-bootstrap-icons": "^1.7.2",
package/src/themes/five/src/components/BusinessProductsListing/styles.js CHANGED
@@ -182,3 +182,13 @@ export const OrderContextUIWrapper = styled.div`
182
182
  margin-right: 15px;
183
183
  `}
184
184
  `
185
+
186
+ export const SpinnerCart = styled.div`
187
+ position: absolute;
188
+ right: 0;
189
+ width: 100%;
190
+ height: 100%;
191
+ display: flex;
192
+ justify-content: center;
193
+ align-items: center;
194
+ `
package/src/themes/five/src/components/Cart/styles.js CHANGED
@@ -240,4 +240,7 @@ export const SpinnerCart = styled.div`
240
240
  display: flex;
241
241
  justify-content: center;
242
242
  align-items: center;
243
+ ${({ emptyCart }) => emptyCart && css`
244
+ top: 0;
245
+ `}
243
246
  `
package/src/themes/five/src/components/RenderProductsLayout/index.js CHANGED
@@ -46,6 +46,8 @@ import { ProfessionalBusinessFilter } from '../ProfessionalBusinessFilter'
46
46
  import { PageBanner } from '../PageBanner'
47
47
  import { useWindowSize } from '../../../../../hooks/useWindowSize'
48
48
  import { scrollTo } from '../../../../../utils'
49
+ import { SpinnerCart } from '../Cart/styles'
50
+ import { SpinnerLoader } from '../../../../../components/SpinnerLoader'
49
51
 
50
52
  const layoutOne = 'groceries'
51
53
 
@@ -377,6 +379,13 @@ export const RenderProductsLayout = (props) => {
377
379
  <span>{parsePrice(0)}</span>
378
380
  <Button>{t('EMPTY_CART', 'Empty cart')}</Button>
379
381
  </EmptyBtnWrapper>
382
+ {productLoading && (
383
+ <SpinnerCart emptyCart>
384
+ <SpinnerLoader
385
+ style={{ height: 100 }}
386
+ />
387
+ </SpinnerCart>
388
+ )}
380
389
  </EmptyCart>
381
390
  )}
382
391
  </BusinessCartContent>