@citygross/components 0.8.7 → 0.8.9

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 (13) hide show
  1. package/build/@types/components/CartSubTotal/CartSubTotal.d.ts +2 -1
  2. package/build/@types/components/CartSubTotal/CartSubTotal.styles.d.ts +4 -0
  3. package/build/cjs/components/src/components/CartSubTotal/CartSubTotal.js +6 -4
  4. package/build/cjs/components/src/components/CartSubTotal/CartSubTotal.js.map +1 -1
  5. package/build/cjs/components/src/components/CartSubTotal/CartSubTotal.styles.js +3 -1
  6. package/build/cjs/components/src/components/CartSubTotal/CartSubTotal.styles.js.map +1 -1
  7. package/build/cjs/components/src/components/CartSummary/CartSummary.js +11 -11
  8. package/build/es/components/src/components/CartSubTotal/CartSubTotal.js +7 -5
  9. package/build/es/components/src/components/CartSubTotal/CartSubTotal.js.map +1 -1
  10. package/build/es/components/src/components/CartSubTotal/CartSubTotal.styles.js +3 -2
  11. package/build/es/components/src/components/CartSubTotal/CartSubTotal.styles.js.map +1 -1
  12. package/build/es/components/src/components/CartSummary/CartSummary.js +11 -11
  13. package/package.json +2 -2
package/build/@types/components/CartSubTotal/CartSubTotal.d.ts CHANGED
@@ -7,9 +7,10 @@ export declare type TCartSubTotal = {
7
7
  type?: ECartSubTotalTypes;
8
8
  fromPriceLabel?: string;
9
9
  infoOnBottom?: boolean;
10
+ priceColor?: string;
10
11
  };
11
12
  export declare enum ECartSubTotalTypes {
12
13
  items = "items",
13
14
  charges = "charges"
14
15
  }
15
- export declare const CartSubTotal: ({ label, value, children, info, type, fromPriceLabel, infoOnBottom }: TCartSubTotal) => JSX.Element;
16
+ export declare const CartSubTotal: ({ label, value, children, info, type, fromPriceLabel, infoOnBottom, priceColor }: TCartSubTotal) => JSX.Element;
package/build/@types/components/CartSubTotal/CartSubTotal.styles.d.ts CHANGED
@@ -2,7 +2,11 @@ import { ECartSubTotalTypes } from './CartSubTotal';
2
2
  declare type TCartSubTotalContainer = {
3
3
  type?: ECartSubTotalTypes;
4
4
  };
5
+ declare type TCartSubTotalPrice = {
6
+ priceColor?: string;
7
+ };
5
8
  export declare const CartSubTotalContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TCartSubTotalContainer, never>;
6
9
  export declare const SubTotalLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
7
10
  export declare const ToolTipButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
11
+ export declare const Price: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TCartSubTotalPrice, never>;
8
12
  export {};
package/build/cjs/components/src/components/CartSubTotal/CartSubTotal.js CHANGED
@@ -7,6 +7,7 @@ var icons = require('@citygross/icons');
7
7
  var utils = require('@citygross/utils');
8
8
  var ToolTipDialog = require('../ToolTipDialog/ToolTipDialog.js');
9
9
  var CartSubTotal_styles = require('./CartSubTotal.styles.js');
10
+ var designTokens = require('@citygross/design-tokens');
10
11
 
11
12
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
13
 
@@ -18,9 +19,10 @@ exports.ECartSubTotalTypes = void 0;
18
19
  ECartSubTotalTypes["charges"] = "charges";
19
20
  })(exports.ECartSubTotalTypes || (exports.ECartSubTotalTypes = {}));
