{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- \r\n
- \r\n
\r\n {!contentLink ? (\r\n \r\n ) : (\r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n {contentLink != null && (\r\n {translate('go.to.page.navigation')} {contentLink.name.toLowerCase()} \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 {result &&\r\n result.map((item, index, array) => (\r\n
- \r\n {item.category}\r\n \r\n )}\r\n
{item.name}
\r\n \r\n \r\n \r\n {!showFullForm &&\r\n\r\n {\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 {translate('general.search')}\r\n \r\n \r\n }\r\n \r\n dispatch(toggleShowFullForm())}\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 {\r\n e.preventDefault();\r\n dispatch(handleClickSearch({ searchUrl }));\r\n }}\r\n >\r\n \r\n \r\n {translate('general.search')}\r\n \r\n \r\n {showResult && (\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default TendezQuickSearch;\r\n","import { get } from '../Services/http';\r\nimport { catchError } from './Error.action';\r\nimport {\r\n FACETED_SEARCH_QUERY,\r\n FACETED_SEARCH_RECEIVE,\r\n FACETED_SEARCH_ERROR,\r\n FACETED_SEARCH_TOGGLE_VALUE,\r\n FACETED_SEARCH_TOGGLE_COMPACT,\r\n PRODUCT_VIEW_CACHED,\r\n} from '../constants';\r\n\r\nexport const query = (\r\n queryString = '',\r\n withHtmlResult = true,\r\n productsViewCachedId = new Date().getTime() + ''\r\n) => (dispatch, getState) => {\r\n let url = withHtmlResult\r\n ? '/api/productFilter/withHtmlResult'\r\n : '/api/productFilter';\r\n if (queryString && queryString.trim() !== '') {\r\n url += `?${queryString}`;\r\n }\r\n return get(url)\r\n .then((response) => response.json())\r\n .then((result) => {\r\n const {\r\n productsView,\r\n sortCriteria,\r\n subNavigation,\r\n ...others\r\n } = result;\r\n if (withHtmlResult) {\r\n window.__litium.cache[PRODUCT_VIEW_CACHED] = {\r\n productsViewCachedId,\r\n productsView,\r\n };\r\n }\r\n result = {\r\n ...others,\r\n sortCriteria,\r\n subNavigation,\r\n productsViewCachedId,\r\n };\r\n dispatch(receive(result));\r\n })\r\n .catch((ex) => dispatch(catchError(ex, (error) => searchError(error))));\r\n};\r\n\r\nconst submit = (facetFilters) => (dispatch, getState) => {\r\n const filterCriteria = toFilterCriteria(facetFilters);\r\n const filterIds = facetFilters.map((filter) => filter.id);\r\n const ignoredParams = ['page'];\r\n const unChangedParams = (window.location.search.substr(1) || '')\r\n .split('&')\r\n .filter((param) => {\r\n const [id, value] = param.split('=');\r\n return (\r\n param.length > 0 &&\r\n !filterIds.includes(id) &&\r\n !ignoredParams.includes(id)\r\n );\r\n });\r\n const q = [...unChangedParams, ...filterCriteria].join('&');\r\n dispatch(saveQuery(q));\r\n return dispatch(query(q));\r\n};\r\n\r\nconst toFilterCriteria = (groups) =>\r\n groups\r\n .map((group) =>\r\n group.selectedOptions\r\n .filter((val) => val && val.length > 0)\r\n .map(\r\n (val) =>\r\n `${encodeURIComponent(group.id)}=${encodeURIComponent(\r\n val\r\n )}`\r\n )\r\n )\r\n .reduce((flat, current) => [...flat, ...current], []);\r\n\r\n/**\r\n *\r\n * @param filter : the group has changed facet\r\n * @param option : changed facet\r\n */\r\nexport const searchFacetChange = (filter = null, option = null) => (\r\n dispatch,\r\n getState\r\n) => {\r\n if (filter) {\r\n const allFilters = getState().facetedSearch.facetFilters;\r\n const newFilters = updateFilterOption(allFilters, filter, option);\r\n return dispatch(submit(newFilters));\r\n }\r\n};\r\n\r\nexport const updateFilterOption = (\r\n allFilters = [],\r\n filter = null,\r\n option = null\r\n) => {\r\n if (!filter) return allFilters;\r\n const filterIndex = allFilters.findIndex((f) => f.id === filter.id);\r\n const newFilter = option\r\n ? toggleFilterValue(filter, option)\r\n : { ...filter, selectedOptions: [] };\r\n const newFilters = [\r\n ...allFilters.slice(0, filterIndex),\r\n newFilter,\r\n ...allFilters.slice(filterIndex + 1),\r\n ];\r\n return newFilters;\r\n};\r\n\r\nconst toggleFilterValue = (filter, option) => {\r\n const { singleSelect, selectedOptions } = filter;\r\n const optionIndex = selectedOptions.indexOf(option.id);\r\n const newSelectedOptions =\r\n optionIndex < 0\r\n ? // not yet selected, select it\r\n singleSelect\r\n ? [option.id]\r\n : [...selectedOptions, option.id]\r\n : // selected, deSelect it\r\n [\r\n ...selectedOptions.slice(0, optionIndex),\r\n ...selectedOptions.slice(optionIndex + 1),\r\n ];\r\n return { ...filter, selectedOptions: newSelectedOptions };\r\n};\r\n\r\nexport const submitSearchFacet = (allFilters) => (dispatch, getState) => {\r\n dispatch(facetClientChanged(allFilters));\r\n return dispatch(submit(allFilters));\r\n};\r\n\r\nexport const facetClientChanged = (facetFilters) => ({\r\n type: FACETED_SEARCH_TOGGLE_VALUE,\r\n payload: {\r\n facetFilters,\r\n },\r\n});\r\n\r\nexport const toggleVisibleDropdownMenu = ({ id }) => ({\r\n type: FACETED_SEARCH_TOGGLE_COMPACT,\r\n payload: {\r\n visibleDropdownMenu: id,\r\n },\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 receive = (payload) => {\r\n return {\r\n type: FACETED_SEARCH_RECEIVE,\r\n payload,\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","export const PRICE_RANGE = 'price_range';\r\n\r\nexport const CONSENT_COOKIE_KEY = 'WeLoveHair.CookieConsent';\r\nexport const CONSENT_COOKIE_GOOGLE_ANALYTICS = 'Google-Analytics';\r\nexport const CONSENT_COOKIE_NECESSARY = 'Necessary';","import React, { Fragment, useCallback, useEffect, useRef } from 'react';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { query, searchFacetChange } from '../../Actions/FacetedSearch.action';\r\nimport { useStateWithCallbackLazy } from 'use-state-with-callback';\r\nimport { translate } from '../../Services/translation';\r\nimport { PRICE_RANGE } from '../../Custom/TendenzConstant';\r\nconst TendenzFacetedSearchGroup = ({ group, isFilterSelected }) => {\r\n const list = useRef(null);\r\n const firstRender = useRef(true);\r\n const [isShowingMore, showMore] = useStateWithCallbackLazy(false);\r\n\r\n const toggleShowMore = useCallback(() => {\r\n showMore(\r\n (prevState) => !prevState,\r\n );\r\n }, [showMore]);\r\n\r\n useEffect(() => {\r\n // Make sure it is executed only once.\r\n // firstRender is used to prevent eslint warning when having empty dependencies array\r\n if (!firstRender.current) {\r\n return;\r\n }\r\n firstRender.current = false;\r\n showMore(isFilterSelected);\r\n }, [group, toggleShowMore]);\r\n\r\n return (\r\n - \r\n
\r\n\r\n
- \r\n {facetFilters &&\r\n facetFilters.map((group, groupIndex) => (\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
\r\n );\r\n};\r\n\r\nexport default TendenzFilterTags;\r\n","import React, { Fragment, useRef } from 'react';\r\nimport { useDispatch } from 'react-redux';\r\nimport { submitSearchFacet } from '../../Actions/FacetedSearch.action';\r\nimport { translate } from '../../Services/translation';\r\nconst TendenzFilterItem = ({ filterGroup, facetFilters, onFacetChange }) => {\r\n const dispatch = useDispatch();\r\n const menuRef = useRef(null);\r\n const toggleMenu = () => {\r\n menuRef.current.classList.toggle('navbar__menu--show');\r\n };\r\n const closeCurrentMenuPage = () => {\r\n const filterContainer = document.querySelector('#filter-navigation');\r\n if (filterContainer != null) {\r\n filterContainer.classList.remove('navbar__menu--show')\r\n }\r\n }\r\n\r\n return (\r\n - \r\n
- \r\n
- \r\n
\r\n \r\n \r\n \r\n
\r\n {filterGroup.options.length > 0 &&\r\n filterGroup.options.map(\r\n (option, index) =>\r\n \r\n \r\n handleQuantityChange(\r\n row.articleNumber,\r\n row.quantity - 1,\r\n row.rowSystemId,\r\n false\r\n )\r\n } >–\r\n {row.quantity}\r\n \r\n handleQuantityChange(\r\n row.articleNumber,\r\n row.quantity + 1,\r\n row.rowSystemId,\r\n true,\r\n )\r\n }>+\r\n
\r\n \r\n {row.price}\r\n
\r\n ) : (\r\n \r\n {row.totalCampaignPrice}\r\n {row.price}\r\n
\r\n )\r\n }\r\n \r\n onToggle()}>\r\n \r\n {cart?.quantity}\r\n \r\n \r\n {translate('minicart.checkout')}\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default TendenzMiniCart;\r\n","import React, { useState } from 'react';\r\n\r\nconst GdprAccordion = (props) => {\r\n const [isAccordionActive, setAccordionActive] = useState(false);\r\n const [agreeToTracking, setAgreeToTracking] = useState(props?.accepted);\r\n\r\n const handleChange = () => {\r\n setAgreeToTracking(!agreeToTracking);\r\n props.onToggledThing(!agreeToTracking);\r\n };\r\n\r\n return (\r\n \r\n
\r\n {orderRows.length > 0 &&\r\n orderRows.map(\r\n (row) =>\r\n Varukorg
\r\n onToggle()}>\r\n {translate('minicart.close')}\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 \r\n {row.brandName} \r\n {row.name}\r\n
\r\n\r\n
\r\n \r\n {translate('minicart.total')} {cart.orderTotal}\r\n
\r\n\r\n {orderRows.length > 0 && (\r\n \r\n {translate('minicart.checkout')}\r\n \r\n )}\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default GdprAccordion;","import * as cookie from 'cookie';\r\nexport function hasDocumentCookie() {\r\n // Can we get/set cookies on document.cookie?\r\n return typeof document === 'object' && typeof document.cookie === 'string';\r\n}\r\nexport function cleanCookies() {\r\n document.cookie.split(';').forEach(function (c) {\r\n document.cookie = c\r\n .replace(/^ +/, '')\r\n .replace(/=.*/, '=;expires=' + new Date().toUTCString() + ';path=/');\r\n });\r\n}\r\nexport function parseCookies(cookies, options) {\r\n if (typeof cookies === 'string') {\r\n return cookie.parse(cookies, options);\r\n }\r\n else if (typeof cookies === 'object' && cookies !== null) {\r\n return cookies;\r\n }\r\n else {\r\n return {};\r\n }\r\n}\r\nexport function isParsingCookie(value, doNotParse) {\r\n if (typeof doNotParse === 'undefined') {\r\n // We guess if the cookie start with { or [, it has been serialized\r\n doNotParse =\r\n !value || (value[0] !== '{' && value[0] !== '[' && value[0] !== '\"');\r\n }\r\n return !doNotParse;\r\n}\r\nexport function readCookie(value, options) {\r\n if (options === void 0) { options = {}; }\r\n var cleanValue = cleanupCookieValue(value);\r\n if (isParsingCookie(cleanValue, options.doNotParse)) {\r\n try {\r\n return JSON.parse(cleanValue);\r\n }\r\n catch (e) {\r\n // At least we tried\r\n }\r\n }\r\n // Ignore clean value if we failed the deserialization\r\n // It is not relevant anymore to trim those values\r\n return value;\r\n}\r\nfunction cleanupCookieValue(value) {\r\n // express prepend j: before serializing a cookie\r\n if (value && value[0] === 'j' && value[1] === ':') {\r\n return value.substr(2);\r\n }\r\n return value;\r\n}\r\n","var __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\nimport * as cookie from 'cookie';\r\nimport { hasDocumentCookie, parseCookies, readCookie } from './utils';\r\nvar Cookies = /** @class */ (function () {\r\n function Cookies(cookies, options) {\r\n var _this = this;\r\n this.changeListeners = [];\r\n this.HAS_DOCUMENT_COOKIE = false;\r\n this.cookies = parseCookies(cookies, options);\r\n new Promise(function () {\r\n _this.HAS_DOCUMENT_COOKIE = hasDocumentCookie();\r\n }).catch(function () { });\r\n }\r\n Cookies.prototype._updateBrowserValues = function (parseOptions) {\r\n if (!this.HAS_DOCUMENT_COOKIE) {\r\n return;\r\n }\r\n this.cookies = cookie.parse(document.cookie, parseOptions);\r\n };\r\n Cookies.prototype._emitChange = function (params) {\r\n for (var i = 0; i < this.changeListeners.length; ++i) {\r\n this.changeListeners[i](params);\r\n }\r\n };\r\n Cookies.prototype.get = function (name, options, parseOptions) {\r\n if (options === void 0) { options = {}; }\r\n this._updateBrowserValues(parseOptions);\r\n return readCookie(this.cookies[name], options);\r\n };\r\n Cookies.prototype.getAll = function (options, parseOptions) {\r\n if (options === void 0) { options = {}; }\r\n this._updateBrowserValues(parseOptions);\r\n var result = {};\r\n for (var name_1 in this.cookies) {\r\n result[name_1] = readCookie(this.cookies[name_1], options);\r\n }\r\n return result;\r\n };\r\n Cookies.prototype.set = function (name, value, options) {\r\n var _a;\r\n if (typeof value === 'object') {\r\n value = JSON.stringify(value);\r\n }\r\n this.cookies = __assign(__assign({}, this.cookies), (_a = {}, _a[name] = value, _a));\r\n if (this.HAS_DOCUMENT_COOKIE) {\r\n document.cookie = cookie.serialize(name, value, options);\r\n }\r\n this._emitChange({ name: name, value: value, options: options });\r\n };\r\n Cookies.prototype.remove = function (name, options) {\r\n var finalOptions = (options = __assign(__assign({}, options), { expires: new Date(1970, 1, 1, 0, 0, 1), maxAge: 0 }));\r\n this.cookies = __assign({}, this.cookies);\r\n delete this.cookies[name];\r\n if (this.HAS_DOCUMENT_COOKIE) {\r\n document.cookie = cookie.serialize(name, '', finalOptions);\r\n }\r\n this._emitChange({ name: name, value: undefined, options: options });\r\n };\r\n Cookies.prototype.addChangeListener = function (callback) {\r\n this.changeListeners.push(callback);\r\n };\r\n Cookies.prototype.removeChangeListener = function (callback) {\r\n var idx = this.changeListeners.indexOf(callback);\r\n if (idx >= 0) {\r\n this.changeListeners.splice(idx, 1);\r\n }\r\n };\r\n return Cookies;\r\n}());\r\nexport default Cookies;\r\n","import Cookies from './Cookies';\r\nexport default Cookies;\r\n","import Cookies from 'universal-cookie';\r\nexport default Cookies;\r\n","import * as React from 'react';\r\nimport Cookies from './Cookies';\r\nvar CookiesContext = React.createContext(new Cookies());\r\nexport var Provider = CookiesContext.Provider, Consumer = CookiesContext.Consumer;\r\nexport default CookiesContext;\r\n","import { useContext, useLayoutEffect, useState, useRef, useMemo } from 'react';\r\nimport CookiesContext from './CookiesContext';\r\nimport { isInBrowser } from './utils';\r\nexport default function useCookies(dependencies) {\r\n var cookies = useContext(CookiesContext);\r\n if (!cookies) {\r\n throw new Error('Missing setAccordionActive(!isAccordionActive)}>\r\n
\r\n {isAccordionActive &&\r\n \r\n {isAccordionActive ? '-' : '+'}\r\n {props.title}\r\n
\r\n {props.optional &&\r\n \r\n \r\n
\r\n }\r\n \r\n {props.content}\r\n {props.trackingServices != null &&\r\n
\r\n }\r\n \r\n
\r\n }\r\n Använda tjänster
\r\n\r\n
\r\n \r\n {props.trackingServices.header}\r\n
\r\n \r\n Visa policy\r\n \r\n\r\n
\r\n \r\n )\r\n}","import { CONSENT_COOKIE_GOOGLE_ANALYTICS, CONSENT_COOKIE_KEY, CONSENT_COOKIE_NECESSARY } from \"./TendenzConstant\"\r\nexport const GetCookiesToConsent = (cookies) => {\r\n\r\n const CheckIfCookieAccepted = (key) => {\r\n if (cookies[CONSENT_COOKIE_KEY] === undefined || cookies[CONSENT_COOKIE_KEY] === null) {\r\n return true;\r\n }\r\n\r\n let allowedServices = cookies[CONSENT_COOKIE_KEY]?.AllowedServices;\r\n\r\n return allowedServices.find(x => x == key) != null;\r\n }\r\n\r\n return [\r\n {\r\n key: CONSENT_COOKIE_NECESSARY,\r\n title: 'Nödvändiga',\r\n content: 'Dessa cookies är nödvändiga för att webbshopen ska fungera och kan inte stängas av i våra system. Vi använder lokal lagring i din webbläsare för att hålla reda på din varukorg.',\r\n trackingServices: null,\r\n optional: false,\r\n accepted: true,\r\n },\r\n {\r\n key: CONSENT_COOKIE_GOOGLE_ANALYTICS,\r\n title: 'Statistik',\r\n content: 'Vi använder kakor i syfte att samla in anonym information hur besökare använder webbplatsen och hjälper oss förbättra användarupplevelsen. Med hjälp av dessa cookies kan vi räkna besök och se hur besökare rör sig på webbplatsen, exempelvis vilka produkter som visas. Vi får informationen sammanställd och den är anonym.',\r\n optional: true,\r\n accepted: CheckIfCookieAccepted(CONSENT_COOKIE_GOOGLE_ANALYTICS),\r\n trackingServices: {\r\n link: 'https://policies.google.com/privacy',\r\n header: 'Google analytics',\r\n }\r\n },\r\n ]\r\n}\r\n","import React, { Fragment, useState } from 'react';\r\nimport { GdprModal } from './GdprModal';\r\nimport { useCookies } from 'react-cookie';\r\nimport { CONSENT_COOKIE_KEY } from '../../Custom/TendenzConstant';\r\nimport { ConsentAllCookies, CookieConsentNotInitzialized } from './CookieConsentActions';\r\n\r\nexport const CookieConsent = () => {\r\n const [cookies, setCookie] = useCookies([CONSENT_COOKIE_KEY]);\r\n const [modalIsOpen, setIsOpen] = useState(false);\r\n\r\n let cookieMenu = document.querySelector('#open-cookie-settings-modal');\r\n if (cookieMenu) {\r\n cookieMenu.addEventListener('click', () => {\r\n setIsOpen(true);\r\n })\r\n }\r\n\r\n return (\r\n \r\n
\r\n Cookieinställningar
\r\nx
\r\n\r\n Vi använder kakor och andra tekniker som sparar data på\r\n din enhet för att hantera ditt besök på webbplatsen, och för att möjliggöra olika funktioner.\r\n \r\n
\r\n \r\n {cookiesToConsent.map(({ key, title, content, trackingServices, optional, accepted }) => (\r\n onToggledConsent(accepted, key)} />\r\n ))}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n }\r\n {modalIsOpen &&\r\n \r\n
\r\n Vi använder cookies för att ge dig bästa möjliga kundupplevelse. Om du fortsätter innebär det att du accepterar cookies. Du kan läsa mer i vår Integritetspolicy.
\r\n \r\n \r\n