{"version":3,"file":"static/chunks/9985.80fcf709801a598e.js","mappings":"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","sources":["webpack://_N_E/./node_modules/classnames/index.js","webpack://_N_E/./adapters/helpers/functions.js","webpack://_N_E/./components/ProductsOverview/desktop/CollapsibleProductsOverview.js","webpack://_N_E/"],"sourcesContent":["/*!\n Copyright (c) 2017 Jed Watson.\n Licensed under the MIT License (MIT), see\n http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg) && arg.length) {\n\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\tif (inner) {\n\t\t\t\t\tclasses.push(inner);\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","export function chunk(items, size) {\n if(!Array.isArray(items)\n || items.length === 0\n || !Number.isInteger(size)\n || size === 0) {\n return [];\n }\n\n const chunks = [];\n let chunk = [];\n\n for(let i = 0; i < items.length; i++) {\n chunk.push(items[i]);\n if((i + 1) % size === 0) {\n chunks.push(chunk);\n chunk = [];\n }\n }\n\n if(chunk.length > 0) {\n chunks.push(chunk);\n }\n\n return chunks;\n}\n\nexport function flatten(array) {\n if (!Array.isArray(array)) {\n return [];\n }\n\n return array.reduce((previous, current) => {\n if (Array.isArray(current)){\n return previous.concat(current);\n } else {\n previous.push(current);\n return previous;\n }\n }, []);\n}\n\nexport function minimum(array) {\n if (!Array.isArray(array)) {\n return undefined;\n }\n\n let minimum = undefined;\n\n for(let i = 0; i < array.length; i++) {\n const value = array[i];\n if(typeof value === 'number') {\n if(minimum === undefined || value < minimum) {\n minimum = value;\n }\n }\n }\n\n return minimum;\n}\n\n// function to return N given of items in an Array\nexport function first(array, n) {\n // if passed array is not an array, return empty array\n if (!Array.isArray(array)\n || n <= 0) {\n return [];\n }\n\n //if N number is bigger or equal slice up the entire thing\n if(n >= array.length) {\n return array.slice();\n } else {\n // otherwise return only N numbers of array items\n return array.slice(0, n);\n }\n}\n\nexport function isLater(value) {\n // Return true if today is after the value date\n let result = false\n\n if (value && value instanceof Date) {\n result = new Date() > value;\n } else if (value) {\n result = new Date() > new Date(value)\n }\n\n return result;\n}\n\nexport function isObject(value) {\n return (!!value) && (value.constructor === Object);\n}\n\nexport function findIndex(array, fn) {\n if (!Array.isArray(array)\n || !(typeof fn === 'function')) {\n return undefined;\n }\n for(let i = 0; i < array.length; i++) {\n const element = array[i];\n\n if(fn(element)) {\n return i;\n }\n }\n\n return undefined;\n}\n\nexport function escapeHtml(unsafe) {\n return unsafe\n .replace(/&/g, '&')\n .replace(//g, '>')\n .replace(/\"/g, '"')\n .replace(/'/g, ''');\n}\n","import React, { useCallback, useState, useRef, useMemo , Suspense} from 'react';\nimport PropTypes from 'prop-types';\nimport dynamic from 'next/dynamic';\nimport { Waypoint } from 'react-waypoint';\nimport C from 'classnames';\nimport { CSSTransition } from 'react-transition-group';\nimport { chunk, minimum} from '../../../adapters/helpers/functions';\nimport {useIsomorphicLayoutEffect} from '../../../adapters/helpers/Hooks';\nimport Loader from '../../../adapters/helpers/Loader';\n\nconst ProductOverview = dynamic(() => import('../ProductOverview'));\nconst SeeMoreButton = dynamic(() => import('../../SeeMoreButton/SeeMoreButton'));\n\nfunction makeRows(products, itemsPerLine) {\n return chunk(products, itemsPerLine)\n .map(chunk => {\n const aspectRatios = chunk\n .map((item) =>{ \n if(item?.fields?.mainAsset?.fields){\n item.fields.mainAsset.fields.isPreload = false\n }\n item?.fields?.mainAsset?.fields?.imageRendition?.fields?.aspectRatio});\n\n\n const minAspectRatio = minimum(aspectRatios)\n\n return {aspectRatio: minAspectRatio, items: chunk};\n }).map(row => {\n // Temporary while aspect Ratios are too extreme\n const aspectRatio = row.aspectRatio && Math.max(row.aspectRatio, 0.4);\n return {...row, aspectRatio};\n });\n}\n\nexport default function CollapsibleProductsOverview({\n products,\n seeMoreProductsText,\n seeLessProductsText,\n whiteText,\n itemsPerRow,\n onClickCallback,\n productOverview,\n isRecentlyViewed,\n removeLazyLoad\n}) {\n\n const [isViewedMore, setIsViewedMore] = useState(false);\n const [navHeight, setNavHeight] = useState(0);\n const [isLoaded, setIsLoaded] = useState(false);\n const collapsibleRef = useRef(null);\n const wrapperRef = useRef(null);\n const [isShown, setIsShown] = useState(false);\n\n const onViewMore = useCallback(\n () => {\n setIsViewedMore(prevState => !prevState);\n },\n [],\n );\n\n const handleWaypoint = useCallback(() => {\n setIsShown(true);\n }, []);\n\n const calculateHeight = useCallback(\n () => {\n if (collapsibleRef.current) {\n setNavHeight(collapsibleRef.current.scrollHeight);\n }\n },\n [],\n );\n\n useIsomorphicLayoutEffect(() => {\n if (wrapperRef?.current && isLoaded && !isRecentlyViewed) {\n const seeMoreWrapperClassName = 'ob-collapsible-products-overview-see-more-wrapper';\n const collapsibleWrapperClassName = 'ob-collapsible-products-overview-collapsible';\n const imageWrapperSelector = '.ob-products-overview__overview-image-wrapper-1';\n const productsOverviewRows = Array.from(wrapperRef?.current?.children);\n let imageHeight = 0;\n // The timeout is to give time for the images to load\n let timeout = null;\n timeout = window.setTimeout(() => {\n productsOverviewRows.forEach(productsOverviewRow => {\n if (!productsOverviewRow.classList.contains(seeMoreWrapperClassName)) {\n const productsOverviewList = Array.from(productsOverviewRow.children);\n\n productsOverviewList.forEach((productsOverviewListItem => {\n if (productsOverviewListItem.classList.contains(collapsibleWrapperClassName)) {\n const innerProductsOverviewList = Array.from(productsOverviewListItem.children);\n let innerImageHeight = 0;\n\n innerProductsOverviewList.forEach(innerProductsOverviewListItem => {\n const imageWrapper = innerProductsOverviewListItem.querySelector(imageWrapperSelector);\n const currentImageHeight = imageWrapper.clientHeight;\n innerImageHeight = currentImageHeight > innerImageHeight ? currentImageHeight : innerImageHeight;\n });\n\n // we have to do another loop to make sure every item gets the proper height\n innerProductsOverviewList.forEach(innerProductsOverviewListItem => {\n const imageWrapper = innerProductsOverviewListItem.querySelector(imageWrapperSelector);\n imageWrapper.style.height = `${innerImageHeight}px`;\n });\n }\n\n const imageWrapper = productsOverviewListItem.querySelector(imageWrapperSelector);\n const currentImageHeight = imageWrapper.clientHeight;\n imageHeight = currentImageHeight > imageHeight ? currentImageHeight : imageHeight;\n }));\n\n // we have to do another loop to make sure every item gets the proper height\n productsOverviewList.forEach(productsOverviewListItem => {\n const imageWrapper = productsOverviewListItem.querySelector(imageWrapperSelector);\n imageWrapper.style.height = `${imageHeight}px`;\n });\n }\n });\n }, 500);\n\n return () => {\n window.clearTimeout(timeout)\n }\n }\n },[isLoaded, isViewedMore]);\n\n const fullScreenWidth = useMemo(() => `${(100 / itemsPerRow).toFixed(2)}%`, [itemsPerRow]);\n const rows = useMemo(() => makeRows(products, itemsPerRow), [products, itemsPerRow]);\n const firstRow = useMemo(() => rows.length > 0 && rows[0], [rows]);\n const remainingRows = useMemo(() => rows.length > 1 ? rows.slice(1) : undefined, [rows]);\n\n const Row = useCallback(({row, isShown, isAnimated = false}) => (\n <>\n {row.items.map((item, i) => (\n
\n }>\n \n \n
\n ))}\n \n ), [fullScreenWidth, whiteText]);\n\n return (\n }>\n \n
setIsLoaded(true)}>\n\n {/* Arbitrary numbers */}\n {!!firstRow && \n
\n \n
\n }\n\n {!!remainingRows &&\n
\n
\n {remainingRows.map((row, i) => (\n \n ))}\n
\n
}\n {!!remainingRows && !!seeMoreProductsText &&\n
\n \n
}\n
\n \n \n )\n}\n\nCollapsibleProductsOverview.defaultProps = {\n products: [],\n}\n\nCollapsibleProductsOverview.propTypes = {\n products: PropTypes.array,\n seeMoreProductsText: PropTypes.string,\n seeLessProductsText: PropTypes.string,\n whiteText: PropTypes.bool,\n itemsPerRow: PropTypes.number.isRequired,\n productOverview: PropTypes.any,\n removeLazyLoad: PropTypes.bool,\n onClickCallback: PropTypes.func,\n isRecentlyViewed: PropTypes.bool\n}\n","/*! For license information please see 9985.80fcf709801a598e.js.LICENSE */\n(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9985],{94184:function(e,r){var t;!function(){\"use strict\";var n={}.hasOwnProperty;function i(){for(var e=[],r=0;r0&&t.push(n),t}function i(e){if(Array.isArray(e)){for(var r=void 0,t=0;t=e.length?e.slice():e.slice(0,r)}function c(e){var r=!1;return e&&e instanceof Date?r=new Date>e:e&&(r=new Date>new Date(e)),r}function s(e){return!!e&&e.constructor===Object}function u(e,r){if(Array.isArray(e)&&\"function\"==typeof r)for(var t=0;t/g,\">\").replace(/\"/g,\""\").replace(/'/g,\"'\")}t.d(r,{Kn:function(){return s},LT:function(){return i},Ps:function(){return o},Xv:function(){return a},cx:function(){return u},en:function(){return c},yo:function(){return n}})},39985:function(e,r,t){\"use strict\";t.r(r),t.d(r,{default:function(){return x}});var n=t(930),i=t.n(n),o=t(67294),c=t(5152),s=t.n(c),u=t(83824),a=t(94184),l=t.n(a),f=t(68665),p=t(61986),d=t(71357),v=t(47322),h=t(85893);function b(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function w(e){for(var r=1;rn?r:n})),r.forEach((function(e){e.querySelector(t).style.height=\"\".concat(n,\"px\")}))}var o=e.querySelector(t).clientHeight;i=o>i?o:i})),r.forEach((function(e){e.querySelector(t).style.height=\"\".concat(i,\"px\")}))}}))}),500),function(){window.clearTimeout(r)}}}),[R,j]);var H=(0,o.useMemo)((function(){return\"\".concat((100/c).toFixed(2),\"%\")}),[c]),z=(0,o.useMemo)((function(){return function(e,r){return(0,p.yo)(e,r).map((function(e){var r=e.map((function(e){var r,t,n,i,o,c,s;(null==e||null==(r=e.fields)||null==(t=r.mainAsset)?void 0:t.fields)&&(e.fields.mainAsset.fields.isPreload=!1),null==e||null==(n=e.fields)||null==(i=n.mainAsset)||null==(o=i.fields)||null==(c=o.imageRendition)||null==(s=c.fields)||s.aspectRatio}));return{aspectRatio:(0,p.LT)(r),items:e}})).map((function(e){var r=e.aspectRatio&&Math.max(e.aspectRatio,.4);return w(w({},e),{},{aspectRatio:r})}))}(r,c)}),[r,c]),F=(0,o.useMemo)((function(){return z.length>0&&z[0]}),[z]),G=(0,o.useMemo)((function(){return z.length>1?z.slice(1):void 0}),[z]),I=(0,o.useCallback)((function(e){var r=e.row,t=e.isShown,n=e.isAnimated,c=void 0!==n&&n;return(0,h.jsx)(h.Fragment,{children:r.items.map((function(e,n){return(0,h.jsx)(\"div\",{style:{width:H},className:\"ob-collapsible-products-overview-product-wrapper\",children:(0,h.jsx)(o.Suspense,{fallback:(0,h.jsx)(v.default,{}),children:(0,h.jsx)(m,{product:e,whiteText:i,aspectRatio:r.aspectRatio,index:n,isShown:t,isRecentlyViewed:b,isAnimated:c,removeLazyLoad:x,onClickCallback:s,productOverview:a})})},n)}))})}),[H,i]);return(0,h.jsx)(o.Suspense,{fallback:(0,h.jsx)(v.default,{}),children:(0,h.jsx)(f.Z,{in:j,timeout:800,onEntering:q,onExit:q,children:(0,h.jsxs)(\"div\",{ref:C,className:l()(\"ob-collapsible-products-overview\"),onLoad:function(){return E(!0)},children:[!!F&&(0,h.jsx)(u.h,{onEnter:_,topOffset:\"500px\",bottomOffset:\"300px\",children:(0,h.jsx)(\"div\",{className:\"ob-collapsible-products-overview-first-line\",children:(0,h.jsx)(I,{row:F,isShown:N,isAnimated:!0})})}),!!G&&(0,h.jsx)(\"div\",{className:\"ob-collapsible-products-overview-collapsible-wrapper\",style:{height:k},children:(0,h.jsx)(\"div\",{className:\"ob-collapsible-products-overview-collapsible\",ref:L,children:G.map((function(e,r){return(0,h.jsx)(I,{isShown:!0,row:e,isAnimated:!0},r)}))})}),!!G&&!!t&&(0,h.jsx)(\"div\",{className:\"ob-collapsible-products-overview-see-more-wrapper\",children:(0,h.jsx)(y,{whiteText:i,onClick:M,isOpen:j,seeMoreText:t,seeLessText:n})})]})})})}x.defaultProps={products:[]}}}]);"],"names":["self","webpackChunk_N_E","push","e","r","t","n","hasOwnProperty","i","arguments","length","o","Array","isArray","c","apply","s","call","join","exports","default","Number","isInteger","slice","Date","constructor","Object","u","a","replace","d","Kn","LT","Ps","Xv","cx","en","yo","x","l","f","p","v","h","b","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","w","forEach","getOwnPropertyDescriptors","defineProperties","defineProperty","m","Promise","all","then","bind","loadableGenerated","webpack","y","products","seeMoreProductsText","seeLessProductsText","whiteText","itemsPerRow","onClickCallback","productOverview","isRecentlyViewed","removeLazyLoad","g","useState","j","O","A","k","P","S","R","E","L","useRef","C","T","N","D","M","useCallback","_","q","current","scrollHeight","LI","from","children","window","setTimeout","classList","contains","querySelector","clientHeight","style","height","concat","clearTimeout","H","useMemo","toFixed","z","map","fields","mainAsset","isPreload","imageRendition","aspectRatio","items","Math","max","F","G","I","row","isShown","isAnimated","jsx","Fragment","width","className","Suspense","fallback","product","index","Z","in","timeout","onEntering","onExit","jsxs","ref","onLoad","onEnter","topOffset","bottomOffset","onClick","isOpen","seeMoreText","seeLessText","defaultProps"],"sourceRoot":""}