@trafilea/afrodita-components 7.20.0 → 7.21.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/es/components/accordion/Accordion.js +1 -1
- package/build/es/components/accordion/styles.js +1 -1
- package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ImageProductSlide.js +1 -1
- package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV4/ContentGallery/index.js +1 -1
- package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/MainContent/index.js +1 -1
- package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV5/ProductGalleryMobileV5.js +1 -1
- package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV6/MainGallery/index.js +1 -1
- package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/ImageProductSlide.js +1 -1
- package/build/index.d.ts +1791 -1763
- package/build/lib/components/accordion/Accordion.js +1 -1
- package/build/lib/components/accordion/styles.js +1 -1
- package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ImageProductSlide.js +1 -1
- package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV4/ContentGallery/index.js +1 -1
- package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/MainContent/index.js +1 -1
- package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV5/ProductGalleryMobileV5.js +1 -1
- package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV6/MainGallery/index.js +1 -1
- package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/ImageProductSlide.js +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var n=require("tslib"),o=require("react/jsx-runtime"),e=require("@emotion/styled"),i=require("@headlessui/react"),t=require("react");require("../../types/enums.js");var r=require("../../core/theme/Theme.js"),s=require("./styles.js");function l(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a=l(e),c=0,d=a.default.div(s.AccordionStyles.baseStyles,(function(n){return[s.AccordionStyles[n.variant](n.theme,n.disabled,n.controlIconPos)]})),u=a.default.button(s.AccordionSummaryStyles.baseStyles,(function(n){var o,e;return[s.AccordionSummaryStyles[n.variant](n.theme,null!==(o=n.disabled)&&void 0!==o&&o,null!==(e=n.controlIconPos)&&void 0!==e?e:"right")]}),(function(n){return[s.AccordionSummaryStyles.title(n.titlecolor)]})),v=a.default.div(s.AccordionDetailsStyles.baseStyles,(function(n){return[s.AccordionDetailsStyles[n.variant](n.theme)]}));module.exports=function(e){var l,a=e.header,_=e.headerOnOpen,h=e.content,m=e.defaultOpen,f=e.forceOpenHandler,g=void 0!==f&&f,p=e.forceOpenValue,y=void 0!==p&&p,j=e.titleColor,x=e.variant,b=e.disabled,S=void 0!==b&&b,I=e.innerHTML,C=void 0!==I&&I,B=e.backgroundCover,P=void 0===B?{value:!1,iconBgColor:"inherit"}:B,k=e.controlIconPos,q=void 0===k?"right":k,O=e.openIcon,A=e.closeIcon,D=e.onClick,N=e.testId,T=e.ssr,H=void 0!==T&&T,w=e.id,L=r.useTheme(),M=t.useRef(null);null!==(l=M.current)&&void 0!==l||(M.current="afrodita-accordion-".concat(++c));var W=null!=w?w:M.current,R="".concat(W,"-button"),V="".concat(W,"-panel"),z=function(n,o){return{height:n.component.accordion.variant[o].icon.height,width:n.component.accordion.variant[o].icon.width,fill:n.component.accordion.variant[o].icon.color}}(L,x),E="bottom"===q,F=function(e){var i={variant:x,theme:L,id:V,role:e?"region":void 0,"aria-labelledby":R,"aria-hidden":!e};return C?o.jsx(v,n.__assign({},i,{dangerouslySetInnerHTML:{__html:h}}),void 0):o.jsx(v,n.__assign({},i,{children:function(){if(C)return null;if("function"==typeof h){var n=h;return o.jsx(n,{},void 0)}return h}()}),void 0)};if(g){var G=S||!y?O:A,J=y&&!S,K=J||H,Q=y?"close icon":"open icon",U=function(){S||null==D||D()};return o.jsxs(d,n.__assign({"data-testid":N,theme:L,variant:x,disabled:S,controlIconPos:q},{children:[o.jsxs(u,n.__assign({theme:L,variant:x,disabled:S,titlecolor:j,controlIconPos:q,"aria-controls":V,"aria-expanded":J,id:R,onClick:U,type:"button"},{children:[J&&_?_:a,!E&&o.jsx(G,n.__assign({title:Q},z),void 0),E&&!J&&!(null==P?void 0:P.value)&&o.jsx(s.StyledOpenIconContainer,n.__assign({className:"openIconBottom",backgroundCover:null==P?void 0:P.iconBgColor},{children:o.jsx(G,n.__assign({title:"open icon"},z),void 0)}),void 0)]}),void 0),K&&o.jsx(s.StyledPanelWrapper,n.__assign({hidden:!J},{children:F(J)}),void 0),E&&J&&o.jsx(s.StyledCloseIconContainer,n.__assign({as:"button",type:"button",className:"closeIconBottom",onClick:U},{children:o.jsx(G,n.__assign({title:"close icon"},z),void 0)}),void 0)]}),void 0)}return o.jsx(i.Disclosure,n.__assign({as:"div",defaultOpen:m},{children:function(e){var t=e.open,r=S||!t?O:A,l=t&&!S,c=l||H,v=t?"close icon":"open icon";return o.jsxs(d,n.__assign({"data-testid":N,theme:L,variant:x,disabled:S,controlIconPos:q},{children:[o.jsxs(i.Disclosure.Button,n.__assign({as:u,theme:L,variant:x,disabled:S,titlecolor:j,controlIconPos:q,"aria-controls":V,"aria-expanded":l,id:R,onClick:function(){return null==D?void 0:D()}},{children:[l&&_?_:a,!E&&o.jsx(r,n.__assign({title:v},z),void 0),E&&!l&&!(null==P?void 0:P.value)&&o.jsx(s.StyledOpenIconContainer,n.__assign({className:"openIconBottom",backgroundCover:null==P?void 0:P.iconBgColor},{children:o.jsx(r,n.__assign({title:"open icon"},z),void 0)}),void 0)]}),void 0),c&&o.jsx(s.StyledPanelWrapper,n.__assign({hidden:!l},{children:F(l)}),void 0),E&&l&&o.jsx(i.Disclosure.Button,n.__assign({as:s.StyledCloseIconContainer,className:"closeIconBottom",onClick:function(){return null==D?void 0:D()}},{children:o.jsx(r,n.__assign({title:"close icon"},z),void 0)}),void 0)]}),void 0)}}),void 0)};
|
|
2
2
|
//# sourceMappingURL=Accordion.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),o=require("@emotion/
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),o=require("@emotion/react");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t=e(require("@emotion/styled")),r={baseStyles:o.css({background:"transparent",width:"auto"}),simple:function(e,t,r){return o.css(n.__assign(n.__assign({},e.component.accordion.variant.simple.container),{borderColor:t?e.colors.border.disabled:e.component.accordion.variant.simple.container.borderColor}))},box:function(e,t,r){return o.css(n.__assign(n.__assign({},e.component.accordion.variant.box.container),{padding:"bottom"===r?"unset":e.component.accordion.variant.box.container.padding,borderRadius:"bottom"===r?"1.25rem":e.component.accordion.variant.box.container.borderRadius,overflow:"bottom"===r?"hidden":"unset",borderColor:t?e.colors.border.disabled:e.component.accordion.variant.box.container.borderColor}))}},i={baseStyles:o.css({background:"transparent",width:"100%",border:"none",display:"flex",cursor:"pointer",justifyContent:"space-between",alignItems:"center",padding:"0"}),simple:function(e,t,r){return o.css(n.__assign(n.__assign({},e.component.accordion.variant.simple.summary),{flexDirection:"bottom"===r?"column":"row",color:t?e.colors.text.disabled:e.component.accordion.variant.simple.summary.color,fontFamily:e.fonts.config[0].family}))},box:function(e,t,r){return o.css(n.__assign(n.__assign({},e.component.accordion.variant.box.summary),{flexDirection:"bottom"===r?"column":"row",color:t?e.colors.text.disabled:e.component.accordion.variant.box.summary.color,fontFamily:e.fonts.config[0].family}))},title:function(n){return o.css({color:n||""})}},a={baseStyles:o.css({width:"100%",background:"transparent",border:"none"}),simple:function(e){return o.css(n.__assign({},e.component.accordion.variant.simple.details))},box:function(e){return o.css(n.__assign({},e.component.accordion.variant.box.details))}};t.default.button(c||(c=n.__makeTemplateObject(["\n appearance: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n font-size: inherit;\n line-height: inherit;\n color: inherit;\n cursor: auto;\n user-select: text;\n writing-mode: unset;\n font-family: inherit;\n"],["\n appearance: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n font-size: inherit;\n line-height: inherit;\n color: inherit;\n cursor: auto;\n user-select: text;\n writing-mode: unset;\n font-family: inherit;\n"])));var c,s,d,l,p=t.default.div(s||(s=n.__makeTemplateObject(["\n width: 100%;\n display: flex;\n justify-content: center;\n padding: 0 0 15px 0;\n background-color: ",";\n"],["\n width: 100%;\n display: flex;\n justify-content: center;\n padding: 0 0 15px 0;\n background-color: ",";\n"])),(function(n){return n.backgroundCover||"inherit"})),u=t.default.div(d||(d=n.__makeTemplateObject(["\n width: 100%;\n display: flex;\n justify-content: center;\n margin: 20px 0;\n background-color: transparent;\n cursor: pointer;\n border: none;\n padding: 0;\n"],["\n width: 100%;\n display: flex;\n justify-content: center;\n margin: 20px 0;\n background-color: transparent;\n cursor: pointer;\n border: none;\n padding: 0;\n"]))),m=t.default.div(l||(l=n.__makeTemplateObject(["\n width: 100%;\n\n &[hidden] {\n display: none;\n }\n"],["\n width: 100%;\n\n &[hidden] {\n display: none;\n }\n"])));exports.AccordionDetailsStyles=a,exports.AccordionStyles=r,exports.AccordionSummaryStyles=i,exports.StyledCloseIconContainer=u,exports.StyledOpenIconContainer=p,exports.StyledPanelWrapper=m;
|
|
2
2
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),n=require("@ant-design/react-slick"),t=require("@emotion/styled"),o=require("react"),r=require("react-inner-image-zoom"),a=require("../../../cta/primary/ButtonPrimary.js");require("@emotion/react/jsx-runtime"),require("../../../../core/theme/Theme.js"),require("../../../../types/enums.js"),require("../../../cta/styled.js");var d=require("../../../molecules/Video/Video.js"),l=require("../../../atoms/Image/Image.js"),s=require("../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js"),u=require("../../../icons/index.js"),c=require("../utils/sendCommandToIframe.js");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p,m,h,g,f,x,b=v(n),j=v(t),k=v(r),_=j.default.div(p||(p=e.__makeTemplateObject(["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"],["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"])),(function(e){return e.borderRadiusVariant&&"\n border-radius: 40px;\n "}),(function(e){return e.theme.component.slideNavigation.slideDots.selectedDotColor})),y=j.default.div(m||(m=e.__makeTemplateObject(["\n position: absolute;\n left: ",";\n top: ",";\n"],["\n position: absolute;\n left: ",";\n top: ",";\n"])),(function(e){return e.borderRadiusVariant?"13px":"0"}),(function(e){return e.borderRadiusVariant?"11px":"0"})),T=j.default.div(h||(h=e.__makeTemplateObject(["\n position: absolute;\n right: 0;\n top: 0;\n"],["\n position: absolute;\n right: 0;\n top: 0;\n"]))),V=j.default.div(g||(g=e.__makeTemplateObject(["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"],["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"]))),q=j.default.div(f||(f=e.__makeTemplateObject(["\n height: 40px;\n width: 40px;\n"],["\n height: 40px;\n width: 40px;\n"]))),w=j.default.button(x||(x=e.__makeTemplateObject(["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"],["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"]))),C={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},R=function(e,i,n,t){if(i){var o=e<i,r=o?"eager":"lazy",a=o?"sync":"async";n.loading=r,n.decoding=a}return n.fetchpriority=t?"high":"auto",n};exports.Button=w,exports.Container=_,exports.NavButtonContainer=q,exports.default=function(n){var t=n.contents,r=n.customClick,v=void 0!==r&&r,p=n.topTag,m=n.topRightTag,h=n.bottomTag,g=n.testId,f=n.borderRadiusVariant,x=n.selectedValue,j=n.onChange,O=n.itemsOnViewport,z=void 0===O?0:O,I=n.videoAutoplay,P=void 0!==I&&I,S=n.hideVideoControls,A=void 0!==S&&S,B=n.videoMuted,M=void 0===B||B,N=n.videoLoop,D=void 0===N||N,E=n.enableZoom,F=void 0===E||E,G=o.useRef(null),L=o.useRef(null);s.usePreventVerticalScroll(L);var U=o.useCallback((function(e){var i;null===(i=G.current)||void 0===i||i.slickGoTo(e)}),[G]);return o.useEffect((function(){var e;if(x){var i=t.findIndex((function(e){return e.url===x.url}));-1!==i&&(null===(e=G.current)||void 0===e||e.slickGoTo(i))}}),[t,x]),i.jsxs(i.Fragment,{children:[v&&i.jsx("div",e.__assign({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:t.map((function(e,n){return i.jsx(a,{onClick:function(){return U(n)},text:String(n+1),inline:!0},n)}))}),void 0),i.jsx(_,e.__assign({"data-testid":g,borderRadiusVariant:f,ref:L},{children:i.jsx(b.default,e.__assign({afterChange:function(e){var i,n=t[e];(null===(i=null==n?void 0:n.url)||void 0===i?void 0:i.includes("autoplay=1"))?c.playVideoCommand():c.stopVideoCommand(),null==j||j(e)}},C,{nextArrow:i.jsx(q,{children:i.jsx(w,{children:i.jsx(u.Icon.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),prevArrow:i.jsx(q,{children:i.jsx(w,{children:i.jsx(u.Icon.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),ref:G},{children:t.map((function(n,t){var o,r=null==n?void 0:n.url,a=null!==(o=null==n?void 0:n.isVideo)&&void 0!==o&&o,s=n.url===(null==x?void 0:x.url)||n.key===(null==x?void 0:x.key),u={alt:n.alt,width:"100%",height:"510px"};return i.jsx("div",{children:a?i.jsx(d.Video,{source:r,thumbnail:null==n?void 0:n.thumbnailUrl,autoPlay:P,muted:M,loop:D,withProgressBar:!A,style:A?{pointerEvents:"none"}:void 0,preload:"auto"},void 0):i.jsxs(i.Fragment,{children:[F?i.jsx(k.default,{src:r,zoomSrc:(null==n?void 0:n.zoomUrl)||r,zoomType:"hover",imgAttributes:R(t,z,u,s),height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0):i.jsx(l.Image,{src:r,alt:n.alt,width:"100%",height:"500px",loading:R(t,z,u,s).loading,decoding:R(t,z,u,s).decoding,fetchPriority:s?"high":"auto"},void 0),i.jsx(y,e.__assign({borderRadiusVariant:f,"data-testid":"topTag"},{children:p}),void 0),i.jsx(V,e.__assign({"data-testid":"bottomTag"},{children:h}),void 0),!!m&&i.jsx(T,{children:m},void 0)]},void 0)},n.key)}))}),void 0)}),void 0)]},void 0)};
|
|
2
2
|
//# sourceMappingURL=ImageProductSlide.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),i=require("@ant-design/react-slick"),r=require("react"),n=require("../../../../cta/primary/ButtonPrimary.js");require("@emotion/react/jsx-runtime"),require("../../../../../core/theme/Theme.js"),require("../../../../../types/enums.js"),require("../../../../cta/styled.js");var a=require("../../../../molecules/Video/Video.js"),l=require("../../../../atoms/Image/Image.js"),o=require("../../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js"),s=require("../utils/afterChangeSlide.js"),d=require("./styled.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(i),g={dots:!0,infinite:!1,speed:200,slidesToScroll:1,initialSlide:0};module.exports=function(i){var c,m=i.contents,v=i.containerRef,f=i.customClick,h=void 0!==f&&f,x=i.topTag,j=i.topRightTag,y=i.bottomTag,b=i.testId,p=i.borderRadiusVariant,T=i.onChange,q=i.selectedImageIndex,_=i.setSelectedImageIndex,k=i.setGalleryOpened,C=r.useRef(null),I=r.useRef(null);o.usePreventVerticalScroll(I);var S=r.useCallback((function(e){var t;null===(t=C.current)||void 0===t||t.slickGoTo(e,!0)}),[C]);r.useEffect((function(){var e;null===(e=C.current)||void 0===e||e.slickGoTo(q,!0)}),[m,q]);var V=null!==(c=function(){if(!(null==v?void 0:v.current))return 1.1;var e=v.current.offsetWidth-15,t=375.41*.8,i=e/t;return(e+1e-4*e*(e>380?10:-10)-0-8*Math.floor(i)*2.4)/t}())&&void 0!==c?c:1;return t.jsxs(t.Fragment,{children:[h&&t.jsx("div",e.__assign({style:{display:"flex",marginBottom:"20px",gap:"10px"},"data-testid":"mobile-gallery-content-gallery-custom-click"},{children:m.map((function(e,i){return t.jsx(n,{onClick:function(){return S(i)},text:String(i+1),inline:!0},e.key)}))}),void 0),t.jsx(d.Container,e.__assign({"data-testid":b,borderRadiusVariant:p,lastImage:q===m.length-1,ref:I},{children:t.jsx(u.default,e.__assign({afterChange:function(e){return s.afterChangeSlide({slide:e,contents:m,setSelectedImageIndex:_,onChange:T})}},g,{slidesToShow:V,ref:C,centerPadding:"80"},{children:m.map((function(i,r){var n,o=null==i?void 0:i.url,s=null!==(n=null==i?void 0:i.isVideo)&&void 0!==n&&n;return t.jsx("div",e.__assign({role:"button",tabIndex:-1,onClick:function(){return e=i.key,t=m.findIndex((function(t){return t.key===e})),_(t),void k(!0);var e,t},onKeyUp:function(){},className:"slider-mobile-gallery","data-testid":"slider-mobile-gallery-".concat(r)},{children:s?t.jsx(a.Video,{source:o,style:{height:"510px !important"},thumbnail:null==i?void 0:i.thumbnailUrl},void 0):t.jsxs(t.Fragment,{children:[t.jsx(l.Image,{src:i.url,alt:i.alt,height:"510px",width:"100%",loading:r===q?"eager":"lazy",decoding:r===q?"sync":"async",fetchPriority:r===q?"high":"auto"},void 0),t.jsx(d.TopTagContainer,e.__assign({className:"banner-concealable",borderRadiusVariant:p,"data-testid":"topTag"},{children:x}),void 0),t.jsx(d.BottomTagContainer,e.__assign({className:"banner-concealable","data-testid":"bottomTag"},{children:y}),void 0),!!j&&t.jsx(d.TopRightTagContainer,e.__assign({className:"banner-concealable"},{children:j}),void 0)]},void 0)}),i.key)}))}),void 0)}),void 0)]},void 0)};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),t=require("@ant-design/react-slick"),r=require("react"),n=require("react-inner-image-zoom"),o=require("../../../../../molecules/Video/Video.js"),a=require("../../../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js"),l=require("../../../../../icons/index.js"),s=require("../../utils/afterChangeSlide.js"),d=require("./styled.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(t),v=u(n),f={dots:!1,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},h=function(e,i,t){if(i){var
|
|
1
|
+
"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),t=require("@ant-design/react-slick"),r=require("react"),n=require("react-inner-image-zoom"),o=require("../../../../../molecules/Video/Video.js"),a=require("../../../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js"),l=require("../../../../../icons/index.js"),s=require("../../utils/afterChangeSlide.js"),d=require("./styled.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(t),v=u(n),f={dots:!1,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},h=function(e,i,t,r){if(i){var n=e<i,o=n?"eager":"lazy",a=n?"sync":"async";t.loading=o,t.decoding=a}return t.fetchpriority=e===r?"high":"auto",t};module.exports=function(t){var n=t.contents,u=t.testId,g=t.borderRadiusVariant,m=t.onChange,x=t.itemsOnViewport,j=void 0===x?0:x,p=t.selectedImageIndex,S=t.setSelectedImageIndex,q=r.useRef(null),y=r.useRef(null),C=r.useState(!0),I=C[0],V=C[1];function b(){V(!1)}function w(){V(!0)}return a.usePreventVerticalScroll(y),r.useEffect((function(){var e;null===(e=q.current)||void 0===e||e.slickGoTo(p,!0)}),[n,p]),r.useEffect((function(){w()}),[p]),i.jsx(d.Container,e.__assign({"data-testid":u,borderRadiusVariant:g,ref:y},{children:i.jsx(c.default,e.__assign({afterChange:function(e){return s.afterChangeSlide({slide:e,contents:n,setSelectedImageIndex:S,onChange:m})}},f,{adaptiveHeight:!0,nextArrow:I?i.jsx(d.NavButtonContainer,e.__assign({"data-testid":"main-gallery-next-button"},{children:i.jsx(d.Button,{children:i.jsx(l.Icon.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)}),void 0):void 0,prevArrow:I?i.jsx(d.NavButtonContainer,{children:i.jsx(d.Button,{children:i.jsx(l.Icon.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0):void 0,ref:q},{children:n.map((function(t,r){var n,a=null==t?void 0:t.url,l=null!==(n=null==t?void 0:t.isVideo)&&void 0!==n&&n,s={alt:t.alt,height:"512px"};return i.jsx("div",e.__assign({"data-testid":"main-gallery-div-content-".concat(r)},{children:l?i.jsx(o.Video,{source:a,thumbnail:null==t?void 0:t.thumbnailUrl},void 0):i.jsx(v.default,{afterZoomIn:b,afterZoomOut:w,src:a,zoomSrc:(null==t?void 0:t.zoomUrl)||a,zoomType:"hover",imgAttributes:h(r,j,s,p),className:"zoomWrapper"},void 0)}),t.key)}))}),void 0)}),void 0)};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("@ant-design/react-slick"),i=require("@emotion/react"),n=require("react"),a=require("../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js"),o=require("../../../icons/index.js"),s=require("./constants.js"),l=require("./styled.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(t);exports.ProductGalleryMobileV5=function(t){var d=t.images,c=t.topTag,g=t.bottomTag,h=t.productImageDataTestId,v=t.imagesSliderConfig,m=t.thumbnailSettings,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("@ant-design/react-slick"),i=require("@emotion/react"),n=require("react"),a=require("../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js"),o=require("../../../icons/index.js"),s=require("./constants.js"),l=require("./styled.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(t);exports.ProductGalleryMobileV5=function(t){var d=t.images,c=t.topTag,g=t.bottomTag,h=t.productImageDataTestId,v=t.imagesSliderConfig,m=t.thumbnailSettings,f=t.isRatioSquare,x=void 0!==f&&f,j=t.selectedValue,p=i.useTheme().colors,_=n.useState(void 0),y=_[0],S=_[1],T=n.useState(void 0),I=T[0],b=T[1],q=n.useRef(null),C=n.useRef(null),w=n.useRef(null),R=i.useTheme();return a.usePreventVerticalScroll(w),n.useEffect((function(){q.current&&S(q.current),C.current&&b(C.current)}),[]),r.jsx(l.Container,e.__assign({"data-testid":"product-gallery-mobile"},{children:r.jsxs(l.SliderContainer,e.__assign({"data-testid":h,ref:w},{children:[r.jsx(u.default,e.__assign({},s.SETTINGS,{nextArrow:r.jsx(l.NavButtonContainer,{children:r.jsx(l.Button,{children:r.jsx(o.Icon.Arrows.ChevronRight,{height:"21px",width:"21px",fill:p.shades[700].color},void 0)},void 0)},void 0),prevArrow:r.jsx(l.NavButtonContainer,{children:r.jsx(l.Button,{children:r.jsx(o.Icon.Arrows.ChevronLeft,{height:"21px",width:"21px",fill:p.shades[700].color},void 0)},void 0)},void 0),asNavFor:I,ref:function(e){return q.current=e}},{children:d.map((function(t){var i=t.url,n=t.key,a=t.alt,o=i===(null==j?void 0:j.url)||n===(null==j?void 0:j.key);return r.jsxs("div",{children:[r.jsx(l.StyledImage,{alt:a,src:i,objectFit:"cover",width:R.component.gallery.mainImgWidth,height:R.component.gallery.mainImgHeight,loading:o?"eager":"lazy",decoding:o?"sync":"async",fetchPriority:o?"high":"auto",isRatioSquare:x},void 0),r.jsx(l.TopTagContainer,e.__assign({"data-testid":"topTag"},{children:c}),void 0),r.jsx(l.BottomTagContainer,e.__assign({"data-testid":"bottomTag"},{children:g}),void 0)]},n)}))}),void 0),r.jsx(l.SliderThumbnail,e.__assign({asNavFor:y,ref:function(e){return C.current=e}},m||s.THUMBNAIL_SETTINGS,{children:d.map((function(t,i){var n=t.url,a=t.key,o=t.alt;return r.jsx(l.SlideItem,e.__assign({paddingRight:null==v?void 0:v.spacesBetweenImages},{children:r.jsx(l.ThumbnailImage,e.__assign({alt:"".concat(o,"-thumbnail"),src:n},v,{loading:i<4?"eager":"lazy",decoding:i<4?"sync":"async",isRatioSquare:x}),void 0)}),a)}))}),void 0)]}),void 0)}),void 0)};
|
|
2
2
|
//# sourceMappingURL=ProductGalleryMobileV5.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),i=require("@ant-design/react-slick"),t=require("react");require("../../../../PackSelectorV2/PackSelectoV2.js"),require("../../../../absorbency-level/AbsorbencyLevel.js"),require("../../../../accordion-options/AccordionOptions.js"),require("../../../../accordion/Accordion.js"),require("../../../../../types/enums.js"),require("../../../../../core/theme/Theme.js"),require("../../../../../utils/constants/offerAtCart.js");var s=require("../../../../../utils/debounce/index.js");require("../../../../../utils/media.js"),require("../../../../../utils/mock-content/CancellationFlowAccordion.js"),require("../../../../dropdown/variants/simple/SimpleDropdown.js"),require("../../../../pricing/clubOffer/ClubOfferTag.js"),require("../../../../pricing/discount/styled.js"),require("../../../../pricing/styles.js"),require("../../../../tooltip/Styled.js"),require("../../../../atoms/PriceLabel/PriceLabel.js"),require("../../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../../../atoms/HorizontalDivider/HorizontalDivider.js"),require("../../../../atoms/Icon/Icon.js");var o=require("../../../../atoms/Image/Image.js");require("../../../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../../../atoms/Toggle/toggle.styled.js"),require("../../../../radio/input/styles.js"),require("../../../../autoship/styled.js"),require("../../../../autoshipV2/styled.js"),require("../../../../before-after/BeforeAfter.js"),require("../../../../pricing/priceLabelV3/PriceLabelV3.js"),require("../../../../pricing/priceLabelV5/PriceLabelV5.styled.js"),require("../../../../pricing/priceLabelV6/PriceLabelV6.styled.js"),require("../../../../shared/card/Card.js"),require("../../../../bundle/minimalistic/styled.js"),require("../../../../text/Text.js"),require("../../../../bundle/motivator/styled.js"),require("../../../../bundle/simple/Simple.js"),require("../../../../buynowpaylater/BuyNowPayLater.js"),require("../../../../offer-banner/OfferBanner.js"),require("../../../../cartProductItem/CloseIcon/CloseButton.js"),require("../../../../cartProductItem/Description/Description.js"),require("../../../../cartProductItem/Promo/Promo.js"),require("../../../../cartProductItem/Title/Title.js"),require("../../../../cartProductItem/TrashIcon/styled.js"),require("../../../../checkbox/Checkbox.js"),require("../../../../collection/grid/WithProductGrid.js"),require("@emotion/react/jsx-runtime"),require("../../../../SkeletonBox/SkeletonBox.js"),require("../../../../club-price-label/ClubPriceLabel.js"),require("../../../../strength-bars/StrengthBars.js"),require("../../../../pricing/priceLabelV4/PriceLabelV4.js"),require("../../../../rating/starList/StarList.js"),require("../../../../rating/styles.js"),require("../../../../collection/product/mobile/styled.js"),require("../../../../icon-button/IconButton.js"),require("../../../../tag/variants/product/styled.js"),require("../../../../collection/product/truekind/styled.js"),require("../../../../color/ColorRadioGroup.js"),require("../../../../color/selector/PatternSelector.js"),require("../../../../color/styles/ColorPickerwithTootip.styled.js"),require("../../../../cross-sell/Checkbox/CrossSellCheckbox.js"),require("../../../../cta/styled.js"),require("../../../../delivery-details/DeliveryDetails.js"),require("../../../../delivery-details/Note/Note.js"),require("../../../../drawer/style.js"),require("../../../../dropdown-list-icons/Styled.js"),require("../../../../dropdown/size-dropdown/Styled.js"),require("../../../../dropdown/variants/dialog/DropdownDialog.js"),require("../../../../dropdown/base/BaseDropdown.js"),require("@headlessui/react"),require("../../../../input/base/Error.js"),require("../../../../shared/select/BaseSelect.js"),require("../../../../dropdown/variants/smart/styled.js"),require("../../../../filtering/Accordion.js"),require("../../../../filtering/FiltersStyled.js"),require("../../../../filtering/Tags/Tags.js"),require("../../../../fit-guarantee/FitGuarantee.js"),require("../../../../fit/FitPredictor.js"),require("react-zoom-pan-pinch"),require("../../../../modal/Modal.js"),require("../../../ModalZoom/zoomModal.styled.js"),require("../../../ModalZoom/ZoomModalV2.styled.js");var l=require("../../../../molecules/Video/Video.js");require("../../../../slider/ArrowButton.js"),require("../../../../slider/StyledSlider.js"),require("../../../../gallery/components/ImageSmallPreview/styled.js"),require("../../../../gallery/components/ImagePreviewList/styled.js"),require("../../../../gallery/components/ImageProductSlide/styled.js"),require("../../../../gallery/styled.js"),require("../../../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js"),require("../../../../iconsWithTitle/index.js"),require("../../../../image-card/ImageCard.js"),require("../../../../input/label/Label.js"),require("../../../../input/base/Styled.js"),require("../../../../input/custom/Custom.js"),require("../../../../input/basePlusButton/BasePlusButton.js"),require("../../../../input/basePlusIcon/BasePlusIcon.js"),require("../../../../motivator-progress-bar/MotivatorProgressBar.js"),require("../../../../order-bar/OrderBar.js"),require("../../../../packs/selector/PackSelector.js"),require("../../../../pagination/styles.js"),require("../../../../payment-methods/PaymentMethod.js"),require("../../../../product/order/item/SimpleOrderItem.js"),require("../../../../progress-bar/ProgressBar.js"),require("../../../../quantityPicker/styled.js"),require("../../../../radio/RadioPrimary/radioPrimary.js"),require("../../../../radio/clubRadioInput/clubRadio.js"),require("../../../../review-detail/ReviewDetail.js"),require("../../../../review/Review.js"),require("../../../../reviews-header/ReviewsHeader.js"),require("../../../../scroll-to-top/ScrollToTop.js"),require("../../../../search-bar/components/ClearButton/styled.js"),require("../../../../search-bar/components/Footer/styled.js"),require("../../../../search-bar/components/ProductItem/styled.js"),require("../../../../search-bar/components/ResultsPanel/styled.js"),require("../../../../search-bar/components/SearchControl/styled.js"),require("../../../../search-bar/styled.js"),require("../../../../search-navigation/styled.js"),require("react-dom"),require("../../../../short-banner/ShortBanner.js"),require("../../../../size-chart/styled.js"),require("../../../../size-table/SizeTable.js"),require("../../../../size/guide/SizeFitGuide.js"),require("../../../../size/selector/styled.js"),require("../../../../tabs/Tab.js"),require("../../../../tabs/Tabs.js"),require("../../../../tag/Tag.js"),require("@emotion/react"),require("../../../../textWithImage/index.js"),require("../../../../timer/styled.js"),require("../../../../toast/Toast.js"),require("../../../../totals/total/styled.js"),require("../../../../totals/subtotal/Subtotal.js"),require("../../../../tracking-progress-v2/TrackingProgressV2.js"),require("../../../../tracking-progress/TrackingProgress.js"),require("../../../AutoshipOfferCard/AutoshipOfferCardItem.styled.js"),require("../../../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js"),require("../../../AutoshipPdpCard/AutoshipPdpCard.styled.js"),require("../../../BasicAccordion/BasicAccordion.js"),require("../../../CartItemCard/CartItem.js"),require("../../../ClubOfferSelector/styled.js"),require("../../../ClubOfferSelector2/styled.js"),require("../../../JoinClubCard/joinClubCard.js"),require("../../../OfferAtCart/styled.js"),require("../../../OfferAtCartV2/styled.js"),require("../../../OfferAtCartV3/styled.js"),require("../../../OfferAtCartV4/styled.js"),require("../../../OfferAtPDP/styled.js"),require("../../../OfferAtPDP/types.js"),require("../../../ProductCard/ProductCardV1/ProductCard.js"),require("../../../ProductCard/ProductCardV2/styled.js"),require("../../../ProductCard/ProductCardV3/styled.js"),require("../../ProductGalleryMobileV1/ProductGalleryMobile.js"),require("../../ProductGalleryMobileV2/ProductGalleryMobileV2.js"),require("../../ProductGalleryMobileV3/ProductGalleryMobileV3.js"),require("../../ProductGalleryMobileV4/ContentGallery/styled.js"),require("react-inner-image-zoom"),require("../../ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js"),require("../../ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js"),require("../../ProductGalleryMobileV4/GalleryDetailed/styled.js"),require("../../ProductGalleryMobileV5/styled.js"),require("../ColorVariantsGallery/styled.js");var u=require("./styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../styled.js"),require("../../ProductGalleryMobileV7/ProductGalleryMobile.js"),require("../../../SizeCharTable/SizeChartTableV2/styled.js"),require("../../../SizeCharTable/SizeChartTableV3/styled.js"),require("../../../../molecules/ArrowTip/ArrowTip.styled.js"),require("../../../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js"),require("../../../SubscriptionPlanSelector/styled.js"),require("../../../TwoCtasAtCart/Greeting.styled.js"),require("../../../TwoCtasAtCart/Card.styled.js"),require("../../../../timerV2/styled.js"),require("../../../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js"),require("../../../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js"),require("../../../../molecules/CouponCard/styled.js"),require("../../../../molecules/BenefitsList/styled.js"),require("../../../../molecules/HurryUp/styled.js"),require("../../../../molecules/Spinner/styled.js"),require("../../../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js"),require("../../../../molecules/LikeButton/styled.js"),require("../../../../molecules/ScarcityTag/ScarcityTag.styled.js");var d=a(i),n={dots:!1,infinite:!1,speed:200,slidesToScroll:1,initialSlide:0},c=function(e){if(!(null==e?void 0:e.current))return 1.1;return(e.current.offsetWidth-15)/312-1e-4};exports.MainGallery=function(i){var a,j,q,y=i.contents,b=i.topTag,m=i.topRightTag,p=i.bottomTag,f=i.containerRef,g=t.useRef(null),P=t.useRef(null),C=t.useState(null!==(a=c(f))&&void 0!==a?a:1),v=C[0],h=C[1],T=null===(j=null==y?void 0:y[0])||void 0===j?void 0:j.key;return t.useEffect((function(){var e;null===(e=g.current)||void 0===e||e.slickGoTo(0,!0)}),[T]),t.useLayoutEffect((function(){if(null==f?void 0:f.current){var e=s.debounce((function(){var e;h(null!==(e=c(f))&&void 0!==e?e:1)}),300);return e(),window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}}}),[f,null===(q=null==f?void 0:f.current)||void 0===q?void 0:q.offsetWidth]),r.jsx(u.MainGalleryContainer,e.__assign({ref:P},{children:r.jsx(d.default,e.__assign({},n,{slidesToShow:v,ref:g,centerPadding:"80"},{children:y.map((function(i,t){var s,a=null==i?void 0:i.url,d=null!==(s=null==i?void 0:i.isVideo)&&void 0!==s&&s;return r.jsx("div",e.__assign({"data-testid":"main-gallery-div-content-".concat(t)},{children:d?r.jsx(l.Video,{source:a,thumbnail:null==i?void 0:i.thumbnailUrl},void 0):r.jsxs(r.Fragment,{children:[r.jsx(o.Image,{src:a,alt:i.alt,width:"".concat(312,"px"),loading:"eager"},void 0),r.jsx(u.TopTag,e.__assign({"data-testid":"topTag"},{children:b}),void 0),r.jsx(u.BottomTag,e.__assign({"data-testid":"bottomTag"},{children:p}),void 0),!!m&&r.jsx(u.TopRightTag,{children:m},void 0)]},void 0)}),i.key)}))}),void 0)}),void 0)};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),i=require("@ant-design/react-slick"),t=require("react");require("../../../../PackSelectorV2/PackSelectoV2.js"),require("../../../../absorbency-level/AbsorbencyLevel.js"),require("../../../../accordion-options/AccordionOptions.js"),require("../../../../accordion/Accordion.js"),require("../../../../../types/enums.js"),require("../../../../../core/theme/Theme.js"),require("../../../../../utils/constants/offerAtCart.js");var s=require("../../../../../utils/debounce/index.js");require("../../../../../utils/media.js"),require("../../../../../utils/mock-content/CancellationFlowAccordion.js"),require("../../../../dropdown/variants/simple/SimpleDropdown.js"),require("../../../../pricing/clubOffer/ClubOfferTag.js"),require("../../../../pricing/discount/styled.js"),require("../../../../pricing/styles.js"),require("../../../../tooltip/Styled.js"),require("../../../../atoms/PriceLabel/PriceLabel.js"),require("../../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../../../atoms/HorizontalDivider/HorizontalDivider.js"),require("../../../../atoms/Icon/Icon.js");var o=require("../../../../atoms/Image/Image.js");require("../../../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../../../atoms/Toggle/toggle.styled.js"),require("../../../../radio/input/styles.js"),require("../../../../autoship/styled.js"),require("../../../../autoshipV2/styled.js"),require("../../../../before-after/BeforeAfter.js"),require("../../../../pricing/priceLabelV3/PriceLabelV3.js"),require("../../../../pricing/priceLabelV5/PriceLabelV5.styled.js"),require("../../../../pricing/priceLabelV6/PriceLabelV6.styled.js"),require("../../../../shared/card/Card.js"),require("../../../../bundle/minimalistic/styled.js"),require("../../../../text/Text.js"),require("../../../../bundle/motivator/styled.js"),require("../../../../bundle/simple/Simple.js"),require("../../../../buynowpaylater/BuyNowPayLater.js"),require("../../../../offer-banner/OfferBanner.js"),require("../../../../cartProductItem/CloseIcon/CloseButton.js"),require("../../../../cartProductItem/Description/Description.js"),require("../../../../cartProductItem/Promo/Promo.js"),require("../../../../cartProductItem/Title/Title.js"),require("../../../../cartProductItem/TrashIcon/styled.js"),require("../../../../checkbox/Checkbox.js"),require("../../../../collection/grid/WithProductGrid.js"),require("@emotion/react/jsx-runtime"),require("../../../../SkeletonBox/SkeletonBox.js"),require("../../../../club-price-label/ClubPriceLabel.js"),require("../../../../strength-bars/StrengthBars.js"),require("../../../../pricing/priceLabelV4/PriceLabelV4.js"),require("../../../../rating/starList/StarList.js"),require("../../../../rating/styles.js"),require("../../../../collection/product/mobile/styled.js"),require("../../../../icon-button/IconButton.js"),require("../../../../tag/variants/product/styled.js"),require("../../../../collection/product/truekind/styled.js"),require("../../../../color/ColorRadioGroup.js"),require("../../../../color/selector/PatternSelector.js"),require("../../../../color/styles/ColorPickerwithTootip.styled.js"),require("../../../../cross-sell/Checkbox/CrossSellCheckbox.js"),require("../../../../cta/styled.js"),require("../../../../delivery-details/DeliveryDetails.js"),require("../../../../delivery-details/Note/Note.js"),require("../../../../drawer/style.js"),require("../../../../dropdown-list-icons/Styled.js"),require("../../../../dropdown/size-dropdown/Styled.js"),require("../../../../dropdown/variants/dialog/DropdownDialog.js"),require("../../../../dropdown/base/BaseDropdown.js"),require("@headlessui/react"),require("../../../../input/base/Error.js"),require("../../../../shared/select/BaseSelect.js"),require("../../../../dropdown/variants/smart/styled.js"),require("../../../../filtering/Accordion.js"),require("../../../../filtering/FiltersStyled.js"),require("../../../../filtering/Tags/Tags.js"),require("../../../../fit-guarantee/FitGuarantee.js"),require("../../../../fit/FitPredictor.js"),require("react-zoom-pan-pinch"),require("../../../../modal/Modal.js"),require("../../../ModalZoom/zoomModal.styled.js"),require("../../../ModalZoom/ZoomModalV2.styled.js");var l=require("../../../../molecules/Video/Video.js");require("../../../../slider/ArrowButton.js"),require("../../../../slider/StyledSlider.js"),require("../../../../gallery/components/ImageSmallPreview/styled.js"),require("../../../../gallery/components/ImagePreviewList/styled.js"),require("../../../../gallery/components/ImageProductSlide/styled.js"),require("../../../../gallery/styled.js"),require("../../../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js"),require("../../../../iconsWithTitle/index.js"),require("../../../../image-card/ImageCard.js"),require("../../../../input/label/Label.js"),require("../../../../input/base/Styled.js"),require("../../../../input/custom/Custom.js"),require("../../../../input/basePlusButton/BasePlusButton.js"),require("../../../../input/basePlusIcon/BasePlusIcon.js"),require("../../../../motivator-progress-bar/MotivatorProgressBar.js"),require("../../../../order-bar/OrderBar.js"),require("../../../../packs/selector/PackSelector.js"),require("../../../../pagination/styles.js"),require("../../../../payment-methods/PaymentMethod.js"),require("../../../../product/order/item/SimpleOrderItem.js"),require("../../../../progress-bar/ProgressBar.js"),require("../../../../quantityPicker/styled.js"),require("../../../../radio/RadioPrimary/radioPrimary.js"),require("../../../../radio/clubRadioInput/clubRadio.js"),require("../../../../review-detail/ReviewDetail.js"),require("../../../../review/Review.js"),require("../../../../reviews-header/ReviewsHeader.js"),require("../../../../scroll-to-top/ScrollToTop.js"),require("../../../../search-bar/components/ClearButton/styled.js"),require("../../../../search-bar/components/Footer/styled.js"),require("../../../../search-bar/components/ProductItem/styled.js"),require("../../../../search-bar/components/ResultsPanel/styled.js"),require("../../../../search-bar/components/SearchControl/styled.js"),require("../../../../search-bar/styled.js"),require("../../../../search-navigation/styled.js"),require("react-dom"),require("../../../../short-banner/ShortBanner.js"),require("../../../../size-chart/styled.js"),require("../../../../size-table/SizeTable.js"),require("../../../../size/guide/SizeFitGuide.js"),require("../../../../size/selector/styled.js"),require("../../../../tabs/Tab.js"),require("../../../../tabs/Tabs.js"),require("../../../../tag/Tag.js"),require("@emotion/react"),require("../../../../textWithImage/index.js"),require("../../../../timer/styled.js"),require("../../../../toast/Toast.js"),require("../../../../totals/total/styled.js"),require("../../../../totals/subtotal/Subtotal.js"),require("../../../../tracking-progress-v2/TrackingProgressV2.js"),require("../../../../tracking-progress/TrackingProgress.js"),require("../../../AutoshipOfferCard/AutoshipOfferCardItem.styled.js"),require("../../../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js"),require("../../../AutoshipPdpCard/AutoshipPdpCard.styled.js"),require("../../../BasicAccordion/BasicAccordion.js"),require("../../../CartItemCard/CartItem.js"),require("../../../ClubOfferSelector/styled.js"),require("../../../ClubOfferSelector2/styled.js"),require("../../../JoinClubCard/joinClubCard.js"),require("../../../OfferAtCart/styled.js"),require("../../../OfferAtCartV2/styled.js"),require("../../../OfferAtCartV3/styled.js"),require("../../../OfferAtCartV4/styled.js"),require("../../../OfferAtPDP/styled.js"),require("../../../OfferAtPDP/types.js"),require("../../../ProductCard/ProductCardV1/ProductCard.js"),require("../../../ProductCard/ProductCardV2/styled.js"),require("../../../ProductCard/ProductCardV3/styled.js"),require("../../ProductGalleryMobileV1/ProductGalleryMobile.js"),require("../../ProductGalleryMobileV2/ProductGalleryMobileV2.js"),require("../../ProductGalleryMobileV3/ProductGalleryMobileV3.js"),require("../../ProductGalleryMobileV4/ContentGallery/styled.js"),require("react-inner-image-zoom"),require("../../ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js"),require("../../ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js"),require("../../ProductGalleryMobileV4/GalleryDetailed/styled.js"),require("../../ProductGalleryMobileV5/styled.js"),require("../ColorVariantsGallery/styled.js");var u=require("./styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../styled.js"),require("../../ProductGalleryMobileV7/ProductGalleryMobile.js"),require("../../../SizeCharTable/SizeChartTableV2/styled.js"),require("../../../SizeCharTable/SizeChartTableV3/styled.js"),require("../../../../molecules/ArrowTip/ArrowTip.styled.js"),require("../../../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js"),require("../../../SubscriptionPlanSelector/styled.js"),require("../../../TwoCtasAtCart/Greeting.styled.js"),require("../../../TwoCtasAtCart/Card.styled.js"),require("../../../../timerV2/styled.js"),require("../../../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js"),require("../../../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js"),require("../../../../molecules/CouponCard/styled.js"),require("../../../../molecules/BenefitsList/styled.js"),require("../../../../molecules/HurryUp/styled.js"),require("../../../../molecules/Spinner/styled.js"),require("../../../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js"),require("../../../../molecules/LikeButton/styled.js"),require("../../../../molecules/ScarcityTag/ScarcityTag.styled.js");var d=a(i),n={dots:!1,infinite:!1,speed:200,slidesToScroll:1,initialSlide:0},c=function(e){if(!(null==e?void 0:e.current))return 1.1;return(e.current.offsetWidth-15)/312-1e-4};exports.MainGallery=function(i){var a,j,q,y=i.contents,b=i.topTag,m=i.topRightTag,p=i.bottomTag,g=i.containerRef,f=t.useRef(null),P=t.useRef(null),C=t.useState(null!==(a=c(g))&&void 0!==a?a:1),h=C[0],v=C[1],T=null===(j=null==y?void 0:y[0])||void 0===j?void 0:j.key;return t.useEffect((function(){var e;null===(e=f.current)||void 0===e||e.slickGoTo(0,!0)}),[T]),t.useLayoutEffect((function(){if(null==g?void 0:g.current){var e=s.debounce((function(){var e;v(null!==(e=c(g))&&void 0!==e?e:1)}),300);return e(),window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}}}),[g,null===(q=null==g?void 0:g.current)||void 0===q?void 0:q.offsetWidth]),r.jsx(u.MainGalleryContainer,e.__assign({ref:P},{children:r.jsx(d.default,e.__assign({},n,{slidesToShow:h,ref:f,centerPadding:"80"},{children:y.map((function(i,t){var s,a=null==i?void 0:i.url,d=null!==(s=null==i?void 0:i.isVideo)&&void 0!==s&&s;return r.jsx("div",e.__assign({"data-testid":"main-gallery-div-content-".concat(t)},{children:d?r.jsx(l.Video,{source:a,thumbnail:null==i?void 0:i.thumbnailUrl},void 0):r.jsxs(r.Fragment,{children:[r.jsx(o.Image,{src:a,alt:i.alt,width:"".concat(312,"px"),loading:0===t?"eager":"lazy",decoding:0===t?"sync":"async",fetchPriority:0===t?"high":"auto"},void 0),r.jsx(u.TopTag,e.__assign({"data-testid":"topTag"},{children:b}),void 0),r.jsx(u.BottomTag,e.__assign({"data-testid":"bottomTag"},{children:p}),void 0),!!m&&r.jsx(u.TopRightTag,{children:m},void 0)]},void 0)}),i.key)}))}),void 0)}),void 0)};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var o=require("tslib"),e=require("react/jsx-runtime"),i=require("@ant-design/react-slick"),n=require("react"),r=require("../../../../atoms/Image/Image.js"),t=require("../../../../cta/primary/ButtonPrimary.js");require("@emotion/react/jsx-runtime"),require("../../../../../core/theme/Theme.js"),require("../../../../../types/enums.js"),require("../../../../cta/styled.js");var l=require("../../../ModalZoom/index.js"),d=require("../../../ModalZoom/useZoom.js"),a=require("../../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js"),s=require("../../../../icons/index.js"),u=require("../../utils/sendCommandToIframe.js"),c=require("./ImageProductSlide.styled.js"),
|
|
1
|
+
"use strict";var o=require("tslib"),e=require("react/jsx-runtime"),i=require("@ant-design/react-slick"),n=require("react"),r=require("../../../../atoms/Image/Image.js"),t=require("../../../../cta/primary/ButtonPrimary.js");require("@emotion/react/jsx-runtime"),require("../../../../../core/theme/Theme.js"),require("../../../../../types/enums.js"),require("../../../../cta/styled.js");var l=require("../../../ModalZoom/index.js"),d=require("../../../ModalZoom/useZoom.js"),a=require("../../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js"),s=require("../../../../icons/index.js"),u=require("../../utils/sendCommandToIframe.js"),c=require("./ImageProductSlide.styled.js"),v=require("../../../ModalZoom/VideoDisplay.js"),m=require("../../../ModalZoom/ZoomButton.js");function h(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var g=h(i),j={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0};module.exports=function(i){var h=i.contents,f=i.customClick,x=void 0!==f&&f,p=i.topTag,y=i.bottomTag,C=i.testId,q=i.borderRadiusVariant,I=i.selectedValue,k=i.onChange,V=i.zoomOptions,w=n.useRef(null),z=n.useRef(null),T=n.useState(!1),M=T[0],_=T[1],b=n.useState(0),B=b[0],S=b[1],Z=d.useZoom((null==V?void 0:V.zoomModalId)||"zoom-modal-v1").handleZoomClick;a.usePreventVerticalScroll(z);var P=n.useCallback((function(o){var e;null===(e=w.current)||void 0===e||e.slickGoTo(o)}),[w]);return n.useEffect((function(){var o;if(I){var e=h.findIndex((function(o){return o.url===I.url}));-1!==e&&(null===(o=w.current)||void 0===o||o.slickGoTo(e))}}),[h,I]),e.jsxs(e.Fragment,{children:[x&&e.jsx("div",o.__assign({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:h.map((function(o,i){return e.jsx(t,{onClick:function(){return P(i)},text:String(i+1),inline:!0},o.key||"button-".concat(i))}))}),void 0),e.jsx(c.Container,o.__assign({"data-testid":C,borderRadiusVariant:q,ref:z,role:"button"},{children:e.jsx(g.default,o.__assign({afterChange:function(o){var e,i=h[o];(null===(e=null==i?void 0:i.url)||void 0===e?void 0:e.includes("autoplay=1"))?u.playVideoCommand():u.stopVideoCommand(),S(o),null==k||k(o)}},j,{nextArrow:e.jsx(c.NavButtonContainer,{children:e.jsx(c.Button,{children:e.jsx(s.Icon.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),prevArrow:e.jsx(c.NavButtonContainer,{children:e.jsx(c.Button,{children:e.jsx(s.Icon.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),ref:w,vertical:M,rows:1},{children:h.map((function(i,n){var t,l=null==i?void 0:i.url,d=null!==(t=null==i?void 0:i.isVideo)&&void 0!==t&&t,a=i.url===(null==I?void 0:I.url)||i.key===(null==I?void 0:I.key),s={alt:i.alt,width:"100%",height:"510px",loading:a?"eager":"lazy",decoding:a?"sync":"async"};return e.jsx(c.ViewContainerWrapper,o.__assign({onClick:(null==V?void 0:V.zoomModalId)?Z:void 0},{children:d?e.jsx(v.VideoDisplay,{content:i},i.key):e.jsxs(e.Fragment,{children:[e.jsx(r.Image,{src:l,height:s.height,alt:i.alt,width:s.width,loading:s.loading,decoding:s.decoding,fetchPriority:a?"high":"auto"},void 0),p&&e.jsx(c.TopTagContainer,o.__assign({borderRadiusVariant:q,"data-testid":"topTag"},{children:p}),void 0),e.jsx(c.BottomTagContainer,o.__assign({onClick:function(){return _(!0)},"data-testid":"bottomTag"},{children:y}),void 0),Boolean(null==V?void 0:V.zoomModalId)&&e.jsx(m.ZoomButtonComponent,{modalId:(null==V?void 0:V.zoomModalId)||"zoom-modal-v1",showOnMobile:"v2"===(null==V?void 0:V.zoomVersion)},void 0)]},void 0)}),i.key)}))}),void 0)}),void 0),Boolean(null==V?void 0:V.zoomModalId)&&e.jsx(l.ZoomModalComponent,{version:null==V?void 0:V.zoomVersion,modalId:(null==V?void 0:V.zoomModalId)||"zoom-modal-v1",contents:h,initialSlide:B,fade:null==V?void 0:V.fade},void 0)]},void 0)};
|
|
2
2
|
//# sourceMappingURL=ImageProductSlide.js.map
|
package/package.json
CHANGED