ordering-ui-external 8.0.3 → 9.0.0

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 (27) hide show
  1. package/_bundles/{0.ordering-ui.ab1b4de01911e1ef2765.js → 0.ordering-ui.8051ac183d2464013c73.js} +1 -1
  2. package/_bundles/{5.ordering-ui.ab1b4de01911e1ef2765.js → 5.ordering-ui.8051ac183d2464013c73.js} +1 -1
  3. package/_bundles/{7.ordering-ui.ab1b4de01911e1ef2765.js → 7.ordering-ui.8051ac183d2464013c73.js} +2 -2
  4. package/_bundles/ordering-ui.8051ac183d2464013c73.js +2 -0
  5. package/_modules/components/Header/index.js +113 -9
  6. package/_modules/themes/five/src/components/BusinessBasicInformation/styles.js +1 -1
  7. package/_modules/themes/five/src/components/BusinessProductsListing/index.js +2 -1
  8. package/_modules/themes/five/src/components/Header/index.js +4 -5
  9. package/_modules/themes/five/src/components/SingleProductCard/layouts/original/styles.js +4 -2
  10. package/_modules/themes/five/src/styles/Buttons/index.js +84 -60
  11. package/package.json +2 -2
  12. package/src/components/Header/index.js +109 -4
  13. package/src/themes/five/src/components/BusinessBasicInformation/styles.js +1 -1
  14. package/src/themes/five/src/components/BusinessProductsListing/index.js +2 -1
  15. package/src/themes/five/src/components/Header/index.js +5 -4
  16. package/src/themes/five/src/components/SingleProductCard/layouts/original/styles.js +1 -1
  17. package/src/themes/five/src/styles/Buttons/index.js +18 -0
  18. package/template/app.js +1 -0
  19. package/_bundles/ordering-ui.ab1b4de01911e1ef2765.js +0 -2
  20. /package/_bundles/{1.ordering-ui.ab1b4de01911e1ef2765.js → 1.ordering-ui.8051ac183d2464013c73.js} +0 -0
  21. /package/_bundles/{2.ordering-ui.ab1b4de01911e1ef2765.js → 2.ordering-ui.8051ac183d2464013c73.js} +0 -0
  22. /package/_bundles/{4.ordering-ui.ab1b4de01911e1ef2765.js → 4.ordering-ui.8051ac183d2464013c73.js} +0 -0
  23. /package/_bundles/{6.ordering-ui.ab1b4de01911e1ef2765.js → 6.ordering-ui.8051ac183d2464013c73.js} +0 -0
  24. /package/_bundles/{7.ordering-ui.ab1b4de01911e1ef2765.js.LICENSE.txt → 7.ordering-ui.8051ac183d2464013c73.js.LICENSE.txt} +0 -0
  25. /package/_bundles/{8.ordering-ui.ab1b4de01911e1ef2765.js → 8.ordering-ui.8051ac183d2464013c73.js} +0 -0
  26. /package/_bundles/{9.ordering-ui.ab1b4de01911e1ef2765.js → 9.ordering-ui.8051ac183d2464013c73.js} +0 -0
  27. /package/_bundles/{ordering-ui.ab1b4de01911e1ef2765.js.LICENSE.txt → ordering-ui.8051ac183d2464013c73.js.LICENSE.txt} +0 -0
package/_modules/components/Header/index.js CHANGED
@@ -31,6 +31,9 @@ var _HeaderOption = require("../HeaderOption");
31
31
  var _SidebarMenu = require("../SidebarMenu");
32
32
  var _UserDetails = require("../UserDetails");
33
33
  var _Confirm = require("../Confirm");
34
+ var _LoginForm = require("../../themes/five/src/components/LoginForm");
35
+ var _SignUpForm = require("../../themes/five/src/components/SignUpForm");
36
+ var _ForgotPasswordForm = require("../../themes/five/src/components/ForgotPasswordForm");
34
37
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
35
38
  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); }
36
39
  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; }
@@ -47,14 +50,16 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
47
50
  function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
