@trafilea/afrodita-components 7.8.0 → 7.8.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +1,2 @@
1
- import{__makeTemplateObject as n,__assign as i}from"tslib";import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"@emotion/styled";import{useState as r,useEffect as l}from"react";import{ComponentSize as a}from"../../types/enums.js";import{formatDate as d}from"../../utils/dateFormatter/dateFormatter.js";import{Image as p}from"../atoms/Image/Image.js";import"@emotion/react/jsx-runtime";import"../../core/theme/Theme.js";import"../cta/styled.js";import h from"../cta/secondary/ButtonSecondary.js";import{StarList as s}from"../rating/starList/StarList.js";var m,c,x,f,g,w,u,v,y,z,b,j,k,S,M,C,I,L,T,D=o.div(m||(m=n(["\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"]))),E=o.div(c||(c=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"],["\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"]))),_=o.div(x||(x=n(["\n display: flex;\n justify-content: space-between;\n"],["\n display: flex;\n justify-content: space-between;\n"]))),A=o.div(f||(f=n(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"]))),F=o.span(g||(g=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"],["\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"]))),H=o.div(w||(w=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"],["\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=o.h2(u||(u=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"],["\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"]))),Y=o.h3(v||(v=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"],["\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"]))),q=o.div(y||(y=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"],["\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"]))),B=o.div(z||(z=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"],["\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"]))),V=o.div(b||(b=n(["\n margin-left: 10px;\n text-align: right;\n"],["\n margin-left: 10px;\n text-align: right;\n"]))),W=o.div(j||(j=n(["\n display: flex;\n justify-content: end;\n"],["\n display: flex;\n justify-content: end;\n"]))),G=o.div(k||(k=n(["\n width: 7.5rem;\n height: 4.125rem;\n"],["\n width: 7.5rem;\n height: 4.125rem;\n"]))),J=o.div(S||(S=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"],["\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"]))),K=o.div(M||(M=n(["\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(n){return n.showMoreDesktop?"12px":"50px"})),O=o.div(C||(C=n(["\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"]))),P=o.div(I||(I=n(["\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"]))),Q=o.i(L||(L=n(["\n content: '\f164';\n"],["\n content: '\\f164';\n"]))),R=o(h)(T||(T=n(["\n margin-right: 15px;\n"],["\n margin-right: 15px;\n"]))),U=function(n){var o=n.reviewId,h=n.reviewerName,m=n.date,c=n.dateFormat,x=void 0===c?"DDMMYY":c,f=n.rating,g=n.stars,w=n.title,u=n.description,v=n.images,y=n.reviewVariant,z=n.onClickImage,b=n.helpfulActionText,j=n.helpfulAction,k=n.helpfulCount,S=n.hasTextWhenHelpfulCount0,M=void 0!==S&&S,C=Math.random().toString(36).substring(7),I=r(u.length>168),L=I[0],T=I[1],U=r(u.length>500),X=U[0],Z=U[1];return l((function(){var n=document.querySelectorAll("#see-more-".concat(C)),i=function(){T(!1),Z(!1)};return n.forEach((function(n){n.addEventListener("click",i)})),function(){n.forEach((function(n){n.removeEventListener("click",i)}))}}),[C]),e(D,{children:[e(E,{children:[t(N,{children:h},void 0),t(F,{children:d(m,x)},void 0)]},void 0),t(s,{starsNumber:5,rating:f,fill:g.color,size:g.size},void 0),e(_,i({"data-testid":"review-content"},{children:[e(A,{children:[t(Y,{children:w},void 0),t(B,{dangerouslySetInnerHTML:{__html:L?"".concat(u.slice(0,168),'... <a id="see-more-').concat(C,'" class="see-more">See more</a>'):u}},void 0),t(q,{dangerouslySetInnerHTML:{__html:X?"".concat(u.slice(0,500),'... <a id="see-more-').concat(C,'" class="see-more">See more</a>'):u}},void 0),e(K,i({showMoreDesktop:u.length>500},{children:[b&&j&&t(R,{onClick:function(){return j(o)},text:b,size:a.Small},void 0),(k||M&&0===k)&&e(P,{children:[k," people found this helpful"]},void 0)]}),void 0)]},void 0),e(V,{children:[e(W,{children:[null==v?void 0:v.map((function(n){return t(J,i({onClick:function(){return z&&z(n.src)}},{children:t(p,{src:n.src,alt:n.alt,height:"10rem",width:"7.5rem"},void 0)}),n.src)})),!v||0===v.length&&t(G,{},void 0)]},void 0),t(H,{children:y},void 0)]},void 0)]}),void 0),t(Q,{},void 0),e(O,{children:[b&&j&&t(R,{onClick:function(){return j(o)},text:b,size:a.Small},void 0),(k||M&&0===k)&&e(P,{children:[k," people found this helpful"]},void 0)]},void 0)]},void 0)};export{U as default};
1
+ import{__makeTemplateObject as n,__assign as i}from"tslib";import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"@emotion/styled";import{useState as r,useEffect as l}from"react";import{ComponentSize as a}from"../../types/enums.js";import{DateFormat as d,formatDate as p}from"../../utils/dateFormatter/dateFormatter.js";import{Image as h}from"../atoms/Image/Image.js";import"@emotion/react/jsx-runtime";import"../../core/theme/Theme.js";import"../cta/styled.js";import s from"../cta/secondary/ButtonSecondary.js";import{StarList as m}from"../rating/starList/StarList.js";var c,x,f,g,w,u,v,y,z,b,j,k,S,M,C,I,L,T,D,E=o.div(c||(c=n(["\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"]))),_=o.div(x||(x=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"],["\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"]))),A=o.div(f||(f=n(["\n display: flex;\n justify-content: space-between;\n"],["\n display: flex;\n justify-content: space-between;\n"]))),F=o.div(g||(g=n(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"]))),H=o.span(w||(w=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"],["\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=o.div(u||(u=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"],["\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"]))),Y=o.h2(v||(v=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"],["\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"]))),q=o.h3(y||(y=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"],["\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"]))),B=o.div(z||(z=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"],["\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"]))),V=o.div(b||(b=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"],["\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"]))),W=o.div(j||(j=n(["\n margin-left: 10px;\n text-align: right;\n"],["\n margin-left: 10px;\n text-align: right;\n"]))),G=o.div(k||(k=n(["\n display: flex;\n justify-content: end;\n"],["\n display: flex;\n justify-content: end;\n"]))),J=o.div(S||(S=n(["\n width: 7.5rem;\n height: 4.125rem;\n"],["\n width: 7.5rem;\n height: 4.125rem;\n"]))),K=o.div(M||(M=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"],["\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"]))),O=o.div(C||(C=n(["\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(n){return n.showMoreDesktop?"12px":"50px"})),P=o.div(I||(I=n(["\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"]))),Q=o.div(L||(L=n(["\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"]))),R=o.i(T||(T=n(["\n content: '\f164';\n"],["\n content: '\\f164';\n"]))),U=o(s)(D||(D=n(["\n margin-right: 15px;\n"],["\n margin-right: 15px;\n"]))),X=function(n){var o=n.reviewId,s=n.reviewerName,c=n.date,x=n.dateFormat,f=void 0===x?d.DDMMYY:x,g=n.rating,w=n.stars,u=n.title,v=n.description,y=n.images,z=n.reviewVariant,b=n.onClickImage,j=n.helpfulActionText,k=n.helpfulAction,S=n.helpfulCount,M=n.hasTextWhenHelpfulCount0,C=void 0!==M&&M,I=Math.random().toString(36).substring(7),L=r(v.length>168),T=L[0],D=L[1],X=r(v.length>500),Z=X[0],$=X[1];return l((function(){var n=document.querySelectorAll("#see-more-".concat(I)),i=function(){D(!1),$(!1)};return n.forEach((function(n){n.addEventListener("click",i)})),function(){n.forEach((function(n){n.removeEventListener("click",i)}))}}),[I]),e(E,{children:[e(_,{children:[t(Y,{children:s},void 0),t(H,{children:p(c,f)},void 0)]},void 0),t(m,{starsNumber:5,rating:g,fill:w.color,size:w.size},void 0),e(A,i({"data-testid":"review-content"},{children:[e(F,{children:[t(q,{children:u},void 0),t(V,{dangerouslySetInnerHTML:{__html:T?"".concat(v.slice(0,168),'... <a id="see-more-').concat(I,'" class="see-more">See more</a>'):v}},void 0),t(B,{dangerouslySetInnerHTML:{__html:Z?"".concat(v.slice(0,500),'... <a id="see-more-').concat(I,'" class="see-more">See more</a>'):v}},void 0),e(O,i({showMoreDesktop:v.length>500},{children:[j&&k&&t(U,{onClick:function(){return k(o)},text:j,size:a.Small},void 0),(S||C&&0===S)&&e(Q,{children:[S," people found this helpful"]},void 0)]}),void 0)]},void 0),e(W,{children:[e(G,{children:[null==y?void 0:y.map((function(n){return t(K,i({onClick:function(){return null==b?void 0:b(n.src)}},{children:t(h,{src:n.src,alt:n.alt,height:"10rem",width:"7.5rem"},void 0)}),n.src)})),!y||0===y.length&&t(J,{},void 0)]},void 0),t(N,{children:z},void 0)]},void 0)]}),void 0),t(R,{},void 0),e(P,{children:[j&&k&&t(U,{onClick:function(){return k(o)},text:j,size:a.Small},void 0),(S||C&&0===S)&&e(Q,{children:[S," people found this helpful"]},void 0)]},void 0)]},void 0)};export{X as default};
2
2
  //# sourceMappingURL=Review.js.map
@@ -1,2 +1,2 @@
1
- import{__makeTemplateObject as n,__assign as i}from"tslib";import{jsx as t,jsxs as e}from"react/jsx-runtime";import o from"@emotion/styled";import{useRef as d,useEffect as r}from"react";import{formatDate as a}from"../../utils/dateFormatter/dateFormatter.js";import{Image as l}from"../atoms/Image/Image.js";import{Icon as p}from"../icons/index.js";import{useModal as h,Modal as c}from"../modal/Modal.js";import{StarList as x}from"../rating/starList/StarList.js";var m,g,s,f,u,w,v,b,y,k,z,j,C,I,F,L,S,T,H,A,M,N,_,B=o.div(m||(m=n(["\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"]))),D=o.div(g||(g=n(["\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"]))),U=o.div(s||(s=n(["\n display: flex;\n justify-content: space-between;\n"],["\n display: flex;\n justify-content: space-between;\n"]))),V=o.div(f||(f=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"],["\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"]))),X=o.span(u||(u=n(["\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"]))),q=o.h1(w||(w=n(["\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"]))),E=o.h1(v||(v=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"],["\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"]))),G=o.h2(b||(b=n(["\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"]))),J=o.div(y||(y=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"],["\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"]))),K=o.div(k||(k=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"],["\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"]))),O=o(l)(z||(z=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"],["\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"]))),P=o.video(j||(j=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"],["\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"]))),Q=o.div(C||(C=n(["\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"]))),R=o.div(I||(I=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"],["\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"]))),W=o(l)(F||(F=n(["\n max-height: 100px;\n height: auto;\n width: auto;\n"],["\n max-height: 100px;\n height: auto;\n width: auto;\n"]))),Y=o.div(L||(L=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"],["\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"]))),Z=o.div(S||(S=n(["\n @media (min-width: 768px) {\n min-width: 40%;\n }\n"],["\n @media (min-width: 768px) {\n min-width: 40%;\n }\n"]))),$=o.div(T||(T=n(["\n display: flex;\n justify-content: end;\n margin-top: 20px;\n"],["\n display: flex;\n justify-content: end;\n margin-top: 20px;\n"]))),nn=o.div(H||(H=n(["\n display: flex;\n cursor: pointer;\n"],["\n display: flex;\n cursor: pointer;\n"]))),tn=o.div(A||(A=n(["\n display: flex;\n cursor: pointer;\n"],["\n display: flex;\n cursor: pointer;\n"]))),en=o.span(M||(M=n(["\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"]))),on=o.span(N||(N=n(["\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"]))),dn=o.span(_||(_=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"],["\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"]))),rn=function(n){var o=n.reviewId,l=n.reviewerName,m=n.date,g=n.rating,s=n.stars,f=n.title,u=n.description,w=n.image,v=n.modalId,b=n.maxFullScreen,y=void 0!==b&&b,k=n.verified,z=n.productImage,j=n.productTitle,C=n.productLink,I=n.helpfulCount,F=void 0===I?0:I,L=n.helpfulAction,S=n.notHelpfulCount,T=void 0===S?0:S,H=n.notHelpfulAction,A=null==w?void 0:w.src.includes("/video"),M=d(null),N=h(v),_=N.opened,rn=N.close;return r((function(){M.current&&(_?M.current.play():M.current.pause())}),[_]),t(c,i({id:v,maxFullScreen:y,padding:"0"},{children:e(B,{children:[t(dn,i({onClick:rn},{children:"X"}),void 0),t(K,{children:w&&(A?t(P,{ref:M,src:w.src,width:"100%",controls:!0},void 0):t(O,{src:w.src,alt:w.alt},void 0))},void 0),e(Z,{children:[_&&e(q,{children:[l,k&&t(E,{children:"Verified Buyer"},void 0)]},void 0),e(D,i({"data-testid":"review-detail-content"},{children:[e(U,{children:[t(x,{starsNumber:5,rating:g,fill:s.color,size:s.size},void 0),t(X,{children:a(m)},void 0)]},void 0),e(V,{children:[t(G,{children:f},void 0),t(J,{dangerouslySetInnerHTML:{__html:u}},void 0)]},void 0),e($,{children:[e(nn,i({"data-testid":"helpful-action",onClick:function(){return L?L(o):void 0}},{children:[t(p.Custom.ThumbsUp,{width:1,height:1,fill:"#000"},void 0),t(en,{children:F},void 0)]}),void 0),e(tn,i({"data-testid":"not-helpful-action",onClick:function(){return H?H(o):void 0}},{children:[t(p.Custom.ThumbsDown,{width:1,height:1,fill:"#000"},void 0),t(on,{children:T},void 0)]}),void 0)]},void 0)]}),void 0),z&&C&&e(Q,i({onClick:function(){return window.location.href=C}},{children:[t(Y,{children:t(W,{src:z,alt:"productImage"},void 0)},void 0),t(R,{children:j},void 0)]}),void 0)]},void 0)]},void 0)}),void 0)};export{rn as default};
1
+ import{__makeTemplateObject as n,__assign as i}from"tslib";import{jsx as t,jsxs as e}from"react/jsx-runtime";import o from"@emotion/styled";import{useRef as d,useEffect as r}from"react";import{DateFormat as a,formatDate as l}from"../../utils/dateFormatter/dateFormatter.js";import{Image as p}from"../atoms/Image/Image.js";import{Icon as h}from"../icons/index.js";import{useModal as c,Modal as x}from"../modal/Modal.js";import{StarList as m}from"../rating/starList/StarList.js";var g,s,f,u,w,v,b,y,k,z,j,C,I,F,L,M,S,T,D,H,A,N,Y,_=o.div(g||(g=n(["\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"]))),B=o.div(s||(s=n(["\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"]))),U=o.div(f||(f=n(["\n display: flex;\n justify-content: space-between;\n"],["\n display: flex;\n justify-content: space-between;\n"]))),V=o.div(u||(u=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"],["\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"]))),X=o.span(w||(w=n(["\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"]))),q=o.h1(v||(v=n(["\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"]))),E=o.h1(b||(b=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"],["\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"]))),G=o.h2(y||(y=n(["\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"]))),J=o.div(k||(k=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"],["\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"]))),K=o.div(z||(z=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"],["\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"]))),O=o(p)(j||(j=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"],["\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"]))),P=o.video(C||(C=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"],["\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"]))),Q=o.div(I||(I=n(["\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"]))),R=o.div(F||(F=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"],["\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"]))),W=o(p)(L||(L=n(["\n max-height: 100px;\n height: auto;\n width: auto;\n"],["\n max-height: 100px;\n height: auto;\n width: auto;\n"]))),Z=o.div(M||(M=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"],["\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"]))),$=o.div(S||(S=n(["\n @media (min-width: 768px) {\n min-width: 40%;\n }\n"],["\n @media (min-width: 768px) {\n min-width: 40%;\n }\n"]))),nn=o.div(T||(T=n(["\n display: flex;\n justify-content: end;\n margin-top: 20px;\n"],["\n display: flex;\n justify-content: end;\n margin-top: 20px;\n"]))),tn=o.div(D||(D=n(["\n display: flex;\n cursor: pointer;\n"],["\n display: flex;\n cursor: pointer;\n"]))),en=o.div(H||(H=n(["\n display: flex;\n cursor: pointer;\n"],["\n display: flex;\n cursor: pointer;\n"]))),on=o.span(A||(A=n(["\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"]))),dn=o.span(N||(N=n(["\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"]))),rn=o.span(Y||(Y=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"],["\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"]))),an=function(n){var o=n.reviewId,p=n.reviewerName,g=n.date,s=n.rating,f=n.stars,u=n.title,w=n.description,v=n.image,b=n.modalId,y=n.maxFullScreen,k=void 0!==y&&y,z=n.verified,j=n.productImage,C=n.productTitle,I=n.productLink,F=n.helpfulCount,L=void 0===F?0:F,M=n.helpfulAction,S=n.notHelpfulCount,T=void 0===S?0:S,D=n.notHelpfulAction,H=n.dateFormat,A=void 0===H?a.DDMMYY:H,N=null==v?void 0:v.src.includes("/video"),Y=d(null),an=c(b),ln=an.opened,pn=an.close;return r((function(){Y.current&&(ln?Y.current.play():Y.current.pause())}),[ln]),t(x,i({id:b,maxFullScreen:k,padding:"0"},{children:e(_,{children:[t(rn,i({onClick:pn},{children:"X"}),void 0),t(K,{children:v&&(N?t(P,{ref:Y,src:v.src,width:"100%",controls:!0},void 0):t(O,{src:v.src,alt:v.alt},void 0))},void 0),e($,{children:[ln&&e(q,{children:[p,z&&t(E,{children:"Verified Buyer"},void 0)]},void 0),e(B,i({"data-testid":"review-detail-content"},{children:[e(U,{children:[t(m,{starsNumber:5,rating:s,fill:f.color,size:f.size},void 0),t(X,{children:l(g,A)},void 0)]},void 0),e(V,{children:[t(G,{children:u},void 0),t(J,{dangerouslySetInnerHTML:{__html:w}},void 0)]},void 0),e(nn,{children:[e(tn,i({"data-testid":"helpful-action",onClick:function(){return M?M(o):void 0}},{children:[t(h.Custom.ThumbsUp,{width:1,height:1,fill:"#000"},void 0),t(on,{children:L},void 0)]}),void 0),e(en,i({"data-testid":"not-helpful-action",onClick:function(){return D?D(o):void 0}},{children:[t(h.Custom.ThumbsDown,{width:1,height:1,fill:"#000"},void 0),t(dn,{children:T},void 0)]}),void 0)]},void 0)]}),void 0),j&&I&&e(Q,i({onClick:function(){return window.location.href=I}},{children:[t(Z,{children:t(W,{src:j,alt:"productImage"},void 0)},void 0),t(R,{children:C},void 0)]}),void 0)]},void 0)]},void 0)}),void 0)};export{an as default};
2
2
  //# sourceMappingURL=ReviewDetail.js.map
package/build/es/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export{default as PackSelectorV2}from"./components/PackSelectorV2/PackSelectoV2.js";export{AbsorbencyLevel}from"./components/absorbency-level/AbsorbencyLevel.js";export{default as AccordionOptions}from"./components/accordion-options/AccordionOptions.js";export{default as Accordion}from"./components/accordion/Accordion.js";export{default as Autoship}from"./components/autoship/autoShip.js";export{default as AutoshipV2}from"./components/autoshipV2/autoshipV2.js";export{BeforeAfterCard}from"./components/before-after/BeforeAfter.js";export{Bundle}from"./components/bundle/index.js";export{BuyNowPayLater}from"./components/buynowpaylater/BuyNowPayLater.js";export{CartProductItem}from"./components/cartProductItem/index.js";export{Checkbox}from"./components/checkbox/Checkbox.js";export{Collection}from"./components/collection/index.js";export{default as ColorPickerWithTooltip}from"./components/color/ColorPickerWithTooltip.js";export{default as MultiColorPicker}from"./components/color/MultiColorPicker.js";export{default as SingleColorPicker}from"./components/color/SingleColorPicker.js";export{ColorSelector}from"./components/color/selector/ColorSelector.js";export{PatternSelector}from"./components/color/selector/PatternSelector.js";import*as o from"./components/cross-sell/index.js";export{o as CrossSell};export{default as ButtonPrimary}from"./components/cta/primary/ButtonPrimary.js";export{default as ButtonSecondary}from"./components/cta/secondary/ButtonSecondary.js";export{default as ButtonSecondaryOutline}from"./components/cta/secondary/ButtonSecondaryOutline.js";import"tslib";import"@emotion/react/jsx-runtime";export{AssetsProvider,ThemeProvider,ThemeVariables,useTheme,useThemeAssets}from"./core/theme/Theme.js";import"react/jsx-runtime";export{CardSectionType,ComponentPosition,ComponentSize,InputValidationType}from"./types/enums.js";import"./components/cta/styled.js";export{DeliveryDetails}from"./components/delivery-details/DeliveryDetails.js";export{Note}from"./components/delivery-details/Note/Note.js";export{Drawer}from"./components/drawer/Drawer.js";export{DropdownListIcons}from"./components/dropdown-list-icons/DropdownListIcons.js";export{default as SizeDropdown}from"./components/dropdown/size-dropdown/SizeDropdown.js";export{default as DropdownDialog}from"./components/dropdown/variants/dialog/DropdownDialog.js";export{default as FilteringDropdown}from"./components/dropdown/variants/filtering/FilteringDropdown.js";export{default as SimpleDropdown}from"./components/dropdown/variants/simple/SimpleDropdown.js";export{default as SmartDropdown}from"./components/dropdown/variants/smart/SmartDropdown.js";export{Filters}from"./components/filtering/Filters.js";export{Tags as FilteringTags}from"./components/filtering/Tags/Tags.js";export{FitGuarantee}from"./components/fit-guarantee/FitGuarantee.js";export{FitPredictor}from"./components/fit/FitPredictor.js";export{ProductGallery}from"./components/gallery/ProductGallery.js";export{IconButton}from"./components/icon-button/IconButton.js";export{AmazonButton,PaypalButton}from"./components/icon-button/amazonAndPaypal/AmazonPaypalButtons.js";export{Icon}from"./components/icons/index.js";export{IconsWithTitle}from"./components/iconsWithTitle/index.js";export{ImageCardWithDescription}from"./components/image-card/ImageCard.js";export{Input}from"./components/input/index.js";export{Modal,Overlay,modalEvent,useModal,useModalEvent}from"./components/modal/Modal.js";export{MotivatorProgressBar}from"./components/motivator-progress-bar/MotivatorProgressBar.js";export{OfferBanner}from"./components/offer-banner/OfferBanner.js";export{OrderBar}from"./components/order-bar/OrderBar.js";export{default as PackSelector}from"./components/packs/selector/PackSelector.js";export{Pagination}from"./components/pagination/Pagination.js";export{PaginatorBlog}from"./components/pagination/blogPaginator/PaginatorBlog.js";export{PaymentMethod}from"./components/payment-methods/PaymentMethod.js";export{ClubOfferTag}from"./components/pricing/clubOffer/ClubOfferTag.js";export{DiscountTag}from"./components/pricing/discount/DiscountTag.js";export{PriceLabel}from"./components/pricing/price/PriceLabel.js";export{PriceLabelV2}from"./components/pricing/priceLabelV2/PriceLabelV2.js";export{PriceLabelV3}from"./components/pricing/priceLabelV3/PriceLabelV3.js";export{PriceLabelV5}from"./components/pricing/priceLabelV5/PriceLabelV5.js";export{PriceLabelV6}from"./components/pricing/priceLabelV6/PriceLabelV6.js";export{default as SimpleOrderItem}from"./components/product/order/item/SimpleOrderItem.js";export{ProgressBar}from"./components/progress-bar/ProgressBar.js";export{QuantityPicker}from"./components/quantityPicker/QuantityPicker.js";export{RadioPrimary}from"./components/radio/RadioPrimary/radioPrimary.js";export{RadioGroupInput}from"./components/radio/container/group.js";export{ClubRadioGroupInput}from"./components/radio/clubContainer/clubGroup.js";export{RadioInput}from"./components/radio/input/radio.js";export{Rating}from"./components/rating/Rating.js";export{StarList}from"./components/rating/starList/StarList.js";export{default as ReviewDetail}from"./components/review-detail/ReviewDetail.js";export{default as Review}from"./components/review/Review.js";export{default as ReviewsHeader}from"./components/reviews-header/ReviewsHeader.js";export{ScrollToTop}from"./components/scroll-to-top/ScrollToTop.js";export{SearchBar}from"./components/search-bar/SearchBar.js";export{default as SearchNavigation}from"./components/search-navigation/SearchNavigation.js";export{default as Card}from"./components/shared/card/Card.js";export{Portal}from"./components/shared/portal/Portal.js";export{Spacing}from"./components/shared/spacing/Spacing.js";export{ShortBanner}from"./components/short-banner/ShortBanner.js";export{default as SizeChartTable}from"./components/size-chart/SizeChart.js";export{SizeTable}from"./components/size-table/SizeTable.js";export{default as SizeFitGuide}from"./components/size/guide/SizeFitGuide.js";export{default as SizeSelector}from"./components/size/selector/SizeSelector.js";export{default as SliderNavigation}from"./components/slider/SliderNavigation.js";export{StrengthBars}from"./components/strength-bars/StrengthBars.js";export{default as Tab}from"./components/tabs/Tab.js";export{default as Tabs}from"./components/tabs/Tabs.js";export{default as CategoryTag}from"./components/tag/variants/pdp/category/CategoryTag.js";export{default as CategorySquareTag}from"./components/tag/variants/pdp/categorySquare/CategorySquareTag.js";export{default as SeasonOfferTag}from"./components/tag/variants/pdp/season-offer/SeasonOfferTag.js";export{default as seasonOfferRoundedTag}from"./components/tag/variants/pdp/season-offer-rounded/SeasonOfferRounded.js";export{default as TextButton}from"./components/text-button/TextButton.js";export{Text}from"./components/text/Text.js";export{default as TextWithImage}from"./components/textWithImage/index.js";export{Timer}from"./components/timer/Timer.js";export{Toast}from"./components/toast/Toast.js";export{Tooltip}from"./components/tooltip/Tooltip.js";export{Totals}from"./components/totals/index.js";export{default as TrackingProgressV2}from"./components/tracking-progress-v2/TrackingProgressV2.js";export{default as TrackingProgress}from"./components/tracking-progress/TrackingProgress.js";export{AutoshipOfferCard}from"./components/organisms/AutoshipOfferCard/AutoshipOfferCardItem.js";export{AutoshipOfferCardCta}from"./components/organisms/AutoshipOfferCardCta/AutoshipOfferCardItemCta.js";export{AutoshipPdpCard}from"./components/organisms/AutoshipPdpCard/AutoshipPdpCard.js";export{BasicAccordion}from"./components/organisms/BasicAccordion/BasicAccordion.js";export{CartItemCard}from"./components/organisms/CartItemCard/CartItem.js";export{ClubOfferSelector}from"./components/organisms/ClubOfferSelector/clubOfferSelector.js";export{ClubOfferSelector2}from"./components/organisms/ClubOfferSelector2/clubOfferSelector2.js";export{JoinClubCard}from"./components/organisms/JoinClubCard/joinClubCard.js";export{OfferAtCart}from"./components/organisms/OfferAtCart/OfferAtCart.js";export{OfferAtCartV2}from"./components/organisms/OfferAtCartV2/OfferAtCartV2.js";export{OfferAtCartV3}from"./components/organisms/OfferAtCartV3/OfferAtCartV3.js";export{OfferAtCartV4}from"./components/organisms/OfferAtCartV4/OfferAtCartV4.js";export{OfferAtPDP}from"./components/organisms/OfferAtPDP/OfferAtPDP.js";import"./components/organisms/OfferAtPDP/types.js";export{ProductCard}from"./components/organisms/ProductCard/ProductCardV1/ProductCard.js";export{ProductCardV2}from"./components/organisms/ProductCard/ProductCardV2/ProductCardV2.js";export{ProductCardV3}from"./components/organisms/ProductCard/ProductCardV3/ProductCardV3.js";export{ProductGalleryMobile}from"./components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js";export{ProductGalleryMobileV2}from"./components/organisms/ProductGalleryMobile/ProductGalleryMobileV2/ProductGalleryMobileV2.js";export{ProductGalleryMobileV3}from"./components/organisms/ProductGalleryMobile/ProductGalleryMobileV3/ProductGalleryMobileV3.js";export{ProductGalleryMobileV4}from"./components/organisms/ProductGalleryMobile/ProductGalleryMobileV4/ProductGalleryMobileV4.js";export{ProductGalleryMobileV5}from"./components/organisms/ProductGalleryMobile/ProductGalleryMobileV5/ProductGalleryMobileV5.js";export{ProductGalleryMobileV6}from"./components/organisms/ProductGalleryMobile/ProductGalleryMobileV6/ProductGalleryMobileV6.js";export{SizeChartTableV2}from"./components/organisms/SizeCharTable/SizeChartTableV2/SizeChartV2.js";export{SizeChartTableV3}from"./components/organisms/SizeCharTable/SizeChartTableV3/SizeChartTableV3.js";export{SizeChartTableV4}from"./components/organisms/SizeCharTable/SizeChartTableV4/SizeChartTableV4.js";export{SubscriptionPlanSelector}from"./components/organisms/SubscriptionPlanSelector/SubscriptionPlanSelector.js";export{GreetingsCard}from"./components/organisms/TwoCtasAtCart/GreetingsCard.js";export{TwoCtasAtCart}from"./components/organisms/TwoCtasAtCart/TwoCtasAtCart.js";export{ClubPriceMemberLabel}from"./components/atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.js";export{HorizontalDivider}from"./components/atoms/HorizontalDivider/HorizontalDivider.js";export{Icon as LibIcon}from"./components/atoms/Icon/Icon.js";export{Image}from"./components/atoms/Image/Image.js";import"./components/atoms/PriceLabel/PriceLabel.js";import"./components/atoms/PriceLabelV2/PriceLabelV2.js";export{ToggleComponent}from"./components/atoms/Toggle/toggle.js";import"./components/molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js";import"./components/molecules/OfferAtCartImage/OfferAtCartImage.styled.js";export{CouponCard}from"./components/molecules/CouponCard/CouponCard.js";export{ArrowTip}from"./components/molecules/ArrowTip/ArrowTip.js";export{AutoshipFrequencyDropdown}from"./components/molecules/AutoshipFrequencyDropdown/AutoshipFrequencyDropdown.js";export{BenefitsList}from"./components/molecules/BenefitsList/BenefitsList.js";export{HurryUp}from"./components/molecules/HurryUp/HurryUp.js";export{Spinner}from"./components/molecules/Spinner/Spinner.js";export{Video}from"./components/molecules/Video/Video.js";export{IconsWithTitleList}from"./components/molecules/IconsWithTitleList/IconsWithTitleList.js";export{LikeButton}from"./components/molecules/LikeButton/LikeButton.js";import"./components/molecules/ScarcityTag/ScarcityTag.styled.js";export{BeforeAfterVariant,componentSizeMapper}from"./components/before-after/types.js";export{default as createCache}from"@emotion/cache";export{default as styled}from"@emotion/styled";export{CacheProvider,Global,css}from"@emotion/react";export{default as useOnClickOutside}from"./hooks/click-outside.js";export{default as useDeviceType}from"./hooks/useDeviceType/useDeviceType.js";export{useViewportAwarePosition}from"./hooks/useViewportAwarePosition/useViewportAwarePosition.js";export{useWindowDimensions}from"./hooks/WindowDimensions.js";export{buildImageUrl}from"./utils/buildImageUrl/buildImageUrl.js";export{isDangerouslySetInnerHTML}from"./utils/common/index.js";export{benefits,benefitsRawHtml,benefitsRawHtmlV2,sizeOptions,title}from"./utils/constants/offerAtCart.js";export{debounce}from"./utils/debounce/index.js";export{decimalFormat}from"./utils/decimalParser/decimalParser.js";export{formatPrice}from"./utils/formatPrice/formatPrice.js";export{getSrcSet}from"./utils/getSrcSet/getSrcSet.js";export{mediaQueries}from"./utils/media.js";export{CancellationFlowAccordionContentPerPartner}from"./utils/mock-content/CancellationFlowAccordion.js";export{simulateMouseClick}from"./utils/simulateClick/simulateClick.js";export{sliceString}from"./utils/sliceString/sliceString.js";export{isEmail,isEmpty,isNumber,isPhoneNumber,isValidDate}from"./utils/validations/validations.js";
1
+ export{default as PackSelectorV2}from"./components/PackSelectorV2/PackSelectoV2.js";export{AbsorbencyLevel}from"./components/absorbency-level/AbsorbencyLevel.js";export{default as AccordionOptions}from"./components/accordion-options/AccordionOptions.js";export{default as Accordion}from"./components/accordion/Accordion.js";export{default as Autoship}from"./components/autoship/autoShip.js";export{default as AutoshipV2}from"./components/autoshipV2/autoshipV2.js";export{BeforeAfterCard}from"./components/before-after/BeforeAfter.js";export{Bundle}from"./components/bundle/index.js";export{BuyNowPayLater}from"./components/buynowpaylater/BuyNowPayLater.js";export{CartProductItem}from"./components/cartProductItem/index.js";export{Checkbox}from"./components/checkbox/Checkbox.js";export{Collection}from"./components/collection/index.js";export{default as ColorPickerWithTooltip}from"./components/color/ColorPickerWithTooltip.js";export{default as MultiColorPicker}from"./components/color/MultiColorPicker.js";export{default as SingleColorPicker}from"./components/color/SingleColorPicker.js";export{ColorSelector}from"./components/color/selector/ColorSelector.js";export{PatternSelector}from"./components/color/selector/PatternSelector.js";import*as o from"./components/cross-sell/index.js";export{o as CrossSell};export{default as ButtonPrimary}from"./components/cta/primary/ButtonPrimary.js";export{default as ButtonSecondary}from"./components/cta/secondary/ButtonSecondary.js";export{default as ButtonSecondaryOutline}from"./components/cta/secondary/ButtonSecondaryOutline.js";import"tslib";import"@emotion/react/jsx-runtime";export{AssetsProvider,ThemeProvider,ThemeVariables,useTheme,useThemeAssets}from"./core/theme/Theme.js";import"react/jsx-runtime";export{CardSectionType,ComponentPosition,ComponentSize,InputValidationType}from"./types/enums.js";import"./components/cta/styled.js";export{DeliveryDetails}from"./components/delivery-details/DeliveryDetails.js";export{Note}from"./components/delivery-details/Note/Note.js";export{Drawer}from"./components/drawer/Drawer.js";export{DropdownListIcons}from"./components/dropdown-list-icons/DropdownListIcons.js";export{default as SizeDropdown}from"./components/dropdown/size-dropdown/SizeDropdown.js";export{default as DropdownDialog}from"./components/dropdown/variants/dialog/DropdownDialog.js";export{default as FilteringDropdown}from"./components/dropdown/variants/filtering/FilteringDropdown.js";export{default as SimpleDropdown}from"./components/dropdown/variants/simple/SimpleDropdown.js";export{default as SmartDropdown}from"./components/dropdown/variants/smart/SmartDropdown.js";export{Filters}from"./components/filtering/Filters.js";export{Tags as FilteringTags}from"./components/filtering/Tags/Tags.js";export{FitGuarantee}from"./components/fit-guarantee/FitGuarantee.js";export{FitPredictor}from"./components/fit/FitPredictor.js";export{ProductGallery}from"./components/gallery/ProductGallery.js";export{IconButton}from"./components/icon-button/IconButton.js";export{AmazonButton,PaypalButton}from"./components/icon-button/amazonAndPaypal/AmazonPaypalButtons.js";export{Icon}from"./components/icons/index.js";export{IconsWithTitle}from"./components/iconsWithTitle/index.js";export{ImageCardWithDescription}from"./components/image-card/ImageCard.js";export{Input}from"./components/input/index.js";export{Modal,Overlay,modalEvent,useModal,useModalEvent}from"./components/modal/Modal.js";export{MotivatorProgressBar}from"./components/motivator-progress-bar/MotivatorProgressBar.js";export{OfferBanner}from"./components/offer-banner/OfferBanner.js";export{OrderBar}from"./components/order-bar/OrderBar.js";export{default as PackSelector}from"./components/packs/selector/PackSelector.js";export{Pagination}from"./components/pagination/Pagination.js";export{PaginatorBlog}from"./components/pagination/blogPaginator/PaginatorBlog.js";export{PaymentMethod}from"./components/payment-methods/PaymentMethod.js";export{ClubOfferTag}from"./components/pricing/clubOffer/ClubOfferTag.js";export{DiscountTag}from"./components/pricing/discount/DiscountTag.js";export{PriceLabel}from"./components/pricing/price/PriceLabel.js";export{PriceLabelV2}from"./components/pricing/priceLabelV2/PriceLabelV2.js";export{PriceLabelV3}from"./components/pricing/priceLabelV3/PriceLabelV3.js";export{PriceLabelV5}from"./components/pricing/priceLabelV5/PriceLabelV5.js";export{PriceLabelV6}from"./components/pricing/priceLabelV6/PriceLabelV6.js";export{default as SimpleOrderItem}from"./components/product/order/item/SimpleOrderItem.js";export{ProgressBar}from"./components/progress-bar/ProgressBar.js";export{QuantityPicker}from"./components/quantityPicker/QuantityPicker.js";export{RadioPrimary}from"./components/radio/RadioPrimary/radioPrimary.js";export{RadioGroupInput}from"./components/radio/container/group.js";export{ClubRadioGroupInput}from"./components/radio/clubContainer/clubGroup.js";export{RadioInput}from"./components/radio/input/radio.js";export{Rating}from"./components/rating/Rating.js";export{StarList}from"./components/rating/starList/StarList.js";export{default as ReviewDetail}from"./components/review-detail/ReviewDetail.js";export{default as Review}from"./components/review/Review.js";export{default as ReviewsHeader}from"./components/reviews-header/ReviewsHeader.js";export{ScrollToTop}from"./components/scroll-to-top/ScrollToTop.js";export{SearchBar}from"./components/search-bar/SearchBar.js";export{default as SearchNavigation}from"./components/search-navigation/SearchNavigation.js";export{default as Card}from"./components/shared/card/Card.js";export{Portal}from"./components/shared/portal/Portal.js";export{Spacing}from"./components/shared/spacing/Spacing.js";export{ShortBanner}from"./components/short-banner/ShortBanner.js";export{default as SizeChartTable}from"./components/size-chart/SizeChart.js";export{SizeTable}from"./components/size-table/SizeTable.js";export{default as SizeFitGuide}from"./components/size/guide/SizeFitGuide.js";export{default as SizeSelector}from"./components/size/selector/SizeSelector.js";export{default as SliderNavigation}from"./components/slider/SliderNavigation.js";export{StrengthBars}from"./components/strength-bars/StrengthBars.js";export{default as Tab}from"./components/tabs/Tab.js";export{default as Tabs}from"./components/tabs/Tabs.js";export{default as CategoryTag}from"./components/tag/variants/pdp/category/CategoryTag.js";export{default as CategorySquareTag}from"./components/tag/variants/pdp/categorySquare/CategorySquareTag.js";export{default as SeasonOfferTag}from"./components/tag/variants/pdp/season-offer/SeasonOfferTag.js";export{default as seasonOfferRoundedTag}from"./components/tag/variants/pdp/season-offer-rounded/SeasonOfferRounded.js";export{default as TextButton}from"./components/text-button/TextButton.js";export{Text}from"./components/text/Text.js";export{default as TextWithImage}from"./components/textWithImage/index.js";export{Timer}from"./components/timer/Timer.js";export{Toast}from"./components/toast/Toast.js";export{Tooltip}from"./components/tooltip/Tooltip.js";export{Totals}from"./components/totals/index.js";export{default as TrackingProgressV2}from"./components/tracking-progress-v2/TrackingProgressV2.js";export{default as TrackingProgress}from"./components/tracking-progress/TrackingProgress.js";export{AutoshipOfferCard}from"./components/organisms/AutoshipOfferCard/AutoshipOfferCardItem.js";export{AutoshipOfferCardCta}from"./components/organisms/AutoshipOfferCardCta/AutoshipOfferCardItemCta.js";export{AutoshipPdpCard}from"./components/organisms/AutoshipPdpCard/AutoshipPdpCard.js";export{BasicAccordion}from"./components/organisms/BasicAccordion/BasicAccordion.js";export{CartItemCard}from"./components/organisms/CartItemCard/CartItem.js";export{ClubOfferSelector}from"./components/organisms/ClubOfferSelector/clubOfferSelector.js";export{ClubOfferSelector2}from"./components/organisms/ClubOfferSelector2/clubOfferSelector2.js";export{JoinClubCard}from"./components/organisms/JoinClubCard/joinClubCard.js";export{OfferAtCart}from"./components/organisms/OfferAtCart/OfferAtCart.js";export{OfferAtCartV2}from"./components/organisms/OfferAtCartV2/OfferAtCartV2.js";export{OfferAtCartV3}from"./components/organisms/OfferAtCartV3/OfferAtCartV3.js";export{OfferAtCartV4}from"./components/organisms/OfferAtCartV4/OfferAtCartV4.js";export{OfferAtPDP}from"./components/organisms/OfferAtPDP/OfferAtPDP.js";import"./components/organisms/OfferAtPDP/types.js";export{ProductCard}from"./components/organisms/ProductCard/ProductCardV1/ProductCard.js";export{ProductCardV2}from"./components/organisms/ProductCard/ProductCardV2/ProductCardV2.js";export{ProductCardV3}from"./components/organisms/ProductCard/ProductCardV3/ProductCardV3.js";export{ProductGalleryMobile}from"./components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js";export{ProductGalleryMobileV2}from"./components/organisms/ProductGalleryMobile/ProductGalleryMobileV2/ProductGalleryMobileV2.js";export{ProductGalleryMobileV3}from"./components/organisms/ProductGalleryMobile/ProductGalleryMobileV3/ProductGalleryMobileV3.js";export{ProductGalleryMobileV4}from"./components/organisms/ProductGalleryMobile/ProductGalleryMobileV4/ProductGalleryMobileV4.js";export{ProductGalleryMobileV5}from"./components/organisms/ProductGalleryMobile/ProductGalleryMobileV5/ProductGalleryMobileV5.js";export{ProductGalleryMobileV6}from"./components/organisms/ProductGalleryMobile/ProductGalleryMobileV6/ProductGalleryMobileV6.js";export{SizeChartTableV2}from"./components/organisms/SizeCharTable/SizeChartTableV2/SizeChartV2.js";export{SizeChartTableV3}from"./components/organisms/SizeCharTable/SizeChartTableV3/SizeChartTableV3.js";export{SizeChartTableV4}from"./components/organisms/SizeCharTable/SizeChartTableV4/SizeChartTableV4.js";export{SubscriptionPlanSelector}from"./components/organisms/SubscriptionPlanSelector/SubscriptionPlanSelector.js";export{GreetingsCard}from"./components/organisms/TwoCtasAtCart/GreetingsCard.js";export{TwoCtasAtCart}from"./components/organisms/TwoCtasAtCart/TwoCtasAtCart.js";export{ClubPriceMemberLabel}from"./components/atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.js";export{HorizontalDivider}from"./components/atoms/HorizontalDivider/HorizontalDivider.js";export{Icon as LibIcon}from"./components/atoms/Icon/Icon.js";export{Image}from"./components/atoms/Image/Image.js";import"./components/atoms/PriceLabel/PriceLabel.js";import"./components/atoms/PriceLabelV2/PriceLabelV2.js";export{ToggleComponent}from"./components/atoms/Toggle/toggle.js";import"./components/molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js";import"./components/molecules/OfferAtCartImage/OfferAtCartImage.styled.js";export{CouponCard}from"./components/molecules/CouponCard/CouponCard.js";export{ArrowTip}from"./components/molecules/ArrowTip/ArrowTip.js";export{AutoshipFrequencyDropdown}from"./components/molecules/AutoshipFrequencyDropdown/AutoshipFrequencyDropdown.js";export{BenefitsList}from"./components/molecules/BenefitsList/BenefitsList.js";export{HurryUp}from"./components/molecules/HurryUp/HurryUp.js";export{Spinner}from"./components/molecules/Spinner/Spinner.js";export{Video}from"./components/molecules/Video/Video.js";export{IconsWithTitleList}from"./components/molecules/IconsWithTitleList/IconsWithTitleList.js";export{LikeButton}from"./components/molecules/LikeButton/LikeButton.js";import"./components/molecules/ScarcityTag/ScarcityTag.styled.js";export{BeforeAfterVariant,componentSizeMapper}from"./components/before-after/types.js";export{default as createCache}from"@emotion/cache";export{default as styled}from"@emotion/styled";export{CacheProvider,Global,css}from"@emotion/react";export{default as useOnClickOutside}from"./hooks/click-outside.js";export{default as useDeviceType}from"./hooks/useDeviceType/useDeviceType.js";export{useViewportAwarePosition}from"./hooks/useViewportAwarePosition/useViewportAwarePosition.js";export{useWindowDimensions}from"./hooks/WindowDimensions.js";export{buildImageUrl}from"./utils/buildImageUrl/buildImageUrl.js";export{isDangerouslySetInnerHTML}from"./utils/common/index.js";export{benefits,benefitsRawHtml,benefitsRawHtmlV2,sizeOptions,title}from"./utils/constants/offerAtCart.js";export{DateFormat,formatDate}from"./utils/dateFormatter/dateFormatter.js";export{debounce}from"./utils/debounce/index.js";export{decimalFormat}from"./utils/decimalParser/decimalParser.js";export{formatPrice}from"./utils/formatPrice/formatPrice.js";export{getSrcSet}from"./utils/getSrcSet/getSrcSet.js";export{mediaQueries}from"./utils/media.js";export{CancellationFlowAccordionContentPerPartner}from"./utils/mock-content/CancellationFlowAccordion.js";export{simulateMouseClick}from"./utils/simulateClick/simulateClick.js";export{sliceString}from"./utils/sliceString/sliceString.js";export{isEmail,isEmpty,isNumber,isPhoneNumber,isValidDate}from"./utils/validations/validations.js";
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- function c(c,t){var n=c.getDate(),a=c.getMonth()+1,o=c.getFullYear();switch(null!=t?t:"DDMMYY"){case"DDMMYY":return"".concat(n<10?"0".concat(n):n,"/").concat(a<10?"0".concat(a):a,"/").concat(o);case"MMDDYY":return"".concat(a<10?"0".concat(a):a,"/").concat(n<10?"0".concat(n):n,"/").concat(o);case"YYMMDD":return"".concat(o,"/").concat(a<10?"0".concat(a):a,"/").concat(n<10?"0".concat(n):n)}}export{c as formatDate};
1
+ var c=["January","February","March","April","May","June","July","August","September","October","November","December"],M={DDMMYY:"DDMMYY",MMDDYY:"MMDDYY",YYMMDD:"YYMMDD",MMMMDDYY:"MMMMDDYY"},t=function(c){return c<10?"0".concat(c):String(c)};function n(n,a){var e=n.getDate(),D=n.getMonth()+1,Y=n.getFullYear(),r=t(e),o=t(D);switch(null!=a?a:M.DDMMYY){case M.MMMMDDYY:return"".concat(c[D-1]," ").concat(e,", ").concat(Y);case M.MMDDYY:return"".concat(o,"/").concat(r,"/").concat(Y);case M.YYMMDD:return"".concat(Y,"/").concat(o,"/").concat(r);default:return"".concat(r,"/").concat(o,"/").concat(Y)}}export{M as DateFormat,n as formatDate};
2
2
  //# sourceMappingURL=dateFormatter.js.map
package/build/index.d.ts CHANGED
@@ -3729,6 +3729,15 @@ interface StarListProps {
3729
3729
  }
3730
3730
  declare const StarList: ({ rating, starsNumber, fill, size, }: StarListProps) => JSX.Element;
3731
3731
 
3732
+ declare const DateFormat: {
3733
+ readonly DDMMYY: "DDMMYY";
3734
+ readonly MMDDYY: "MMDDYY";
3735
+ readonly YYMMDD: "YYMMDD";
3736
+ readonly MMMMDDYY: "MMMMDDYY";
3737
+ };
3738
+ declare type DateFormatType = typeof DateFormat[keyof typeof DateFormat];
3739
+ declare function formatDate(date: Date, format?: DateFormatType): string;
3740
+
3732
3741
  interface ReviewProps$1 {
3733
3742
  reviewId: string;
3734
3743
  reviewerName: string;
@@ -3754,14 +3763,15 @@ interface ReviewProps$1 {
3754
3763
  helpfulAction?: (id: string) => void;
3755
3764
  notHelpfulCount?: number;
3756
3765
  notHelpfulAction?: (id: string) => void;
3766
+ dateFormat?: DateFormatType;
3757
3767
  }
3758
- declare const Review$1: ({ reviewId, reviewerName, date, rating, stars, title, description, image, modalId, maxFullScreen, verified, productImage, productTitle, productLink, helpfulCount, helpfulAction, notHelpfulCount, notHelpfulAction, }: ReviewProps$1) => JSX.Element;
3768
+ declare const Review$1: ({ reviewId, reviewerName, date, rating, stars, title, description, image, modalId, maxFullScreen, verified, productImage, productTitle, productLink, helpfulCount, helpfulAction, notHelpfulCount, notHelpfulAction, dateFormat, }: ReviewProps$1) => JSX.Element;
3759
3769
 
3760
3770
  interface ReviewProps {
3761
3771
  reviewId: string;
3762
3772
  reviewerName: string;
3763
3773
  date: Date;
3764
- dateFormat?: 'DDMMYY' | 'MMDDYY' | 'YYMMDD';
3774
+ dateFormat?: DateFormatType;
3765
3775
  rating: number;
3766
3776
  stars: {
3767
3777
  color: string;
@@ -4865,4 +4875,4 @@ declare const isNumber: (value: string) => boolean;
4865
4875
  declare const isPhoneNumber: (value: string) => boolean;
4866
4876
  declare const isValidDate: (value: string) => boolean;
4867
4877
 
4868
- export { AbsorbencyLevel, Accordion, AccordionOptions, AmazonButton, ArrowTip, AssetsProvider, Autoship, AutoshipFrequency, AutoshipFrequencyDropdown, AutoshipOfferCard, AutoshipOfferCardCta, AutoshipPdpCard, AutoshipV2, BasicAccordion, BeforeAfterCard, BeforeAfterVariant, BenefitsList, BenefitsListProps, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, BuyNowPayLater, CTAProps, CancellationFlowAccordionContentPerPartner, _default as Card, CardSectionType, CartItemCard, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferSelector, ClubOfferSelector2, ClubOfferTag, ClubPriceMemberLabel, ClubRadioGroupInput, Collection, ColorPickerOption, ColorPickerWithTooltip, ColorSelector, ColorsState, CommonProps, ComponentPosition, ComponentSize, ContentType, CouponCard, index_d as CrossSell, DeliveryDetails, DeviceType, DiscountTag, Drawer, DropdownDialog, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, Filters, FitGuarantee, FitPredictor, GreetingsCard, HorizontalDivider, HorizontalDividerProps, HurryUp, HurryUpProps, ISubscriptionFrequencyDropdown, Icon, IconButton, IconName, IconProps, IconWithOpacityProps, IconsWithTitle, IconsWithTitleList, Image, ImageCardWithDescription, ImageProps, Input, InputValidationType, JoinClubCard, Icon$1 as LibIcon, IconProps$1 as LibIconProps, LikeButton, LikeButtonColors, LikeButtonProps, Modal, MotivatorProgressBar, MultiColorPicker, Note, OfferAtCart, OfferAtCartBenefitProps, OfferAtCartProps, OfferAtCartV2, OfferAtCartV3, OfferAtCartV4, OfferAtPDP, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, Partner, PartnerContent, Pattern, PatternSelector, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, PriceLabelV3, PriceLabelV5, PriceLabelV6, PriceType, ProductCard, ProductCardV2, ProductCardV3, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProductGalleryMobileV3, ProductGalleryMobileV4, ProductGalleryMobileV5, ProductGalleryMobileV6, ProgressBar, QuantityPicker, RadioConfig, RadioGroupInput, RadioGroupOption, RadioInput, RadioPrimary, RadiosConfig, Rating, Review, Review$1 as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, SelectorOnChangeProps, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeChartTableV2, SizeChartTableV3, SizeChartTableV4, SizeDropdown, SizeFitGuide, SizeOption, SizeOptionProps, SizeSelector, SizeTable, SliderNavigation, SmartDropdown, Spacing, Spinner, SpinnerProps, StarList, StrengthBars, SubscriptionPlanSelector, SubscriptionPlanSelectorProps, SubscriptionPlanSelectorRadios, Tab, Tabs, Text, TextButton, TextWithImage, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeProviderProps, ThemeTypography, ThemeVariables, Timer, Toast, ToggleComponent, Tooltip, TooltipContent, TooltipHeader, TooltipType, Totals, TrackingProgress, TrackingProgressV2, TwoCtasAtCart, Video, VideoProps, WithBenefits, WithChildren, WithTestId, benefits, benefitsRawHtml, benefitsRawHtmlV2, buildImageUrl, componentSizeMapper, debounce, decimalFormat, formatPrice, getSrcSet, imageVideoProps, isDangerouslySetInnerHTML, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, mediaQueries, modalEvent, SeasonOfferRoundedTag as seasonOfferRoundedTag, simulateMouseClick, sizeOptions, sliceString, title, useDeviceType, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useViewportAwarePosition, useWindowDimensions };
4878
+ export { AbsorbencyLevel, Accordion, AccordionOptions, AmazonButton, ArrowTip, AssetsProvider, Autoship, AutoshipFrequency, AutoshipFrequencyDropdown, AutoshipOfferCard, AutoshipOfferCardCta, AutoshipPdpCard, AutoshipV2, BasicAccordion, BeforeAfterCard, BeforeAfterVariant, BenefitsList, BenefitsListProps, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, BuyNowPayLater, CTAProps, CancellationFlowAccordionContentPerPartner, _default as Card, CardSectionType, CartItemCard, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferSelector, ClubOfferSelector2, ClubOfferTag, ClubPriceMemberLabel, ClubRadioGroupInput, Collection, ColorPickerOption, ColorPickerWithTooltip, ColorSelector, ColorsState, CommonProps, ComponentPosition, ComponentSize, ContentType, CouponCard, index_d as CrossSell, DateFormat, DateFormatType, DeliveryDetails, DeviceType, DiscountTag, Drawer, DropdownDialog, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, Filters, FitGuarantee, FitPredictor, GreetingsCard, HorizontalDivider, HorizontalDividerProps, HurryUp, HurryUpProps, ISubscriptionFrequencyDropdown, Icon, IconButton, IconName, IconProps, IconWithOpacityProps, IconsWithTitle, IconsWithTitleList, Image, ImageCardWithDescription, ImageProps, Input, InputValidationType, JoinClubCard, Icon$1 as LibIcon, IconProps$1 as LibIconProps, LikeButton, LikeButtonColors, LikeButtonProps, Modal, MotivatorProgressBar, MultiColorPicker, Note, OfferAtCart, OfferAtCartBenefitProps, OfferAtCartProps, OfferAtCartV2, OfferAtCartV3, OfferAtCartV4, OfferAtPDP, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, Partner, PartnerContent, Pattern, PatternSelector, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, PriceLabelV3, PriceLabelV5, PriceLabelV6, PriceType, ProductCard, ProductCardV2, ProductCardV3, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProductGalleryMobileV3, ProductGalleryMobileV4, ProductGalleryMobileV5, ProductGalleryMobileV6, ProgressBar, QuantityPicker, RadioConfig, RadioGroupInput, RadioGroupOption, RadioInput, RadioPrimary, RadiosConfig, Rating, Review, Review$1 as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, SelectorOnChangeProps, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeChartTableV2, SizeChartTableV3, SizeChartTableV4, SizeDropdown, SizeFitGuide, SizeOption, SizeOptionProps, SizeSelector, SizeTable, SliderNavigation, SmartDropdown, Spacing, Spinner, SpinnerProps, StarList, StrengthBars, SubscriptionPlanSelector, SubscriptionPlanSelectorProps, SubscriptionPlanSelectorRadios, Tab, Tabs, Text, TextButton, TextWithImage, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeProviderProps, ThemeTypography, ThemeVariables, Timer, Toast, ToggleComponent, Tooltip, TooltipContent, TooltipHeader, TooltipType, Totals, TrackingProgress, TrackingProgressV2, TwoCtasAtCart, Video, VideoProps, WithBenefits, WithChildren, WithTestId, benefits, benefitsRawHtml, benefitsRawHtmlV2, buildImageUrl, componentSizeMapper, debounce, decimalFormat, formatDate, formatPrice, getSrcSet, imageVideoProps, isDangerouslySetInnerHTML, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, mediaQueries, modalEvent, SeasonOfferRoundedTag as seasonOfferRoundedTag, simulateMouseClick, sizeOptions, sliceString, title, useDeviceType, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useViewportAwarePosition, useWindowDimensions };
@@ -1,2 +1,2 @@
1
- "use strict";var n=require("tslib"),e=require("react/jsx-runtime"),i=require("@emotion/styled"),t=require("react"),o=require("../../types/enums.js"),a=require("../../utils/dateFormatter/dateFormatter.js"),r=require("../atoms/Image/Image.js");require("@emotion/react/jsx-runtime"),require("../../core/theme/Theme.js"),require("../cta/styled.js");var l=require("../cta/secondary/ButtonSecondary.js"),s=require("../rating/starList/StarList.js");function d(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var p,m,c,h,x,f,u,g,w,v,j,_,y,b,z,k,T,O,S,q=d(i),C=q.default.div(p||(p=n.__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"]))),I=q.default.div(m||(m=n.__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"]))),L=q.default.div(c||(c=n.__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n"],["\n display: flex;\n justify-content: space-between;\n"]))),M=q.default.div(h||(h=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"]))),D=q.default.span(x||(x=n.__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"]))),E=q.default.div(f||(f=n.__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"]))),A=q.default.h2(u||(u=n.__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"]))),F=q.default.h3(g||(g=n.__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"]))),H=q.default.div(w||(w=n.__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"]))),N=q.default.div(v||(v=n.__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"]))),Y=q.default.div(j||(j=n.__makeTemplateObject(["\n margin-left: 10px;\n text-align: right;\n"],["\n margin-left: 10px;\n text-align: right;\n"]))),B=q.default.div(_||(_=n.__makeTemplateObject(["\n display: flex;\n justify-content: end;\n"],["\n display: flex;\n justify-content: end;\n"]))),V=q.default.div(y||(y=n.__makeTemplateObject(["\n width: 7.5rem;\n height: 4.125rem;\n"],["\n width: 7.5rem;\n height: 4.125rem;\n"]))),W=q.default.div(b||(b=n.__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"]))),G=q.default.div(z||(z=n.__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(n){return n.showMoreDesktop?"12px":"50px"})),J=q.default.div(k||(k=n.__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"]))),K=q.default.div(T||(T=n.__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"]))),P=q.default.i(O||(O=n.__makeTemplateObject(["\n content: '\f164';\n"],["\n content: '\\f164';\n"]))),Q=q.default(l)(S||(S=n.__makeTemplateObject(["\n margin-right: 15px;\n"],["\n margin-right: 15px;\n"])));module.exports=function(i){var l=i.reviewId,d=i.reviewerName,p=i.date,m=i.dateFormat,c=void 0===m?"DDMMYY":m,h=i.rating,x=i.stars,f=i.title,u=i.description,g=i.images,w=i.reviewVariant,v=i.onClickImage,j=i.helpfulActionText,_=i.helpfulAction,y=i.helpfulCount,b=i.hasTextWhenHelpfulCount0,z=void 0!==b&&b,k=Math.random().toString(36).substring(7),T=t.useState(u.length>168),O=T[0],S=T[1],q=t.useState(u.length>500),R=q[0],U=q[1];return t.useEffect((function(){var n=document.querySelectorAll("#see-more-".concat(k)),e=function(){S(!1),U(!1)};return n.forEach((function(n){n.addEventListener("click",e)})),function(){n.forEach((function(n){n.removeEventListener("click",e)}))}}),[k]),e.jsxs(C,{children:[e.jsxs(I,{children:[e.jsx(A,{children:d},void 0),e.jsx(D,{children:a.formatDate(p,c)},void 0)]},void 0),e.jsx(s.StarList,{starsNumber:5,rating:h,fill:x.color,size:x.size},void 0),e.jsxs(L,n.__assign({"data-testid":"review-content"},{children:[e.jsxs(M,{children:[e.jsx(F,{children:f},void 0),e.jsx(N,{dangerouslySetInnerHTML:{__html:O?"".concat(u.slice(0,168),'... <a id="see-more-').concat(k,'" class="see-more">See more</a>'):u}},void 0),e.jsx(H,{dangerouslySetInnerHTML:{__html:R?"".concat(u.slice(0,500),'... <a id="see-more-').concat(k,'" class="see-more">See more</a>'):u}},void 0),e.jsxs(G,n.__assign({showMoreDesktop:u.length>500},{children:[j&&_&&e.jsx(Q,{onClick:function(){return _(l)},text:j,size:o.ComponentSize.Small},void 0),(y||z&&0===y)&&e.jsxs(K,{children:[y," people found this helpful"]},void 0)]}),void 0)]},void 0),e.jsxs(Y,{children:[e.jsxs(B,{children:[null==g?void 0:g.map((function(i){return e.jsx(W,n.__assign({onClick:function(){return v&&v(i.src)}},{children:e.jsx(r.Image,{src:i.src,alt:i.alt,height:"10rem",width:"7.5rem"},void 0)}),i.src)})),!g||0===g.length&&e.jsx(V,{},void 0)]},void 0),e.jsx(E,{children:w},void 0)]},void 0)]}),void 0),e.jsx(P,{},void 0),e.jsxs(J,{children:[j&&_&&e.jsx(Q,{onClick:function(){return _(l)},text:j,size:o.ComponentSize.Small},void 0),(y||z&&0===y)&&e.jsxs(K,{children:[y," people found this helpful"]},void 0)]},void 0)]},void 0)};
1
+ "use strict";var n=require("tslib"),e=require("react/jsx-runtime"),i=require("@emotion/styled"),t=require("react"),o=require("../../types/enums.js"),a=require("../../utils/dateFormatter/dateFormatter.js"),l=require("../atoms/Image/Image.js");require("@emotion/react/jsx-runtime"),require("../../core/theme/Theme.js"),require("../cta/styled.js");var r=require("../cta/secondary/ButtonSecondary.js"),s=require("../rating/starList/StarList.js");function d(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var p,m,c,h,x,f,u,g,w,v,j,_,y,b,z,k,T,O,S,q=d(i),C=q.default.div(p||(p=n.__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"]))),I=q.default.div(m||(m=n.__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"]))),L=q.default.div(c||(c=n.__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n"],["\n display: flex;\n justify-content: space-between;\n"]))),M=q.default.div(h||(h=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"]))),D=q.default.span(x||(x=n.__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"]))),E=q.default.div(f||(f=n.__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"]))),F=q.default.h2(u||(u=n.__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"]))),A=q.default.h3(g||(g=n.__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"]))),H=q.default.div(w||(w=n.__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"]))),N=q.default.div(v||(v=n.__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"]))),Y=q.default.div(j||(j=n.__makeTemplateObject(["\n margin-left: 10px;\n text-align: right;\n"],["\n margin-left: 10px;\n text-align: right;\n"]))),B=q.default.div(_||(_=n.__makeTemplateObject(["\n display: flex;\n justify-content: end;\n"],["\n display: flex;\n justify-content: end;\n"]))),V=q.default.div(y||(y=n.__makeTemplateObject(["\n width: 7.5rem;\n height: 4.125rem;\n"],["\n width: 7.5rem;\n height: 4.125rem;\n"]))),W=q.default.div(b||(b=n.__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"]))),G=q.default.div(z||(z=n.__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(n){return n.showMoreDesktop?"12px":"50px"})),J=q.default.div(k||(k=n.__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"]))),K=q.default.div(T||(T=n.__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"]))),P=q.default.i(O||(O=n.__makeTemplateObject(["\n content: '\f164';\n"],["\n content: '\\f164';\n"]))),Q=q.default(r)(S||(S=n.__makeTemplateObject(["\n margin-right: 15px;\n"],["\n margin-right: 15px;\n"])));module.exports=function(i){var r=i.reviewId,d=i.reviewerName,p=i.date,m=i.dateFormat,c=void 0===m?a.DateFormat.DDMMYY:m,h=i.rating,x=i.stars,f=i.title,u=i.description,g=i.images,w=i.reviewVariant,v=i.onClickImage,j=i.helpfulActionText,_=i.helpfulAction,y=i.helpfulCount,b=i.hasTextWhenHelpfulCount0,z=void 0!==b&&b,k=Math.random().toString(36).substring(7),T=t.useState(u.length>168),O=T[0],S=T[1],q=t.useState(u.length>500),R=q[0],U=q[1];return t.useEffect((function(){var n=document.querySelectorAll("#see-more-".concat(k)),e=function(){S(!1),U(!1)};return n.forEach((function(n){n.addEventListener("click",e)})),function(){n.forEach((function(n){n.removeEventListener("click",e)}))}}),[k]),e.jsxs(C,{children:[e.jsxs(I,{children:[e.jsx(F,{children:d},void 0),e.jsx(D,{children:a.formatDate(p,c)},void 0)]},void 0),e.jsx(s.StarList,{starsNumber:5,rating:h,fill:x.color,size:x.size},void 0),e.jsxs(L,n.__assign({"data-testid":"review-content"},{children:[e.jsxs(M,{children:[e.jsx(A,{children:f},void 0),e.jsx(N,{dangerouslySetInnerHTML:{__html:O?"".concat(u.slice(0,168),'... <a id="see-more-').concat(k,'" class="see-more">See more</a>'):u}},void 0),e.jsx(H,{dangerouslySetInnerHTML:{__html:R?"".concat(u.slice(0,500),'... <a id="see-more-').concat(k,'" class="see-more">See more</a>'):u}},void 0),e.jsxs(G,n.__assign({showMoreDesktop:u.length>500},{children:[j&&_&&e.jsx(Q,{onClick:function(){return _(r)},text:j,size:o.ComponentSize.Small},void 0),(y||z&&0===y)&&e.jsxs(K,{children:[y," people found this helpful"]},void 0)]}),void 0)]},void 0),e.jsxs(Y,{children:[e.jsxs(B,{children:[null==g?void 0:g.map((function(i){return e.jsx(W,n.__assign({onClick:function(){return null==v?void 0:v(i.src)}},{children:e.jsx(l.Image,{src:i.src,alt:i.alt,height:"10rem",width:"7.5rem"},void 0)}),i.src)})),!g||0===g.length&&e.jsx(V,{},void 0)]},void 0),e.jsx(E,{children:w},void 0)]},void 0)]}),void 0),e.jsx(P,{},void 0),e.jsxs(J,{children:[j&&_&&e.jsx(Q,{onClick:function(){return _(r)},text:j,size:o.ComponentSize.Small},void 0),(y||z&&0===y)&&e.jsxs(K,{children:[y," people found this helpful"]},void 0)]},void 0)]},void 0)};
2
2
  //# sourceMappingURL=Review.js.map
@@ -1,2 +1,2 @@
1
- "use strict";var n=require("tslib"),i=require("react/jsx-runtime"),e=require("@emotion/styled"),t=require("react"),a=require("../../utils/dateFormatter/dateFormatter.js"),o=require("../atoms/Image/Image.js"),d=require("../icons/index.js"),l=require("../modal/Modal.js"),r=require("../rating/starList/StarList.js");function p(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var c,x,m,s,h,g,f,u,w,b,v,j,_,k,y,z,T,O,I,q,C,L,S,F=p(e),M=F.default.div(c||(c=n.__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"]))),H=F.default.div(x||(x=n.__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"]))),A=F.default.div(m||(m=n.__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n"],["\n display: flex;\n justify-content: space-between;\n"]))),D=F.default.div(s||(s=n.__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"]))),N=F.default.span(h||(h=n.__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"]))),B=F.default.h1(g||(g=n.__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"]))),E=F.default.h1(f||(f=n.__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"]))),R=F.default.h2(u||(u=n.__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"]))),U=F.default.div(w||(w=n.__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"]))),V=F.default.div(b||(b=n.__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"]))),X=F.default(o.Image)(v||(v=n.__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"]))),G=F.default.video(j||(j=n.__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"]))),J=F.default.div(_||(_=n.__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"]))),K=F.default.div(k||(k=n.__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"]))),P=F.default(o.Image)(y||(y=n.__makeTemplateObject(["\n max-height: 100px;\n height: auto;\n width: auto;\n"],["\n max-height: 100px;\n height: auto;\n width: auto;\n"]))),Q=F.default.div(z||(z=n.__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"]))),W=F.default.div(T||(T=n.__makeTemplateObject(["\n @media (min-width: 768px) {\n min-width: 40%;\n }\n"],["\n @media (min-width: 768px) {\n min-width: 40%;\n }\n"]))),Y=F.default.div(O||(O=n.__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"]))),Z=F.default.div(I||(I=n.__makeTemplateObject(["\n display: flex;\n cursor: pointer;\n"],["\n display: flex;\n cursor: pointer;\n"]))),$=F.default.div(q||(q=n.__makeTemplateObject(["\n display: flex;\n cursor: pointer;\n"],["\n display: flex;\n cursor: pointer;\n"]))),nn=F.default.span(C||(C=n.__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"]))),en=F.default.span(L||(L=n.__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"]))),tn=F.default.span(S||(S=n.__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"])));module.exports=function(e){var o=e.reviewId,p=e.reviewerName,c=e.date,x=e.rating,m=e.stars,s=e.title,h=e.description,g=e.image,f=e.modalId,u=e.maxFullScreen,w=void 0!==u&&u,b=e.verified,v=e.productImage,j=e.productTitle,_=e.productLink,k=e.helpfulCount,y=void 0===k?0:k,z=e.helpfulAction,T=e.notHelpfulCount,O=void 0===T?0:T,I=e.notHelpfulAction,q=null==g?void 0:g.src.includes("/video"),C=t.useRef(null),L=l.useModal(f),S=L.opened,F=L.close;return t.useEffect((function(){C.current&&(S?C.current.play():C.current.pause())}),[S]),i.jsx(l.Modal,n.__assign({id:f,maxFullScreen:w,padding:"0"},{children:i.jsxs(M,{children:[i.jsx(tn,n.__assign({onClick:F},{children:"X"}),void 0),i.jsx(V,{children:g&&(q?i.jsx(G,{ref:C,src:g.src,width:"100%",controls:!0},void 0):i.jsx(X,{src:g.src,alt:g.alt},void 0))},void 0),i.jsxs(W,{children:[S&&i.jsxs(B,{children:[p,b&&i.jsx(E,{children:"Verified Buyer"},void 0)]},void 0),i.jsxs(H,n.__assign({"data-testid":"review-detail-content"},{children:[i.jsxs(A,{children:[i.jsx(r.StarList,{starsNumber:5,rating:x,fill:m.color,size:m.size},void 0),i.jsx(N,{children:a.formatDate(c)},void 0)]},void 0),i.jsxs(D,{children:[i.jsx(R,{children:s},void 0),i.jsx(U,{dangerouslySetInnerHTML:{__html:h}},void 0)]},void 0),i.jsxs(Y,{children:[i.jsxs(Z,n.__assign({"data-testid":"helpful-action",onClick:function(){return z?z(o):void 0}},{children:[i.jsx(d.Icon.Custom.ThumbsUp,{width:1,height:1,fill:"#000"},void 0),i.jsx(nn,{children:y},void 0)]}),void 0),i.jsxs($,n.__assign({"data-testid":"not-helpful-action",onClick:function(){return I?I(o):void 0}},{children:[i.jsx(d.Icon.Custom.ThumbsDown,{width:1,height:1,fill:"#000"},void 0),i.jsx(en,{children:O},void 0)]}),void 0)]},void 0)]}),void 0),v&&_&&i.jsxs(J,n.__assign({onClick:function(){return window.location.href=_}},{children:[i.jsx(Q,{children:i.jsx(P,{src:v,alt:"productImage"},void 0)},void 0),i.jsx(K,{children:j},void 0)]}),void 0)]},void 0)]},void 0)}),void 0)};
1
+ "use strict";var n=require("tslib"),i=require("react/jsx-runtime"),e=require("@emotion/styled"),t=require("react"),a=require("../../utils/dateFormatter/dateFormatter.js"),o=require("../atoms/Image/Image.js"),d=require("../icons/index.js"),l=require("../modal/Modal.js"),r=require("../rating/starList/StarList.js");function p(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var c,m,x,s,h,g,f,u,w,b,v,j,_,k,y,z,T,O,I,q,C,F,M,D=p(e),L=D.default.div(c||(c=n.__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"]))),S=D.default.div(m||(m=n.__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"]))),H=D.default.div(x||(x=n.__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n"],["\n display: flex;\n justify-content: space-between;\n"]))),A=D.default.div(s||(s=n.__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"]))),N=D.default.span(h||(h=n.__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"]))),Y=D.default.h1(g||(g=n.__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"]))),B=D.default.h1(f||(f=n.__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"]))),E=D.default.h2(u||(u=n.__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"]))),R=D.default.div(w||(w=n.__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"]))),U=D.default.div(b||(b=n.__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"]))),V=D.default(o.Image)(v||(v=n.__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"]))),X=D.default.video(j||(j=n.__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"]))),G=D.default.div(_||(_=n.__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"]))),J=D.default.div(k||(k=n.__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"]))),K=D.default(o.Image)(y||(y=n.__makeTemplateObject(["\n max-height: 100px;\n height: auto;\n width: auto;\n"],["\n max-height: 100px;\n height: auto;\n width: auto;\n"]))),P=D.default.div(z||(z=n.__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"]))),Q=D.default.div(T||(T=n.__makeTemplateObject(["\n @media (min-width: 768px) {\n min-width: 40%;\n }\n"],["\n @media (min-width: 768px) {\n min-width: 40%;\n }\n"]))),W=D.default.div(O||(O=n.__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"]))),Z=D.default.div(I||(I=n.__makeTemplateObject(["\n display: flex;\n cursor: pointer;\n"],["\n display: flex;\n cursor: pointer;\n"]))),$=D.default.div(q||(q=n.__makeTemplateObject(["\n display: flex;\n cursor: pointer;\n"],["\n display: flex;\n cursor: pointer;\n"]))),nn=D.default.span(C||(C=n.__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"]))),en=D.default.span(F||(F=n.__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"]))),tn=D.default.span(M||(M=n.__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"])));module.exports=function(e){var o=e.reviewId,p=e.reviewerName,c=e.date,m=e.rating,x=e.stars,s=e.title,h=e.description,g=e.image,f=e.modalId,u=e.maxFullScreen,w=void 0!==u&&u,b=e.verified,v=e.productImage,j=e.productTitle,_=e.productLink,k=e.helpfulCount,y=void 0===k?0:k,z=e.helpfulAction,T=e.notHelpfulCount,O=void 0===T?0:T,I=e.notHelpfulAction,q=e.dateFormat,C=void 0===q?a.DateFormat.DDMMYY:q,F=null==g?void 0:g.src.includes("/video"),M=t.useRef(null),D=l.useModal(f),an=D.opened,on=D.close;return t.useEffect((function(){M.current&&(an?M.current.play():M.current.pause())}),[an]),i.jsx(l.Modal,n.__assign({id:f,maxFullScreen:w,padding:"0"},{children:i.jsxs(L,{children:[i.jsx(tn,n.__assign({onClick:on},{children:"X"}),void 0),i.jsx(U,{children:g&&(F?i.jsx(X,{ref:M,src:g.src,width:"100%",controls:!0},void 0):i.jsx(V,{src:g.src,alt:g.alt},void 0))},void 0),i.jsxs(Q,{children:[an&&i.jsxs(Y,{children:[p,b&&i.jsx(B,{children:"Verified Buyer"},void 0)]},void 0),i.jsxs(S,n.__assign({"data-testid":"review-detail-content"},{children:[i.jsxs(H,{children:[i.jsx(r.StarList,{starsNumber:5,rating:m,fill:x.color,size:x.size},void 0),i.jsx(N,{children:a.formatDate(c,C)},void 0)]},void 0),i.jsxs(A,{children:[i.jsx(E,{children:s},void 0),i.jsx(R,{dangerouslySetInnerHTML:{__html:h}},void 0)]},void 0),i.jsxs(W,{children:[i.jsxs(Z,n.__assign({"data-testid":"helpful-action",onClick:function(){return z?z(o):void 0}},{children:[i.jsx(d.Icon.Custom.ThumbsUp,{width:1,height:1,fill:"#000"},void 0),i.jsx(nn,{children:y},void 0)]}),void 0),i.jsxs($,n.__assign({"data-testid":"not-helpful-action",onClick:function(){return I?I(o):void 0}},{children:[i.jsx(d.Icon.Custom.ThumbsDown,{width:1,height:1,fill:"#000"},void 0),i.jsx(en,{children:O},void 0)]}),void 0)]},void 0)]}),void 0),v&&_&&i.jsxs(G,n.__assign({onClick:function(){return window.location.href=_}},{children:[i.jsx(P,{children:i.jsx(K,{src:v,alt:"productImage"},void 0)},void 0),i.jsx(J,{children:j},void 0)]}),void 0)]},void 0)]},void 0)}),void 0)};
2
2
  //# sourceMappingURL=ReviewDetail.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./components/PackSelectorV2/PackSelectoV2.js"),r=require("./components/absorbency-level/AbsorbencyLevel.js"),o=require("./components/accordion-options/AccordionOptions.js"),t=require("./components/accordion/Accordion.js"),s=require("./components/autoship/autoShip.js"),i=require("./components/autoshipV2/autoshipV2.js"),n=require("./components/before-after/BeforeAfter.js"),a=require("./components/bundle/index.js"),p=require("./components/buynowpaylater/BuyNowPayLater.js"),c=require("./components/cartProductItem/index.js"),u=require("./components/checkbox/Checkbox.js"),l=require("./components/collection/index.js"),m=require("./components/color/ColorPickerWithTooltip.js"),d=require("./components/color/MultiColorPicker.js"),x=require("./components/color/SingleColorPicker.js"),b=require("./components/color/selector/ColorSelector.js"),P=require("./components/color/selector/PatternSelector.js"),j=require("./components/cross-sell/index.js"),g=require("./components/cta/primary/ButtonPrimary.js"),q=require("./components/cta/secondary/ButtonSecondary.js"),f=require("./components/cta/secondary/ButtonSecondaryOutline.js");require("tslib"),require("@emotion/react/jsx-runtime");var C=require("./core/theme/Theme.js");require("react/jsx-runtime");var y=require("./types/enums.js");require("./components/cta/styled.js");var S=require("./components/delivery-details/DeliveryDetails.js"),T=require("./components/delivery-details/Note/Note.js"),h=require("./components/drawer/Drawer.js"),V=require("./components/dropdown-list-icons/DropdownListIcons.js"),A=require("./components/dropdown/size-dropdown/SizeDropdown.js"),O=require("./components/dropdown/variants/dialog/DropdownDialog.js"),w=require("./components/dropdown/variants/filtering/FilteringDropdown.js"),v=require("./components/dropdown/variants/simple/SimpleDropdown.js"),B=require("./components/dropdown/variants/smart/SmartDropdown.js"),I=require("./components/filtering/Filters.js"),M=require("./components/filtering/Tags/Tags.js"),L=require("./components/fit-guarantee/FitGuarantee.js"),D=require("./components/fit/FitPredictor.js"),G=require("./components/gallery/ProductGallery.js"),z=require("./components/icon-button/IconButton.js"),k=require("./components/icon-button/amazonAndPaypal/AmazonPaypalButtons.js"),R=require("./components/icons/index.js"),F=require("./components/iconsWithTitle/index.js"),H=require("./components/image-card/ImageCard.js"),W=require("./components/input/index.js"),N=require("./components/modal/Modal.js"),E=require("./components/motivator-progress-bar/MotivatorProgressBar.js"),U=require("./components/offer-banner/OfferBanner.js"),Q=require("./components/order-bar/OrderBar.js"),J=require("./components/packs/selector/PackSelector.js"),_=require("./components/pagination/Pagination.js"),K=require("./components/pagination/blogPaginator/PaginatorBlog.js"),X=require("./components/payment-methods/PaymentMethod.js"),Y=require("./components/pricing/clubOffer/ClubOfferTag.js"),Z=require("./components/pricing/discount/DiscountTag.js"),$=require("./components/pricing/price/PriceLabel.js"),ee=require("./components/pricing/priceLabelV2/PriceLabelV2.js"),re=require("./components/pricing/priceLabelV3/PriceLabelV3.js"),oe=require("./components/pricing/priceLabelV5/PriceLabelV5.js"),te=require("./components/pricing/priceLabelV6/PriceLabelV6.js"),se=require("./components/product/order/item/SimpleOrderItem.js"),ie=require("./components/progress-bar/ProgressBar.js"),ne=require("./components/quantityPicker/QuantityPicker.js"),ae=require("./components/radio/RadioPrimary/radioPrimary.js"),pe=require("./components/radio/container/group.js"),ce=require("./components/radio/clubContainer/clubGroup.js"),ue=require("./components/radio/input/radio.js"),le=require("./components/rating/Rating.js"),me=require("./components/rating/starList/StarList.js"),de=require("./components/review-detail/ReviewDetail.js"),xe=require("./components/review/Review.js"),be=require("./components/reviews-header/ReviewsHeader.js"),Pe=require("./components/scroll-to-top/ScrollToTop.js"),je=require("./components/search-bar/SearchBar.js"),ge=require("./components/search-navigation/SearchNavigation.js"),qe=require("./components/shared/card/Card.js"),fe=require("./components/shared/portal/Portal.js"),Ce=require("./components/shared/spacing/Spacing.js"),ye=require("./components/short-banner/ShortBanner.js"),Se=require("./components/size-chart/SizeChart.js"),Te=require("./components/size-table/SizeTable.js"),he=require("./components/size/guide/SizeFitGuide.js"),Ve=require("./components/size/selector/SizeSelector.js"),Ae=require("./components/slider/SliderNavigation.js"),Oe=require("./components/strength-bars/StrengthBars.js"),we=require("./components/tabs/Tab.js"),ve=require("./components/tabs/Tabs.js"),Be=require("./components/tag/variants/pdp/category/CategoryTag.js"),Ie=require("./components/tag/variants/pdp/categorySquare/CategorySquareTag.js"),Me=require("./components/tag/variants/pdp/season-offer/SeasonOfferTag.js"),Le=require("./components/tag/variants/pdp/season-offer-rounded/SeasonOfferRounded.js"),De=require("./components/text-button/TextButton.js"),Ge=require("./components/text/Text.js"),ze=require("./components/textWithImage/index.js"),ke=require("./components/timer/Timer.js"),Re=require("./components/toast/Toast.js"),Fe=require("./components/tooltip/Tooltip.js"),He=require("./components/totals/index.js"),We=require("./components/tracking-progress-v2/TrackingProgressV2.js"),Ne=require("./components/tracking-progress/TrackingProgress.js"),Ee=require("./components/organisms/AutoshipOfferCard/AutoshipOfferCardItem.js"),Ue=require("./components/organisms/AutoshipOfferCardCta/AutoshipOfferCardItemCta.js"),Qe=require("./components/organisms/AutoshipPdpCard/AutoshipPdpCard.js"),Je=require("./components/organisms/BasicAccordion/BasicAccordion.js"),_e=require("./components/organisms/CartItemCard/CartItem.js"),Ke=require("./components/organisms/ClubOfferSelector/clubOfferSelector.js"),Xe=require("./components/organisms/ClubOfferSelector2/clubOfferSelector2.js"),Ye=require("./components/organisms/JoinClubCard/joinClubCard.js"),Ze=require("./components/organisms/OfferAtCart/OfferAtCart.js"),$e=require("./components/organisms/OfferAtCartV2/OfferAtCartV2.js"),er=require("./components/organisms/OfferAtCartV3/OfferAtCartV3.js"),rr=require("./components/organisms/OfferAtCartV4/OfferAtCartV4.js"),or=require("./components/organisms/OfferAtPDP/OfferAtPDP.js");require("./components/organisms/OfferAtPDP/types.js");var tr=require("./components/organisms/ProductCard/ProductCardV1/ProductCard.js"),sr=require("./components/organisms/ProductCard/ProductCardV2/ProductCardV2.js"),ir=require("./components/organisms/ProductCard/ProductCardV3/ProductCardV3.js"),nr=require("./components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js"),ar=require("./components/organisms/ProductGalleryMobile/ProductGalleryMobileV2/ProductGalleryMobileV2.js"),pr=require("./components/organisms/ProductGalleryMobile/ProductGalleryMobileV3/ProductGalleryMobileV3.js"),cr=require("./components/organisms/ProductGalleryMobile/ProductGalleryMobileV4/ProductGalleryMobileV4.js"),ur=require("./components/organisms/ProductGalleryMobile/ProductGalleryMobileV5/ProductGalleryMobileV5.js"),lr=require("./components/organisms/ProductGalleryMobile/ProductGalleryMobileV6/ProductGalleryMobileV6.js"),mr=require("./components/organisms/SizeCharTable/SizeChartTableV2/SizeChartV2.js"),dr=require("./components/organisms/SizeCharTable/SizeChartTableV3/SizeChartTableV3.js"),xr=require("./components/organisms/SizeCharTable/SizeChartTableV4/SizeChartTableV4.js"),br=require("./components/organisms/SubscriptionPlanSelector/SubscriptionPlanSelector.js"),Pr=require("./components/organisms/TwoCtasAtCart/GreetingsCard.js"),jr=require("./components/organisms/TwoCtasAtCart/TwoCtasAtCart.js"),gr=require("./components/atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.js"),qr=require("./components/atoms/HorizontalDivider/HorizontalDivider.js"),fr=require("./components/atoms/Icon/Icon.js"),Cr=require("./components/atoms/Image/Image.js");require("./components/atoms/PriceLabel/PriceLabel.js"),require("./components/atoms/PriceLabelV2/PriceLabelV2.js");var yr=require("./components/atoms/Toggle/toggle.js");require("./components/molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js"),require("./components/molecules/OfferAtCartImage/OfferAtCartImage.styled.js");var Sr=require("./components/molecules/CouponCard/CouponCard.js"),Tr=require("./components/molecules/ArrowTip/ArrowTip.js"),hr=require("./components/molecules/AutoshipFrequencyDropdown/AutoshipFrequencyDropdown.js"),Vr=require("./components/molecules/BenefitsList/BenefitsList.js"),Ar=require("./components/molecules/HurryUp/HurryUp.js"),Or=require("./components/molecules/Spinner/Spinner.js"),wr=require("./components/molecules/Video/Video.js"),vr=require("./components/molecules/IconsWithTitleList/IconsWithTitleList.js"),Br=require("./components/molecules/LikeButton/LikeButton.js");require("./components/molecules/ScarcityTag/ScarcityTag.styled.js");var Ir=require("./components/before-after/types.js"),Mr=require("@emotion/cache"),Lr=require("@emotion/styled"),Dr=require("@emotion/react"),Gr=require("./hooks/click-outside.js"),zr=require("./hooks/useDeviceType/useDeviceType.js"),kr=require("./hooks/useViewportAwarePosition/useViewportAwarePosition.js"),Rr=require("./hooks/WindowDimensions.js"),Fr=require("./utils/buildImageUrl/buildImageUrl.js"),Hr=require("./utils/common/index.js"),Wr=require("./utils/constants/offerAtCart.js"),Nr=require("./utils/debounce/index.js"),Er=require("./utils/decimalParser/decimalParser.js"),Ur=require("./utils/formatPrice/formatPrice.js"),Qr=require("./utils/getSrcSet/getSrcSet.js"),Jr=require("./utils/media.js"),_r=require("./utils/mock-content/CancellationFlowAccordion.js"),Kr=require("./utils/simulateClick/simulateClick.js"),Xr=require("./utils/sliceString/sliceString.js"),Yr=require("./utils/validations/validations.js");function Zr(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var $r=Zr(Mr),eo=Zr(Lr);exports.PackSelectorV2=e,exports.AbsorbencyLevel=r.AbsorbencyLevel,exports.AccordionOptions=o,exports.Accordion=t,exports.Autoship=s,exports.AutoshipV2=i,exports.BeforeAfterCard=n.BeforeAfterCard,exports.Bundle=a.Bundle,exports.BuyNowPayLater=p.BuyNowPayLater,exports.CartProductItem=c.CartProductItem,exports.Checkbox=u.Checkbox,exports.Collection=l.Collection,exports.ColorPickerWithTooltip=m,exports.MultiColorPicker=d,exports.SingleColorPicker=x.default,exports.ColorSelector=b.ColorSelector,exports.PatternSelector=P.PatternSelector,exports.CrossSell=j,exports.ButtonPrimary=g,exports.ButtonSecondary=q,exports.ButtonSecondaryOutline=f,exports.AssetsProvider=C.AssetsProvider,exports.ThemeProvider=C.ThemeProvider,exports.ThemeVariables=C.ThemeVariables,exports.useTheme=C.useTheme,exports.useThemeAssets=C.useThemeAssets,Object.defineProperty(exports,"CardSectionType",{enumerable:!0,get:function(){return y.CardSectionType}}),Object.defineProperty(exports,"ComponentPosition",{enumerable:!0,get:function(){return y.ComponentPosition}}),Object.defineProperty(exports,"ComponentSize",{enumerable:!0,get:function(){return y.ComponentSize}}),Object.defineProperty(exports,"InputValidationType",{enumerable:!0,get:function(){return y.InputValidationType}}),exports.DeliveryDetails=S.DeliveryDetails,exports.Note=T.Note,exports.Drawer=h.Drawer,exports.DropdownListIcons=V.DropdownListIcons,exports.SizeDropdown=A,exports.DropdownDialog=O,exports.FilteringDropdown=w,exports.SimpleDropdown=v,exports.SmartDropdown=B,exports.Filters=I.Filters,exports.FilteringTags=M.Tags,exports.FitGuarantee=L.FitGuarantee,exports.FitPredictor=D.FitPredictor,exports.ProductGallery=G.ProductGallery,exports.IconButton=z.IconButton,exports.AmazonButton=k.AmazonButton,exports.PaypalButton=k.PaypalButton,exports.Icon=R.Icon,exports.IconsWithTitle=F.IconsWithTitle,exports.ImageCardWithDescription=H.ImageCardWithDescription,exports.Input=W.Input,exports.Modal=N.Modal,exports.Overlay=N.Overlay,exports.modalEvent=N.modalEvent,exports.useModal=N.useModal,exports.useModalEvent=N.useModalEvent,exports.MotivatorProgressBar=E.MotivatorProgressBar,exports.OfferBanner=U.OfferBanner,exports.OrderBar=Q.OrderBar,exports.PackSelector=J,exports.Pagination=_.Pagination,exports.PaginatorBlog=K.PaginatorBlog,exports.PaymentMethod=X.PaymentMethod,exports.ClubOfferTag=Y.ClubOfferTag,exports.DiscountTag=Z.DiscountTag,exports.PriceLabel=$.PriceLabel,exports.PriceLabelV2=ee.PriceLabelV2,exports.PriceLabelV3=re.PriceLabelV3,exports.PriceLabelV5=oe.PriceLabelV5,exports.PriceLabelV6=te.PriceLabelV6,exports.SimpleOrderItem=se,exports.ProgressBar=ie.ProgressBar,exports.QuantityPicker=ne.QuantityPicker,exports.RadioPrimary=ae.RadioPrimary,exports.RadioGroupInput=pe.RadioGroupInput,exports.ClubRadioGroupInput=ce.ClubRadioGroupInput,exports.RadioInput=ue.RadioInput,exports.Rating=le.Rating,exports.StarList=me.StarList,exports.ReviewDetail=de,exports.Review=xe,exports.ReviewsHeader=be,exports.ScrollToTop=Pe.ScrollToTop,exports.SearchBar=je.SearchBar,exports.SearchNavigation=ge,exports.Card=qe,exports.Portal=fe.Portal,exports.Spacing=Ce.Spacing,exports.ShortBanner=ye.ShortBanner,exports.SizeChartTable=Se,exports.SizeTable=Te.SizeTable,exports.SizeFitGuide=he,exports.SizeSelector=Ve,exports.SliderNavigation=Ae,exports.StrengthBars=Oe.StrengthBars,exports.Tab=we,exports.Tabs=ve,exports.CategoryTag=Be,exports.CategorySquareTag=Ie,exports.SeasonOfferTag=Me,exports.seasonOfferRoundedTag=Le,exports.TextButton=De,exports.Text=Ge.Text,exports.TextWithImage=ze,exports.Timer=ke.Timer,exports.Toast=Re.Toast,exports.Tooltip=Fe.Tooltip,exports.Totals=He.Totals,exports.TrackingProgressV2=We,exports.TrackingProgress=Ne,exports.AutoshipOfferCard=Ee.AutoshipOfferCard,exports.AutoshipOfferCardCta=Ue.AutoshipOfferCardCta,exports.AutoshipPdpCard=Qe.AutoshipPdpCard,exports.BasicAccordion=Je.BasicAccordion,exports.CartItemCard=_e.CartItemCard,exports.ClubOfferSelector=Ke.ClubOfferSelector,exports.ClubOfferSelector2=Xe.ClubOfferSelector2,exports.JoinClubCard=Ye.JoinClubCard,exports.OfferAtCart=Ze.OfferAtCart,exports.OfferAtCartV2=$e.OfferAtCartV2,exports.OfferAtCartV3=er.OfferAtCartV3,exports.OfferAtCartV4=rr.OfferAtCartV4,exports.OfferAtPDP=or.OfferAtPDP,exports.ProductCard=tr.ProductCard,exports.ProductCardV2=sr.ProductCardV2,exports.ProductCardV3=ir.ProductCardV3,exports.ProductGalleryMobile=nr.ProductGalleryMobile,exports.ProductGalleryMobileV2=ar.ProductGalleryMobileV2,exports.ProductGalleryMobileV3=pr.ProductGalleryMobileV3,exports.ProductGalleryMobileV4=cr.ProductGalleryMobileV4,exports.ProductGalleryMobileV5=ur.ProductGalleryMobileV5,exports.ProductGalleryMobileV6=lr.ProductGalleryMobileV6,exports.SizeChartTableV2=mr.SizeChartTableV2,exports.SizeChartTableV3=dr.SizeChartTableV3,exports.SizeChartTableV4=xr.SizeChartTableV4,exports.SubscriptionPlanSelector=br.SubscriptionPlanSelector,exports.GreetingsCard=Pr.GreetingsCard,exports.TwoCtasAtCart=jr.TwoCtasAtCart,exports.ClubPriceMemberLabel=gr.ClubPriceMemberLabel,exports.HorizontalDivider=qr.HorizontalDivider,exports.LibIcon=fr.Icon,exports.Image=Cr.Image,exports.ToggleComponent=yr.ToggleComponent,exports.CouponCard=Sr.CouponCard,exports.ArrowTip=Tr.ArrowTip,exports.AutoshipFrequencyDropdown=hr.AutoshipFrequencyDropdown,exports.BenefitsList=Vr.BenefitsList,exports.HurryUp=Ar.HurryUp,exports.Spinner=Or.Spinner,exports.Video=wr.Video,exports.IconsWithTitleList=vr.IconsWithTitleList,exports.LikeButton=Br.LikeButton,Object.defineProperty(exports,"BeforeAfterVariant",{enumerable:!0,get:function(){return Ir.BeforeAfterVariant}}),exports.componentSizeMapper=Ir.componentSizeMapper,Object.defineProperty(exports,"createCache",{enumerable:!0,get:function(){return $r.default}}),Object.defineProperty(exports,"styled",{enumerable:!0,get:function(){return eo.default}}),Object.defineProperty(exports,"CacheProvider",{enumerable:!0,get:function(){return Dr.CacheProvider}}),Object.defineProperty(exports,"Global",{enumerable:!0,get:function(){return Dr.Global}}),Object.defineProperty(exports,"css",{enumerable:!0,get:function(){return Dr.css}}),exports.useOnClickOutside=Gr,exports.useDeviceType=zr,exports.useViewportAwarePosition=kr.useViewportAwarePosition,exports.useWindowDimensions=Rr.useWindowDimensions,exports.buildImageUrl=Fr.buildImageUrl,exports.isDangerouslySetInnerHTML=Hr.isDangerouslySetInnerHTML,exports.benefits=Wr.benefits,exports.benefitsRawHtml=Wr.benefitsRawHtml,exports.benefitsRawHtmlV2=Wr.benefitsRawHtmlV2,exports.sizeOptions=Wr.sizeOptions,exports.title=Wr.title,exports.debounce=Nr.debounce,exports.decimalFormat=Er.decimalFormat,exports.formatPrice=Ur.formatPrice,exports.getSrcSet=Qr.getSrcSet,exports.mediaQueries=Jr.mediaQueries,exports.CancellationFlowAccordionContentPerPartner=_r.CancellationFlowAccordionContentPerPartner,exports.simulateMouseClick=Kr.simulateMouseClick,exports.sliceString=Xr.sliceString,exports.isEmail=Yr.isEmail,exports.isEmpty=Yr.isEmpty,exports.isNumber=Yr.isNumber,exports.isPhoneNumber=Yr.isPhoneNumber,exports.isValidDate=Yr.isValidDate;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./components/PackSelectorV2/PackSelectoV2.js"),r=require("./components/absorbency-level/AbsorbencyLevel.js"),o=require("./components/accordion-options/AccordionOptions.js"),t=require("./components/accordion/Accordion.js"),s=require("./components/autoship/autoShip.js"),i=require("./components/autoshipV2/autoshipV2.js"),n=require("./components/before-after/BeforeAfter.js"),a=require("./components/bundle/index.js"),p=require("./components/buynowpaylater/BuyNowPayLater.js"),c=require("./components/cartProductItem/index.js"),u=require("./components/checkbox/Checkbox.js"),l=require("./components/collection/index.js"),m=require("./components/color/ColorPickerWithTooltip.js"),d=require("./components/color/MultiColorPicker.js"),x=require("./components/color/SingleColorPicker.js"),b=require("./components/color/selector/ColorSelector.js"),P=require("./components/color/selector/PatternSelector.js"),j=require("./components/cross-sell/index.js"),q=require("./components/cta/primary/ButtonPrimary.js"),g=require("./components/cta/secondary/ButtonSecondary.js"),f=require("./components/cta/secondary/ButtonSecondaryOutline.js");require("tslib"),require("@emotion/react/jsx-runtime");var C=require("./core/theme/Theme.js");require("react/jsx-runtime");var y=require("./types/enums.js");require("./components/cta/styled.js");var S=require("./components/delivery-details/DeliveryDetails.js"),T=require("./components/delivery-details/Note/Note.js"),h=require("./components/drawer/Drawer.js"),V=require("./components/dropdown-list-icons/DropdownListIcons.js"),A=require("./components/dropdown/size-dropdown/SizeDropdown.js"),O=require("./components/dropdown/variants/dialog/DropdownDialog.js"),w=require("./components/dropdown/variants/filtering/FilteringDropdown.js"),v=require("./components/dropdown/variants/simple/SimpleDropdown.js"),B=require("./components/dropdown/variants/smart/SmartDropdown.js"),D=require("./components/filtering/Filters.js"),I=require("./components/filtering/Tags/Tags.js"),M=require("./components/fit-guarantee/FitGuarantee.js"),L=require("./components/fit/FitPredictor.js"),G=require("./components/gallery/ProductGallery.js"),z=require("./components/icon-button/IconButton.js"),k=require("./components/icon-button/amazonAndPaypal/AmazonPaypalButtons.js"),F=require("./components/icons/index.js"),R=require("./components/iconsWithTitle/index.js"),H=require("./components/image-card/ImageCard.js"),W=require("./components/input/index.js"),N=require("./components/modal/Modal.js"),E=require("./components/motivator-progress-bar/MotivatorProgressBar.js"),U=require("./components/offer-banner/OfferBanner.js"),Q=require("./components/order-bar/OrderBar.js"),J=require("./components/packs/selector/PackSelector.js"),_=require("./components/pagination/Pagination.js"),K=require("./components/pagination/blogPaginator/PaginatorBlog.js"),X=require("./components/payment-methods/PaymentMethod.js"),Y=require("./components/pricing/clubOffer/ClubOfferTag.js"),Z=require("./components/pricing/discount/DiscountTag.js"),$=require("./components/pricing/price/PriceLabel.js"),ee=require("./components/pricing/priceLabelV2/PriceLabelV2.js"),re=require("./components/pricing/priceLabelV3/PriceLabelV3.js"),oe=require("./components/pricing/priceLabelV5/PriceLabelV5.js"),te=require("./components/pricing/priceLabelV6/PriceLabelV6.js"),se=require("./components/product/order/item/SimpleOrderItem.js"),ie=require("./components/progress-bar/ProgressBar.js"),ne=require("./components/quantityPicker/QuantityPicker.js"),ae=require("./components/radio/RadioPrimary/radioPrimary.js"),pe=require("./components/radio/container/group.js"),ce=require("./components/radio/clubContainer/clubGroup.js"),ue=require("./components/radio/input/radio.js"),le=require("./components/rating/Rating.js"),me=require("./components/rating/starList/StarList.js"),de=require("./components/review-detail/ReviewDetail.js"),xe=require("./components/review/Review.js"),be=require("./components/reviews-header/ReviewsHeader.js"),Pe=require("./components/scroll-to-top/ScrollToTop.js"),je=require("./components/search-bar/SearchBar.js"),qe=require("./components/search-navigation/SearchNavigation.js"),ge=require("./components/shared/card/Card.js"),fe=require("./components/shared/portal/Portal.js"),Ce=require("./components/shared/spacing/Spacing.js"),ye=require("./components/short-banner/ShortBanner.js"),Se=require("./components/size-chart/SizeChart.js"),Te=require("./components/size-table/SizeTable.js"),he=require("./components/size/guide/SizeFitGuide.js"),Ve=require("./components/size/selector/SizeSelector.js"),Ae=require("./components/slider/SliderNavigation.js"),Oe=require("./components/strength-bars/StrengthBars.js"),we=require("./components/tabs/Tab.js"),ve=require("./components/tabs/Tabs.js"),Be=require("./components/tag/variants/pdp/category/CategoryTag.js"),De=require("./components/tag/variants/pdp/categorySquare/CategorySquareTag.js"),Ie=require("./components/tag/variants/pdp/season-offer/SeasonOfferTag.js"),Me=require("./components/tag/variants/pdp/season-offer-rounded/SeasonOfferRounded.js"),Le=require("./components/text-button/TextButton.js"),Ge=require("./components/text/Text.js"),ze=require("./components/textWithImage/index.js"),ke=require("./components/timer/Timer.js"),Fe=require("./components/toast/Toast.js"),Re=require("./components/tooltip/Tooltip.js"),He=require("./components/totals/index.js"),We=require("./components/tracking-progress-v2/TrackingProgressV2.js"),Ne=require("./components/tracking-progress/TrackingProgress.js"),Ee=require("./components/organisms/AutoshipOfferCard/AutoshipOfferCardItem.js"),Ue=require("./components/organisms/AutoshipOfferCardCta/AutoshipOfferCardItemCta.js"),Qe=require("./components/organisms/AutoshipPdpCard/AutoshipPdpCard.js"),Je=require("./components/organisms/BasicAccordion/BasicAccordion.js"),_e=require("./components/organisms/CartItemCard/CartItem.js"),Ke=require("./components/organisms/ClubOfferSelector/clubOfferSelector.js"),Xe=require("./components/organisms/ClubOfferSelector2/clubOfferSelector2.js"),Ye=require("./components/organisms/JoinClubCard/joinClubCard.js"),Ze=require("./components/organisms/OfferAtCart/OfferAtCart.js"),$e=require("./components/organisms/OfferAtCartV2/OfferAtCartV2.js"),er=require("./components/organisms/OfferAtCartV3/OfferAtCartV3.js"),rr=require("./components/organisms/OfferAtCartV4/OfferAtCartV4.js"),or=require("./components/organisms/OfferAtPDP/OfferAtPDP.js");require("./components/organisms/OfferAtPDP/types.js");var tr=require("./components/organisms/ProductCard/ProductCardV1/ProductCard.js"),sr=require("./components/organisms/ProductCard/ProductCardV2/ProductCardV2.js"),ir=require("./components/organisms/ProductCard/ProductCardV3/ProductCardV3.js"),nr=require("./components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js"),ar=require("./components/organisms/ProductGalleryMobile/ProductGalleryMobileV2/ProductGalleryMobileV2.js"),pr=require("./components/organisms/ProductGalleryMobile/ProductGalleryMobileV3/ProductGalleryMobileV3.js"),cr=require("./components/organisms/ProductGalleryMobile/ProductGalleryMobileV4/ProductGalleryMobileV4.js"),ur=require("./components/organisms/ProductGalleryMobile/ProductGalleryMobileV5/ProductGalleryMobileV5.js"),lr=require("./components/organisms/ProductGalleryMobile/ProductGalleryMobileV6/ProductGalleryMobileV6.js"),mr=require("./components/organisms/SizeCharTable/SizeChartTableV2/SizeChartV2.js"),dr=require("./components/organisms/SizeCharTable/SizeChartTableV3/SizeChartTableV3.js"),xr=require("./components/organisms/SizeCharTable/SizeChartTableV4/SizeChartTableV4.js"),br=require("./components/organisms/SubscriptionPlanSelector/SubscriptionPlanSelector.js"),Pr=require("./components/organisms/TwoCtasAtCart/GreetingsCard.js"),jr=require("./components/organisms/TwoCtasAtCart/TwoCtasAtCart.js"),qr=require("./components/atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.js"),gr=require("./components/atoms/HorizontalDivider/HorizontalDivider.js"),fr=require("./components/atoms/Icon/Icon.js"),Cr=require("./components/atoms/Image/Image.js");require("./components/atoms/PriceLabel/PriceLabel.js"),require("./components/atoms/PriceLabelV2/PriceLabelV2.js");var yr=require("./components/atoms/Toggle/toggle.js");require("./components/molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js"),require("./components/molecules/OfferAtCartImage/OfferAtCartImage.styled.js");var Sr=require("./components/molecules/CouponCard/CouponCard.js"),Tr=require("./components/molecules/ArrowTip/ArrowTip.js"),hr=require("./components/molecules/AutoshipFrequencyDropdown/AutoshipFrequencyDropdown.js"),Vr=require("./components/molecules/BenefitsList/BenefitsList.js"),Ar=require("./components/molecules/HurryUp/HurryUp.js"),Or=require("./components/molecules/Spinner/Spinner.js"),wr=require("./components/molecules/Video/Video.js"),vr=require("./components/molecules/IconsWithTitleList/IconsWithTitleList.js"),Br=require("./components/molecules/LikeButton/LikeButton.js");require("./components/molecules/ScarcityTag/ScarcityTag.styled.js");var Dr=require("./components/before-after/types.js"),Ir=require("@emotion/cache"),Mr=require("@emotion/styled"),Lr=require("@emotion/react"),Gr=require("./hooks/click-outside.js"),zr=require("./hooks/useDeviceType/useDeviceType.js"),kr=require("./hooks/useViewportAwarePosition/useViewportAwarePosition.js"),Fr=require("./hooks/WindowDimensions.js"),Rr=require("./utils/buildImageUrl/buildImageUrl.js"),Hr=require("./utils/common/index.js"),Wr=require("./utils/constants/offerAtCart.js"),Nr=require("./utils/dateFormatter/dateFormatter.js"),Er=require("./utils/debounce/index.js"),Ur=require("./utils/decimalParser/decimalParser.js"),Qr=require("./utils/formatPrice/formatPrice.js"),Jr=require("./utils/getSrcSet/getSrcSet.js"),_r=require("./utils/media.js"),Kr=require("./utils/mock-content/CancellationFlowAccordion.js"),Xr=require("./utils/simulateClick/simulateClick.js"),Yr=require("./utils/sliceString/sliceString.js"),Zr=require("./utils/validations/validations.js");function $r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var eo=$r(Ir),ro=$r(Mr);exports.PackSelectorV2=e,exports.AbsorbencyLevel=r.AbsorbencyLevel,exports.AccordionOptions=o,exports.Accordion=t,exports.Autoship=s,exports.AutoshipV2=i,exports.BeforeAfterCard=n.BeforeAfterCard,exports.Bundle=a.Bundle,exports.BuyNowPayLater=p.BuyNowPayLater,exports.CartProductItem=c.CartProductItem,exports.Checkbox=u.Checkbox,exports.Collection=l.Collection,exports.ColorPickerWithTooltip=m,exports.MultiColorPicker=d,exports.SingleColorPicker=x.default,exports.ColorSelector=b.ColorSelector,exports.PatternSelector=P.PatternSelector,exports.CrossSell=j,exports.ButtonPrimary=q,exports.ButtonSecondary=g,exports.ButtonSecondaryOutline=f,exports.AssetsProvider=C.AssetsProvider,exports.ThemeProvider=C.ThemeProvider,exports.ThemeVariables=C.ThemeVariables,exports.useTheme=C.useTheme,exports.useThemeAssets=C.useThemeAssets,Object.defineProperty(exports,"CardSectionType",{enumerable:!0,get:function(){return y.CardSectionType}}),Object.defineProperty(exports,"ComponentPosition",{enumerable:!0,get:function(){return y.ComponentPosition}}),Object.defineProperty(exports,"ComponentSize",{enumerable:!0,get:function(){return y.ComponentSize}}),Object.defineProperty(exports,"InputValidationType",{enumerable:!0,get:function(){return y.InputValidationType}}),exports.DeliveryDetails=S.DeliveryDetails,exports.Note=T.Note,exports.Drawer=h.Drawer,exports.DropdownListIcons=V.DropdownListIcons,exports.SizeDropdown=A,exports.DropdownDialog=O,exports.FilteringDropdown=w,exports.SimpleDropdown=v,exports.SmartDropdown=B,exports.Filters=D.Filters,exports.FilteringTags=I.Tags,exports.FitGuarantee=M.FitGuarantee,exports.FitPredictor=L.FitPredictor,exports.ProductGallery=G.ProductGallery,exports.IconButton=z.IconButton,exports.AmazonButton=k.AmazonButton,exports.PaypalButton=k.PaypalButton,exports.Icon=F.Icon,exports.IconsWithTitle=R.IconsWithTitle,exports.ImageCardWithDescription=H.ImageCardWithDescription,exports.Input=W.Input,exports.Modal=N.Modal,exports.Overlay=N.Overlay,exports.modalEvent=N.modalEvent,exports.useModal=N.useModal,exports.useModalEvent=N.useModalEvent,exports.MotivatorProgressBar=E.MotivatorProgressBar,exports.OfferBanner=U.OfferBanner,exports.OrderBar=Q.OrderBar,exports.PackSelector=J,exports.Pagination=_.Pagination,exports.PaginatorBlog=K.PaginatorBlog,exports.PaymentMethod=X.PaymentMethod,exports.ClubOfferTag=Y.ClubOfferTag,exports.DiscountTag=Z.DiscountTag,exports.PriceLabel=$.PriceLabel,exports.PriceLabelV2=ee.PriceLabelV2,exports.PriceLabelV3=re.PriceLabelV3,exports.PriceLabelV5=oe.PriceLabelV5,exports.PriceLabelV6=te.PriceLabelV6,exports.SimpleOrderItem=se,exports.ProgressBar=ie.ProgressBar,exports.QuantityPicker=ne.QuantityPicker,exports.RadioPrimary=ae.RadioPrimary,exports.RadioGroupInput=pe.RadioGroupInput,exports.ClubRadioGroupInput=ce.ClubRadioGroupInput,exports.RadioInput=ue.RadioInput,exports.Rating=le.Rating,exports.StarList=me.StarList,exports.ReviewDetail=de,exports.Review=xe,exports.ReviewsHeader=be,exports.ScrollToTop=Pe.ScrollToTop,exports.SearchBar=je.SearchBar,exports.SearchNavigation=qe,exports.Card=ge,exports.Portal=fe.Portal,exports.Spacing=Ce.Spacing,exports.ShortBanner=ye.ShortBanner,exports.SizeChartTable=Se,exports.SizeTable=Te.SizeTable,exports.SizeFitGuide=he,exports.SizeSelector=Ve,exports.SliderNavigation=Ae,exports.StrengthBars=Oe.StrengthBars,exports.Tab=we,exports.Tabs=ve,exports.CategoryTag=Be,exports.CategorySquareTag=De,exports.SeasonOfferTag=Ie,exports.seasonOfferRoundedTag=Me,exports.TextButton=Le,exports.Text=Ge.Text,exports.TextWithImage=ze,exports.Timer=ke.Timer,exports.Toast=Fe.Toast,exports.Tooltip=Re.Tooltip,exports.Totals=He.Totals,exports.TrackingProgressV2=We,exports.TrackingProgress=Ne,exports.AutoshipOfferCard=Ee.AutoshipOfferCard,exports.AutoshipOfferCardCta=Ue.AutoshipOfferCardCta,exports.AutoshipPdpCard=Qe.AutoshipPdpCard,exports.BasicAccordion=Je.BasicAccordion,exports.CartItemCard=_e.CartItemCard,exports.ClubOfferSelector=Ke.ClubOfferSelector,exports.ClubOfferSelector2=Xe.ClubOfferSelector2,exports.JoinClubCard=Ye.JoinClubCard,exports.OfferAtCart=Ze.OfferAtCart,exports.OfferAtCartV2=$e.OfferAtCartV2,exports.OfferAtCartV3=er.OfferAtCartV3,exports.OfferAtCartV4=rr.OfferAtCartV4,exports.OfferAtPDP=or.OfferAtPDP,exports.ProductCard=tr.ProductCard,exports.ProductCardV2=sr.ProductCardV2,exports.ProductCardV3=ir.ProductCardV3,exports.ProductGalleryMobile=nr.ProductGalleryMobile,exports.ProductGalleryMobileV2=ar.ProductGalleryMobileV2,exports.ProductGalleryMobileV3=pr.ProductGalleryMobileV3,exports.ProductGalleryMobileV4=cr.ProductGalleryMobileV4,exports.ProductGalleryMobileV5=ur.ProductGalleryMobileV5,exports.ProductGalleryMobileV6=lr.ProductGalleryMobileV6,exports.SizeChartTableV2=mr.SizeChartTableV2,exports.SizeChartTableV3=dr.SizeChartTableV3,exports.SizeChartTableV4=xr.SizeChartTableV4,exports.SubscriptionPlanSelector=br.SubscriptionPlanSelector,exports.GreetingsCard=Pr.GreetingsCard,exports.TwoCtasAtCart=jr.TwoCtasAtCart,exports.ClubPriceMemberLabel=qr.ClubPriceMemberLabel,exports.HorizontalDivider=gr.HorizontalDivider,exports.LibIcon=fr.Icon,exports.Image=Cr.Image,exports.ToggleComponent=yr.ToggleComponent,exports.CouponCard=Sr.CouponCard,exports.ArrowTip=Tr.ArrowTip,exports.AutoshipFrequencyDropdown=hr.AutoshipFrequencyDropdown,exports.BenefitsList=Vr.BenefitsList,exports.HurryUp=Ar.HurryUp,exports.Spinner=Or.Spinner,exports.Video=wr.Video,exports.IconsWithTitleList=vr.IconsWithTitleList,exports.LikeButton=Br.LikeButton,Object.defineProperty(exports,"BeforeAfterVariant",{enumerable:!0,get:function(){return Dr.BeforeAfterVariant}}),exports.componentSizeMapper=Dr.componentSizeMapper,Object.defineProperty(exports,"createCache",{enumerable:!0,get:function(){return eo.default}}),Object.defineProperty(exports,"styled",{enumerable:!0,get:function(){return ro.default}}),Object.defineProperty(exports,"CacheProvider",{enumerable:!0,get:function(){return Lr.CacheProvider}}),Object.defineProperty(exports,"Global",{enumerable:!0,get:function(){return Lr.Global}}),Object.defineProperty(exports,"css",{enumerable:!0,get:function(){return Lr.css}}),exports.useOnClickOutside=Gr,exports.useDeviceType=zr,exports.useViewportAwarePosition=kr.useViewportAwarePosition,exports.useWindowDimensions=Fr.useWindowDimensions,exports.buildImageUrl=Rr.buildImageUrl,exports.isDangerouslySetInnerHTML=Hr.isDangerouslySetInnerHTML,exports.benefits=Wr.benefits,exports.benefitsRawHtml=Wr.benefitsRawHtml,exports.benefitsRawHtmlV2=Wr.benefitsRawHtmlV2,exports.sizeOptions=Wr.sizeOptions,exports.title=Wr.title,exports.DateFormat=Nr.DateFormat,exports.formatDate=Nr.formatDate,exports.debounce=Er.debounce,exports.decimalFormat=Ur.decimalFormat,exports.formatPrice=Qr.formatPrice,exports.getSrcSet=Jr.getSrcSet,exports.mediaQueries=_r.mediaQueries,exports.CancellationFlowAccordionContentPerPartner=Kr.CancellationFlowAccordionContentPerPartner,exports.simulateMouseClick=Xr.simulateMouseClick,exports.sliceString=Yr.sliceString,exports.isEmail=Zr.isEmail,exports.isEmpty=Zr.isEmpty,exports.isNumber=Zr.isNumber,exports.isPhoneNumber=Zr.isPhoneNumber,exports.isValidDate=Zr.isValidDate;
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.formatDate=function(c,t){var a=c.getDate(),n=c.getMonth()+1,e=c.getFullYear();switch(null!=t?t:"DDMMYY"){case"DDMMYY":return"".concat(a<10?"0".concat(a):a,"/").concat(n<10?"0".concat(n):n,"/").concat(e);case"MMDDYY":return"".concat(n<10?"0".concat(n):n,"/").concat(a<10?"0".concat(a):a,"/").concat(e);case"YYMMDD":return"".concat(e,"/").concat(n<10?"0".concat(n):n,"/").concat(a<10?"0".concat(a):a)}};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=["January","February","March","April","May","June","July","August","September","October","November","December"],e={DDMMYY:"DDMMYY",MMDDYY:"MMDDYY",YYMMDD:"YYMMDD",MMMMDDYY:"MMMMDDYY"},c=function(t){return t<10?"0".concat(t):String(t)};exports.DateFormat=e,exports.formatDate=function(M,a){var r=M.getDate(),n=M.getMonth()+1,D=M.getFullYear(),o=c(r),Y=c(n);switch(null!=a?a:e.DDMMYY){case e.MMMMDDYY:return"".concat(t[n-1]," ").concat(r,", ").concat(D);case e.MMDDYY:return"".concat(Y,"/").concat(o,"/").concat(D);case e.YYMMDD:return"".concat(D,"/").concat(Y,"/").concat(o);default:return"".concat(o,"/").concat(Y,"/").concat(D)}};
2
2
  //# sourceMappingURL=dateFormatter.js.map
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Trafilea's Design System",
4
4
  "author": "Trafilea",
5
5
  "repository": "https://github.com/trafilea/afrodita-components",
6
- "version": "7.8.0",
6
+ "version": "7.8.2",
7
7
  "private": false,
8
8
  "main": "build/lib/index.js",
9
9
  "style": "build/es/index.css",