@trafilea/afrodita-components 5.0.0-beta.67 → 5.0.0-beta.70
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.d.ts +3 -0
- package/build/index.esm.js +38 -30
- package/build/index.esm.js.map +1 -1
- package/build/index.js +38 -30
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.d.ts
CHANGED
package/build/index.esm.js
CHANGED
|
@@ -4185,7 +4185,7 @@ function SimpleDropdown(_a) {
|
|
|
4185
4185
|
if (value == null) {
|
|
4186
4186
|
return;
|
|
4187
4187
|
}
|
|
4188
|
-
if (options.
|
|
4188
|
+
if (options.findIndex(function (option) { return option.value === value.value; }) < 0) {
|
|
4189
4189
|
setSelectedValue(undefined);
|
|
4190
4190
|
return;
|
|
4191
4191
|
}
|
|
@@ -4257,7 +4257,7 @@ var TAGS = {
|
|
|
4257
4257
|
hero2: newStyled.h2(templateObject_2$I || (templateObject_2$I = __makeTemplateObject([""], [""]))),
|
|
4258
4258
|
hero3: newStyled.h3(templateObject_3$v || (templateObject_3$v = __makeTemplateObject([""], [""]))),
|
|
4259
4259
|
display1: newStyled.h1(templateObject_4$n || (templateObject_4$n = __makeTemplateObject([""], [""]))),
|
|
4260
|
-
display2: newStyled.h2(templateObject_5$
|
|
4260
|
+
display2: newStyled.h2(templateObject_5$e || (templateObject_5$e = __makeTemplateObject([""], [""]))),
|
|
4261
4261
|
heading1: newStyled.h1(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject([""], [""]))),
|
|
4262
4262
|
heading2: newStyled.h2(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject([""], [""]))),
|
|
4263
4263
|
heading3: newStyled.h3(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject([""], [""]))),
|
|
@@ -4271,7 +4271,7 @@ var TAGS = {
|
|
|
4271
4271
|
label: newStyled.label(templateObject_16 || (templateObject_16 = __makeTemplateObject([""], [""]))),
|
|
4272
4272
|
tag: newStyled.span(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n display: inline-block;\n text-transform: ", ";\n "], ["\n display: inline-block;\n text-transform: ", ";\n "])), function (props) { return (props.allCaps ? 'uppercase' : ''); }),
|
|
4273
4273
|
};
|
|
4274
|
-
var Text$
|
|
4274
|
+
var Text$6 = function (_a) {
|
|
4275
4275
|
var variant = _a.variant, children = _a.children, testId = _a.testId, allProps = __rest(_a, ["variant", "children", "testId"]);
|
|
4276
4276
|
var theme = useTheme();
|
|
4277
4277
|
var Tag = useMemo(function () { return TAGS[variant] || 'p'; }, [variant]);
|
|
@@ -4376,7 +4376,7 @@ var DEFAULTS = {
|
|
|
4376
4376
|
size: 'regular',
|
|
4377
4377
|
},
|
|
4378
4378
|
};
|
|
4379
|
-
var templateObject_1$17, templateObject_2$I, templateObject_3$v, templateObject_4$n, templateObject_5$
|
|
4379
|
+
var templateObject_1$17, templateObject_2$I, templateObject_3$v, templateObject_4$n, templateObject_5$e, templateObject_6$8, templateObject_7$5, templateObject_8$2, templateObject_9$1, templateObject_10$1, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17;
|
|
4380
4380
|
|
|
4381
4381
|
var ButtonsContainer = newStyled.div(templateObject_1$16 || (templateObject_1$16 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n margin: ", ";\n"], ["\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n margin: ", ";\n"])), function (_a) {
|
|
4382
4382
|
var inline = _a.inline;
|
|
@@ -4388,7 +4388,7 @@ var SizeSelector = function (_a) {
|
|
|
4388
4388
|
display: 'flex',
|
|
4389
4389
|
flexDirection: inline ? 'row' : 'column',
|
|
4390
4390
|
alignItems: inline ? 'center' : 'start',
|
|
4391
|
-
} }, { children: [jsxs(Text$
|
|
4391
|
+
} }, { children: [jsxs(Text$6, __assign$1({ variant: "body", weight: "regular", size: "small", css: { alignSelf: inline ? 'start' : 'inherit', padding: inline ? '0.75rem 0' : '0' } }, { children: [label, !inline && (jsx(Text$6, __assign$1({ variant: "label", weight: "demi", size: "regular" }, { children: selectedValue.description }), void 0))] }), void 0), jsx(ButtonsContainer, __assign$1({ inline: inline }, { children: sizes.map(function (size) {
|
|
4392
4392
|
var active = !size.disabled && size.label === selectedValue.label;
|
|
4393
4393
|
return (jsx(SelectorSecondary, { css: {
|
|
4394
4394
|
padding: '0.75rem 1rem 0.625rem',
|
|
@@ -4548,7 +4548,7 @@ var getStylesBySize$5 = function (size) {
|
|
|
4548
4548
|
}
|
|
4549
4549
|
};
|
|
4550
4550
|
var Container$F = newStyled.div(templateObject_1$12 || (templateObject_1$12 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
|
|
4551
|
-
var Price = newStyled.
|
|
4551
|
+
var Price = newStyled.p(templateObject_2$F || (templateObject_2$F = __makeTemplateObject(["\n font-weight: ", ";\n font-size: ", ";\n line-height: ", ";\n color: ", ";\n text-decoration: ", ";\n margin: ", ";\n margin-top: ", ";\n"], ["\n font-weight: ", ";\n font-size: ", ";\n line-height: ", ";\n color: ", ";\n text-decoration: ", ";\n margin: ", ";\n margin-top: ", ";\n"])), function (_a) {
|
|
4552
4552
|
var weight = _a.weight;
|
|
4553
4553
|
return (weight ? weight : '400');
|
|
4554
4554
|
}, function (_a) {
|
|
@@ -4577,12 +4577,13 @@ var Price = newStyled.h1(templateObject_2$F || (templateObject_2$F = __makeTempl
|
|
|
4577
4577
|
var finalPriceStyledSmall = _a.finalPriceStyledSmall, size = _a.size;
|
|
4578
4578
|
return finalPriceStyledSmall ? (size === 'large' ? '-10px' : '-7px') : '0';
|
|
4579
4579
|
});
|
|
4580
|
-
var TagContainer = newStyled.
|
|
4580
|
+
var TagContainer = newStyled.p(templateObject_3$t || (templateObject_3$t = __makeTemplateObject(["\n margin: ", ";\n display: flex;\n align-items: center;\n"], ["\n margin: ", ";\n display: flex;\n align-items: center;\n"])), function (_a) {
|
|
4581
4581
|
var _b;
|
|
4582
4582
|
var size = _a.size;
|
|
4583
4583
|
return (_b = getStylesBySize$5(size)) === null || _b === void 0 ? void 0 : _b.margin;
|
|
4584
4584
|
});
|
|
4585
|
-
var FinalPriceContainer = newStyled.div(templateObject_4$m || (templateObject_4$m = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
4585
|
+
var FinalPriceContainer = newStyled.div(templateObject_4$m || (templateObject_4$m = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
|
|
4586
|
+
var FinalPriceStyledContainer = newStyled.div(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
4586
4587
|
function getTestId() {
|
|
4587
4588
|
var args = [];
|
|
4588
4589
|
for (var _i = 0; _i < arguments.length; _i++) {
|
|
@@ -4603,9 +4604,9 @@ var PriceLabel = function (_a) {
|
|
|
4603
4604
|
weight: 700,
|
|
4604
4605
|
};
|
|
4605
4606
|
var OriginalPrice = function () { return (jsx$1(Price, __assign$1({ size: ComponentSize.Small, color: theme.colors.shades['300'].color, margin: true, underlined: true, "data-testid": getTestId(testId, 'discount') }, { children: originalPrice }), void 0)); };
|
|
4606
|
-
return (jsxs$1(Container$F, { children: [availableFinalPriceStyled && originalPrice && jsx$1(OriginalPrice, {}, void 0), availableFinalPriceStyled ? (jsxs$1(
|
|
4607
|
+
return (jsxs$1(Container$F, { children: [availableFinalPriceStyled && originalPrice && jsx$1(OriginalPrice, {}, void 0), availableFinalPriceStyled ? (jsxs$1(FinalPriceStyledContainer, __assign$1({ "data-testid": getTestId(testId, 'price') }, { children: [jsx$1(Price, __assign$1({ margin: true, finalPriceStyledSmall: true }, priceCommonProps, { children: "$" }), void 0), jsx$1(Price, __assign$1({ finalPriceStyled: true }, priceCommonProps, { children: finalPriceArray[0] }), void 0), jsx$1(Price, __assign$1({ finalPriceStyledSmall: true }, priceCommonProps, { children: finalPriceArray[1] }), void 0)] }), void 0)) : (jsxs$1(FinalPriceContainer, { children: [jsx$1(Price, __assign$1({ margin: true, "data-testid": getTestId(testId, 'price') }, priceCommonProps, { children: finalPrice }), void 0), originalPrice && jsx$1(OriginalPrice, {}, void 0)] }, void 0)), discount && (jsx$1(TagContainer, __assign$1({ size: size }, { children: jsx$1(DiscountTag, __assign$1({}, discount, { size: size }), void 0) }), void 0))] }, void 0));
|
|
4607
4608
|
};
|
|
4608
|
-
var templateObject_1$12, templateObject_2$F, templateObject_3$t, templateObject_4$m;
|
|
4609
|
+
var templateObject_1$12, templateObject_2$F, templateObject_3$t, templateObject_4$m, templateObject_5$d;
|
|
4609
4610
|
|
|
4610
4611
|
var OneColorSelector = function (_a) {
|
|
4611
4612
|
var color = _a.color, selected = _a.selected, testId = _a.testId;
|
|
@@ -4653,7 +4654,7 @@ var Span = newStyled.span(templateObject_4$l || (templateObject_4$l = __makeTemp
|
|
|
4653
4654
|
var OptionsContainer = newStyled.div(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n display: flex;\n margin-top: 0.63rem;\n flex-wrap: wrap;\n"], ["\n display: flex;\n margin-top: 0.63rem;\n flex-wrap: wrap;\n"])));
|
|
4654
4655
|
var Label$2 = function (_a) {
|
|
4655
4656
|
var label = _a.label, values = _a.values;
|
|
4656
|
-
return (jsxs$1(Text$
|
|
4657
|
+
return (jsxs$1(Text$6, __assign$1({ variant: "body", weight: "regular", size: "small" }, { children: [label, " ", jsx$1(Span, { children: values }, void 0)] }), void 0));
|
|
4657
4658
|
};
|
|
4658
4659
|
var Option = function (_a) {
|
|
4659
4660
|
var value = _a.value, children = _a.children;
|
|
@@ -11271,7 +11272,7 @@ var Container$u = newStyled.div(templateObject_2$x || (templateObject_2$x = __ma
|
|
|
11271
11272
|
var Minimalistic = function (_a) {
|
|
11272
11273
|
var _b = _a.backgroundColor, backgroundColor = _b === void 0 ? '#FFF6EF' : _b, _c = _a.borderColor, borderColor = _c === void 0 ? '#E7C9B2' : _c, originalPrice = _a.originalPrice, price = _a.price, savingPrice = _a.savingPrice, getMorePayLessText = _a.getMorePayLessText, youAreSavingText = _a.youAreSavingText, getQtyForText = _a.getQtyForText, discount = _a.discount, offText = _a.offText, _d = _a.widthAuto, widthAuto = _d === void 0 ? false : _d, _e = _a.testId, testId = _e === void 0 ? 'minimalistic' : _e;
|
|
11273
11274
|
var theme = useTheme();
|
|
11274
|
-
return (jsx$1(Card$2, __assign$1({ backgroundColor: backgroundColor, widthAuto: widthAuto, border: { borderColor: borderColor, borderWidth: '0.063rem' }, flex: false }, { children: jsxs$1(Wrapper$3, { children: [jsxs$1(Container$u, __assign$1({ "data-testid": "".concat(testId, "-section") }, { children: [jsx$1(Text$
|
|
11275
|
+
return (jsx$1(Card$2, __assign$1({ backgroundColor: backgroundColor, widthAuto: widthAuto, border: { borderColor: borderColor, borderWidth: '0.063rem' }, flex: false }, { children: jsxs$1(Wrapper$3, { children: [jsxs$1(Container$u, __assign$1({ "data-testid": "".concat(testId, "-section") }, { children: [jsx$1(Text$6, __assign$1({ variant: "body", weight: "demi", size: "small", style: { margin: '0.1rem 1.25rem 0.1rem 0' } }, { children: getMorePayLessText }), void 0), jsx$1(PriceLabel, { finalPrice: price, originalPrice: originalPrice, color: theme.colors.pallete.secondary.color, size: ComponentSize.Small, testId: testId }, void 0)] }), void 0), jsxs$1(Container$u, __assign$1({ "data-testid": "".concat(testId, "-section-bottom") }, { children: [jsxs$1(Text$6, __assign$1({ variant: "body", weight: "demi", style: { color: '#d3373c', margin: '0.1rem 1.25rem 0.1rem 0' }, size: "small" }, { children: [getQtyForText, " ", discount, "% ", offText.toLocaleUpperCase()] }), void 0), jsxs$1(Text$6, __assign$1({ variant: "body", weight: "regular", size: "small" }, { children: [youAreSavingText, ": ", savingPrice] }), void 0)] }), void 0)] }, void 0) }), void 0));
|
|
11275
11276
|
};
|
|
11276
11277
|
var templateObject_1$P, templateObject_2$x;
|
|
11277
11278
|
|
|
@@ -11721,7 +11722,7 @@ var PaymentMethod = function (_a) {
|
|
|
11721
11722
|
};
|
|
11722
11723
|
var templateObject_1$F;
|
|
11723
11724
|
|
|
11724
|
-
var Text$
|
|
11725
|
+
var Text$5 = newStyled.h3(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n background-color: ", ";\n margin: 0;\n padding: 0.25rem 0.5rem;\n font-size: 0.625rem;\n font-weight: 700;\n line-height: 0.875rem;\n border-radius: 0.125rem;\n display: initial;\n color: ", ";\n"], ["\n background-color: ", ";\n margin: 0;\n padding: 0.25rem 0.5rem;\n font-size: 0.625rem;\n font-weight: 700;\n line-height: 0.875rem;\n border-radius: 0.125rem;\n display: initial;\n color: ", ";\n"])), function (_a) {
|
|
11725
11726
|
var backgroundColor = _a.backgroundColor;
|
|
11726
11727
|
return backgroundColor;
|
|
11727
11728
|
}, function (_a) {
|
|
@@ -11731,7 +11732,7 @@ var Text$4 = newStyled.h3(templateObject_1$E || (templateObject_1$E = __makeTemp
|
|
|
11731
11732
|
var OfferBanner = function (_a) {
|
|
11732
11733
|
var discountAppliedText = _a.discountAppliedText, backgroundColor = _a.backgroundColor;
|
|
11733
11734
|
var theme = useTheme();
|
|
11734
|
-
return (jsx$1(Text$
|
|
11735
|
+
return (jsx$1(Text$5, __assign$1({ backgroundColor: backgroundColor, color: theme.colors.shades['700'].color, "data-testid": "OfferBanner" }, { children: discountAppliedText }), void 0));
|
|
11735
11736
|
};
|
|
11736
11737
|
var templateObject_1$E;
|
|
11737
11738
|
|
|
@@ -11774,11 +11775,11 @@ var Totals = {
|
|
|
11774
11775
|
|
|
11775
11776
|
var Container$m = newStyled.div(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n padding: 0.625rem 1.25rem;\n background-color: ", ";\n border-radius: 0.313rem;\n display: flex;\n margin-bottom: 0.938rem;\n"], ["\n padding: 0.625rem 1.25rem;\n background-color: ", ";\n border-radius: 0.313rem;\n display: flex;\n margin-bottom: 0.938rem;\n"])), function (props) { return props.color; });
|
|
11776
11777
|
var IconContainer$3 = newStyled.div(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n width: 1rem;\n height: 0.875rem;\n margin-right: 0.5rem;\n margin-top: 0.125rem;\n"], ["\n width: 1rem;\n height: 0.875rem;\n margin-right: 0.5rem;\n margin-top: 0.125rem;\n"])));
|
|
11777
|
-
var Text$
|
|
11778
|
+
var Text$4 = newStyled.p(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n font-size: 0.875rem;\n line-height: 1.375rem;\n font-weight: 400;\n margin: 0;\n color: ", ";\n"], ["\n font-size: 0.875rem;\n line-height: 1.375rem;\n font-weight: 400;\n margin: 0;\n color: ", ";\n"])), function (props) { return props.color; });
|
|
11778
11779
|
var Details = newStyled.span(templateObject_4$e || (templateObject_4$e = __makeTemplateObject(["\n color: ", ";\n font-weight: 700;\n"], ["\n color: ", ";\n font-weight: 700;\n"])), function (props) { return props.color; });
|
|
11779
11780
|
var Note = function (_a) {
|
|
11780
11781
|
var accentColor = _a.accentColor, color = _a.color, backgroundColor = _a.backgroundColor, importantNoteText = _a.importantNoteText, text = _a.text;
|
|
11781
|
-
return (jsxs$1(Container$m, __assign$1({ color: backgroundColor, "data-testid": "Container" }, { children: [jsx$1(IconContainer$3, { children: jsx$1(Icon.Actions.LightExclamation, { fill: accentColor }, void 0) }, void 0), jsx$1("div", { children: jsxs$1(Text$
|
|
11782
|
+
return (jsxs$1(Container$m, __assign$1({ color: backgroundColor, "data-testid": "Container" }, { children: [jsx$1(IconContainer$3, { children: jsx$1(Icon.Actions.LightExclamation, { fill: accentColor }, void 0) }, void 0), jsx$1("div", { children: jsxs$1(Text$4, __assign$1({ color: color }, { children: [importantNoteText && jsxs$1(Details, __assign$1({ color: accentColor }, { children: [importantNoteText, ":"] }), void 0), " ", text] }), void 0) }, void 0)] }), void 0));
|
|
11782
11783
|
};
|
|
11783
11784
|
var templateObject_1$B, templateObject_2$n, templateObject_3$j, templateObject_4$e;
|
|
11784
11785
|
|
|
@@ -11898,11 +11899,11 @@ var DeliveryDetails = function (_a) {
|
|
|
11898
11899
|
var templateObject_1$A, templateObject_2$m, templateObject_3$i, templateObject_4$d, templateObject_5$8, templateObject_6$6, templateObject_7$3, templateObject_8$1;
|
|
11899
11900
|
|
|
11900
11901
|
var Container$l = newStyled.div(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n user-select: none;\n"], ["\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n user-select: none;\n"])));
|
|
11901
|
-
var
|
|
11902
|
+
var Text$3 = newStyled.p(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n margin: 0;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 700;\n color: ", ";\n margin-right: 0.313rem;\n"], ["\n margin: 0;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 700;\n color: ", ";\n margin-right: 0.313rem;\n"])), function (props) { return props.color; });
|
|
11902
11903
|
var ScrollToTop = function (_a) {
|
|
11903
11904
|
var scrollToTopText = _a.scrollToTopText, onClick = _a.onClick;
|
|
11904
11905
|
var theme = useTheme();
|
|
11905
|
-
return (jsxs$1(Container$l, __assign$1({ onClick: onClick, "data-testid": "Container" }, { children: [jsx$1(
|
|
11906
|
+
return (jsxs$1(Container$l, __assign$1({ onClick: onClick, "data-testid": "Container" }, { children: [jsx$1(Text$3, __assign$1({ color: theme.colors.shades['700'].color }, { children: scrollToTopText }), void 0), jsx$1(Icon.Arrows.ChevronUpSolid, { width: 1.375, height: 1.375, fill: theme.colors.pallete.primary.color }, void 0)] }), void 0));
|
|
11906
11907
|
};
|
|
11907
11908
|
var templateObject_1$z, templateObject_2$l;
|
|
11908
11909
|
|
|
@@ -12295,7 +12296,7 @@ var Description$1 = newStyled.div({
|
|
|
12295
12296
|
var ProductItem = function (_a) {
|
|
12296
12297
|
var src = _a.src, title = _a.title, price = _a.price;
|
|
12297
12298
|
var theme = useTheme();
|
|
12298
|
-
return (jsxs$1(Container$d, __assign$1({ theme: theme }, { children: [jsx$1(Image, { src: src, alt: "", width: "4.063rem", height: "5.375rem" }, void 0), jsxs$1(Description$1, { children: [jsx$1(Text$
|
|
12299
|
+
return (jsxs$1(Container$d, __assign$1({ theme: theme }, { children: [jsx$1(Image, { src: src, alt: "", width: "4.063rem", height: "5.375rem" }, void 0), jsxs$1(Description$1, { children: [jsx$1(Text$6, __assign$1({ variant: "body", weight: "regular", size: "regular" }, { children: jsx$1("div", { dangerouslySetInnerHTML: { __html: title } }, void 0) }), void 0), jsx$1(PriceLabel, { finalPrice: price, color: "#C64844", size: ComponentSize.Small }, void 0)] }, void 0)] }), void 0));
|
|
12299
12300
|
};
|
|
12300
12301
|
var templateObject_1$k;
|
|
12301
12302
|
|
|
@@ -12306,7 +12307,7 @@ var Container$c = newStyled.div({
|
|
|
12306
12307
|
});
|
|
12307
12308
|
var Footer = function (_a) {
|
|
12308
12309
|
var text = _a.text, onClick = _a.onClick;
|
|
12309
|
-
return (jsx$1(Container$c, { children: jsx$1(Text$
|
|
12310
|
+
return (jsx$1(Container$c, { children: jsx$1(Text$6, __assign$1({ variant: "link", size: "regular", underline: true, onClick: onClick }, { children: text }), void 0) }, void 0));
|
|
12310
12311
|
};
|
|
12311
12312
|
|
|
12312
12313
|
var Ul = newStyled.ul({
|
|
@@ -12336,7 +12337,7 @@ var Header$1 = newStyled.div(templateObject_3$9 || (templateObject_3$9 = __makeT
|
|
|
12336
12337
|
var ResultsPanel = function (_a) {
|
|
12337
12338
|
var options = _a.options, header = _a.header, footer = _a.footer, onViewAll = _a.onViewAll, testId = _a.testId;
|
|
12338
12339
|
var theme = useTheme();
|
|
12339
|
-
return (jsxs$1(Container$b, __assign$1({ "data-testid": testId, theme: theme }, { children: [header && (jsx$1(Header$1, __assign$1({ theme: theme }, { children: jsx$1(Text$
|
|
12340
|
+
return (jsxs$1(Container$b, __assign$1({ "data-testid": testId, theme: theme }, { children: [header && (jsx$1(Header$1, __assign$1({ theme: theme }, { children: jsx$1(Text$6, __assign$1({ variant: "heading6", weight: "demi" }, { children: header }), void 0) }), void 0)), jsx$1(Ul, { children: options.map(function (item, index) { return (jsx$1(Li, __assign$1({ theme: theme }, { children: jsx$1(Anchor, __assign$1({ href: item.optionUrl }, { children: jsx$1(ProductItem, { src: item.src, title: item.title, price: item.price }, void 0) }), void 0) }), index)); }) }, void 0), footer && jsx$1(Footer, { text: footer, onClick: onViewAll }, void 0)] }), void 0));
|
|
12340
12341
|
};
|
|
12341
12342
|
var templateObject_1$j, templateObject_2$9, templateObject_3$9;
|
|
12342
12343
|
|
|
@@ -16895,9 +16896,9 @@ var PackCard = function (_a) {
|
|
|
16895
16896
|
.then(function (icon) { return setIcon(icon); })
|
|
16896
16897
|
.catch(function (e) { return console.error('Error getting icon', pack.meta.icon, e); });
|
|
16897
16898
|
}, [pack.meta.icon]);
|
|
16898
|
-
return (jsxs$1(Card, __assign$1({ onClick: function () { return onChange(pack); }, role: "radio", "aria-checked": selected, tabIndex: 0, "data-highlight": pack.meta.tag != null, "data-testid": "pack-selector" }, { children: [pack.meta.tag ? (jsx$1(Tag, __assign$1({ "data-testid": "pack-selector-tag" }, { children: jsx$1(Text$
|
|
16899
|
+
return (jsxs$1(Card, __assign$1({ onClick: function () { return onChange(pack); }, role: "radio", "aria-checked": selected, tabIndex: 0, "data-highlight": pack.meta.tag != null, "data-testid": "pack-selector" }, { children: [pack.meta.tag ? (jsx$1(Tag, __assign$1({ "data-testid": "pack-selector-tag" }, { children: jsx$1(Text$6, __assign$1({ variant: "tag", weight: "bold", size: "small", "data-keep-color": true }, { children: pack.meta.tag.toUpperCase() }), void 0) }), void 0)) : null, jsxs$1(Label, { children: [jsx$1(Text$6, __assign$1({ variant: "body", weight: selected || pack.meta.tag ? 'bold' : 'regular' }, { children: pack.label }), void 0), jsx$1(Check, __assign$1({ "data-visible": selected, "data-testid": "pack-selector-check" }, { children: jsx$1(Icon.Actions.Check, { width: 0.6, fill: "var(--background)" }, void 0) }), void 0)] }, void 0), jsxs$1(Text$6, __assign$1({ variant: "body", size: "small", weight: "bold", "data-keep-color": true, style: {
|
|
16899
16900
|
color: 'var(--colors-semantic-urgent-color)',
|
|
16900
|
-
} }, { children: ["Save ", pack.meta.discountPercentage, "%"] }), void 0), jsx$1(Spacing, { type: "block", size: 12 }, void 0), jsx$1(IconContainer, { children: icon ? HTMLReactParser$1(icon) : jsx$1(IconPlaceholder, {}, void 0) }, void 0), jsx$1(Spacing, { type: "block", size: 12 }, void 0), jsxs$1(Text$
|
|
16901
|
+
} }, { children: ["Save ", pack.meta.discountPercentage, "%"] }), void 0), jsx$1(Spacing, { type: "block", size: 12 }, void 0), jsx$1(IconContainer, { children: icon ? HTMLReactParser$1(icon) : jsx$1(IconPlaceholder, {}, void 0) }, void 0), jsx$1(Spacing, { type: "block", size: 12 }, void 0), jsxs$1(Text$6, __assign$1({ variant: "body", weight: "demi", size: "small" }, { children: [formatPrice(pack.meta.price / pack.meta.quantity), " each"] }), void 0)] }), void 0));
|
|
16901
16902
|
};
|
|
16902
16903
|
var templateObject_1$6, templateObject_2$4, templateObject_3$4, templateObject_4$3, templateObject_5$2, templateObject_6$1, templateObject_7$1;
|
|
16903
16904
|
|
|
@@ -16945,6 +16946,16 @@ var Filters = function (_a) {
|
|
|
16945
16946
|
var sectionIndex = _a.sectionIndex, itemIndex = _a.itemIndex, checked = _a.checked;
|
|
16946
16947
|
setFilterSection({ sectionIndex: sectionIndex, itemIndex: itemIndex, checked: checked });
|
|
16947
16948
|
var currentFilter = filters[sectionIndex];
|
|
16949
|
+
var currentFilterItem = currentFilter === null || currentFilter === void 0 ? void 0 : currentFilter.items[itemIndex];
|
|
16950
|
+
if ((currentFilterItem === null || currentFilterItem === void 0 ? void 0 : currentFilterItem.isLinkItem) && (currentFilterItem === null || currentFilterItem === void 0 ? void 0 : currentFilterItem.link)) {
|
|
16951
|
+
if (checked) {
|
|
16952
|
+
window.location.assign(currentFilterItem.link);
|
|
16953
|
+
}
|
|
16954
|
+
else if (currentFilterItem === null || currentFilterItem === void 0 ? void 0 : currentFilterItem.uncheckedLink) {
|
|
16955
|
+
window.location.assign(currentFilterItem.uncheckedLink);
|
|
16956
|
+
}
|
|
16957
|
+
return;
|
|
16958
|
+
}
|
|
16948
16959
|
setCheckedItems(function (prev) {
|
|
16949
16960
|
if (!currentFilter.isMultiselect) {
|
|
16950
16961
|
resetCheckedItems(__spreadArray([], prev, true));
|
|
@@ -16960,10 +16971,7 @@ var Filters = function (_a) {
|
|
|
16960
16971
|
return filter;
|
|
16961
16972
|
}
|
|
16962
16973
|
return __assign$1(__assign$1({}, filter), { items: filter.items.map(function (value, indexItems) {
|
|
16963
|
-
return {
|
|
16964
|
-
label: value.label,
|
|
16965
|
-
checked: itemIndex === indexItems ? checked : filter.isMultiselect ? value.checked : false,
|
|
16966
|
-
};
|
|
16974
|
+
return __assign$1(__assign$1({}, value), { label: value.label, checked: itemIndex === indexItems ? checked : filter.isMultiselect ? value.checked : false });
|
|
16967
16975
|
}) });
|
|
16968
16976
|
});
|
|
16969
16977
|
});
|
|
@@ -17009,7 +17017,7 @@ var NormalSpan = newStyled.span(templateObject_4$1 || (templateObject_4$1 = __ma
|
|
|
17009
17017
|
var SearchNavigationParents = newStyled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n padding-left: 1.25rem;\n padding-right: 1rem;\n"], ["\n display: flex;\n flex-wrap: wrap;\n padding-left: 1.25rem;\n padding-right: 1rem;\n"])));
|
|
17010
17018
|
var SearchNavigation = function (_a) {
|
|
17011
17019
|
var returnText = _a.returnText, returnUrl = _a.returnUrl, _b = _a.steps, steps = _b === void 0 ? [] : _b, returnAction = _a.returnAction;
|
|
17012
|
-
return (jsxs$1(Container$2, { children: [jsxs$1(Text$
|
|
17020
|
+
return (jsxs$1(Container$2, { children: [jsxs$1(Text$6, __assign$1({ variant: "link", style: { display: 'flex', justifyContent: 'center' }, href: returnUrl || '/', onClick: returnAction }, { children: [jsx$1(BackArrow, { children: jsx$1(Icon.Arrows.ChevronRightVariant, { width: 1.375, height: 1.375 }, void 0) }, void 0), returnText && jsx$1(BoldSpan, { children: returnText }, void 0)] }), void 0), jsx$1(SearchNavigationParents, { children: steps.map(function (step, index) {
|
|
17013
17021
|
return index === steps.length - 1 ? (jsx$1(BoldSpan, { children: step }, void 0)) : (jsx$1(NormalSpan, { children: "".concat(step, " / ") }, step));
|
|
17014
17022
|
}) }, void 0)] }, void 0));
|
|
17015
17023
|
};
|
|
@@ -17078,7 +17086,7 @@ var IconsWithTitle = function (_a) {
|
|
|
17078
17086
|
console.error('Icon', iconName, 'not found');
|
|
17079
17087
|
return null;
|
|
17080
17088
|
}
|
|
17081
|
-
return (jsx$1(Fragment$1, { children: jsxs$1(Container, { children: [jsx$1(IconWrapper, __assign$1({ backgroundColor: backgroundColor }, { children: jsx$1(IconComponent, { width: isMobile ? 3 : 4, height: isMobile ? 3 : 4, fill: iconColor }, void 0) }), void 0), jsx$1(Text$
|
|
17089
|
+
return (jsx$1(Fragment$1, { children: jsxs$1(Container, { children: [jsx$1(IconWrapper, __assign$1({ backgroundColor: backgroundColor }, { children: jsx$1(IconComponent, { width: isMobile ? 3 : 4, height: isMobile ? 3 : 4, fill: iconColor }, void 0) }), void 0), jsx$1(Text$6, __assign$1({ variant: "heading6", style: {
|
|
17082
17090
|
fontSize: '14px',
|
|
17083
17091
|
textTransform: 'uppercase',
|
|
17084
17092
|
textAlign: 'center',
|
|
@@ -17087,5 +17095,5 @@ var IconsWithTitle = function (_a) {
|
|
|
17087
17095
|
};
|
|
17088
17096
|
var templateObject_1;
|
|
17089
17097
|
|
|
17090
|
-
export { Accordion$1 as Accordion, AmazonButton, AssetsProvider, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, Card$2 as Card, CardSectionType, CartProductItem, CategoryTag, Checkbox, Collection, ComponentPosition, ComponentSize, index as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownListIcons, FilteringDropdown, Tags as FilteringTags, Filters, FitPredictor, Icon, IconButton, IconsWithTitle, Image, Input$1 as Input, InputValidationType, Modal, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, Pagination, PaymentMethod, PaypalButton, Portal, PriceLabel, ProductGallery, ProductGalleryMobile, ProgressBar, QuantityPicker, RadioGroupInput, RadioInput, Rating, Review, ScrollToTop, SearchBar, SearchNavigation, SeasonOfferTag, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeFitGuide, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, StarList, Tab, Tabs, Text$
|
|
17098
|
+
export { Accordion$1 as Accordion, AmazonButton, AssetsProvider, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, Card$2 as Card, CardSectionType, CartProductItem, CategoryTag, Checkbox, Collection, ComponentPosition, ComponentSize, index as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownListIcons, FilteringDropdown, Tags as FilteringTags, Filters, FitPredictor, Icon, IconButton, IconsWithTitle, Image, Input$1 as Input, InputValidationType, Modal, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, Pagination, PaymentMethod, PaypalButton, Portal, PriceLabel, ProductGallery, ProductGalleryMobile, ProgressBar, QuantityPicker, RadioGroupInput, RadioInput, Rating, Review, ScrollToTop, SearchBar, SearchNavigation, SeasonOfferTag, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeFitGuide, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, StarList, Tab, Tabs, Text$6 as Text, TextButton, ThemeProvider, ThemeVariables, Timer, Tooltip, Totals, decimalFormat, formatPrice, isEmail, isEmpty, isNumber$1 as isNumber, isPhoneNumber, isValidDate, modalEvent, simulateMouseClick, sliceString, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
|
|
17091
17099
|
//# sourceMappingURL=index.esm.js.map
|