48
51
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
49
52
  var Header = function Header(props) {
50
- var _configState$configs, _configState$configs$, _configState$configs2, _configState$configs3, _customerState$user, _orderState$options3, _orderState$options3$, _props$beforeElements, _props$beforeComponen, _theme$images, _theme$images$logos, _theme$images2, _theme$images2$logos, _theme$images3, _theme$images3$logos, _theme$images4, _theme$images4$logos, _configState$configs4, _configState$configs5, _orderState$options5, _theme$defaultLanguag2, _theme$defaultLanguag3, _orderState$options6, _configState$configs6, _configState$configs7, _orderState$options7, _orderState$options7$, _orderState$options7$2, _orderState$options7$3, _configState$configs8, _configState$configs9, _orderState$options8, _customerState$user2, _customerState$user3, _theme$defaultLanguag4, _theme$defaultLanguag5, _props$afterComponent, _props$afterElements;
53
+ var _configState$configs, _configState$configs$, _configState$configs2, _configState$configs3, _customerState$user, _orderState$options3, _orderState$options3$, _props$beforeElements, _props$beforeComponen, _theme$images, _theme$images$logos, _theme$images2, _theme$images2$logos, _theme$images3, _theme$images3$logos, _theme$images4, _theme$images4$logos, _configState$configs4, _configState$configs5, _orderState$options5, _theme$defaultLanguag2, _theme$defaultLanguag3, _orderState$options6, _configState$configs6, _configState$configs7, _orderState$options7, _orderState$options7$, _orderState$options7$2, _orderState$options7$3, _configState$configs8, _configState$configs9, _orderState$options8, _customerState$user2, _customerState$user3, _theme$defaultLanguag4, _theme$defaultLanguag5, _theme$defaultLanguag6, _theme$defaultLanguag7, _theme$defaultLanguag8, _theme$defaultLanguag9, _props$afterComponent, _props$afterElements;
51
54
  var isHome = props.isHome,
52
55
  location = props.location,
53
56
  closeCartPopover = props.closeCartPopover,
54
57
  isShowOrderOptions = props.isShowOrderOptions,
55
58
  isHideSignup = props.isHideSignup,
56
59
  isCustomerMode = props.isCustomerMode,
57
- isLinkedToAdmin = props.isLinkedToAdmin;
60
+ isLinkedToAdmin = props.isLinkedToAdmin,
61
+ notificationState = props.notificationState,
62
+ useModalMode = props.useModalMode;
58
63
  var _useLocation = (0, _reactRouterDom.useLocation)(),
59
64
  pathname = _useLocation.pathname;
60
65
  var _useEvent = (0, _orderingComponentsExternal.useEvent)(),
@@ -64,8 +69,9 @@ var Header = function Header(props) {
64
69
  _useLanguage2 = _slicedToArray(_useLanguage, 2),
65
70
  t = _useLanguage2[1];
66
71
  var _useSession = (0, _orderingComponentsExternal.useSession)(),
67
- _useSession2 = _slicedToArray(_useSession, 1),
68
- auth = _useSession2[0].auth;
72
+ _useSession2 = _slicedToArray(_useSession, 2),
73
+ auth = _useSession2[0].auth,
74
+ login = _useSession2[1].login;
69
75
  var _useOrder = (0, _orderingComponentsExternal.useOrder)(),
70
76
  _useOrder2 = _slicedToArray(_useOrder, 2),
71
77
  orderState = _useOrder2[0],
@@ -107,6 +113,14 @@ var Header = function Header(props) {
107
113
  _useState12 = _slicedToArray(_useState11, 2),
108
114
  isFarAway = _useState12[0],
109
115
  setIsFarAway = _useState12[1];
116
+ var _useState13 = (0, _react.useState)(false),
117
+ _useState14 = _slicedToArray(_useState13, 2),
118
+ authModalOpen = _useState14[0],
119
+ setAuthModalOpen = _useState14[1];
120
+ var _useState15 = (0, _react.useState)(null),
121
+ _useState16 = _slicedToArray(_useState15, 2),
122
+ modalPageToShow = _useState16[0],
123
+ setModalPageToShow = _useState16[1];
110
124
  var cartsWithProducts = (orderState === null || orderState === void 0 ? void 0 : orderState.carts) && Object.values(orderState === null || orderState === void 0 ? void 0 : orderState.carts).filter(function (cart) {
111
125
  var _cart$products;
112
126
  return cart.products && ((_cart$products = cart.products) === null || _cart$products === void 0 ? void 0 : _cart$products.length) > 0;
@@ -145,6 +159,15 @@ var Header = function Header(props) {
145
159
  setModalSelected(opt);
146
160
  setModalIsOpen(true);
147
161
  };
162
+ var handleCustomModalClick = function handleCustomModalClick(e, _ref) {
163
+ var page = _ref.page;
164
+ e.preventDefault();
165
+ setModalPageToShow(page);
166
+ };
167
+ var closeAuthModal = function closeAuthModal() {
168
+ setAuthModalOpen(false);
169
+ setModalPageToShow(null);
170
+ };
148
171
  var handleTogglePopover = function handleTogglePopover(type) {
149
172
  setOpenPopover(_objectSpread(_objectSpread({}, openPopover), {}, _defineProperty({}, type, !openPopover[type])));
150
173
  };
@@ -163,6 +186,28 @@ var Header = function Header(props) {
163
186
  refreshOrderOptions();
164
187
  }
165
188
  };
189
+ var handleSuccessSignup = function handleSuccessSignup(user) {
190
+ var _user$session;
191
+ login({
192
+ user: user,
193
+ token: user === null || user === void 0 ? void 0 : (_user$session = user.session) === null || _user$session === void 0 ? void 0 : _user$session.access_token
194
+ });
195
+ };
196
+ var handleSuccessLogin = function handleSuccessLogin(user) {
197
+ if (user) {
198
+ closeAuthModal();
199
+ }
200
+ };
201
+ var handleOpenLoginSignUp = function handleOpenLoginSignUp(index) {
202
+ if (isCustomerMode) {
203
+ events.emit('go_to_page', {
204
+ page: 'home'
205
+ });
206
+ } else {
207
+ setModalPageToShow(index);
208
+ setAuthModalOpen(true);
209
+ }
210
+ };
166
211
  (0, _react.useEffect)(function () {
167
212
  events.on('cart_product_added', handleAddProduct);
168
213
  return function () {
@@ -264,14 +309,14 @@ var Header = function Header(props) {
264
309
  isCustomerMode: isCustomerMode
265
310
  }), isFarAway && /*#__PURE__*/_react.default.createElement(_styles.FarAwayMessage, null, /*#__PURE__*/_react.default.createElement(_TiWarningOutline.default, null), /*#__PURE__*/_react.default.createElement("span", null, t('YOU_ARE_FAR_FROM_ADDRESS', 'You are far from this address'))))))), onlineStatus && /*#__PURE__*/_react.default.createElement(_styles.RightHeader, null, /*#__PURE__*/_react.default.createElement(_styles.Menu, null, !auth && windowSize.width > 870 && !isCustomerMode && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.MenuLink, {
266
311
  onClick: function onClick() {
267
- return handleGoToPage({
312
+ return useModalMode ? handleOpenLoginSignUp('login') : handleGoToPage({
268
313
  page: 'signin'
269
314
  });
270
315
  },
271
316
  name: "signin"
272
317
  }, t('SIGN_IN', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag2 = theme.defaultLanguages) === null || _theme$defaultLanguag2 === void 0 ? void 0 : _theme$defaultLanguag2.SIGN_IN) || 'Sign in')), !isHideSignup && /*#__PURE__*/_react.default.createElement(_styles.MenuLink, {
273
318
  onClick: function onClick() {
274
- return handleGoToPage({
319
+ return useModalMode ? handleOpenLoginSignUp('signup') : handleGoToPage({
275
320
  page: 'signup'
276
321
  });
277
322
  },
@@ -385,10 +430,69 @@ var Header = function Header(props) {
385
430
  changeOrderAddressWithDefault: true,
386
431
  userCustomerSetup: customerState.user,
387
432
  setCustomerModalOpen: setCustomerModalOpen
388
- })))), /*#__PURE__*/_react.default.createElement(_Confirm.Confirm, {
389
- title: t('CUSTOMER', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag4 = theme.defaultLanguages) === null || _theme$defaultLanguag4 === void 0 ? void 0 : _theme$defaultLanguag4.CUSTOMER) || 'Customer'),
433
+ })))), authModalOpen && !auth && /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
434
+ open: authModalOpen,
435
+ onRemove: function onRemove() {
436
+ return closeAuthModal();
437
+ },
438
+ onClose: function onClose() {
439
+ return closeAuthModal();
440
+ },
441
+ width: "50%",
442
+ authModal: true,
443
+ closeOnBackdrop: true
444
+ }, modalPageToShow === 'login' && /*#__PURE__*/_react.default.createElement(_LoginForm.LoginForm, {
445
+ notificationState: notificationState,
446
+ handleSuccessLogin: handleSuccessLogin,
447
+ elementLinkToSignup: /*#__PURE__*/_react.default.createElement("a", {
448
+ onClick: function onClick(e) {
449
+ return handleCustomModalClick(e, {
450
+ page: 'signup'
451
+ });
452
+ },
453
+ href: "#"
454
+ }, t('CREATE_ACCOUNT', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag4 = theme.defaultLanguages) === null || _theme$defaultLanguag4 === void 0 ? void 0 : _theme$defaultLanguag4.CREATE_ACCOUNT) || 'Create account')),
455
+ elementLinkToForgotPassword: /*#__PURE__*/_react.default.createElement("a", {
456
+ onClick: function onClick(e) {
457
+ return handleCustomModalClick(e, {
458
+ page: 'forgotpassword'
459
+ });
460
+ },
461
+ href: "#"
462
+ }, t('RESET_PASSWORD', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag5 = theme.defaultLanguages) === null || _theme$defaultLanguag5 === void 0 ? void 0 : _theme$defaultLanguag5.RESET_PASSWORD) || 'Reset password')),
463
+ useLoginByCellphone: true,
464
+ isPopup: true
465
+ }), modalPageToShow === 'signup' && /*#__PURE__*/_react.default.createElement(_SignUpForm.SignUpForm, {
466
+ notificationState: notificationState,
467
+ elementLinkToLogin: /*#__PURE__*/_react.default.createElement("a", {
468
+ onClick: function onClick(e) {
469
+ return handleCustomModalClick(e, {
470
+ page: 'login'
471
+ });
472
+ },
473
+ href: "#"
474
+ }, t('LOGIN', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag6 = theme.defaultLanguages) === null || _theme$defaultLanguag6 === void 0 ? void 0 : _theme$defaultLanguag6.LOGIN) || 'Login')),
475
+ useLoginByCellphone: true,
476
+ useChekoutFileds: true,
477
+ handleSuccessSignup: handleSuccessSignup,
478
+ isPopup: true,
479
+ closeModal: function closeModal() {
480
+ return closeAuthModal();
481
+ }
482
+ }), modalPageToShow === 'forgotpassword' && /*#__PURE__*/_react.default.createElement(_ForgotPasswordForm.ForgotPasswordForm, {
483
+ elementLinkToLogin: /*#__PURE__*/_react.default.createElement("a", {
484
+ onClick: function onClick(e) {
485
+ return handleCustomModalClick(e, {
486
+ page: 'login'
487
+ });
488
+ },
489
+ href: "#"
490
+ }, t('LOGIN', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag7 = theme.defaultLanguages) === null || _theme$defaultLanguag7 === void 0 ? void 0 : _theme$defaultLanguag7.LOGIN) || 'Login')),
491
+ isPopup: true
492
+ })), /*#__PURE__*/_react.default.createElement(_Confirm.Confirm, {
493
+ title: t('CUSTOMER', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag8 = theme.defaultLanguages) === null || _theme$defaultLanguag8 === void 0 ? void 0 : _theme$defaultLanguag8.CUSTOMER) || 'Customer'),
390
494
  content: confirm.content,
