@trafilea/afrodita-components 5.0.0-beta.115 → 5.0.0-beta.116
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 +1 -0
- package/build/index.esm.js +13 -4
- package/build/index.esm.js.map +1 -1
- package/build/index.js +13 -4
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.d.ts
CHANGED
package/build/index.esm.js
CHANGED
|
@@ -17423,13 +17423,13 @@ var IconContainer = newStyled.div(templateObject_6$2 || (templateObject_6$2 = __
|
|
|
17423
17423
|
var IconPlaceholder = newStyled.div(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n height: 100%;\n width: 100%;\n background-color: var(--colors-shades-100-color);\n"], ["\n height: 100%;\n width: 100%;\n background-color: var(--colors-shades-100-color);\n"])));
|
|
17424
17424
|
var DiscountContainer = newStyled.div(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n display: flex,\n flex-direction: row,\n align-items: center;\n justify-content: center;\n"], ["\n display: flex,\n flex-direction: row,\n align-items: center;\n justify-content: center;\n"])));
|
|
17425
17425
|
var PackSelector = function (_a) {
|
|
17426
|
-
var packs = _a.packs, selectedValue = _a.selectedValue, onChange = _a.onChange;
|
|
17426
|
+
var packs = _a.packs, selectedValue = _a.selectedValue, onChange = _a.onChange, currencyCode = _a.currencyCode;
|
|
17427
17427
|
return (jsx$1(Container$9, __assign$1({ role: "radiogroup" }, { children: packs.map(function (pack) {
|
|
17428
|
-
return (jsx$1(PackCard, { pack: pack, onChange: onChange, selected: selectedValue === pack }, pack.label));
|
|
17428
|
+
return (jsx$1(PackCard, { pack: pack, onChange: onChange, selected: selectedValue === pack, currencyCode: currencyCode }, pack.label));
|
|
17429
17429
|
}) }), void 0));
|
|
17430
17430
|
};
|
|
17431
17431
|
var PackCard = function (_a) {
|
|
17432
|
-
var pack = _a.pack, onChange = _a.onChange, selected = _a.selected;
|
|
17432
|
+
var pack = _a.pack, onChange = _a.onChange, selected = _a.selected, currencyCode = _a.currencyCode;
|
|
17433
17433
|
var _b = useState(null), icon = _b[0], setIcon = _b[1];
|
|
17434
17434
|
useEffect(function () {
|
|
17435
17435
|
fetch(pack.meta.icon)
|
|
@@ -17439,7 +17439,16 @@ var PackCard = function (_a) {
|
|
|
17439
17439
|
}, [pack.meta.icon]);
|
|
17440
17440
|
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: {
|
|
17441
17441
|
color: 'var(--colors-semantic-urgent-color)',
|
|
17442
|
-
} }, { 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(DiscountContainer, { children: [jsx$1(Text$6, __assign$1({ variant: "label", size: "small", style: { textDecoration: 'line-through' } }, { children: formatPrice(pack.meta.originalPrice
|
|
17442
|
+
} }, { 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(DiscountContainer, { children: [jsx$1(Text$6, __assign$1({ variant: "label", size: "small", style: { textDecoration: 'line-through' } }, { children: formatPrice(pack.meta.originalPrice, {
|
|
17443
|
+
locale: 'en-US',
|
|
17444
|
+
currency: currencyCode || 'USD',
|
|
17445
|
+
}) }), void 0), jsxs$1(Text$6, __assign$1({ variant: "label", size: "small" }, { children: [' - ', ' ', formatPrice(pack.meta.price, {
|
|
17446
|
+
locale: 'en-US',
|
|
17447
|
+
currency: currencyCode || 'USD',
|
|
17448
|
+
})] }), void 0)] }, void 0), jsxs$1(Text$6, __assign$1({ variant: "body", weight: "demi", size: "small" }, { children: [formatPrice(pack.meta.price / pack.meta.quantity, {
|
|
17449
|
+
locale: 'en-US',
|
|
17450
|
+
currency: currencyCode || 'USD',
|
|
17451
|
+
}), ' ', "each"] }), void 0)] }), void 0));
|
|
17443
17452
|
};
|
|
17444
17453
|
var templateObject_1$c, templateObject_2$a, templateObject_3$a, templateObject_4$5, templateObject_5$3, templateObject_6$2, templateObject_7$2, templateObject_8$2;
|
|
17445
17454
|
|