@trafilea/afrodita-components 5.0.0-beta.293 → 5.0.0-beta.294

package/build/index.esm.js/src/components/radio/input/radio.js

@@ -1,130 +0,0 @@
-import { __makeTemplateObject, __assign } from '../../../../node_modules/tslib/tslib.es6.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import newStyled from '../../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js';
-import '../../shared/card/Card.js';
-import { useTheme } from '../../../core/theme/Theme.js';
-import { ComponentSize } from '../../../types/enums.js';
-import '../../dropdown/variants/simple/SimpleDropdown.js';
-import '../../dropdown/variants/dialog/DropdownDialog.js';
-import '../../size/selector/SizeSelector.js';
-import '../../size/guide/SizeFitGuide.js';
-import '../../pricing/discount/DiscountTag.js';
-import '../../pricing/price/PriceLabel.js';
-import '../../pricing/priceLabelV2/PriceLabelV2.js';
-import '../../pricing/clubOffer/ClubOfferTag.js';
-import '../../color/ColorRadioGroup.js';
-import '../../color/selector/PatternSelector.js';
-import 'react';
-import '../../gallery/ProductGallery.js';
-import '../../rating/Rating.js';
-import '../../fit/FitPredictor.js';
-import '../../progress-bar/ProgressBar.js';
-import '../../motivator-progress-bar/MotivatorProgressBar.js';
-import '../../icon-button/IconButton.js';
-import '../../tooltip/Styled.js';
-import '../../accordion/Accordion.js';
-import '../../checkbox/Checkbox.js';
-import '../RadioPrimary/radioPrimary.js';
-import '../clubRadioInput/clubRadio.js';
-import '../../bundle/minimalistic/Minimalistic.js';
-import '../../bundle/simple/Simple.js';
-import '../../tag/Tag.js';
-import '../../input/label/Label.js';
-import '../../../utils/media.js';
-import '../../input/base/Error.js';
-import '../../input/base/Styled.js';
-import '../../input/custom/Custom.js';
-import '../../input/basePlusButton/BasePlusButton.js';
-import '../../input/basePlusIcon/BasePlusIcon.js';
-import '../../payment-methods/PaymentMethod.js';
-import '../../offer-banner/OfferBanner.js';
-import '../../totals/total/Total.js';
-import '../../totals/subtotal/Subtotal.js';
-import '../../delivery-details/DeliveryDetails.js';
-import '../../scroll-to-top/ScrollToTop.js';
-import '../../order-bar/OrderBar.js';
-import '../../size-table/SizeTable.js';
-import '../../size-chart/SizeChart.js';
-import '../../product/order/item/SimpleOrderItem.js';
-import '../../review/Review.js';
-import '../../slider/ArrowButton.js';
-import '../../slider/StyledSlider.js';
-import '../../dropdown-list-icons/Styled.js';
-import '../../shared/image/Image.js';
-import '../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js';
-import '../../cross-sell/Checkbox/CrossSellCheckbox.js';
-import '../../collection/product/mobile/ProductItemMobile.js';
-import '../../collection/grid/WithProductGrid.js';
-import '../../rating/starList/StarList.js';
-import '../../drawer/Drawer.js';
-import '../../spinner/Spinner.js';
-import '../../filtering/Tags/Tags.js';
-import '../../dropdown/base/BaseDropdown.js';
-import '../../pagination/styles.js';
-import '../../text/Text.js';
-import '../../search-bar/SearchBar.js';
-import '../../mobile/gallery/ProductGalleryMobile.js';
-import 'react-dom';
-import '../../modal/Modal.js';
-import '../../cartProductItem/Title/Title.js';
-import '../../cartProductItem/Promo/Promo.js';
-import '../../cartProductItem/Description/Description.js';
-import '../../cartProductItem/CloseIcon/CloseButton.js';
-import '../../quantityPicker/QuantityPicker.js';
-import '../../packs/selector/PackSelector.js';
-import '../../PackSelectorV2/PackSelectoV2.js';
-import '../../filtering/Accordion.js';
-import '../../filtering/FiltersStyled.js';
-import '../../search-navigation/SearchNavigation.js';
-import '../../tabs/Tabs.js';
-import '../../tabs/Tab.js';
-import '../../iconsWithTitle/index.js';
-import '../../delivery-details/Note/Note.js';
-import '../../textWithImage/index.js';
-import '../../accordion-options/AccordionOptions.js';
-import '../../short-banner/ShortBanner.js';
-import '../../before-after/BeforeAfter.js';
-import '../../image-card/ImageCard.js';
-import '../../tracking-progress/TrackingProgress.js';
-import '../../tracking-progress-v2/TrackingProgressV2.js';
-import '../../reviews-header/ReviewsHeader.js';
-import '../../review-detail/ReviewDetail.js';
-import '../../mobile/gallery/ProductGalleryMobileV2/ProductGalleryMobileV2.js';
-import '../../absorbency-level/AbsorbencyLevel.js';
-import '../../HurryUp/HurryUp.js';
-import '../../buynowpaylater/BuyNowPayLater.js';
-import '../../strength-bars/StrengthBars.js';
-import '../../dropdown/size-dropdown/Styled.js';
-import Label from '../../shared/label/label.js';
-import { ContainerStyles, CustomRadioStyles } from './styles.js';
-
-var Wrapper = newStyled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
-var Container = newStyled.div(__assign({}, ContainerStyles.baseStyles), function (props) { return [ContainerStyles[props.size](props.theme)]; });
-var Input = newStyled.input(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  opacity: 0;\n  cursor: ", ";\n  height: 100%;\n  width: 100%;\n  margin: 0;\n"], ["\n  position: absolute;\n  opacity: 0;\n  cursor: ", ";\n  height: 100%;\n  width: 100%;\n  margin: 0;\n"])), function (_a) {
-    var disabled = _a.disabled;
-    return (disabled ? 'not-allowed' : 'pointer');
-});
-var CustomRadio = newStyled.div(function (props) { return [
-    CustomRadioStyles.baseStyles(props.theme, props.disabled),
-    CustomRadioStyles[props.size](props.theme, props.isChecked),
-]; });
-var StyledLabel = newStyled(Label)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: ", ";\n  line-height: ", " !important;\n"], ["\n  font-size: ", ";\n  line-height: ", " !important;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.component.radio.textSize;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.component.radio.lineHeight;
-});
-var RadioInput = function (_a) {
-    var style = _a.style, name = _a.name, value = _a.value, id = _a.id, label = _a.label, _b = _a.checked, checked = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, onChange = _a.onChange, _d = _a.size, size = _d === void 0 ? ComponentSize.Medium : _d;
-    var theme = useTheme();
-    var handleChange = function (event, label) {
-        var value = event.currentTarget.value;
-        onChange({ value: value, label: label });
-    };
-    return (jsxs(Wrapper, { children: [jsxs(Container, __assign({ theme: theme, size: size, style: style, "data-testid": "container" }, { children: [jsx(Input, { id: "".concat(name, "-").concat(id), type: "radio", name: name, value: value, checked: checked, onChange: function (e) { return (disabled ? null : handleChange(e, label)); }, disabled: disabled, style: style }, void 0), jsx(CustomRadio, { size: size, isChecked: checked, disabled: disabled, theme: theme, "data-testid": "custom-radio", style: style }, void 0)] }), void 0), jsx(StyledLabel, __assign({ htmlFor: "".concat(name, "-").concat(id), "data-testid": "label", variant: "regular", size: size, disabled: disabled }, { children: label }), void 0)] }, void 0));
-};
-var templateObject_1, templateObject_2, templateObject_3;
-
-export { RadioInput };
-//# sourceMappingURL=radio.js.map

