{"version":3,"file":"static/chunks/5108.dc56fd0eab30c1e5.js","mappings":"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","sources":["webpack://_N_E/./components/CollectionTabs/CollectionTabsBlock.js","webpack://_N_E/./components/CollectionTabs/helpers.js","webpack://_N_E/<anon>"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport Block from '../../adapters/helpers/Block';\nimport dynamic from 'next/dynamic';\nconst Eyebrow = dynamic(()=>import('../Eyebrow/Eyebrow'))\nimport PropTypes from 'prop-types';\nconst UnderlineTabsNavigation = dynamic(()=>import('../UnderlineTabsNavigation/UnderlineTabsNavigation'))\nimport {getSelectedIndex, mapLinks} from './helpers';\nimport { scrollIntoView } from '../../adapters/helpers/Scroll';\nimport {CollectionTabsBlockConstants} from '../../adapters/helpers/Constants';\nimport { mediaQueryHOC } from '../../adapters/helpers/Hooks'\nconst ButtonTabsNavigation = dynamic(()=>import('../ButtonTabsNavigation/ButtonTabsNavigation'))\n\nfunction CollectionTabsBlock(props) {\n    const {extraAttributes, isMedium} = props;\n\n    const block = new Block(props);\n\n    const extraClassNames = props.document?.fields?.classNames;\n    const surtitle = props.document?.fields?.surtitle;\n    const links = props.document?.fields?.links;\n    const jumpToLabel = props.document?.fields?.jumpToLabel;\n    const anchorId = block.getAnchorId();\n    const currentURL = extraAttributes?.slug;\n    const tabsRef = useRef();\n    const tabStyle = props.document?.fields?.tabStyle\n\n    const classNames = ['ob-collection-tabs'];\n    if (extraClassNames) {\n        classNames.push(extraClassNames);\n    }\n\n    const scrollToContent = (event, link) => {\n        if (link.charAt(0) !== CollectionTabsBlockConstants.hash) {\n            return;\n        }\n        event.preventDefault();\n        const element  = document.querySelector(link);\n        if (element) {\n            scrollIntoView(element, {behavior: CollectionTabsBlockConstants.smooth});\n        }\n    };\n\n    useEffect(() => {\n        if (window?.location?.hash === `#${anchorId}` && tabsRef?.current) {\n            let timeout = null;\n            window.setTimeout(() => {\n                timeout = scrollIntoView(tabsRef.current, {behavior: CollectionTabsBlockConstants.smooth});\n            }, 250);\n\n            return () => {\n                clearTimeout(timeout);\n            }\n        }\n    }, []);\n\n    const tabs = mapLinks(links);\n    const selectedIndex = getSelectedIndex(links, currentURL);\n\n    return (\n        <div className={classNames.join(' ')} id={anchorId} ref={tabsRef}>\n            <Eyebrow className='ob-collection-tabs__eyebrow'>{surtitle}</Eyebrow>\n            <div className='ob-collection-tabs-block__tabs-wrapper'>\n                {isMedium ?\n                    <ButtonTabsNavigation tabs={tabs} selectedIndex={selectedIndex} jumpToLabel={jumpToLabel} scrollToContent={scrollToContent} tabStyle={tabStyle}/>\n                    :\n                    <UnderlineTabsNavigation tabs={tabs} selectedIndex={selectedIndex} scrollToContent={scrollToContent} />\n                }\n            </div>\n        </div>\n    )\n}\n\nCollectionTabsBlock.propTypes = {\n    extraAttributes: PropTypes.any,\n    document: PropTypes.any,\n    isMedium: PropTypes.bool\n};\n\nexport default mediaQueryHOC(CollectionTabsBlock);\n// This export is for unit testing (do not remove) :\nexport const CollectionTabsBlockTest = CollectionTabsBlock;\n","import {removeAnchorFromLink} from '../../adapters/helpers/Anchor';\n\nexport function getSelectedIndex(links, currentURL) {\n    let selectedIndex = undefined;\n\n    for(let i = 0 ; i < links.length; i++) {\n        const link = links[i];\n        const tabURL = link?.fields?.url;\n        if(tabURL && removeAnchorFromLink(tabURL) === currentURL) {\n            selectedIndex = i;\n        }\n    }\n\n    return selectedIndex;\n}\n\nexport function mapLinks(links) {\n    return (\n        links?.map((link) => ({\n            text: link?.fields?.title,\n            link: link?.fields?.url,\n            iconType: link?.fields?.iconType,\n            assetLink: link?.fields?.asset?.fields?.file?.url,\n            image: link?.fields?.image,\n            mobileImage: link?.fields?.mobileImage,\n            LinkAriaLabel: link?.fields?.linkAriaLabel,\n        })) || []\n    )\n}","\"use strict\";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5108],{35108:function(l,n,e){e.r(n),e.d(n,{CollectionTabsBlockTest:function(){return h}});var t=e(67294),u=e(40483),i=e(5152),o=e.n(i),r=e(10139),a=e(55891),d=e(24036),c=e(71357),s=e(85893),f=o()((function(){return e.e(405).then(e.bind(e,405))}),{loadableGenerated:{webpack:function(){return[405]}}}),b=o()((function(){return e.e(186).then(e.bind(e,60186))}),{loadableGenerated:{webpack:function(){return[60186]}}}),v=o()((function(){return e.e(831).then(e.bind(e,30831))}),{loadableGenerated:{webpack:function(){return[30831]}}});function m(l){var n,e,i,o,c,m,h,p,k,w,T=l.extraAttributes,x=l.isMedium,g=new u.Z(l),j=null==(n=l.document)||null==(e=n.fields)?void 0:e.classNames,_=null==(i=l.document)||null==(o=i.fields)?void 0:o.surtitle,y=null==(c=l.document)||null==(m=c.fields)?void 0:m.links,E=null==(h=l.document)||null==(p=h.fields)?void 0:p.jumpToLabel,L=g.getAnchorId(),N=null==T?void 0:T.slug,A=(0,t.useRef)(),C=null==(k=l.document)||null==(w=k.fields)?void 0:w.tabStyle,I=[\"ob-collection-tabs\"];j&&I.push(j);var B=function(l,n){if(n.charAt(0)===d.BE.hash){l.preventDefault();var e=document.querySelector(n);e&&(0,a.z)(e,{behavior:d.BE.smooth})}};(0,t.useEffect)((function(){var l,n;if((null==(l=window)||null==(n=l.location)?void 0:n.hash)===\"#\".concat(L)&&(null==A?void 0:A.current)){var e=null;return window.setTimeout((function(){e=(0,a.z)(A.current,{behavior:d.BE.smooth})}),250),function(){clearTimeout(e)}}}),[]);var G=(0,r.r)(y),S=(0,r.w)(y,N);return(0,s.jsxs)(\"div\",{className:I.join(\" \"),id:L,ref:A,children:[(0,s.jsx)(f,{className:\"ob-collection-tabs__eyebrow\",children:_}),(0,s.jsx)(\"div\",{className:\"ob-collection-tabs-block__tabs-wrapper\",children:x?(0,s.jsx)(v,{tabs:G,selectedIndex:S,jumpToLabel:E,scrollToContent:B,tabStyle:C}):(0,s.jsx)(b,{tabs:G,selectedIndex:S,scrollToContent:B})})]})}n.default=(0,c.Ui)(m);var h=m},10139:function(l,n,e){e.d(n,{r:function(){return i},w:function(){return u}});var t=e(97020);function u(l,n){for(var e=void 0,u=0;u<l.length;u++){var i,o=l[u],r=null==o||null==(i=o.fields)?void 0:i.url;r&&(0,t.gb)(r)===n&&(e=u)}return e}function i(l){return(null==l?void 0:l.map((function(l){var n,e,t,u,i,o,r,a,d,c;return{text:null==l||null==(n=l.fields)?void 0:n.title,link:null==l||null==(e=l.fields)?void 0:e.url,iconType:null==l||null==(t=l.fields)?void 0:t.iconType,assetLink:null==l||null==(u=l.fields)||null==(i=u.asset)||null==(o=i.fields)||null==(r=o.file)?void 0:r.url,image:null==l||null==(a=l.fields)?void 0:a.image,mobileImage:null==l||null==(d=l.fields)?void 0:d.mobileImage,LinkAriaLabel:null==l||null==(c=l.fields)?void 0:c.linkAriaLabel}})))||[]}}}]);"],"names":["self","webpackChunk_N_E","push","l","n","e","r","d","CollectionTabsBlockTest","h","t","u","i","o","a","c","s","f","then","bind","loadableGenerated","webpack","b","v","m","p","k","w","T","extraAttributes","x","isMedium","g","Z","j","document","fields","classNames","_","surtitle","y","links","E","jumpToLabel","L","getAnchorId","N","slug","A","useRef","C","tabStyle","I","B","charAt","BE","hash","preventDefault","querySelector","z","behavior","smooth","useEffect","window","location","concat","current","setTimeout","clearTimeout","G","S","jsxs","className","join","id","ref","children","jsx","tabs","selectedIndex","scrollToContent","default","Ui","length","url","gb","map","text","title","link","iconType","assetLink","asset","file","image","mobileImage","LinkAriaLabel","linkAriaLabel"],"sourceRoot":""}