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

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

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

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

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

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

@@ -1,71 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var emotionStyled_esm = require('../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-var StarList = require('../rating/starList/StarList.js');
-var dateFormatter = require('../../utils/dateFormatter/dateFormatter.js');
-var enums = require('../../types/enums.js');
-var Image = require('../shared/image/Image.js');
-require('../../core/theme/Theme.js');
-var ButtonSecondary = require('../cta/secondary/ButtonSecondary.js');
-
-var REVIEWS_DESCRIPTION_MAX_LENGTH_DESKTOP = 500;
-var REVIEWS_DESCRIPTION_MAX_LENGTH_MOBILE = 168;
-var Container = emotionStyled_esm.div(templateObject_1 || (templateObject_1 = tslib_es6.__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 = emotionStyled_esm.div(templateObject_2 || (templateObject_2 = tslib_es6.__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 = emotionStyled_esm.div(templateObject_3 || (templateObject_3 = tslib_es6.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n"], ["\n  display: flex;\n  justify-content: space-between;\n"])));
-var ReviewContainer = emotionStyled_esm.div(templateObject_4 || (templateObject_4 = tslib_es6.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
-var DateText = emotionStyled_esm.span(templateObject_5 || (templateObject_5 = tslib_es6.__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 = emotionStyled_esm.div(templateObject_6 || (templateObject_6 = tslib_es6.__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 = emotionStyled_esm.h2(templateObject_7 || (templateObject_7 = tslib_es6.__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 = emotionStyled_esm.h3(templateObject_8 || (templateObject_8 = tslib_es6.__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 = emotionStyled_esm.div(templateObject_9 || (templateObject_9 = tslib_es6.__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 = emotionStyled_esm.div(templateObject_10 || (templateObject_10 = tslib_es6.__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 = emotionStyled_esm.div(templateObject_11 || (templateObject_11 = tslib_es6.__makeTemplateObject(["\n  margin-left: 10px;\n  text-align: right;\n"], ["\n  margin-left: 10px;\n  text-align: right;\n"])));
-var Images = emotionStyled_esm.div(templateObject_12 || (templateObject_12 = tslib_es6.__makeTemplateObject(["\n  display: flex;\n  justify-content: end;\n"], ["\n  display: flex;\n  justify-content: end;\n"])));
-var ImageSpace = emotionStyled_esm.div(templateObject_13 || (templateObject_13 = tslib_es6.__makeTemplateObject(["\n  width: 7.5rem;\n  height: 4.125rem;\n"], ["\n  width: 7.5rem;\n  height: 4.125rem;\n"])));
-var ImageWrapper = emotionStyled_esm.div(templateObject_14 || (templateObject_14 = tslib_es6.__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 = emotionStyled_esm.div(templateObject_15 || (templateObject_15 = tslib_es6.__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 = emotionStyled_esm.div(templateObject_16 || (templateObject_16 = tslib_es6.__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 = emotionStyled_esm.div(templateObject_17 || (templateObject_17 = tslib_es6.__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 = emotionStyled_esm.i(templateObject_18 || (templateObject_18 = tslib_es6.__makeTemplateObject(["\n  content: '\f164';\n"], ["\n  content: '\\f164';\n"])));
-var ButtonSecondaryWrapper = emotionStyled_esm(ButtonSecondary)(templateObject_19 || (templateObject_19 = tslib_es6.__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 = React.useState(description.length > REVIEWS_DESCRIPTION_MAX_LENGTH_MOBILE), showMoreMobile = _b[0], setShowMoreMobile = _b[1];
-    var _c = React.useState(description.length > REVIEWS_DESCRIPTION_MAX_LENGTH_DESKTOP), showMoreDesktop = _c[0], setShowMoreDesktop = _c[1];
-    React.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 (jsxRuntime.jsxs(Container, { children: [jsxRuntime.jsxs(Heading, { children: [jsxRuntime.jsx(ReviewerName, { children: reviewerName }, void 0), jsxRuntime.jsx(DateText, { children: dateFormatter.formatDate(date) }, void 0)] }, void 0), jsxRuntime.jsx(StarList.StarList, { starsNumber: 5, rating: rating, fill: stars.color, size: stars.size }, void 0), jsxRuntime.jsxs(Content, tslib_es6.__assign({ "data-testid": "review-content" }, { children: [jsxRuntime.jsxs(ReviewContainer, { children: [jsxRuntime.jsx(ReviewTitle, { children: title }, void 0), jsxRuntime.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), jsxRuntime.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), jsxRuntime.jsxs(HelpfulContainerDesktop, tslib_es6.__assign({ showMoreDesktop: description.length > REVIEWS_DESCRIPTION_MAX_LENGTH_DESKTOP }, { children: [helpfulActionText && helpfulAction && (jsxRuntime.jsx(ButtonSecondaryWrapper, { onClick: function () { return helpfulAction(reviewId); }, text: helpfulActionText, size: enums.ComponentSize.Small }, void 0)), helpfulCount && jsxRuntime.jsxs(HelpfulText, { children: [helpfulCount, " people found this helpful"] }, void 0)] }), void 0)] }, void 0), jsxRuntime.jsxs(ImagesContainer, { children: [jsxRuntime.jsxs(Images, { children: [images === null || images === void 0 ? void 0 : images.map(function (image) { return (jsxRuntime.jsx(ImageWrapper, tslib_es6.__assign({ onClick: function () { return onClickImage && onClickImage(image.src); } }, { children: jsxRuntime.jsx(Image, { src: image.src, alt: image.alt, height: "10rem", width: "7.5rem" }, void 0) }), image.src)); }), !images || (images.length === 0 && jsxRuntime.jsx(ImageSpace, {}, void 0))] }, void 0), jsxRuntime.jsx(VariantText, { children: reviewVariant }, void 0)] }, void 0)] }), void 0), jsxRuntime.jsx(HelpfulTexti, {}, void 0), jsxRuntime.jsxs(HelpfulContainerMobile, { children: [helpfulActionText && helpfulAction && (jsxRuntime.jsx(ButtonSecondaryWrapper, { onClick: function () { return helpfulAction(reviewId); }, text: helpfulActionText, size: enums.ComponentSize.Small }, void 0)), helpfulCount && jsxRuntime.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;
-
-module.exports = Review;
-//# sourceMappingURL=Review.js.map

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

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

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

@@ -1,57 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var emotionStyled_esm = require('../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-var StarList = require('../rating/starList/StarList.js');
-var dateFormatter = require('../../utils/dateFormatter/dateFormatter.js');
-var Image = require('../shared/image/Image.js');
-var Modal = require('../modal/Modal.js');
-var index = require('../icons/index.js');
-
-var Container = emotionStyled_esm.div(templateObject_1 || (templateObject_1 = tslib_es6.__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 = emotionStyled_esm.div(templateObject_2 || (templateObject_2 = tslib_es6.__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 = emotionStyled_esm.div(templateObject_3 || (templateObject_3 = tslib_es6.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n"], ["\n  display: flex;\n  justify-content: space-between;\n"])));
-var ReviewContainer = emotionStyled_esm.div(templateObject_4 || (templateObject_4 = tslib_es6.__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 = emotionStyled_esm.span(templateObject_5 || (templateObject_5 = tslib_es6.__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 = emotionStyled_esm.h1(templateObject_6 || (templateObject_6 = tslib_es6.__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 = emotionStyled_esm.h1(templateObject_7 || (templateObject_7 = tslib_es6.__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 = emotionStyled_esm.h2(templateObject_8 || (templateObject_8 = tslib_es6.__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 = emotionStyled_esm.div(templateObject_9 || (templateObject_9 = tslib_es6.__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 = emotionStyled_esm.div(templateObject_10 || (templateObject_10 = tslib_es6.__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 = emotionStyled_esm(Image)(templateObject_11 || (templateObject_11 = tslib_es6.__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 = emotionStyled_esm.video(templateObject_12 || (templateObject_12 = tslib_es6.__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 = emotionStyled_esm.div(templateObject_13 || (templateObject_13 = tslib_es6.__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 = emotionStyled_esm.div(templateObject_14 || (templateObject_14 = tslib_es6.__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 = emotionStyled_esm(Image)(templateObject_15 || (templateObject_15 = tslib_es6.__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 = emotionStyled_esm.div(templateObject_16 || (templateObject_16 = tslib_es6.__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 = emotionStyled_esm.div(templateObject_17 || (templateObject_17 = tslib_es6.__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 = emotionStyled_esm.div(templateObject_18 || (templateObject_18 = tslib_es6.__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 = emotionStyled_esm.div(templateObject_19 || (templateObject_19 = tslib_es6.__makeTemplateObject(["\n  display: flex;\n  cursor: pointer;\n"], ["\n  display: flex;\n  cursor: pointer;\n"])));
-var NotHelpfulAction = emotionStyled_esm.div(templateObject_20 || (templateObject_20 = tslib_es6.__makeTemplateObject(["\n  display: flex;\n  cursor: pointer;\n"], ["\n  display: flex;\n  cursor: pointer;\n"])));
-var HelpfulCount = emotionStyled_esm.span(templateObject_21 || (templateObject_21 = tslib_es6.__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 = emotionStyled_esm.span(templateObject_22 || (templateObject_22 = tslib_es6.__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 = emotionStyled_esm.span(templateObject_23 || (templateObject_23 = tslib_es6.__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 = React.useRef(null);
-    var _e = Modal.useModal(modalId), opened = _e.opened, close = _e.close;
-    React.useEffect(function () {
-        if (refVideo.current) {
-            if (opened) {
-                refVideo.current.play();
-            }
-            else {
-                refVideo.current.pause();
-            }
-        }
-    }, [opened]);
-    return (jsxRuntime.jsx(Modal.Modal, tslib_es6.__assign({ id: modalId, maxFullScreen: maxFullScreen, padding: "0" }, { children: jsxRuntime.jsxs(Container, { children: [jsxRuntime.jsx(CloseButton, tslib_es6.__assign({ onClick: close }, { children: "X" }), void 0), jsxRuntime.jsx(ImageContainer, { children: image &&
-                        (!isVideo ? (jsxRuntime.jsx(ImageWrapper, { src: image.src, alt: image.alt }, void 0)) : (jsxRuntime.jsx(VideoWrapper, { ref: refVideo, src: image.src, width: "100%", controls: true }, void 0))) }, void 0), jsxRuntime.jsxs(DescriptionContainer, { children: [opened && (jsxRuntime.jsxs(ReviewerName, { children: [reviewerName, verified && jsxRuntime.jsx(VerifiedText, { children: "Verified Buyer" }, void 0)] }, void 0)), jsxRuntime.jsxs(Content, tslib_es6.__assign({ "data-testid": "review-detail-content" }, { children: [jsxRuntime.jsxs(StarsContent, { children: [jsxRuntime.jsx(StarList.StarList, { starsNumber: 5, rating: rating, fill: stars.color, size: stars.size }, void 0), jsxRuntime.jsx(DateText, { children: dateFormatter.formatDate(date) }, void 0)] }, void 0), jsxRuntime.jsxs(ReviewContainer, { children: [jsxRuntime.jsx(ReviewTitle, { children: title }, void 0), jsxRuntime.jsx(ReviewDescription, { dangerouslySetInnerHTML: { __html: description } }, void 0)] }, void 0), jsxRuntime.jsxs(HelpfulContainer, { children: [jsxRuntime.jsxs(HelpfulAction, tslib_es6.__assign({ "data-testid": "helpful-action", onClick: function () { return (helpfulAction ? helpfulAction(reviewId) : undefined); } }, { children: [jsxRuntime.jsx(index.Icon.Custom.ThumbsUp, { width: 1, height: 1, fill: "#000" }, void 0), jsxRuntime.jsx(HelpfulCount, { children: helpfulCount }, void 0)] }), void 0), jsxRuntime.jsxs(NotHelpfulAction, tslib_es6.__assign({ "data-testid": "not-helpful-action", onClick: function () { return (notHelpfulAction ? notHelpfulAction(reviewId) : undefined); } }, { children: [jsxRuntime.jsx(index.Icon.Custom.ThumbsDown, { width: 1, height: 1, fill: "#000" }, void 0), jsxRuntime.jsx(NotHelpfulCount, { children: notHelpfulCount }, void 0)] }), void 0)] }, void 0)] }), void 0), productImage && productLink && (jsxRuntime.jsxs(ProductContainer, tslib_es6.__assign({ onClick: function () { return (window.location.href = productLink); } }, { children: [jsxRuntime.jsx(ProductImageWrapper, { children: jsxRuntime.jsx(ProductImage, { src: productImage, alt: "productImage" }, void 0) }, void 0), jsxRuntime.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;
-
-module.exports = Review;
-//# sourceMappingURL=ReviewDetail.js.map

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

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

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

@@ -1,30 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var emotionStyled_esm = require('../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-var Text = require('../text/Text.js');
-var Theme = require('../../core/theme/Theme.js');
-var enums = require('../../types/enums.js');
-var StarList = require('../rating/starList/StarList.js');
-
-var Container = emotionStyled_esm.div(templateObject_1 || (templateObject_1 = tslib_es6.__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 = emotionStyled_esm.div(templateObject_2 || (templateObject_2 = tslib_es6.__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 = emotionStyled_esm.div(templateObject_3 || (templateObject_3 = tslib_es6.__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 = emotionStyled_esm.div(templateObject_4 || (templateObject_4 = tslib_es6.__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 = emotionStyled_esm(Text.Text)(templateObject_5 || (templateObject_5 = tslib_es6.__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 = emotionStyled_esm.div(templateObject_6 || (templateObject_6 = tslib_es6.__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 = emotionStyled_esm.div(templateObject_7 || (templateObject_7 = tslib_es6.__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 = Theme.useTheme();
-    return (jsxRuntime.jsxs(Container, { children: [jsxRuntime.jsx(Text.Text, tslib_es6.__assign({ variant: "heading3", weight: "bold", style: { margin: '10px 0' } }, { children: title }), void 0), jsxRuntime.jsxs(ReviewsContainer, { children: [jsxRuntime.jsxs(ReviewsCount, { children: [jsxRuntime.jsxs(ReviewsStars, { children: [jsxRuntime.jsx(ReviewsTextCount, tslib_es6.__assign({ variant: "heading3", weight: "bold" }, { children: rating }), void 0), jsxRuntime.jsx(StarList.StarList, { rating: rating, size: enums.ComponentSize.Medium, starsNumber: starsNumber, fill: theme.component.stars.element.color }, void 0)] }, void 0), jsxRuntime.jsxs(Text.Text, tslib_es6.__assign({ variant: "body", size: "small", weight: "regular", style: { marginBottom: '20px' } }, { children: [reviews, " ", reviewsText] }), void 0)] }, void 0), jsxRuntime.jsx(ReviewsImages, { children: reviewsSummary.map(function (summaryItem) { return (jsxRuntime.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;
-
-module.exports = ReviewsHeader;
-//# sourceMappingURL=ReviewsHeader.js.map

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

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

package/build/index.js/src/components/scroll-to-top/ScrollToTop.js

@@ -1,24 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var emotionStyled_esm = require('../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-var index = require('../icons/index.js');
-var Theme = require('../../core/theme/Theme.js');
-
-var Container = emotionStyled_esm.div(templateObject_1 || (templateObject_1 = tslib_es6.__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"])));
-var Text = emotionStyled_esm.p(templateObject_2 || (templateObject_2 = tslib_es6.__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; });
-var ScrollToTop = function (_a) {
-    var scrollToTopText = _a.scrollToTopText, onClick = _a.onClick, fill = _a.fill;
-    var theme = Theme.useTheme();
-    var fillValue = fill || theme.colors.pallete.primary.color;
-    return (jsxRuntime.jsxs(Container, tslib_es6.__assign({ onClick: onClick, "data-testid": "scrollTopContainer" }, { children: [jsxRuntime.jsx(Text, tslib_es6.__assign({ color: theme.colors.shades['700'].color }, { children: scrollToTopText }), void 0), jsxRuntime.jsx(index.Icon.Arrows.CircleChevronUp, { width: 1.375, height: 1.375, fill: fillValue }, void 0)] }), void 0));
-};
-var templateObject_1, templateObject_2;
-
-exports.Container = Container;
-exports.ScrollToTop = ScrollToTop;
-exports.Text = Text;
-//# sourceMappingURL=ScrollToTop.js.map

package/build/index.js/src/components/scroll-to-top/ScrollToTop.js.map

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

package/build/index.js/src/components/search-bar/ClearButton.js

@@ -1,22 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var emotionStyled_esm = require('../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-var index = require('../icons/index.js');
-var media = require('../../utils/media.js');
-var Theme = require('../../core/theme/Theme.js');
-
-var Button = emotionStyled_esm.button(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  position: absolute;\n  right: 1rem;\n  background: white;\n  border: none;\n  align-self: center;\n  padding: 0;\n  ", ",\n"], ["\n  position: absolute;\n  right: 1rem;\n  background: white;\n  border: none;\n  align-self: center;\n  padding: 0;\n  ", ",\n"])), media.mediaQueries({
-    right: ['1rem', '7.75rem'],
-    top: ['0.75rem', '0.75rem'],
-}));
-var ClearButton = function (_a) {
-    var onClick = _a.onClick;
-    var theme = Theme.useTheme();
-    return (jsxRuntime.jsx(Button, tslib_es6.__assign({ onClick: onClick, theme: theme }, { children: jsxRuntime.jsx(index.Icon.Actions.Close, { height: 1.25, width: 1.25 }, void 0) }), void 0));
-};
-var templateObject_1;
-
-module.exports = ClearButton;
-//# sourceMappingURL=ClearButton.js.map

package/build/index.js/src/components/search-bar/ClearButton.js.map

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

package/build/index.js/src/components/search-bar/Footer.js

@@ -1,19 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var emotionStyled_esm = require('../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-var Text = require('../text/Text.js');
-
-var Container = emotionStyled_esm.div({
-    display: 'flex',
-    justifyContent: 'center',
-    padding: '1rem',
-});
-var Footer = function (_a) {
-    var text = _a.text, onClick = _a.onClick;
-    return (jsxRuntime.jsx(Container, { children: jsxRuntime.jsx(Text.Text, tslib_es6.__assign({ variant: "link", size: "regular", underline: true, onClick: onClick }, { children: text }), void 0) }, void 0));
-};
-
-module.exports = Footer;
-//# sourceMappingURL=Footer.js.map

package/build/index.js/src/components/search-bar/Footer.js.map

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

package/build/index.js/src/components/search-bar/Input.js

@@ -1,35 +0,0 @@
-'use strict';
-
-var emotionStyled_esm = require('../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-
-var Input = emotionStyled_esm.input(function (props) { return ({
-    padding: props.theme.component.input.padding,
-    fontSize: props.theme.component.input.fontSize,
-    borderRadius: props.theme.component.input.borderRadius,
-    border: props.theme.component.input.border,
-    lineHeight: props.theme.component.input.lineHeight,
-    color: props.theme.component.input.color,
-    fontWeight: props.theme.component.input.fontWeight,
-    width: '100%',
-    height: '100%',
-    boxSizing: 'border-box',
-    placeholder: {
-        color: props.theme.component.input.placeholderColor,
-    },
-    '&:focus': {
-        outline: 'none',
-        borderColor: props.theme.colors.border.highlight,
-        boxShadow: props.theme.component.input.boxShadow,
-    },
-    '&:disabled': {
-        backgroundColor: props.theme.colors.background.disabled,
-        border: "0.063rem solid ".concat(props.theme.colors.border.disabled),
-        color: props.theme.colors.text.disabled,
-        placeholder: {
-            color: props.theme.colors.text.disabled,
-        },
-    },
-}); });
-
-module.exports = Input;
-//# sourceMappingURL=Input.js.map

package/build/index.js/src/components/search-bar/Input.js.map

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

package/build/index.js/src/components/search-bar/ProductItem.js

@@ -1,38 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var emotionStyled_esm = require('../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-var enums = require('../../types/enums.js');
-require('../pricing/discount/DiscountTag.js');
-var PriceLabel = require('../pricing/price/PriceLabel.js');
-require('../pricing/priceLabelV2/PriceLabelV2.js');
-require('../pricing/clubOffer/ClubOfferTag.js');
-var Image = require('../shared/image/Image.js');
-var media = require('../../utils/media.js');
-var Text = require('../text/Text.js');
-var Theme = require('../../core/theme/Theme.js');
-
-var Container = emotionStyled_esm.div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  width: auto;\n  padding: 0.688rem 0rem;\n  ", ",\n"], ["\n  display: flex;\n  flex-direction: row;\n  width: auto;\n  padding: 0.688rem 0rem;\n  ", ",\n"])), media.mediaQueries({
-    borderTop: ['0.063rem solid var(--colors-shades-100-color)', 'none'],
-}));
-var Description = emotionStyled_esm.div({
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'flex-start',
-    width: '100%',
-    marginLeft: '1.25rem',
-    p: {
-        marginBottom: '0.625rem',
-        textAlign: 'start',
-    },
-});
-var ProductItem = function (_a) {
-    var src = _a.src, title = _a.title, price = _a.price;
-    var theme = Theme.useTheme();
-    return (jsxRuntime.jsxs(Container, tslib_es6.__assign({ theme: theme }, { children: [jsxRuntime.jsx(Image, { src: src, alt: "", width: "4.063rem", height: "5.375rem" }, void 0), jsxRuntime.jsxs(Description, { children: [jsxRuntime.jsx(Text.Text, tslib_es6.__assign({ variant: "body", weight: "regular", size: "regular" }, { children: jsxRuntime.jsx("div", { dangerouslySetInnerHTML: { __html: title } }, void 0) }), void 0), jsxRuntime.jsx(PriceLabel.PriceLabel, { finalPrice: price, color: "#C64844", size: enums.ComponentSize.Small }, void 0)] }, void 0)] }), void 0));
-};
-var templateObject_1;
-
-module.exports = ProductItem;
-//# sourceMappingURL=ProductItem.js.map

package/build/index.js/src/components/search-bar/ProductItem.js.map

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

package/build/index.js/src/components/search-bar/ResultsPanel.js

@@ -1,44 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var emotionStyled_esm = require('../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-var ProductItem = require('./ProductItem.js');
-var Footer = require('./Footer.js');
-var media = require('../../utils/media.js');
-var Text = require('../text/Text.js');
-var Theme = require('../../core/theme/Theme.js');
-
-var Ul = emotionStyled_esm.ul({
-    margin: '0px',
-    padding: '0px',
-});
-var Li = emotionStyled_esm.li(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  width: 100%;\n  cursor: pointer;\n  list-style-type: none;\n  box-sizing: border-box;\n  &:hover {\n    background-color: ", ";\n  }\n  ", ",\n"], ["\n  width: 100%;\n  cursor: pointer;\n  list-style-type: none;\n  box-sizing: border-box;\n  &:hover {\n    background-color: ", ";\n  }\n  ", ",\n"])), function (props) { return props.theme.colors.shades['100'].color; }, media.mediaQueries({
-    padding: [0, '0rem 1rem'],
-    borderRadius: [0, '0.5rem'],
-}));
-var Anchor = emotionStyled_esm.a({
-    width: '100%',
-    border: 'none',
-    background: 'transparent',
-    cursor: 'pointer',
-    padding: 0,
-    textDecoration: 'none',
-});
-var Container = emotionStyled_esm.div(templateObject_2 || (templateObject_2 = tslib_es6.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  margin: 0rem;\n  padding: 0rem;\n  position: absolute;\n  width: 100%;\n  background-color: white;\n  box-sizing: border-box;\n  z-index: 2;\n  ", ",\n"], ["\n  display: flex;\n  flex-direction: column;\n  margin: 0rem;\n  padding: 0rem;\n  position: absolute;\n  width: 100%;\n  background-color: white;\n  box-sizing: border-box;\n  z-index: 2;\n  ", ",\n"])), media.mediaQueries({
-    border: ['none', '0.063rem solid var(--colors-pallete-secondary-color)'],
-    marginTop: ['1.25rem', '0.125rem'],
-    borderRadius: ['0', '0.5rem'],
-}));
-var Header = emotionStyled_esm.div(templateObject_3 || (templateObject_3 = tslib_es6.__makeTemplateObject(["\n  ", ",\n"], ["\n  ", ",\n"])), media.mediaQueries({
-    margin: ['0rem 0rem 1rem 0rem', '1rem'],
-}));
-var ResultsPanel = function (_a) {
-    var options = _a.options, header = _a.header, footer = _a.footer, onViewAll = _a.onViewAll, testId = _a.testId;
-    var theme = Theme.useTheme();
-    return (jsxRuntime.jsxs(Container, tslib_es6.__assign({ "data-testid": testId, theme: theme }, { children: [header && (jsxRuntime.jsx(Header, tslib_es6.__assign({ theme: theme }, { children: jsxRuntime.jsx(Text.Text, tslib_es6.__assign({ variant: "heading6", weight: "demi" }, { children: header }), void 0) }), void 0)), jsxRuntime.jsx(Ul, { children: options.map(function (item, index) { return (jsxRuntime.jsx(Li, tslib_es6.__assign({ theme: theme }, { children: jsxRuntime.jsx(Anchor, tslib_es6.__assign({ href: item.optionUrl }, { children: jsxRuntime.jsx(ProductItem, { src: item.src, title: item.title, price: item.price }, void 0) }), void 0) }), index)); }) }, void 0), footer && jsxRuntime.jsx(Footer, { text: footer, onClick: onViewAll }, void 0)] }), void 0));
-};
-var templateObject_1, templateObject_2, templateObject_3;
-
-module.exports = ResultsPanel;
-//# sourceMappingURL=ResultsPanel.js.map

package/build/index.js/src/components/search-bar/ResultsPanel.js.map

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

package/build/index.js/src/components/search-bar/SearchBar.js

@@ -1,79 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var emotionStyled_esm = require('../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-var ResultsPanel = require('./ResultsPanel.js');
-var Input = require('./Input.js');
-var SearchControl = require('./SearchControl.js');
-var clickOutside = require('../../hooks/click-outside.js');
-var Theme = require('../../core/theme/Theme.js');
-
-var initialState = { selectedOption: undefined, open: false, term: '' };
-var reducer = function (state, action) {
-    switch (action.type) {
-        case 'UPDATE_TERM': {
-            return tslib_es6.__assign(tslib_es6.__assign({}, state), { term: action.payload.term });
-        }
-        case 'CLEAR': {
-            return tslib_es6.__assign(tslib_es6.__assign({}, state), { term: '', open: false });
-        }
-        case 'TOGGLE_PANEL': {
-            return tslib_es6.__assign(tslib_es6.__assign({}, state), { open: action.payload.open });
-        }
-    }
-};
-var Container = emotionStyled_esm.div({
-    position: 'relative',
-    display: 'flex',
-});
-var SearchBar = function (_a) {
-    var suggestions = _a.suggestions, resultOptions = _a.resultOptions, onChange = _a.onChange, onSearch = _a.onSearch, onClose = _a.onClose, resultsPanelDataTestId = _a.resultsPanelDataTestId, allResults = _a.allResults, initialTerm = _a.initialTerm, _b = _a.shouldClear, shouldClear = _b === void 0 ? false : _b, _c = _a.isBlogSearchBar, isBlogSearchBar = _c === void 0 ? false : _c, _d = _a.ariaLabel, ariaLabel = _d === void 0 ? 'Search for products' : _d, _e = _a.placeholder, placeholder = _e === void 0 ? 'Search for products' : _e, _f = _a.id, id = _f === void 0 ? 'search' : _f, _g = _a.autoComplete, autoComplete = _g === void 0 ? 'off' : _g;
-    var theme = Theme.useTheme();
-    if (initialTerm) {
-        initialState.term = initialTerm;
-    }
-    var _h = React.useReducer(reducer, initialState), state = _h[0], dispatch = _h[1];
-    var ref = React.useRef(null);
-    var shouldDisplaySuggestion = function () {
-        return resultOptions.length === 0 && suggestions.length > 0 && !state.term;
-    };
-    clickOutside(ref, function () { return dispatch({ type: 'TOGGLE_PANEL', payload: { open: false } }); });
-    React.useEffect(function () {
-        // Debouncing user input
-        var id = setTimeout(function () {
-            onChange(state.term);
-        }, 500);
-        return function () { return clearTimeout(id); };
-    }, [onChange, state.term]);
-    var options = resultOptions && resultOptions.length > 0
-        ? resultOptions
-        : shouldDisplaySuggestion()
-            ? suggestions
-            : [];
-    var handleOnClose = function () {
-        if (shouldClear) {
-            dispatch({ type: 'CLEAR', payload: {} });
-        }
-        else {
-            onClose();
-        }
-    };
-    return (jsxRuntime.jsxs("form", tslib_es6.__assign({ role: "search", onSubmit: function (e) {
-            if (e.cancelable) {
-                e.preventDefault();
-            }
-        }, ref: ref, style: { position: 'relative' } }, { children: [jsxRuntime.jsxs(Container, tslib_es6.__assign({ theme: theme }, { children: [jsxRuntime.jsx(Input, { value: state.term, placeholder: placeholder, onChange: function (e) { return dispatch({ type: 'UPDATE_TERM', payload: { term: e.target.value } }); }, onFocus: function () { return dispatch({ type: 'TOGGLE_PANEL', payload: { open: true } }); }, id: id, autoComplete: autoComplete, theme: theme, "aria-label": ariaLabel, onKeyDown: function (e) {
-                            if (e.key === 'Enter') {
-                                if (e.cancelable) {
-                                    e.preventDefault();
-                                }
-                                e.stopPropagation();
-                                onSearch(state.term);
-                            }
-                        } }, void 0), jsxRuntime.jsx(SearchControl, { showSearchIcon: isBlogSearchBar, open: state.open, onClose: handleOnClose, onSearch: function () { return onSearch(state.term); } }, void 0)] }), void 0), state.open && !!options.length && (jsxRuntime.jsx(ResultsPanel, { testId: resultsPanelDataTestId, options: options, header: shouldDisplaySuggestion() ? 'Most popular products' : undefined, footer: allResults ? "View all results (".concat(allResults, ")") : undefined, onViewAll: function () { return onSearch(state.term); } }, void 0))] }), void 0));
-};
-
-module.exports = SearchBar;
-//# sourceMappingURL=SearchBar.js.map

package/build/index.js/src/components/search-bar/SearchBar.js.map

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

package/build/index.js/src/components/search-bar/SearchControl.js

@@ -1,44 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var emotionReactJsxRuntime_esm = require('../../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js');
-var emotionStyled_esm = require('../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-var index = require('../icons/index.js');
-var ClearButton = require('./ClearButton.js');
-var ButtonSecondary = require('../cta/secondary/ButtonSecondary.js');
-require('react');
-var WindowDimensions = require('../../hooks/WindowDimensions.js');
-var Theme = require('../../core/theme/Theme.js');
-
-var SearchIconContainer = emotionStyled_esm.div({
-    display: 'flex',
-    alignItems: 'center',
-    position: 'absolute',
-    right: '1rem',
-    background: 'white',
-    alignSelf: 'center',
-});
-var SearchControl = function (_a) {
-    var open = _a.open, onSearch = _a.onSearch, onClose = _a.onClose, _b = _a.showSearchIcon, showSearchIcon = _b === void 0 ? false : _b;
-    var theme = Theme.useTheme();
-    var isMobile = WindowDimensions.useWindowDimensions(theme.mediaQueries).isMobile;
-    if (showSearchIcon) {
-        return (emotionReactJsxRuntime_esm.jsx(SearchIconContainer, tslib_es6.__assign({ onClick: onSearch }, { children: emotionReactJsxRuntime_esm.jsx(index.Icon.Navigation.Search, { height: 1.25, width: 1.25 }, void 0) }), void 0));
-    }
-    else if (isMobile) {
-        return open ? (emotionReactJsxRuntime_esm.jsx(ClearButton, { onClick: onClose }, void 0)) : (emotionReactJsxRuntime_esm.jsx(SearchIconContainer, { children: emotionReactJsxRuntime_esm.jsx(index.Icon.Navigation.Search, { height: 1.25, width: 1.25 }, void 0) }, void 0));
-    }
-    else {
-        return (emotionReactJsxRuntime_esm.jsxs(emotionReactJsxRuntime_esm.Fragment, { children: [emotionReactJsxRuntime_esm.jsx(ButtonSecondary, { css: {
-                        position: 'absolute',
-                        right: 0,
-                        height: '100%',
-                        borderTopLeftRadius: 0,
-                        borderBottomLeftRadius: 0,
-                        padding: '0.875rem 1.5rem',
-                    }, text: "SEARCH", onClick: onSearch }, void 0), open && emotionReactJsxRuntime_esm.jsx(ClearButton, { onClick: onClose }, void 0)] }, void 0));
-    }
-};
-
-module.exports = SearchControl;
-//# sourceMappingURL=SearchControl.js.map

package/build/index.js/src/components/search-bar/SearchControl.js.map

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