package/build/index.esm.js/src/components/radio/input/radio.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"radio.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/index.esm.js/src/components/radio/input/styles.js

@@ -1,67 +0,0 @@
-import { css } from '../../../../node_modules/@emotion/react/dist/emotion-react.esm.js';
-
-/* base styles & size variants */
-var CustomRadioStyles = {
-    baseStyles: function (theme, disabled) {
-        return css({
-            borderRadius: '50%',
-            height: '100%',
-            width: '100%',
-            boxSizing: 'border-box',
-            borderStyle: 'solid',
-            background: theme.component.radio.background,
-            borderColor: disabled ? theme.colors.border.disabled : theme.component.radio.borderColor,
-        });
-    },
-    small: function (theme, active) {
-        return css({
-            borderWidth: active
-                ? theme.component.radio.size.small.active.borderWidth
-                : theme.component.radio.size.small.borderWidth,
-        });
-    },
-    medium: function (theme, active) {
-        return css({
-            borderWidth: active
-                ? theme.component.radio.size.medium.active.borderWidth
-                : theme.component.radio.size.medium.borderWidth,
-        });
-    },
-    large: function (theme, active) {
-        return css({
-            borderWidth: active
-                ? theme.component.radio.size.large.active.borderWidth
-                : theme.component.radio.size.large.borderWidth,
-        });
-    },
-};
-/* base styles & size variants */
-var ContainerStyles = {
-    baseStyles: css({
-        position: 'relative',
-    }),
-    small: function (theme) {
-        return css({
-            height: theme.component.radio.size.small.height,
-            width: theme.component.radio.size.small.height,
-            marginRight: theme.component.radio.size.small.margin,
-        });
-    },
-    medium: function (theme) {
-        return css({
-            height: theme.component.radio.size.medium.height,
-            width: theme.component.radio.size.medium.height,
-            marginRight: theme.component.radio.size.medium.margin,
-        });
-    },
-    large: function (theme) {
-        return css({
-            height: theme.component.radio.size.large.height,
-            width: theme.component.radio.size.large.height,
-            marginRight: theme.component.radio.size.large.margin,
-        });
-    },
-};
-
-export { ContainerStyles, CustomRadioStyles };
-//# sourceMappingURL=styles.js.map

package/build/index.esm.js/src/components/radio/input/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/index.esm.js/src/components/rating/Rating.js

@@ -1,52 +0,0 @@
-import { __assign } from '../../../node_modules/tslib/tslib.es6.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { ComponentSize } from '../../types/enums.js';
-import { StarList } from './starList/StarList.js';
-import { LabelStyles, Container } from './styles.js';
-import newStyled from '../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js';
-import { useTheme } from '../../core/theme/Theme.js';
-import { css } from '../../../node_modules/@emotion/react/dist/emotion-react.esm.js';
-
-var CustomLabel = newStyled.div(function (_a) {
-    var theme = _a.theme, size = _a.size, wrapWithParenthesis = _a.wrapWithParenthesis, underline = _a.underline;
-    return [
-        LabelStyles.baseStyles(theme),
-        LabelStyles[size](theme),
-        {
-            ':before': {
-                content: wrapWithParenthesis ? '"("' : '""',
-            },
-            ':after': {
-                content: wrapWithParenthesis ? '")"' : '""',
-            },
-        },
-        css({
-            textDecoration: underline ? 'underline' : 'none',
-        }),
-    ];
-});
-var starsNumber = 5;
-var Rating = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? ComponentSize.Medium : _b, reviews = _a.reviews, reviewsText = _a.reviewsText, rating = _a.rating, _c = _a.wrapWithParenthesis, wrapWithParenthesis = _c === void 0 ? false : _c, _d = _a.underline, underline = _d === void 0 ? false : _d, reviewsContainerId = _a.reviewsContainerId;
-    function handleAnchorClick(e) {
-        var _a;
-        if (e.cancelable) {
-            e.preventDefault();
-        }
-        if (reviewsContainerId) {
-            (_a = document.querySelector(reviewsContainerId)) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
-                behavior: 'smooth',
-            });
-        }
-    }
-    var theme = useTheme();
-    var containerAttributes = reviewsContainerId
-        ? {
-            href: reviewsContainerId,
-        }
-        : {};
-    return (jsxs(Container, __assign({ as: reviewsContainerId ? 'a' : 'div' }, containerAttributes, { "data-testid": "Container", onClick: handleAnchorClick }, { children: [jsx(StarList, { rating: rating, size: size, starsNumber: starsNumber, fill: theme.component.stars.element.color }, void 0), jsxs(CustomLabel, __assign({ theme: theme, size: size, wrapWithParenthesis: wrapWithParenthesis, underline: underline, "data-testid": "CustomLabel" }, { children: [reviews ? reviews : '', " ", reviewsText ? reviewsText : ''] }), void 0)] }), void 0));
-};
-
-export { Rating };
-//# sourceMappingURL=Rating.js.map

