@citygross/components 0.8.23 → 0.8.25

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.
@@ -4,6 +4,7 @@ export declare type TCartSummary = {
4
4
  subTitle?: string;
5
5
  bags?: TSummaryItem[];
6
6
  groceries?: TSummaryItem[];
7
+ recipes?: TSummaryItem[];
7
8
  charges?: TSummaryItem[];
8
9
  cateredMeals?: TSummaryItem[];
9
10
  deliveryFee?: {
@@ -32,15 +32,17 @@ var calculateSummaryLine = function (items) {
32
32
  return sumOfItems;
33
33
  };
34
34
  function CartSummary(_a) {
35
- var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
36
- var _s = _a.saveLabel, saveLabel = _s === void 0 ? 'rabatter' : _s, _t = _a.shippingLabel, shippingLabel = _t === void 0 ? 'frakt' : _t, _u = _a.totalLabel, totalLabel = _u === void 0 ? 'totalt' : _u, _v = _a.taxLabel, taxLabel = _v === void 0 ? 'varav moms' : _v, cartSummary = _tslib.__rest(_a, ["saveLabel", "shippingLabel", "totalLabel", "taxLabel"]);
35
+ var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
36
+ var _u = _a.saveLabel, saveLabel = _u === void 0 ? 'rabatter' : _u, _v = _a.shippingLabel, shippingLabel = _v === void 0 ? 'frakt' : _v, _w = _a.totalLabel, totalLabel = _w === void 0 ? 'totalt' : _w, _x = _a.taxLabel, taxLabel = _x === void 0 ? 'varav moms' : _x, 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 : [];
40
- var cateredMeals = (_e = cartSummary === null || cartSummary === void 0 ? void 0 : cartSummary.cateredMeals) !== null && _e !== void 0 ? _e : [];
40
+ var recipes = (_e = cartSummary === null || cartSummary === void 0 ? void 0 : cartSummary.recipes) !== null && _e !== void 0 ? _e : [];
41
+ var cateredMeals = (_f = cartSummary === null || cartSummary === void 0 ? void 0 : cartSummary.cateredMeals) !== null && _f !== void 0 ? _f : [];
41
42
  var sumOfBags = calculateSummaryLine(bags);
42
43
  var sumOfGroceries = calculateSummaryLine(groceries);
43
44
  var sumOfCateredMeals = calculateSummaryLine(cateredMeals);
45
+ var sumOfRecipes = calculateSummaryLine(recipes);
44
46
  return (React__default["default"].createElement(CartSummary_styles.CartSummaryContainer, null,
45
47
  React__default["default"].createElement(CartSummary_styles.CartPaymentContainer, null,
46
48
  cartSummary.title && (React__default["default"].createElement(CartSummary_styles.CartSummaryTitle, null,
@@ -51,13 +53,14 @@ function CartSummary(_a) {
51
53
  React__default["default"].createElement(typography.BodyText, null,
52
54
  "varor",
53
55
  ' ',
54
- ((_f = sumOfGroceries === null || sumOfGroceries === void 0 ? void 0 : sumOfGroceries.quantity) !== null && _f !== void 0 ? _f : 0) +
55
- ((_g = sumOfCateredMeals === null || sumOfCateredMeals === void 0 ? void 0 : sumOfCateredMeals.quantity) !== null && _g !== void 0 ? _g : 0),
56
+ ((_g = sumOfGroceries === null || sumOfGroceries === void 0 ? void 0 : sumOfGroceries.quantity) !== null && _g !== void 0 ? _g : 0) +
57
+ ((_h = sumOfCateredMeals === null || sumOfCateredMeals === void 0 ? void 0 : sumOfCateredMeals.quantity) !== null && _h !== void 0 ? _h : 0) +
58
+ ((_j = sumOfRecipes === null || sumOfRecipes === void 0 ? void 0 : sumOfRecipes.quantity) !== null && _j !== void 0 ? _j : 0),
56
59
  ' ',
57
60
  "st"),
58
61
  React__default["default"].createElement(CartSummary_styles.AmountWrapper, null,
59
- (sumOfGroceries === null || sumOfGroceries === void 0 ? void 0 : 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(((_j = sumOfGroceries === null || sumOfGroceries === void 0 ? void 0 : sumOfGroceries.cancelledAmount) !== null && _j !== void 0 ? _j : 0) +
60
- ((_k = sumOfCateredMeals === null || sumOfCateredMeals === void 0 ? void 0 : sumOfCateredMeals.cancelledAmount) !== null && _k !== void 0 ? _k : 0)))),
62
+ (sumOfGroceries === null || sumOfGroceries === void 0 ? void 0 : sumOfGroceries.cancelledAmount) > 0 && (React__default["default"].createElement(typography.BodyText, { lineThrough: true, color: (_k = index.theme === null || index.theme === void 0 ? void 0 : index.theme.palette) === null || _k === void 0 ? void 0 : _k.dark }, utils.formatPrice(((_l = sumOfGroceries === null || sumOfGroceries === void 0 ? void 0 : sumOfGroceries.cancelledAmount) !== null && _l !== void 0 ? _l : 0) +
63
+ ((_m = sumOfCateredMeals === null || sumOfCateredMeals === void 0 ? void 0 : sumOfCateredMeals.cancelledAmount) !== null && _m !== void 0 ? _m : 0)))),
61
64
  React__default["default"].createElement(typography.H3, { fontWeight: 'semiBold' }, utils.formatPrice(sumOfGroceries.amount + sumOfCateredMeals.amount))))),
62
65
  bags.length > 0 && (React__default["default"].createElement(CartSummary_styles.CartLine, null,
63
66
  React__default["default"].createElement(typography.BodyText, null,
@@ -65,9 +68,9 @@ function CartSummary(_a) {
65
68
  sumOfBags.quantity,
66
69
  " st"),
67
70
  React__default["default"].createElement(CartSummary_styles.AmountWrapper, null,
68
- sumOfBags.cancelledAmount > 0 && (React__default["default"].createElement(typography.BodyText, { lineThrough: true, color: (_l = index.theme === null || index.theme === void 0 ? void 0 : index.theme.palette) === null || _l === void 0 ? void 0 : _l.dark }, utils.formatPrice(sumOfBags.cancelledAmount))),
71
+ sumOfBags.cancelledAmount > 0 && (React__default["default"].createElement(typography.BodyText, { lineThrough: true, color: (_o = index.theme === null || index.theme === void 0 ? void 0 : index.theme.palette) === null || _o === void 0 ? void 0 : _o.dark }, utils.formatPrice(sumOfBags.cancelledAmount))),
69
72
  React__default["default"].createElement(typography.H3, { fontWeight: 'semiBold' }, utils.formatPrice(sumOfBags.amount))))),
70
- (charges === null || charges === void 0 ? void 0 : charges.length) > 0 && (React__default["default"].createElement(Divider.Divider, { xsSpacing: (_m = index.theme.spacings) === null || _m === void 0 ? void 0 : _m.xs, lgSpacing: (_o = index.theme.spacings) === null || _o === void 0 ? void 0 : _o.xs })), charges === null || charges === void 0 ? void 0 :
73
+ (charges === null || charges === void 0 ? void 0 : charges.length) > 0 && (React__default["default"].createElement(Divider.Divider, { xsSpacing: (_p = index.theme.spacings) === null || _p === void 0 ? void 0 : _p.xs, lgSpacing: (_q = index.theme.spacings) === null || _q === void 0 ? void 0 : _q.xs })), charges === null || charges === void 0 ? void 0 :
71
74
  charges.map(function (charge) {
72
75
  var _a, _b;
73
76
  return (React__default["default"].createElement(CartSummary_styles.CartLine, { key: charge.name },
@@ -77,10 +80,10 @@ function CartSummary(_a) {
77
80
  React__default["default"].createElement(typography.BodyText, null, utils.formatPrice(charge.amount)))));
78
81
  }),
79
82
  cartSummary.totalDiscount > 0 && (React__default["default"].createElement(CartSummary_styles.CartLine, null,
80
- React__default["default"].createElement(typography.BodyText, { color: (_p = index.theme === null || index.theme === void 0 ? void 0 : index.theme.palette) === null || _p === void 0 ? void 0 : _p.alertRed }, saveLabel),
81
- React__default["default"].createElement(typography.BodyText, { color: (_q = index.theme === null || index.theme === void 0 ? void 0 : index.theme.palette) === null || _q === void 0 ? void 0 : _q.alertRed }, utils.formatPrice(cartSummary.totalDiscount))))),
83
+ React__default["default"].createElement(typography.BodyText, { color: (_r = index.theme === null || index.theme === void 0 ? void 0 : index.theme.palette) === null || _r === void 0 ? void 0 : _r.alertRed }, saveLabel),
84
+ React__default["default"].createElement(typography.BodyText, { color: (_s = index.theme === null || index.theme === void 0 ? void 0 : index.theme.palette) === null || _s === void 0 ? void 0 : _s.alertRed }, utils.formatPrice(cartSummary.totalDiscount))))),
82
85
  React__default["default"].createElement(CartSummary_styles.CartSummaryFooter, null,
83
- ((_r = cartSummary.deliveryFee) === null || _r === void 0 ? void 0 : _r.amount) &&
86
+ ((_t = cartSummary.deliveryFee) === null || _t === void 0 ? void 0 : _t.amount) &&
84
87
  cartSummary.deliveryFee.amount > 0 && (React__default["default"].createElement(CartSummary_styles.CartLine, null,
85
88
  React__default["default"].createElement(typography.BodyText, null, shippingLabel),
86
89
  React__default["default"].createElement(typography.BodyText, null, utils.formatPrice(cartSummary.deliveryFee.amount)))),
@@ -1 +1 @@
1
- {"version":3,"file":"CartSummary.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"CartSummary.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -368,6 +368,28 @@ var useOutsideClick = function (ref, callback) {
368
368
  });
369
369
  };
370
370
 
371
+ var useFixedModalScroll = function (active, querySelector) {
372
+ var _a = React.useState(0), prevPosition = _a[0], setPrevPosition = _a[1];
373
+ React.useEffect(function () {
374
+ var pos = window === null || window === void 0 ? void 0 : window.scrollY;
375
+ var selector = querySelector || (document === null || document === void 0 ? void 0 : document.body);
376
+ if (active && selector) {
377
+ setPrevPosition(pos);
378
+ selector.style.overflowY = 'scroll';
379
+ selector.style.position = 'fixed';
380
+ selector.style.top = -pos + 'px';
381
+ }
382
+ else {
383
+ selector.style.removeProperty('top');
384
+ selector.style.overflowY = 'auto';
385
+ selector.style.position = 'relative';
386
+ if (prevPosition) {
387
+ window.scrollTo(0, prevPosition);
388
+ }
389
+ }
390
+ }, [active, querySelector]);
391
+ };
392
+
371
393
  function comparisonTypes(type) {
372
394
  switch (type) {
373
395
  case 'KGM':
@@ -18734,6 +18756,7 @@ index.__exports.moment = moment;
18734
18756
  index.__exports.nameRegex = nameRegex;
18735
18757
  index.__exports.phoneRegex = phoneRegex;
18736
18758
  index.__exports.useDetectDevice = useDetectDevice;
18759
+ index.__exports.useFixedModalScroll = useFixedModalScroll;
18737
18760
  index.__exports.useOutsideClick = useOutsideClick;
18738
18761
  var useWindowSize_1 = index.__exports.useWindowSize = useWindowSize;
18739
18762
  index.__exports.validateInput = validateInput;