https://www.nikon.fr/dist-client/ProductsWithMediaGrid-Chunk-3067fd716928dabf82c3.js

1"use strict";(globalThis.webpackChunknikon_client=globalThis.webpackChunknikon_client||[]).push([[2330,5763,7613],{65584(e,a,t){t.d(a,{A:()=>d});var l=t(66665),i=t(73359),r=t(24675),n=t(59798),c=t(90683);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var l in t)({}).hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},s.apply(null,arguments)}const d=({additionalModules:e=[],analyticsEnabled:a=!1,a11y:t,children:d,className:o,disableDefaultSlideAriaLabel:m,id:p="carousel",navId:u="",trackingContentName:g,onSetIsSwiperBeginning:h,onSetIsSwiperEnd:f,onResize:x,...v})=>{const y=(0,r.I)(),{carouselSlideAriaLabel:b}=(0,i.A)();return d?React.createElement(c.RC,s({id:p,onSlideChangeTransitionEnd:e=>{a&&0!==e.realIndex&&(0,l.A)({event:"carousel",interaction:"tab_change",link_text:e.previousIndex<e.activeIndex?"Next":"Previous",...g?{content_name:g}:{}})},a11y:{enabled:!0,itemRoleDescriptionMessage:b,scrollOnFocus:!0,...m?{slideLabelMessage:""}:{},..."object"==typeof t?t:{}},className:o,navigation:{enabled:!!u,prevEl:`#prevBtn-${u}`,nextEl:`#nextBtn-${u}`},modules:[n.Jq,n.Vx,...e],onResize:e=>{x?.(e),h?.(e.isBeginning),f?.(e.isEnd)},onUpdate:e=>{h?.(e.isBeginning),f?.(e.isEnd)},onReachBeginning:()=>{h?.(!0)},onReachEnd:()=>{f?.(!0)},onFromEdge:e=>{h?.(e.isBeginning),f?.(e.isEnd)}},y?{speed:0}:{},v),d):null}},30002(e,a,t){t.r(a),t.d(a,{default:()=>v});var l=t(92727),i=t(89993),r=t(76439),n=t(47976),c=t(11661),s=t(77244),d=t(81894),o=t(35682),m=t(66665),p=t(84501),u=t(28885),g=t(33063),h=t(97500),f=t.n(h),x=t(59471);const v=({buyNowLink:e,category:a,fromPriceLabel:t,hidePriceFromSavePill:h,image:v,isCompact:y,isLargeCard:b,largeCardProductImageGap:w="gap-y-5 lg:gap-y-13 xl:gap-y-[90px]",largeCardPadding:C="px-5 py-5 lg:py-8 xl:py-14",learnMoreLink:E,name:P,newProductLabel:R,pricingData:N,productNameClassname:T,savePriceLabel:A,shippingLabel:I,showCategory:k,statusLabels:M,thumbnail:L,trackingData:j,vatLabel:G,dataTestId:S,epiEdit:W})=>{const[B,H]=(0,x.useState)(!1),_=(0,u.A)(1440),[z,{clientHeight:D}]=(0,g.A)(),O=D>50,F=JSON.stringify(j??""),V=e=>{j&&(0,m.A)({event:"intentToBuy",content_type:e,items:[(0,p.A)(j)]})},$=()=>{j&&(0,m.A)({event:"selectItem",ecommerce:{currency:j.currency,items:[(0,p.A)(j)]}})};return React.createElement("div",{onFocus:()=>H(!0),onBlur:()=>H(!1),onMouseEnter:()=>H(!0),onMouseLeave:()=>H(!1),"track-product-impression":"true","data-product":F,className:f()("pointer-events-auto relative flex h-full w-full flex-col justify-end gap-5 overflow-hidden rounded-[10px] bg-grey-200 dark:bg-grey-600",b?C:"px-5 pt-5 pb-5 lg:pb-7.5"),"data-testid":S,"data-epi-property-name":W},v&&React.createElement(r.A,{image:v,classes:"h-2/5 md:h-1/2 z-5 absolute top-0 right-0 left-0 m-2.5 md:m-5",imageClasses:"rounded-[10px] object-cover h-full"}),(A||R||M)&&!y&&React.createElement("div",{className:"absolute top-0 left-0 z-20 flex w-full flex-row flex-wrap gap-4 p-5"},React.createElement(o.A,{dataTestId:"Product-Card-Tag",hidePriceFromSavePill:h,newProductLabel:R,pricingData:N,savePriceLabel:A,statusLabels:M})),React.createElement("div",{className:f()("relative flex h-full w-full flex-col",{"gap-y-5 pt-10 md:pt-[150px] lg:gap-y-7.5 lg:pt-[250px] xl:gap-y-5 xl:pt-[120px] 2xl:pt-[200px]":b&&v},{[`${w}`]:b&&!v},{"gap-y-2.5 pt-2.5 md:gap-y-5":!b})},React.createElement(n.A,{initial:"initial",className:f()("relative flex w-full shrink-0 items-center justify-center",b?"h-[200px] md:h-[270px] lg:h-[340px]":"h-[140px] md:h-[190px] lg:h-[210px] xl:h-[180px]"),animate:B&&!_?"hover":"initial",variants:{hover:O?{y:-20,scale:.85}:{y:-10,scale:1.05},initial:{y:0,scale:1}},transition:s.am},L&&React.createElement("a",{href:E?.url||e?.url,onClick:()=>{E?.url?V("product picture"):e?.url&&$()},"aria-label":P,className:"flex h-full w-full"},React.createElement(r.A,{image:L,classes:"z-10 w-full h-full",imageClasses:"w-full h-full object-contain",sizes:"(max-width: 768px) 376px, 500px",dataTestId:"Product-Card-Image"}),React.createElement(n.A,{initial:"initial",animate:B&&!_?"hover":"initial",variants:{hover:{opacity:.2},initial:{opacity:0}

1},className:"pointer-events-none absolute top-4 left-0 z-0 flex h-full scale-[1.1] items-center justify-center"},React.createElement(l.A,{colour:d.A.Yellow,className:"hidden w-full object-contain dark:block"})))),React.createElement(n.A,{className:"flex grow flex-col items-center justify-center",initial:"initial",animate:B&&!_?"hover":"initial",variants:{hover:{y:b?-30:-(D-20)},initial:{y:0}},transition:s.am},React.createElement("div",{style:{paddingBottom:b&&!_?D:0},className:f()("flex w-full grow flex-col items-center justify-center dark:text-white",b?"lg:w-3/4 xl:w-4/5 2xl:w-3/4":"md:w-4/5 xl:w-full")},a&&k&&React.createElement("p",{className:"body-two mb-2"},a),P&&React.createElement("p",{className:f()("text-center",b?`${f()("mb-5 lg:mb-7.5",T||(_?"h5":"h3"))}`:"h6 mb-2.5"),"data-testid":"Product-Card-Name"},P),N?.formattedCalculatedPrice&&React.createElement(c.A,{pricingData:N,vatLabel:G,shippingLabel:I,fromPriceLabel:t,centerText:!0,containerClassName:f()({"mt-auto":!b}),containerFontSize:f()({"body-one":b,"body-three":!b&&!_,"body-four":!b&&_}),taxesAnimationProps:{initial:"initial",animate:!B||_||b?"initial":"hover",variants:{hover:{opacity:0}

1,initial:{opacity:1}},transition:{duration:.3}},taxesTopMarginClassName:f()("mt-[5px]",b?"md:mt-2.5":"xl:mt-2.5"),taxesFontSize:f()({"body-one":b,"body-three":!b&&!_,"body-four":!b&&_}),dataTestId:"Product-Card-Price-Display-Text"}))),React.createElement(n.A,{initial:"initial",animate:B&&!_?"hover":"initial",variants:{hover:{opacity:1},initial:{opacity:_?1:0}},transition:{duration:.3},ref:z,className:"flex w-full flex-wrap items-center justify-center gap-2.5 md:gap-5 xl:absolute xl:bottom-0 xl:gap-2.5","data-testid":"Product-Card-Item-Hover"},E?.name&&E?.url&&React.createElement(i.A,{className:f()("text-center",{"max-md:w-full":!b}),link:E,secondary:!0,linkCallback:()=>V(E.name||"Learn more"),dataTestId:"Product-Card-Learn More"}),e?.url&&e?.name&&React.createElement("a",{href:e.url,target:e.target,"track-product-click":"true","data-product":F,className:f()("cta primary text-center",{"max-md:w-full":!b}),"data-testid":"Product-Card-Buy-Now",onClick:$},e.name))))}},62310(e,a,t){t.r(a),t.d(a,{default:()=>f});var l=t(89993),i=t(76439),r=t(47976),n=t(30002),c=t(34578),s=t(53838),d=t(8222),o=t(64182),m=t(66665),p=t(28885),u=t(97500),g=t.n(u);function h(){return h=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var l in t)({}).hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},h.apply(null,arguments)}const f=({title:e,text:a,cta:t,mainProduct:u,products:f,portraitMedia:x,landscapeMedia:v,mediaPills:y,anchorId:b,meta:w})=>{const C=(0,p.A)(1440),E=3===f.length;return React.createElement("section",{className:"component-padding bg-white text-black-100 dark:bg-black-100 dark:text-white","data-testid":"CT-173-Products-With-Media-Grid",id:`a-${b??"products-with-media-grid"}`},React.createElement(d.A,null,React.createElement("div",{className:"container"},React.createElement("h2",{"data-testid":"CT-173-Products-With-Media-Grid-Title","data-epi-property-name":w?.editHints?.title},e),(a||t)&&React.createElement("div",{className:"mt-10 flex gap-10 max-lg:flex-col lg:items-center lg:justify-between"},a&&React.createElement("div",{className:"body-one lg:w-3/5 xl:w-1/2",dangerouslySetInnerHTML:{__html:a},"data-testid":"CT-173-Products-With-Media-Grid-Subtitle","data-epi-property-name":w?.editHints?.text}),t?.url&&t.name&&React.createElement("div",{className:"shrink-0","data-epi-property-name":w?.editHints?.cta},React.createElement(l.A,{link:t,linkCallback:()=>{(0,m.A)({event:"selectContent",content_name:e,link_text:t.name})},dataTestId:"CT-173-Products-With-Media-Grid-CTA"}))),React.createElement(r.A,{className:"mt-10",initial:{opacity:0}

1,animate:{opacity:void 0===C?0:1}},C?React.createElement("div",{className:"flex flex-col gap-y-10"},React.createElement("div",{className:"h-[500px] w-full md:hidden","data-epi-property-name":w?.editHints?.portraitMedia},x&&"url"in x&&x.url?React.createElement(c.A,{video:x,videoClasses:"[&>div>video]:object-cover h-full pointer-events-none",wrapperClasses:"w-full h-full",autoPlay:!0,hasInVideoPlayButton:!0,controls:!1,dataTestId:"CT-173-Products-With-Media-Grid-Video-Card-Portrait"}):React.createElement(i.A,{image:x,classes:"h-full w-full",imageClasses:"w-full h-full object-cover",dataTestId:"CT-173-Products-With-Media-Grid-Image-Card-Portrait"})),React.createElement("div",{className:"w-full max-md:hidden","data-epi-property-name":w?.editHints?.landscapeMedia},v&&"url"in v&&v.url?React.createElement(c.A,{video:v,videoClasses:"[&>div>video]:object-cover h-full pointer-events-none max-h-[80vh]",wrapperClasses:"w-full h-full",autoPlay:!0,hasInVideoPlayButton:!0,controls:!1,dataTestId:"CT-173-Products-With-Media-Grid-Video-Card-Landscape"}):React.createElement(i.A,{image:v,classes:"h-full w-full",imageClasses:"w-full h-full object-cover max-h-[80vh]",dataTestId:"CT-173-Products-With-Media-Grid-Image-Card-Landscape"})),React.createElement(s.A,{carouselId:"Products-With-Media-Grid",carouselNavId:"products-with-media-grid-carousel",dataTestId:"CT-173-Products-With-Media-Grid",meta:w,products:[u,...f],title:e})):React.createElement("div",{className:g()("grid grid-cols-12",E?"grid-rows-3 gap-x-4 gap-y-5":"grid-rows-2 gap-4")},React.createElement("div",{className:"col-span-5 row-span-full"},React.createElement(n.default,h({},u,{isLargeCard:!0,largeCardProductImageGap:"gap-y-5 lg:gap-y-13 xl:gap-y-16",largeCardPadding:"px-5 py-5 lg:py-8 xl:pt-14 xl:pb-10",productNameClassname:"h5",showCategory:!0,dataTestId:"CT-173-Products-With-Media-Grid-Main-Product-Card","data-epi-property-name":w?.editHints?.mainProduct}))),f.map((e,a)=>

1React.createElement("div",{className:"col-span-4",key:e.name,"data-epi-property-name":w?.editHints?.products},React.createElement(o.A,h({},e,{isCompact:E,trackingDataPosition:a+1,dataTestId:`CT-173-Products-With-Media-Grid-Product-Card-${a}`})))),React.createElement("div",{className:"relative col-span-3 col-start-10 row-span-full","data-epi-property-name":w?.editHints?.portraitMedia},x&&"url"in x&&x.url?React.createElement(c.A,{video:x,videoClasses:"[&>div>video]:object-cover h-full pointer-events-none",wrapperClasses:"w-full h-full",autoPlay:!0,hasInVideoPlayButton:!0,controls:!1,dataTestId:"CT-173-Products-With-Media-Grid-Video-Card"}):React.createElement(i.A,{image:x,classes:"h-full w-full",imageClasses:"w-full h-full object-cover",dataTestId:"CT-173-Products-With-Media-Grid-Image-Card"}),!!y?.length&&React.createElement("div",{"data-testid":"CT-173-Products-With-Media-Grid-Pills",className:"absolute top-[18px] right-[18px] left-[18px] flex flex-wrap gap-2.5 max-xl:hidden","data-epi-property-name":w?.editHints?.mediaPills},y.map(e=>React.createElement("p",{key:e,className:"body-two rounded-full bg-grey-600 px-4 py-1 text-white"},e)))))))))}}}]);
2//# sourceMappingURL=ProductsWithMediaGrid-Chunk-3067fd716928dabf82c3.js.map