\n {!imageFormats ? (\n
\n \n
\n ) : (\n \n
\n \n
\n {shortDescription}
\n\n
\n \n {loading && (\n \n handleWishlistClick()}>\n {existsInWishList ? (\n {\n Analytics.trackEvent({\n category: 'Quick View',\n action: 'Navigation',\n label: 'View full listing'\n });\n }}>\n {t('mytQuickView_viewFullListing')}\n \n
\n \n {categoriesElement}\n
\n \n
\n \n );\n};\n\nSearchInput.propTypes = {\n categoriesElement: PropTypes.element,\n inputClassName: PropTypes.string,\n onBlur: PropTypes.func,\n onClearSearchInput: PropTypes.func,\n onFocus: PropTypes.func,\n onFormSubmit: PropTypes.func,\n onUserInputChange: PropTypes.func,\n onUserKeyUp: PropTypes.func,\n searchInputRef: PropTypes.object,\n searchTerm: PropTypes.string,\n selectedCategory: PropTypes.object,\n suggestionsElement: PropTypes.element\n};\n\nexport default SearchInput;\n","import React from 'react';\n\n// https://github.com/facebook/react/issues/3386#issuecomment-291152357\nconst HighlightWord = ({ text, query = '', icon }) => {\n if (!text) {\n return;\n }\n if (!query) {\n return (\n \n {icon && icon}\n {text}\n \n );\n }\n return (\n \n {icon && icon}\n {text.split(query).reduce((prev, current, i) => {\n if (!i) {\n return [current];\n }\n return prev.concat(\n \n {query}\n ,\n current\n );\n }, [])}\n \n );\n};\n\nexport default HighlightWord;\n","import React from 'react';\n\nimport { useTranslator, useUrlLocalizer } from 'tradera-lang';\nimport ALink from 'tradera-components/alink';\nimport FilterIcon from '@tradera/blueprint/theme/icons2/filter.svg?jsx';\nimport TimeIcon from '@tradera/blueprint/theme/icons2/time.svg?jsx';\nimport UserIcon from '@tradera/blueprint/theme/icons2/user-fill.svg?jsx';\nimport HighlightWord from './highlight-word';\n\n// Dont blur input when there's a mouseclick on the search suggestions\nconst preventDefault = evt => {\n evt.preventDefault();\n};\n\n// Without this, the search field dropdown is collapsed. Fixes TWT-993.\nconst fixFlexHeightInIpadMini2Style = { flexBasis: 'auto' };\n\nexport const PreviousSearchesListItem = ({\n changeSearchTerm,\n inSPA,\n isSelected,\n text,\n searchTerm,\n selectedCategoryId\n}) => {\n const { toLocalizedUrl } = useUrlLocalizer();\n return (\n \n {suggestions.map((entry, index) => {\n const componentProps = {\n key: entry.key,\n changeSearchTerm: onChangeSearchTerm,\n inSPA: inSPA,\n item: entry.item,\n text: entry.text,\n isSelected: index === selectedIndex,\n searchTerm: searchTerm,\n selectedCategoryId: selectedCategoryId\n };\n switch (entry.type) {\n case 'previous':\n return (\n
\n \n);\n\nSearchSuggestion.propTypes = {\n allSuggestions: PropTypes.array,\n isSearchInputFocused: PropTypes.bool,\n onChangeSearchTerm: PropTypes.func,\n previousSearches: PropTypes.array,\n searchTerm: PropTypes.string,\n selectedCategoryId: PropTypes.number,\n selectedIndex: PropTypes.number,\n setSearchSuggestionsElement: PropTypes.func\n};\n\nexport default SearchSuggestion;\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect, useDispatch } from 'react-redux';\nimport { withRouter } from 'react-router-dom';\n\nimport PAGE_TYPES from 'tradera-constants/page-types';\nimport discoverActions from 'tradera-state/discover/actions';\nimport { debounce } from 'packages';\nimport { useTranslator, useUrlLocalizer } from 'tradera-lang';\nimport { getSuggestions, addRecentSearch } from './helpers/suggestions-api';\nimport {\n trackSearch,\n trackSearchCategoryChanges,\n trackResetButton\n} from './helpers/search.analytics';\nimport {\n getNewSearchUrl,\n getCategoryDropdownConfig,\n getNextIndex\n} from './helpers/helper';\n\nimport SearchCategory from 'components/search-category/search-category';\nimport SearchInput from './components/search-input';\nimport SearchSuggestion from './components/search-suggestion';\n\nexport const KEYCODE = {\n ENTER: 13,\n ESC: 27,\n UP: 38,\n DOWN: 40\n};\n\nexport const MIN_CHARS_FOR_SUGGESTIONS = 2;\n\nexport const Search = ({\n inSPA,\n allCategories = [],\n categoryPath = [],\n inputClassName = '',\n discoverCurrentCategoryId = 0,\n discoverSearchTerm = '',\n queryParams,\n history\n}) => {\n const dispatch = useDispatch();\n const { t } = useTranslator();\n const { toLocalizedUrl } = useUrlLocalizer();\n const searchSuggestionsElementRef = React.createRef();\n const searchInputRef = React.createRef();\n\n const [currentCategoryId, setCurrentCategoryId] = useState(\n discoverCurrentCategoryId\n );\n const [isSearchInputFocused, setIsSearchInputFocused] = useState(false);\n const [searchTerm, setSearchTerm] = useState(discoverSearchTerm || '');\n const [suggestions, setSuggestions] = useState([]);\n const [selectedSuggestionIndex, setSelectedSuggestionIndex] = useState(\n null\n );\n\n useEffect(() => {\n setCurrentCategoryId(discoverCurrentCategoryId);\n }, [discoverCurrentCategoryId]);\n\n useEffect(() => {\n setSearchTerm(discoverSearchTerm);\n }, [discoverSearchTerm]);\n\n const loadSuggestionsDebounce = debounce(async (searchTerm, callback) => {\n const suggestions = await getSuggestionsWrapper(searchTerm);\n if (suggestions) {\n callback(suggestions);\n }\n }, 200);\n\n /**\n * this function wraps the getSuggestions and makes sure the paramters to the getSuggestions are consistent\n * @param {string} searchTerm\n */\n const getSuggestionsWrapper = async searchTerm => {\n const enableSuggestionsFromBackend =\n searchTerm.length >= MIN_CHARS_FOR_SUGGESTIONS;\n const suggestions = await getSuggestions({\n searchTerm,\n limitPrevious: enableSuggestionsFromBackend ? 3 : 7,\n enablePrevious: true,\n enableSuggestions: enableSuggestionsFromBackend\n });\n return suggestions;\n };\n\n const handleUpDownArrowKeys = keyCode => {\n let incrementBy = null;\n if (keyCode === KEYCODE.DOWN) {\n incrementBy = 1;\n } else if (keyCode === KEYCODE.UP) {\n incrementBy = -1;\n }\n if (incrementBy !== null) {\n const newIndex = getNextIndex(\n incrementBy,\n selectedSuggestionIndex,\n suggestions.length\n );\n setSelectedSuggestionIndex(newIndex);\n }\n };\n\n const handleUserKeyUp = evt => {\n switch (evt.which) {\n case KEYCODE.ESC:\n evt.target.blur();\n return;\n\n case KEYCODE.ENTER:\n // eslint-disable-next-line no-case-declarations\n const suggestions = searchSuggestionsElementRef.current?.querySelectorAll(\n '[data-suggestion]'\n );\n\n if (suggestions && suggestions[selectedSuggestionIndex]) {\n evt.preventDefault();\n suggestions[selectedSuggestionIndex].click();\n }\n return;\n\n case KEYCODE.DOWN:\n case KEYCODE.UP:\n handleUpDownArrowKeys(evt.which);\n return;\n }\n };\n\n const loadSearchSuggestions = async newSearchTerm => {\n setSelectedSuggestionIndex(null);\n setSearchTerm(newSearchTerm);\n setIsSearchInputFocused(true);\n\n if (newSearchTerm.length >= MIN_CHARS_FOR_SUGGESTIONS) {\n loadSuggestionsDebounce(newSearchTerm, suggestions => {\n setSuggestions(suggestions);\n });\n return;\n }\n const suggestions = await getSuggestionsWrapper(newSearchTerm);\n\n setSuggestions(suggestions);\n };\n\n const handleUserInputChange = evt =>\n loadSearchSuggestions(evt.target.value);\n\n const handleBlur = () => setIsSearchInputFocused(false);\n\n const handleFocus = () => {\n loadSearchSuggestions(searchTerm);\n };\n\n const handleCategoryChange = event => {\n const currentCategoryId = parseInt(event.target.value, 10);\n setCurrentCategoryId(currentCategoryId);\n dispatch(discoverActions.setCurrentCategoryId(currentCategoryId));\n trackSearchCategoryChanges(event);\n };\n\n const changeWindowLocation = newQuery => {\n // Trim search term to avoid empty searches\n const trimmedSearchTerm = newQuery.trim();\n let newSearchUrl = getNewSearchUrl(\n trimmedSearchTerm,\n queryParams,\n currentCategoryId,\n [...allCategories, ...categoryPath]\n );\n\n // Search with search term\n if (trimmedSearchTerm) {\n addRecentSearch(trimmedSearchTerm);\n trackSearch(trimmedSearchTerm);\n }\n if (inSPA) {\n searchInputRef.current.blur();\n history.push(toLocalizedUrl(newSearchUrl));\n } else {\n window.location.href = toLocalizedUrl(newSearchUrl);\n }\n setIsSearchInputFocused(false);\n };\n\n const handleFormSubmit = event => {\n event.preventDefault();\n changeWindowLocation(searchTerm);\n };\n\n const clearSearchInputAndGoToBrowse = event => {\n event.preventDefault();\n trackResetButton();\n setSearchTerm('');\n changeWindowLocation('');\n };\n\n const handleSuggestionsChangingSearchTerm = newSearchTerm => {\n // fixes case when user is on the same url as the current selected serach term. To reproduce:\n // 1. search tröja\n // 2. change the search term in the search box to \"tröj\" without hitting enter\n // 3. now you get previous searches \"tröja\", click on it\n // 4. without next line nothing will happen\n if (newSearchTerm !== searchTerm) {\n setSearchTerm(newSearchTerm);\n }\n setIsSearchInputFocused(false);\n searchInputRef.current.blur();\n };\n\n const {\n selectedOption: selectedCategory,\n optionsList: categorySelectOptions\n } = getCategoryDropdownConfig(\n t,\n allCategories,\n categoryPath,\n currentCategoryId\n );\n\n return (\n \n
\n \n \n {filter\n ? t('categoryListView_categoriesMatching', {\n filter\n })\n : t('categoryListView_categories')}\n \n
\n \n \n {category.categoryNodes.map(\n group => (\n \n \n {\n group.title\n }\n {group.isTopLevel && (\n \n —>\n \n )}\n \n \n )\n )}\n \n {index <\n filteredCategories.length -\n 1 && (\n \n )}\n \n )\n )}\n \n ) : (\n
\n \n
\n \n setFilter('')}\n />\n ) : (\n
\n\n - \n {filteredCategories.length > 0 ? (\n filteredCategories.map(category => (\n
\n {t(\n 'categoryListView_noMatchingCategories'\n )}\n
\n )}\n\n {filteredCategories.length > 0 ? (\n
\n - \n {filteredCategories.map(\n (category, index) => (\n
\n \n toggleCategory(\n category\n )\n }>\n \n \n {category.title}\n \n \n
\n \n \n \n {getCategoryIcon(\n category.id,\n category.title\n )}\n \n \n
\n \n {!filter && (\n \n {openCategories.includes(\n category.id\n ) ? (\n \n )}\n
\n \n {t('categoryListView_noMatchingCategories')}\n
\n )}\n\n ({\n name: `${language.displayName} - ${language.languageCodeIso3}`,\n value: language.languageCodeIso2\n }))}\n checked={preferredLanguage.languageCodeIso2}\n handleOnChange={onLanguageChanged}\n className=\"form-check-sm mt-3 ml-3\"\n radioButtonClassName=\"form-check-sm\"\n />\n
\n );\n};\n\nLanguageSelect.propTypes = {\n idPrefix: PropTypes.string.isRequired,\n languages: PropTypes.arrayOf(\n PropTypes.shape({\n languageCodeIso2: PropTypes.string,\n displayName: PropTypes.string,\n languageCodeIso3: PropTypes.string\n })\n ),\n preferredLanguage: PropTypes.object,\n onLanguageSelected: PropTypes.func\n};\n\nconst mapStateToProps = state => ({\n languages: selectAvailableLanguages(state),\n preferredLanguage: selectPreferredLanguage(state)\n});\n\nconst mapDispatchToProps = {\n setPreferredLanguage\n};\n\nexport const ConnectedLanguageSelect = connect(\n mapStateToProps,\n mapDispatchToProps\n)(LanguageSelect);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { RadioGroup } from 'components';\nimport {\n selectCurrencies,\n selectPreferredCurrency,\n setPreferredCurrency\n} from 'tradera-state/multi-currency';\nimport { useTranslator } from 'tradera-lang';\nimport CurrencyIcon from '@tradera/blueprint/theme/icons2/currency.svg?jsx';\n\nexport const CurrencySelect = ({\n idPrefix,\n currencies,\n preferredCurrency,\n onCurrencySelected\n}) => {\n const { t } = useTranslator();\n return (\n \n
\n \n \n {t('siteHeader_languageDisclaimerShort')}\n
\n \n ({\n name: ` ${currency.shortName} - ${currency.longName}`,\n value: currency.code\n }))}\n checked={preferredCurrency.code}\n handleOnChange={onCurrencySelected}\n className=\"form-check-sm mt-3 ml-3\"\n radioButtonClassName=\"form-check-sm\"\n />\n
\n );\n};\n\nCurrencySelect.propTypes = {\n idPrefix: PropTypes.string.isRequired,\n currencies: PropTypes.arrayOf(\n PropTypes.shape({\n code: PropTypes.string,\n shortName: PropTypes.string,\n longName: PropTypes.string\n })\n ),\n preferredCurrency: PropTypes.shape({\n code: PropTypes.string\n }),\n onCurrencySelected: PropTypes.func.isRequired\n};\n\nconst mapStateToProps = state => ({\n currencies: selectCurrencies(state),\n preferredCurrency: selectPreferredCurrency(state)\n});\n\nconst mapDispatchToProps = (dispatch, ownProps) => ({\n onCurrencySelected: (code, e) => {\n dispatch(setPreferredCurrency(code));\n ownProps.onCurrencySelected && ownProps.onCurrencySelected(code, e);\n }\n});\n\nexport const ConnectedCurrencySelect = connect(\n mapStateToProps,\n mapDispatchToProps\n)(CurrencySelect);\n","import React, { useState } from 'react';\nimport { FixedSizeList } from 'react-window';\nimport AutoSizer from 'react-virtualized-auto-sizer';\nimport CloseIcon from '@tradera/blueprint/theme/icons2/close.svg?jsx';\nimport ArrowDownIcon from '@tradera/blueprint/theme/icons2/arrow-down.svg?jsx';\nimport { useTranslator } from 'tradera-lang';\n\nexport const ShippingCountrySelectDropdown = ({\n shippingCountries,\n selectedShippingCountry,\n onSelect\n}) => {\n const { t } = useTranslator();\n const [searchFocus, setSearchFocus] = useState(false);\n const [search, setSearch] = useState('');\n const [isSearchEnabled, setIsSearchEnabled] = useState(false);\n const filteredShippingCountries = shippingCountries.filter(\n shippingCountry => {\n return (\n shippingCountry.name\n .toLowerCase()\n .includes(search.toLowerCase()) ||\n shippingCountry.countryCodeIso2\n .toLowerCase()\n .includes(search.toLowerCase())\n );\n }\n );\n\n const listStyle = {\n height:\n filteredShippingCountries.length < 6\n ? `${(filteredShippingCountries.length || 1) * 35}px`\n : '165px'\n };\n\n const Row = ({ index, style }) => (\n \n
\n \n
\n )}\n \n )}\n \n {t('siteHeader_shippingCountryNoResults')}\n
\n \n \n
\n );\n};\n\nShippingCountrySelect.propTypes = {\n shippingCountries: PropTypes.arrayOf(\n PropTypes.shape({\n countryCodeIso2: PropTypes.string,\n name: PropTypes.string\n })\n ),\n shippingCountry: PropTypes.object,\n updateShippingRegion: PropTypes.func\n};\n\nconst mapStateToProps = state => ({\n shippingCountry: selectShippingCountry(state),\n shippingCountries: selectAvailableShippingCountries(state),\n isLoadingAvailableShippingCountries: selectIsLoadingAvailableShippingCountries(\n state\n ),\n showShippingCountries:\n selectHasLoadedAvailableShippingCountries(state) &&\n !selectIsLoadingAvailableShippingCountries(state)\n});\n\nconst mapDispatchToProps = {\n updateShippingRegion,\n getAvailableShippingCountries\n};\n\nexport const ConnectedShippingCountrySelect = connect(\n mapStateToProps,\n mapDispatchToProps\n)(ShippingCountrySelect);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ConnectedLanguageSelect } from './language-select';\nimport { ConnectedCurrencySelect } from './currency-select';\nimport { ConnectedShippingCountrySelect } from './shipping-country-select';\n\nexport const LocalizationMenu = ({\n idPrefix,\n onBlur,\n showCurrencySelection,\n showRegionSelection,\n className\n}) => (\n \n {isLoadingAvailableShippingCountries && (\n {\n onShippingCountrySelected(countryCodeIso2);\n updateShippingRegion(countryCodeIso2);\n }}\n />\n )}\n
\n \n
\n )}\n {showShippingCountries && (\n \n {showRegionSelection && (\n <>\n
\n);\n\nLocalizationMenu.propTypes = {\n idPrefix: PropTypes.string,\n showRegionSelection: PropTypes.bool.isRequired,\n showCurrencySelection: PropTypes.bool.isRequired,\n className: PropTypes.string\n};\n\nLocalizationMenu.defaultProps = {\n className: ''\n};\n","import React from 'react';\n\nconst HoverMenuItemSeparator = () => (\n \n);\n\nexport default HoverMenuItemSeparator;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport uiActions from 'tradera-state/ui/actions';\nimport { VideoButton } from 'components';\n\nconst YoutubeVideo = ({\n youtubeVideoId,\n pageName,\n width,\n height,\n dispatch\n}) => (\n \n \n dispatch(\n uiActions.openVideoModal({\n videoId: youtubeVideoId,\n title: '',\n pageType: pageName\n })\n )\n }\n style={{\n width: `${width}px`,\n height: `${height}px`\n }}>\n
\n \n \n {youtube && instagramAlias\n ? `${t(\n 'socialMedia_title'\n )} YouTube & Instagram (@${instagramAlias})`\n : youtube\n ? `${t('socialMedia_title')} YouTube`\n : `${t(\n 'socialMedia_title'\n )} Instagram (@${instagramAlias})`}\n \n
\n );\n};\n\nTitle.propTypes = {\n youtube: PropTypes.bool,\n instagramAlias: PropTypes.string\n};\n\nexport default React.memo(Title);\n","import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport YoutubeVideo from './youtube-video';\nimport InstagramPost from './instagram-post';\nimport Title from './social-media-slider-title';\nimport './social-media-slider.scss';\n\nconst SocialMediaSlider = ({\n itemSize,\n youtubeVideoIds,\n instagramAlias,\n instagramPostIds,\n pageName,\n dispatch\n}) =>\n (!!youtubeVideoIds && youtubeVideoIds.length > 0) || !!instagramAlias ? (\n\n
\n \n {youtubeVideoIds &&\n youtubeVideoIds.map((youtubeVideoId, index) => (\n
\n \n \n \n ★\n ★\n ★\n ★\n ★\n
\n \n ★\n ★\n ★\n ★\n ★\n
\n \n \n \n {utils.getDisplayRating(rating)}\n \n
\n \n \n
\n \n );\n};\n\nexport default Tooltip;\n","import axios from 'axios';\nimport { handleError } from 'tradera-utils/api';\n\nexport const saveLanguageSetting = (code, toLocalizedUrl) =>\n axios\n .post(toLocalizedUrl('/my/profile/save-language-setting'), {\n languageCodeIso2: code\n })\n .catch(handleError());\n\n// Export object for Sinon stubbing\nexport default {\n saveLanguageSetting\n};\n","import Analytics from 'packages/analytics';\nimport logger from 'packages/logger';\nimport locationUtils from 'tradera-utils/location';\nimport api from './api';\nimport { selectIsLoggedIn } from 'tradera-state/member';\nimport { setPreferred } from './reducer';\nimport cookieUtil from 'tradera-utils/cookie';\nimport { PREFERRED_LANGUAGE } from 'tradera-constants/cookies';\n\n/**\n * Sets new preferred language\n * @param {string} code - example: 'sv' or 'en'\n */\nexport const setPreferredLanguage = (code, toLocalizedUrl) => async (\n dispatch,\n getState\n) => {\n Analytics.trackEvent({\n category: 'Settings',\n action: 'Language',\n label: code\n });\n\n try {\n if (selectIsLoggedIn(getState())) {\n await api.saveLanguageSetting(code, toLocalizedUrl);\n } else {\n cookieUtil.createCookie(PREFERRED_LANGUAGE, code);\n }\n dispatch(setPreferred(code));\n locationUtils.reloadLocalized(code);\n } catch (error) {\n logger(error);\n }\n};\n","/*jshint maxcomplexity: 10 */\nimport ajax from 'static/script/app/data/ajax';\nimport antiForgeryToken from 'static/script/app/data/anti-forgery-token';\nimport _ from 'static/script/libs/underscore';\nimport InitData from 'static/script/app/data/init-data';\nimport initData from 'init-data';\nimport { reload } from 'tradera-utils/location';\nimport { toLocalizedUrl } from 'tradera-utils/url';\n\nlet WithAjax = function() {\n this._currentRequests = {};\n\n this._callSuccessHandler = function(callbackOrEvent, data) {\n if (_.isFunction(callbackOrEvent)) {\n callbackOrEvent(data);\n } else if (_.isString(callbackOrEvent)) {\n this.trigger(callbackOrEvent, data);\n }\n };\n\n this._callErrorHandler = function(callbackOrEvent, data, jqXHR) {\n if (_.isFunction(callbackOrEvent)) {\n callbackOrEvent(data, jqXHR);\n } else if (_.isString(callbackOrEvent)) {\n this.trigger(callbackOrEvent, data);\n }\n };\n\n this._createSuccessHandler = function(callbackOrEvent) {\n if (!callbackOrEvent) {\n return null;\n }\n\n return function(data) {\n return this._callSuccessHandler(callbackOrEvent, data);\n }.bind(this);\n };\n\n this._userAborted = function(jqXHR) {\n return jqXHR.statusText === 'abort';\n };\n\n this._createErrorHandler = function(callbackOrEvent, noShowError) {\n return function(jqXHR, textStatus, errorThrown) {\n if (this._userAborted(jqXHR, errorThrown)) {\n return;\n }\n\n let data = jqXHR.responseJSON || {\n message:\n 'Någonting gick fel. Pröva att ladda om sidan och försök igen.'\n };\n data = data.responseStatus || data;\n\n if (data.code === 'XSRF-Error') {\n reload();\n return;\n }\n\n if (!this.attr.noShowError && !noShowError) {\n this.trigger(document, 'ui:error:show', data);\n }\n\n this._callErrorHandler(callbackOrEvent, data, jqXHR);\n }.bind(this);\n };\n\n this._populateOptions = function(options, method) {\n options.url = toLocalizedUrl(options.url, initData.languageCodeIso2);\n options.dataType = options.dataType || 'json';\n options.requestId = options.requestId || '';\n options.type = method;\n options.traditional = true;\n options.success = this._createSuccessHandler(options.success);\n options.error = this._createErrorHandler(\n options.error,\n options.noShowError\n );\n\n if (options.type === 'GET') {\n options.timeout = 15000;\n }\n\n if (!options.cache) {\n options.cache = options.type === 'GET' ? false : true;\n }\n\n return options;\n };\n\n this._jsonRequest = function(options, method) {\n let deferred = $.Deferred(),\n removeFromCurrentRequests = function(requestId) {\n if (_.has(this._currentRequests, requestId)) {\n delete this._currentRequests[requestId];\n }\n }.bind(this);\n\n options = this._populateOptions(options, method);\n\n if (options.type === 'POST') {\n antiForgeryToken.addToAjaxRequest(options);\n }\n\n let startTime = new Date();\n let jqXHR = ajax(options)\n .done(function(data, textStatus, jqXHR) {\n deferred.resolve(data, textStatus, jqXHR);\n })\n .fail(\n function(jqXHR, textStatus, errorThrown) {\n let endTime = new Date();\n this._globalErrorHandler(\n jqXHR,\n textStatus,\n errorThrown,\n options,\n startTime,\n endTime\n );\n deferred.reject(jqXHR, textStatus, errorThrown);\n }.bind(this)\n )\n .always(function() {\n removeFromCurrentRequests(options.requestId);\n });\n\n if (options.requestId) {\n if (_.has(this._currentRequests, options.requestId)) {\n this._currentRequests[options.requestId].abort();\n }\n this._currentRequests[options.requestId] = jqXHR;\n }\n\n deferred.fail(function() {\n jqXHR.abort();\n });\n return deferred;\n };\n\n this._get = function(options) {\n return this._jsonRequest(options, 'GET');\n };\n\n this._post = function(options) {\n return this._jsonRequest(options, 'POST');\n };\n\n this._getInitDataForScribe = function() {\n return InitData.getForScribe();\n };\n\n this._populateScribePayload = function(\n jqXHR,\n textStatus,\n errorThrown,\n options,\n startTime,\n endTime\n ) {\n return {\n eventName: 'js-ajax-error',\n textStatus: textStatus || '',\n errorThrown: errorThrown || '',\n initData: this._getInitDataForScribe() || '',\n status: jqXHR.status || '',\n state: jqXHR.state ? jqXHR.state() : '',\n responseHeaders: jqXHR.getAllResponseHeaders\n ? jqXHR.getAllResponseHeaders()\n : '',\n options: options,\n pageUrl: document.location.href,\n referrer: document.referrer,\n startTime: startTime || '',\n endTime: endTime || ''\n };\n };\n\n this._globalErrorHandler = function(\n jqXHR,\n textStatus,\n errorThrown,\n options,\n startTime,\n endTime\n ) {\n if (\n this._userAborted(jqXHR, errorThrown) ||\n jqXHR.statusText === 'timeout'\n ) {\n return;\n }\n let payload = this._populateScribePayload(\n jqXHR || {},\n textStatus,\n errorThrown,\n options || {},\n startTime,\n endTime\n );\n this.trigger(document, 'data:scribe', payload);\n };\n};\n\nexport default WithAjax;\n","import $ from 'static/script/libs/jquery';\nimport { component } from 'flightjs';\nimport BubbledFocus from 'static/script/utils/bubbled-focus';\n\nfunction AbstractModal() {\n this.modalId = undefined;\n\n this.opts = {};\n\n this.defaultAttrs({\n closeModal: '[data-modal-close]',\n modalBackground: '[data-modal-background]',\n modalTemplate: '[data-modal-template]'\n });\n\n this._isActive = function() {\n if (\n this.$modal &&\n this.$modal.data('modalId') === this.modalId &&\n $('body').find('> ' + this.attr.modalBackground).length > 0 &&\n this.$modalHtml\n ) {\n return true;\n }\n return false;\n };\n\n this.triggerOpen = function(evt, evtData) {\n /* Triggered by event */\n this._open(evtData);\n };\n\n this.triggerClose = function(evt, evtData) {\n /* Triggered by event */\n this._close(evtData);\n };\n\n this.triggerSetNonDismissible = function(evt, evtData) {\n /* Triggered by event */\n this._setNonDismissible(evtData);\n };\n\n this.openModal = function(data) {\n /* Triggered from components extending this */\n this._open(data);\n };\n\n this._open = function(evtData) {\n this._cancelSpinner();\n if (this._isActive()) {\n this._updateModal(evtData);\n } else {\n this._createModal(evtData);\n }\n };\n\n this._cancelSpinner = function() {\n if (this.timeout) {\n clearTimeout(this.timeout);\n this.timeout = null;\n }\n };\n\n this._updateModal = function(evtData) {\n evtData.cssClass = evtData.cssClass\n ? evtData.cssClass\n : 'modal-default';\n\n this.$modalContent.html(evtData.content);\n this.$modalHtml\n .attr('class', 'modal-background')\n .addClass(evtData.cssClass);\n if (evtData.adjustModalPosition) {\n evtData.adjustModalPosition(this);\n } else {\n this._adjustModalPosition();\n }\n\n if (evtData.nonDismissible) {\n this._setNonDismissible(true);\n }\n\n if (evtData.beforeShow) {\n evtData.beforeShow();\n }\n };\n\n this._createModal = function(evtData) {\n evtData.cssClass = evtData.cssClass\n ? evtData.cssClass\n : 'modal-default';\n\n this.$modalHtml = $(\n this.$node\n .find(this.attr.modalTemplate)\n .clone()\n .html()\n );\n this.$modal = this.$modalHtml.find('[data-modal]');\n\n this.modalId = 'id' + new Date().getTime();\n\n this.$modal.data('modalId', this.modalId);\n\n if (evtData.chromeless) {\n this.$modalContent = this.$modal;\n this.$modalContent.html(evtData.content);\n } else {\n this.$modalContent = this.$modalHtml.find('[data-modal-content]');\n this.$modalContent.html(evtData.content);\n }\n\n this.$modalHtml.addClass(evtData.cssClass);\n this.$node.append(this.$modalHtml);\n\n this._resizeModalHeight();\n if (evtData.adjustModalPosition) {\n evtData.adjustModalPosition(this);\n } else {\n this._adjustModalPosition();\n }\n\n if (evtData.nonDismissible) {\n this._setNonDismissible(true);\n }\n\n if (evtData.beforeShow) {\n evtData.beforeShow();\n }\n\n this._fadeIn();\n\n this.on(document, 'keyup', this._escButtonClose);\n };\n\n this._resizeModalHeight = function() {\n if (this._isActive()) {\n this.$modalHtml.css('height', $(document).height());\n }\n };\n\n this._escButtonClose = function(evt) {\n if (evt.which === 27 && !this._nonDismissible) {\n this._close();\n }\n };\n\n this._closeClick = function(evt) {\n if (!this._isActive()) {\n return;\n }\n if (this._closePrevented) {\n return;\n }\n\n let target = $(evt.target);\n if (target.attr('data-modal-close') === undefined) {\n return;\n }\n if (\n this._nonDismissible &&\n target.attr('data-modal-background') != undefined\n ) {\n return;\n }\n\n evt.stopPropagation();\n this._close();\n };\n\n this._close = function() {\n if (!this._isActive()) {\n return;\n }\n\n this.off(document, 'keyup', this._escButtonClose);\n this.trigger(document, 'ui:body-container:on-modal-close');\n\n this.$modalHtml.css('opacity', 0);\n setTimeout(\n function() {\n this._removeModal();\n }.bind(this),\n 250\n );\n };\n\n this._removeModal = function() {\n if (this.$modalHtml) {\n this.$modalHtml.remove();\n }\n };\n\n this._adjustModalPosition = function() {\n let popupHeight = this.$modal.height();\n let scroll = $(document).scrollTop();\n let windowHeight =\n window.innerHeight || document.documentElement.clientHeight;\n\n if (popupHeight > windowHeight) {\n this.$modal.css('margin-top', scroll);\n } else {\n let targetOffset = (windowHeight - popupHeight) * 0.25;\n this.$modal.css('margin-top', targetOffset + scroll);\n }\n };\n\n this._fadeIn = function() {\n this.$modalHtml.css('opacity', 1);\n };\n\n this._preventClose = function() {\n this._closePrevented = true;\n };\n\n this._enableClose = function() {\n setTimeout(\n function() {\n this._closePrevented = false;\n }.bind(this),\n 100\n );\n };\n\n this._setNonDismissible = function(value) {\n this._nonDismissible = value;\n if (value) {\n this.$modalHtml.addClass('modal-close-disabled');\n } else {\n this.$modalHtml.removeClass('modal-close-disabled');\n }\n };\n\n this.after('initialize', function() {\n this.on(\n document,\n 'ui:error:show ui:saved-search-modal:after-added',\n this._close\n );\n this.on('click', {\n closeModal: this._closeClick\n });\n\n this.on(document, 'ui:teardown', this._removeModal);\n this.on(\n document,\n 'ui:recently-viewed-items:on-items-change',\n this._resizeModalHeight\n );\n\n this.focus('[data-modal] input', this._preventClose.bind(this));\n this.blur('[data-modal] input', this._enableClose.bind(this));\n });\n}\n\nexport default component(AbstractModal, BubbledFocus);\n","import React from 'react';\nimport Spinner from 'static/script/libs/spin';\n\nexport default class JsxSpinner extends React.Component {\n componentDidMount() {\n const { config } = this.props;\n const spinjsConfig = {\n width: 2,\n length: 4,\n radius: 5,\n lines: 11,\n color: '#404a54',\n ...config // overwrite default\n };\n\n this.spinner = new Spinner(spinjsConfig);\n this.spinner.spin(this.spinnerEl);\n }\n\n componentWillUnmount() {\n this.spinner.stop();\n }\n\n render() {\n const { className } = this.props;\n return (\n {content}
\n \n {children}\n
\n );\n};\n\n// Global loading with overlay that covers the whole page, except top menu\nconst GlobalLoader = () => (\n {children}
\n);\n\nModalFooter.propTypes = {\n children: PropType.node.isRequired,\n className: PropType.string\n};\n\nexport default ModalFooter;\n","export const selectAvailableLanguages = state => state.language.available;\n\nexport const selectPreferredLanguage = state => state.language.preferred;\n\nexport const selectIsForeignLanguageActivated = state =>\n selectPreferredLanguage(state).languageCodeIso2 !== 'sv';\n\nexport const selectShouldAlwaysDisplayInMenu = state =>\n state.language.shouldAlwaysDisplayInMenu;\n\nexport const selectShouldDisplayInHeader = state =>\n state.language.shouldDisplayInHeader;\n","import $ from 'jquery';\nexport default $.ajax;\n","function IsHybridApp() {\n return $('#app-data').length > 0;\n}\n\nexport default IsHybridApp;\n","import React from 'react';\nimport ArrowLeftIcon from '@tradera/blueprint/theme/icons2/arrow-left.svg?jsx';\nimport ArrowRightIcon from '@tradera/blueprint/theme/icons2/arrow-right.svg?jsx';\n\nexport const NextArrow = props => {\n const { className, arrowClassName = '', style, onClick } = props;\n return (\n \n (this.slider = c)} {...defaults}>\n {render ? render() : children}\n \n
\n );\n }\n}\n\nBasicCarousel.propTypes = {\n className: PropTypes.string,\n settings: PropTypes.object,\n render: PropTypes.func,\n pageType: PropTypes.string\n};\n\nexport default BasicCarousel;\n","var parent = require('../../es/instance/every');\n\nmodule.exports = parent;\n","import React from 'react';\n\nconst lazyLoadSettings = {\n offset: 400,\n once: true,\n height: 150,\n placeholder: React.createElement('div', {\n className: 'item-card-image animation-loading-shimmer w-100 h-100'\n })\n};\n\nexport { lazyLoadSettings };\n","import AbstractModal from 'static/script/utils/abstract-modal';\nimport breakpoints from 'static/script/utils/breakpoints';\n\n// This Component extends AbstractModal\nfunction ModalTooltipUI() {\n this._triggerOpen = function(evt, opts) {\n this.opts = opts;\n this._open(opts);\n };\n\n this._adjustModalPosition = function() {\n if (!this._isActive()) {\n return;\n }\n\n let element = $(this.opts.element),\n offset = element.offset(),\n thisTop,\n thisLeft,\n thisLeftPosition;\n\n this._addBreakpointClass();\n\n if (this._fitsToTheRight(element)) {\n thisTop = parseInt(offset.top + element.outerHeight() / 2 - 20, 10);\n thisLeft = parseInt(\n element.offset().left + element.outerWidth() + 15,\n 10\n ); // 15 is for the arrow\n\n this.$modal\n .removeClass(function(index, css) {\n return (css.match(/\\bmodal-tooltip-arrow-\\S+/g) || []).join(\n ' '\n );\n })\n .addClass('modal-tooltip-arrow-left-top');\n } else {\n thisLeftPosition = this._getLeftPosition(element); // Add 5px to make it differ from the other elements\n thisTop = parseInt(offset.top + element.outerHeight(), 10) + 8; // 8 is for the arrow\n thisLeft = thisLeftPosition.left;\n\n this.$modal\n .removeClass(function(index, css) {\n return (css.match(/\\bmodal-tooltip-arrow-\\S+/g) || []).join(\n ' '\n );\n })\n .addClass(\n 'modal-tooltip-arrow-top-' + thisLeftPosition.arrowPosition\n );\n }\n\n this.$modal.css({ top: thisTop, left: thisLeft });\n };\n\n this._getLeftPosition = function(element) {\n let windowWidth = parseInt($(window).outerWidth(), 10),\n modalWidth = this.$modal.outerWidth(),\n elementWidth = $(element).outerWidth(),\n bestCenter = parseInt(\n $(element).offset().left + elementWidth / 2,\n 10\n ),\n maxLeft = windowWidth - 10 - modalWidth,\n minLeft = 10,\n left = parseInt(bestCenter - modalWidth / 2, 10);\n\n if (left > maxLeft) {\n return { arrowPosition: 'right', left: maxLeft };\n } else if (left < minLeft) {\n return { arrowPosition: 'left', left: minLeft };\n } else {\n return { arrowPosition: 'center', left: left };\n }\n };\n\n this._fitsToTheRight = function(element) {\n let windowWidth = parseInt($(window).outerWidth(), 10),\n elementRightOffset = parseInt(\n element.offset().left + element.outerWidth(),\n 10\n ),\n roomLeft = windowWidth - (elementRightOffset + 10);\n\n if (roomLeft > this.$modal.outerWidth()) {\n return true;\n }\n return false;\n };\n\n this._addBreakpointClass = function() {\n this.$modal.removeClass(function(index, css) {\n return (css.match(/\\bmodal-tooltip-size-\\S+/g) || []).join(' ');\n });\n\n this.$modal.addClass('modal-tooltip-size-' + breakpoints.getCurrent());\n };\n\n this.after('initialize', function() {\n this.on(\n document,\n 'ui:save-search:on-modal-tooltip-open',\n this._triggerOpen\n );\n this.on(\n document,\n 'utils:window-resize:resized',\n this._adjustModalPosition\n );\n });\n}\n\nexport default AbstractModal.mixin(ModalTooltipUI);\n","import { component } from 'flightjs';\nimport WithAjax from 'static/script/app/data/with-ajax';\nimport InitData from 'static/script/app/data/init-data';\nimport History from 'static/script/utils/history';\nimport bootResultLayout from 'static/script/app/boot/item-result-list/boot-result-layout';\n\nfunction NavigationFilter() {\n this._getFilterModal = function(evt, eventData) {\n this.trigger(document, 'data:navigation-filter:before-load', {\n forceStart: true\n });\n this._abortPendingRequests();\n\n if (eventData.reloadAfterModalClose) {\n this._reloadAfterModalClose();\n }\n\n let successCallback = function(html) {\n this._refresh(html, eventData.href);\n };\n\n this._request = this._get({\n url: eventData.href,\n dataType: 'html',\n headers: { 'x-push-state-request': 'true' }\n }).done(successCallback.bind(this));\n };\n\n this._refresh = function(html, href) {\n let replaceSelector = '[data-result-layout]';\n\n let $html = $(html),\n $newView = $html.find(replaceSelector),\n $currentView = this.$node.find(replaceSelector);\n\n let initData = InitData.setFromHtml(html);\n\n // this.trigger('ui:teardown', initData);\n\n History.pushState({ href: href }, initData.title, href);\n\n $currentView.empty().append($newView.contents());\n bootResultLayout(initData, true);\n // var module = require(initData.module);\n // module(initData);\n\n // if (initData.subModule) {\n // var subModule = require(initData.subModule);\n // subModule(initData);\n // }\n\n this.trigger(document, 'data:navigation-filter:after-load', initData);\n };\n\n this._abortPendingRequests = function() {\n if (this._request) {\n this._request.reject();\n this._request = null;\n }\n };\n\n this.after('initialize', function() {\n this.on('ui:modal-filter-ui:on-load', this._getFilterModal);\n this.on(\n document,\n 'ui:body-container:on-modal-close',\n this._abortPendingRequests\n );\n });\n}\n\nexport default component(NavigationFilter, WithAjax);\n","import {\n selectGeolocation,\n selectIsOutsideSweden\n} from 'tradera-state/member/selectors';\nimport { selectPreferredLanguage } from 'tradera-state/language';\nimport { selectIsLoggedIn } from 'tradera-state/member';\nimport { getLanguageFromCountryCode } from 'tradera-utils/languagecode';\n\nexport const selectShowRegionSelection = state =>\n state.shippingRegion.enabled && selectIsOutsideSweden(state);\nexport const selectAvailableShippingCountries = state =>\n state.shippingRegion.availableShippingCountries;\nexport const selectShippingCountry = state =>\n state.shippingRegion.shippingCountry;\nexport const selectIsLoadingAvailableShippingCountries = state =>\n state.shippingRegion.isLoadingAvailableShippingCountries;\nexport const selectHasLoadedAvailableShippingCountries = state =>\n state.shippingRegion.hasLoadedAvailableShippingCountries;\n\nconst gpsMatchesLanguage = state => {\n const geoLocation = selectGeolocation(state);\n if (!geoLocation) {\n return true;\n }\n const country = geoLocation?.isoCode?.toLowerCase();\n const expectedLang = getLanguageFromCountryCode(country);\n const language =\n selectPreferredLanguage(state)?.languageCodeIso2?.toLowerCase() || 'sv';\n return expectedLang === language;\n};\n\nexport const selectShowLocalizationRegionPicker = state =>\n !selectIsLoggedIn(state) &&\n state.shippingRegion.localizationRegionPickerEnabled &&\n !state.shippingRegion.regionPickerDismissed &&\n !gpsMatchesLanguage(state);\n","import $ from 'jquery';\nimport logger from 'packages/logger';\n\n/**\n * @description - class for connecting to twitter flight events\n * @class Messaging\n */\nexport default class Messaging {\n constructor() {\n this.subscribe = this.subscribe.bind(this);\n this.publish = this.publish.bind(this);\n this.namespace = `events-${Date.now()}-${Math.random()}`;\n this.events = [];\n }\n\n /**\n * @description - method to 'connect' to events\n * @param {array} events - array of all events to listen to\n * @param {function} callback - function invoked when an event is fired\n * @memberof Messaging\n */\n subscribe(events, callback) {\n if (!events) {\n logger('No event{s} passed, failing to register', true);\n return;\n }\n\n if (!Array.isArray(events)) {\n events = [events];\n }\n events.map(event => {\n this.events.push(event);\n $(document).on(`${event}.${this.namespace}`, callback);\n });\n }\n\n /**\n * @description - publish event\n * @param {string} event\n * @param {(object|string)} payload\n * @memberof Messaging\n */\n publish(event, payload) {\n // this.ConnectedToFlight.prototype.publishEvent(event, payload);\n $(document).trigger(event, payload);\n }\n\n teardown() {\n let me = this;\n this.events.map(event => {\n $(document).off(`${event}.${me.namespace}`);\n });\n this.events = [];\n }\n}\n","export { default as LocalizedDfpAd } from './localized-dfp-ad';\nexport { default as bootReactAds } from './boot-react-ads';\n","// \nimport { component } from 'flightjs';\n\nfunction FormSelectUI() {\n this.defaultAttrs({\n selectMethod: 'data-form-select-method',\n dropdownSelector: '[data-form-select-select]',\n dropdownLabel: '[data-form-select-label]',\n navigateEvent: 'ui:navigate'\n });\n\n this._selectChange = function() {\n this._updateLabel();\n let selectMethod = this.$node.attr(this.attr.selectMethod);\n\n if (selectMethod === 'gotovalue') {\n let optionValue = this.select('dropdownSelector').val();\n this._handleUrl(optionValue);\n }\n };\n\n this._handleUrl = function(url) {\n let selected = this.select('dropdownSelector').find(':selected');\n\n if (\n this.$node.is('[data-form-select-ga-category]') &&\n this.$node.is('[data-form-select-ga-action]') &&\n selected.is('[data-form-select-ga-label]')\n ) {\n this._addGaAndGotoUrl(selected, url);\n } else {\n this._gotoUrl(url);\n }\n };\n\n this._addGaAndGotoUrl = function(selected, url) {\n let callbackDone = false;\n\n let hitCallback = function() {\n if (callbackDone === false) {\n // callback should never be ran twice (ipad issue when using hitCallback + setTimeout)\n this._gotoUrl(url);\n }\n callbackDone = true;\n }.bind(this);\n\n this.trigger(document, 'analytics:track-event', {\n category: this.$node.attr('data-form-select-ga-category') || '',\n action: this.$node.attr('data-form-select-ga-action') || '',\n label: selected.attr('data-form-select-ga-label') || '',\n hitCallback: hitCallback\n });\n\n setTimeout(function() {\n hitCallback();\n }, 1000);\n };\n\n this._gotoUrl = function(url) {\n this.trigger(document, this.attr.navigateEvent, { href: url });\n };\n\n this._updateLabel = function() {\n // Value: optionValue = this.select('dropdownSelector').val()\n let optionLabel = this.select('dropdownSelector')\n .find(':selected')\n .text();\n this.select('dropdownLabel').text(optionLabel);\n };\n\n this.after('initialize', function() {\n this.on('change', {\n dropdownSelector: this._selectChange\n });\n\n this.on('ui:select-or-input-text:on-select-change', this._selectChange);\n this.on('ui:navigation:after-page-change', this._updateLabel);\n this._updateLabel();\n });\n}\n\nexport default component(FormSelectUI);\n","export default {\n TRADERA: 'https://www.tradera.com'\n};\n","import qs from 'qs';\nimport HOSTS from 'tradera-constants/hosts';\nimport initData from 'init-data';\n\n// List of SPA paths for the regex match, without initial slash\nconst SPA_REGEX_PATHS = [\n 'search',\n 'campaign',\n 'charity',\n 'kategorier',\n 'profile\\\\/items',\n 'brand\\\\/.+',\n // Category\n '[a-z]+[\\\\w\\\\-]+[\\\\-|_]\\\\d+'\n];\nconst SPA_PATH_REGEX = new RegExp(\n `^(\\\\/sv|\\\\/en|\\\\/de)?/(${SPA_REGEX_PATHS.join('|')})`\n);\n\n/**\n * Returns language parameter from url\n * @param {*} url\n */\nconst getLanguagePrefixFromUrl = url => {\n const supportedLanguages = ['en', 'de', 'da'];\n const matches = url.match(/\\/([a-z][a-z])\\//);\n\n if (matches === null) {\n return null;\n }\n\n if (supportedLanguages.indexOf(matches[1]) !== -1) {\n return matches[1];\n }\n\n return null;\n};\n\n/**\n * Format query params parsed from query string\n *\n * @param {object} queryParams\n * @returns {object}\n */\nconst formatQueryParams = queryParams => {\n const { categoryId, ...rest } = queryParams;\n const formattedQueryParams = rest;\n if (categoryId !== undefined) {\n formattedQueryParams.categoryId = parseInt(categoryId, 10);\n }\n return formattedQueryParams;\n};\n\n/**\n * Check if url is absolute\n *\n * @param {string} url\n * @returns {boolean}\n */\nconst isAbsoluteUrl = url => new RegExp('^(?:[a-z]+:)?//', 'i').test(url);\n\n/**\n * Tests if a given url or path is an SPA link or not\n *\n * @param {string} urlOrPath\n * @returns {boolean}\n */\nfunction isSpaLink(urlOrPath) {\n let pathname;\n if (/(^http)s?:\\/\\//i.test(urlOrPath)) {\n try {\n ({ pathname } = new URL(urlOrPath));\n } catch {\n return false;\n }\n } else {\n pathname = urlOrPath;\n }\n return SPA_PATH_REGEX.test(pathname);\n}\n\n/**\n * Takes an object and returns a new object without attribute properties\n * @param {object} queryParams\n * @returns {object}\n */\nconst stripAttributesFromQueryParameters = queryParams => {\n // Using object spread to exclude listed variables from 'rest'\n // eslint-disable-next-line no-unused-vars\n const { attributes, ...rest } = queryParams;\n return rest;\n};\n\n/**\n * Takes an object and returns a new object without pagination properties\n * @param {object} queryParams\n * @returns {object}\n */\nconst stripCategoryIdFromQueryParameters = queryParams => {\n // Using object spread to exclude listed variables from 'rest'\n // eslint-disable-next-line no-unused-vars\n const { categoryId, ...rest } = queryParams;\n return rest;\n};\n\n/**\n * Removes tradera base from a url, leaving path and query\n *\n * @param {string} url\n * @returns {string}\n */\nconst stripHost = url =>\n url.startsWith('http') ? url.replace(HOSTS.TRADERA, '') : url;\n\n/**\n * Takes an object and returns a new object without itm properties\n * @param {object} queryParams\n * @returns {object}\n */\nconst stripItmFromQueryParameters = queryParams => {\n // Using object spread to exclude listed variables from 'rest'\n // eslint-disable-next-line no-unused-vars\n const { itm_source, itm_medium, ...rest } = queryParams;\n return rest;\n};\n\n/**\n * Takes an object and returns a new object without pagination properties\n * @param {object} queryParams\n * @returns {object}\n */\nconst stripPaginationFromQueryParameters = queryParams => {\n // Using object spread to exclude listed variables from 'rest'\n // eslint-disable-next-line no-unused-vars\n const { spage, paging, page, fe, ...rest } = queryParams;\n return rest;\n};\n\n/**\n * Takes an object and returns a new object without savedQueryName properties\n * @param {object} queryParams\n * @returns {object}\n */\nconst stripSavedQueryNameFromQueryParameters = queryParams => {\n // Using object spread to exclude listed variables from 'rest'\n // eslint-disable-next-line no-unused-vars\n const { savedQueryName, ...rest } = queryParams;\n return rest;\n};\n\n/**\n * Takes an url and adds tradera base url if it is not already an absolute url\n *\n * @param {string} relativeUrl\n * @returns {string}\n */\nconst toAbsoluteUrl = relativeUrl =>\n relativeUrl.startsWith('http')\n ? relativeUrl\n : `${HOSTS.TRADERA}${\n relativeUrl.startsWith('/') ? relativeUrl : '/' + relativeUrl\n }`;\n\n/**\n * From react router location object to absolute url string\n * @param {{pathname: string, search: string}} url\n * @returns {string}\n */\nconst toAbsoluteUrlFromObject = url =>\n toAbsoluteUrl(\n `${url.pathname ? url.pathname : ''}${url.search ? url.search : ''}`\n );\n\n/**\n * From URL to URL with language prefix\n * @param {*} url\n * @param {*} languageCodeIso2\n */\nconst toLocalizedUrl = (url, languageCodeIso2) => {\n if (url === null || url === undefined || url === '') {\n return url;\n }\n\n const ignoredUrls = [initData.webApiUrl, '/api/webapi/'];\n const isIgnoredUrl = ignoredUrls.find(domain => url.indexOf(domain) !== -1);\n if (isIgnoredUrl) {\n return url;\n }\n\n const isAbsolute = isAbsoluteUrl(url);\n\n const urlObject = isAbsolute\n ? new URL(url)\n : new URL(url, 'http://dummy.com');\n const origin = isAbsolute ? urlObject.origin : '';\n const localisedPathname = setLanguagePrefix(\n urlObject.pathname,\n languageCodeIso2\n );\n return `${origin}${localisedPathname}${urlObject.search}`;\n};\n\n/**\n * Creates query parameters object from search string\n * @param {string} search\n */\nconst toQueryParameters = search =>\n qs.parse(search, { ignoreQueryPrefix: true });\n\n/**\n * Removes the Tradera host from a url, making it relative\n * @param {string} url\n * @returns {string}\n */\nconst toRelativeTraderaUrl = url => {\n if (url.startsWith(HOSTS.TRADERA)) {\n return url.replace(HOSTS.TRADERA, '');\n } else {\n return url;\n }\n};\n\n/**\n * Creates search string from all properties in object\n * @param {object} queryParams\n * @param {{[addQueryPrefix]: bool, [encode]: bool, [skipNulls]: bool }}\n * @returns {string}\n */\nconst toSearchString = (\n queryParams,\n {\n addQueryPrefix = true,\n encode = true,\n skipNulls = true,\n arrayFormat = 'repeat' //qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'repeat' }) ==> 'a=b&a=c'\n } = {}\n) =>\n qs.stringify(queryParams, {\n addQueryPrefix: addQueryPrefix,\n encode: encode,\n skipNulls: skipNulls,\n arrayFormat: arrayFormat\n });\n\nconst setLanguagePrefix = (path, languageCodeIso2) => {\n const languagePrefix = getLanguagePrefixFromUrl(path);\n const defaultLanguage = 'sv';\n\n if (languagePrefix) {\n if (languageCodeIso2 === defaultLanguage) {\n return path.replace(`/${languagePrefix}`, '');\n } else {\n return path.replace(languagePrefix, languageCodeIso2);\n }\n } else {\n if (languageCodeIso2 === defaultLanguage) {\n return path;\n } else {\n return `/${languageCodeIso2}${path}`;\n }\n }\n};\n\nexport {\n getLanguagePrefixFromUrl,\n formatQueryParams,\n isAbsoluteUrl,\n isSpaLink,\n stripAttributesFromQueryParameters,\n stripCategoryIdFromQueryParameters,\n stripHost,\n stripItmFromQueryParameters,\n stripPaginationFromQueryParameters,\n stripSavedQueryNameFromQueryParameters,\n toAbsoluteUrl,\n toAbsoluteUrlFromObject,\n toLocalizedUrl,\n toQueryParameters,\n toRelativeTraderaUrl,\n toSearchString\n};\n","import cookieUtil from 'tradera-utils/cookie';\n\nvar searchId = (function() {\n let cookieName = 's';\n\n function removeSearchId() {\n searchId.cookieUtil.eraseCookie(cookieName);\n }\n\n function saveSearchId(value) {\n let date = new Date();\n date.setMonth(date.getMonth() + 1);\n searchId.cookieUtil.createCookie(cookieName, value, date);\n }\n\n return {\n remove: function() {\n removeSearchId();\n },\n set: function(name, value) {\n saveSearchId(name, value);\n }\n };\n})();\n\nsearchId.cookieUtil = cookieUtil;\n\nexport default searchId;\n","import 'core-js/modules/es.promise';\nimport 'core-js/modules/es.array.iterator';\nimport 'intersection-observer';\nimport 'custom-event-polyfill';\nimport 'whatwg-fetch';\n\nimport initData from 'init-data';\nimport {\n handleModuleError,\n isSpaModule,\n loadModule,\n loadSpaModule,\n runModule\n} from 'utils/modules';\nimport { bootLanguages } from 'tradera-lang';\nimport gtm from 'static/script/app/ui/google-tagmanager-service';\n\nbootLanguages();\ngtm.loadGtmScript();\n\nif (initData) {\n const module = initData.module.split('/')[4];\n let moduleLoader;\n if (isSpaModule(module, initData)) {\n moduleLoader = loadSpaModule(initData);\n } else {\n moduleLoader = import('./init-module')\n .then(initModule => initModule.default(initData))\n .then(() => loadModule(module, initData))\n .then(loadedModule => runModule(loadedModule, initData));\n }\n moduleLoader\n .then(() => {\n window.document.body.setAttribute('data-module-loaded', 'true');\n return;\n })\n .catch(handleModuleError);\n}\n","import React, { useLayoutEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useMediaQuery } from 'react-responsive';\n\nimport { BREAKPOINT_SIZES, BREAKPOINTS } from 'tradera-constants/breakpoints';\nimport { getCurrentBreakpoint } from 'tradera-utils/breakpoints';\n\n/**\n * Conditionally render children depending on matching breakpoint\n *\n * \"is\" prop has precedence over \"upTo\" and \"downTo\", which can be used together to define a range\n *\n * @param {boolean} props.desktop - LG and above\n * @param {boolean} props.tablet - MD\n * @param {boolean} props.mobile - SM and below\n * @param {string} props.is - Exact breakpoint match\n * @param {string} props.upTo - Up to (inclusive) breakpoint match\n * @param {string} props.downTo - Down to (inclusive) breakpoint match\n * @param props.children\n * @returns {children|null}\n */\nconst Breakpoint = props => {\n const { desktop, tablet, mobile, children } = props;\n let { is, upTo, downTo } = props;\n let mediaQuery = {};\n if (desktop || tablet || mobile) {\n if (desktop) downTo = BREAKPOINTS.LG;\n else if (tablet) is = BREAKPOINTS.MD;\n else if (mobile) upTo = BREAKPOINTS.SM;\n }\n if (is) {\n mediaQuery.minWidth = BREAKPOINT_SIZES[is].min;\n mediaQuery.maxWidth = BREAKPOINT_SIZES[is].max;\n } else {\n if (upTo) {\n mediaQuery.maxWidth = BREAKPOINT_SIZES[upTo].max;\n } else if (downTo) {\n mediaQuery.minWidth = BREAKPOINT_SIZES[downTo].min;\n }\n }\n const isActive = useMediaQuery(mediaQuery);\n return isActive ? children : null;\n};\nBreakpoint.propTypes = {\n desktop: PropTypes.bool,\n tablet: PropTypes.bool,\n mobile: PropTypes.bool,\n is: PropTypes.oneOf(Object.keys(BREAKPOINTS)),\n upTo: PropTypes.oneOf(Object.keys(BREAKPOINTS)),\n downTo: PropTypes.oneOf(Object.keys(BREAKPOINTS))\n};\n\n/**\n * Returns breakpoint id when it changes\n *\n * @returns {string|null}\n */\nfunction useBreakpoint() {\n const initialBreakpoint = getCurrentBreakpoint(window.innerWidth);\n const [breakpoint, setBreakpoint] = useState(initialBreakpoint);\n useLayoutEffect(() => {\n const handleResize = event =>\n setBreakpoint(getCurrentBreakpoint(event.target.innerWidth));\n window.addEventListener('resize', handleResize);\n return () => window.removeEventListener('resize', handleResize);\n });\n return breakpoint;\n}\n\nconst withBreakpoint = WrappedComponent => {\n function WithBreakpoint(props) {\n const currentBreakpoint = useBreakpoint();\n return (\n \n {children}\n
\n \n );\n};\n\nexport default SiteSubheader;\n","/**\n * OBSOLETE - use google tag manager service instead:\n * src\\EbaySweden.TouchWeb\\static\\script\\app\\ui\\google-tagmanager-service.js\n *\n */\nimport { component } from 'flightjs';\n\nfunction GoogleTagManager() {\n let hitCallbackCalled = false;\n\n this.defaultAttrs({\n gaEventTrackingSelector:\n 'a[data-ga-category], button[data-ga-category]',\n gaShowEventTrackingSelector: '[data-ga-show]'\n });\n\n function pushToDataLayer(payload) {\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push(payload);\n }\n\n this._trackPageView = function() {\n pushToDataLayer({ event: 'trackPageview' });\n };\n\n this._trackEvent = function(evt, analyticsData) {\n let eventCategory = analyticsData.category || '';\n\n if (eventCategory != '') {\n pushToDataLayer({\n event: 'trackEvent',\n eventCategory: eventCategory,\n eventAction: analyticsData.action || '',\n eventLabel: analyticsData.label || '',\n eventValue: analyticsData.value || '0',\n eventNonInteractive: this._isNonInteractive(analyticsData),\n hitCallback: analyticsData.hitCallback\n });\n }\n };\n\n this._isNonInteractive = function(analyticsData) {\n if (analyticsData.userTriggered === undefined) {\n return true;\n }\n return !analyticsData.userTriggered;\n };\n\n this._trackEventFromLink = function(evt) {\n let link = $(evt.target).closest(this.attr.gaEventTrackingSelector),\n hitCallback = null;\n\n if (link.length === 0) {\n return;\n }\n\n /* jshint maxcomplexity:7 */\n let theUserWantsToOpenTheLinkInANewTab =\n evt.which > 1 ||\n evt.metaKey ||\n evt.ctrlKey ||\n evt.keyCode > 1 ||\n evt.shiftKey;\n\n if (\n link.attr('data-nav') === undefined &&\n !evt.isDefaultPrevented() &&\n !theUserWantsToOpenTheLinkInANewTab &&\n !link.attr('target')\n ) {\n evt.preventDefault();\n evt.stopImmediatePropagation();\n hitCallback = this._changeLocation(link.attr('href'));\n }\n\n this._sendTrackEvent(link, hitCallback);\n };\n\n this._changeLocation = function(href) {\n hitCallbackCalled = false;\n\n let hitCallback = function() {\n if (hitCallbackCalled === false) {\n // Avoid double-calls since the iPad seems to continue to setTimeout when using the back button\n hitCallbackCalled = true;\n if (href) {\n window.location.href = href;\n }\n }\n };\n\n setTimeout(hitCallback, 1000);\n return hitCallback;\n };\n\n this._trackEventFromPjax = function(e, payload) {\n if (!payload.target) {\n return;\n }\n\n this._sendTrackEvent($(payload.target));\n };\n\n this._sendTrackEvent = function(link, hitCallback) {\n if (!this._hasCategoryOrLabel(link)) {\n return;\n }\n\n let payload = this._getPayloadFromLink(link);\n\n if (hitCallback) {\n payload.hitCallback = hitCallback;\n }\n\n if (payload.category != '') {\n this.trigger('analytics:track-event', payload);\n }\n };\n\n this._getPayloadFromLink = function(link) {\n let payload = {\n category: link.data('ga-category') || '',\n action: link.data('ga-action') || 'Navigation',\n label: link.data('ga-label') || '',\n value: link.data('ga-value') || null\n };\n\n return payload;\n };\n\n this._hasCategoryOrLabel = function(link) {\n if (!link.data('ga-category') && !link.data('ga-label')) {\n return false;\n }\n return true;\n };\n\n this._trackShowEvent = function() {\n this.select('gaShowEventTrackingSelector').each(\n function(i, el) {\n let $el = $(el);\n let data = {\n category: $el.data('ga-category') || '',\n action: $el.data('ga-show') || 'Show',\n label: $el.data('ga-label') || ''\n };\n\n if (data.category != '') {\n this.trigger('analytics:track-event', data);\n }\n }.bind(this)\n );\n };\n\n this._trackSearchFilterToggle = function(evt, payload) {\n let label = payload.expand === true ? 'Open' : 'Close';\n\n if (evt.type === 'ui:toggle:search-filters-categories') {\n label = label + ' categories';\n } else {\n label = label + ' filters';\n }\n\n this.trigger('analytics:track-event', {\n category: 'Search',\n action: 'Toggle',\n label: label\n });\n };\n\n this._trackCategoryMenuToggle = function(evt, payload) {\n if (!payload.open) {\n return;\n }\n\n this.trigger('analytics:track-event', {\n category: 'Category',\n action: 'Open category menu',\n label: 'Open category menu'\n });\n };\n\n this._userLoggedIn = function(evt, payload) {\n if (payload && payload.version) {\n this.trigger('analytics:track-event', {\n category: 'Login',\n action: 'Navigation',\n label: 'Successful login - member: ' + payload.memberId\n });\n } else {\n this.trigger('analytics:track-event', {\n category: 'Login',\n action: 'Login',\n label: 'member-' + payload.memberId\n });\n }\n\n pushToDataLayer({\n memberId: payload.memberId,\n loginState: 'logged in'\n });\n };\n\n this._trackSearchResultLayoutChange = function(evt, payload) {\n let gaPayload = {\n category: 'Search',\n action: 'Layout',\n label: payload.label\n };\n this.trigger('analytics:track-event', gaPayload);\n };\n\n this._clearPageVariables = function() {\n //Clear page variable\n pushToDataLayer({\n page: null\n });\n // Prevent previously set page variables to get a value of 0\n // There is probably a more elegant solution to this. Feel free to change\n pushToDataLayer({\n page: {}\n });\n };\n\n this.after('initialize', function() {\n this.on(document, 'analytics:track-event', this._trackEvent);\n this.on(\n document,\n 'ui:navigation:after-page-change',\n this._trackPageView\n );\n this.on(\n document,\n 'ui:toggle:search-filters ui:toggle:search-filters-categories',\n this._trackSearchFilterToggle\n );\n this.on(\n document,\n 'ui:site-header:on-toggle-nav-categories',\n this._trackCategoryMenuToggle\n );\n this.on(document, 'data:login:logged-in', this._userLoggedIn);\n this.on(\n document,\n 'ui:search:layout',\n this._trackSearchResultLayoutChange\n );\n this.on('click', this._trackEventFromLink);\n this.on(document, 'ui:navigate', this._trackEventFromPjax);\n this.on(document, 'ui:before-page-change', this._clearPageVariables);\n this.on(document, 'utils:window-load', this._trackShowEvent);\n });\n}\n\nexport default component(GoogleTagManager);\n","/* eslint-disable */\n/* eslint-disable no-useless-escape */\n\nimport { component } from 'flightjs';\nimport $ from 'jQuery';\nimport WithAjax from 'core/script/app/data/with-ajax';\n\nfunction BankIdVerificationModal() {\n this.attributes({\n confirmButton: '[data-confirm-button]',\n errorContainer: '[data-modal-error-container]',\n errorDiv: '[data-bankid-modal-error]',\n progressDiv: '[data-bankId-modal-progress]',\n startDiv: '[data-bankid-modal-start]',\n bankIdAppLnk: '[data-bankId-app-link]',\n successDiv: '[data-bankid-modal-success]'\n });\n\n this.isBankIdCancelled = false;\n\n this.after('initialize', function() {\n let self = this;\n this.on('click', {\n confirmButton: self.verifyBankId\n });\n });\n\n this.verifyBankId = function() {\n let self = this;\n $(this.attr.startDiv).addClass('hidden');\n $(this.attr.errorDiv).addClass('hidden');\n $(this.attr.progressDiv).removeClass('hidden');\n\n self._post({\n url: '/bankid/authenticate',\n data: { purpose: 'verify-profile' },\n success: function(data) {\n if (self.isBankIdCancelled) {\n return;\n }\n\n if (data.errorMessage) {\n self.displayBankIdError(\n 'Något gick fel, vänligen försök igen'\n );\n } else {\n self.pollProgress();\n $(self.attr.bankIdAppLnk).attr(\n 'href',\n 'bankid:///?autostarttoken=' +\n data.autoStartToken +\n '&redirect=null'\n );\n self.authenticationStarted = true;\n if (self.isMobileOrTablet()) {\n self.startBankIdApplication();\n }\n }\n },\n error: function(data) {\n if (data && data.errorMessage) {\n self.displayBankIdError(data.errorMessage);\n } else {\n self.displayBankIdError(\n 'Något gick fel, vänligen försök igen'\n );\n }\n }\n });\n };\n\n this.displayBankIdError = function(msg) {\n $(this.attr.progressDiv).addClass('hidden');\n $(this.attr.errorDiv).removeClass('hidden');\n $(this.attr.errorContainer).html(msg);\n };\n\n this.pollProgress = function() {\n let self = this;\n setTimeout(function() {\n self._get({\n url: '/bankid/progress?' + new Date().getTime(),\n error: function(data) {\n if (self.isBankIdCancelled) {\n return;\n }\n\n self.displayBankIdError(data.errorMessage);\n },\n success: function(data) {\n if (self.isBankIdCancelled) {\n return;\n }\n\n if (data.errorMessage) {\n self.displayBankIdError('Autentiseringen avbröts');\n } else if (data.isCompleted) {\n $(self.attr.progressDiv).addClass('hidden');\n $(self.attr.successDiv).removeClass('hidden');\n } else {\n self.pollProgress();\n }\n }\n });\n }, 3000);\n };\n\n this.isMobileOrTablet = function() {\n let e = navigator.userAgent || navigator.vendor || window.opera;\n return (\n /(android|bb\\d+|meego).+mobile|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm(os)?|phone|p(ixi|re)\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(\n e\n ) ||\n /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s)|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp(i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac(|\\-|\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt(|\\/)|klon|kpt |kwc\\-|kyo(c|k)|le(no|xi)|lg(g|\\/(k|l|u)|50|54|\\-[a-w])|libw|lynx|m1\\-w|m3ga|m50\\/|ma(te|ui|xo)|mc(01|21|ca)|m\\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\\-| |o|v)|zz)|mt(50|p1|v)|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\\-2|po(ck|rt|se)|prox|psio|pt\\-g|qa\\-a|qc(07|12|21|32|60|\\-[2-7]|i\\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\\-|oo|p\\-)|sdk\\/|se(c(\\-|0|1)|47|mc|nd|ri)|sgh\\-|shar|sie(\\-|m)|sk\\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\\-|v\\-|v)|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\\-|tdg\\-|tel(i|m)|tim\\-|t\\-mo|to(pl|sh)|ts(70|m\\-|m3|m5)|tx\\-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\\-|)|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\\-|your|zeto|zte\\-/i.test(\n e.substr(0, 4)\n )\n );\n };\n}\n\nexport default component(BankIdVerificationModal, WithAjax);\n","/**\n * @returns initData as JSON;\n * Default\n */\nconst initData = function() {\n if (!window.initData) {\n const initDataEL = document.getElementById('init-data');\n if (initDataEL) {\n const ID = initDataEL.innerHTML;\n return JSON.parse(ID);\n } else {\n return null;\n }\n } else {\n return window.initData;\n }\n};\n\nexport const getInitData = initData;\nexport default new initData();\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport trendingMock from './trending-mock.json';\nimport { Analytics } from 'packages';\nimport { hot } from 'react-hot-loader';\nimport { useTranslator, useUrlLocalizer } from 'tradera-lang';\n\nimport './trending-tags.scss';\n\nconst TrendingTags = ({ initData }) => {\n const { t } = useTranslator();\n const { toLocalizedUrl } = useUrlLocalizer();\n\n const handleTagClick = label => {\n Analytics.trackEvent({\n category: 'Search',\n action: 'Navigation',\n label: label\n });\n };\n\n const {\n featureSwitches,\n trendingBrands = [],\n trendingSearches = []\n } = initData;\n\n const {\n searches: trendingSearchesMock,\n brands: trendingBrandsMock\n } = trendingMock;\n\n const useApi = featureSwitches['start-page-content-integration'];\n const contentFetched =\n trendingBrands.length > 0 && trendingSearches.length > 0;\n\n if (useApi && !contentFetched) {\n return null;\n }\n\n const Tag = ({ name, categoryId, url }) => (\n \n
\n );\n};\n\nTrendingTags.propTypes = {\n initData: PropTypes.object.isRequired\n};\n\nexport default hot(module)(TrendingTags);\n","import { component } from 'flightjs';\nimport WithAjax from 'core/script/app/data/with-ajax';\n\nfunction BankIdRecoveryUi() {\n this.attributes({\n bankIdAppLnk: '[data-bankId-restore-app-link]',\n resetEmailLnk: '[data-bankId-reset-email-lnk]',\n divInProgress: '[data-bankId-restore-inProgress]',\n divCompleted: '[data-bankId-restore-complete]',\n hdnRoute: '[data-bankId-restore-changePwdRoute]',\n setNewPwdbtn: '[data-bankId-restore-set-new-pwd]',\n divError: '[data-bankId-restore-error]',\n divErrorContainer: '[data-bankId-restore-error-cnt]'\n });\n\n this.pollProgress = function() {\n let self = this;\n setTimeout(function() {\n self._get({\n url: '/login/verifybankIdProgress',\n error: function() {\n self.showError('Avbruten');\n },\n success: function(data) {\n if (data.errorMessage) {\n self.showError(/*data.errorMessage*/);\n } else if (data.isCompleted) {\n self.showComplete(data.token);\n } else {\n self.pollProgress();\n }\n }\n });\n }, 3000);\n };\n\n this.showComplete = function(token) {\n $(this.attr.divInProgress).addClass('hidden');\n $(this.attr.divCompleted).removeClass('hidden');\n $(this.attr.resetEmailLnk).attr(\n 'href',\n $(this.attr.resetEmailLnk).attr('href') + '?key=' + token\n );\n };\n\n this.showError = function() {\n $(this.attr.divInProgress).addClass('hidden');\n $(this.attr.divError).removeClass('hidden');\n };\n\n this.startPolling = function() {\n let error = $('.security-box__message security-error');\n if (error.length === 0) {\n this.pollProgress();\n }\n };\n\n this.after('initialize', function() {\n this.startPolling();\n });\n}\n\nexport default component(BankIdRecoveryUi, WithAjax);\n","export { default, GlobalLoader, LocalLoader, PortalLoader } from './loader';\n","import { component } from 'flightjs';\n\nfunction PasswordValidator() {\n this.defaultAttrs({\n passwordInput: '#newPassword',\n passwordConfirmInput: '#newPasswordRepeated',\n errorMessageCopy: '#errorMessageCopy',\n errorMessageNode: '#errorMessage'\n });\n\n this._validatePasswordLength = function() {\n if (this.passwordInput.val().length > 7) {\n return true;\n } else {\n return false;\n }\n };\n\n this._validatePasswordEquality = function() {\n if (this.passwordInput.val() === this.passwordConfirmInput.val()) {\n return true;\n } else {\n return false;\n }\n };\n\n this._validatePasswordMainField = function() {\n if (this._validatePasswordLength()) {\n this.passwordInput.removeClass('security-box__form-field--invalid');\n this.errorMessageNode.addClass('hidden');\n return true;\n } else {\n this.passwordInput.addClass('security-box__form-field--invalid');\n this.errorMessageCopy.text(\n 'Ditt nya lösenord måste innehålla minst 8 tecken.'\n );\n this.errorMessageNode.removeClass('hidden');\n return false;\n }\n };\n\n this._validatePassword = function() {\n if (\n this._validatePasswordMainField() &&\n this._validatePasswordEquality()\n ) {\n this.passwordInput.removeClass('security-box__form-field--invalid');\n this.passwordConfirmInput.removeClass(\n 'security-box__form-field--invalid'\n );\n this.errorMessageNode.addClass('hidden');\n return true;\n } else {\n this.passwordConfirmInput.addClass(\n 'security-box__form-field--invalid'\n );\n this.errorMessageCopy.text(\n 'Försök igen och kontrollera att du har skrivit samma lösenord i båda fälten.'\n );\n this.errorMessageNode.removeClass('hidden');\n return false;\n }\n };\n\n this.after('initialize', function() {\n this.passwordInput = this.select('passwordInput');\n this.passwordConfirmInput = this.select('passwordConfirmInput');\n this.errorMessageCopy = this.select('errorMessageCopy');\n this.errorMessageNode = this.select('errorMessageNode');\n\n this.on(document, 'change', {\n passwordInput: this._validatePasswordMainField\n });\n\n this.on(document, 'change', {\n passwordConfirmInput: this._validatePassword\n });\n });\n}\n\nexport default component(PasswordValidator);\n","import { component } from 'flightjs';\nimport InitData from 'core/script/app/data/init-data';\n\nfunction TrackLoginEvent() {\n this.defaultAttrs({\n eventType: 'password-recovery',\n categoryName: '[data-login-flow-name]',\n errorMessage: '[data-input-error]'\n });\n\n this._triggerPasswordRecoveryEvents = function() {\n let categoryName = this.select('categoryName').data('login-flow-name');\n let errorMessage = this.select('errorMessage');\n\n if (\n errorMessage.length > 0 &&\n errorMessage.data('input-error').length > 0\n ) {\n this._triggerErrorEvent(categoryName, errorMessage);\n return;\n }\n\n this.trigger(document, 'analytics:track-event', {\n category: categoryName,\n action: 'Navigation',\n label: InitData.current().pageName,\n userTriggered: true\n });\n };\n\n this._triggerErrorEvent = function(categoryName, errorMessage) {\n this.trigger(document, 'analytics:track-event', {\n category: categoryName,\n action: 'Error',\n label:\n InitData.current().pageName +\n ' : ' +\n errorMessage.data('input-error'),\n userTriggered: true\n });\n };\n\n this._triggerLoginEvent = function() {\n let errorMessage = this.select('errorMessage');\n\n if (errorMessage.length > 0) {\n this._triggerErrorEvent('Login', errorMessage);\n return;\n }\n\n this.trigger(document, 'analytics:track-event', {\n category: 'Login',\n action: 'Navigation',\n label: 'Login Page (V2)',\n userTriggered: true\n });\n };\n\n this.after('initialize', function() {\n if (this.attr.eventType === 'password-recovery') {\n this._triggerPasswordRecoveryEvents();\n } else {\n this._triggerLoginEvent();\n }\n });\n}\n\nexport default component(TrackLoginEvent);\n","import { component } from 'flightjs';\n\nfunction SmsCheckUI() {\n this.defaultAttrs({\n smsSid: '[data-sms-sid]',\n errorMessage: '[data-sms-error]'\n });\n\n this._getSmsCheckPayload = function() {\n let smsSid = this.select('smsSid').data('smsSid');\n return { sid: smsSid };\n };\n\n this._triggerSmsCheck = function() {\n let payload = this._getSmsCheckPayload();\n\n if (payload.sid) {\n this.trigger(document, 'ui:sms-check:query', payload);\n }\n };\n\n this._showError = function(evt, payload) {\n if (!payload.successful) {\n this.select('errorMessage').removeClass('hidden');\n }\n };\n\n this.after('initialize', function() {\n this._triggerSmsCheck();\n this.on(document, 'data:sms-check:query', this._showError);\n });\n}\n\nexport default component(SmsCheckUI);\n","import { component } from 'flightjs';\nimport WithAjax from 'core/script/app/data/with-ajax';\n\nfunction SmsCheckService() {\n this._smsCheck = function(evt, payload) {\n this._post({\n url: '/login/smscheck',\n data: payload,\n success: 'data:sms-check:query'\n });\n };\n\n this.after('initialize', function() {\n this.on(document, 'ui:sms-check:query', this._smsCheck);\n });\n}\n\nexport default component(SmsCheckService, WithAjax);\n","import { component } from 'flightjs';\n\nfunction LoginButtonUI() {\n this._loginSubmit = function() {\n let loginButton = this.$node;\n setTimeout(function() {\n loginButton.prop('disabled', true);\n }, 1);\n return true;\n };\n\n this.after('initialize', function() {\n this.on('click', this._loginSubmit);\n });\n}\n\nexport default component(LoginButtonUI);\n","/**\n * Inject a script in the head with given text content\n *\n * @param {string} text\n * @param {object} [attributes]\n * @returns {HTMLElement} - The injected script element\n */\nfunction injectScript(text, attributes) {\n const scriptElement = document.createElement('script');\n Array.from(Object.entries(attributes)).forEach(([name, value]) => {\n scriptElement.setAttribute(name, value);\n });\n scriptElement.appendChild(document.createTextNode(text));\n document.head.appendChild(scriptElement);\n return scriptElement;\n}\n\nfunction loadScript(src, options = {}) {\n const optionsWithDefaults = {\n timeout: options.timeout || 0\n };\n return new Promise((resolve, reject) => {\n if (document.querySelector(`head > script[src=\"${src}\"]`) !== null) {\n resolve();\n return;\n }\n\n const script = document.createElement('script');\n\n let timeoutTimer;\n if (optionsWithDefaults.timeout > 0) {\n timeoutTimer = setTimeout(() => {\n script.onload = null;\n script.onerror = null;\n document.head.removeChild(script);\n reject(new Error('SCRIPT_LOAD_TIMEOUT'));\n }, optionsWithDefaults.timeout);\n }\n\n script.src = src;\n script.async = true;\n script.onload = () => {\n if (timeoutTimer) clearTimeout(timeoutTimer);\n resolve();\n };\n script.onerror = error => {\n if (timeoutTimer) clearTimeout(timeoutTimer);\n reject(error);\n };\n document.head.appendChild(script);\n });\n}\n\nexport { injectScript, loadScript };\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport axios from 'axios';\n\nimport { Analytics } from 'packages';\nimport logger from 'packages/logger';\nimport { loadScript } from 'tradera-utils/script';\nimport { localStore } from 'utils/storage';\nimport { STORAGE_KEYS } from 'tradera-constants/storage';\nimport { useCurrentLanguage, useTranslator } from 'tradera-lang';\nimport AppleIcon from '@tradera/blueprint/theme/icons2/network-apple.svg?jsx';\nimport LoadingIcon from '@tradera/blueprint/theme/icons2/loading.svg?jsx';\n\nconst AppleLoginButton = props => {\n const {\n appleClientId,\n className,\n compact,\n disabled,\n isModal,\n onError,\n tabIndex\n } = props;\n const [isLoading, setIsLoading] = useState(false);\n const { t } = useTranslator();\n const { locale } = useCurrentLanguage();\n\n const onClick = async () => {\n if (disabled) {\n return;\n }\n\n setIsLoading(true);\n onError(null);\n try {\n await loadScript(\n `https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/${locale ||\n 'sv_SE'}/appleid.auth.js`\n );\n } catch {\n return;\n }\n\n const AppleID = window.AppleID;\n if (!AppleID) {\n logger('Apple SDK could not be loaded by Apple login button');\n return;\n }\n\n AppleID.auth.init({\n clientId: appleClientId,\n scope: 'name email',\n redirectURI: location.origin + '/login',\n state: '',\n usePopup: true\n });\n\n if (isModal) {\n Analytics.trackEvent({\n category: 'Top navigation',\n action: 'Login menu',\n label: 'Button - Apple login'\n });\n }\n\n try {\n const appleSignInResponse = await AppleID.auth.signIn();\n // User data is only provided on first login, so save it for eventual user registration\n // https://developer.apple.com/documentation/sign_in_with_apple/sign_in_with_apple_js/configuring_your_webpage_for_sign_in_with_apple\n if (appleSignInResponse?.user) {\n localStore.setItem(\n STORAGE_KEYS.APPLE_ID_USER,\n appleSignInResponse.user\n );\n }\n const verifyResponse = await axios.post('/login/apple/verify', {\n AccessToken: appleSignInResponse.authorization.id_token,\n UserId: 'NOT_USED'\n });\n window.parent.location = verifyResponse.data.returnUrl;\n } catch (error) {\n const message =\n error?.response?.data?.error || error?.message || error?.error;\n switch (message) {\n case 'popup_closed_by_user':\n break;\n case 'MemberAuth_IncorrectUserOrPassword':\n window.parent.location = '/login?connect=Apple';\n break;\n default:\n onError(error);\n logger(message);\n break;\n }\n }\n\n setIsLoading(false);\n };\n\n return (\n \n
\n \n {t('trendingTags_brands')}\n :\n
\n\n {renderBrands(trendingBrands, trendingBrandsMock)}\n
\n \n
\n \n {t('trendingTags_searches')}\n :\n
\n\n {renderSearches(trendingSearches, trendingSearchesMock)}\n
\n \n
\n );\n } else {\n return null;\n }\n};\n\nSocialLogins.propTypes = {\n appleClientId: PropTypes.string,\n facebookAppId: PropTypes.string,\n googleAppId: PropTypes.string,\n className: PropTypes.string,\n isModal: PropTypes.bool,\n tabIndexStart: PropTypes.number\n};\n\nSocialLogins.defaultProps = {\n className: '',\n tabIndexStart: 0\n};\n\nexport default SocialLogins;\n","import { warnIfDevBuild } from 'core/script/utils/environment';\nwarnIfDevBuild('login');\nimport 'core/script/app';\nimport InitData from 'core/script/app/data/init-data';\nimport ChangePassword from './app/pages/change-password';\nimport EnterCellphoneVerification from './app/pages/enter-cellphone-verification-code';\nimport PasswordRecovery from './app/pages/password-recovery';\nimport Login from './app/pages/login';\nimport VerifyBankId from './app/pages/verify-bankId';\nimport BankIdPasswordRecovery from './app/pages/bankId-password-recovery';\nimport { logger } from 'packages';\nimport '../style/module-includes';\n\nlet initData = InitData.currentOrSet();\n\nconst modules = {\n 'change-password': ChangePassword,\n 'enter-cellphone-verification-code': EnterCellphoneVerification,\n 'password-recovery': PasswordRecovery,\n login: Login,\n 'verify-bankId': VerifyBankId,\n 'bankId-password-recovery': BankIdPasswordRecovery\n};\n\nif (initData && initData.subModule) {\n let mod = initData.subModule.split('pages/');\n try {\n modules[mod[1]](initData);\n } catch (e) {\n logger(e);\n }\n}\n","import PasswordValidator from 'areas/Login/static/script/app/ui/password-validator';\nimport TrackLoginEvent from 'areas/Login/static/script/app/ui/track-login-event';\n\nexport default function() {\n PasswordValidator.attachTo('[data-password-validator]');\n TrackLoginEvent.attachTo(document);\n}\n","import SmsCheckUI from 'areas/Login/static/script/app/ui/sms-check-ui';\nimport SmsCheckService from 'areas/Login/static/script/app/data/sms-check-service';\nimport TrackLoginEvent from 'areas/Login/static/script/app/ui/track-login-event';\n\nexport default function() {\n SmsCheckService.attachTo(document);\n SmsCheckUI.attachTo(document);\n TrackLoginEvent.attachTo(document);\n}\n","import TrackLoginEvent from 'areas/Login/static/script/app/ui/track-login-event';\n\nexport default function() {\n TrackLoginEvent.attachTo(document);\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport qs from 'qs';\n\nimport TrackLoginEvent from 'areas/Login/static/script/app/ui/track-login-event';\nimport LoginButtonUI from 'areas/Login/static/script/app/ui/login-button-ui';\n\nimport SocialLogins from 'areas/Login/static/script/app/ui/social-logins';\nimport * as LoginSignupEvents from 'core/script/app/ui/layout/login-signup-events';\n\nexport default function() {\n TrackLoginEvent.attachTo(document, {\n eventType: 'login'\n });\n LoginButtonUI.attachTo('[data-login-submit]');\n\n const search = qs.parse(window.location.search, {\n ignoreQueryPrefix: true\n });\n\n if (search['ReturnUrl']) {\n // Delayed import of cookieUtil to avoid conflict with main module loader\n import('../../../../../../../frontend/utils/cookie')\n .then(({ default: cookieUtil }) => {\n const cookieName = 'signup_referral_path';\n const expireDate = new Date();\n const value = window.location.origin + search['ReturnUrl'];\n expireDate.setTime(expireDate.getTime() + 10 * 60 * 1000);\n cookieUtil.createCookie(cookieName, value, expireDate);\n return;\n })\n .catch(e => e);\n }\n\n const socialLoginElement = document.getElementById('social-login');\n if (socialLoginElement) {\n ReactDOM.render(\n {t('login_useSocialLogin')}
\n {!cookiesEnabled && (\n\n \n
\n
\n )}\n \n
\n \n {t('login_cookieMissingWarning')}\n
\n\n {googleAppId && (\n setError(error)}\n tabIndex={tabIndexStart + 1}\n />\n )}\n {facebookAppId && (\n setError(error)}\n tabIndex={tabIndexStart}\n />\n )}\n {appleClientId && (\n setError(error)}\n tabIndex={tabIndexStart + 1}\n />\n )}\n
\n {error && (\n \n
\n )}\n \n
{t('login_orEnter')}
\n\n \n
\n )\n );\n }\n}\n\nHoverMenu.propTypes = {\n showMenu: PropTypes.bool,\n className: PropTypes.string\n};\n\nexport default HoverMenu;\n","import AbstractModal from 'static/script/utils/abstract-modal';\nimport Spinner from 'static/script/libs/spin';\n\n// This Component extends AbstractModal\nfunction ModalUI() {\n this._loading = function(evt, opts) {\n this._cancelSpinner();\n if (!this._isActive()) {\n this.trigger('ui:modal:open', {\n content: ''\n });\n }\n let spinner = new Spinner({\n width: 2,\n length: 4,\n radius: 5,\n lines: 11,\n color: '#404a54'\n });\n if (opts && opts.element) {\n let $el = $(opts.element);\n $el.css('opacity', 0.5);\n $el.wrap('')\n .parent()\n .each(function() {\n spinner.spin(this);\n });\n } else {\n let e = this.$modalContent[0];\n this.$modalHtml.addClass('modal-loading');\n this.timeout = setTimeout(function() {\n spinner.spin(e);\n }, 500);\n }\n };\n\n this.after('initialize', function() {\n this.on(document, 'ui:modal:open', this.triggerOpen);\n this.on(document, 'ui:modal:close', this.triggerClose);\n this.on(\n document,\n 'ui:modal:set-non-dismissible',\n this.triggerSetNonDismissible\n );\n this.on(document, 'data:navigation:before-modal-load', this._loading);\n });\n}\n\nexport default AbstractModal.mixin(ModalUI);\n","let $window = $(window);\n\nlet _getCurrentVpBottom = function() {\n return (\n (window.innerHeight ? window.innerHeight : $window.height()) +\n $window.scrollTop()\n );\n};\n\nlet _getCurrentVpTop = function() {\n return $window.scrollTop();\n};\n\nlet viewport = {\n isIn: function($item, vpBottom, vpTop) {\n vpBottom = vpBottom === undefined ? _getCurrentVpBottom() : vpBottom;\n vpTop = vpTop === undefined ? _getCurrentVpTop() : vpTop;\n\n let itemTop = $item.offset().top;\n let itemBottom = $item.offset().top + $item.height();\n return itemTop > vpTop && itemBottom < vpBottom;\n },\n\n isBelow: function($item, vpBottom) {\n vpBottom = vpBottom === undefined ? _getCurrentVpBottom() : vpBottom;\n\n let itemBottom = $item.offset().top + $item.height();\n return itemBottom > vpBottom;\n }\n};\n\nexport default viewport;\n","import React, { useEffect, useRef, useMemo } from 'react';\n\nimport { useUrlLocalizer } from 'tradera-lang';\nimport ALink from 'tradera-components/alink/alink';\nimport Home from '@tradera/blueprint/theme/icons2/home.svg?jsx';\n\nconst Breadcrumbs = ({\n categoryPath,\n categoryTree,\n className = '',\n handleClick,\n inSPA = false\n}) => {\n const { toLocalizedUrl } = useUrlLocalizer();\n const breadcrumbRef = useRef(null);\n\n // Use path if provided otherwise parse path from tree\n let parsedCategoryPath = useMemo(() => {\n if (categoryPath) {\n return categoryPath;\n } else if (categoryTree) {\n const path = resolveActiveCategoryPath(categoryTree);\n // If empty path, fall back to first root category\n if (path.length > 0) {\n return path;\n } else {\n return [categoryTree];\n }\n } else {\n return [];\n }\n }, [categoryPath, categoryTree]);\n\n useEffect(() => {\n breadcrumbRef.current.scrollLeft =\n breadcrumbRef.current.scrollWidth -\n breadcrumbRef.current.clientWidth;\n }, [parsedCategoryPath]);\n\n return (\n \n \n \n \n \n {parsedCategoryPath.map((category, index) => (\n handleClick(category) : null\n }\n />\n ))}\n \n
\n );\n};\n\n/**\n * Recursively search tree for active category, return list of it and its parents\n *\n * @param {object} category - Category tree\n * @param {object[]} parents - Parent categories to current tree\n */\nconst resolveActiveCategoryPath = (category, parents = []) => {\n if (category.status === 'active') {\n return [...parents, category];\n } else {\n if (category.children) {\n for (const child of category.children) {\n const path = resolveActiveCategoryPath(child, [\n ...parents,\n category\n ]);\n if (path.length > 0) return path;\n }\n }\n return [];\n }\n};\n\n/**\n * Creates a breadcrumb item with Microdata attributes.\n * Microdata can be tested with Google's Structured Data Testing Tool here:\n * https://search.google.com/structured-data/testing-tool?utm_campaign=devsite&utm_medium=microdata&utm_source=breadcrumb\n * Please note that it will give errors if href is contains localhost:5454.\n */\nconst BreadcrumbItem = ({\n handleClick,\n inSPA,\n microDataPositionProperty,\n title,\n url\n}) => {\n const isFirstElement = microDataPositionProperty === 1;\n const gaLabel = isFirstElement\n ? 'All'\n : `L${microDataPositionProperty - 1}`;\n\n return (\n \n {children}\n
\n \n
\n \n);\n\nModalHeader.propTypes = {\n children: PropType.node.isRequired,\n onClose: PropType.func,\n className: PropType.string\n};\n\nexport default ModalHeader;\n","import $ from 'static/script/libs/jquery';\nimport { component } from 'flightjs';\nimport WithAjax from 'static/script/app/data/with-ajax';\nimport History from 'static/script/utils/history';\nimport InitData from 'static/script/app/data/init-data';\n\nfunction Pagination() {\n this.defaultAttrs({\n cardListContainer: '[data-card-list-container]',\n pagination: '.search-pagination-bottom',\n paginationTop: '.search-pagination-top',\n items: '.card-list a',\n next: '[data-pagination-show-more]',\n first: '[rel=first]',\n previous: '[data-pagination-prev]'\n });\n\n this._next = function(evt) {\n evt.preventDefault();\n evt.stopPropagation();\n this._loadPage(evt.target, this._afterNext);\n };\n\n this._previous = function(evt) {\n evt.preventDefault();\n evt.stopPropagation();\n this._loadPage(evt.target, this._afterPrev);\n };\n\n this._loadPage = function(targetElement, onSuccess) {\n let target = $(targetElement).closest('a');\n let href = target.attr('href');\n let onError = function() {\n target\n .addClass('error')\n .html('Ett fel uppstod. Försök igen.');\n };\n\n let updatePageState = function() {\n this._forceReflowIfAndroid();\n let initData = InitData.current();\n this.trigger('ui:navigation:after-page-change', initData);\n History.replaceState({}, initData.title, href);\n };\n\n target\n .addClass('loading')\n .removeClass('error')\n .html('Hämtar...');\n\n this._get({\n url: href,\n dataType: 'html',\n headers: { 'x-push-state-request': 'true' },\n success: onSuccess.bind(this, href),\n error: onError,\n requestId: 'search-pagination'\n }).done(updatePageState.bind(this));\n };\n\n this._forceReflowIfAndroid = function() {\n // samsung galaxy tab and s2 need this to render properly, otherwise appended search results cannot be scrolled down to\n if (window.Feature._getUserAgent().indexOf('Android') >= 0) {\n let forceReflow = $('');\n forceReflow.addClass('force-reflow').appendTo('body');\n\n setTimeout(function() {\n forceReflow.remove();\n }, 200);\n }\n };\n\n this._afterNext = function(href, html) {\n let $html = $(html);\n let initData = InitData.setFromHtml(html);\n\n $html.find('a').data('origin', href);\n this.select('cardListContainer').append(\n $html.find(this.attr.cardListContainer).html()\n );\n this.select('pagination').replaceWith(\n $html.find('.search-pagination-bottom')\n );\n\n this.trigger('ui:search-result:after-pagination', {\n pageIndex: initData.pageIndex,\n direction: 'next'\n });\n };\n\n this._afterPrev = function(href, html) {\n let $html = $(html);\n let initData = InitData.setFromHtml(html);\n\n $html.find('a').data('origin', href);\n let firstElement = this.select('cardListContainer')\n .children()\n .first();\n\n let firstElementPosition = firstElement.position().top;\n\n this.select('cardListContainer').prepend(\n $html.find(this.attr.cardListContainer).html()\n );\n this.select('paginationTop').replaceWith(\n $html.find('.search-pagination-top')\n );\n this.select('pagination').replaceWith(\n $html.find('.search-pagination-bottom')\n );\n\n window.scrollTo(0, firstElement.position().top - firstElementPosition);\n\n this.trigger('ui:search-result:after-pagination', {\n pageIndex: initData.pageIndex,\n direction: 'prev'\n });\n };\n\n this._updateUrl = function(evt) {\n let $link = $(evt.target).closest('a');\n let origin = $link.data('origin');\n\n if (origin) {\n History.replaceState({}, document.title, origin);\n }\n };\n\n this._scrollToTop = function(evt) {\n if (!this._isOnFirstPage) {\n return;\n }\n evt.preventDefault();\n\n $(window).scrollTop(0);\n\n History.replaceState({}, null, this.select('first').attr('href'));\n };\n\n this.after('initialize', function() {\n this.on('click', {\n next: this._next,\n previous: this._previous,\n first: this._scrollToTop,\n items: this._updateUrl\n });\n\n this._isOnFirstPage = this.select('previous').length === 0;\n this.$node.find('a').data('origin', window.location.href);\n });\n}\n\nexport default component(Pagination, WithAjax);\n","import $ from 'static/script/libs/jquery';\nimport { component } from 'flightjs';\n\nfunction ResultLayoutTogglerUI() {\n this.defaultAttrs({\n toggleLayoutSelector: '[data-search-result-toggle-layout]'\n });\n\n this._toggleLayout = function(evt, data) {\n let layout = $(data.el)\n .closest('[data-search-result-toggle-layout]')\n .attr('data-search-result-toggle-layout');\n let payload = {\n targetLayout: layout\n };\n this.trigger(document, 'ui:search:on-layout-change', payload);\n };\n\n this.after('initialize', function() {\n this.on('click', {\n toggleLayoutSelector: this._toggleLayout\n });\n });\n}\n\nexport default component(ResultLayoutTogglerUI);\n","import { component } from 'flightjs';\nimport WithAjax from 'static/script/app/data/with-ajax';\nimport { toLocalizedRiotUrl } from './../../../../Areas/Selling/static/script/app_react/utils/language';\n\nfunction NavigationData() {\n this.defaultAttrs({\n pageContainer: '#page-container',\n noShowError: true,\n version: null\n });\n\n this.navigate = function(evt, eventData) {\n this.fullPageReload(eventData.href);\n };\n\n this.fullPageReload = function(href) {\n window.location.href = toLocalizedRiotUrl(href);\n };\n\n this.doTeardown = function() {\n component.teardownAll();\n };\n\n this.after('initialize', function() {\n this.on(document, 'ui:navigate', this.navigate);\n this.on(document, 'ui:teardown', this.doTeardown);\n });\n}\n\nexport default component(NavigationData, WithAjax);\n","import { component } from 'flightjs';\nimport 'static/script/libs/jquery';\nimport _ from 'static/script/libs/underscore';\nimport memberInfo from 'static/script/app/data/member-info';\n\nfunction TempData() {\n this._process = function(actions) {\n let tempDataString = this.$node.val();\n let tempData = JSON.parse(tempDataString);\n\n _.each(\n tempData,\n function(value, key) {\n if (actions[key]) {\n actions[key](value);\n }\n }.bind(this)\n );\n };\n\n this.after('initialize', function() {\n let actions = {\n justLoggedIn: this._justLoggedIn.bind(this),\n justLoggedInV2: this._justLoggedInV2.bind(this),\n errorMessage: this._errorMessage.bind(this)\n };\n\n this._process(actions);\n });\n\n this._justLoggedIn = function(value) {\n if (value) {\n let payload = { memberId: memberInfo.memberId };\n this.trigger(document, 'data:login:logged-in', payload);\n }\n };\n\n this._justLoggedInV2 = function(value) {\n if (value) {\n let payload = { memberId: memberInfo.memberId, version: 'V2' };\n this.trigger(document, 'data:login:logged-in', payload);\n }\n };\n\n this._errorMessage = function(value) {\n if (value) {\n let payload = { message: value };\n this.trigger(document, 'ui:error:show', payload);\n }\n };\n}\n\nexport default component(TempData);\n","/*jslint bitwise: true */\nimport $ from 'static/script/libs/jquery';\nimport breakpoints from 'static/script/utils/breakpoints';\nimport { component } from 'flightjs';\nimport Spinner from 'static/script/libs/spin';\nimport isHybridApp from 'static/script/utils/is-hybrid-app';\n\nfunction Loading() {\n this.defaultAttrs({\n delayInMilliseconds: 1000,\n timeoutId: -1,\n forced: false\n });\n\n this._spinner = (function() {\n let currentSpinner = null;\n let stop = function() {\n if (!currentSpinner) {\n return;\n }\n currentSpinner.stop();\n currentSpinner = null;\n };\n let start = function() {\n if (currentSpinner) {\n stop();\n }\n\n let options = {\n top: parseInt(\n $(window).scrollTop() + ($(window).height() / 7) * 3 || 0,\n 10\n ),\n lines: 9,\n length: 8,\n width: 4,\n radius: 6,\n className: 'framed-spinner'\n };\n\n currentSpinner = new Spinner(options);\n currentSpinner.spin(document.body);\n };\n return {\n start: start,\n stop: stop\n };\n })();\n\n this._show = function(evt, payload) {\n if (breakpoints.isVisible(breakpoints.xlarge) || isHybridApp()) {\n return;\n }\n\n if (\n payload &&\n payload.hasOwnProperty('forceStart') &&\n payload.forceStart === true\n ) {\n this.attr.forced = true;\n }\n\n this._spinner.start();\n this.attr.timeoutId = -1;\n };\n\n this._startDelay = function() {\n if (this.attr.forced !== true) {\n this._hide();\n this.attr.timeoutId = window.setTimeout(\n this._show.bind(this),\n this.attr.delayInMilliseconds\n );\n }\n };\n\n this._hide = function() {\n if (this.attr.timeoutId !== -1) {\n window.clearTimeout(this.attr.timeoutId);\n this.attr.timeoutId = -1;\n }\n\n this.attr.forced = false;\n this._spinner.stop();\n };\n\n this.after('initialize', function() {\n this.on(document, 'ui:loading:before-load', this._show);\n this.on(document, 'ui:loading:after-load', this._hide);\n\n this.on(document, 'ui:side-menu:on-filter-click', this._show);\n this.on(document, 'data:navigation-filter:before-load', this._show);\n this.on(document, 'data:navigation-filter:after-load', this._hide);\n this.on(document, 'data:navigation:before-page-load', this._startDelay);\n this.on(document, 'data:navigation-filter:after-load', this._hide);\n this.on(document, 'data:navigation:after-page-load', this._hide);\n this.on(document, 'ui:site-search:on-search-field-input', this._hide);\n this.on(document, 'ui:price-check:before-check', this._show);\n this.on(document, 'ui:price-check:after-check', this._hide);\n });\n}\n\nexport default component(Loading);\n","import { component } from 'flightjs';\n\nfunction Login() {\n this._showLogin = function(evt, evtData) {\n let destination =\n evtData && evtData.destination\n ? evtData.destination\n : encodeURIComponent(window.location.pathname) +\n encodeURIComponent(window.location.search);\n let url = '/login?ReturnUrl=' + destination;\n document.location.href = url;\n };\n\n this.after('initialize', function() {\n this.on(document, 'ui:login:show', this._showLogin);\n });\n}\n\nexport default component(Login);\n","import { component } from 'flightjs';\nimport WithAjax from 'static/script/app/data/with-ajax';\n\nfunction FeatureFeedbackService() {\n this._submitFeedback = function(evt, payload) {\n this._post({\n url: '/feature-feedback/',\n data: payload,\n success: 'data:feature-feedback:after-submit',\n error: 'data:feature-feedback:on-submit-error'\n });\n };\n\n this.after('initialize', function() {\n this.on(document, 'data:feature-feedback:submit', this._submitFeedback);\n });\n}\n\nexport default component(FeatureFeedbackService, WithAjax);\n","import $ from 'static/script/libs/jquery';\nimport { component } from 'flightjs';\nimport breakpoints from 'static/script/utils/breakpoints';\nimport FeatureFeedbackService from 'static/script/app/data/feature-feedback-service';\n\nfunction FeatureFeedback() {\n this._like = null;\n this._key = null;\n this._subtitle = null;\n this._title = null;\n\n this.defaultAttrs({\n overlay: '[data-feature-feedback-overlay]',\n container: '[data-feature-feedback-container]',\n like: '[data-feature-feedback-dialog-like]',\n dislike: '[data-feature-feedback-dialog-dislike]',\n likeLabel: '[data-feature-feedback-dialog-likelabel]',\n dislikeLabel: '[data-feature-feedback-dialog-dislikelabel]',\n cancel: '[data-feature-feedback-dialog-cancel]',\n submit: '[data-feature-feedback-dialog-submit]',\n subtitle: '[data-feature-feedback-dialog-subtitle]',\n title: '[data-feature-feedback-dialog-title]',\n comment: '[data-feature-feedback-dialog-comment]',\n dialog: '[data-feature-feedback-dialog]',\n isOkToContact: '[data-feature-feedback-dialog-isoktocontact]'\n });\n\n this._like = function() {\n this._like = true;\n this.select('container').removeClass('feature-feedback-status-dislike');\n this.select('container').addClass('feature-feedback-status-like');\n this.select('submit').removeAttr('disabled');\n };\n\n this._dislike = function() {\n this._like = false;\n this.select('container').removeClass('feature-feedback-status-like');\n this.select('container').addClass('feature-feedback-status-dislike');\n this.select('submit').removeAttr('disabled');\n };\n\n this._prompt = function(evt, payload) {\n this._clear();\n this._key = payload.key;\n this._subtitle = payload.subtitle;\n this._title = payload.title;\n this.select('subtitle').text(payload.subtitle);\n this.select('title').text(payload.title);\n this.select('likeLabel').text(payload.likeLabel || 'Bra');\n this.select('dislikeLabel').text(payload.dislikeLabel || 'Dåligt');\n\n this._goToStep1();\n this._setPosition(payload.position);\n this._showOverlay();\n this._showDialog();\n\n if (payload.cssClass) {\n this.$node.addClass(payload.cssClass);\n }\n };\n\n this._submit = function(evt) {\n evt.preventDefault();\n evt.stopPropagation();\n let payload = {\n key: this._key,\n title: this._subtitle + ' ' + this._title,\n like: this._like,\n comment: this.select('comment').val(),\n breakpoint: breakpoints.getCurrent(),\n isOkToContact: this.select('isOkToContact').is(':checked')\n };\n this.trigger(document, 'data:feature-feedback:submit', payload);\n this._clear();\n this._goToStep2();\n };\n\n this._clear = function() {\n this._like = null;\n this._key = null;\n this._subtitle = null;\n this._title = null;\n this.select('container').removeClass('feature-feedback-status-dislike');\n this.select('container').removeClass('feature-feedback-status-like');\n this.select('submit').attr('disabled', 'disabled');\n this.select('comment').val('');\n };\n\n this._setPosition = function(defaultPosition) {\n let position = defaultPosition;\n let container = this.select('container');\n\n position = this._getCenterPosition();\n\n container.css({\n top: position.top,\n left: position.left\n });\n };\n\n this._showOverlay = function() {\n this.select('overlay')\n .height(Math.max($(window).height(), $(document).height()))\n .show();\n };\n\n this._hideOverlay = function() {\n this.select('overlay').hide();\n };\n\n this._showDialog = function() {\n this.select('container').css({ visibility: 'visible' });\n };\n\n this._hideDialog = function() {\n this.select('container').css({ visibility: 'hidden' });\n };\n\n this._hideAll = function() {\n this._hideDialog();\n this._hideOverlay();\n };\n\n this._isSmallScreen = function() {\n return !breakpoints.isVisible(breakpoints.large);\n };\n\n this._getCenterPosition = function() {\n return {\n top:\n $(window).scrollTop() +\n ($(window).height() / 2 -\n this.select('container').outerHeight() / 2),\n left:\n $(window).width() / 2 -\n this.select('container').outerWidth() / 2\n };\n };\n\n this._cancel = function() {\n this._hideDialog();\n this._hideOverlay();\n };\n\n this._goToStep1 = function() {\n this.select('container').removeClass('feature-feedback-step2');\n this.select('container').addClass('feature-feedback-step1');\n };\n\n this._goToStep2 = function() {\n this.select('container').removeClass('feature-feedback-step1');\n this.select('container').addClass('feature-feedback-step2');\n\n window.setTimeout(\n function() {\n this._hideAll();\n }.bind(this),\n 1500\n );\n };\n\n this._closeStep2 = function() {\n if (this.select('container').hasClass('feature-feedback-step2')) {\n this._hideAll();\n }\n };\n\n this.after('initialize', function() {\n this.on('click', {\n like: this._like,\n dislike: this._dislike,\n cancel: this._cancel,\n overlay: this._cancel,\n submit: this._submit,\n dialog: this._closeStep2\n });\n this.on(document, 'ui:feature-feedback:prompt', this._prompt);\n FeatureFeedbackService.attachTo(document);\n });\n}\n\nexport default component(FeatureFeedback);\n","import $ from 'static/script/libs/jquery';\nimport { component } from 'flightjs';\nimport FeatureFeedback from 'static/script/app/ui/feature-feedback/feature-feedback';\n\nfunction FeatureFeedbackLink() {\n this.defaultAttrs({\n link: '[data-feature-feedback-link]',\n key: 'data-feature-feedback-key',\n title: 'data-feature-feedback-title',\n subtitle: 'data-feature-feedback-subtitle',\n likeLabel: 'data-feature-feedback-likelabel',\n dislikeLabel: 'data-feature-feedback-dislikeLabel',\n FeatureFeedback: '[data-feature-feedback]',\n template: '[data-feature-feedback-template]',\n offsetLeft: 'data-feature-feedback-offset-left',\n container: '[data-feature-feedback-link-container]', // Just to see how many clicks the container instead of the link\n initData: null\n });\n\n /*jshint maxcomplexity:7 */\n this._promptFeatureFeedback = function(evt) {\n evt.preventDefault();\n evt.stopPropagation();\n let el = $(evt.target);\n let paddingLeft = 10;\n let top = el.height() + el.offset().top;\n let offsetLeft = parseInt(el.attr(this.attr.offsetLeft) || '0');\n let left = el.offset().left - paddingLeft + offsetLeft;\n let cssClass = el.attr('data-feature-feedback-cssclass') || '';\n\n let payload = {\n key: el.attr(this.attr.key),\n subtitle: el.attr(this.attr.subtitle) || '',\n title: el.attr(this.attr.title) || '',\n likeLabel: el.attr(this.attr.likeLabel) || '',\n dislikeLabel: el.attr(this.attr.dislikeLabel) || '',\n position: {\n top: top,\n left: left\n },\n cssClass: cssClass\n };\n\n this._initTemplateOnce();\n this.trigger(document, 'ui:feature-feedback:prompt', payload);\n\n let gaData = {\n category: 'Feature feedback',\n action: 'Click',\n label: 'Link'\n };\n this._trackGAEvent(gaData);\n };\n\n this._initTemplateOnce = function() {\n if (this.select('FeatureFeedback').length < 1) {\n let tpl = $(this.select('template').html());\n $('body').append(tpl);\n FeatureFeedback.attachTo(this.attr.FeatureFeedback);\n }\n };\n\n this._teardown = function() {\n this.select('FeatureFeedback').remove();\n };\n\n this._containerClicked = function() {\n let gaData = {\n category: 'Feature feedback',\n action: 'Click',\n label: 'Container'\n };\n this._trackGAEvent(gaData);\n };\n\n this._trackGAEvent = function(data) {\n this.trigger(document, 'analytics:track-event', {\n category: data.category,\n action: data.action,\n label: data.label + ' | ' + this._getPageNameForGA()\n });\n };\n\n this._getPageNameForGA = function() {\n return this.attr.initData.pageName || 'Unknown page';\n };\n\n this.after('initialize', function() {\n this.on('click', {\n link: this._promptFeatureFeedback,\n container: this._containerClicked\n });\n this.on('ui:teardown', this._teardown);\n });\n}\n\nexport default component(FeatureFeedbackLink);\n","import $ from 'static/script/libs/jquery';\nimport { component } from 'flightjs';\n\nfunction SavedSearchMonitorTogglerUI() {\n this.defaultAttrs({\n idAttribute: 'data-search-form-monitor-id',\n savedSearchTogglerElement: '[data-search-form-monitor-id]',\n savedSearchTogglerLabelElement: '[data-search-form-monitor-label]',\n disabledClass: 'disabled'\n });\n\n this._onToggleChange = function(element) {\n let eventName, payload;\n\n if (element.is(':checked')) {\n eventName = 'ui:saved-searches:on-monitor-start';\n payload = {\n SearchId: element.attr(this.attr.idAttribute),\n SendMail: true,\n element: element\n };\n } else {\n eventName = 'ui:saved-searches:on-monitor-stop';\n payload = {\n SearchId: element.attr(this.attr.idAttribute),\n SendMail: false,\n element: element\n };\n }\n\n element.addClass(this.attr.disabledClass); // Avoid double clicks or slow connections clicking twice\n this.trigger(eventName, payload);\n };\n\n this._monitoringCallback = function(evt, payload) {\n let sendMail = payload.sendMail,\n element = payload.element;\n\n if (element.is(':checkbox')) {\n element.attr('checked', sendMail);\n element.removeClass(this.attr.disabledClass);\n }\n };\n\n this._clickOnCheckbox = function(evt, options) {\n evt.stopPropagation(); // If the checkbox is inside a \n \n \n {!isMax ? (\n \n
\n \n );\n }\n}\n\nPriceRange.propTypes = {\n handleStart: PropTypes.number.isRequired,\n handleEnd: PropTypes.number.isRequired,\n handlePriceFilterChange: PropTypes.func,\n rangeStart: PropTypes.number.isRequired,\n rangeEnd: PropTypes.number.isRequired,\n algorithm: PropTypes.object,\n navigateEvent: PropTypes.string\n};\n\n// export default PriceRange;\nexport { PriceRange };\nexport default withTranslator(PriceRange);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { SimpleModal } from 'components';\nimport { BasicCarousel } from 'tradera-components/carousels/basic';\nimport { BREAKPOINT_SIZES, BREAKPOINTS } from 'tradera-constants/breakpoints';\nimport './image-gallery-modal.scss';\n\nclass ImageGalleryModal extends Component {\n static propTypes = {\n images: PropTypes.array.isRequired,\n initialSlideIndex: PropTypes.number\n };\n\n static defaultProps = {\n initialSlideIndex: 0\n };\n\n navigate = e => {\n if (e.keyCode === 37) {\n // left\n this.carousel.previous();\n e.preventDefault();\n } else if (e.keyCode === 39) {\n // right\n this.carousel.next();\n e.preventDefault();\n }\n };\n\n handleCloseModalClick = event => {\n event.stopPropagation();\n this.props.closeModalCallback();\n };\n\n stopClickEventPropagationFromCarousel = event => event.stopPropagation();\n\n stopClickEventsFromImage = event => event.stopPropagation();\n\n componentDidMount() {\n window.addEventListener('keydown', this.navigate);\n }\n\n componentWillUnmount() {\n window.removeEventListener('keydown', this.navigate);\n }\n\n render() {\n const {\n images,\n initialSlideIndex,\n closeModalCallback,\n ...rest\n } = this.props;\n const settings = {\n initialSlide: initialSlideIndex,\n accessibility: false,\n adaptiveHeight: true,\n lazyLoad: 'progressive',\n fade: false,\n useCss: false,\n useTransform: false,\n responsive: [\n {\n breakpoint: BREAKPOINT_SIZES[BREAKPOINTS.MD].min,\n settings: {\n arrows: false\n }\n }\n ]\n };\n\n return (\n \n {\n this.carousel = c;\n }}\n className=\"w-100\"\n settings={settings}\n render={() =>\n images.map((image, index) => (\n \n \n
\n \n ))\n }\n />\n