{"version":3,"file":"static/chunks/9985.6501c87980740e4e.js","mappings":"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","sources":["webpack://_N_E/./components/ProductsOverview/desktop/CollapsibleProductsOverview.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/extends.js","webpack://_N_E/./node_modules/dom-helpers/esm/removeClass.js","webpack://_N_E/./node_modules/react-transition-group/esm/CSSTransition.js","webpack://_N_E/./node_modules/dom-helpers/esm/addClass.js","webpack://_N_E/./node_modules/dom-helpers/esm/hasClass.js","webpack://_N_E/<anon>"],"sourcesContent":["import React, { useCallback, useState, useRef, useMemo, Suspense } from 'react';\nimport PropTypes from 'prop-types';\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 dynamic from 'next/dynamic';\nconst ProductOverview = dynamic(() => import('../ProductOverview'));\nconst SeeMoreButton = dynamic(() => import('../../SeeMoreButton/SeeMoreButton'));\nimport Loader from '../../../adapters/helpers/Loader';\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                    <div key={i} style={{width: fullScreenWidth}}\n                        className=\"ob-collapsible-products-overview-product-wrapper\">\n                            <Suspense fallback={<Loader />}>\n                            <ProductOverview product={item}\n                                whiteText={whiteText}\n                                aspectRatio={row.aspectRatio}\n                                index={i}\n                                isShown={isShown}\n                                isRecentlyViewed={isRecentlyViewed}\n                                isAnimated={isAnimated}\n                                removeLazyLoad={removeLazyLoad}\n                                onClickCallback={onClickCallback}\n                                productOverview={productOverview}/>\n                            </Suspense>\n                    </div>\n                ))}\n            </>\n        ), [fullScreenWidth, whiteText]);\n\n    return (\n        <Suspense fallback={<Loader />}>\n        <CSSTransition in={isViewedMore} timeout={800} onEntering={calculateHeight} onExit={calculateHeight}>\n            <div ref={wrapperRef} className={C('ob-collapsible-products-overview')} onLoad={() => setIsLoaded(true)}>\n\n                {/* Arbitrary numbers */}\n                {!!firstRow && <Waypoint onEnter={handleWaypoint} topOffset={'500px'} bottomOffset={'300px'}>\n                    <div className=\"ob-collapsible-products-overview-first-line\">\n                        <Row row={firstRow} isShown={isShown} isAnimated />\n                    </div>\n                </Waypoint>}\n\n                {!!remainingRows &&\n                <div className=\"ob-collapsible-products-overview-collapsible-wrapper\" style={{ height: navHeight }}>\n                    <div className=\"ob-collapsible-products-overview-collapsible\" ref={collapsibleRef}>\n                        {remainingRows.map((row, i) => (\n                             <Suspense fallback={<Loader />}>\n                            <Row key={i}\n                                isShown\n                                row={row}\n                                isAnimated />\n                                </Suspense>\n                        ))}\n                    </div>\n                </div>}\n                {!!remainingRows && !!seeMoreProductsText &&\n                <div className=\"ob-collapsible-products-overview-see-more-wrapper\">\n                     <Suspense fallback={<Loader />}>\n                    <SeeMoreButton whiteText={whiteText}\n                        onClick={onViewMore}\n                        isOpen={isViewedMore}\n                        seeMoreText={seeMoreProductsText}\n                        seeLessText={seeLessProductsText}/>\n                        </Suspense>\n                </div>}\n            </div>\n        </CSSTransition>\n        </Suspense>\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","function _extends() {\n  return _extends = Object.assign ? Object.assign.bind() : function (n) {\n    for (var e = 1; e < arguments.length; e++) {\n      var t = arguments[e];\n      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);\n    }\n    return n;\n  }, _extends.apply(null, arguments);\n}\nexport { _extends as default };","function replaceClassName(origClass, classToRemove) {\n  return origClass.replace(new RegExp(\"(^|\\\\s)\" + classToRemove + \"(?:\\\\s|$)\", 'g'), '$1').replace(/\\s+/g, ' ').replace(/^\\s*|\\s*$/g, '');\n}\n/**\n * Removes a CSS class from a given element.\n * \n * @param element the element\n * @param className the CSS class name\n */\n\n\nexport default function removeClass(element, className) {\n  if (element.classList) {\n    element.classList.remove(className);\n  } else if (typeof element.className === 'string') {\n    element.className = replaceClassName(element.className, className);\n  } else {\n    element.setAttribute('class', replaceClassName(element.className && element.className.baseVal || '', className));\n  }\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nimport PropTypes from 'prop-types';\nimport addOneClass from 'dom-helpers/addClass';\nimport removeOneClass from 'dom-helpers/removeClass';\nimport React from 'react';\nimport Transition from './Transition';\nimport { classNamesShape } from './utils/PropTypes';\n\nvar _addClass = function addClass(node, classes) {\n  return node && classes && classes.split(' ').forEach(function (c) {\n    return addOneClass(node, c);\n  });\n};\n\nvar removeClass = function removeClass(node, classes) {\n  return node && classes && classes.split(' ').forEach(function (c) {\n    return removeOneClass(node, c);\n  });\n};\n/**\n * A transition component inspired by the excellent\n * [ng-animate](http://www.nganimate.org/) library, you should use it if you're\n * using CSS transitions or animations. It's built upon the\n * [`Transition`](https://reactcommunity.org/react-transition-group/transition)\n * component, so it inherits all of its props.\n *\n * `CSSTransition` applies a pair of class names during the `appear`, `enter`,\n * and `exit` states of the transition. The first class is applied and then a\n * second `*-active` class in order to activate the CSS transition. After the\n * transition, matching `*-done` class names are applied to persist the\n * transition state.\n *\n * ```jsx\n * function App() {\n *   const [inProp, setInProp] = useState(false);\n *   return (\n *     <div>\n *       <CSSTransition in={inProp} timeout={200} classNames=\"my-node\">\n *         <div>\n *           {\"I'll receive my-node-* classes\"}\n *         </div>\n *       </CSSTransition>\n *       <button type=\"button\" onClick={() => setInProp(true)}>\n *         Click to Enter\n *       </button>\n *     </div>\n *   );\n * }\n * ```\n *\n * When the `in` prop is set to `true`, the child component will first receive\n * the class `example-enter`, then the `example-enter-active` will be added in\n * the next tick. `CSSTransition` [forces a\n * reflow](https://github.com/reactjs/react-transition-group/blob/5007303e729a74be66a21c3e2205e4916821524b/src/CSSTransition.js#L208-L215)\n * between before adding the `example-enter-active`. This is an important trick\n * because it allows us to transition between `example-enter` and\n * `example-enter-active` even though they were added immediately one after\n * another. Most notably, this is what makes it possible for us to animate\n * _appearance_.\n *\n * ```css\n * .my-node-enter {\n *   opacity: 0;\n * }\n * .my-node-enter-active {\n *   opacity: 1;\n *   transition: opacity 200ms;\n * }\n * .my-node-exit {\n *   opacity: 1;\n * }\n * .my-node-exit-active {\n *   opacity: 0;\n *   transition: opacity 200ms;\n * }\n * ```\n *\n * `*-active` classes represent which styles you want to animate **to**.\n *\n * **Note**: If you're using the\n * [`appear`](http://reactcommunity.org/react-transition-group/transition#Transition-prop-appear)\n * prop, make sure to define styles for `.appear-*` classes as well.\n */\n\n\nvar CSSTransition =\n/*#__PURE__*/\nfunction (_React$Component) {\n  _inheritsLoose(CSSTransition, _React$Component);\n\n  function CSSTransition() {\n    var _this;\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n    _this.appliedClasses = {\n      appear: {},\n      enter: {},\n      exit: {}\n    };\n\n    _this.onEnter = function (node, appearing) {\n      _this.removeClasses(node, 'exit');\n\n      _this.addClass(node, appearing ? 'appear' : 'enter', 'base');\n\n      if (_this.props.onEnter) {\n        _this.props.onEnter(node, appearing);\n      }\n    };\n\n    _this.onEntering = function (node, appearing) {\n      var type = appearing ? 'appear' : 'enter';\n\n      _this.addClass(node, type, 'active');\n\n      if (_this.props.onEntering) {\n        _this.props.onEntering(node, appearing);\n      }\n    };\n\n    _this.onEntered = function (node, appearing) {\n      var type = appearing ? 'appear' : 'enter';\n\n      _this.removeClasses(node, type);\n\n      _this.addClass(node, type, 'done');\n\n      if (_this.props.onEntered) {\n        _this.props.onEntered(node, appearing);\n      }\n    };\n\n    _this.onExit = function (node) {\n      _this.removeClasses(node, 'appear');\n\n      _this.removeClasses(node, 'enter');\n\n      _this.addClass(node, 'exit', 'base');\n\n      if (_this.props.onExit) {\n        _this.props.onExit(node);\n      }\n    };\n\n    _this.onExiting = function (node) {\n      _this.addClass(node, 'exit', 'active');\n\n      if (_this.props.onExiting) {\n        _this.props.onExiting(node);\n      }\n    };\n\n    _this.onExited = function (node) {\n      _this.removeClasses(node, 'exit');\n\n      _this.addClass(node, 'exit', 'done');\n\n      if (_this.props.onExited) {\n        _this.props.onExited(node);\n      }\n    };\n\n    _this.getClassNames = function (type) {\n      var classNames = _this.props.classNames;\n      var isStringClassNames = typeof classNames === 'string';\n      var prefix = isStringClassNames && classNames ? classNames + \"-\" : '';\n      var baseClassName = isStringClassNames ? \"\" + prefix + type : classNames[type];\n      var activeClassName = isStringClassNames ? baseClassName + \"-active\" : classNames[type + \"Active\"];\n      var doneClassName = isStringClassNames ? baseClassName + \"-done\" : classNames[type + \"Done\"];\n      return {\n        baseClassName: baseClassName,\n        activeClassName: activeClassName,\n        doneClassName: doneClassName\n      };\n    };\n\n    return _this;\n  }\n\n  var _proto = CSSTransition.prototype;\n\n  _proto.addClass = function addClass(node, type, phase) {\n    var className = this.getClassNames(type)[phase + \"ClassName\"];\n\n    if (type === 'appear' && phase === 'done') {\n      className += \" \" + this.getClassNames('enter').doneClassName;\n    } // This is for to force a repaint,\n    // which is necessary in order to transition styles when adding a class name.\n\n\n    if (phase === 'active') {\n      /* eslint-disable no-unused-expressions */\n      node && node.scrollTop;\n    }\n\n    this.appliedClasses[type][phase] = className;\n\n    _addClass(node, className);\n  };\n\n  _proto.removeClasses = function removeClasses(node, type) {\n    var _this$appliedClasses$ = this.appliedClasses[type],\n        baseClassName = _this$appliedClasses$.base,\n        activeClassName = _this$appliedClasses$.active,\n        doneClassName = _this$appliedClasses$.done;\n    this.appliedClasses[type] = {};\n\n    if (baseClassName) {\n      removeClass(node, baseClassName);\n    }\n\n    if (activeClassName) {\n      removeClass(node, activeClassName);\n    }\n\n    if (doneClassName) {\n      removeClass(node, doneClassName);\n    }\n  };\n\n  _proto.render = function render() {\n    var _this$props = this.props,\n        _ = _this$props.classNames,\n        props = _objectWithoutPropertiesLoose(_this$props, [\"classNames\"]);\n\n    return React.createElement(Transition, _extends({}, props, {\n      onEnter: this.onEnter,\n      onEntered: this.onEntered,\n      onEntering: this.onEntering,\n      onExit: this.onExit,\n      onExiting: this.onExiting,\n      onExited: this.onExited\n    }));\n  };\n\n  return CSSTransition;\n}(React.Component);\n\nCSSTransition.defaultProps = {\n  classNames: ''\n};\nCSSTransition.propTypes = process.env.NODE_ENV !== \"production\" ? _extends({}, Transition.propTypes, {\n  /**\n   * The animation classNames applied to the component as it appears, enters,\n   * exits or has finished the transition. A single name can be provided and it\n   * will be suffixed for each stage: e.g.\n   *\n   * `classNames=\"fade\"` applies `fade-appear`, `fade-appear-active`,\n   * `fade-appear-done`, `fade-enter`, `fade-enter-active`, `fade-enter-done`,\n   * `fade-exit`, `fade-exit-active`, and `fade-exit-done`.\n   *\n   * **Note**: `fade-appear-done` and `fade-enter-done` will _both_ be applied.\n   * This allows you to define different behavior for when appearing is done and\n   * when regular entering is done, using selectors like\n   * `.fade-enter-done:not(.fade-appear-done)`. For example, you could apply an\n   * epic entrance animation when element first appears in the DOM using\n   * [Animate.css](https://daneden.github.io/animate.css/). Otherwise you can\n   * simply use `fade-enter-done` for defining both cases.\n   *\n   * Each individual classNames can also be specified independently like:\n   *\n   * ```js\n   * classNames={{\n   *  appear: 'my-appear',\n   *  appearActive: 'my-active-appear',\n   *  appearDone: 'my-done-appear',\n   *  enter: 'my-enter',\n   *  enterActive: 'my-active-enter',\n   *  enterDone: 'my-done-enter',\n   *  exit: 'my-exit',\n   *  exitActive: 'my-active-exit',\n   *  exitDone: 'my-done-exit',\n   * }}\n   * ```\n   *\n   * If you want to set these classes using CSS Modules:\n   *\n   * ```js\n   * import styles from './styles.css';\n   * ```\n   *\n   * you might want to use camelCase in your CSS file, that way could simply\n   * spread them instead of listing them one by one:\n   *\n   * ```js\n   * classNames={{ ...styles }}\n   * ```\n   *\n   * @type {string | {\n   *  appear?: string,\n   *  appearActive?: string,\n   *  appearDone?: string,\n   *  enter?: string,\n   *  enterActive?: string,\n   *  enterDone?: string,\n   *  exit?: string,\n   *  exitActive?: string,\n   *  exitDone?: string,\n   * }}\n   */\n  classNames: classNamesShape,\n\n  /**\n   * A `<Transition>` callback fired immediately after the 'enter' or 'appear' class is\n   * applied.\n   *\n   * @type Function(node: HtmlElement, isAppearing: bool)\n   */\n  onEnter: PropTypes.func,\n\n  /**\n   * A `<Transition>` callback fired immediately after the 'enter-active' or\n   * 'appear-active' class is applied.\n   *\n   * @type Function(node: HtmlElement, isAppearing: bool)\n   */\n  onEntering: PropTypes.func,\n\n  /**\n   * A `<Transition>` callback fired immediately after the 'enter' or\n   * 'appear' classes are **removed** and the `done` class is added to the DOM node.\n   *\n   * @type Function(node: HtmlElement, isAppearing: bool)\n   */\n  onEntered: PropTypes.func,\n\n  /**\n   * A `<Transition>` callback fired immediately after the 'exit' class is\n   * applied.\n   *\n   * @type Function(node: HtmlElement)\n   */\n  onExit: PropTypes.func,\n\n  /**\n   * A `<Transition>` callback fired immediately after the 'exit-active' is applied.\n   *\n   * @type Function(node: HtmlElement)\n   */\n  onExiting: PropTypes.func,\n\n  /**\n   * A `<Transition>` callback fired immediately after the 'exit' classes\n   * are **removed** and the `exit-done` class is added to the DOM node.\n   *\n   * @type Function(node: HtmlElement)\n   */\n  onExited: PropTypes.func\n}) : {};\nexport default CSSTransition;","import hasClass from './hasClass';\n/**\n * Adds a CSS class to a given element.\n * \n * @param element the element\n * @param className the CSS class name\n */\n\nexport default function addClass(element, className) {\n  if (element.classList) element.classList.add(className);else if (!hasClass(element, className)) if (typeof element.className === 'string') element.className = element.className + \" \" + className;else element.setAttribute('class', (element.className && element.className.baseVal || '') + \" \" + className);\n}","/**\n * Checks if a given element has a CSS class.\n * \n * @param element the element\n * @param className the CSS class name\n */\nexport default function hasClass(element, className) {\n  if (element.classList) return !!className && element.classList.contains(className);\n  return (\" \" + (element.className.baseVal || element.className) + \" \").indexOf(\" \" + className + \" \") !== -1;\n}","\"use strict\";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9985],{39985:function(e,t,n){n.r(t),n.d(t,{default:function(){return E}});var s=n(930),r=n.n(s),a=n(67294),o=n(83824),i=n(94184),l=n.n(i),c=n(68665),u=n(61986),p=n(71357),d=n(5152),f=n.n(d),v=n(47322),m=n(85893);function h(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,s)}return n}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){r()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var x=f()((function(){return Promise.all([n.e(1664),n.e(4658)]).then(n.bind(n,14658))}),{loadableGenerated:{webpack:function(){return[14658]}}}),w=f()((function(){return n.e(7363).then(n.bind(n,37363))}),{loadableGenerated:{webpack:function(){return[37363]}}});function E(e){var t=e.products,n=e.seeMoreProductsText,s=e.seeLessProductsText,r=e.whiteText,i=e.itemsPerRow,d=e.onClickCallback,f=e.productOverview,h=e.isRecentlyViewed,E=e.removeLazyLoad,g=(0,a.useState)(!1),C=g[0],y=g[1],j=(0,a.useState)(0),N=j[0],O=j[1],k=(0,a.useState)(!1),S=k[0],L=k[1],P=(0,a.useRef)(null),A=(0,a.useRef)(null),R=(0,a.useState)(!1),T=R[0],M=R[1],_=(0,a.useCallback)((function(){y((function(e){return!e}))}),[]),D=(0,a.useCallback)((function(){M(!0)}),[]),V=(0,a.useCallback)((function(){P.current&&O(P.current.scrollHeight)}),[]);(0,p.LI)((function(){if((null==A?void 0:A.current)&&S&&!h){var e,t,n=\".ob-products-overview__overview-image-wrapper-1\",s=Array.from(null==A||null==(e=A.current)?void 0:e.children),r=0;return t=window.setTimeout((function(){s.forEach((function(e){if(!e.classList.contains(\"ob-collapsible-products-overview-see-more-wrapper\")){var t=Array.from(e.children);t.forEach((function(e){if(e.classList.contains(\"ob-collapsible-products-overview-collapsible\")){var t=Array.from(e.children),s=0;t.forEach((function(e){var t=e.querySelector(n).clientHeight;s=t>s?t:s})),t.forEach((function(e){e.querySelector(n).style.height=\"\".concat(s,\"px\")}))}var a=e.querySelector(n).clientHeight;r=a>r?a:r})),t.forEach((function(e){e.querySelector(n).style.height=\"\".concat(r,\"px\")}))}}))}),500),function(){window.clearTimeout(t)}}}),[S,C]);var Z=(0,a.useMemo)((function(){return\"\".concat((100/i).toFixed(2),\"%\")}),[i]),q=(0,a.useMemo)((function(){return function(e,t){return(0,u.yo)(e,t).map((function(e){var t=e.map((function(e){var t,n,s,r,a,o,i;(null==e||null==(t=e.fields)||null==(n=t.mainAsset)?void 0:n.fields)&&(e.fields.mainAsset.fields.isPreload=!1),null==e||null==(s=e.fields)||null==(r=s.mainAsset)||null==(a=r.fields)||null==(o=a.imageRendition)||null==(i=o.fields)||i.aspectRatio}));return{aspectRatio:(0,u.LT)(t),items:e}})).map((function(e){var t=e.aspectRatio&&Math.max(e.aspectRatio,.4);return b(b({},e),{},{aspectRatio:t})}))}(t,i)}),[t,i]),H=(0,a.useMemo)((function(){return q.length>0&&q[0]}),[q]),$=(0,a.useMemo)((function(){return q.length>1?q.slice(1):void 0}),[q]),z=(0,a.useCallback)((function(e){var t=e.row,n=e.isShown,s=e.isAnimated,o=void 0!==s&&s;return(0,m.jsx)(m.Fragment,{children:t.items.map((function(e,s){return(0,m.jsx)(\"div\",{style:{width:Z},className:\"ob-collapsible-products-overview-product-wrapper\",children:(0,m.jsx)(a.Suspense,{fallback:(0,m.jsx)(v.default,{}),children:(0,m.jsx)(x,{product:e,whiteText:r,aspectRatio:t.aspectRatio,index:s,isShown:n,isRecentlyViewed:h,isAnimated:o,removeLazyLoad:E,onClickCallback:d,productOverview:f})})},s)}))})}),[Z,r]);return(0,m.jsx)(a.Suspense,{fallback:(0,m.jsx)(v.default,{}),children:(0,m.jsx)(c.Z,{in:C,timeout:800,onEntering:V,onExit:V,children:(0,m.jsxs)(\"div\",{ref:A,className:l()(\"ob-collapsible-products-overview\"),onLoad:function(){return L(!0)},children:[!!H&&(0,m.jsx)(o.h,{onEnter:D,topOffset:\"500px\",bottomOffset:\"300px\",children:(0,m.jsx)(\"div\",{className:\"ob-collapsible-products-overview-first-line\",children:(0,m.jsx)(z,{row:H,isShown:T,isAnimated:!0})})}),!!$&&(0,m.jsx)(\"div\",{className:\"ob-collapsible-products-overview-collapsible-wrapper\",style:{height:N},children:(0,m.jsx)(\"div\",{className:\"ob-collapsible-products-overview-collapsible\",ref:P,children:$.map((function(e,t){return(0,m.jsx)(a.Suspense,{fallback:(0,m.jsx)(v.default,{}),children:(0,m.jsx)(z,{isShown:!0,row:e,isAnimated:!0},t)})}))})}),!!$&&!!n&&(0,m.jsx)(\"div\",{className:\"ob-collapsible-products-overview-see-more-wrapper\",children:(0,m.jsx)(a.Suspense,{fallback:(0,m.jsx)(v.default,{}),children:(0,m.jsx)(w,{whiteText:r,onClick:_,isOpen:C,seeMoreText:n,seeLessText:s})})})]})})})}E.defaultProps={products:[]}},68665:function(e,t,n){function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var s in n)({}).hasOwnProperty.call(n,s)&&(e[s]=n[s])}return e}).apply(null,arguments)}n.d(t,{Z:function(){return p}});var r=n(63366),a=n(75068);n(45697);function o(e,t){return e.replace(new RegExp(\"(^|\\\\s)\"+t+\"(?:\\\\s|$)\",\"g\"),\"$1\").replace(/\\s+/g,\" \").replace(/^\\s*|\\s*$/g,\"\")}var i=n(67294),l=n(39325),c=function(e,t){return e&&t&&t.split(\" \").forEach((function(t){return s=t,void((n=e).classList?n.classList.remove(s):\"string\"==typeof n.className?n.className=o(n.className,s):n.setAttribute(\"class\",o(n.className&&n.className.baseVal||\"\",s)));var n,s}))},u=function(e){function t(){for(var t,n=arguments.length,s=new Array(n),r=0;r<n;r++)s[r]=arguments[r];return(t=e.call.apply(e,[this].concat(s))||this).appliedClasses={appear:{},enter:{},exit:{}},t.onEnter=function(e,n){t.removeClasses(e,\"exit\"),t.addClass(e,n?\"appear\":\"enter\",\"base\"),t.props.onEnter&&t.props.onEnter(e,n)},t.onEntering=function(e,n){var s=n?\"appear\":\"enter\";t.addClass(e,s,\"active\"),t.props.onEntering&&t.props.onEntering(e,n)},t.onEntered=function(e,n){var s=n?\"appear\":\"enter\";t.removeClasses(e,s),t.addClass(e,s,\"done\"),t.props.onEntered&&t.props.onEntered(e,n)},t.onExit=function(e){t.removeClasses(e,\"appear\"),t.removeClasses(e,\"enter\"),t.addClass(e,\"exit\",\"base\"),t.props.onExit&&t.props.onExit(e)},t.onExiting=function(e){t.addClass(e,\"exit\",\"active\"),t.props.onExiting&&t.props.onExiting(e)},t.onExited=function(e){t.removeClasses(e,\"exit\"),t.addClass(e,\"exit\",\"done\"),t.props.onExited&&t.props.onExited(e)},t.getClassNames=function(e){var n=t.props.classNames,s=\"string\"==typeof n,r=s?\"\"+(s&&n?n+\"-\":\"\")+e:n[e];return{baseClassName:r,activeClassName:s?r+\"-active\":n[e+\"Active\"],doneClassName:s?r+\"-done\":n[e+\"Done\"]}},t}(0,a.Z)(t,e);var n=t.prototype;return n.addClass=function(e,t,n){var s=this.getClassNames(t)[n+\"ClassName\"];\"appear\"===t&&\"done\"===n&&(s+=\" \"+this.getClassNames(\"enter\").doneClassName),\"active\"===n&&e&&e.scrollTop,this.appliedClasses[t][n]=s,function(e,t){e&&t&&t.split(\" \").forEach((function(t){return s=t,void((n=e).classList?n.classList.add(s):function(e,t){return e.classList?!!t&&e.classList.contains(t):-1!==(\" \"+(e.className.baseVal||e.className)+\" \").indexOf(\" \"+t+\" \")}(n,s)||(\"string\"==typeof n.className?n.className=n.className+\" \"+s:n.setAttribute(\"class\",(n.className&&n.className.baseVal||\"\")+\" \"+s)));var n,s}))}(e,s)},n.removeClasses=function(e,t){var n=this.appliedClasses[t],s=n.base,r=n.active,a=n.done;this.appliedClasses[t]={},s&&c(e,s),r&&c(e,r),a&&c(e,a)},n.render=function(){var e=this.props,t=(e.classNames,(0,r.Z)(e,[\"classNames\"]));return i.createElement(l.ZP,s({},t,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},t}(i.Component);u.defaultProps={classNames:\"\"},u.propTypes={};var p=u}}]);"],"names":["self","webpackChunk_N_E","push","e","t","n","r","d","default","E","s","a","o","i","l","c","u","p","f","v","m","h","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","apply","b","arguments","length","forEach","getOwnPropertyDescriptors","defineProperties","defineProperty","x","Promise","all","then","bind","loadableGenerated","webpack","w","products","seeMoreProductsText","seeLessProductsText","whiteText","itemsPerRow","onClickCallback","productOverview","isRecentlyViewed","removeLazyLoad","g","useState","C","y","j","N","O","k","S","L","P","useRef","A","R","T","M","_","useCallback","D","V","current","scrollHeight","LI","Array","from","children","window","setTimeout","classList","contains","querySelector","clientHeight","style","height","concat","clearTimeout","Z","useMemo","toFixed","q","yo","map","fields","mainAsset","isPreload","imageRendition","aspectRatio","LT","items","Math","max","H","$","slice","z","row","isShown","isAnimated","jsx","Fragment","width","className","Suspense","fallback","product","index","in","timeout","onEntering","onExit","jsxs","ref","onLoad","onEnter","topOffset","bottomOffset","onClick","isOpen","seeMoreText","seeLessText","defaultProps","assign","hasOwnProperty","call","replace","split","remove","setAttribute","baseVal","appliedClasses","appear","enter","exit","removeClasses","addClass","props","onEntered","onExiting","onExited","getClassNames","classNames","baseClassName","activeClassName","doneClassName","prototype","scrollTop","add","indexOf","base","active","done","render","createElement","ZP","Component","propTypes"],"sourceRoot":""}