package/build/index.esm.js/src/components/rating/Rating.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Rating.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/index.esm.js/src/components/rating/starList/StarList.js

@@ -1,31 +0,0 @@
-import { __spreadArray, __assign } from '../../../../node_modules/tslib/tslib.es6.js';
-import { jsx } from 'react/jsx-runtime';
-import { ComponentSize } from '../../../types/enums.js';
-import { Icon } from '../../icons/index.js';
-import { StarStyles, Container } from './styles.js';
-import newStyled from '../../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js';
-import { useTheme } from '../../../core/theme/Theme.js';
-
-var StarContainer = newStyled.div(function (_a) {
-    var size = _a.size, theme = _a.theme;
-    return [
-        StarStyles.baseStyles(),
-        StarStyles[size](theme),
-    ];
-});
-var sizes = {
-    xsmall: { width: 0.75, height: 0.75 },
-    small: { width: 1, height: 1 },
-    medium: { width: 1.5, height: 1.5 },
-    large: { width: 2.5, height: 2.5 },
-};
-var StarList = function (_a) {
-    var rating = _a.rating, starsNumber = _a.starsNumber, fill = _a.fill, _b = _a.size, size = _b === void 0 ? ComponentSize.Medium : _b;
-    var theme = useTheme();
-    return (jsx(Container, { children: __spreadArray([], new Array(starsNumber), true).map(function (_, index) {
-            return (jsx(StarContainer, __assign({ "data-testid": "star-container", size: size, theme: theme }, { children: index < Math.floor(rating) ? (jsx(Icon.PDP.Star, __assign({}, sizes[size], { fill: fill }), void 0)) : index === Math.floor(rating) && rating % 1 != 0 ? (jsx(Icon.PDP.StarHalf, __assign({}, sizes[size], { fill: fill }), void 0)) : (jsx(Icon.PDP.StarEmpty, __assign({}, sizes[size], { fill: fill }), void 0)) }), index));
-        }) }, void 0));
-};
-
-export { StarList };
-//# sourceMappingURL=StarList.js.map

package/build/index.esm.js/src/components/rating/starList/StarList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StarList.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/index.esm.js/src/components/rating/starList/styles.js

@@ -1,53 +0,0 @@
-import { __makeTemplateObject } from '../../../../node_modules/tslib/tslib.es6.js';
-import { css } from '../../../../node_modules/@emotion/react/dist/emotion-react.esm.js';
-import newStyled from '../../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js';
-
-/* base styles & size variants */
-var StarStyles = {
-    baseStyles: function () {
-        return css({
-            display: 'flex',
-        });
-    },
-    xsmall: function (theme) {
-        return css({
-            svg: {
-                width: theme.component.stars.element.xsmall.width,
-                height: theme.component.stars.element.xsmall.height,
-                marginRight: theme.component.stars.element.xsmall.marginRight,
-            },
-        });
-    },
-    small: function (theme) {
-        return css({
-            svg: {
-                width: theme.component.stars.element.small.width,
-                height: theme.component.stars.element.small.height,
-                marginRight: theme.component.stars.element.small.marginRight,
-            },
-        });
-    },
-    medium: function (theme) {
-        return css({
-            svg: {
-                width: theme.component.stars.element.medium.width,
-                height: theme.component.stars.element.medium.height,
-                marginRight: theme.component.stars.element.medium.marginRight,
-            },
-        });
-    },
-    large: function (theme) {
-        return css({
-            svg: {
-                width: theme.component.stars.element.large.width,
-                height: theme.component.stars.element.large.height,
-                marginRight: theme.component.stars.element.large.marginRight,
-            },
-        });
-    },
-};
-var Container = newStyled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
-var templateObject_1;
-
-export { Container, StarStyles };
-//# sourceMappingURL=styles.js.map

package/build/index.esm.js/src/components/rating/starList/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/index.esm.js/src/components/rating/styles.js