391
- acceptText: t('ACCEPT', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag5 = theme.defaultLanguages) === null || _theme$defaultLanguag5 === void 0 ? void 0 : _theme$defaultLanguag5.ACCEPT) || 'Accept'),
495
+ acceptText: t('ACCEPT', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag9 = theme.defaultLanguages) === null || _theme$defaultLanguag9 === void 0 ? void 0 : _theme$defaultLanguag9.ACCEPT) || 'Accept'),
392
496
  open: isCustomerMode && confirm.open,
393
497
  onClose: function onClose() {
394
498
  return setConfirm(_objectSpread(_objectSpread({}, confirm), {}, {
package/_modules/themes/five/src/components/BusinessBasicInformation/styles.js CHANGED
@@ -118,7 +118,7 @@ exports.BusinessMoreDetail = BusinessMoreDetail;
118
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) {
119
119
  var _theme$colors;
120
120
  var theme = _ref5.theme;
121
- return theme === null || theme === void 0 ? void 0 : (_theme$colors = theme.colors) === null || _theme$colors === void 0 ? void 0 : _theme$colors.white;
121
+ return theme === null || theme === void 0 ? void 0 : (_theme$colors = theme.colors) === null || _theme$colors === void 0 ? void 0 : _theme$colors.backgroundPage;
122
122
  }, function (_ref6) {
123
123
  var isCustomLayout = _ref6.isCustomLayout;
124
124
  return !isCustomLayout ? (0, _styledComponents.css)(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n width: calc(100vw - 200px);\n ", "\n "])), function (props) {
package/_modules/themes/five/src/components/BusinessProductsListing/index.js CHANGED
@@ -633,7 +633,8 @@ var BusinessProductsListing = function BusinessProductsListing(props) {
633
633
  isInitialRender: isInitialRender,
634
634
  handleUpdateInitialRender: function handleUpdateInitialRender(val) {
635
635
  return setIsInitialRender(val);
636
- }
636
+ },
637
+ isFetchAllProducts: true
637
638
  });
638
639
  return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.BusinessAndProductList, businessProductslistingProps);
639
640
  };
package/_modules/themes/five/src/components/Header/index.js CHANGED
@@ -35,6 +35,7 @@ var _ForgotPasswordForm = require("../ForgotPasswordForm");
35
35
  var _utils = require("../../../../../utils");
36
36
  var _BusinessPreorder = require("../BusinessPreorder");
37
37
  var _SearchBar = require("../SearchBar");
38
+ var _Buttons = require("../../styles/Buttons");
38
39
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
39
40
  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); }
