https://www.nikon.fr/dist-client/TabbedProductHighlightTab-Chunk-7203ebfa556c612615cb.js

1"use strict";(globalThis.webpackChunknikon_client=globalThis.webpackChunknikon_client||[]).push([[2330,5671,5763],{41322(e,t,a){a.r(t),a.d(t,{default:()=>y});var l=a(2511),r=a(97729),i=a(11183),n=a(64363),c=a(8933),s=a(80372),o=a(16014),d=a(39418),m=a(55169),u=a(20973),p=a(26093),g=a(8383),h=a(97500),x=a.n(h),f=a(59471);const y=({buyNowLink:e,category:t,fromPriceLabel:a,hidePriceFromSavePill:h,image:y,isCompact:b,isLargeCard:v,largeCardProductImageGap:w="gap-y-5 lg:gap-y-13 xl:gap-y-[90px]",largeCardPadding:E="px-5 py-5 lg:py-8 xl:py-14",learnMoreLink:R,name:k,newProductLabel:N,pricingData:A,productNameClassname:C,savePriceLabel:T,shippingLabel:I,showCategory:L,statusLabels:P,thumbnail:H,trackingData:j,vatLabel:S,dataTestId:$,epiEdit:M})=>{const[z,_]=(0,f.useState)(!1),W=(0,p.A)(1440),[D,{clientHeight:B}]=(0,g.A)(),O=B>50,F=JSON.stringify(j??""),q=e=>{j&&(0,m.A)({event:"intentToBuy",content_type:e,items:[(0,u.A)(j)]})},G=()=>{j&&(0,m.A)({event:"selectItem",ecommerce:{currency:j.currency,items:[(0,u.A)(j)]}})};return React.createElement("div",{onFocus:()=>_(!0),onBlur:()=>_(!1),onMouseEnter:()=>_(!0),onMouseLeave:()=>_(!1),"track-product-impression":"true","data-product":F,className:x()("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",v?E:"px-5 pt-5 pb-5 lg:pb-7.5"),"data-testid":$,"data-epi-property-name":M},y&&React.createElement(i.A,{image:y,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"}),(T||N||P)&&!b&&React.createElement("div",{className:"absolute top-0 left-0 z-20 flex w-full flex-row flex-wrap gap-4 p-5"},React.createElement(d.A,{dataTestId:"Product-Card-Tag",hidePriceFromSavePill:h,newProductLabel:N,pricingData:A,savePriceLabel:T,statusLabels:P})),React.createElement("div",{className:x()("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]":v&&y},{[`${w}`]:v&&!y},{"gap-y-2.5 pt-2.5 md:gap-y-5":!v})},React.createElement(n.A,{initial:"initial",className:x()("relative flex w-full shrink-0 items-center justify-center",v?"h-[200px] md:h-[270px] lg:h-[340px]":"h-[140px] md:h-[190px] lg:h-[210px] xl:h-[180px]"),animate:z&&!W?"hover":"initial",variants:{hover:O?{y:-20,scale:.85}:{y:-10,scale:1.05},initial:{y:0,scale:1}},transition:s.am},H&&React.createElement("a",{href:R?.url||e?.url,onClick:()=>{R?.url?q("product picture"):e?.url&&G()},"aria-label":k,className:"flex h-full w-full"},React.createElement(i.A,{image:H,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:z&&!W?"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:o.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:z&&!W?"hover":"initial",variants:{hover:{y:v?-30:-(B-20)},initial:{y:0}},transition:s.am},React.createElement("div",{style:{paddingBottom:v&&!W?B:0},className:x()("flex w-full grow flex-col items-center justify-center dark:text-white",v?"lg:w-3/4 xl:w-4/5 2xl:w-3/4":"md:w-4/5 xl:w-full")},t&&L&&React.createElement("p",{className:"body-two mb-2"},t),k&&React.createElement("p",{className:x()("text-center",v?`${x()("mb-5 lg:mb-7.5",C||(W?"h5":"h3"))}`:"h6 mb-2.5"),"data-testid":"Product-Card-Name"},k),A?.formattedCalculatedPrice&&React.createElement(c.A,{pricingData:A,vatLabel:S,shippingLabel:I,fromPriceLabel:a,centerText:!0,containerClassName:x()({"mt-auto":!v}),containerFontSize:x()({"body-one":v,"body-three":!v&&!W,"body-four":!v&&W}),taxesAnimationProps:{initial:"initial",animate:!z||W||v?"initial":"hover",variants:{hover:{opacity:0}

1,initial:{opacity:1}},transition:{duration:.3}},taxesTopMarginClassName:x()("mt-[5px]",v?"md:mt-2.5":"xl:mt-2.5"),taxesFontSize:x()({"body-one":v,"body-three":!v&&!W,"body-four":!v&&W}),dataTestId:"Product-Card-Price-Display-Text"}))),React.createElement(n.A,{initial:"initial",animate:z&&!W?"hover":"initial",variants:{hover:{opacity:1},initial:{opacity:W?1:0}},transition:{duration:.3},ref:D,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"},R?.name&&R?.url&&React.createElement(r.A,{className:x()("text-center",{"max-md:w-full":!v}),link:R,secondary:!0,linkCallback:()=>q(R.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:x()("cta primary text-center",{"max-md:w-full":!v}),"data-testid":"Product-Card-Buy-Now",onClick:G},e.name))))}},41454(e,t,a){a.d(t,{A:()=>d});var l=a(97729),r=a(13889),i=a(64363),n=a(55169),c=a(97500),s=a.n(c),o=a(34629);const d=({activeTabId:e,tabsLength:t,dataTestId:a,headlines:c,text:d,cta:m,meta:u})=>{return React.createElement(o.N,{mode:"wait"},React.createElement(i.A,{key:e,className:"mb-10 lg:container lg:mb-13",initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0}},React.createElement("div",{className:s()("body-one mx-auto mb-7.5 lg:container",1===t?"text-center":"lg:text-center"),"data-testid":`${a}-Text`,dangerouslySetInnerHTML:{__html:d},"data-epi-property-name":u?.editHints?.text}),!!c?.length&&React.createElement("ul",{className:s()("mx-auto mb-7.5 grid w-full grid-cols-1 gap-5 md:grid-cols-2 md:gap-x-5 md:gap-y-5 lg:mb-10 lg:max-w-max xl:justify-center",(p=c.length,`xl:grid-cols-${Math.min(p,4)}`)),"data-testid":`${a}-Headlines`,"data-epi-property-name":u?.editHints?.headlines},c.map((e,l)=>React.createElement("li",{key:e,className:s()("body-one flex items-start gap-x-2.5 md:text-left",1===t?"md:justify-center":"lg:justify-center"),"data-testid":`${a}-Headline-${l}`},React.createElement(r.A,{name:"check",className:"min-w-5 translate-y-[5px] rounded-full p-px",colorClassName:"text-black-100 bg-yellow",size:"1.25rem"}),React.createElement("span",null,e)))),m?.url&&m.name&&React.createElement("div",{className:s()("flex",1===t?"place-content-center":"lg:place-content-center"),"data-epi-property-name":u?.editHints?.cta},React.createElement(l.A,{className:"text-center",link:m,dataTestId:`${a}-Link`,linkCallback:()=>{(0,n.A)({event:"selectContent",content_type:"tabbed_product_highlight",link_text:m.name})}}))));var p}},1458(e,t,a){a.d(t,{A:()=>o});var l=a(64363),r=a(41322),i=a(87529),n=a(34629),c=a(90683);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)({}).hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},s.apply(null,arguments)}const o=({activeTabId:e,products:t,dataTestId:a,meta:o})=>React.createElement(n.N,{mode:"wait"},React.createElement(l.A,{key:e,initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},"data-epi-property-name":o?.editHints?.products},React.createElement(i.A,{id:"tabbed-product-highlight-carousel",carouselClassName:"xl:[&>.swiper-wrapper]:justify-center",shadows:!0,items:t,slidesToShowDesktop:4,spaceBetween:16,dataTestId:`${a}-Carousel`,isSoftLoadAnimationDisabled:!0},e=>e.map(({ariaHidden:e,ariaLabel:t,...l})=>React.createElement(c.qr,{key:`product-highlight-card-${l.name}`,className:"stretch-card min-h-[430px]","aria-hidden":e,"aria-label":t},React.createElement(r.default,s({},l,{isCompact:!0,dataTestId:`${a}-Product-Card`})))))))},35186(e,t,a){a.r(t),a.d(t,{default:()=>i});var l=a(41454),r=a(1458);const i=({activeTabId:e,dataTestId:t,cta:a,headlines:i,products:n,text:c,title:s,meta:o})=>{const d=o?.editMode;return React.createElement("div",{className:"flex flex-col gap-5 text-white"},d&&React.createElement("h2",{className:"h4 text-center","data-epi-property-name":o?.editHints?.title},s),React.createElement(l.A,{activeTabId:e,tabsLength:2,dataTestId:t,headlines:i,text:c,cta:a,meta:o}),React.createElement(r.A,{activeTabId:e,products:n,dataTestId:t,meta:o}))}},8383(e,t,a){a.d(t,{A:()=>r});var l=a(59471);const r=()=>{const e=(0,l.useRef)(void 0),[t,a]=(0,l.useState)({width:0,height:0,clientWidth:0,clientHeight:0,scrollWidth:0,scrollHeight:0}),r=(0,l.useCallback)(e=>{if(!Array.isArray(e))return;const t=e[0];a({width:t?.contentRect.width??0,height:t?.contentRect.height??0,clientWidth:t?.target.clientWidth??0,clientHeight:t?.target.clientHeight??0,scrollWidth:t?.target.scrollWidth??0,scrollHeight:t?.target.scrollHeight??0})},[]);return[(0,l.useCallback)(t=>{e.current&&!t&&(e.current.disconnect(),e.current=void 0),!e.current&&t&&(e.current=new ResizeObserver(r),e.current.observe(t))},[r]),t]}},32088(e,t,a){a.d(t,{W:()=>n});var l=a(59471),r=a(20818);const i={some:0,all:1};function n(e,{root:t,margin:a,amount:n,once:c=!1,initial:s=!1}={}){const[o,d]=(0,l.useState)(s);return(0,l.useEffect)(()=>{if(!e.current||c&&o)return;const l={root:t&&t.current||void 0,margin:a,amount:n};return function(e,t,{root:a,margin:l,amount:n="some"}={}){const c=(0,r.K)(e),s=new WeakMap,o=new IntersectionObserver(e=>{e.forEach(e=>{const a=s.get(e.target);if(e.isIntersecting!==Boolean(a))if(e.isIntersecting){const a=t(e.target,e);"function"==typeof a?s.set(e.target,a):o.unobserve(e.target)}else"function"==typeof a&&(a(e),s.delete(e.target))})},{root:a,rootMargin:l,threshold:"number"==typeof n?n:i[n]});return c.forEach(e=>o.observe(e)),()=>o.disconnect()}(e.current,()=>(d(!0),c?void 0:()=>d(!1)),l)},[t,e,a,c,n]),o}}}]);
2//# sourceMappingURL=TabbedProductHighlightTab-Chunk-7203ebfa556c612615cb.js.map