@@ -1,48 +0,0 @@
-import { __makeTemplateObject } from '../../../node_modules/tslib/tslib.es6.js';
-import { css } from '../../../node_modules/@emotion/react/dist/emotion-react.esm.js';
-import newStyled from '../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js';
-
-/* base styles & size variants */
-var LabelStyles = {
-    baseStyles: function (theme) {
-        return css({
-            margin: '0',
-            display: 'flex',
-            color: theme.colors.pallete.secondary.color,
-            fontWeight: theme.component.rating.fontWeight,
-        });
-    },
-    xsmall: function (theme) {
-        return css({
-            fontSize: theme.component.rating.size.xsmall.fontSize,
-            lineHeight: theme.component.rating.size.xsmall.lineHeight,
-            marginLeft: '0.172rem',
-        });
-    },
-    small: function (theme) {
-        return css({
-            fontSize: theme.component.rating.size.small.fontSize,
-            lineHeight: theme.component.rating.size.small.lineHeight,
-            marginLeft: '0.313rem',
-        });
-    },
-    medium: function (theme) {
-        return css({
-            fontSize: theme.component.rating.size.medium.fontSize,
-            lineHeight: theme.component.rating.size.medium.lineHeight,
-            marginLeft: '0.438rem',
-        });
-    },
-    large: function (theme) {
-        return css({
-            fontSize: theme.component.rating.size.large.fontSize,
-            lineHeight: theme.component.rating.size.large.lineHeight,
-            marginLeft: '0.563rem',
-        });
-    },
-};
-var Container = newStyled.a(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
-var templateObject_1;
-
-export { Container, LabelStyles };
-//# sourceMappingURL=styles.js.map

package/build/index.esm.js/src/components/rating/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/index.esm.js/src/components/review/Review.js

@@ -1,69 +0,0 @@
-import { __makeTemplateObject, __assign } from '../../../node_modules/tslib/tslib.es6.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
-import newStyled from '../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js';
-import { StarList } from '../rating/starList/StarList.js';
-import { formatDate } from '../../utils/dateFormatter/dateFormatter.js';
-import { ComponentSize } from '../../types/enums.js';
-import Image from '../shared/image/Image.js';
-import '../../core/theme/Theme.js';
-import ButtonSecondary from '../cta/secondary/ButtonSecondary.js';
-
-var REVIEWS_DESCRIPTION_MAX_LENGTH_DESKTOP = 500;
-var REVIEWS_DESCRIPTION_MAX_LENGTH_MOBILE = 168;
-var Container = newStyled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  width: auto;\n  color: #292929;\n"], ["\n  display: flex;\n  flex-direction: column;\n  width: auto;\n  color: #292929;\n"])));
-var Heading = newStyled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  width: 100%;\n  font-size: 14px;\n  line-height: 22px;\n  text-align: right;\n  margin-bottom: 10px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"], ["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  width: 100%;\n  font-size: 14px;\n  line-height: 22px;\n  text-align: right;\n  margin-bottom: 10px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"])));
-var Content = newStyled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n"], ["\n  display: flex;\n  justify-content: space-between;\n"])));
-var ReviewContainer = newStyled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
-var DateText = newStyled.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 16px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"], ["\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 16px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"])));
-var VariantText = newStyled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 22px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"], ["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 22px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"])));
-var ReviewerName = newStyled.h2(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  font-weight: 600;\n  margin: 0;\n  font-size: 14px;\n  line-height: 22px;\n\n  @media (min-width: 768px) {\n    font-size: 18px;\n    line-height: 28px;\n  }\n"], ["\n  font-weight: 600;\n  margin: 0;\n  font-size: 14px;\n  line-height: 22px;\n\n  @media (min-width: 768px) {\n    font-size: 18px;\n    line-height: 28px;\n  }\n"])));
-var ReviewTitle = newStyled.h3(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  font-size: 14px;\n  line-height: 22px;\n  margin: 10px 0 8px;\n  font-weight: 600;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"], ["\n  font-size: 14px;\n  line-height: 22px;\n  margin: 10px 0 8px;\n  font-weight: 600;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"])));
-var ReviewDescriptionDesktop = newStyled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: none;\n\n  @media (min-width: 768px) {\n    display: block;\n    font-weight: normal;\n    font-size: 16px;\n    line-height: 24px;\n    margin: 0;\n    white-space: pre-wrap;\n\n    a.see-more {\n      color: var(--colors-semantic-informative-color);\n      text-decoration: underline;\n      cursor: pointer;\n      font-weight: 600;\n      white-space: nowrap;\n    }\n  }\n"], ["\n  display: none;\n\n  @media (min-width: 768px) {\n    display: block;\n    font-weight: normal;\n    font-size: 16px;\n    line-height: 24px;\n    margin: 0;\n    white-space: pre-wrap;\n\n    a.see-more {\n      color: var(--colors-semantic-informative-color);\n      text-decoration: underline;\n      cursor: pointer;\n      font-weight: 600;\n      white-space: nowrap;\n    }\n  }\n"])));
-var ReviewDescriptionMobile = newStyled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n  margin: 0;\n\n  a.see-more {\n    color: var(--colors-semantic-informative-color);\n    text-decoration: underline;\n    cursor: pointer;\n    font-weight: 600;\n    white-space: nowrap;\n  }\n\n  @media (min-width: 768px) {\n    display: none;\n  }\n"], ["\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n  margin: 0;\n\n  a.see-more {\n    color: var(--colors-semantic-informative-color);\n    text-decoration: underline;\n    cursor: pointer;\n    font-weight: 600;\n    white-space: nowrap;\n  }\n\n  @media (min-width: 768px) {\n    display: none;\n  }\n"])));
-var ImagesContainer = newStyled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  margin-left: 10px;\n  text-align: right;\n"], ["\n  margin-left: 10px;\n  text-align: right;\n"])));
-var Images = newStyled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  display: flex;\n  justify-content: end;\n"], ["\n  display: flex;\n  justify-content: end;\n"])));
-var ImageSpace = newStyled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  width: 7.5rem;\n  height: 4.125rem;\n"], ["\n  width: 7.5rem;\n  height: 4.125rem;\n"])));
-var ImageWrapper = newStyled.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  cursor: zoom-in;\n  display: none;\n  margin-right: 4px;\n\n  &:first-child {\n    display: inline-block;\n  }\n\n  & img {\n    object-fit: cover;\n  }\n\n  @media (min-width: 1024px) {\n    display: inline-block;\n  }\n"], ["\n  cursor: zoom-in;\n  display: none;\n  margin-right: 4px;\n\n  &:first-child {\n    display: inline-block;\n  }\n\n  & img {\n    object-fit: cover;\n  }\n\n  @media (min-width: 1024px) {\n    display: inline-block;\n  }\n"])));
-var HelpfulContainerDesktop = newStyled.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  display: flex;\n  margin-top: ", ";\n\n  @media (max-width: 768px) {\n    display: none;\n  }\n"], ["\n  display: flex;\n  margin-top: ", ";\n\n  @media (max-width: 768px) {\n    display: none;\n  }\n"])), function (_a) {
-    var showMoreDesktop = _a.showMoreDesktop;
-    return (showMoreDesktop ? '12px' : '50px');
-});
-var HelpfulContainerMobile = newStyled.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  display: none;\n\n  @media (max-width: 768px) {\n    margin-top: 10px;\n    display: flex;\n  }\n"], ["\n  display: none;\n\n  @media (max-width: 768px) {\n    margin-top: 10px;\n    display: flex;\n  }\n"])));
-var HelpfulText = newStyled.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  font-size: 14px;\n  line-height: 34px;\n  font-weight: 600;\n  color: #d4605b;\n"], ["\n  font-size: 14px;\n  line-height: 34px;\n  font-weight: 600;\n  color: #d4605b;\n"])));
-var HelpfulTexti = newStyled.i(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  content: '\f164';\n"], ["\n  content: '\\f164';\n"])));
-var ButtonSecondaryWrapper = newStyled(ButtonSecondary)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  margin-right: 15px;\n"], ["\n  margin-right: 15px;\n"])));
-var Review = function (_a) {
-    var reviewId = _a.reviewId, reviewerName = _a.reviewerName, date = _a.date, rating = _a.rating, stars = _a.stars, title = _a.title, description = _a.description, images = _a.images, reviewVariant = _a.reviewVariant, onClickImage = _a.onClickImage, helpfulActionText = _a.helpfulActionText, helpfulAction = _a.helpfulAction, helpfulCount = _a.helpfulCount;
-    var randomId = Math.random().toString(36).substring(7);
-    var _b = useState(description.length > REVIEWS_DESCRIPTION_MAX_LENGTH_MOBILE), showMoreMobile = _b[0], setShowMoreMobile = _b[1];
-    var _c = useState(description.length > REVIEWS_DESCRIPTION_MAX_LENGTH_DESKTOP), showMoreDesktop = _c[0], setShowMoreDesktop = _c[1];
-    useEffect(function () {
-        var seeMoreElements = document.querySelectorAll("#see-more-".concat(randomId));
-        var showAllDescription = function () {
-            setShowMoreMobile(false);
-            setShowMoreDesktop(false);
-        };
-        seeMoreElements.forEach(function (element) {
-            element.addEventListener('click', showAllDescription);
-        });
-        return function () {
-            seeMoreElements.forEach(function (element) {
-                element.removeEventListener('click', showAllDescription);
-            });
-        };
-    }, [randomId]);
-    return (jsxs(Container, { children: [jsxs(Heading, { children: [jsx(ReviewerName, { children: reviewerName }, void 0), jsx(DateText, { children: formatDate(date) }, void 0)] }, void 0), jsx(StarList, { starsNumber: 5, rating: rating, fill: stars.color, size: stars.size }, void 0), jsxs(Content, __assign({ "data-testid": "review-content" }, { children: [jsxs(ReviewContainer, { children: [jsx(ReviewTitle, { children: title }, void 0), jsx(ReviewDescriptionMobile, { dangerouslySetInnerHTML: {
-                                    __html: showMoreMobile
-                                        ? "".concat(description.slice(0, REVIEWS_DESCRIPTION_MAX_LENGTH_MOBILE), "... <a id=\"see-more-").concat(randomId, "\" class=\"see-more\">See more</a>")
-                                        : description,
-                                } }, void 0), jsx(ReviewDescriptionDesktop, { dangerouslySetInnerHTML: {
-                                    __html: showMoreDesktop
-                                        ? "".concat(description.slice(0, REVIEWS_DESCRIPTION_MAX_LENGTH_DESKTOP), "... <a id=\"see-more-").concat(randomId, "\" class=\"see-more\">See more</a>")
-                                        : description,
-                                } }, void 0), jsxs(HelpfulContainerDesktop, __assign({ showMoreDesktop: description.length > REVIEWS_DESCRIPTION_MAX_LENGTH_DESKTOP }, { children: [helpfulActionText && helpfulAction && (jsx(ButtonSecondaryWrapper, { onClick: function () { return helpfulAction(reviewId); }, text: helpfulActionText, size: ComponentSize.Small }, void 0)), helpfulCount && jsxs(HelpfulText, { children: [helpfulCount, " people found this helpful"] }, void 0)] }), void 0)] }, void 0), jsxs(ImagesContainer, { children: [jsxs(Images, { children: [images === null || images === void 0 ? void 0 : images.map(function (image) { return (jsx(ImageWrapper, __assign({ onClick: function () { return onClickImage && onClickImage(image.src); } }, { children: jsx(Image, { src: image.src, alt: image.alt, height: "10rem", width: "7.5rem" }, void 0) }), image.src)); }), !images || (images.length === 0 && jsx(ImageSpace, {}, void 0))] }, void 0), jsx(VariantText, { children: reviewVariant }, void 0)] }, void 0)] }), void 0), jsx(HelpfulTexti, {}, void 0), jsxs(HelpfulContainerMobile, { children: [helpfulActionText && helpfulAction && (jsx(ButtonSecondaryWrapper, { onClick: function () { return helpfulAction(reviewId); }, text: helpfulActionText, size: ComponentSize.Small }, void 0)), helpfulCount && jsxs(HelpfulText, { children: [helpfulCount, " people found this helpful"] }, void 0)] }, void 0)] }, void 0));
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19;
-
-export { Review as default };
-//# sourceMappingURL=Review.js.map

package/build/index.esm.js/src/components/review/Review.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Review.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/index.esm.js/src/components/review-detail/ReviewDetail.js

@@ -1,55 +0,0 @@
-import { __makeTemplateObject, __assign } from '../../../node_modules/tslib/tslib.es6.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useRef, useEffect } from 'react';
-import newStyled from '../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js';
-import { StarList } from '../rating/starList/StarList.js';
-import { formatDate } from '../../utils/dateFormatter/dateFormatter.js';
-import Image from '../shared/image/Image.js';
-import { useModal, Modal } from '../modal/Modal.js';
-import { Icon } from '../icons/index.js';
-
-var Container = newStyled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n\n  @media (min-width: 768px) {\n    flex-direction: row;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n\n  @media (min-width: 768px) {\n    flex-direction: row;\n  }\n"])));
-var Content = newStyled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  padding: 20px;\n  padding-top: 0;\n"], ["\n  display: flex;\n  flex-direction: column;\n  padding: 20px;\n  padding-top: 0;\n"])));
-var StarsContent = newStyled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n"], ["\n  display: flex;\n  justify-content: space-between;\n"])));
-var ReviewContainer = newStyled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  margin-top: 15px;\n  margin-bottom: 5px;\n\n  @media (min-width: 768px) {\n    margin-top: 10px;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  margin-top: 15px;\n  margin-bottom: 5px;\n\n  @media (min-width: 768px) {\n    margin-top: 10px;\n  }\n"])));
-var DateText = newStyled.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 22px;\n"], ["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 22px;\n"])));
-var ReviewerName = newStyled.h1(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  font-weight: 600;\n  margin: 0;\n  font-size: 18px;\n  padding: 20px;\n  display: flex;\n"], ["\n  font-weight: 600;\n  margin: 0;\n  font-size: 18px;\n  padding: 20px;\n  display: flex;\n"])));
-var VerifiedText = newStyled.h1(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  font-weight: 600;\n  margin: 0;\n  font-size: 18px;\n  color: #1cc286;\n  margin-left: 6px;\n\n  @media (min-width: 768px) {\n    font-size: 18px;\n  }\n"], ["\n  font-weight: 600;\n  margin: 0;\n  font-size: 18px;\n  color: #1cc286;\n  margin-left: 6px;\n\n  @media (min-width: 768px) {\n    font-size: 18px;\n  }\n"])));
-var ReviewTitle = newStyled.h2(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  font-size: 18px;\n  line-height: 20px;\n  font-weight: 600;\n  margin: 0;\n"], ["\n  font-size: 18px;\n  line-height: 20px;\n  font-weight: 600;\n  margin: 0;\n"])));
-var ReviewDescription = newStyled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  font-weight: normal;\n  font-size: 16px;\n  margin: 0;\n  line-height: 25px;\n  word-break: break-word;\n  margin-top: 5px;\n  white-space: pre-wrap;\n"], ["\n  font-weight: normal;\n  font-size: 16px;\n  margin: 0;\n  line-height: 25px;\n  word-break: break-word;\n  margin-top: 5px;\n  white-space: pre-wrap;\n"])));
-var ImageContainer = newStyled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  width: 100% !important;\n  min-width: 100%;\n  height: initial !important;\n  min-height: 250px;\n  background-size: contain !important;\n  margin: 0 !important;\n  line-height: 0;\n\n  @media (min-width: 768px) {\n    width: unset;\n    min-width: 50%;\n    max-width: 100%;\n    background-color: #fff;\n    display: inline-block;\n    vertical-align: middle;\n    max-height: calc(100vh - 100px);\n    padding: 20px;\n  }\n"], ["\n  width: 100% !important;\n  min-width: 100%;\n  height: initial !important;\n  min-height: 250px;\n  background-size: contain !important;\n  margin: 0 !important;\n  line-height: 0;\n\n  @media (min-width: 768px) {\n    width: unset;\n    min-width: 50%;\n    max-width: 100%;\n    background-color: #fff;\n    display: inline-block;\n    vertical-align: middle;\n    max-height: calc(100vh - 100px);\n    padding: 20px;\n  }\n"])));
-var ImageWrapper = newStyled(Image)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  width: 100%;\n  min-width: 50%;\n  max-width: 100%;\n  background-color: #fff;\n  display: inline-block;\n  vertical-align: middle;\n  max-height: calc(100vh - 100px);\n"], ["\n  width: 100%;\n  min-width: 50%;\n  max-width: 100%;\n  background-color: #fff;\n  display: inline-block;\n  vertical-align: middle;\n  max-height: calc(100vh - 100px);\n"])));
-var VideoWrapper = newStyled.video(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  width: 100%;\n  min-width: 50%;\n  max-width: 100%;\n  background-color: #fff;\n  display: inline-block;\n  vertical-align: middle;\n  max-height: calc(100vh - 100px);\n"], ["\n  width: 100%;\n  min-width: 50%;\n  max-width: 100%;\n  background-color: #fff;\n  display: inline-block;\n  vertical-align: middle;\n  max-height: calc(100vh - 100px);\n"])));
-var ProductContainer = newStyled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  padding: 20px;\n  border-top: 1px solid #eee;\n  cursor: pointer;\n"], ["\n  padding: 20px;\n  border-top: 1px solid #eee;\n  cursor: pointer;\n"])));
-var ProductTitle = newStyled.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  align-items: center;\n  margin-top: 10px;\n  margin-bottom: 15px;\n  font-size: 12px;\n  line-height: 16px;\n  text-align: center;\n  max-width: 192px;\n"], ["\n  align-items: center;\n  margin-top: 10px;\n  margin-bottom: 15px;\n  font-size: 12px;\n  line-height: 16px;\n  text-align: center;\n  max-width: 192px;\n"])));
-var ProductImage = newStyled(Image)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  max-height: 100px;\n  height: auto;\n  width: auto;\n"], ["\n  max-height: 100px;\n  height: auto;\n  width: auto;\n"])));
-var ProductImageWrapper = newStyled.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  display: inline-block;\n  padding: 10px;\n  border: 1px solid #ececec;\n  line-height: 0;\n  text-align: center;\n  width: 100%;\n  box-sizing: border-box !important;\n  max-width: 192px;\n"], ["\n  display: inline-block;\n  padding: 10px;\n  border: 1px solid #ececec;\n  line-height: 0;\n  text-align: center;\n  width: 100%;\n  box-sizing: border-box !important;\n  max-width: 192px;\n"])));
-var DescriptionContainer = newStyled.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  @media (min-width: 768px) {\n    min-width: 40%;\n  }\n"], ["\n  @media (min-width: 768px) {\n    min-width: 40%;\n  }\n"])));
-var HelpfulContainer = newStyled.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  display: flex;\n  justify-content: end;\n  margin-top: 20px;\n"], ["\n  display: flex;\n  justify-content: end;\n  margin-top: 20px;\n"])));
-var HelpfulAction = newStyled.div(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  display: flex;\n  cursor: pointer;\n"], ["\n  display: flex;\n  cursor: pointer;\n"])));
-var NotHelpfulAction = newStyled.div(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  display: flex;\n  cursor: pointer;\n"], ["\n  display: flex;\n  cursor: pointer;\n"])));
-var HelpfulCount = newStyled.span(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n  font-size: 15px;\n  text-align: right;\n  margin-right: 15px;\n  margin-left: 4px;\n"], ["\n  font-size: 15px;\n  text-align: right;\n  margin-right: 15px;\n  margin-left: 4px;\n"])));
-var NotHelpfulCount = newStyled.span(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n  font-size: 15px;\n  text-align: right;\n  margin-left: 4px;\n"], ["\n  font-size: 15px;\n  text-align: right;\n  margin-left: 4px;\n"])));
-var CloseButton = newStyled.span(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n  cursor: pointer;\n  display: inline-block;\n  position: absolute;\n  background: #fff;\n  color: #000;\n  box-shadow: none;\n  opacity: 0.8;\n  top: 0;\n  right: 0;\n  z-index: 3;\n  font-size: 0;\n  line-height: 30px;\n  text-align: center;\n  width: 45px;\n  height: 50px;\n  font-weight: 400;\n  float: right;\n\n  &::before {\n    content: '';\n    position: absolute;\n    height: 1px;\n    width: 100%;\n    top: 50%;\n    left: 0;\n    margin-top: -1px;\n    background: #000;\n    transform: rotate(-45deg);\n  }\n\n  &::after {\n    content: '';\n    position: absolute;\n    height: 1px;\n    width: 100%;\n    top: 50%;\n    left: 0;\n    margin-top: -1px;\n    background: #000;\n    transform: rotate(45deg);\n  }\n"], ["\n  cursor: pointer;\n  display: inline-block;\n  position: absolute;\n  background: #fff;\n  color: #000;\n  box-shadow: none;\n  opacity: 0.8;\n  top: 0;\n  right: 0;\n  z-index: 3;\n  font-size: 0;\n  line-height: 30px;\n  text-align: center;\n  width: 45px;\n  height: 50px;\n  font-weight: 400;\n  float: right;\n\n  &::before {\n    content: '';\n    position: absolute;\n    height: 1px;\n    width: 100%;\n    top: 50%;\n    left: 0;\n    margin-top: -1px;\n    background: #000;\n    transform: rotate(-45deg);\n  }\n\n  &::after {\n    content: '';\n    position: absolute;\n    height: 1px;\n    width: 100%;\n    top: 50%;\n    left: 0;\n    margin-top: -1px;\n    background: #000;\n    transform: rotate(45deg);\n  }\n"])));
-var Review = function (_a) {
-    var reviewId = _a.reviewId, reviewerName = _a.reviewerName, date = _a.date, rating = _a.rating, stars = _a.stars, title = _a.title, description = _a.description, image = _a.image, modalId = _a.modalId, _b = _a.maxFullScreen, maxFullScreen = _b === void 0 ? false : _b, verified = _a.verified, productImage = _a.productImage, productTitle = _a.productTitle, productLink = _a.productLink, _c = _a.helpfulCount, helpfulCount = _c === void 0 ? 0 : _c, helpfulAction = _a.helpfulAction, _d = _a.notHelpfulCount, notHelpfulCount = _d === void 0 ? 0 : _d, notHelpfulAction = _a.notHelpfulAction;
-    var isVideo = image === null || image === void 0 ? void 0 : image.src.includes('/video');
-    var refVideo = useRef(null);
-    var _e = useModal(modalId), opened = _e.opened, close = _e.close;
-    useEffect(function () {
-        if (refVideo.current) {
-            if (opened) {
-                refVideo.current.play();
-            }
-            else {
-                refVideo.current.pause();
-            }
-        }
-    }, [opened]);
-    return (jsx(Modal, __assign({ id: modalId, maxFullScreen: maxFullScreen, padding: "0" }, { children: jsxs(Container, { children: [jsx(CloseButton, __assign({ onClick: close }, { children: "X" }), void 0), jsx(ImageContainer, { children: image &&
-                        (!isVideo ? (jsx(ImageWrapper, { src: image.src, alt: image.alt }, void 0)) : (jsx(VideoWrapper, { ref: refVideo, src: image.src, width: "100%", controls: true }, void 0))) }, void 0), jsxs(DescriptionContainer, { children: [opened && (jsxs(ReviewerName, { children: [reviewerName, verified && jsx(VerifiedText, { children: "Verified Buyer" }, void 0)] }, void 0)), jsxs(Content, __assign({ "data-testid": "review-detail-content" }, { children: [jsxs(StarsContent, { children: [jsx(StarList, { starsNumber: 5, rating: rating, fill: stars.color, size: stars.size }, void 0), jsx(DateText, { children: formatDate(date) }, void 0)] }, void 0), jsxs(ReviewContainer, { children: [jsx(ReviewTitle, { children: title }, void 0), jsx(ReviewDescription, { dangerouslySetInnerHTML: { __html: description } }, void 0)] }, void 0), jsxs(HelpfulContainer, { children: [jsxs(HelpfulAction, __assign({ "data-testid": "helpful-action", onClick: function () { return (helpfulAction ? helpfulAction(reviewId) : undefined); } }, { children: [jsx(Icon.Custom.ThumbsUp, { width: 1, height: 1, fill: "#000" }, void 0), jsx(HelpfulCount, { children: helpfulCount }, void 0)] }), void 0), jsxs(NotHelpfulAction, __assign({ "data-testid": "not-helpful-action", onClick: function () { return (notHelpfulAction ? notHelpfulAction(reviewId) : undefined); } }, { children: [jsx(Icon.Custom.ThumbsDown, { width: 1, height: 1, fill: "#000" }, void 0), jsx(NotHelpfulCount, { children: notHelpfulCount }, void 0)] }), void 0)] }, void 0)] }), void 0), productImage && productLink && (jsxs(ProductContainer, __assign({ onClick: function () { return (window.location.href = productLink); } }, { children: [jsx(ProductImageWrapper, { children: jsx(ProductImage, { src: productImage, alt: "productImage" }, void 0) }, void 0), jsx(ProductTitle, { children: productTitle }, void 0)] }), void 0))] }, void 0)] }, void 0) }), void 0));
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23;
-
-export { Review as default };
-//# sourceMappingURL=ReviewDetail.js.map

package/build/index.esm.js/src/components/review-detail/ReviewDetail.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReviewDetail.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/index.esm.js/src/components/reviews-header/ReviewsHeader.js

@@ -1,28 +0,0 @@
-import { __makeTemplateObject, __assign } from '../../../node_modules/tslib/tslib.es6.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import newStyled from '../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js';
-import { Text } from '../text/Text.js';
-import { useTheme } from '../../core/theme/Theme.js';
-import { ComponentSize } from '../../types/enums.js';
-import { StarList } from '../rating/starList/StarList.js';
-
-var Container = newStyled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: auto;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: auto;\n"])));
-var ReviewsContainer = newStyled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  text-align: center;\n  align-items: center;\n\n  @media (min-width: 768px) {\n    flex-direction: row;\n    gap: 30px;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  text-align: center;\n  align-items: center;\n\n  @media (min-width: 768px) {\n    flex-direction: row;\n    gap: 30px;\n  }\n"])));
-var ReviewsCount = newStyled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: block;\n\n  @media (min-width: 768px) {\n    display: flex;\n    flex-direction: column;\n  }\n"], ["\n  display: block;\n\n  @media (min-width: 768px) {\n    display: flex;\n    flex-direction: column;\n  }\n"])));
-var ReviewsStars = newStyled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  margin-bottom: 10px;\n\n  @media (min-width: 768px) {\n    margin-bottom: 0;\n  }\n"], ["\n  display: flex;\n  margin-bottom: 10px;\n\n  @media (min-width: 768px) {\n    margin-bottom: 0;\n  }\n"])));
-var ReviewsTextCount = newStyled(Text)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  margin-right: 5px;\n  padding-top: 6px;\n  line-height: 32px;\n\n  @media (min-width: 768px) {\n    font-size: 42px;\n    line-height: 46px;\n  }\n"], ["\n  margin-right: 5px;\n  padding-top: 6px;\n  line-height: 32px;\n\n  @media (min-width: 768px) {\n    font-size: 42px;\n    line-height: 46px;\n  }\n"])));
-var ReviewsImages = newStyled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  max-width: 348px;\n  gap: 4px;\n  justify-content: center;\n\n  @media (min-width: 768px) {\n    gap: 8px;\n    max-width: 360px;\n  }\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  max-width: 348px;\n  gap: 4px;\n  justify-content: center;\n\n  @media (min-width: 768px) {\n    gap: 8px;\n    max-width: 360px;\n  }\n"])));
-var SummaryItem = newStyled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: 84px;\n  height: 68px;\n  background: ", ";\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: center;\n  cursor: zoom-in;\n"], ["\n  width: 84px;\n  height: 68px;\n  background: ", ";\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: center;\n  cursor: zoom-in;\n"])), function (_a) {
-    var backgroundUrl = _a.backgroundUrl;
-    return "url(".concat(backgroundUrl, ")");
-});
-var ReviewsHeader = function (_a) {
-    var _b = _a.title, title = _b === void 0 ? 'Reviews' : _b, rating = _a.rating, reviews = _a.reviews, reviewsText = _a.reviewsText, reviewsSummary = _a.reviewsSummary, onClickReview = _a.onClickReview;
-    var starsNumber = 5;
-    var theme = useTheme();
-    return (jsxs(Container, { children: [jsx(Text, __assign({ variant: "heading3", weight: "bold", style: { margin: '10px 0' } }, { children: title }), void 0), jsxs(ReviewsContainer, { children: [jsxs(ReviewsCount, { children: [jsxs(ReviewsStars, { children: [jsx(ReviewsTextCount, __assign({ variant: "heading3", weight: "bold" }, { children: rating }), void 0), jsx(StarList, { rating: rating, size: ComponentSize.Medium, starsNumber: starsNumber, fill: theme.component.stars.element.color }, void 0)] }, void 0), jsxs(Text, __assign({ variant: "body", size: "small", weight: "regular", style: { marginBottom: '20px' } }, { children: [reviews, " ", reviewsText] }), void 0)] }, void 0), jsx(ReviewsImages, { children: reviewsSummary.map(function (summaryItem) { return (jsx(SummaryItem, { onClick: function () { return onClickReview(summaryItem); }, backgroundUrl: summaryItem, "data-testid": "summary-review-item" }, summaryItem)); }) }, void 0)] }, void 0)] }, void 0));
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
-
-export { ReviewsHeader as default };
-//# sourceMappingURL=ReviewsHeader.js.map

package/build/index.esm.js/src/components/reviews-header/ReviewsHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReviewsHeader.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}