40
41
  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; }
@@ -363,12 +364,10 @@ var Header = function Header(props) {
363
364
  onClick: function onClick() {
364
365
  return handleOpenLoginSignUp('login');
365
366
  }
366
- }, t('LOGIN', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag2 = theme.defaultLanguages) === null || _theme$defaultLanguag2 === void 0 ? void 0 : _theme$defaultLanguag2.LOGIN) || 'Login')), !isHideSignup && /*#__PURE__*/_react.default.createElement(_styles.MenuLink, {
367
+ }, t('LOGIN', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag2 = theme.defaultLanguages) === null || _theme$defaultLanguag2 === void 0 ? void 0 : _theme$defaultLanguag2.LOGIN) || 'Login')), !isHideSignup && /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
368
+ type: "button",
369
+ color: "primary",
367
370
  name: "signup",
368
- highlight: 1,
369
- style: {
370
- whiteSpace: 'nowrap'
371
- },
372
371
  onClick: function onClick() {
373
372
  return handleOpenLoginSignUp('signup');
374
373
  }
package/_modules/themes/five/src/components/SingleProductCard/layouts/original/styles.js CHANGED
@@ -17,8 +17,10 @@ var CardContainer = _styledComponents.default.div(_templateObject || (_templateO
17
17
  var isShowAddButt = _ref.isShowAddButt;
18
18
  return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n min-height: ", ";\n "])), isShowAddButt ? '162px' : '110px');
19
19
  }, function (_ref2) {
20
- var soldOut = _ref2.soldOut;
21
- return soldOut ? '#6c757d33' : '#FFF';
20
+ var _theme$colors;
21
+ var soldOut = _ref2.soldOut,
22
+ theme = _ref2.theme;
23
+ return soldOut ? '#6c757d33' : theme === null || theme === void 0 ? void 0 : (_theme$colors = theme.colors) === null || _theme$colors === void 0 ? void 0 : _theme$colors.backgroundPage;
22
24
  }, function (_ref3) {
23
25
  var _theme$business_view, _theme$business_view$, _theme$business_view$2, _theme$business_view$3, _theme$business_view$4, _theme$business_view$5, _theme$business_view$6;
24
26
  var theme = _ref3.theme;
package/_modules/themes/five/src/styles/Buttons/index.js CHANGED
@@ -7,11 +7,11 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = exports.Button = void 0;
8
8
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
9
9
  var _polished = require("polished");
10
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26;
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;
11
11
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
12
12
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
13
13
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
14
- var Button = _styledComponents.default.button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background: #CCC;\n color: #FFF;\n border: 1px solid #CCC;\n border-radius: 7.6px;\n line-height: 30px;\n padding-left: 15px;\n padding-right: 15px;\n font-size: 16px;\n cursor: pointer;\n outline: none;\n overflow: hidden;\n text-overflow: ellipsis;\n &:active {\n background: ", ";\n }\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n"])), function () {
14
+ var Button = _styledComponents.default.button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background: #CCC;\n color: #FFF;\n border: 1px solid #CCC;\n border-radius: 7.6px;\n line-height: 30px;\n padding-left: 15px;\n padding-right: 15px;\n font-size: 16px;\n cursor: pointer;\n outline: none;\n overflow: hidden;\n text-overflow: ellipsis;\n &:active {\n background: ", ";\n }\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n"])), function () {
15
15
  return (0, _polished.darken)(0.07, '#CCC');
16
16
  }, function (_ref) {
17
17
  var bgtransparent = _ref.bgtransparent;
@@ -38,18 +38,42 @@ var Button = _styledComponents.default.button(_templateObject || (_templateObjec
38
38
  return !!val;
39
39
  }) && (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n box-shadow: \n ", "\n ", "\n ", "\n ", "\n ", ";\n "])), (theme === null || theme === void 0 ? void 0 : (_theme$general4 = theme.general) === null || _theme$general4 === void 0 ? void 0 : (_theme$general4$compo = _theme$general4.components) === null || _theme$general4$compo === void 0 ? void 0 : (_theme$general4$compo2 = _theme$general4$compo.buttons) === null || _theme$general4$compo2 === void 0 ? void 0 : (_theme$general4$compo3 = _theme$general4$compo2.shadow) === null || _theme$general4$compo3 === void 0 ? void 0 : (_theme$general4$compo4 = _theme$general4$compo3.components) === null || _theme$general4$compo4 === void 0 ? void 0 : _theme$general4$compo4.x) || '0px', (theme === null || theme === void 0 ? void 0 : (_theme$general5 = theme.general) === null || _theme$general5 === void 0 ? void 0 : (_theme$general5$compo = _theme$general5.components) === null || _theme$general5$compo === void 0 ? void 0 : (_theme$general5$compo2 = _theme$general5$compo.buttons) === null || _theme$general5$compo2 === void 0 ? void 0 : (_theme$general5$compo3 = _theme$general5$compo2.shadow) === null || _theme$general5$compo3 === void 0 ? void 0 : (_theme$general5$compo4 = _theme$general5$compo3.components) === null || _theme$general5$compo4 === void 0 ? void 0 : _theme$general5$compo4.y) || '0px', (theme === null || theme === void 0 ? void 0 : (_theme$general6 = theme.general) === null || _theme$general6 === void 0 ? void 0 : (_theme$general6$compo = _theme$general6.components) === null || _theme$general6$compo === void 0 ? void 0 : (_theme$general6$compo2 = _theme$general6$compo.buttons) === null || _theme$general6$compo2 === void 0 ? void 0 : (_theme$general6$compo3 = _theme$general6$compo2.shadow) === null || _theme$general6$compo3 === void 0 ? void 0 : (_theme$general6$compo4 = _theme$general6$compo3.components) === null || _theme$general6$compo4 === void 0 ? void 0 : _theme$general6$compo4.blur) || '0px', (theme === null || theme === void 0 ? void 0 : (_theme$general7 = theme.general) === null || _theme$general7 === void 0 ? void 0 : (_theme$general7$compo = _theme$general7.components) === null || _theme$general7$compo === void 0 ? void 0 : (_theme$general7$compo2 = _theme$general7$compo.buttons) === null || _theme$general7$compo2 === void 0 ? void 0 : (_theme$general7$compo3 = _theme$general7$compo2.shadow) === null || _theme$general7$compo3 === void 0 ? void 0 : (_theme$general7$compo4 = _theme$general7$compo3.components) === null || _theme$general7$compo4 === void 0 ? void 0 : _theme$general7$compo4.spread) || '0px', (theme === null || theme === void 0 ? void 0 : (_theme$general8 = theme.general) === null || _theme$general8 === void 0 ? void 0 : (_theme$general8$compo = _theme$general8.components) === null || _theme$general8$compo === void 0 ? void 0 : (_theme$general8$compo2 = _theme$general8$compo.buttons) === null || _theme$general8$compo2 === void 0 ? void 0 : (_theme$general8$compo3 = _theme$general8$compo2.shadow) === null || _theme$general8$compo3 === void 0 ? void 0 : (_theme$general8$compo4 = _theme$general8$compo3.components) === null || _theme$general8$compo4 === void 0 ? void 0 : _theme$general8$compo4.color) || '#000');
40
40
  }, function (_ref5) {
41
- var outline = _ref5.outline;
42
- return outline && (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n background: #FFF;\n color: #CCC;\n border-color: #CCC;\n &:active {\n color: #FFF;\n background: ", ";\n }\n &:hover {\n background: ", ";\n color: #FFF;\n }\n "])), (0, _polished.darken)(0.07, '#CCC'), (0, _polished.darken)(0.07, '#CCC'));
43
- }, function (_ref6) {
44
- var circle = _ref6.circle;
45
- return circle && (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n background: #CCC;\n color: #FFF;\n border-color: #CCC;\n padding: 0;\n width: 34px;\n height: 34px;\n line-height: 34px;\n text-align: center;\n border-radius: 50%;\n &:active {\n color: #FFF;\n background: ", ";\n }\n "])), (0, _polished.darken)(0.07, '#CCC'));
46
- }, function (_ref7) {
47
- var circle = _ref7.circle,
48
- outline = _ref7.outline;
49
- return circle && outline && (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n background: #FFF;\n color: #CCC;\n border-color: #CCC;\n padding: 0;\n width: 34px;\n height: 34px;\n line-height: 34px;\n text-align: center;\n border-radius: 50%;\n &:active {\n color: #FFF;\n background: ", ";\n }\n "])), (0, _polished.darken)(0.07, '#CCC'));
41
+ var _theme$general9, _theme$general9$compo, _theme$general9$compo2, _theme$general10, _theme$general10$comp, _theme$general10$comp2;
42
+ var theme = _ref5.theme;
43
+ return (theme === null || theme === void 0 ? void 0 : (_theme$general9 = theme.general) === null || _theme$general9 === void 0 ? void 0 : (_theme$general9$compo = _theme$general9.components) === null || _theme$general9$compo === void 0 ? void 0 : (_theme$general9$compo2 = _theme$general9$compo.buttons) === null || _theme$general9$compo2 === void 0 ? void 0 : _theme$general9$compo2.color) && (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n background: ", " !important;\n &:active {\n background: ", " !important;\n }\n &:hover {\n background: ", " !important;\n }\n "])), theme === null || theme === void 0 ? void 0 : (_theme$general10 = theme.general) === null || _theme$general10 === void 0 ? void 0 : (_theme$general10$comp = _theme$general10.components) === null || _theme$general10$comp === void 0 ? void 0 : (_theme$general10$comp2 = _theme$general10$comp.buttons) === null || _theme$general10$comp2 === void 0 ? void 0 : _theme$general10$comp2.color, function (_ref6) {
44
+ var _theme$general11, _theme$general11$comp, _theme$general11$comp2;
45
+ var theme = _ref6.theme;
46
+ return (0, _polished.darken)(0.07, theme === null || theme === void 0 ? void 0 : (_theme$general11 = theme.general) === null || _theme$general11 === void 0 ? void 0 : (_theme$general11$comp = _theme$general11.components) === null || _theme$general11$comp === void 0 ? void 0 : (_theme$general11$comp2 = _theme$general11$comp.buttons) === null || _theme$general11$comp2 === void 0 ? void 0 : _theme$general11$comp2.color);
47
+ }, function (_ref7) {
48
+ var _theme$general12, _theme$general12$comp, _theme$general12$comp2;
49
+ var theme = _ref7.theme;
50
+ return (0, _polished.darken)(0.07, theme === null || theme === void 0 ? void 0 : (_theme$general12 = theme.general) === null || _theme$general12 === void 0 ? void 0 : (_theme$general12$comp = _theme$general12.components) === null || _theme$general12$comp === void 0 ? void 0 : (_theme$general12$comp2 = _theme$general12$comp.buttons) === null || _theme$general12$comp2 === void 0 ? void 0 : _theme$general12$comp2.color);
51
+ });
50
52
  }, function (_ref8) {
51
- var color = _ref8.color;
52
- return color === 'primary' && (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n &:active {\n background: ", ";\n }\n &:hover {\n background: ", ";\n color: #FFF;\n }\n ", "\n ", "\n ", "\n "])), function (props) {
53
+ var _theme$general13, _theme$general13$comp, _theme$general13$comp2, _theme$general14, _theme$general14$comp, _theme$general14$comp2;
54
+ var theme = _ref8.theme;
55
+ return (theme === null || theme === void 0 ? void 0 : (_theme$general13 = theme.general) === null || _theme$general13 === void 0 ? void 0 : (_theme$general13$comp = _theme$general13.components) === null || _theme$general13$comp === void 0 ? void 0 : (_theme$general13$comp2 = _theme$general13$comp.buttons) === null || _theme$general13$comp2 === void 0 ? void 0 : _theme$general13$comp2.buttonTextColor) && (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n color: ", " !important;\n &:active {\n color: ", " !important;\n }\n &:hover {\n color: ", " !important;\n }\n "])), theme === null || theme === void 0 ? void 0 : (_theme$general14 = theme.general) === null || _theme$general14 === void 0 ? void 0 : (_theme$general14$comp = _theme$general14.components) === null || _theme$general14$comp === void 0 ? void 0 : (_theme$general14$comp2 = _theme$general14$comp.buttons) === null || _theme$general14$comp2 === void 0 ? void 0 : _theme$general14$comp2.buttonTextColor, function (_ref9) {
56
+ var _theme$general15, _theme$general15$comp, _theme$general15$comp2;
57
+ var theme = _ref9.theme;
58
+ return (0, _polished.darken)(0.07, theme === null || theme === void 0 ? void 0 : (_theme$general15 = theme.general) === null || _theme$general15 === void 0 ? void 0 : (_theme$general15$comp = _theme$general15.components) === null || _theme$general15$comp === void 0 ? void 0 : (_theme$general15$comp2 = _theme$general15$comp.buttons) === null || _theme$general15$comp2 === void 0 ? void 0 : _theme$general15$comp2.buttonTextColor);
59
+ }, function (_ref10) {
60
+ var _theme$general16, _theme$general16$comp, _theme$general16$comp2;
61
+ var theme = _ref10.theme;
62
+ return (0, _polished.darken)(0.07, theme === null || theme === void 0 ? void 0 : (_theme$general16 = theme.general) === null || _theme$general16 === void 0 ? void 0 : (_theme$general16$comp = _theme$general16.components) === null || _theme$general16$comp === void 0 ? void 0 : (_theme$general16$comp2 = _theme$general16$comp.buttons) === null || _theme$general16$comp2 === void 0 ? void 0 : _theme$general16$comp2.buttonTextColor);
63
+ });
64
+ }, function (_ref11) {
65
+ var outline = _ref11.outline;
66
+ return outline && (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n background: #FFF;\n color: #CCC;\n border-color: #CCC;\n &:active {\n color: #FFF;\n background: ", ";\n }\n &:hover {\n background: ", ";\n color: #FFF;\n }\n "])), (0, _polished.darken)(0.07, '#CCC'), (0, _polished.darken)(0.07, '#CCC'));
67
+ }, function (_ref12) {
68
+ var circle = _ref12.circle;
69
+ return circle && (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n background: #CCC;\n color: #FFF;\n border-color: #CCC;\n padding: 0;\n width: 34px;\n height: 34px;\n line-height: 34px;\n text-align: center;\n border-radius: 50%;\n &:active {\n color: #FFF;\n background: ", ";\n }\n "])), (0, _polished.darken)(0.07, '#CCC'));
70
+ }, function (_ref13) {
71
+ var circle = _ref13.circle,
72
+ outline = _ref13.outline;
73
+ return circle && outline && (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n background: #FFF;\n color: #CCC;\n border-color: #CCC;\n padding: 0;\n width: 34px;\n height: 34px;\n line-height: 34px;\n text-align: center;\n border-radius: 50%;\n &:active {\n color: #FFF;\n background: ", ";\n }\n "])), (0, _polished.darken)(0.07, '#CCC'));
74
+ }, function (_ref14) {
75
+ var color = _ref14.color;
76
+ return color === 'primary' && (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n &:active {\n background: ", ";\n }\n &:hover {\n background: ", ";\n color: #FFF;\n }\n ", "\n ", "\n ", "\n "])), function (props) {
53
77
  return props.theme.colors.primary;
54
78
  }, function (props) {
55
79
  return props.theme.colors.primaryContrast;
@@ -59,9 +83,9 @@ var Button = _styledComponents.default.button(_templateObject || (_templateObjec
59
83
  return (0, _polished.darken)(0.07, props.theme.colors.primary);
60
84
  }, function (props) {
61
85
  return (0, _polished.darken)(0.07, props.theme.colors.primary);
62
- }, function (_ref9) {
63
- var outline = _ref9.outline;
64
- return outline && (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n background: #FFF;\n color: ", ";\n border-color: ", ";\n &:active {\n color: ", ";\n background: ", ";\n }\n &:hover {\n background: ", ";\n color: #FFF;\n }\n "])), function (props) {
86
+ }, function (_ref15) {
87
+ var outline = _ref15.outline;
88
+ return outline && (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n background: #FFF;\n color: ", ";\n border-color: ", ";\n &:active {\n color: ", ";\n background: ", ";\n }\n &:hover {\n background: ", ";\n color: #FFF;\n }\n "])), function (props) {
65
89
  return props.theme.colors.primary;
66
90
  }, function (props) {
67
91
  return props.theme.colors.primary;
@@ -72,9 +96,9 @@ var Button = _styledComponents.default.button(_templateObject || (_templateObjec
72
96
  }, function (props) {
73
97
  return (0, _polished.darken)(0.07, props.theme.colors.primary);
74
98
  });
75
- }, function (_ref10) {
76
- var circle = _ref10.circle;
77
- return circle && (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n padding: 0;\n width: 34px;\n height: 34px;\n line-height: 34px;\n text-align: center;\n border-radius: 50%;\n &:active {\n border-color: ", ";\n background: ", ";\n }\n "])), function (props) {
99
+ }, function (_ref16) {
100
+ var circle = _ref16.circle;
101
+ return circle && (0, _styledComponents.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n padding: 0;\n width: 34px;\n height: 34px;\n line-height: 34px;\n text-align: center;\n border-radius: 50%;\n &:active {\n border-color: ", ";\n background: ", ";\n }\n "])), function (props) {
78
102
  return props.theme.colors.primary;
79
103
  }, function (props) {
80
104
  return props.theme.colors.primaryContrast;
@@ -85,10 +109,10 @@ var Button = _styledComponents.default.button(_templateObject || (_templateObjec
85
109
  }, function (props) {
86
110
  return (0, _polished.darken)(0.07, props.theme.colors.primary);
87
111
  });
88
- }, function (_ref11) {
89
- var circle = _ref11.circle,
90
- outline = _ref11.outline;
91
- return circle && outline && (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n background: #FFF;\n color: ", ";\n border-color: ", ";\n padding: 0;\n width: 34px;\n height: 34px;\n line-height: 34px;\n text-align: center;\n border-radius: 50%;\n &:active {\n border-color: ", ";\n background: ", ";\n }\n "])), function (props) {
112
+ }, function (_ref17) {
113
+ var circle = _ref17.circle,
114
+ outline = _ref17.outline;
115
+ return circle && outline && (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n background: #FFF;\n color: ", ";\n border-color: ", ";\n padding: 0;\n width: 34px;\n height: 34px;\n line-height: 34px;\n text-align: center;\n border-radius: 50%;\n &:active {\n border-color: ", ";\n background: ", ";\n }\n "])), function (props) {
92
116
  return props.theme.colors.primary;
93
117
  }, function (props) {
94
118
  return props.theme.colors.primary;
@@ -98,9 +122,9 @@ var Button = _styledComponents.default.button(_templateObject || (_templateObjec
98
122
  return props.theme.colors.primary;
99
123
  });
100
124
  });
101
- }, function (_ref12) {
102
- var color = _ref12.color;
103
- return color === 'primaryContrast' && (0, _styledComponents.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n &:hover {\n background: ", ";\n }\n &:active {\n background: ", ";\n }\n ", "\n "])), function (props) {
125
+ }, function (_ref18) {
126
+ var color = _ref18.color;
127
+ return color === 'primaryContrast' && (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n &:hover {\n background: ", ";\n }\n &:active {\n background: ", ";\n }\n ", "\n "])), function (props) {
104
128
  return props.theme.colors.primaryContrast;
105
129
  }, function (props) {
106
130
  return props.theme.colors.primary;
@@ -110,13 +134,13 @@ var Button = _styledComponents.default.button(_templateObject || (_templateObjec
110
134
  return (0, _polished.darken)(0.04, props.theme.colors.primaryContrast);
111
135
  }, function (props) {
112
136
  return (0, _polished.darken)(0.1, props.theme.colors.primaryContrast);
113
- }, function (_ref13) {
114
- var naked = _ref13.naked;
115
- return naked && (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n background: transparent;\n border-color: transparent;\n &:active {\n background: transparent;\n }\n &:hover {\n background: transparent;\n }\n "])));
137
+ }, function (_ref19) {
138
+ var naked = _ref19.naked;
139
+ return naked && (0, _styledComponents.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n background: transparent;\n border-color: transparent;\n &:active {\n background: transparent;\n }\n &:hover {\n background: transparent;\n }\n "])));
116
140
  });
117
- }, function (_ref14) {
118
- var color = _ref14.color;
119
- return color === 'secundary' && (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n &:active {\n background: ", ";\n }\n ", "\n ", "\n ", "\n "])), function (props) {
141
+ }, function (_ref20) {
142
+ var color = _ref20.color;
143
+ return color === 'secundary' && (0, _styledComponents.css)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n &:active {\n background: ", ";\n }\n ", "\n ", "\n ", "\n "])), function (props) {
120
144
  return props.theme.colors.secundary;
121
145
  }, function (props) {
122
146
  return props.theme.colors.secundaryContrast;
@@ -124,9 +148,9 @@ var Button = _styledComponents.default.button(_templateObject || (_templateObjec
124
148
  return props.theme.colors.secundary;
125
149
  }, function (props) {
126
150
  return (0, _polished.darken)(0.07, props.theme.colors.secundary);
127
- }, function (_ref15) {
128
- var outline = _ref15.outline;
129
- return outline && (0, _styledComponents.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n background: #FFF;\n color: ", ";\n border-color: ", ";\n &:active {\n color: ", ";\n background: ", ";\n }\n &:hover {\n background: ", ";\n color: #FFF;\n }\n "])), function (props) {
151
+ }, function (_ref21) {
152
+ var outline = _ref21.outline;
153
+ return outline && (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n background: #FFF;\n color: ", ";\n border-color: ", ";\n &:active {\n color: ", ";\n background: ", ";\n }\n &:hover {\n background: ", ";\n color: #FFF;\n }\n "])), function (props) {
130
154
  return props.theme.colors.secundary;
131
155
  }, function (props) {
132
156
  return props.theme.colors.secundary;
@@ -137,9 +161,9 @@ var Button = _styledComponents.default.button(_templateObject || (_templateObjec
137
161
  }, function (props) {
138
162
  return (0, _polished.darken)(0.07, props.theme.colors.secundary);
139
163
  });
140
- }, function (_ref16) {
141
- var circle = _ref16.circle;
142
- return circle && (0, _styledComponents.css)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n padding: 0;\n width: 34px;\n height: 34px;\n line-height: 34px;\n text-align: center;\n border-radius: 50%;\n &:active {\n color: ", ";\n border-color: ", ";\n background: ", ";\n }\n "])), function (props) {
164
+ }, function (_ref22) {
165
+ var circle = _ref22.circle;
166
+ return circle && (0, _styledComponents.css)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n padding: 0;\n width: 34px;\n height: 34px;\n line-height: 34px;\n text-align: center;\n border-radius: 50%;\n &:active {\n color: ", ";\n border-color: ", ";\n background: ", ";\n }\n "])), function (props) {
143
167
  return props.theme.colors.secundary;
144
168
  }, function (props) {
145
169
  return props.theme.colors.secundaryContrast;
@@ -152,10 +176,10 @@ var Button = _styledComponents.default.button(_templateObject || (_templateObjec
152
176
  }, function (props) {
153
177
  return (0, _polished.darken)(0.07, props.theme.colors.secundary);
154
178
  });
155
- }, function (_ref17) {
156
- var circle = _ref17.circle,
157
- outline = _ref17.outline;
158
- return circle && outline && (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n background: #FFF;\n color: ", ";\n border-color: ", ";\n padding: 0;\n width: 34px;\n height: 34px;\n line-height: 34px;\n text-align: center;\n border-radius: 50%;\n &:active {\n border-color: ", ";\n background: ", ";\n color: ", ";\n }\n "])), function (props) {
179
+ }, function (_ref23) {
180
+ var circle = _ref23.circle,
181
+ outline = _ref23.outline;
182
+ return circle && outline && (0, _styledComponents.css)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n background: #FFF;\n color: ", ";\n border-color: ", ";\n padding: 0;\n width: 34px;\n height: 34px;\n line-height: 34px;\n text-align: center;\n border-radius: 50%;\n &:active {\n border-color: ", ";\n background: ", ";\n color: ", ";\n }\n "])), function (props) {
159
183
  return props.theme.colors.secundary;
160
184
  }, function (props) {
161
185
  return props.theme.colors.secundary;
@@ -167,9 +191,9 @@ var Button = _styledComponents.default.button(_templateObject || (_templateObjec
167
191
  return props.theme.colors.secundaryContrast;
168
192
  });
169
193
  });
170
- }, function (_ref18) {
171
- var color = _ref18.color;
172
- return color === 'gray' && (0, _styledComponents.css)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n &:active {\n background: ", ";\n }\n &:hover {\n background: ", ";\n }\n "])), function (props) {
194
+ }, function (_ref24) {
195
+ var color = _ref24.color;
196
+ return color === 'gray' && (0, _styledComponents.css)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n &:active {\n background: ", ";\n }\n &:hover {\n background: ", ";\n }\n "])), function (props) {
173
197
  return props.theme.colors.grayDividerColor;
174
198
  }, function (props) {
175
199
  return props.theme.colors.darkGray;
@@ -180,9 +204,9 @@ var Button = _styledComponents.default.button(_templateObject || (_templateObjec
180
204
  }, function (props) {
181
205
  return (0, _polished.darken)(0.07, props.theme.colors.grayDividerColor);
182
206
  });
183
- }, function (_ref19) {
184
- var color = _ref19.color;
185
- return color === 'lightGray' && (0, _styledComponents.css)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n &:active {\n background: ", ";\n }\n &:hover {\n background: ", ";\n }\n "])), function (props) {
207
+ }, function (_ref25) {
208
+ var color = _ref25.color;
209
+ return color === 'lightGray' && (0, _styledComponents.css)(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n &:active {\n background: ", ";\n }\n &:hover {\n background: ", ";\n }\n "])), function (props) {
186
210
  return props.theme.colors.gray200;
187
211
  }, function (props) {
188
212
  return props.theme.colors.secondaryDark;
@@ -193,9 +217,9 @@ var Button = _styledComponents.default.button(_templateObject || (_templateObjec
193
217
  }, function (props) {
194
218
  return (0, _polished.darken)(0.07, props.theme.colors.gray200);
195
219
  });
196
- }, function (_ref20) {
197
- var color = _ref20.color;
198
- return color === 'red' && (0, _styledComponents.css)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n background: ", ";;\n color: ", ";\n border-color: ", ";\n &:active {\n background: ", ";\n }\n &:hover {\n background: ", ";\n }\n ", "\n "])), function (props) {
220
+ }, function (_ref26) {
221
+ var color = _ref26.color;
222
+ return color === 'red' && (0, _styledComponents.css)(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n background: ", ";;\n color: ", ";\n border-color: ", ";\n &:active {\n background: ", ";\n }\n &:hover {\n background: ", ";\n }\n ", "\n "])), function (props) {
199
223
  return props.theme.colors.danger500;
200
224
  }, function (props) {
201
225
  return props.theme.colors.backgroundPage;
@@ -205,9 +229,9 @@ var Button = _styledComponents.default.button(_templateObject || (_templateObjec
205
229
  return (0, _polished.darken)(0.05, props.theme.colors.danger500);
206
230
  }, function (props) {
207
231
  return (0, _polished.darken)(0.07, props.theme.colors.danger500);
208
- }, function (_ref21) {
209
- var outline = _ref21.outline;
210
- return outline && (0, _styledComponents.css)(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n &:active {\n color: ", ";\n background: ", ";\n }\n &:hover {\n background: ", ";\n color: ", ";\n }\n "])), function (props) {
232
+ }, function (_ref27) {
233
+ var outline = _ref27.outline;
234
+ return outline && (0, _styledComponents.css)(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n &:active {\n color: ", ";\n background: ", ";\n }\n &:hover {\n background: ", ";\n color: ", ";\n }\n "])), function (props) {
211
235
  return props.theme.colors.backgroundPage;
212
236
  }, function (props) {
213
237
  return props.theme.colors.danger500;
@@ -223,9 +247,9 @@ var Button = _styledComponents.default.button(_templateObject || (_templateObjec
223
247
  return props.theme.colors.backgroundPage;
224
248
  });
225
249
  });
226
- }, function (_ref22) {
227
- var color = _ref22.color;
228
- return color === 'black' && (0, _styledComponents.css)(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n background: ", ";;\n color: ", ";\n border-color: ", ";\n &:active {\n background: ", ";\n }\n &:hover {\n background: ", ";\n }\n ", "\n "])), function (props) {
250
+ }, function (_ref28) {
251
+ var color = _ref28.color;
252
+ return color === 'black' && (0, _styledComponents.css)(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n background: ", ";;\n color: ", ";\n border-color: ", ";\n &:active {\n background: ", ";\n }\n &:hover {\n background: ", ";\n }\n ", "\n "])), function (props) {
229
253
  return props.theme.colors.black;
230
254
  }, function (props) {
231
255
  return props.theme.colors.backgroundPage;
@@ -235,9 +259,9 @@ var Button = _styledComponents.default.button(_templateObject || (_templateObjec
235
259
  return (0, _polished.darken)(0.05, props.theme.colors.black);
236
260
  }, function (props) {
237
261
  return (0, _polished.darken)(0.07, props.theme.colors.black);
238
- }, function (_ref23) {
239
- var outline = _ref23.outline;
240
- return outline && (0, _styledComponents.css)(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n &:active {\n color: ", ";\n background: ", ";\n }\n &:hover {\n background: ", ";\n color: ", ";\n }\n "])), function (props) {
262
+ }, function (_ref29) {
263
+ var outline = _ref29.outline;
264
+ return outline && (0, _styledComponents.css)(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n &:active {\n color: ", ";\n background: ", ";\n }\n &:hover {\n background: ", ";\n color: ", ";\n }\n "])), function (props) {
241
265
  return props.theme.colors.backgroundPage;
242
266
  }, function (props) {
243
267
  return props.theme.colors.black;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ordering-ui-external",
3
- "version": "8.0.3",
3
+ "version": "9.0.0",
4
4
  "description": "Ordering UI Components",
5
5
  "main": "./_modules/index.js",
6
6
  "exports": {
@@ -87,7 +87,7 @@
87
87
  "lodash": "^4.17.19",
88
88
  "moment": "^2.29.4",
89
89
  "nanoid": "^4.0.0",
90
- "ordering-components-external": "7.0.3",
90
+ "ordering-components-external": "8.0.0",
91
91
  "payment": "^2.4.6",
92
92
  "polished": "^3.6.6",
93
93
  "react-bootstrap-icons": "^1.7.2",