\r\n \r\n \r\n \r\n
\r\n ))}\r\n {value.name}
\r\n \r\n\r\n {\r\n // e.preventDefault();\r\n // onToggle();\r\n // }}\r\n >\r\n \r\n {quantity}\r\n \r\n \r\n \r\n {/* \r\n \r\n onToggle()}\r\n >\r\n
*/}\r\n \r\n );\r\n};\r\n\r\nexport default MiniCart;\r\n","import React, { Fragment } from 'react';\r\nimport { translate } from '../../Services/translation';\r\nconst sameCategory = (item, index, array) =>\r\n (index > 0 && array[index - 1].category === array[index].category) ||\r\n item.showAll;\r\n\r\nconst QuickSearchResult = ({ result, selectedItem, searchUrl }) => (\r\n \r\n {quantity} {translate('minicart.numberofproduct')}\r\n
\r\n\r\n {translate('minicart.total')} {orderTotal}\r\n
\r\n \r\n {translate('minicart.checkout')}\r\n \r\n\r\n
\r\n);\r\n\r\nexport default QuickSearchResult;\r\n\r\n\r\n","import * as React from 'react';\n\nfunction usePrevious(value, initialValue) {\n const storedValue = React.useRef(initialValue);\n React.useEffect(() => {\n storedValue.current = value;\n }, [value]);\n return storedValue.current;\n}\n\nexport default usePrevious;","import React, { useRef, useEffect, useState, useCallback } from 'react';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport QuickSearchResult from './QuickSearchResult';\r\nimport { translate } from '../../Services/translation';\r\nimport {\r\n query,\r\n setSearchQuery,\r\n toggleShowFullForm,\r\n handleKeyDown,\r\n handleClickSearch,\r\n} from '../../Actions/Hillerstorp/QuickSearch.action';\r\nimport usePrevious from '@react-hook/previous';\r\nimport { debounce } from 'lodash-es';\r\n\r\n// debouncing function to 200ms so we don't send query request on every key stroke\r\nconst debouncedQuery = debounce((dispatch, text) => dispatch(query(text)), 200);\r\n\r\nconst QuickSearch = () => {\r\n const {\r\n query,\r\n result,\r\n showResult,\r\n showFullForm,\r\n selectedItem,\r\n showLoader\r\n } = useSelector((state) => state.quickSearch);\r\n const [lastClickedNode, setLastClickedNode] = useState(null);\r\n const searchUrl =\r\n window.__litium.quickSearchUrl +\r\n (query.length > 0 ? `?q=${query}` : '');\r\n const searchContainer = useRef(null);\r\n const searchInput = useRef(null);\r\n const dispatch = useDispatch();\r\n const previousSelectedItem = usePrevious(selectedItem);\r\n\r\n const clickHandler = useCallback((event) => {\r\n setLastClickedNode(event.target);\r\n }, []);\r\n useEffect(() => {\r\n // listen for click event to hide the search when clicking outside\r\n window.addEventListener('mousedown', clickHandler);\r\n return () => window.removeEventListener('mousedown', clickHandler);\r\n }, [clickHandler]);\r\n\r\n useEffect(() => {\r\n const body = document.querySelector(\".js-body\");\r\n\r\n if (showFullForm) {\r\n body.classList.add(\"disable-scroll--mobile\");\r\n } else {\r\n body.classList.remove(\"disable-scroll--mobile\");\r\n }\r\n\r\n }, [showFullForm]);\r\n\r\n useEffect(() => {\r\n // set query value if it is avaialble in the Url\r\n const urlParams = new URLSearchParams(window.location.search);\r\n if (urlParams.has('q')) {\r\n const query = urlParams.get('q');\r\n dispatch(setSearchQuery(query));\r\n }\r\n }, [dispatch]);\r\n\r\n useEffect(() => {\r\n if (selectedItem !== previousSelectedItem) {\r\n const el = document.querySelector(\r\n '.quick-search-result__item--selected'\r\n );\r\n el &&\r\n el.scrollIntoView({\r\n behavior: 'smooth',\r\n block: 'end',\r\n inline: 'nearest',\r\n });\r\n }\r\n }, [selectedItem, previousSelectedItem]);\r\n\r\n return (\r\n - \r\n {result &&\r\n result.map((item, index, array) => (\r\n
- \r\n {item.category}\r\n \r\n )}\r\n
\r\n {\r\n e.preventDefault();\r\n dispatch(toggleShowFullForm());\r\n setTimeout(() => {\r\n searchInput.current && searchInput.current.focus();\r\n }, 0);\r\n }}\r\n >\r\n \r\n\r\n \r\n \r\n dispatch(toggleShowFullForm())}\r\n >\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default QuickSearch;\r\n","import React, { Fragment, useRef, useEffect } from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport { translate } from '../Services/translation';\r\nconst Countries = () => {\r\n const countryLinks = useSelector((state) => state.navigation.countryLinks);\r\n const firstRender = useRef(true);\r\n const countryList = useRef(null);\r\n useEffect(() => {\r\n if (!firstRender.current) {\r\n return;\r\n }\r\n firstRender.current = false;\r\n }, [countryLinks]);\r\n return (\r\n \r\n dispatch(toggleShowFullForm())}\r\n >\r\n
\r\n {showResult && (\r\n \r\n\r\n {\r\n const text = encodeURIComponent(event.target.value);\r\n dispatch(setSearchQuery(text));\r\n debouncedQuery(dispatch, text);\r\n }}\r\n onKeyDown={(event) =>\r\n dispatch(handleKeyDown(event, { searchUrl }))\r\n }\r\n ref={searchInput}\r\n onBlur={() => {\r\n if (\r\n searchContainer.current &&\r\n !searchContainer.current.contains(lastClickedNode)\r\n ) {\r\n showFullForm && dispatch(toggleShowFullForm());\r\n }\r\n }}\r\n />\r\n {showResult &&\r\n\r\n {\r\n dispatch(setSearchQuery(\"\"));\r\n debouncedQuery(dispatch, \"\");\r\n }}\r\n aria-label=\"clear\">\r\n }\r\n\r\n {showLoader ? (\r\n {\r\n e.preventDefault();\r\n dispatch(handleClickSearch({ searchUrl }));\r\n }}\r\n >\r\n \r\n \r\n )}\r\n
\r\n \r\n \r\n
\r\n ) : (\r\n \r\n \r\n countryList.current.classList.toggle(\r\n 'countrydetail__select-list--open'\r\n )\r\n }\r\n className=\"countrydetail__select\"\r\n >\r\n {translate('header.marketselect')}\r\n \r\n {countryLinks.length > 0 && (\r\n
\r\n - \r\n {countryLinks.map(({ text, url, imageUrl }, index) => (\r\n
\r\n
\r\n )\r\n );\r\n};\r\nexport default ShowVat;\r\n","import React, { Fragment, useRef } from 'react';\r\nimport Countries from './Countries';\r\nimport ShowVat from './ShowVat';\r\n\r\nconst NavigationItem = ({\r\n logoSrc,\r\n links = [],\r\n additionalHeaderLinks = [],\r\n contentLink = null,\r\n width,\r\n listLength = 0,\r\n}) => {\r\n const menuRef = useRef(null);\r\n const toggleMenu = () => {\r\n menuRef.current.classList.toggle('navbar__menu--show');\r\n };\r\n const additionClass =\r\n contentLink && contentLink.attributes\r\n ? contentLink.attributes.cssValue\r\n : null;\r\n const selectedClass =\r\n contentLink && contentLink.isSelected ? 'navbar__link--selected' : '';\r\n const hasChildrenClass = links.length > 0 ? 'has-children' : null;\r\n const hasNameOrChildren = (link) =>\r\n link.name || (link.links || []).length > 0;\r\n\r\n return (\r\n \r\n
\r\n - \r\n
- \r\n
- \r\n
\r\n \r\n \r\n
\r\n {logoSrc && 
}\r\n {!contentLink ? (\r\n \r\n ) : (\r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n {width < 768 &&\r\n links.length > 0 &&\r\n links[0].mobileLinks &&\r\n links[0].mobileLinks.length > 0 && (\r\n \r\n {links[0].mobileLinks.map((x, i) => (\r\n
\r\n ))}\r\n \r\n )}\r\n {width < 768 &&\r\n contentLink &&\r\n !contentLink.url &&\r\n contentLink.mobileLinks &&\r\n contentLink.mobileLinks.length > 0 && (\r\n \r\n {contentLink.mobileLinks.map((x, i) => (\r\n
\r\n ))}\r\n \r\n )}\r\n {links.length > 0 &&\r\n links.map(\r\n (link, i) =>\r\n hasNameOrChildren(link) && (\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n setIsActive(!isActive)}>\r\n\r\n{group.label}\r\n\r\n {isActive ? : }\r\n\r\n \r\n {sortedOptions.map((item, itemIndex) => (\r\n
\r\n {facetFilters && facetFilters.length > 0 && (\r\n
\r\n )\r\n );\r\n};\r\n\r\nexport default FacetedSearch;\r\n","import React from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { translate } from '../../Services/translation';\r\n\r\nimport {\r\n submitSearchFacet,\r\n toggleVisibleDropdownMenu,\r\n} from '../../Actions/FacetedSearch.action';\r\n\r\nconst FacetedSearchCompact = ({ facetFilters, onFacetChange }) => {\r\n const dispatch = useDispatch();\r\n const { visibleDropdownMenu } = useSelector((state) => state.facetedSearch);\r\n\r\n return (\r\n {translate('facet.header.filter')}
\r\n )}\r\n {facetFilters.map((group, groupIndex) => (\r\n- \r\n {facetFilters &&\r\n facetFilters.map(\r\n (group, groupIndex, array) =>\r\n group.options &&\r\n group.options.length > 0 && (\r\n
\r\n
\r\n \r\n )\r\n )}\r\n - \r\n {group.options &&\r\n group.options.map(\r\n (item, itemIndex, array) => (\r\n
\r\n {\r\n dispatch(\r\n toggleVisibleDropdownMenu(\r\n group\r\n )\r\n );\r\n dispatch(\r\n submitSearchFacet(\r\n facetFilters\r\n )\r\n );\r\n }}\r\n >\r\n {translate('general.select')}\r\n \r\n
\r\n \r\n handleClickHeader(index)}\r\n >\r\n {accordion.props.header || ''}\r\n
\r\n \r\n ));\r\n\r\n const panels = accordions.map((accordion, index) => (\r\n \r\n \r\n {panels}\r\n
\r\n );\r\n};\r\n","import React, { Fragment } from 'react';\r\n\r\nconst SortCriteriaCompact = ({ sortCriteria }) => {\r\n const selectedOption = [\r\n ...sortCriteria.filter((sort) => sort.selected === true),\r\n {},\r\n ][0];\r\n return (\r\n \r\n (window.location = event.target.value)}\r\n >\r\n {sortCriteria &&\r\n sortCriteria.map(({ text, value, selected }, index) => (\r\n \r\n ))}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default SortCriteriaCompact;\r\n","import React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\nimport { searchFacetChange } from '../Actions/FacetedSearch.action';\r\nimport { translate } from '../Services/translation';\r\n\r\nconst FilterTags = ({ facetFilters, navigationTheme }) => {\r\n const dispatch = useDispatch();\r\n\r\n const selectedFacetGroup = facetFilters.filter(\r\n (filter) => filter.selectedOptions.length > 0\r\n );\r\n const selectedFacetOption = selectedFacetGroup.reduce(\r\n (accumulator, group) => {\r\n if (!group) {\r\n return accumulator;\r\n }\r\n const { options, selectedOptions } = group;\r\n const groupOptions = options\r\n .filter((option) => selectedOptions.includes(option.id))\r\n .map((option) => ({ ...option, group }));\r\n return [...accumulator, ...groupOptions];\r\n },\r\n []\r\n );\r\n return selectedFacetGroup.length === 0 ? null : (\r\n \r\n \r\n {translate('search.yourfilter')} : \r\n {selectedFacetGroup &&\r\n selectedFacetGroup.map((group, index) => (\r\n \r\n dispatch(searchFacetChange(group))\r\n }\r\n key={`group-${index}`}\r\n >\r\n {' '}\r\n {group.label}{' '}\r\n \r\n ))}\r\n \r\n {navigationTheme === 'category' && (\r\n \r\n {translate('search.yourfilter')} : \r\n {selectedFacetOption &&\r\n selectedFacetOption.map((option, index) => (\r\n \r\n dispatch(\r\n searchFacetChange(option.group, option)\r\n )\r\n }\r\n key={`option-${index}`}\r\n >\r\n {' '}\r\n {option.label}{' '}\r\n \r\n ))}\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default FilterTags;\r\n","import React, {\r\n Fragment,\r\n useCallback,\r\n useState,\r\n useEffect,\r\n useRef,\r\n} from 'react';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport FacetedSearchCompact from './FacetedSearchCompact';\r\nimport {\r\n AccordionPanel,\r\n Accordion,\r\n} from '../../Components/Hillerstorp/Accordion';\r\nimport { query } from '../../Actions/FacetedSearch.action';\r\nimport SortCriteriaCompact from './SortCriteriaCompact';\r\nimport FilterTag from './../FilterTags';\r\nimport { translate } from '../../Services/translation';\r\nimport { updateFilterOption } from '../../Actions/FacetedSearch.action';\r\nimport { PRODUCT_VIEW_CACHED } from '../../constants';\r\n\r\nconst FacetedSearchCompactContainer = () => {\r\n const dispatch = useDispatch();\r\n const {\r\n subNavigation,\r\n sortCriteria,\r\n facetFilters: globalFacetFilters,\r\n navigationTheme,\r\n productsViewCachedId,\r\n } = useSelector((state) => state.facetedSearch);\r\n\r\n const [facetFilters, setFacetFilters] = useState(globalFacetFilters || []);\r\n const previousCachedId = useRef(productsViewCachedId);\r\n useEffect(() => {\r\n if (previousCachedId.current !== productsViewCachedId) {\r\n setFacetFilters(globalFacetFilters);\r\n previousCachedId.current = productsViewCachedId;\r\n }\r\n }, [globalFacetFilters, productsViewCachedId]);\r\n\r\n useEffect(() => {\r\n dispatch(query(window.location.search.substr(1) || '', false));\r\n }, [dispatch]);\r\n\r\n const onFacetChange = useCallback(\r\n (filter, option) => {\r\n setFacetFilters((prevFacetFilters) => {\r\n return updateFilterOption(prevFacetFilters, filter, option);\r\n });\r\n },\r\n [setFacetFilters]\r\n );\r\n\r\n const onSearchResultDataChange = (dom) => {\r\n if ([null, undefined].includes(dom)) {\r\n return;\r\n }\r\n const container = document.createElement('div');\r\n container.innerHTML = dom;\r\n const existingResult = document.querySelector('#search-result');\r\n const tempResult = container.querySelector('#search-result');\r\n const existingFilter = existingResult.querySelector(\r\n '#facetedSearchCompact'\r\n );\r\n const tempFilter = tempResult.querySelector('#facetedSearchCompact');\r\n const replace = (node, newNode) =>\r\n node.parentNode.replaceChild(newNode, node);\r\n // move existingFilter from existingResult to tempResult\r\n replace(tempFilter, existingFilter);\r\n //Fix for LoadMoreButton infiniteScroll (not litium default)\r\n const existingLoadMore = existingResult.querySelector(\r\n '#load-more-button'\r\n );\r\n const tempLoadMore = tempResult.querySelector('#load-more-button');\r\n if (existingLoadMore && tempLoadMore) {\r\n existingLoadMore.dataset.pageCount = tempLoadMore.dataset.pageCount;\r\n replace(tempLoadMore, existingLoadMore);\r\n }\r\n const pagination = tempResult.querySelector('#pager');\r\n if (pagination) {\r\n pagination.remove();\r\n }\r\n //End fix loadMore infiniteScroll\r\n // replace existingResult with tempResult ( newResult )\r\n replace(existingResult, tempResult);\r\n // bootstrap react components if any exists in the search result\r\n window.__litium.bootstrapComponents();\r\n };\r\n\r\n useEffect(() => {\r\n const productViewCached = window.__litium.cache\r\n ? window.__litium.cache[PRODUCT_VIEW_CACHED] || {}\r\n : {};\r\n if (!productViewCached.used) {\r\n productViewCached.used = true;\r\n const dom = productViewCached.productsView;\r\n dom && onSearchResultDataChange(dom);\r\n }\r\n });\r\n\r\n const empty = (array) => !(array && array.length);\r\n\r\n const subNavigations = !subNavigation ? null : [subNavigation];\r\n const sortCriterias =\r\n !sortCriteria || !sortCriteria.sortItems\r\n ? null\r\n : sortCriteria.sortItems;\r\n\r\n const hidden = [subNavigations, facetFilters, sortCriterias].every((arr) =>\r\n empty(arr)\r\n );\r\n\r\n return hidden ? null : (\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n\r\n onClick({\r\n text, instock, variantid, id\r\n })}\r\n >\r\n {translate('monitorproduct.button.text')}\r\n \r\n {status}\r\n
\r\n );\r\n};\r\nexport default MonitorProduct;\r\n","import { get } from '../Services/http';\r\nimport { catchError } from './Error.action';\r\nimport {\r\n FACETED_SEARCH_QUERY,\r\n FACETED_SEARCH_ERROR,\r\n LOADMORE_SET_LOADED,\r\n LOADMORE_SET_PAGINATION_INFO,\r\n} from '../constants';\r\n\r\nexport const query = (queryString = '', prev) => (dispatch, getState) => {\r\n let url = '/api/product/loadMoreProducts';\r\n\r\n if (queryString && queryString.trim() !== '') {\r\n url += `?${queryString}`;\r\n }\r\n dispatch(setLoaded(false));\r\n return get(url)\r\n .then((response) => response.json())\r\n .then((result) => {\r\n const list = document.querySelector(\r\n '#search-result div.product-list'\r\n );\r\n let dom = new DOMParser().parseFromString(\r\n result.productsView,\r\n 'text/html'\r\n );\r\n const view = dom.querySelector('ul.product-list');\r\n const { currentPageIndex } = view.dataset;\r\n\r\n list.insertAdjacentHTML(\r\n prev ? 'afterbegin' : 'beforeend',\r\n view.outerHTML\r\n );\r\n if (document.querySelector('#temp-space')) {\r\n document.querySelector('#temp-space').remove();\r\n }\r\n if (prev) {\r\n window.scrollTo(\r\n 0,\r\n document.querySelector(`#list-${currentPageIndex}`)\r\n .scrollHeight\r\n );\r\n }\r\n\r\n const newPager = dom.querySelector('#pager ul.pagination');\r\n if (newPager) {\r\n newPager.parentNode.removeChild(newPager);\r\n const oldPager = document.querySelector('ul.pagination');\r\n oldPager.parentNode.replaceChild(newPager, oldPager);\r\n }\r\n window.__litium.bootstrapComponents();\r\n dispatch(setPaginationInfo(currentPageIndex));\r\n dispatch(setLoaded(true));\r\n })\r\n .catch((ex) => dispatch(catchError(ex, (error) => searchError(error))));\r\n};\r\n\r\nexport const loadMore = (pageNumber, prev) => (dispatch, getState) => {\r\n let q = new URLSearchParams(window.location.search);\r\n q.set('page', pageNumber);\r\n q = q.toString();\r\n\r\n return dispatch(query(q, prev));\r\n};\r\n\r\nexport const searchError = (error) => ({\r\n type: FACETED_SEARCH_ERROR,\r\n payload: {\r\n error,\r\n },\r\n});\r\n\r\nexport const saveQuery = (queryString) => ({\r\n type: FACETED_SEARCH_QUERY,\r\n payload: {\r\n query: queryString,\r\n },\r\n});\r\n\r\nexport const setPaginationInfo = (currentPageIndex) => ({\r\n type: LOADMORE_SET_PAGINATION_INFO,\r\n payload: {\r\n currentPageIndex,\r\n },\r\n});\r\n\r\nexport const setLoaded = (loaded) => ({\r\n type: LOADMORE_SET_LOADED,\r\n payload: {\r\n loaded,\r\n },\r\n});\r\n","import { throttle } from 'lodash-es';\r\nimport React, { useState, useEffect, useCallback } from 'react';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport {\r\n loadMore,\r\n setPaginationInfo,\r\n saveQuery,\r\n} from '../Actions/LoadMore.action';\r\nimport { translate } from '../Services/translation';\r\n\r\nconst LoadMoreButton = ({ pageCount }) => {\r\n const { currentPageIndex, loaded } = useSelector((state) => state.loadMore);\r\n const [hasFirstLoad, setHasFirstLoad] = useState([0]);\r\n const [showButton, setShowButton] = useState(false);\r\n const [elementInViewNumber, setElementInViewNumber] = useState(0);\r\n const [y, setY] = useState(window.scrollY);\r\n\r\n const dispatch = useDispatch();\r\n\r\n const loadPage = (up) => {\r\n const blocks = document.querySelectorAll('.replace-state');\r\n let currBlockIndex = 0;\r\n\r\n if (blocks) {\r\n if (!up) {\r\n let endOfPage = false;\r\n const currentLastBlock = blocks[blocks.length - 1];\r\n\r\n if (currentLastBlock) {\r\n const currentLastBlockProps = currentLastBlock.getBoundingClientRect();\r\n const elemBottom = currentLastBlockProps.bottom;\r\n endOfPage = elemBottom <= window.innerHeight * 1.25;\r\n currBlockIndex = currentLastBlock.dataset.currentPageIndex;\r\n }\r\n\r\n if (\r\n endOfPage &&\r\n !hasFirstLoad.includes(parseInt(currBlockIndex) + 1)\r\n ) {\r\n setHasFirstLoad([\r\n ...hasFirstLoad,\r\n parseInt(currBlockIndex) + 1,\r\n ]);\r\n nextPage(currBlockIndex, false);\r\n }\r\n } else {\r\n let topOfPage = false;\r\n const currentFirstBlock = blocks[0];\r\n\r\n if (currentFirstBlock) {\r\n const currentFirstBlockProps = currentFirstBlock.getBoundingClientRect();\r\n const elemTop = currentFirstBlockProps.top;\r\n currBlockIndex = currentFirstBlock.dataset.currentPageIndex;\r\n topOfPage = elemTop > 0;\r\n }\r\n\r\n if (\r\n topOfPage &&\r\n !hasFirstLoad.includes(parseInt(currBlockIndex) - 1)\r\n ) {\r\n setHasFirstLoad([\r\n ...hasFirstLoad,\r\n parseInt(currBlockIndex) - 1,\r\n ]);\r\n nextPage(currBlockIndex, true);\r\n }\r\n }\r\n }\r\n };\r\n\r\n const updateUrl = () => {\r\n const lists = document.querySelectorAll('ul.product-list');\r\n for (const el of lists) {\r\n const inView = isScrolledIntoView(el);\r\n const dataCurrentPage = parseInt(el.dataset.currentPageIndex) || 1;\r\n\r\n if (inView && elementInViewNumber !== dataCurrentPage) {\r\n setElementInViewNumber(dataCurrentPage);\r\n let q = new URLSearchParams(window.location.search);\r\n q.set('page', dataCurrentPage);\r\n q = q.toString();\r\n dispatch(saveQuery(q));\r\n break;\r\n }\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n const queryParams = new URLSearchParams(window.location.search);\r\n const pageValue = queryParams.get('page');\r\n const pageNumber = parseInt(pageValue) || 1;\r\n dispatch(setPaginationInfo(pageNumber));\r\n if (!hasFirstLoad.includes(pageNumber)) {\r\n setHasFirstLoad([...hasFirstLoad, pageNumber]);\r\n }\r\n if (pageNumber === 1) {\r\n setShowButton(true);\r\n }\r\n const lsObj = localStorage.getItem('lazyInfo');\r\n\r\n if (lsObj && window.history.state == 'search') {\r\n const lastPageVisited = parseInt(JSON.parse(lsObj).page) || 1;\r\n if (lastPageVisited !== 1) {\r\n setShowButton(false);\r\n }\r\n const wrapper = document.querySelector(`#search-result`);\r\n if (pageNumber !== lastPageVisited) {\r\n const box = document.createElement('div');\r\n box.style.height = JSON.parse(lsObj).blockHeight + 'px';\r\n box.style.width = '100%';\r\n box.id = 'temp-space';\r\n wrapper.appendChild(box);\r\n }\r\n let initScroll = 0;\r\n initScroll = wrapper.offsetTop;\r\n const scrollVal =\r\n -1 * parseInt(JSON.parse(lsObj).scrollY) + parseInt(initScroll);\r\n window.scrollTo(0, scrollVal);\r\n }\r\n window.localStorage.removeItem('lazyInfo');\r\n return () => {\r\n const queryParams = new URLSearchParams(window.location.search);\r\n const pageNumber = queryParams.get('page') || 1;\r\n const blocks = document.querySelectorAll('.replace-state');\r\n const currentLastBlock = blocks[blocks.length - 1];\r\n const scroll = document\r\n .querySelector(`#list-${pageNumber}`)\r\n .getBoundingClientRect().top;\r\n\r\n const lsObj = {\r\n scrollY: scroll,\r\n page: currentLastBlock.dataset.currentPageIndex,\r\n blockHeight: currentLastBlock.offsetHeight,\r\n };\r\n window.localStorage.setItem('lazyInfo', JSON.stringify(lsObj));\r\n };\r\n }, [dispatch, pageCount]);\r\n\r\n const handleScroll = useCallback(\r\n (e) => {\r\n const window = e.currentTarget;\r\n if (window) {\r\n if (y > window.scrollY) {\r\n if (parseInt(pageCount) > 1) {\r\n if (!hasFirstLoad.includes(1)) {\r\n loadPage(true);\r\n }\r\n }\r\n } else if (y < window.scrollY) {\r\n if (\r\n parseInt(pageCount) > 1 &&\r\n parseInt(pageCount) > Math.max(...hasFirstLoad)\r\n ) {\r\n if (\r\n !showButton &&\r\n Math.max(...hasFirstLoad) !== parseInt(pageCount)\r\n ) {\r\n loadPage(false);\r\n }\r\n }\r\n }\r\n if (parseInt(pageCount) > 1) {\r\n updateUrl();\r\n }\r\n setY(window.scrollY);\r\n }\r\n },\r\n [y, currentPageIndex, showButton, hasFirstLoad]\r\n );\r\n\r\n useEffect(() => {\r\n setY(window.scrollY);\r\n const throttledScroll = throttle(handleScroll, 300);\r\n window.addEventListener('scroll', throttledScroll);\r\n return () => {\r\n window.removeEventListener('scroll', throttledScroll);\r\n };\r\n }, [handleScroll]);\r\n\r\n const isScrolledIntoView = (el) => {\r\n const rect = el.getBoundingClientRect();\r\n const elemTop = rect.top;\r\n const elemBottom = rect.bottom;\r\n const isVisible =\r\n (elemTop >= 0 && elemBottom <= window.innerHeight) ||\r\n (elemTop <= 100 && elemBottom > 100);\r\n\r\n return isVisible;\r\n };\r\n\r\n const nextPage = (currentPage, prev) => {\r\n const nextPrevPage = prev\r\n ? parseInt(currentPage) - 1\r\n : parseInt(currentPage) + 1;\r\n dispatch(loadMore(nextPrevPage, prev));\r\n };\r\n return (\r\n {store.getState()}
\r\n * }\r\n */\n\nexport function useReduxContext() {\n var contextValue = useContext(ReactReduxContext);\n\n if (process.env.NODE_ENV !== 'production' && !contextValue) {\n throw new Error('could not find react-redux context value; please ensure the component is wrapped in a {store.getState()}
\r\n * }\r\n */\n\nexport var useStore = /*#__PURE__*/createStoreHook();","import { ReactReduxContext } from '../components/Context';\nimport { useStore as useDefaultStore, createStoreHook } from './useStore';\n/**\r\n * Hook factory, which creates a `useDispatch` hook bound to a given context.\r\n *\r\n * @param {React.Context} [context=ReactReduxContext] Context passed to your `\r\n * {value}\r\n * \r\n *
\r\n * )\r\n * }\r\n */\n\nexport var useDispatch = /*#__PURE__*/createDispatchHook();","import { useReducer, useRef, useMemo, useContext, useDebugValue } from 'react';\nimport { useReduxContext as useDefaultReduxContext } from './useReduxContext';\nimport Subscription from '../utils/Subscription';\nimport { useIsomorphicLayoutEffect } from '../utils/useIsomorphicLayoutEffect';\nimport { ReactReduxContext } from '../components/Context';\n\nvar refEquality = function refEquality(a, b) {\n return a === b;\n};\n\nfunction useSelectorWithStoreAndSubscription(selector, equalityFn, store, contextSub) {\n var _useReducer = useReducer(function (s) {\n return s + 1;\n }, 0),\n forceRender = _useReducer[1];\n\n var subscription = useMemo(function () {\n return new Subscription(store, contextSub);\n }, [store, contextSub]);\n var latestSubscriptionCallbackError = useRef();\n var latestSelector = useRef();\n var latestStoreState = useRef();\n var latestSelectedState = useRef();\n var storeState = store.getState();\n var selectedState;\n\n try {\n if (selector !== latestSelector.current || storeState !== latestStoreState.current || latestSubscriptionCallbackError.current) {\n var newSelectedState = selector(storeState); // ensure latest selected state is reused so that a custom equality function can result in identical references\n\n if (latestSelectedState.current === undefined || !equalityFn(newSelectedState, latestSelectedState.current)) {\n selectedState = newSelectedState;\n } else {\n selectedState = latestSelectedState.current;\n }\n } else {\n selectedState = latestSelectedState.current;\n }\n } catch (err) {\n if (latestSubscriptionCallbackError.current) {\n err.message += \"\\nThe error may be correlated with this previous error:\\n\" + latestSubscriptionCallbackError.current.stack + \"\\n\\n\";\n }\n\n throw err;\n }\n\n useIsomorphicLayoutEffect(function () {\n latestSelector.current = selector;\n latestStoreState.current = storeState;\n latestSelectedState.current = selectedState;\n latestSubscriptionCallbackError.current = undefined;\n });\n useIsomorphicLayoutEffect(function () {\n function checkForUpdates() {\n try {\n var _newSelectedState = latestSelector.current(store.getState());\n\n if (equalityFn(_newSelectedState, latestSelectedState.current)) {\n return;\n }\n\n latestSelectedState.current = _newSelectedState;\n } catch (err) {\n // we ignore all errors here, since when the component\n // is re-rendered, the selectors are called again, and\n // will throw again, if neither props nor store state\n // changed\n latestSubscriptionCallbackError.current = err;\n }\n\n forceRender();\n }\n\n subscription.onStateChange = checkForUpdates;\n subscription.trySubscribe();\n checkForUpdates();\n return function () {\n return subscription.tryUnsubscribe();\n };\n }, [store, subscription]);\n return selectedState;\n}\n/**\r\n * Hook factory, which creates a `useSelector` hook bound to a given context.\r\n *\r\n * @param {React.Context} [context=ReactReduxContext] Context passed to your `{counter}
\r\n * }\r\n */\n\nexport var useSelector = /*#__PURE__*/createSelectorHook();","import Provider from './components/Provider';\nimport connectAdvanced from './components/connectAdvanced';\nimport { ReactReduxContext } from './components/Context';\nimport connect from './connect/connect';\nimport { useDispatch, createDispatchHook } from './hooks/useDispatch';\nimport { useSelector, createSelectorHook } from './hooks/useSelector';\nimport { useStore, createStoreHook } from './hooks/useStore';\nimport { setBatch } from './utils/batch';\nimport { unstable_batchedUpdates as batch } from './utils/reactBatchedUpdates';\nimport shallowEqual from './utils/shallowEqual';\nsetBatch(batch);\nexport { Provider, connectAdvanced, ReactReduxContext, connect, batch, useDispatch, createDispatchHook, useSelector, createSelectorHook, useStore, createStoreHook, shallowEqual };","/** @license React v17.0.2\n * react.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var l=require(\"object-assign\"),n=60103,p=60106;exports.Fragment=60107;exports.StrictMode=60108;exports.Profiler=60114;var q=60109,r=60110,t=60112;exports.Suspense=60113;var u=60115,v=60116;\nif(\"function\"===typeof Symbol&&Symbol.for){var w=Symbol.for;n=w(\"react.element\");p=w(\"react.portal\");exports.Fragment=w(\"react.fragment\");exports.StrictMode=w(\"react.strict_mode\");exports.Profiler=w(\"react.profiler\");q=w(\"react.provider\");r=w(\"react.context\");t=w(\"react.forward_ref\");exports.Suspense=w(\"react.suspense\");u=w(\"react.memo\");v=w(\"react.lazy\")}var x=\"function\"===typeof Symbol&&Symbol.iterator;\nfunction y(a){if(null===a||\"object\"!==typeof a)return null;a=x&&a[x]||a[\"@@iterator\"];return\"function\"===typeof a?a:null}function z(a){for(var b=\"https://reactjs.org/docs/error-decoder.html?invariant=\"+a,c=1;c