{"version":3,"file":"static/chunks/8177.2e593c50ab1a4c5d.js","mappings":"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","sources":["webpack://_N_E/./adapters/helpers/Hooks.js","webpack://_N_E/./adapters/helpers/pagespeedHelper.js","webpack://_N_E/./components/ProductRecommenderABtest/ProductRecommenderABtest.js","webpack://_N_E/"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect } from 'react';\n\n// https://github.com/streamich/react-use/blob/master/docs/useIsomorphicLayoutEffect.md\nexport const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport function useMatchMedia(mediaQueryString, initialValue = null) {\n const [match, setMatch] = useState(initialValue);\n\n useEffect(\n () => {\n if(!window.matchMedia) {\n return;\n }\n\n function handleMatch(event) {\n setMatch(event.matches);\n }\n\n const matchMedia = window.matchMedia(mediaQueryString);\n\n setMatch(matchMedia.matches);\n matchMedia.addListener(handleMatch);\n\n return () => {\n matchMedia.removeListener(handleMatch);\n };\n },\n [mediaQueryString]\n );\n\n return match;\n}\n\nexport const mediaQueryHOC = (Component) => {\n function MediaQueryHOC(props) {\n const isXSmall = useMatchMedia('(max-width: 375px)');\n const isSmall = useMatchMedia('(max-width: 479px)');\n const isMedium = useMatchMedia('(max-width: 767px)');\n const isLarge = useMatchMedia('(max-width: 991px)');\n const isXLarge = useMatchMedia('(max-width: 1023px)');\n return (\n \n );\n }\n return MediaQueryHOC;\n};\n\nlet listeners = [];\nlet state = { currentProductIndex: 0};\n\n\nconst setState = (newState) => {\n state = { ...state, ...newState };\n listeners.forEach((listener) => {\n listener(state);\n });\n};\n\nexport const updateCurrentProductIndex = () => {\n const newListener = useState()[1];\n useEffect(() => {\n listeners.push(newListener);\n }, []);\n return [state, setState];\n};\n","export const optimizeImage = (imageUrl, imageFormatValue, imageQualityValue) => {\n let imageFormat = imageFormatValue ? imageFormatValue : 'webp';\n let imageQuality = imageQualityValue ? imageQualityValue : 85;\n if((imageUrl !== undefined) && (imageUrl !== null) && (imageUrl.includes('images.ctfassets.net')) && (imageUrl.includes('fm=webp') == false) && (imageUrl.includes('.svg') == false)) {\n if(imageUrl?.includes('https')) {\n if(imageUrl?.includes('?') ) {\n imageUrl = imageUrl + `&fm=${imageFormat}` + `&q=${imageQuality}`;\n }\n else {\n imageUrl = imageUrl + `?fm=${imageFormat}` + `&q=${imageQuality}`;\n }\n }\n else {\n imageUrl = 'https:' + imageUrl\n if(imageUrl?.includes('?')) {\n imageUrl = imageUrl + `&fm=${imageFormat}` + `&q=${imageQuality}`;\n }\n else {\n imageUrl = imageUrl + `?fm=${imageFormat}` + `&q=${imageQuality}`;\n }\n }\n }\n return imageUrl;\n}","import PropTypes from 'prop-types';\nimport React, { useState, useEffect, useRef } from 'react';\nimport Slider from 'react-slick';\nimport dynamic from 'next/dynamic';\nconst SeriesComparisonItem = dynamic(() => import('./SeriesComparisonItem'));\nimport { mediaQueryHOC } from '../../adapters/helpers/Hooks';\nimport LazyLoad from 'react-lazyload';\nconst Image = dynamic(() => import('../Image/Image'));\nimport { optimizeImage } from '../../adapters/helpers/pagespeedHelper';\n\nfunction ProductRecommenderABtest(props) {\n const { document: doc, onClickCallback, isMedium, isXXLarge,isSmall,isXSmall, isLarge, className } = props;\n const isDesktopCarousel = doc?.fields?.isCarouselDesktop;\n const leftArrow = doc?.fields?.arrowLeft;\n const rightArrow = doc?.fields?.arrowRight;\n\n const sliderRef = useRef(null)\n const [currentIndex, setCurrentIndex] = useState(0);\n const [sliderSettings, setSliderSettings] = useState( {\n arrows: false,\n slidesToShow: 1,\n slidesToScroll: 1,\n speed: 1000,\n infinite: true,\n lazyLoad: false,\n autoplay: false,\n prevArrow: false,\n nextArrow: false,\n autoplaySpeed: 6000,\n dots: true,\n centerMode: true,\n centerPadding: '40px'\n })\n const desktopCarouselSettings = {\n arrows: false,\n slidesToShow: 3,\n slidesToScroll: 3,\n speed: 1000,\n infinite: false,\n lazyLoad: false,\n autoplay: false,\n dots: false,\n beforeChange: (current, next) => setCurrentIndex(next)\n };\n useEffect(() => {\n const screenWidth = window.innerWidth;\n const breakpoints = [\n { max: 360, padding: '28px' },\n { max: 376, padding: '35px' },\n { max: 390, padding: '40px' },\n { max: 414, padding: '53px' },\n { max: 430, padding: '60px' },\n ];\n const breakpoint = breakpoints.find(b => screenWidth <= b.max) || { padding: '40px' };\n setSliderSettings({ ...sliderSettings, centerPadding: breakpoint.padding });\n}, []);\n\n const desktopSliderComponent = () => {\n return (\n
\n {currentIndex !== 0 && }\n \n {doc?.fields?.product?.map((productItem, i) => (\n
\n
\n \n
\n
\n ))}\n \n {doc?.fields?.product.length > 3 && currentIndex !== doc?.fields?.product.length - 3 && }\n
\n );\n };\n \n const sliderComponent = () => {\n return (\n \n {doc?.fields?.product?.map((productItem, i) => (\n
\n
  • \n \n
    • \n
    \n ))}\n     \n );\n };\n\n return (\n \n
    \n \n
    \n {doc?.fields?.title &&\n

    \n
    {doc?.fields?.title}
    \n

    }\n {doc?.fields?.subtitle &&
    {doc?.fields?.subtitle}
    }\n
    \n {(isMedium || isXSmall || isSmall) && (\n <>{sliderComponent()}\n )}\n {(!isMedium && !isXSmall && !isSmall) && isDesktopCarousel && (\n <>{desktopSliderComponent()}\n )}\n {(!isMedium && !isXSmall && !isSmall) && !isDesktopCarousel && (\n
      \n {doc?.fields?.product?.map((productItem, i) => (\n
    • \n \n
      • \n ))}\n \n
    )}\n
    \n {doc?.fields?.seeAllProductsLinks &&
    }\n
    \n \n
    \n \n );\n}\nexport default mediaQueryHOC(ProductRecommenderABtest);\nProductRecommenderABtest.propTypes = {\n document: PropTypes.any,\n products: PropTypes.any,\n selectedSeries: PropTypes.object,\n onClickCallback: PropTypes.func,\n isMedium: PropTypes.bool,\n isLarge: PropTypes.bool,\n};\n","\"use strict\";\n(self[\"webpackChunk_N_E\"] = self[\"webpackChunk_N_E\"] || []).push([[8177],{\n\n/***/ 71357:\n/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {\n\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"LI\": function() { return /* binding */ useIsomorphicLayoutEffect; },\n/* harmony export */ \"Ui\": function() { return /* binding */ mediaQueryHOC; },\n/* harmony export */ \"ag\": function() { return /* binding */ useMatchMedia; },\n/* harmony export */ \"y3\": function() { return /* binding */ updateCurrentProductIndex; }\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(47941);\n/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(82526);\n/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(57327);\n/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(38880);\n/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(54747);\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(49337);\n/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var core_js_modules_es_object_define_properties_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(33321);\n/* harmony import */ var core_js_modules_es_object_define_properties_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_define_properties_js__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(69070);\n/* harmony import */ var core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_defineProperty_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(930);\n/* harmony import */ var _home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_defineProperty_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_defineProperty_js__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var core_js_modules_es_array_for_each_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(89554);\n/* harmony import */ var core_js_modules_es_array_for_each_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_for_each_js__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(41539);\n/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(67294);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(85893);\n\n\n\n\n\n\n\n\n\n\n\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_defineProperty_js__WEBPACK_IMPORTED_MODULE_8___default()(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n // https://github.com/streamich/react-use/blob/master/docs/useIsomorphicLayoutEffect.md\n\n\nvar useIsomorphicLayoutEffect = true ? react__WEBPACK_IMPORTED_MODULE_11__.useLayoutEffect : 0;\nfunction useMatchMedia(mediaQueryString) {\n var initialValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;\n\n var _useState = (0,react__WEBPACK_IMPORTED_MODULE_11__.useState)(initialValue),\n match = _useState[0],\n setMatch = _useState[1];\n\n (0,react__WEBPACK_IMPORTED_MODULE_11__.useEffect)(function () {\n if (!window.matchMedia) {\n return;\n }\n\n function handleMatch(event) {\n setMatch(event.matches);\n }\n\n var matchMedia = window.matchMedia(mediaQueryString);\n setMatch(matchMedia.matches);\n matchMedia.addListener(handleMatch);\n return function () {\n matchMedia.removeListener(handleMatch);\n };\n }, [mediaQueryString]);\n return match;\n}\nvar mediaQueryHOC = function mediaQueryHOC(Component) {\n function MediaQueryHOC(props) {\n var isXSmall = useMatchMedia('(max-width: 375px)');\n var isSmall = useMatchMedia('(max-width: 479px)');\n var isMedium = useMatchMedia('(max-width: 767px)');\n var isLarge = useMatchMedia('(max-width: 991px)');\n var isXLarge = useMatchMedia('(max-width: 1023px)');\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(Component, _objectSpread({\n isXSmall: isXSmall,\n isSmall: isSmall,\n isMedium: isMedium,\n isLarge: isLarge,\n isXLarge: isXLarge\n }, props));\n }\n\n return MediaQueryHOC;\n};\nvar listeners = [];\nvar state = {\n currentProductIndex: 0\n};\n\nvar setState = function setState(newState) {\n state = _objectSpread(_objectSpread({}, state), newState);\n listeners.forEach(function (listener) {\n listener(state);\n });\n};\n\nvar updateCurrentProductIndex = function updateCurrentProductIndex() {\n var newListener = (0,react__WEBPACK_IMPORTED_MODULE_11__.useState)()[1];\n (0,react__WEBPACK_IMPORTED_MODULE_11__.useEffect)(function () {\n listeners.push(newListener);\n }, []);\n return [state, setState];\n};\n\n/***/ }),\n\n/***/ 19271:\n/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {\n\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"H\": function() { return /* binding */ optimizeImage; }\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(26699);\n/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(32023);\n/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_1__);\n\n\nvar optimizeImage = function optimizeImage(imageUrl, imageFormatValue, imageQualityValue) {\n var imageFormat = imageFormatValue ? imageFormatValue : 'webp';\n var imageQuality = imageQualityValue ? imageQualityValue : 85;\n\n if (imageUrl !== undefined && imageUrl !== null && imageUrl.includes('images.ctfassets.net') && imageUrl.includes('fm=webp') == false && imageUrl.includes('.svg') == false) {\n var _imageUrl;\n\n if ((_imageUrl = imageUrl) == null ? void 0 : _imageUrl.includes('https')) {\n var _imageUrl2;\n\n if ((_imageUrl2 = imageUrl) == null ? void 0 : _imageUrl2.includes('?')) {\n imageUrl = imageUrl + \"&fm=\".concat(imageFormat) + \"&q=\".concat(imageQuality);\n } else {\n imageUrl = imageUrl + \"?fm=\".concat(imageFormat) + \"&q=\".concat(imageQuality);\n }\n } else {\n var _imageUrl3;\n\n imageUrl = 'https:' + imageUrl;\n\n if ((_imageUrl3 = imageUrl) == null ? void 0 : _imageUrl3.includes('?')) {\n imageUrl = imageUrl + \"&fm=\".concat(imageFormat) + \"&q=\".concat(imageQuality);\n } else {\n imageUrl = imageUrl + \"?fm=\".concat(imageFormat) + \"&q=\".concat(imageQuality);\n }\n }\n }\n\n return imageUrl;\n};\n\n/***/ }),\n\n/***/ 88177:\n/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {\n\n__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(47941);\n/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(82526);\n/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(57327);\n/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(38880);\n/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_array_for_each_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(89554);\n/* harmony import */ var core_js_modules_es_array_for_each_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_for_each_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(54747);\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(49337);\n/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var core_js_modules_es_object_define_properties_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(33321);\n/* harmony import */ var core_js_modules_es_object_define_properties_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_define_properties_js__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(69070);\n/* harmony import */ var core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var _home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_defineProperty_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(930);\n/* harmony import */ var _home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_defineProperty_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_defineProperty_js__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(41539);\n/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(88674);\n/* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(69826);\n/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(21249);\n/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_13__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(67294);\n/* harmony import */ var react_slick__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(46066);\n/* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(5152);\n/* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(next_dynamic__WEBPACK_IMPORTED_MODULE_16__);\n/* harmony import */ var _adapters_helpers_Hooks__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(71357);\n/* harmony import */ var react_lazyload__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(1216);\n/* harmony import */ var _adapters_helpers_pagespeedHelper__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(19271);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(85893);\n\n\n\n\n\n\n\n\n\n\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_defineProperty_js__WEBPACK_IMPORTED_MODULE_9___default()(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\n\n\n\n\n\nvar SeriesComparisonItem = next_dynamic__WEBPACK_IMPORTED_MODULE_16___default()(function () {\n return Promise.all(/* import() */[__webpack_require__.e(4885), __webpack_require__.e(8765), __webpack_require__.e(8996), __webpack_require__.e(7059)]).then(__webpack_require__.bind(__webpack_require__, 87059));\n}, {\n loadableGenerated: {\n webpack: function webpack() {\n return [/*require.resolve*/(87059)];\n }\n }\n});\n\n\nvar Image = next_dynamic__WEBPACK_IMPORTED_MODULE_16___default()(function () {\n return __webpack_require__.e(/* import() */ 8084).then(__webpack_require__.bind(__webpack_require__, 48084));\n}, {\n loadableGenerated: {\n webpack: function webpack() {\n return [/*require.resolve*/(48084)];\n }\n }\n});\n\n\n\n\n\nfunction ProductRecommenderABtest(props) {\n var _doc$fields, _doc$fields2, _doc$fields3, _doc$fields10, _doc$fields11, _doc$fields12, _doc$fields13, _doc$fields14, _doc$fields15, _doc$fields16, _doc$fields16$product, _doc$fields18, _doc$fields19;\n\n var doc = props.document,\n onClickCallback = props.onClickCallback,\n isMedium = props.isMedium,\n isXXLarge = props.isXXLarge,\n isSmall = props.isSmall,\n isXSmall = props.isXSmall,\n isLarge = props.isLarge,\n className = props.className;\n var isDesktopCarousel = doc == null ? void 0 : (_doc$fields = doc.fields) == null ? void 0 : _doc$fields.isCarouselDesktop;\n var leftArrow = doc == null ? void 0 : (_doc$fields2 = doc.fields) == null ? void 0 : _doc$fields2.arrowLeft;\n var rightArrow = doc == null ? void 0 : (_doc$fields3 = doc.fields) == null ? void 0 : _doc$fields3.arrowRight;\n var sliderRef = (0,react__WEBPACK_IMPORTED_MODULE_14__.useRef)(null);\n\n var _useState = (0,react__WEBPACK_IMPORTED_MODULE_14__.useState)(0),\n currentIndex = _useState[0],\n setCurrentIndex = _useState[1];\n\n var _useState2 = (0,react__WEBPACK_IMPORTED_MODULE_14__.useState)({\n arrows: false,\n slidesToShow: 1,\n slidesToScroll: 1,\n speed: 1000,\n infinite: true,\n lazyLoad: false,\n autoplay: false,\n prevArrow: false,\n nextArrow: false,\n autoplaySpeed: 6000,\n dots: true,\n centerMode: true,\n centerPadding: '40px'\n }),\n sliderSettings = _useState2[0],\n setSliderSettings = _useState2[1];\n\n var desktopCarouselSettings = {\n arrows: false,\n slidesToShow: 3,\n slidesToScroll: 3,\n speed: 1000,\n infinite: false,\n lazyLoad: false,\n autoplay: false,\n dots: false,\n beforeChange: function beforeChange(current, next) {\n return setCurrentIndex(next);\n }\n };\n (0,react__WEBPACK_IMPORTED_MODULE_14__.useEffect)(function () {\n var screenWidth = window.innerWidth;\n var breakpoints = [{\n max: 360,\n padding: '28px'\n }, {\n max: 376,\n padding: '35px'\n }, {\n max: 390,\n padding: '40px'\n }, {\n max: 414,\n padding: '53px'\n }, {\n max: 430,\n padding: '60px'\n }];\n var breakpoint = breakpoints.find(function (b) {\n return screenWidth <= b.max;\n }) || {\n padding: '40px'\n };\n setSliderSettings(_objectSpread(_objectSpread({}, sliderSettings), {}, {\n centerPadding: breakpoint.padding\n }));\n }, []);\n\n var desktopSliderComponent = function desktopSliderComponent() {\n var _leftArrow$fields, _leftArrow$fields$fil, _doc$fields4, _doc$fields4$product, _doc$fields6, _doc$fields7, _rightArrow$fields, _rightArrow$fields$fi;\n\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsxs)(\"div\", {\n className: \"ob-desktop-product-slider\",\n children: [currentIndex !== 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(\"button\", {\n className: \"ob-carousel-left-arrow\",\n tabIndex: 0,\n onClick: function onClick() {\n return sliderRef.current.slickGoTo(currentIndex - 1);\n },\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(\"img\", {\n src: (0,_adapters_helpers_pagespeedHelper__WEBPACK_IMPORTED_MODULE_19__/* .optimizeImage */ .H)(leftArrow == null ? void 0 : (_leftArrow$fields = leftArrow.fields) == null ? void 0 : (_leftArrow$fields$fil = _leftArrow$fields.file) == null ? void 0 : _leftArrow$fields$fil.url),\n alt: \"Left Arrow\"\n })\n }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_slick__WEBPACK_IMPORTED_MODULE_15__/* [\"default\"] */ .Z, _objectSpread(_objectSpread({\n \"aria-hidden\": false,\n ref: sliderRef\n }, desktopCarouselSettings), {}, {\n children: doc == null ? void 0 : (_doc$fields4 = doc.fields) == null ? void 0 : (_doc$fields4$product = _doc$fields4.product) == null ? void 0 : _doc$fields4$product.map(function (productItem, i) {\n var _doc$fields5;\n\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(\"div\", {\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(\"div\", {\n className: \"ob-series-comparison__item\",\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(SeriesComparisonItem, {\n document: doc,\n isMedium: isMedium,\n isSmall: isSmall,\n isXSmall: isXSmall,\n product: productItem,\n onClickCallback: onClickCallback ? onClickCallback : doc == null ? void 0 : (_doc$fields5 = doc.fields) == null ? void 0 : _doc$fields5.onClickCallback\n })\n }, i)\n }, i);\n })\n })), (doc == null ? void 0 : (_doc$fields6 = doc.fields) == null ? void 0 : _doc$fields6.product.length) > 3 && currentIndex !== (doc == null ? void 0 : (_doc$fields7 = doc.fields) == null ? void 0 : _doc$fields7.product.length) - 3 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(\"button\", {\n className: \"ob-carousel-right-arrow\",\n onClick: function onClick() {\n return sliderRef.current.slickGoTo(currentIndex + 1);\n },\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(\"img\", {\n src: (0,_adapters_helpers_pagespeedHelper__WEBPACK_IMPORTED_MODULE_19__/* .optimizeImage */ .H)(rightArrow == null ? void 0 : (_rightArrow$fields = rightArrow.fields) == null ? void 0 : (_rightArrow$fields$fi = _rightArrow$fields.file) == null ? void 0 : _rightArrow$fields$fi.url),\n alt: \"Left Arrow\"\n })\n })]\n });\n };\n\n var sliderComponent = function sliderComponent() {\n var _doc$fields8, _doc$fields8$product;\n\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_slick__WEBPACK_IMPORTED_MODULE_15__/* [\"default\"] */ .Z, _objectSpread(_objectSpread({}, sliderSettings), {}, {\n children: doc == null ? void 0 : (_doc$fields8 = doc.fields) == null ? void 0 : (_doc$fields8$product = _doc$fields8.product) == null ? void 0 : _doc$fields8$product.map(function (productItem, i) {\n var _doc$fields9;\n\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(\"div\", {\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(\"li\", {\n className: \"ob-series-comparison__item\",\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(SeriesComparisonItem, {\n document: doc,\n isMedium: isMedium,\n isSmall: isSmall,\n isXSmall: isXSmall,\n product: productItem,\n onClickCallback: onClickCallback ? onClickCallback : doc == null ? void 0 : (_doc$fields9 = doc.fields) == null ? void 0 : _doc$fields9.onClickCallback\n })\n }, i)\n }, i);\n })\n }));\n };\n\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_lazyload__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n offset: 100,\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(\"div\", {\n className: \"product-recommender-ab-test \".concat(className ? className : ''),\n id: doc == null ? void 0 : (_doc$fields10 = doc.fields) == null ? void 0 : _doc$fields10.anchorId,\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(Image, {\n image: doc == null ? void 0 : (_doc$fields11 = doc.fields) == null ? void 0 : _doc$fields11.backgroundAsset,\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsxs)(\"div\", {\n className: \"ob-series-comparison__sizer\",\n children: [(doc == null ? void 0 : (_doc$fields12 = doc.fields) == null ? void 0 : _doc$fields12.title) && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(\"h2\", {\n className: \"ob-series-comparison__title\",\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(\"div\", {\n children: doc == null ? void 0 : (_doc$fields13 = doc.fields) == null ? void 0 : _doc$fields13.title\n })\n }), (doc == null ? void 0 : (_doc$fields14 = doc.fields) == null ? void 0 : _doc$fields14.subtitle) && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(\"div\", {\n className: \"subtitle-text\",\n children: doc == null ? void 0 : (_doc$fields15 = doc.fields) == null ? void 0 : _doc$fields15.subtitle\n }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsxs)(\"div\", {\n children: [(isMedium || isXSmall || isSmall) && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.Fragment, {\n children: sliderComponent()\n }), !isMedium && !isXSmall && !isSmall && isDesktopCarousel && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.Fragment, {\n children: desktopSliderComponent()\n }), !isMedium && !isXSmall && !isSmall && !isDesktopCarousel && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(\"ul\", {\n className: \"ob-series-comparison__list-product\",\n children: doc == null ? void 0 : (_doc$fields16 = doc.fields) == null ? void 0 : (_doc$fields16$product = _doc$fields16.product) == null ? void 0 : _doc$fields16$product.map(function (productItem, i) {\n var _doc$fields17;\n\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(\"li\", {\n className: \"ob-series-comparison__item\",\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(SeriesComparisonItem, {\n document: doc,\n product: productItem,\n onClickCallback: onClickCallback ? onClickCallback : doc == null ? void 0 : (_doc$fields17 = doc.fields) == null ? void 0 : _doc$fields17.onClickCallback\n })\n }, i);\n })\n })]\n }), (doc == null ? void 0 : (_doc$fields18 = doc.fields) == null ? void 0 : _doc$fields18.seeAllProductsLinks) && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(\"div\", {\n dangerouslySetInnerHTML: {\n __html: doc == null ? void 0 : (_doc$fields19 = doc.fields) == null ? void 0 : _doc$fields19.seeAllProductsLinks\n },\n className: \"see-all-products-conatiner\"\n })]\n })\n })\n })\n });\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ((0,_adapters_helpers_Hooks__WEBPACK_IMPORTED_MODULE_17__/* .mediaQueryHOC */ .Ui)(ProductRecommenderABtest));\n\n/***/ })\n\n}]);"],"names":["self","push","__unused_webpack_module","__webpack_exports__","__webpack_require__","d","useIsomorphicLayoutEffect","mediaQueryHOC","useMatchMedia","updateCurrentProductIndex","_home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_defineProperty_js__WEBPACK_IMPORTED_MODULE_8__","_home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_defineProperty_js__WEBPACK_IMPORTED_MODULE_8___default","n","react__WEBPACK_IMPORTED_MODULE_11__","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","apply","_objectSpread","target","i","arguments","length","source","forEach","key","getOwnPropertyDescriptors","defineProperties","defineProperty","useLayoutEffect","mediaQueryString","initialValue","undefined","_useState","useState","match","setMatch","useEffect","window","matchMedia","matches","addListener","handleMatch","removeListener","event","Component","props","isXSmall","isSmall","isMedium","isLarge","isXLarge","jsx","listeners","state","currentProductIndex","setState","newState","listener","newListener","optimizeImage","imageUrl","imageFormatValue","imageQualityValue","_imageUrl","_imageUrl2","imageFormat","imageQuality","includes","concat","_imageUrl3","r","_home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_defineProperty_js__WEBPACK_IMPORTED_MODULE_9__","_home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_defineProperty_js__WEBPACK_IMPORTED_MODULE_9___default","react__WEBPACK_IMPORTED_MODULE_14__","react_slick__WEBPACK_IMPORTED_MODULE_15__","next_dynamic__WEBPACK_IMPORTED_MODULE_16__","next_dynamic__WEBPACK_IMPORTED_MODULE_16___default","_adapters_helpers_Hooks__WEBPACK_IMPORTED_MODULE_17__","react_lazyload__WEBPACK_IMPORTED_MODULE_18__","_adapters_helpers_pagespeedHelper__WEBPACK_IMPORTED_MODULE_19__","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__","SeriesComparisonItem","Promise","all","e","then","bind","loadableGenerated","webpack","Image","Ui","_doc$fields8","_doc$fields8$product","_leftArrow$fields","_leftArrow$fields$fil","_doc$fields4","_doc$fields4$product","_doc$fields6","_doc$fields7","_rightArrow$fields","_rightArrow$fields$fi","_doc$fields","_doc$fields2","_doc$fields3","_doc$fields10","_doc$fields11","_doc$fields12","_doc$fields13","_doc$fields14","_doc$fields15","_doc$fields16","_doc$fields16$product","_doc$fields18","_doc$fields19","doc","document","onClickCallback","isXXLarge","className","isDesktopCarousel","fields","isCarouselDesktop","leftArrow","arrowLeft","rightArrow","arrowRight","sliderRef","useRef","currentIndex","setCurrentIndex","_useState2","arrows","slidesToShow","slidesToScroll","speed","infinite","lazyLoad","autoplay","prevArrow","nextArrow","autoplaySpeed","dots","centerMode","centerPadding","sliderSettings","setSliderSettings","screenWidth","innerWidth","breakpoint","breakpoints","max","padding","find","b","offset","children","id","anchorId","image","backgroundAsset","jsxs","title","subtitle","Fragment","Z","product","map","productItem","_doc$fields9","tabIndex","onClick","current","slickGoTo","src","H","file","url","alt","ref","beforeChange","next","_doc$fields5","_doc$fields17","seeAllProductsLinks","dangerouslySetInnerHTML","__html"],"sourceRoot":""}