20
21
  var CartSubTotal = function (_a) {
21
- var label = _a.label, value = _a.value, children = _a.children, info = _a.info, type = _a.type, fromPriceLabel = _a.fromPriceLabel, infoOnBottom = _a.infoOnBottom;
22
+ var _b;
23
+ var label = _a.label, value = _a.value, children = _a.children, info = _a.info, type = _a.type, fromPriceLabel = _a.fromPriceLabel, infoOnBottom = _a.infoOnBottom, _c = _a.priceColor, priceColor = _c === void 0 ? (_b = designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.darkest : _c;
22
24
  var formattedPrice = utils.formatPriceWithDecimalsReduced(value);
23
- var _b = React.useState(false), infoOpen = _b[0], setInfoOpen = _b[1];
25
+ var _d = React.useState(false), infoOpen = _d[0], setInfoOpen = _d[1];
24
26
  var toggleInfoOpen = function () {
25
27
  setInfoOpen(!infoOpen);
26
28
  };
@@ -30,14 +32,14 @@ var CartSubTotal = function (_a) {
30
32
  children,
31
33
  React__default["default"].createElement(CartSubTotal_styles.ToolTipButton, { onClick: toggleInfoOpen },
32
34
  React__default["default"].createElement(icons.Icons.Info, { height: 16, width: 16 }))),
33
- React__default["default"].createElement("div", null, (value !== 0 && !value) || isNaN(value)
35
+ React__default["default"].createElement(CartSubTotal_styles.Price, { priceColor: priceColor }, (value !== 0 && !value) || isNaN(value)
34
36
  ? '-'
35
37
  : "".concat(fromPriceLabel || '', " ").concat(formattedPrice === null || formattedPrice === void 0 ? void 0 : formattedPrice.value, ",").concat(formattedPrice === null || formattedPrice === void 0 ? void 0 : formattedPrice.decimal, " kr")),
36
38
  infoOpen && (React__default["default"].createElement(ToolTipDialog.ToolTipDialog, { onBottom: infoOnBottom, info: info, toggle: toggleInfoOpen })))) : (React__default["default"].createElement(CartSubTotal_styles.CartSubTotalContainer, { type: type },
37
39
  React__default["default"].createElement(CartSubTotal_styles.SubTotalLabel, null,
38
40
  label,
39
41
  children),
40
- value !== undefined ? (React__default["default"].createElement("div", null, formattedPrice === null || formattedPrice === void 0 ? void 0 :
42
+ value !== undefined ? (React__default["default"].createElement(CartSubTotal_styles.Price, { priceColor: priceColor }, formattedPrice === null || formattedPrice === void 0 ? void 0 :
41
43
  formattedPrice.value,
42
44
  ",", formattedPrice === null || formattedPrice === void 0 ? void 0 :
43
45
  formattedPrice.decimal,
package/build/cjs/components/src/components/CartSubTotal/CartSubTotal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CartSubTotal.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"CartSubTotal.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/cjs/components/src/components/CartSubTotal/CartSubTotal.styles.js CHANGED
@@ -19,9 +19,11 @@ var CartSubTotalContainer = styled__default["default"].div(templateObject_1 || (
19
19
  });
20
20
  var SubTotalLabel = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ", "px;\n"], ["\n display: flex;\n align-items: center;\n gap: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
21
21
  var ToolTipButton = styled__default["default"].button(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n outline: none;\n border: none;\n background: transparent;\n height: ", "px;\n padding: 0;\n margin-bottom: ", "px;\n cursor: pointer;\n ", "\n"], ["\n outline: none;\n border: none;\n background: transparent;\n height: ", "px;\n padding: 0;\n margin-bottom: ", "px;\n cursor: pointer;\n ", "\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; }, global_styles.focusVisible);
22
- var templateObject_1, templateObject_2, templateObject_3;
22
+ var Price = styled__default["default"].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (props) { return props.priceColor; });
23
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
23
24
 
24
25
  exports.CartSubTotalContainer = CartSubTotalContainer;
26
+ exports.Price = Price;
25
27
  exports.SubTotalLabel = SubTotalLabel;
26
28
  exports.ToolTipButton = ToolTipButton;
27
29
  //# sourceMappingURL=CartSubTotal.styles.js.map
package/build/cjs/components/src/components/CartSubTotal/CartSubTotal.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CartSubTotal.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"CartSubTotal.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/cjs/components/src/components/CartSummary/CartSummary.js CHANGED
@@ -33,7 +33,7 @@ var calculateSummaryLine = function (items) {
33
33
  };
34
34
  function CartSummary(_a) {
35
35
  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
36
- var _p = _a.saveLabel, saveLabel = _p === void 0 ? 'Rabatter' : _p, _q = _a.shippingLabel, shippingLabel = _q === void 0 ? 'frakt' : _q, _r = _a.totalLabel, totalLabel = _r === void 0 ? 'totalt' : _r, _s = _a.taxLabel, taxLabel = _s === void 0 ? 'varav moms' : _s, cartSummary = _tslib.__rest(_a, ["saveLabel", "shippingLabel", "totalLabel", "taxLabel"]);
36
+ var _p = _a.saveLabel, saveLabel = _p === void 0 ? 'rabatter' : _p, _q = _a.shippingLabel, shippingLabel = _q === void 0 ? 'frakt' : _q, _r = _a.totalLabel, totalLabel = _r === void 0 ? 'totalt' : _r, _s = _a.taxLabel, taxLabel = _s === void 0 ? 'varav moms' : _s, cartSummary = _tslib.__rest(_a, ["saveLabel", "shippingLabel", "totalLabel", "taxLabel"]);
37
37
  var charges = (_b = cartSummary.charges) !== null && _b !== void 0 ? _b : [];
38
38
  var bags = (_c = cartSummary.bags) !== null && _c !== void 0 ? _c : [];
39
39
  var groceries = (_d = cartSummary.groceries) !== null && _d !== void 0 ? _d : [];
@@ -47,13 +47,21 @@ function CartSummary(_a) {
47
47
  React__default["default"].createElement(typography.H3, null, cartSummary.title),
48
48
  React__default["default"].createElement(typography.BodyText, null, cartSummary.subTitle))),
49
49
  React__default["default"].createElement(CartSummary_styles.CartSummaryHeader, { title: cartSummary.title },
50
+ groceries.length > 0 && (React__default["default"].createElement(CartSummary_styles.CartLine, null,
51
+ React__default["default"].createElement(typography.BodyText, null,
52
+ "matvaror ",
53
+ sumOfGroceries.quantity,
54
+ " st"),
55
+ React__default["default"].createElement(CartSummary_styles.AmountWrapper, null,
56
+ sumOfGroceries.cancelledAmount > 0 && (React__default["default"].createElement(typography.BodyText, { lineThrough: true, color: (_f = index.theme === null || index.theme === void 0 ? void 0 : index.theme.palette) === null || _f === void 0 ? void 0 : _f.dark }, utils.formatPrice(sumOfGroceries.cancelledAmount))),
57
+ React__default["default"].createElement(typography.H3, { fontWeight: 'semiBold' }, utils.formatPrice(sumOfGroceries.amount))))),
50
58
  (cateredMeals === null || cateredMeals === void 0 ? void 0 : cateredMeals.length) > 0 && (React__default["default"].createElement(CartSummary_styles.CartLine, null,
51
59
  React__default["default"].createElement(typography.BodyText, null,
52
60
  "catering ",
53
61
  sumOfCateredMeals.quantity,
54
62
  " st"),
55
63
  React__default["default"].createElement(CartSummary_styles.AmountWrapper, null,
56
- sumOfCateredMeals.cancelledAmount > 0 && (React__default["default"].createElement(typography.BodyText, { lineThrough: true, color: (_f = index.theme === null || index.theme === void 0 ? void 0 : index.theme.palette) === null || _f === void 0 ? void 0 : _f.dark }, utils.formatPrice(sumOfCateredMeals.cancelledAmount))),
64
+ sumOfCateredMeals.cancelledAmount > 0 && (React__default["default"].createElement(typography.BodyText, { lineThrough: true, color: (_g = index.theme === null || index.theme === void 0 ? void 0 : index.theme.palette) === null || _g === void 0 ? void 0 : _g.dark }, utils.formatPrice(sumOfCateredMeals.cancelledAmount))),
57
65
  React__default["default"].createElement(typography.H3, { fontWeight: 'semiBold' }, utils.formatPrice(sumOfCateredMeals.amount))))),
58
66
  bags.length > 0 && (React__default["default"].createElement(CartSummary_styles.CartLine, null,
59
67
  React__default["default"].createElement(typography.BodyText, null,
@@ -61,16 +69,8 @@ function CartSummary(_a) {
61
69
  sumOfBags.quantity,
62
70
  " st"),
63
71
  React__default["default"].createElement(CartSummary_styles.AmountWrapper, null,
64
- sumOfBags.cancelledAmount > 0 && (React__default["default"].createElement(typography.BodyText, { lineThrough: true, color: (_g = index.theme === null || index.theme === void 0 ? void 0 : index.theme.palette) === null || _g === void 0 ? void 0 : _g.dark }, utils.formatPrice(sumOfBags.cancelledAmount))),
72
+ sumOfBags.cancelledAmount > 0 && (React__default["default"].createElement(typography.BodyText, { lineThrough: true, color: (_h = index.theme === null || index.theme === void 0 ? void 0 : index.theme.palette) === null || _h === void 0 ? void 0 : _h.dark }, utils.formatPrice(sumOfBags.cancelledAmount))),
65
73
  React__default["default"].createElement(typography.H3, { fontWeight: 'semiBold' }, utils.formatPrice(sumOfBags.amount))))),
66
- groceries.length > 0 && (React__default["default"].createElement(CartSummary_styles.CartLine, null,
67
- React__default["default"].createElement(typography.BodyText, null,
68
- "matvaror ",
69
- sumOfGroceries.quantity,
70
- " st"),
71
- React__default["default"].createElement(CartSummary_styles.AmountWrapper, null,
72
- sumOfGroceries.cancelledAmount > 0 && (React__default["default"].createElement(typography.BodyText, { lineThrough: true, color: (_h = index.theme === null || index.theme === void 0 ? void 0 : index.theme.palette) === null || _h === void 0 ? void 0 : _h.dark }, utils.formatPrice(sumOfGroceries.cancelledAmount))),
73
- React__default["default"].createElement(typography.H3, { fontWeight: 'semiBold' }, utils.formatPrice(sumOfGroceries.amount))))),
74
74
  (charges === null || charges === void 0 ? void 0 : charges.length) > 0 && (React__default["default"].createElement(Divider.Divider, { xsSpacing: (_j = index.theme.spacings) === null || _j === void 0 ? void 0 : _j.xs, lgSpacing: (_k = index.theme.spacings) === null || _k === void 0 ? void 0 : _k.xs })), charges === null || charges === void 0 ? void 0 :
75
75
  charges.map(function (charge) {
76
76
  var _a, _b;
package/build/es/components/src/components/CartSubTotal/CartSubTotal.js CHANGED
@@ -2,7 +2,8 @@ import React, { useState } from 'react';
2
2
  import { Icons } from '@citygross/icons';
3
3
  import { formatPriceWithDecimalsReduced } from '@citygross/utils';
4
4
  import { ToolTipDialog } from '../ToolTipDialog/ToolTipDialog.js';
5
- import { CartSubTotalContainer, SubTotalLabel, ToolTipButton } from './CartSubTotal.styles.js';
5
+ import { CartSubTotalContainer, SubTotalLabel, ToolTipButton, Price } from './CartSubTotal.styles.js';
6
+ import { theme } from '@citygross/design-tokens';
6
7
 
7
8
  var ECartSubTotalTypes;
8
9
  (function (ECartSubTotalTypes) {
@@ -10,9 +11,10 @@ var ECartSubTotalTypes;
10
11
  ECartSubTotalTypes["charges"] = "charges";
11
12
  })(ECartSubTotalTypes || (ECartSubTotalTypes = {}));
12
13
  var CartSubTotal = function (_a) {
13
- var label = _a.label, value = _a.value, children = _a.children, info = _a.info, type = _a.type, fromPriceLabel = _a.fromPriceLabel, infoOnBottom = _a.infoOnBottom;
14
+ var _b;
15
+ var label = _a.label, value = _a.value, children = _a.children, info = _a.info, type = _a.type, fromPriceLabel = _a.fromPriceLabel, infoOnBottom = _a.infoOnBottom, _c = _a.priceColor, priceColor = _c === void 0 ? (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.darkest : _c;
14
16
  var formattedPrice = formatPriceWithDecimalsReduced(value);
15
- var _b = useState(false), infoOpen = _b[0], setInfoOpen = _b[1];
17
+ var _d = useState(false), infoOpen = _d[0], setInfoOpen = _d[1];
16
18
  var toggleInfoOpen = function () {
17
19
  setInfoOpen(!infoOpen);
18
20
  };
@@ -22,14 +24,14 @@ var CartSubTotal = function (_a) {
22
24
  children,
23
25
  React.createElement(ToolTipButton, { onClick: toggleInfoOpen },
24
26
  React.createElement(Icons.Info, { height: 16, width: 16 }))),
25
- React.createElement("div", null, (value !== 0 && !value) || isNaN(value)
27
+ React.createElement(Price, { priceColor: priceColor }, (value !== 0 && !value) || isNaN(value)
26
28
  ? '-'
27
29
  : "".concat(fromPriceLabel || '', " ").concat(formattedPrice === null || formattedPrice === void 0 ? void 0 : formattedPrice.value, ",").concat(formattedPrice === null || formattedPrice === void 0 ? void 0 : formattedPrice.decimal, " kr")),
28
30
  infoOpen && (React.createElement(ToolTipDialog, { onBottom: infoOnBottom, info: info, toggle: toggleInfoOpen })))) : (React.createElement(CartSubTotalContainer, { type: type },
29
31
  React.createElement(SubTotalLabel, null,
30
32
  label,
31
33
  children),
32
- value !== undefined ? (React.createElement("div", null, formattedPrice === null || formattedPrice === void 0 ? void 0 :
34
+ value !== undefined ? (React.createElement(Price, { priceColor: priceColor }, formattedPrice === null || formattedPrice === void 0 ? void 0 :
33
35
  formattedPrice.value,
34
36
  ",", formattedPrice === null || formattedPrice === void 0 ? void 0 :
35
37
  formattedPrice.decimal,
package/build/es/components/src/components/CartSubTotal/CartSubTotal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CartSubTotal.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"CartSubTotal.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/es/components/src/components/CartSubTotal/CartSubTotal.styles.js CHANGED
@@ -11,7 +11,8 @@ var CartSubTotalContainer = styled.div(templateObject_1 || (templateObject_1 = _
11
11
  });
12
12
  var SubTotalLabel = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ", "px;\n"], ["\n display: flex;\n align-items: center;\n gap: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
13
13
  var ToolTipButton = styled.button(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n outline: none;\n border: none;\n background: transparent;\n height: ", "px;\n padding: 0;\n margin-bottom: ", "px;\n cursor: pointer;\n ", "\n"], ["\n outline: none;\n border: none;\n background: transparent;\n height: ", "px;\n padding: 0;\n margin-bottom: ", "px;\n cursor: pointer;\n ", "\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; }, focusVisible);
14
- var templateObject_1, templateObject_2, templateObject_3;
14
+ var Price = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (props) { return props.priceColor; });
15
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
15
16
 
16
- export { CartSubTotalContainer, SubTotalLabel, ToolTipButton };
17
+ export { CartSubTotalContainer, Price, SubTotalLabel, ToolTipButton };
17
18
  //# sourceMappingURL=CartSubTotal.styles.js.map
package/build/es/components/src/components/CartSubTotal/CartSubTotal.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CartSubTotal.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"CartSubTotal.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
package/build/es/components/src/components/CartSummary/CartSummary.js CHANGED
@@ -25,7 +25,7 @@ var calculateSummaryLine = function (items) {
25
25
  };
26
26
  function CartSummary(_a) {
27
27
  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
28
- var _p = _a.saveLabel, saveLabel = _p === void 0 ? 'Rabatter' : _p, _q = _a.shippingLabel, shippingLabel = _q === void 0 ? 'frakt' : _q, _r = _a.totalLabel, totalLabel = _r === void 0 ? 'totalt' : _r, _s = _a.taxLabel, taxLabel = _s === void 0 ? 'varav moms' : _s, cartSummary = __rest(_a, ["saveLabel", "shippingLabel", "totalLabel", "taxLabel"]);
28
+ var _p = _a.saveLabel, saveLabel = _p === void 0 ? 'rabatter' : _p, _q = _a.shippingLabel, shippingLabel = _q === void 0 ? 'frakt' : _q, _r = _a.totalLabel, totalLabel = _r === void 0 ? 'totalt' : _r, _s = _a.taxLabel, taxLabel = _s === void 0 ? 'varav moms' : _s, cartSummary = __rest(_a, ["saveLabel", "shippingLabel", "totalLabel", "taxLabel"]);
29
29
  var charges = (_b = cartSummary.charges) !== null && _b !== void 0 ? _b : [];
30
30
  var bags = (_c = cartSummary.bags) !== null && _c !== void 0 ? _c : [];
31
31
  var groceries = (_d = cartSummary.groceries) !== null && _d !== void 0 ? _d : [];
@@ -39,13 +39,21 @@ function CartSummary(_a) {
39
39
  React.createElement(H3, null, cartSummary.title),
40
40
  React.createElement(BodyText, null, cartSummary.subTitle))),
41
41
  React.createElement(CartSummaryHeader, { title: cartSummary.title },
42
+ groceries.length > 0 && (React.createElement(CartLine, null,
43
+ React.createElement(BodyText, null,
44
+ "matvaror ",
45
+ sumOfGroceries.quantity,
46
+ " st"),
47
+ React.createElement(AmountWrapper, null,
48
+ sumOfGroceries.cancelledAmount > 0 && (React.createElement(BodyText, { lineThrough: true, color: (_f = theme_1 === null || theme_1 === void 0 ? void 0 : theme_1.palette) === null || _f === void 0 ? void 0 : _f.dark }, formatPrice(sumOfGroceries.cancelledAmount))),
49
+ React.createElement(H3, { fontWeight: 'semiBold' }, formatPrice(sumOfGroceries.amount))))),
42
50
  (cateredMeals === null || cateredMeals === void 0 ? void 0 : cateredMeals.length) > 0 && (React.createElement(CartLine, null,
43
51
  React.createElement(BodyText, null,
44
52
  "catering ",
45
53
  sumOfCateredMeals.quantity,
46
54
  " st"),
47
55
  React.createElement(AmountWrapper, null,
48
- sumOfCateredMeals.cancelledAmount > 0 && (React.createElement(BodyText, { lineThrough: true, color: (_f = theme_1 === null || theme_1 === void 0 ? void 0 : theme_1.palette) === null || _f === void 0 ? void 0 : _f.dark }, formatPrice(sumOfCateredMeals.cancelledAmount))),
56
+ sumOfCateredMeals.cancelledAmount > 0 && (React.createElement(BodyText, { lineThrough: true, color: (_g = theme_1 === null || theme_1 === void 0 ? void 0 : theme_1.palette) === null || _g === void 0 ? void 0 : _g.dark }, formatPrice(sumOfCateredMeals.cancelledAmount))),
49
57
  React.createElement(H3, { fontWeight: 'semiBold' }, formatPrice(sumOfCateredMeals.amount))))),
50
58
  bags.length > 0 && (React.createElement(CartLine, null,
51
59
  React.createElement(BodyText, null,
@@ -53,16 +61,8 @@ function CartSummary(_a) {
53
61
  sumOfBags.quantity,
54
62
  " st"),
55
63
  React.createElement(AmountWrapper, null,
56
- sumOfBags.cancelledAmount > 0 && (React.createElement(BodyText, { lineThrough: true, color: (_g = theme_1 === null || theme_1 === void 0 ? void 0 : theme_1.palette) === null || _g === void 0 ? void 0 : _g.dark }, formatPrice(sumOfBags.cancelledAmount))),
64
+ sumOfBags.cancelledAmount > 0 && (React.createElement(BodyText, { lineThrough: true, color: (_h = theme_1 === null || theme_1 === void 0 ? void 0 : theme_1.palette) === null || _h === void 0 ? void 0 : _h.dark }, formatPrice(sumOfBags.cancelledAmount))),
57
65
  React.createElement(H3, { fontWeight: 'semiBold' }, formatPrice(sumOfBags.amount))))),
58
- groceries.length > 0 && (React.createElement(CartLine, null,
59
- React.createElement(BodyText, null,
60
- "matvaror ",
61
- sumOfGroceries.quantity,
62
- " st"),
63
- React.createElement(AmountWrapper, null,
64
- sumOfGroceries.cancelledAmount > 0 && (React.createElement(BodyText, { lineThrough: true, color: (_h = theme_1 === null || theme_1 === void 0 ? void 0 : theme_1.palette) === null || _h === void 0 ? void 0 : _h.dark }, formatPrice(sumOfGroceries.cancelledAmount))),
65
- React.createElement(H3, { fontWeight: 'semiBold' }, formatPrice(sumOfGroceries.amount))))),
66
66
  (charges === null || charges === void 0 ? void 0 : charges.length) > 0 && (React.createElement(Divider, { xsSpacing: (_j = theme_1.spacings) === null || _j === void 0 ? void 0 : _j.xs, lgSpacing: (_k = theme_1.spacings) === null || _k === void 0 ? void 0 : _k.xs })), charges === null || charges === void 0 ? void 0 :
67
67
  charges.map(function (charge) {
68
68
  var _a, _b;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.8.7",
3
+ "version": "0.8.9",
4
4
  "license": "ISC",
5
5
  "sideEffects": false,
6
6
  "main": "./build/cjs/components/src/index.js",
@@ -76,5 +76,5 @@
76
76
  "react-slick": "^0.30.1",
77
77
  "slick-carousel": "^1.8.1"
78
78
  },
79
- "gitHead": "f1542342615b27f22393eba69206438a45904321"
79
+ "gitHead": "4e86dc2b99a9ac11c473c11476badf64e89821d7"
80
80
  }