\n \n setShowEmailTooltip(false)}\n center={centerTooltip}\n position={tooltipPosition}\n />\n )}\n
\n );\n};\n","import { localStore } from 'tradera/utils/storage';\nimport { STORAGE_KEYS, STORAGE_VALUES } from 'tradera/constants/storage';\nimport GdprSettings from 'tradera/utils/gdpr-settings';\n\nexport const showSaveSearchHint = () =>\n localStore &&\n localStore.getItem(STORAGE_KEYS.SAVE_SEARCH_HINT) !==\n STORAGE_VALUES.SAVE_SEARCH_HINT_CLICKED &&\n GdprSettings.isFunctionalEnabled();\n\nexport const hideSaveSearchHint = () =>\n localStore &&\n localStore.setItem(\n STORAGE_KEYS.SAVE_SEARCH_HINT,\n STORAGE_VALUES.SAVE_SEARCH_HINT_CLICKED\n );\n","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport React from \"react\";\nexport default (({\n styles = {},\n ...props\n}) => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 15 15\"\n}, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M7.5 10.5C8.9 10.5 10 9.4 10 8S8.9 5.5 7.5 5.5 5 6.6 5 8s1.1 2.5 2.5 2.5zm0-1C6.7 9.5 6 8.8 6 8s.7-1.5 1.5-1.5S9 7.2 9 8s-.7 1.5-1.5 1.5zm-4-6l2-2h4l2 2h2c.6 0 1 .4 1 1v8c0 .6-.4 1-1 1h-12c-.6 0-1-.4-1-1v-8c0-.6.4-1 1-1h2zm2.4-1l-2 2H1.5v8h12v-8h-2.4l-2-2H5.9z\"\n})));","import CameraIcon from '@tradera/blueprint/theme/icons2/camera.svg?jsx';\nimport { classNames } from 'tradera/utils/class-names';\n\nexport const EmptyImage = ({ className }: { className?: string }) => (\n \n
\n }>\n \n
\n \n
\n {children}\n \n );\n};\n\nconst IdentityVerificationContent = ({ text }: { text: string }) => {\n const { t } = useTranslator();\n\n return (\n <>\n \n {`${t('identity_verification_verifying')} ${birthdate}****`}\n
\n \n {t('identity_verification_modal_header')}\n
\n{text}
\n \n );\n};\n\nexport default BankIdInfoModal;\n","import axios from 'axios';\nimport { memberIdentificationClient } from 'tradera/utils/http';\n\nexport interface SessionStatusCommandResult {\n isCompleted: boolean;\n errors: string[];\n}\n\nexport const pollSessionStatus =\n {t('international_identification_errorUnavailable')}\n
\n ) : null;\n};\n","import { useEffect, useState } from 'react';\nimport { useSelector } from 'react-redux';\nimport axios from 'axios';\nimport { memberIdentificationClient } from 'tradera/utils/http';\nimport { GtmService } from 'tradera/services/google-tagmanager/google-tagmanager-service';\nimport { selectPreferredLanguageCode } from 'tradera/state/language/selectors';\nimport { useTranslator } from 'tradera/lang/translate';\n\ninterface PayPalCreateSessionCommand {\n clientId: string;\n purpose: string;\n languageCodeIso2: string;\n}\n\ninterface PayPalCreateSessionCommandResult {\n redirectUrl: string;\n}\n\nexport const PayPal = ({\n purpose,\n setSelectedIdentificationIsLoading,\n signal\n}: {\n purpose: string;\n signal: AbortSignal;\n setSelectedIdentificationIsLoading: (value: boolean) => void;\n}) => {\n const { t } = useTranslator();\n const [error, setError] = useState\n {t('international_identification_errorUnavailable')}\n
\n ) : null;\n};\n","export const PayPalLogo = ({ className = '', height = '21' }) => {\n return (\n \n {t('international_identification_errorUnavailable')}\n
\n ) : null;\n};\n","export const IdinLogo = ({ className = '', height = '21' }) => {\n return (\n \n {state === states.CARD_VERIFICATION_MODAL && (\n <>\n \n\n
\n );\n};\n","import { useCallback, useEffect, useRef, useState } from 'react';\nimport axios from 'axios';\nimport { memberIdentificationClient } from 'tradera/utils/http';\nimport { useCurrentLanguage, useTranslator } from 'tradera/lang/translate';\nimport { LocalLoader } from 'tradera/components/loader/loader';\nimport { GtmService } from 'tradera/services/google-tagmanager/google-tagmanager-service';\nimport InfoIcon from '@tradera/blueprint/theme/icons2/info.svg?jsx';\n\nconst STATE = {\n VERIFYING: 'VERIFYING', // When user is entering details in onfido GUI.\n ERROR_UNAVAILABLE: 'ERROR_UNAVAILABLE', // When error occurs.\n CONTACT_CUSTOMER_SUPPORT: 'CONTACT_CUSTOMER_SUPPORT', // When validation failed.\n INIT: 'INIT', // When creating signicat session and bootstrapping onfido.\n POLLING: 'POLLING' // When waiting for onfido verification.\n};\n\nconst addScriptToDom = (webSdkUrl) => {\n return new Promise((resolve, reject) => {\n const dataAttributeName = 'data-signicat-web-sdk-url-script';\n if (document.querySelector(`[${dataAttributeName}]`)) {\n return resolve();\n }\n const js = document.createElement('script');\n js.setAttribute(dataAttributeName, '1');\n js.setAttribute('type', 'text/javascript');\n js.setAttribute('src', webSdkUrl);\n js.setAttribute('async', true);\n const onLoad = () => {\n js.removeEventListener('load', onLoad);\n return resolve();\n };\n js.addEventListener('load', onLoad);\n js.addEventListener('error', reject);\n document.body.appendChild(js);\n });\n};\n\nconst useCallbackWrapper = (callback) => {\n const callbackRef = useRef(callback);\n useEffect(() => {\n callbackRef.current = callback;\n }, [callback]);\n return useCallback((...args) => callbackRef.current(...args), []);\n};\n\nexport const SignicatScanning = ({\n onVerifyComplete: onVerifyCompleteIncoming,\n purpose,\n setSelectedIdentificationIsLoading,\n signal\n}) => {\n const { t } = useTranslator();\n\n const onVerifyComplete = useCallbackWrapper(onVerifyCompleteIncoming);\n const [verifyingState, setVerifyingState] = useState(STATE.INIT);\n const { language } = useCurrentLanguage();\n\n useEffect(() => {\n if (verifyingState !== STATE.INIT) {\n return;\n }\n\n GtmService.trackAction('DocumentScanning', 'Start', null);\n let currentTimeoutId = null;\n\n const abortPolling = () => {\n currentTimeoutId && clearTimeout(currentTimeoutId);\n // eslint-disable-next-line better-mutation/no-mutation\n currentTimeoutId = null;\n };\n\n const poll = (sessionId, dossierId, signal) =>\n new Promise((resolve) => {\n const call = () => {\n // eslint-disable-next-line better-mutation/no-mutation\n currentTimeoutId = setTimeout(async () => {\n try {\n // If the signal is aborted, exit the polling loop.\n if (signal.aborted) {\n abortPolling();\n return;\n }\n\n // Result will appear when verification is completed.\n const result =\n await memberIdentificationClient.command(\n 'SignicatSessionStatus',\n { purpose, sessionId, dossierId },\n { signal: signal }\n );\n\n if (result.isComplete) {\n abortPolling();\n return resolve(result);\n }\n } catch (ex) {\n if (axios.isCancel(ex)) {\n return;\n }\n } finally {\n if (currentTimeoutId) {\n call();\n }\n }\n }, 2000);\n };\n call();\n });\n\n memberIdentificationClient\n .command('SignicatCreateSession', { purpose }, { signal: signal })\n .then(async ({ token, onfidoWebSdkUrl, sessionId, dossierId }) => {\n await addScriptToDom(onfidoWebSdkUrl);\n setVerifyingState(STATE.VERIFYING);\n setSelectedIdentificationIsLoading(false);\n\n return new Promise((resolve) =>\n setTimeout(\n () => resolve({ token, sessionId, dossierId }),\n 0\n )\n );\n })\n .then(async ({ token, sessionId, dossierId }) => {\n return new Promise((resolve, reject) => {\n window.Onfido.init({\n token,\n containerId: 'onfido-mount',\n steps: [\n {\n type: 'document',\n options: {\n hideCountrySelection: true,\n documentTypes: {\n passport: true,\n national_identity_card: true,\n driving_licence: true\n }\n }\n },\n 'face'\n ],\n onError: reject,\n onComplete: () => {\n resolve({ sessionId, dossierId });\n },\n language\n });\n });\n })\n .then(async ({ sessionId, dossierId }) => {\n setVerifyingState(STATE.POLLING);\n const { isSuccessful, validationErrors } = await poll(\n sessionId,\n dossierId,\n signal\n );\n\n if (isSuccessful) {\n GtmService.trackAction('DocumentScanning', 'Success', null);\n onVerifyComplete();\n } else {\n if (validationErrors.length > 0) {\n validationErrors.forEach((error) =>\n GtmService.trackAction(\n 'DocumentScanning',\n 'ValidationError',\n error\n )\n );\n }\n setVerifyingState(STATE.CONTACT_CUSTOMER_SUPPORT);\n }\n return;\n })\n .catch((ex) => {\n if (axios.isCancel(ex)) {\n return;\n }\n\n GtmService.trackAction(\n 'DocumentScanning',\n 'Error',\n 'ErrorUnavailable'\n );\n setSelectedIdentificationIsLoading(false);\n setVerifyingState(STATE.ERROR_UNAVAILABLE);\n });\n return () => {\n abortPolling();\n };\n }, [\n verifyingState,\n setVerifyingState,\n setSelectedIdentificationIsLoading,\n signal,\n onVerifyComplete,\n purpose,\n language\n ]);\n\n if (verifyingState === STATE.INIT) {\n return null;\n }\n\n return (\n \n {t(\n 'internationalwacko_cardverificationmodal_disclaimer'\n )}\n
\n\n \n \n )}\n {state === states.ERROR && (\n\n {t('internationalwacko_cardverificationmodal_unavailable')}\n
\n )}\n {state === states.NOT_VERIFIED && (\n\n
\n )}\n \n {t(\n 'internationalwacko_cardverificationmodal_failedVerification'\n )}\n
\n\n {t(\n 'internationalwacko_cardverificationmodal_failedVerification_info'\n )}\n
\n \n\n {verifyingState === STATE.POLLING && (\n \n
\n )}\n {verifyingState === STATE.VERIFYING && (\n <>\n \n
\n \n
\n {t('international_identification_info_text')}\n \n {t('international_identification_errorUnavailable')}\n
\n )}\n {verifyingState === STATE.CONTACT_CUSTOMER_SUPPORT && (\n\n {\n setVerifyingState(STATE.INIT);\n setSelectedIdentificationIsLoading(true);\n }}>\n {t('international_identification_buttonTryAgain')}\n \n
\n )}\n \n );\n};\n","import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { useTranslator } from 'tradera/lang/translate';\nimport { memberIdentificationClient } from 'tradera/utils/http';\nimport { LocalLoader } from 'tradera/components/loader/loader';\nimport { MitId } from 'tradera/components/international-identification-modal/mit-id';\nimport { MitIdLogo } from './mit-id-logo';\nimport { PayPal } from 'tradera/components/international-identification-modal/paypal';\nimport { PayPalLogo } from './paypal-logo';\nimport { Idin } from 'tradera/components/international-identification-modal/idin';\nimport { IdinLogo } from 'tradera/components/international-identification-modal/idin-logo';\nimport styles from './international-identification-modal.module.scss';\nimport { CardVerification } from './card-verification';\nimport { logger } from 'packages/logger';\nimport { Button } from '../atoms/button/button';\nimport { ScrollableModal } from '../scrollable-modal/scrollable-modal';\nimport { SignicatScanning } from 'tradera/components/international-identification-modal/signicat-scanning';\nimport { HeaderWithCloseButton } from 'tradera/components/scrollable-modal/header-with-close-button';\nimport ArrowLeftIcon from '@tradera/blueprint/theme/icons2/arrow-left.svg?jsx';\nimport VerificationIcon from 'tradera/blueprint/theme/icons-colored/verification.svg?jsx';\nimport { InfoBox } from 'tradera/components/info-box/info-box';\n\nexport const IDENTIFICATION_TYPES = {\n MITID: 'MitId',\n CARD: 'Card',\n SIGNICATSCANNING: 'SignicatScanning',\n PAYPAL: 'PayPal',\n IDIN: 'iDIN'\n};\n\ntype InternationalIdentificationModalProps = {\n heading: string;\n introText: string;\n onCloseModal: () => void;\n onTop?: boolean;\n onVerifyComplete: () => void;\n purpose: string;\n errorText: string | null;\n isResponseLoading: boolean;\n};\n\nexport const InternationalIdentificationModal = ({\n heading,\n introText,\n onCloseModal,\n onTop,\n onVerifyComplete,\n purpose,\n errorText,\n isResponseLoading\n}: InternationalIdentificationModalProps) => {\n const { t } = useTranslator();\n const abortController = useRef\n {t(\n 'international_identification_contactCustomerSupportHeading'\n )}\n
\n\n {t(\n 'international_identification_contactCustomerSupportText_scanning'\n )}\n
\n\n {showGlobalLoader && (\n \n {errorText}\n \n ) : null}\n\n \n setSelectedIdentification(\n IDENTIFICATION_TYPES.MITID\n )\n }\n fixedIcon={true}\n icon={\n \n setSelectedIdentification(\n IDENTIFICATION_TYPES.IDIN\n )\n }\n fixedIcon={true}\n icon={\n \n setSelectedIdentification(\n IDENTIFICATION_TYPES.SIGNICATSCANNING\n )\n }>\n \n {t(\n 'international_identification_signicat_scanning_button'\n )}\n \n \n \n ))\n : (element = (\n \n setSelectedIdentification(\n IDENTIFICATION_TYPES.SIGNICATSCANNING\n )\n }>\n {t(\n 'international_identification_signicat_scanning_button'\n )}\n \n ));\n break;\n case IDENTIFICATION_TYPES.CARD:\n element = (\n \n setSelectedIdentification(\n IDENTIFICATION_TYPES.CARD\n )\n }>\n {t(\n 'international_identification_card_verification_button'\n )}\n \n );\n break;\n case IDENTIFICATION_TYPES.PAYPAL:\n element = (\n \n setSelectedIdentification(\n IDENTIFICATION_TYPES.PAYPAL\n )\n }\n fixedIcon={true}\n icon={\n \n {element}\n \n );\n }\n )}\n
\n \n )}\n {selectedIdentificationGui &&\n abortController.current &&\n selectedIdentificationGui(abortController.current.signal)}\n {error && (\n \n \n
\n )}\n {validIdentifications &&\n validIdentifications.map(\n (identification, index) => {\n let element = null;\n switch (identification) {\n case IDENTIFICATION_TYPES.MITID:\n element = (\n \n {heading}\n
\n{introText}
\n {showLocalLoader && (\n\n {t('international_identification_errorUnavailable')}\n
\n )}\n \n );\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"logo-white\":\"logo-white--El7wB\",\"logoWhite\":\"logo-white--El7wB\",\"logo-dark\":\"logo-dark--UX2dd\",\"logoDark\":\"logo-dark--UX2dd\"};","import styles from './mit-id-logo.module.scss';\n\nexport const MitIdLogo = ({\n className = '',\n color,\n alt = null,\n height = '14'\n}) => {\n const logoClassName =\n color === 'white'\n ? styles.logoWhite\n : color === 'dark'\n ? styles.logoDark\n : styles.logoWhite;\n return (\n \n {title && (\n {\n handleOnClick(code);\n }}>\n \n
\n );\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"overlay\":\"overlay--XH71D\",\"PopoverContent\":\"PopoverContent--ALEI6\",\"popoverContent\":\"PopoverContent--ALEI6\",\"PopoverContentAnchorWidth\":\"PopoverContentAnchorWidth--jmejx\",\"popoverContentAnchorWidth\":\"PopoverContentAnchorWidth--jmejx\",\"PopoverArrow\":\"PopoverArrow--ZM8X4\",\"popoverArrow\":\"PopoverArrow--ZM8X4\",\"pulse-animation\":\"pulse-animation--FtmKP\",\"pulseAnimation\":\"pulse-animation--FtmKP\",\"PopoverClose\":\"PopoverClose--CGTVv\",\"popoverClose\":\"PopoverClose--CGTVv\"};","import type React from 'react';\nimport { useEffect, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useTranslator } from 'tradera/lang/translate';\nimport * as RadixPopover from '@radix-ui/react-popover';\nimport styles from './popover.module.scss';\nimport { Button } from '../atoms/button/button';\nimport { Text } from '../atoms/text/text';\nimport { classNames } from 'tradera/utils/class-names';\nimport CloseIcon from 'tradera/blueprint/theme/icons2/close.svg?jsx';\nimport { useIsMounted } from 'tradera/hooks/use-is-mounted';\nimport { useScrollIntoView } from 'tradera/hooks/use-scroll-into-view';\nimport { Space } from 'tradera/components/atoms/space/space';\n\nexport type PopoverProps = React.PropsWithChildren<{\n icon?: React.ReactNode;\n title: string;\n text: string;\n onClose?: () => void;\n defaultOpen?: boolean;\n matchAnchorWidth?: boolean;\n scrollIntoView?: boolean;\n side?: 'top' | 'right' | 'bottom' | 'left';\n noWrap?: boolean;\n}> &\n (\n | {\n buttonText: string;\n onClick: () => void;\n }\n | {\n buttonText?: never;\n onClick?: never;\n }\n );\n\nexport const Popover = ({\n children,\n icon,\n title,\n text,\n buttonText,\n onClick,\n onClose,\n defaultOpen,\n matchAnchorWidth,\n scrollIntoView,\n side,\n noWrap\n}: PopoverProps) => {\n const { t } = useTranslator();\n const [isOpen, setIsOpen] = useState(defaultOpen);\n const scroll = useScrollIntoView();\n // We need to check for isMounted, because this component can't render on Next.js server side\n // due to the portals, both the Popover and OverlayPortal.\n const isMounted = useIsMounted();\n useEffect(() => {\n setIsOpen(defaultOpen);\n if (scrollIntoView && defaultOpen) {\n scroll('[data-popover-anchor]', { block: 'center' });\n }\n }, [defaultOpen, scroll, scrollIntoView]);\n\n const handleClose = () => {\n setIsOpen(false);\n onClose?.();\n };\n\n return (\n \n {title}\n
\n )}\n {currencies.map(({ code, shortName, longName }) => (\n {text}
\n {buttonText && onClick && (\n \n )}\n{children}
\n ) : (\n <>{children}\n );\n};\n\ntype OverlayPortalProps = {\n onClick: () => void;\n};\n\nconst OverlayPortal = ({ onClick }: OverlayPortalProps) => {\n const element = document.body.querySelector('#overlay-portal');\n if (element) {\n return createPortal(\n ,\n element\n );\n } else {\n return null;\n }\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"rating-stars\":\"rating-stars--Jn68Q\",\"ratingStars\":\"rating-stars--Jn68Q\",\"rating-stars__overlay\":\"rating-stars__overlay--mLqCM\",\"ratingStarsOverlay\":\"rating-stars__overlay--mLqCM\",\"rating-stars__base\":\"rating-stars__base--AqPLa\",\"ratingStarsBase\":\"rating-stars__base--AqPLa\",\"light\":\"light--H7ciQ\",\"dark\":\"dark--NjyUS\",\"seller-details\":\"seller-details--uaPMI\",\"sellerDetails\":\"seller-details--uaPMI\"};","import { Fragment } from 'react';\nimport { useUrlLocalizer } from 'tradera/lang/translate';\nimport utils from './rating-utils';\nimport RatingIcon from '@tradera/blueprint/theme/icons2/rating.svg?jsx';\nimport styles from './rating-stars.module.scss';\n\n// Rating is multipled with 20.5 to account for margin between stars and rounding up\nimport ALink from 'tradera/components/alink/alink';\n\ntype RatingStarsProps = {\n rating: number;\n gaAttributes?: Record\n
\n \n );\n return link ? (\n \n \n {displayRating}\n \n
\n \n \n
\n {displayRating}
\n \n {suggestionsElement}
\n \n \n \n {categoriesElement}\n
\n \n );\n};\n","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport React from \"react\";\nexport default (({\n styles = {},\n ...props\n}) => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 16 16\"\n}, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9.5 9c.3 0 .5.2.5.5V13h.5c.3 0 .5.2.5.5s-.2.5-.5.5h-5c-.3 0-.5-.2-.5-.5s.2-.5.5-.5H6V9.5c0-.3.2-.5.5-.5h3zm2.7-7c.2 0 .3.1.4.2l2.3 3.5c.5.7.3 1.6-.4 2.1-.2 0-.3.1-.5.2v5.5c0 .3-.2.5-.5.5s-.5-.2-.5-.5V8H3v5.5c0 .3-.2.5-.5.5s-.5-.2-.5-.5V8C1.3 7.8.9 7.2.9 6.5c0-.3.1-.6.2-.8l2.3-3.5c.1-.1.2-.2.4-.2h8.4zM9 10H7v3h2v-3zm2.9-7H4.1L1.9 6.2v.3c0 .3.2.5.5.5h11.3c.1 0 .2 0 .3-.1.2-.2.3-.5.1-.7L11.9 3z\"\n})));","// https://github.com/facebook/react/issues/3386#issuecomment-291152357\nconst HighlightWord = ({ text, query = '', icon }) => {\n if (!text) {\n return null;\n }\n\n const [beforeQuery, afterQuery] = query ? text.split(query) : [];\n const hasSplitQuery = beforeQuery && afterQuery;\n return (\n \n {icon && icon}\n {hasSplitQuery && {beforeQuery}}\n {hasSplitQuery ? query : text}\n {hasSplitQuery && {afterQuery}}\n \n );\n};\n\nexport default HighlightWord;\n","// extracted by mini-css-extract-plugin\nexport default {\"searchSuggestions\":\"searchSuggestions--cnNDA\",\"searchSuggestionsVisable\":\"searchSuggestionsVisable--f52lG\",\"searchSuggestion\":\"searchSuggestion--RyNO6\",\"searchSuggestionActive\":\"searchSuggestionActive--pUa1I\"};","import { useCallback } from 'react';\nimport { useTranslator, useUrlLocalizer } from 'tradera/lang/translate';\nimport ALink from 'tradera/components/alink/alink';\nimport FilterIcon from '@tradera/blueprint/theme/icons2/filter.svg?jsx';\nimport TimeIcon from '@tradera/blueprint/theme/icons2/time.svg?jsx';\nimport StoreIcon from '@tradera/blueprint/theme/icons2/store.svg?jsx';\nimport HighlightWord from './highlight-word';\nimport CloseNarrowIcon from '@tradera/blueprint/theme/icons/close-narrow.svg?jsx';\nimport { toSearchString } from 'tradera/utils/url';\nimport { Button } from 'tradera/components/atoms/button/button';\nimport { classNames } from 'tradera/utils/class-names';\nimport styles from './search-suggestions.module.scss';\nimport { GtmService } from 'tradera/services/google-tagmanager/google-tagmanager-service';\nimport { useMemberServerStorageWithCookieFallback } from 'tradera/state/member-storage/hooks';\nimport { useLocation } from 'tradera/hooks/use-location';\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 onPreviousSearchRemoved,\n searchTerm,\n selectedCategoryId,\n text,\n queryParams\n}) => {\n const searchString = toSearchString(\n queryParams || { q: text, categoryId: selectedCategoryId || null }\n );\n const { toLocalizedUrl } = useUrlLocalizer();\n return (\n \n {!previousSearchesEmpty && (\n <>\n
\n )}\n \n {t('siteHeader_recentSearches')}\n
\n\n {previousSearches.map((previousSearch) => (\n {\n changeSearchTerm(\n previousSearch.text,\n e\n );\n }}\n onMouseDown={(e) => e.preventDefault()}\n data-suggestion-section-button\n useLink={true}>\n \n {previousSearch.text}\n \n \n removePreviousSearch(\n e,\n previousSearch.text\n )\n }\n onKeyDown={(e) =>\n removePreviousSearch(\n e,\n previousSearch.text\n )\n }\n data-suggestion-section-button-remove\n tabIndex={0}\n type=\"reset\">\n
\n \n )}\n {!trendingSearchesEmpty && (\n <>\n \n {t('siteHeader_trendingSearches')}\n
\n\n {trendingSearches.map((trendingSearch) => (\n {\n changeSearchTerm(\n trendingSearch.name,\n e\n );\n }}\n onMouseDown={(e) => e.preventDefault()}\n data-suggestion-section-button\n useLink={true}>\n {trendingSearch.name}\n \n ))}\n
\n \n )}\n \n {suggestions.map((entry) => {\n switch (entry.type) {\n case 'link-advanced-search':\n return (\n
\n \n );\n};\n","import { ToggleSwitch } from 'tradera/components/form-controls/toggle-switch/toggle-switch';\nimport { useTranslator } from 'tradera/lang/translate';\nimport { GtmService } from 'tradera/services/google-tagmanager/google-tagmanager-service';\nimport { useMemberServerStorageWithCookieFallback } from 'tradera/state/member-storage/hooks';\nimport { classNames } from 'tradera/utils/class-names';\n\ntype KeywordSearchSwitchProps = {\n className?: string;\n size?: 'medium' | 'small';\n};\n\nexport const KeywordSearchSwitch = ({\n className,\n size = 'medium'\n}: KeywordSearchSwitchProps) => {\n const { t } = useTranslator();\n\n const [checked, setChecked] = useMemberServerStorageWithCookieFallback(\n 'keyword-search',\n false\n );\n\n const handleOnChange = () => {\n const newValue = !checked;\n setChecked(newValue);\n\n GtmService.trackGA4('exact_search_toggle', {\n exact_search: newValue ? 1 : 0\n });\n };\n\n return (\n \n {suggestions.map((entry, index) => {\n const componentProps = {\n changeSearchTerm: onChangeSearchTerm,\n inSPA: inSPA,\n isSelected: index === selectedIndex,\n item: entry.item,\n searchTerm: searchTerm,\n selectedCategoryId: selectedCategoryId,\n text: entry.text,\n queryParams: entry.queryParams\n };\n switch (entry.type) {\n case 'previous':\n return (\n
\n \n ) : (\n \n {categoryPath\n .filter((category) => category.id !== 0)\n .map((option) => {\n return (\n \n handleCategoryChange(option.id)\n }>\n \n {option.name}\n \n \n );\n })}\n handleCategoryChange(0)}>\n {t('searchSelect_allCategories')}\n \n
\n \n
\n );\n};\n\nexport const SellingLinks = () => {\n const { t } = useTranslator();\n const { toLocalizedUrl } = useUrlLocalizer();\n const isPennybridgeCharitiesEnabled = useIsFeatureEnabled(\n 'pennybridge-charities'\n );\n const availableLanguageCodesIso2 = useAppSelector(\n selectAvailableLanguageCodesIso2\n );\n\n const links = [\n {\n href: toLocalizedUrl('/how-to-sell'),\n 'data-ga-category': 'Footer',\n 'data-ga-action': 'Navigation',\n 'data-ga-label': 'Så säljer du som privatperson',\n text: t('footer_howToSellPrivate'),\n includedLanguages: availableLanguageCodesIso2\n },\n {\n href: {\n SV: 'https://business.tradera.com/',\n DA: 'https://info.tradera.com/da/virksomhedskonto/',\n EN: 'https://info.tradera.com/en/foretag/',\n DE: 'https://info.tradera.com/en/foretag/',\n NL: 'https://info.tradera.com/en/foretag/'\n },\n 'data-ga-category': 'Footer',\n 'data-ga-action': 'Navigation',\n 'data-ga-label': 'Sälj som företag',\n text: t('footer_howToSellCorporate'),\n includedLanguages: ['SV', 'DA', 'EN', 'DE', 'NL']\n },\n {\n href: {\n SV: 'https://prolister.tradera.com/',\n DA: 'https://prolister.tradera.com/',\n EN: 'https://prolister.tradera.com/',\n DE: 'https://prolister.tradera.com/'\n },\n 'data-ga-category': 'Footer',\n 'data-ga-action': 'Navigation',\n 'data-ga-label': 'ProLister',\n text: t('footer_prolister'),\n includedLanguages: ['SV', 'DA', 'EN', 'DE']\n },\n ...(isPennybridgeCharitiesEnabled\n ? [\n {\n href: toLocalizedUrl('/causes'),\n 'data-ga-category': 'Footer',\n 'data-ga-action': 'Navigation',\n 'data-ga-label': 'Donera med Tradera',\n text: t('footer_donateWithTradera'),\n includedLanguages: ['SV', 'DA', 'EN', 'DE', 'NL']\n }\n ]\n : []),\n {\n href: toLocalizedUrl('/frakt'),\n 'data-ga-category': 'Footer',\n 'data-ga-action': 'Navigation',\n 'data-ga-label': 'Fraktkalkylator',\n text: t('footer_shippingCalculator'),\n includedLanguages: ['SV', 'DA', 'EN', 'DE', 'NL']\n },\n {\n href: {\n SV: 'https://business.tradera.com/priser/',\n DA: 'https://business.tradera.com/da/priser/',\n EN: 'https://business.tradera.com/en/prices/',\n DE: 'https://business.tradera.com/en/prices/',\n NL: 'https://business.tradera.com/en/prices/'\n },\n 'data-ga-category': 'Footer',\n 'data-ga-action': 'Navigation',\n 'data-ga-label': 'Butik',\n text: t('footer_store'),\n includedLanguages: ['SV', 'DA', 'EN', 'DE', 'NL']\n },\n {\n href: {\n SV: 'https://www.tradera.com/support/se/posts/vad-kostar-det-att-salja-pa-tradera/',\n DA: 'https://www.tradera.com/support/dk/posts/vad-kostar-det-att-salja-pa-tradera/',\n EN: 'https://www.tradera.com/support/gb/posts/vad-kostar-det-att-salja-pa-tradera/',\n DE: 'https://www.tradera.com/support/de/posts/vad-kostar-det-att-salja-pa-tradera/',\n NL: 'https://www.tradera.com/support/nl/posts/vad-kostar-det-att-salja-pa-tradera/'\n },\n 'data-ga-category': 'Footer',\n 'data-ga-action': 'Navigation',\n 'data-ga-label': 'Priser',\n text: t('footer_prices'),\n includedLanguages: ['SV', 'DA', 'EN', 'DE', 'NL']\n }\n ];\n\n return (\n {t('footer_buyHeading')}
\n- \n
\n
\n );\n};\n\nexport const ContactAndHelpLinks = () => {\n const { t } = useTranslator();\n const isQuantcastConsentEnabled = useIsFeatureEnabled('quantcast-consent');\n const availableLanguageCodesIso2 = useAppSelector(\n selectAvailableLanguageCodesIso2\n );\n\n const links = [\n {\n href: {\n SV: 'https://www.tradera.com/support/se/categories/regler/',\n DA: 'https://www.tradera.com/support/dk/categories/regler/',\n EN: 'https://www.tradera.com/support/gb/categories/regler/',\n DE: 'https://www.tradera.com/support/de/categories/regler/',\n NL: 'https://www.tradera.com/support/nl/categories/regler/'\n },\n 'data-ga-category': 'Footer',\n 'data-ga-action': 'Navigation',\n 'data-ga-label': 'Regler på Tradera',\n text: t('footer_traderaRules'),\n includedLanguages: ['SV', 'DA', 'EN', 'DE', 'NL']\n },\n {\n href: 'http://www.mynewsdesk.com/se/tradera',\n 'data-ga-category': 'Footer',\n 'data-ga-action': 'Navigation',\n 'data-ga-label': 'Press',\n text: t('footer_press'),\n rel: 'nofollow',\n includedLanguages: ['SV']\n },\n {\n href: {\n SV: 'https://www.tradera.com/support/se/categories/safety/',\n DA: 'https://www.tradera.com/support/dk/categories/safety/',\n EN: 'https://www.tradera.com/support/gb/categories/safety/',\n DE: 'https://www.tradera.com/support/de/categories/safety/',\n NL: 'https://www.tradera.com/support/nl/categories/safety/'\n },\n 'data-ga-category': 'Footer',\n 'data-ga-action': 'Navigation',\n 'data-ga-label': 'Säkerhet',\n text: t('footer_security'),\n includedLanguages: ['SV', 'DA', 'EN', 'DE', 'NL']\n },\n {\n href: {\n SV: 'https://www.tradera.com/support/se/',\n DA: 'https://www.tradera.com/support/dk/',\n DE: 'https://www.tradera.com/support/de/',\n EN: 'https://www.tradera.com/support/gb/',\n FR: 'https://www.tradera.com/support/fr/',\n NL: 'https://www.tradera.com/support/nl/'\n },\n 'data-ga-category': 'Footer',\n 'data-ga-action': 'Navigation',\n 'data-ga-label': 'Vanliga frågor',\n text: t('footer_faq'),\n includedLanguages: availableLanguageCodesIso2\n },\n {\n href: 'https://info.tradera.com/nytt/',\n 'data-ga-category': 'Footer',\n 'data-ga-action': 'Navigation',\n 'data-ga-label': 'Vad är nytt',\n text: t('footer_whatsUp'),\n includedLanguages: ['SV']\n },\n {\n href: {\n SV: 'https://www.tradera.com/support/se/',\n DA: 'https://www.tradera.com/support/dk/',\n EN: 'https://www.tradera.com/support/gb/',\n DE: 'https://www.tradera.com/support/de/',\n NL: 'https://www.tradera.com/support/nl/'\n },\n 'data-ga-category': 'Footer',\n 'data-ga-action': 'Navigation',\n 'data-ga-label': 'Kontakta oss',\n text: t('footer_contactUs'),\n includedLanguages: ['SV', 'DA', 'EN', 'DE', 'NL']\n },\n {\n href: '#',\n 'data-ga-category': 'Footer',\n 'data-ga-action': 'Navigation',\n 'data-ga-label': 'Open GDPR Settings',\n text: t('footer_gdpr_settings'),\n onClick: (event: MouseEvent) => {\n event.preventDefault();\n if (isQuantcastConsentEnabled) {\n ConsentService.openUi();\n }\n },\n includedLanguages: availableLanguageCodesIso2\n }\n ];\n\n return (\n {t('footer_sellHeading')}
\n- \n
\n
\n );\n};\n\nexport const InformationLinks = () => {\n const { t } = useTranslator();\n const { language } = useCurrentLanguage();\n const availableLanguageCodesIso2 = useAppSelector(\n selectAvailableLanguageCodesIso2\n );\n\n const links = [\n {\n href: isSwedishOrUndefined(language)\n ? 'https://www.tradera.com/support/se/terms/terms-and-conditions/'\n : 'https://www.tradera.com/support/gb/terms/terms-and-conditions/',\n 'data-ga-category': 'Footer',\n 'data-ga-action': 'Navigation',\n 'data-ga-label': 'Användaravtal',\n text: t('footer_userAgreement'),\n includedLanguages: availableLanguageCodesIso2\n },\n {\n href: isSwedishOrUndefined(language)\n ? 'https://www.tradera.com/support/se/terms/Privacy-Statement/'\n : 'https://www.tradera.com/support/gb/terms/Privacy-Statement/',\n 'data-ga-category': 'Footer',\n 'data-ga-action': 'Navigation',\n 'data-ga-label': 'Integritetspolicy',\n text: t('footer_integrityPolicy'),\n includedLanguages: availableLanguageCodesIso2\n },\n {\n href: isSwedishOrUndefined(language)\n ? 'https://www.tradera.com/support/se/terms/cookie-policy/cookie-policy/'\n : 'https://www.tradera.com/support/gb/terms/cookie-policy/cookie-policy/',\n 'data-ga-category': 'Footer',\n 'data-ga-action': 'Navigation',\n 'data-ga-label': 'Cookies',\n text: t('footer_cookies'),\n includedLanguages: availableLanguageCodesIso2\n },\n {\n href: {\n SV: '/info/om-oss',\n DE: '/info/uber-uns/',\n EN: '/info/about-us/',\n DA: '/info/om-os',\n FR: '/info/about-us/',\n NL: '/info/about-us/'\n },\n 'data-ga-category': 'Footer',\n 'data-ga-action': 'Navigation',\n 'data-ga-label': 'Om oss',\n text: t('footer_aboutTradera'),\n includedLanguages: availableLanguageCodesIso2\n },\n {\n href: 'https://careers.tradera.com/',\n 'data-ga-category': 'Footer',\n 'data-ga-action': 'Navigation',\n 'data-ga-label': 'Jobb',\n text: t('footer_availableJobs'),\n includedLanguages: availableLanguageCodesIso2\n },\n {\n href: 'https://info.tradera.com/hallbarhetsstrategi/',\n 'data-ga-category': 'Footer',\n 'data-ga-action': 'Navigation',\n 'data-ga-label': 'Hållbarhetsstrategi',\n text: t('footer_sustainabilityStrategy'),\n includedLanguages: ['SV']\n },\n {\n href: 'https://info.tradera.com/frakt/',\n 'data-ga-category': 'Footer',\n 'data-ga-action': 'Navigation',\n 'data-ga-label': 'Grön frakt på Tradera',\n text: t('footer_greenShipping'),\n includedLanguages: ['SV']\n }\n ];\n\n return (\n {t('footer_contactHelpHeading')}
\n- \n
\n
\n );\n};\n\nexport const SocialLinks = () => {\n const { t } = useTranslator();\n const availableLanguageCodesIso2 = useAppSelector(\n selectAvailableLanguageCodesIso2\n );\n\n const { appStore, googlePlay } = useAppDownloadLink();\n\n const links = [\n {\n ['aria-label']: 'Tradera Facebook',\n href: 'https://www.facebook.com/Tradera',\n ['data-ga-category']: 'Footer',\n ['data-ga-action']: 'Navigation',\n ['data-ga-label']: 'Sociala medier - Facebook',\n rel: 'nofollow',\n icon: (\n {t('footer_informationHeading')}
\n- \n
\n {/* Social media */}\n
\n );\n};\n","export default \"//static.tradera.net/touchweb/static/output/images/network-fb.fb8fde4a.svg\";","export default \"//static.tradera.net/touchweb/static/output/images/network-tt.fd12d63e.svg\";","export default \"//static.tradera.net/touchweb/static/output/images/network-ig.9323cdfe.svg\";","export default \"//static.tradera.net/touchweb/static/output/images/network-linkedin.a9ce5654.svg\";","export default \"//static.tradera.net/touchweb/static/output/images/bankid.81f2e99a.svg\";","// extracted by mini-css-extract-plugin\nexport default {\"imageContainer\":\"imageContainer--dBDRd\",\"trustlyMargin\":\"trustlyMargin--NHAhI\"};","import PaypalLogo from '@tradera/blueprint/theme/logos/paypal.svg?next-image';\nimport DpdLogo from '@tradera/blueprint/theme/logos/dpd.svg?next-image';\nimport MastercardLogo from '@tradera/blueprint/theme/logos/mastercard_vertical.svg?next-image';\nimport VisaLogo from '@tradera/blueprint/theme/logos/visa.svg?next-image';\nimport GooglePayLogo from '@tradera/blueprint/theme/logos/google-pay.svg?next-image';\nimport ApplePayLogo from '@tradera/blueprint/theme/logos/apple-pay.svg?next-image';\nimport KlarnaLogo from '@tradera/blueprint/theme/logos/klarna.svg?next-image';\nimport SwishLogo from '@tradera/blueprint/theme/logos/swish_horizontal.svg?next-image';\nimport DhlLogo from './dhl.svg?next-image';\nimport TrustlyLogo from '@tradera/blueprint/theme/logos/trustly.svg?next-image';\nimport styles from './footer-partners.module.scss';\nimport { useTranslator } from 'tradera/lang/translate';\nimport { useSelector } from 'react-redux';\nimport { classNames } from 'tradera/utils/class-names';\nimport { selectShippingRegionCountryCodeIso2 } from 'tradera/state/shipping-region/selectors';\nimport { areCountryCodesIso2Equal } from 'tradera/localization/countrycode';\n\ntype PartnerLogo = {\n src: string;\n alt: string;\n height: number;\n containerCss?: string;\n imgCss?: string;\n excludedCountries: string[];\n includedCountries: string[];\n};\n\nexport const FooterPartners = () => {\n const { t } = useTranslator();\n const shippingRegionCountryCodeIso2 = useSelector(\n selectShippingRegionCountryCodeIso2\n );\n\n const partners: Array\n
\n \n {/* App download */}\n - \n
\n \n \n
\n \n
\n \n );\n};\n","export default \"//static.tradera.net/touchweb/static/output/images/phone-mobile.766437b4.png\";","// extracted by mini-css-extract-plugin\nexport default {\"banner\":\"banner--Q9vKp\",\"bannerItem\":\"bannerItem--JJKu3\",\"bannerItemActive\":\"bannerItemActive--BQZYK\",\"bannerIconDark\":\"bannerIconDark--doSFS\"};","import { useEffect, useState } from 'react';\nimport useIsLoggedIn from 'tradera/hooks/use-is-loggedin';\nimport useIsDesktop from 'tradera/hooks/use-is-desktop';\nimport styles from './start-page-footer-banner.module.scss';\nimport { useAppSelector } from 'tradera/state/hooks';\nimport type { BannerLinkIcon } from 'tradera/state/views/start-page/types';\nimport { classNames } from 'tradera/utils/class-names';\n\nexport const StartPageFooterBanner = () => {\n const isLoggedIn = useIsLoggedIn();\n const isDesktop = useIsDesktop();\n const [activeIndex, setActiveIndex] = useState(0);\n\n const { bannerLinks } = useAppSelector(\n (state) => state.views.startPage.config.header\n );\n\n const shouldRender = bannerLinks && bannerLinks.length > 0 && !isLoggedIn;\n\n useEffect(() => {\n if (!isDesktop && shouldRender) {\n const interval = setInterval(() => {\n setActiveIndex((activeIndex + 1) % bannerLinks.length);\n }, 4000);\n return () => clearInterval(interval);\n }\n }, [isDesktop, activeIndex, bannerLinks?.length, shouldRender]);\n\n const content = (text: string, icon?: BannerLinkIcon) => (\n <>\n {icon && icon.baseUrl && (\n \n
\n \n \n \n
\n \n {isDesktop ? (\n 
\n )}\n
\n \n trackClick('App Store')}>\n {isDesktop ? (\n trackClick('Google Play')}>\n {isDesktop ? (\n
\n \n
\n \n {bannerLinks.map(({ text, url, icon }, index) => (\n \n {url ? (\n \n {content(text, icon)}\n \n ) : (\n content(text, icon)\n )}\n
\n ))}\n \n \n ) : null;\n};\n","import { connect } from 'react-redux';\nimport { useInView } from 'react-intersection-observer';\nimport { FooterLocalizationLink } from './footer-localization-link';\nimport TraderaSymbol from '@tradera/blueprint/theme/logos/tradera_symbol.svg?jsx';\n\nimport {\n BuyingLinks,\n SellingLinks,\n ContactAndHelpLinks,\n InformationLinks,\n SocialLinks\n} from './footer-links';\nimport { FooterPartners } from './footer-partners';\n\nimport styles from './site-footer.module.scss';\nimport { FooterCurrencyLink } from './footer-currency-link';\nimport { AppDownloadBanner } from 'tradera/apps/tradera/components/app-download-banner/app-download-banner';\nimport PAGE_TYPES from 'tradera/constants/page-types';\nimport { SiteWidth } from 'tradera/components/site-width/site-width';\nimport { StartPageFooterBanner } from 'tradera/components/site-footer/start-page-footer-banner';\n\nconst SiteFooter = ({ pageType }) => {\n const [symbolRef, inView] = useInView({\n threshold: 0\n });\n\n if (pageType === PAGE_TYPES.MY_MESSAGES_PAGE) {\n return null;\n }\n\n const showAppDownloadBanner = pageType === 'StartPage';\n\n return (\n \n \n
\n \n \n \n
\n {/* Copyright */}\n \n {/* Köp */}\n
\n \n
\n \n
\n \n
\n \n © {new Date().getFullYear()} Tradera\n
\n\n {/* Required to render inline with this ID for Item Card fallback referencing this SVG with */}\n
\n \n \n );\n};\n\nconst mapStateToProps = (state) => ({\n pageType: state.page.type\n});\n\nexport default connect(mapStateToProps)(SiteFooter);\n","import axios from 'axios';\nimport {\n utilizeCancelToken,\n finalizeResponse,\n handleError\n} from 'tradera/utils/api';\nimport cookieUtil from 'tradera/utils/cookie';\nimport { FORCE_GEO_DEV } from 'tradera/constants/cookies';\nimport { isServer } from 'tradera/utils/nextjs';\n\nexport const fetchGeolocation = (geoPublicBaseUrl) => {\n if (isServer) {\n return Promise.reject(\n 'Cannot fetch geo information from server as that would give the wrong result.'\n );\n }\n\n const { cancel, cancelToken } = utilizeCancelToken('fetchGeolocation');\n\n if (cancel) cancel();\n\n const search = (window && window.location && window.location.search) || '';\n return axios\n .get(getGeoPublicApiLocationUrl(geoPublicBaseUrl, search), {\n cancelToken\n })\n .then(finalizeResponse())\n .catch(handleError());\n};\n\nexport const getGeoPublicApiLocationUrl = (geoPublicBaseUrl, search) => {\n const originalUrl = `${geoPublicBaseUrl}/api/country`;\n const forceGeoDevMatch = search.match(/force-geo-(.*?)-dev/);\n\n if (forceGeoDevMatch) {\n cookieUtil.createCookie(FORCE_GEO_DEV, forceGeoDevMatch[1]);\n return `${originalUrl}/${forceGeoDevMatch[1]}`;\n }\n\n const forceGeoDevCookie = cookieUtil.readCookie(FORCE_GEO_DEV);\n if (forceGeoDevCookie) {\n return `${originalUrl}/${forceGeoDevCookie}`;\n }\n\n return originalUrl;\n};\n","import { fetchGeolocation } from './api';\nimport { setCurrencyIfNotChosen } from 'tradera/state/multi-currency/actions';\nimport { removeShippingCountryCookieIfSwedish } from 'tradera/state/shipping-region/actions';\nimport { API_ERRORS } from 'tradera/utils/api';\nimport { logger } from 'packages/logger';\nimport {\n setIsFetchingGeolocation,\n setGeolocation,\n failedLoadingGeolocation\n} from './reducer';\n\nexport const getGeolocation = () => async (dispatch, getState) => {\n dispatch(setIsFetchingGeolocation(true));\n const { PUBLIC_GEO_PUBLIC_API_BASE_URL } = getState().environment.variables;\n try {\n const response = await fetchGeolocation(PUBLIC_GEO_PUBLIC_API_BASE_URL);\n const { data } = response;\n dispatch(setGeolocation(data));\n dispatch(setCurrencyIfNotChosen(data.currency));\n dispatch(setIsFetchingGeolocation(false));\n dispatch(removeShippingCountryCookieIfSwedish(data));\n return data;\n } catch (error) {\n switch (error.message) {\n case API_ERRORS.ABORTED:\n case API_ERRORS.CANCELLED:\n case API_ERRORS.NETWORK:\n break;\n default:\n logger(error);\n break;\n }\n dispatch(failedLoadingGeolocation());\n }\n};\n","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport React from \"react\";\nexport default (({\n styles = {},\n ...props\n}) => /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 1401 1401\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M700 50A646 646 0 0050 701c0 173 68 337 191 459a646 646 0 00919 0 646 646 0 00191-459c0-174-68-338-191-460A646 646 0 00700 50zm1 1351c-188 0-364-73-496-205A696 696 0 010 701c0-188 73-364 205-496A696 696 0 01701 0c187 0 363 73 495 205a696 696 0 01205 496c0 187-73 363-205 495a696 696 0 01-495 205z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M379 979l-79 24-13-19 49-66 43 61zm-98 85l231-70-32-45-52 15-62-87 32-43-32-46-144 193 59 83zm466 131h-65c-27 0-41-10-41-33 0-21 13-32 41-32h65v65zm-161-33c0 48 32 84 96 84h120v-229h-55v67h-87c-11 0-17-5-17-12v-55h-54v56c0 15 12 27 28 29a70 70 0 00-31 60zm425-347L889 973l41 31 89-115 33 25-75 97 38 29 75-97 28 23-89 114 41 31 122-157-181-139m48-202l-8-39 124-26 9 40c11 53-4 81-46 90-43 8-68-12-79-65zm175-34l-19-94-225 45 19 93c18 85 72 122 141 108 74-15 102-66 84-152zM849 312l56-60 22 10-10 81-68-31zm43-123L727 364l51 24 37-39 96 45-6 54 50 23 28-239-91-43zM410 298l57-34c24-14 41-13 53 7 10 18 6 35-19 49l-57 34-34-56zm158-55c-24-41-71-56-127-23l-104 62 117 196 48-28-35-57 77-45c9-6 17-5 20 2l29 47 47-28-29-48c-8-13-24-17-39-11 10-22 9-46-4-67zM192 721l19-89 175 37 11-54-175-37 19-89-50-11-50 232 51 11m35 221l-4-5-17 12-5-8-5 4 14 20 5-3-6-8 18-12m-45-17l13-2-6 11 5 8 22-16-3-4-18 12 8-14-3-4-15 3h-1l18-12-3-5-22 15 5 8\"\n})));","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport React from \"react\";\nexport default (({\n styles = {},\n ...props\n}) => /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 16 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}, props), /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M5.3 14.53a.8.8 0 100-1.6.8.8 0 000 1.6zm0 1a1.8 1.8 0 100-3.6 1.8 1.8 0 000 3.6zm6.4-1a.8.8 0 100-1.6.8.8 0 000 1.6zm0 1a1.8 1.8 0 100-3.6 1.8 1.8 0 000 3.6zM.5.53L.37.05a.5.5 0 00.25.97h.01L.7 1h.26c.2.02.45.1.66.35.11.13.22.4.29.7a4.74 4.74 0 01.09.49v.05l1 6.02.35 1.7c.14.7.75 1.21 1.47 1.21H13a.5.5 0 100-1H4.82a.5.5 0 01-.49-.4l-.22-1.1h8.75a.7.7 0 00.66-.48l1.87-5.6a.7.7 0 00-.67-.92H2.92A2.78 2.78 0 002.38.7 2 2 0 00.6.02a1.85 1.85 0 00-.2.02H.38l.12.5zm2.59 2.5l.83 5h8.72l1.67-5H3.09z\"\n})));","// extracted by mini-css-extract-plugin\nexport default {\"badge\":\"badge--Xmvmn\"};","import styles from './header-badge.module.scss';\nimport { classNames } from 'tradera/utils/class-names';\n\ntype HeaderBadgeProps = {\n count: number;\n maxValue?: number;\n};\nexport const HeaderBadge = ({ count, maxValue = 99 }: HeaderBadgeProps) => (\n \n \n {notify}\n \n ) : null}\n
\n {alerts}\n \n );\n};\n\ntype BadgeProps = {\n badge?: SystemBadge;\n};\n\nconst Badge = ({ badge }: BadgeProps) => {\n const formatPrice = useSekPriceFormatter();\n\n if (!badge?.value) return null;\n\n let displayValue = badge.value;\n if (badge.type === 'WalletBalance') {\n displayValue = formatPrice(badge.value);\n }\n\n return (\n \n {displayValue}\n \n );\n};\n","import type React from 'react';\nimport { useState } from 'react';\n\nimport ArrowUpIcon from '@tradera/blueprint/theme/icons2/arrow-up.svg?jsx';\nimport ArrowDownIcon from '@tradera/blueprint/theme/icons2/arrow-down.svg?jsx';\nimport { classNames } from 'tradera/utils/class-names';\nimport { Button } from '../atoms/button/button';\nimport styles from './dropdown-menu.module.scss';\n\ntype ExpandableMenuItemProps = {\n imageUrl?: string;\n icon: React.ReactNode;\n label: React.ReactNode;\n className?: string;\n imageContainerClassName?: string;\n border: boolean;\n indentItems?: boolean;\n defaultExpanded?: boolean;\n onOpen?: () => void;\n onClose?: () => void;\n href?: string;\n disabled?: boolean;\n};\n\nexport const ExpandableMenuItem = ({\n border = true,\n imageUrl,\n icon,\n label,\n className,\n imageContainerClassName,\n indentItems,\n children,\n href,\n defaultExpanded,\n onClose,\n onOpen,\n disabled\n}: React.PropsWithChildren\n {(topLevelCategories || []).length >= 0 && (\n
\n );\n};\n","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport React from \"react\";\nexport default (({\n styles = {},\n ...props\n}) => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 16 16\"\n}, props), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6 1.1c.2-.1.4-.1.5 0 1.2.6 1.9 1.7 2.4 2.8.2.6.4 1.2.5 1.8.1-.4.1-1-.1-1.5-.1-.2 0-.5.2-.6.2-.1.4-.1.6 0 2.3 1.4 3.5 3.7 3.5 6.1 0 2.4-1.5 4.3-3.6 5.1-.7.2-1.4.2-2 .2-.5 0-1.1 0-1.7-.2-2-.6-3.6-2.3-3.6-4.6 0-1.8.8-3 1.6-4.2.1-.1.1-.2.2-.2.8-1.2 1.5-2.4 1.3-4.2 0-.2 0-.4.2-.5zm.8 1.4C6.7 4.1 6 5.2 5.3 6.3c0 .1-.1.1-.1.2-.8 1.2-1.4 2.2-1.4 3.7 0 1.8 1.3 3.2 2.9 3.7.4.1.8.1 1.3.1.6 0 1.1 0 1.5-.2 1.7-.6 2.9-2.2 2.9-4.2 0-1.7-.7-3.4-2.1-4.6 0 1.1-.6 2-1.2 2.4-.2.1-.4.1-.5 0 0 .1-.1-.1-.1-.3 0-.8-.1-1.9-.5-2.9-.3-.6-.7-1.2-1.2-1.7z\",\n fillRule: \"evenodd\",\n clipRule: \"evenodd\"\n})));","import type { CategoryNode } from 'tradera/backend/data/category-data';\nimport { useEffect, useState, useCallback } from 'react';\nimport { filterCategories } from 'tradera/helpers/filter-categories-helper';\nimport { useAppSelector } from 'tradera/state/hooks';\nimport { useCategorySearchQuery } from 'tradera/state/services/touchweb-syi-api';\nimport { selectPreferredLanguageCode } from 'tradera/state/language/selectors';\nimport { useDebouncedState } from 'tradera/hooks/use-debounced-state';\nimport { useIsFeatureEnabled } from 'tradera/hooks/use-is-feature-enabled';\n\nexport const useCategorySearch = (categories: CategoryNode[]) => {\n const [filter, setFilter] = useState('');\n const filterDebounced = useDebouncedState(filter, 200);\n const languageCodeIso2 = useAppSelector(selectPreferredLanguageCode);\n const isCategorySearchEnabled = useIsFeatureEnabled(\n 'category-menu-page-search'\n );\n\n const [filteredCategories, setFilteredCategories] = useState<\n CategoryNode[]\n >(categories ? categories : []);\n\n const { data: categoryResults } = useCategorySearchQuery(\n {\n query: filterDebounced.trim(),\n searchLanguageCodeIso2: languageCodeIso2\n },\n { skip: !isCategorySearchEnabled || filterDebounced.trim().length <= 1 }\n );\n\n // Filter categories when changed\n useEffect(() => {\n setFilteredCategories(\n filterCategories(categories, filter.trim(), categoryResults)\n );\n // Prevent inifnite re-rendering loop as categories is re-created\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [categories?.[0]?.children, filter, categoryResults]);\n\n const handleFilterChange = useCallback(\n (event: React.ChangeEvent- \n {/* NOTE: Notifications are disabled for burger button for desktop due to hidden cart and messaging, see DropDownMenuHamburger */}\n
\n 
\n
\n \n );\n};\n\nexport default PushNotificationModal;\n","export default \"//static.tradera.net/touchweb/static/output/images/push-splash-icon.71e29952.svg\";","export default \"//static.tradera.net/touchweb/static/output/images/push-wishlist-icon.77df35d5.svg\";","export default \"//static.tradera.net/touchweb/static/output/images/push-selling-icon.c1641681.svg\";","function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport React from \"react\";\nexport default (({\n styles = {},\n ...props\n}) => /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 16 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}, props), /*#__PURE__*/React.createElement(\"path\", {\n clipRule: \"evenodd\",\n d: \"M8 1a3 3 0 00-3 3v1H3.5c-.2 0-.5.2-.5.5l-1 9c0 .1 0 .3.1.4.1 0 .3.1.4.1h11c.1 0 .3-.1.4-.2s.1-.2.1-.4l-1.1-9c0-.3-.2-.4-.5-.4H11V4c0-1.7-1.3-3-3-3zm2 5v.9c0 .2.2.4.5.4.3.1.5-.1.5-.4V6h1l1 8H3l1-8h1v.9c0 .2.2.4.5.4.3.1.5-.1.5-.4V6zm0-1V4c0-1.1-.9-2-2-2s-2 .9-2 2v1z\",\n fillRule: \"evenodd\"\n})));","// extracted by mini-css-extract-plugin\nexport default {\"item\":\"item--k30s0\",\"link\":\"link--Covf2\",\"icon\":\"icon--fIvv_\"};","import PropTypes from 'prop-types';\nimport { useUrlLocalizer } from 'tradera/lang/translate';\nimport styles from './hover-menu-item.module.scss';\nimport ALink from 'tradera/components/alink/alink';\n\nconst HoverMenuItem = ({\n icon,\n label,\n link,\n border,\n follow,\n onClick,\n gaAttributes\n}) => {\n const { toLocalizedUrl } = useUrlLocalizer();\n return (\n {t(title)}
\n\n \n
\n );\n};\n","import { useTranslator, useUrlLocalizer } from 'tradera/lang/translate';\nimport { ImageLoader } from 'tradera/components/image-lazy-load/image-loader';\nimport { EmptyImage } from 'tradera/apps/tradera/messaging/components/empty-image/empty-image';\nimport ALink from 'tradera/components/alink/alink';\nimport InfoIcon from '@tradera/blueprint/theme/icons2/info.svg?jsx';\nimport { Button } from 'tradera/components/atoms/button/button';\n\ntype NewMessageHeaderProps = {\n recipientId: number;\n recipientAlias: string;\n itemTitle: string;\n itemImageUrl: string;\n itemSellerId?: number;\n purchaseOrderId?: string;\n};\n\nexport const NewMessageHeader = ({\n recipientId,\n recipientAlias,\n itemTitle,\n itemImageUrl,\n itemSellerId,\n purchaseOrderId\n}: NewMessageHeaderProps) => {\n const { t } = useTranslator();\n const { toLocalizedUrl } = useUrlLocalizer();\n\n return (\n \n
\n );\n};\n","import { useEffect, useRef, useState } from 'react';\nimport { logger } from 'packages/logger';\nimport { ScrollableModal } from 'tradera/components/scrollable-modal/scrollable-modal';\nimport type { IFormInputs } from 'tradera/components/messaging/messaging-new-message-form';\nimport { NewMessageForm } from 'tradera/components/messaging/messaging-new-message-form';\nimport { NewMessageHeader } from 'tradera/components/messaging/messaging-new-message-header';\nimport { isSwedenCountryCodeOrUndefined } from 'tradera/localization/countrycode';\nimport { useAppSelector } from 'tradera/state/hooks';\nimport { selectMemberBirthdate } from 'tradera/state/member/selectors';\nimport { useTranslator } from 'tradera/lang/translate';\nimport { InfoBox } from 'tradera/components/info-box/info-box';\nimport type { SubmitHandler } from 'react-hook-form';\nimport { useDispatch, useSelector } from 'react-redux';\nimport {\n useAddMessageMutation,\n useGetProfileQuery,\n useInitiateThreadMutation\n} from 'tradera/components/messaging/firebase-api';\nimport { CONSTANTS } from 'tradera/apps/tradera/messaging/constants';\nimport { showErrorToast, showSuccessToast } from 'tradera/services/toasts';\nimport { BankIdModal } from 'tradera/components/bank-id/bank-id-modal';\nimport { startAuthAndOpenModal } from 'tradera/components/bank-id/state/bank-id/actions';\nimport type { AnyAction } from 'redux';\nimport { LocalLoader } from 'tradera/components/loader/loader';\nimport BankIdInfoModal from 'tradera/components/bank-id/bank-id-info-modal';\nimport type { InitiateThreadResponse } from 'tradera/components/messaging/firebase.types';\nimport {\n getRecipient,\n getThreadInteractivity\n} from 'tradera/apps/tradera/messaging/utils/thread';\nimport { selectShippingRegionCountryCodeIso2 } from 'tradera/state/shipping-region/selectors';\nimport { openModal } from 'tradera/state/ui/reducer';\nimport { headerInternationalIdentificationModalId } from 'tradera/components/international-identification-modal/header-international-identification-modal';\nimport { timestampToDate } from 'tradera/apps/tradera/messaging/utils/firebase-timestamp';\n\ntype NewMessageModalProps = {\n onModalClosed: () => void;\n title: string;\n itemId: number;\n senderId: number;\n recipientId: number;\n recipientAlias: string;\n itemTitle: string;\n itemImageUrl: string;\n itemSellerId?: number;\n purchaseOrderId?: string;\n};\n\nconst parseErrorMessageIntoTranslationKey = (\n errorMessage: string | null\n): string => {\n const defaultErrorKey = 'messaging_errors_not_allowed_start_conversation';\n if (!errorMessage) {\n return defaultErrorKey;\n }\n\n switch (errorMessage) {\n case CONSTANTS.ERRORS.MEMBER_BLOCKED:\n return 'messaging_error_member_blocked';\n case CONSTANTS.ERRORS.BLOCKED_BY_MEMBER:\n return 'messaging_error_blocked_by_member';\n case CONSTANTS.ERRORS.MEMBER_NOT_CONTACTABLE:\n return 'messaging_error_member_not_contactable';\n default:\n return 'messaging_errors_not_allowed_start_conversation';\n }\n};\n\nexport const NewMessageModal = ({\n onModalClosed,\n title,\n itemId,\n senderId,\n recipientId,\n recipientAlias,\n itemTitle,\n itemImageUrl,\n itemSellerId,\n purchaseOrderId\n}: NewMessageModalProps) => {\n const { t } = useTranslator();\n const dispatch = useDispatch();\n const memberBirthdate = useSelector(selectMemberBirthdate);\n const [isInitialLoadingOfModalDone, setIsInitialLoadingOfModalDone] =\n useState(false);\n const [isIdVerificationError, setIsIdVerificationError] = useState(false);\n const [isPossibleToAddMessage, setIsPossibleToAddMessage] = useState(true);\n const [\n notPossibleToAddMessageErrorText,\n setNotPossibleToAddMessageErrorText\n ] = useState('');\n\n const [\n initiateThread,\n { data: initiateThreadData, isError: isInitiateThreadError }\n ] = useInitiateThreadMutation();\n\n const {\n data: firebaseProfileQuery,\n isError: isGetProfileError,\n isFetching: isGetProfileFetching,\n isUninitialized: isGetProfileUninitialized\n } = useGetProfileQuery(undefined, {\n refetchOnMountOrArgChange: true,\n skip: !initiateThreadData?.result || !isPossibleToAddMessage\n });\n\n const [addMessage, { isError: isAddMessageError }] =\n useAddMessageMutation();\n\n //Needed because of an bug in RTK Query in current version where if skip is set to true the current data is cleared\n useEffect(() => {\n if (\n !isInitialLoadingOfModalDone &&\n (!isGetProfileUninitialized || !isPossibleToAddMessage)\n ) {\n setIsInitialLoadingOfModalDone(true);\n }\n }, [\n isAddMessageError,\n isGetProfileUninitialized,\n isInitialLoadingOfModalDone,\n isPossibleToAddMessage\n ]);\n\n useEffect(() => {\n if (firebaseProfileQuery?.result?.messageThrottledUntil) {\n if (\n timestampToDate(\n firebaseProfileQuery.result.messageThrottledUntil\n ) > new Date()\n ) {\n setIsPossibleToAddMessage(false);\n setNotPossibleToAddMessageErrorText(\n t('messaging_warnings_throttled')\n );\n }\n }\n }, [senderId, firebaseProfileQuery?.result, t]);\n\n // We initiate a thread without saving it to check if the user is allowed to start a thread or send a message in an existing thread,\n // some errors are thrown from the server and some needs to be checked in the response\n const isInitiateThreadVerificationDone = useRef(false);\n useEffect(() => {\n if (!isInitiateThreadVerificationDone.current) {\n isInitiateThreadVerificationDone.current = true;\n initiateThread({\n data: {\n listingId: itemId.toString(),\n senderId: senderId.toString(),\n receiverId: recipientId.toString(),\n persist: false\n }\n })\n .unwrap()\n .then((initiateThreadResponse) => {\n const thread = initiateThreadResponse.result;\n const recipient = getRecipient(\n thread,\n senderId.toString(),\n t\n );\n\n if (recipient === null) {\n setIsPossibleToAddMessage(false);\n setNotPossibleToAddMessageErrorText(\n t('messaging_errors_not_allowed_start_conversation')\n );\n\n return initiateThreadResponse;\n }\n\n const result = getThreadInteractivity(\n thread,\n recipient,\n senderId.toString(),\n null,\n t\n );\n\n setIsPossibleToAddMessage(result.isAddMessageAllowed);\n setNotPossibleToAddMessageErrorText(\n result.addMessageText || ''\n );\n\n return initiateThreadResponse;\n })\n .catch((ex) => {\n setIsPossibleToAddMessage(false);\n const translationKey = parseErrorMessageIntoTranslationKey(\n ex.data?.error?.message\n );\n setNotPossibleToAddMessageErrorText(t(translationKey));\n return null;\n });\n }\n }, [initiateThread, itemId, recipientId, senderId, t]);\n\n const handleSubmit: SubmitHandler\n
\n \n \n \n {recipientAlias}\n \n \n {purchaseOrderId && itemSellerId && (\n \n
\n \n \n \n {t('messaging_regarding_short')}: \n {itemTitle}\n \n \n
\n \n
\n \n
\n \n \n \n {daysUntilEighteen <= 100 && (\n \n {t('underageModal_countdown', {\n days: daysUntilEighteen\n })}\n \n )}\n \n
\n \n );\n};\n","import { useState, memo } from 'react';\nimport SaleIcon from '@tradera/blueprint/theme/icons2/sale.svg?jsx';\nimport SellMenu from './sell-menu';\nimport { HOVER_MENUS } from './hover-menu/constants';\nimport { useTranslator, useUrlLocalizer } from 'tradera/lang/translate';\nimport { selectIsUnderage } from 'tradera/state/member/selectors';\nimport { useAppSelector } from 'tradera/state/hooks';\nimport { UnderageModal } from 'tradera/components/underage/underage-modal';\nimport { Button } from 'tradera/components/atoms/button/button';\n\ntype SellingLinkProps = {\n onClick: (e: React.MouseEvent\n
\n );\n }\n};\n\nexport const TraderaToastContainer = () => {\n return \n
\n \n \n );\n};\n","export const itemStates = {\n bidderAuctionRemoved: 'BidderAuctionRemoved',\n bidderBidRemoved: 'BidderBidRemoved',\n bidderEndedWon: 'BidderEndedWon',\n bidderEndedReservedPriceNotReached: 'BidderEndedReservedPriceNotReached',\n bidderEndedNotWon: 'BidderEndedNotWon',\n bidderActiveLeading: 'BidderActiveLeading',\n bidderActiveReservedPriceNotReached: 'BidderActiveReservedPriceNotReached',\n bidderActiveOverbidden: 'BidderActiveOverbidden',\n generalActive: 'GeneralActive',\n generalEnded: 'GeneralEnded',\n purchasedNotPaid: 'PurchasedNotPaid',\n purchasedPaid: 'PurchasedPaid',\n purchasedDone: 'PurchasedDone',\n shopItemActive: 'ShopItemActive',\n shopItemEnded: 'ShopItemEnded',\n shopItemEndedWon: 'ShopItemEndedWon',\n buyItNowEndedWon: 'BuyItNowEndedWon',\n buyItNowEnded: 'BuyItNowEnded',\n buyItNowActive: 'BuyItNowActive',\n sellerActiveBids: 'SellerActiveBids',\n sellerActiveNoBids: 'SellerActiveNoBids',\n sellerReservedPriceNotReached: 'SellerReservedPriceNotReached',\n sellerSoldNotPaid: 'SellerSoldNotPaid',\n sellerSoldDone: 'SellerSoldDone',\n sellerSoldShipped: 'SellerSoldShipped',\n sellerSoldPaid: 'SellerSoldPaid',\n sellerSoldShippingBooked: 'SellerSoldShippingBooked'\n};\n","import { useTranslator } from 'tradera/lang/translate';\nimport { itemStates } from './item-states';\nimport { Badge as BadgeComponent } from 'tradera/components/badge/badge';\nimport type { ItemState } from 'tradera/state/services/types/webapi-member-generated';\n\ntype BadgeProps = {\n itemState: ItemState;\n};\n\nexport const Badge = ({ itemState }: BadgeProps) => {\n const { t } = useTranslator();\n\n switch (itemState) {\n case itemStates.bidderAuctionRemoved:\n return (\n \n {filter === 'all' ? (\n <>\n
\n )}\n {isLoading && page === 1 ? (\n \n {t('wishlist_sidesheet_empty_title')}\n
\n\n
\n {t('wishlist_sidesheet_no_items_with_filter')}\n
\n )}\n\n
\n )}\n \n \n {wishListItems?.map((item) => (\n
\n {isFetching && page > 1 && (\n \n
\n )}\n \n )}\n \n );\n};\n","import type { WishListItemCardViewModel } from 'tradera/state/services/types/webapi-member-generated';\nimport { localStore } from 'tradera/utils/storage';\nimport { STORAGE_KEYS, STORAGE_VALUES } from 'tradera/constants/storage';\nimport GdprSettings from 'tradera/utils/gdpr-settings';\n\nexport const shouldShowShareWishlistTooltip = () =>\n localStore &&\n localStore.getItem(STORAGE_KEYS.SHARE_WISHLIST_TOOLTIP) !==\n STORAGE_VALUES.SHARE_WISHLIST_TOOLTIP_CLICKED &&\n GdprSettings.isFunctionalEnabled();\n\nexport const hideShareWishlistTooltip = () =>\n localStore &&\n localStore.setItem(\n STORAGE_KEYS.SHARE_WISHLIST_TOOLTIP,\n STORAGE_VALUES.SHARE_WISHLIST_TOOLTIP_CLICKED\n );\n\nexport const shouldShowShareWishlistSantaTooltip = () =>\n localStore &&\n localStore.getItem(STORAGE_KEYS.SHARE_WISHLIST_TOOLTIP_SANTA) !==\n STORAGE_VALUES.SHARE_WISHLIST_TOOLTIP_SANTA_CLICKED &&\n GdprSettings.isFunctionalEnabled();\n\nexport const hideShareWishlistSantaTooltip = () =>\n localStore &&\n localStore.setItem(\n STORAGE_KEYS.SHARE_WISHLIST_TOOLTIP_SANTA,\n STORAGE_VALUES.SHARE_WISHLIST_TOOLTIP_SANTA_CLICKED\n );\n\nexport const buildShareObject = (\n selectedItems: Array\n
\n \n }\n className=\"bg-white\"\n innerClassName=\"flex-grow-1\"\n footer={\n <>\n {showMayBeMoreResultsText && (\n \n {t(\n 'wishlist_sidesheet_may_be_more_resulsts'\n )}\n \n )}\n \n
\n \n We are happy that you found Tradera\n
\n\n Choose the country where you live, to get the best\n experience browsing items on Tradera.\n
\n\n
\n \n \n \n {isDesktop && !backgroundError ? (\n
\n \n \n \n \n \n \n {isDesktop && (\n \n GtmService.trackAction(\n APP_DOWNLOAD_GA_CATEGORY,\n 'App Store'\n )\n }>\n {isDesktop ? (\n
\n - \n
- \n
- \n
\n {isDesktop && (\n \n GtmService.trackAction(\n APP_DOWNLOAD_GA_CATEGORY,\n 'Google Play'\n )\n }>\n {isDesktop ? (\n
\n \n
\n \n \n {t('siteheader_referralAlert_line1')}\n \n
\n \n \n \n );\n};\n","import { useTranslator } from 'tradera/lang/translate';\nimport VerificationIcon from 'tradera/blueprint/theme/icons-colored/verification.svg?jsx';\nimport styles from './referral-alert.module.scss';\nimport { classNames } from 'tradera/utils/class-names';\nimport ForwardIcon from 'tradera/blueprint/theme/icons2/forward.svg?jsx';\n\nimport { useAppDispatch, useAppSelector } from 'tradera/state/hooks';\nimport { selectMemberState } from 'tradera/state/member/selectors';\nimport { openModal } from 'tradera/state/ui/reducer';\nimport { headerInternationalIdentificationModalId } from 'tradera/components/international-identification-modal/header-international-identification-modal';\n\nexport const InternationalIdentificationAlert = () => {\n const dispatch = useAppDispatch();\n const { t } = useTranslator();\n const isInternationalBuyer = useAppSelector(selectMemberState) === 2006;\n\n if (!isInternationalBuyer) {\n return null;\n }\n\n return (\n <>\n \n {t('siteheader_referralAlert_line2')}\n
\n \n \n {t('siteheader_verificationAlert_line1')}\n \n
\n \n \n \n );\n};\n","import { useState } from 'react';\n\nimport styles from './profile-header.module.scss';\nimport CloseIcon from '@tradera/blueprint/theme/icons2/close.svg?jsx';\nimport { RatingStars } from 'tradera/components/rating-stars/rating-stars';\nimport ALink from 'tradera/components/alink/alink';\n\nimport { useUrlLocalizer } from 'tradera/lang/translate';\nimport { useAppDispatch, useAppSelector } from 'tradera/state/hooks';\nimport { closeProfileMenu } from 'tradera/state/ui/reducer';\nimport { Button } from '../atoms/button/button';\nimport { classNames } from 'tradera/utils/class-names';\nimport { useIsFeatureEnabled } from 'tradera/hooks/use-is-feature-enabled';\nimport { ReferralAlert } from './referral-alert';\nimport { isSwedenCountryCodeOrUndefined } from 'tradera/localization/countrycode';\nimport { InternationalIdentificationAlert } from 'tradera/components/profile-menu/international-identification-alert';\nimport { Heading } from 'tradera/components/atoms/heading/heading';\n\nconst getGaLinkAttributes = (label: string) => ({\n 'data-ga-category': 'Top navigation',\n 'data-ga-action': 'Account menu',\n 'data-ga-label': `Link - ${label}`\n});\n\ntype Props = {\n onClose: () => void;\n};\n\nexport const ProfileHeader = ({ onClose }: Props) => {\n const [imageAvailable, setImageAvailable] = useState(true);\n const { toLocalizedUrl } = useUrlLocalizer();\n const dispatch = useAppDispatch();\n const handleCloseProfileMenu = () => dispatch(closeProfileMenu());\n const {\n memberAlias,\n cleanedMemberAlias,\n memberDetailedSellerRatingAverage: rating,\n memberHeroImage,\n memberId,\n memberCountryCodeIso2,\n memberIsBuyer,\n memberIsSeller\n } = useAppSelector((state) => state.member);\n const showReferralAlert =\n useIsFeatureEnabled('member-get-member') &&\n (memberIsBuyer || memberIsSeller) &&\n isSwedenCountryCodeOrUndefined(memberCountryCodeIso2);\n\n const imageUrl = memberHeroImage?.min;\n\n return (\n <>\n \n {t('siteheader_verificationAlert_line2')}\n
\n \n
\n )}\n \n \n
\n );\n};\n","import { isServer } from 'tradera/utils/nextjs';\n\nexport const openChatBot = () => {\n if (isServer) return;\n\n const protocol =\n document.location.protocol === 'https:' ? 'https://' : 'http://';\n\n const id = '62132ec40d7b5b0007d222c5';\n const src = `${protocol}cdn.chatbot.com/widget/plugin.js`;\n\n window.__be = window.__be || {};\n window.__be.id = id;\n window.BE_API = window.BE_API || {};\n\n if (window.BE_API.openChatWindow) {\n if (\n window.BE_API.isChatWindowOpened &&\n !window.BE_API.isChatWindowOpened()\n ) {\n window.BE_API.openChatWindow();\n }\n return;\n }\n\n window.BE_API.onLoad = () => {\n window.BE_API.openChatWindow();\n };\n\n if (!isExisting(src)) {\n const scriptEl = document.createElement('script');\n scriptEl.setAttribute('type', 'text/javascript');\n scriptEl.setAttribute('async', true);\n scriptEl.setAttribute('src', src);\n\n document.body.appendChild(scriptEl);\n }\n};\n\nconst isExisting = (src) => {\n return !!document.querySelector(`script[src=\"${src}\"]`);\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"iframe\":\"iframe--iq2IR\",\"iframeNoRecaptcha\":\"iframeNoRecaptcha--SBBWe\"};","import { MenuItemSeparator } from 'tradera/components/site-header/dropdown-menu-item-separator';\nimport { MenuItem } from 'tradera/components/site-header/dropdown-menu-item';\nimport { ExpandableMenuItem } from 'tradera/components/site-header/dropdown-menu-item-expandable';\nimport { GtmService } from 'tradera/services/google-tagmanager/google-tagmanager-service';\nimport { getMenuGaAttributes } from 'tradera/components/site-header/site-header.analytics';\nimport { getReturnUrl } from 'tradera/utils/login';\nimport { logger } from 'packages/logger';\nimport {\n useTranslator,\n useUrlLocalizer,\n useCurrentLanguage\n} from 'tradera/lang/translate';\nimport { useQualtive } from 'tradera/hooks/use-qualtive';\nimport { SURVEYS } from 'tradera/constants/surveys';\nimport ChatIcon from '@tradera/blueprint/theme/icons2/chat.svg?jsx';\nimport InfoIcon from '@tradera/blueprint/theme/icons2/info.svg?jsx';\nimport { openChatBot } from './chat-bot-loader';\nimport { useIsFeatureEnabled } from 'tradera/hooks/use-is-feature-enabled';\nimport { useAppSelector } from 'tradera/state/hooks';\nimport { Button } from '../atoms/button/button';\nimport CloseIcon from '@tradera/blueprint/theme/icons2/close.svg?jsx';\nimport { classNames } from 'tradera/utils/class-names';\nimport styles from './sign-in-menu-content.module.scss';\nimport dropdownMenuStyles from 'tradera/components/site-header/dropdown-menu.module.scss';\nimport { isSwedishOrUndefined } from 'tradera/localization/languagecode';\n\nconst onIframeLoad = (\n e: React.SyntheticEvent\n {showCloseButton ? (\n
\n );\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"profileMenu\":\"profileMenu--Zn3XU\",\"modalLogo\":\"modalLogo--UIaKk\",\"minHeight\":\"minHeight--p_UEM\"};","import ApplicationErrorBoundary from 'tradera/components/application-error-boundary/application-error-boundary';\nimport { ProfileMenuContent } from './profile-menu-content';\nimport { SignInMenuContent } from './sign-in-menu-content';\nimport { useAppDispatch, useAppSelector } from 'tradera/state/hooks';\nimport { SideMenu } from 'tradera/components/side-menu/side-menu';\nimport { closeProfileMenu } from 'tradera/state/ui/reducer';\nimport useIsMobile from 'tradera/hooks/use-is-mobile';\nimport styles from './profile-menu.module.scss';\nimport { ScrollableModal } from 'tradera/components/scrollable-modal/scrollable-modal';\nimport TraderaSymbol from '@tradera/blueprint/theme/logos/tradera_symbol.svg?jsx';\nimport { useGrowthBook } from '@growthbook/growthbook-react';\nimport { selectPreviousLoginMethod } from 'tradera/state/member/selectors';\n\ntype ProfileMenuProps = {\n show: boolean;\n};\n\nexport const ProfileMenu = ({ show }: ProfileMenuProps) => {\n const { isLoggedIn } = useAppSelector((state) => state.member);\n const dispatch = useAppDispatch();\n const isMobile = useIsMobile();\n\n // only activate experiment is user has a previous login method\n const previousLoginMethod = useAppSelector(selectPreviousLoginMethod);\n const growthBook = useGrowthBook();\n const experimentValue = previousLoginMethod\n ? growthBook?.getFeatureValue('tgl-620-show-latest-login-option', 0)\n : 0;\n const experimentIsOn = experimentValue === 2;\n\n const onClose = () => {\n dispatch(closeProfileMenu());\n };\n\n return (\n \n
\n ) : null}\n \n onIframeLoad(e, closeMenu)}>\n
\n Din browser saknar stöd för iframes
\n \n\n
\n \n {isLoggedIn ? (\n
\n \n )}\n \n
\n {isMobile &&\n (canShare ? (\n <>\n \n {!isFetching &&\n t('referralModal_title', { amount: formattedAmount })}\n
\n\n {!isFetching &&\n t('referralModal_description', {\n amount: formattedAmount\n })}\n
\n \n {isFetching && \n {referralCode}\n
\n \n - \n {notifications.map((notification, i) => (\n
\n
\n )}\n \n \n ) : (\n \n \n {t('notificationsSideSheet_emptyState_title')}\n \n \n {t('notificationsSideSheet_emptyState_description')}\n \n
\n );\n};\n\nenum NotificationTypes {\n ItemClosedWithoutBuyer = 'ItemClosedWithoutBuyer',\n ItemNewLeadingBid = 'ItemNewLeadingBid',\n ItemSold = 'ItemSold',\n ItemWon = 'ItemWon',\n MemberOutbidded = 'MemberOutbidded',\n LeadingAutoBidPlaced = 'LeadingAutoBidPlaced',\n BuyerPaid = 'BuyerPaid',\n PurchaseOrderUnpaid = 'PurchaseOrderUnpaid',\n ShipmentSent = 'ShipmentSent',\n PurchaseOfferNoLongerHighestAmount = 'PurchaseOfferNoLongerHighestAmount',\n WishlistItemPriceLowered = 'WishlistItemPriceLowered',\n WishlistedShopItemReminder = 'WishlistedShopItemReminder',\n FeedbackReminder = 'FeedbackReminder',\n WishlistItemsEndingToday = 'WishlistItemsEndingToday',\n WishlistItemResell = 'WishlistItemResell'\n}\n\nconst NotificationsWithBuyerRate = new Set([\n NotificationTypes.ItemWon,\n NotificationTypes.MemberOutbidded,\n NotificationTypes.LeadingAutoBidPlaced,\n NotificationTypes.PurchaseOrderUnpaid,\n NotificationTypes.PurchaseOfferNoLongerHighestAmount,\n NotificationTypes.WishlistItemPriceLowered,\n NotificationTypes.WishlistedShopItemReminder,\n NotificationTypes.WishlistItemsEndingToday\n]);\n\ntype NotificationSwitchProps = {\n notification: NotificationApiDto;\n onNavigate: () => void;\n};\nconst NotificationSwitch = ({\n notification,\n onNavigate\n}: NotificationSwitchProps) => {\n const { t } = useTranslator();\n const { toLocalizedUrl } = useUrlLocalizer();\n const localizedPriceFormatter = useLocalizedPriceFormatter(\n NotificationsWithBuyerRate.has(notification.type as NotificationTypes)\n ? CurrencyRateType.Buyer\n : CurrencyRateType.Seller\n );\n const isMobile = useIsMobile();\n try {\n const { title: titleFull, amount: amountSek } = notification;\n const title = truncate(titleFull, isMobile ? 20 : 40);\n const amount = localizedPriceFormatter(amountSek);\n switch (notification.type) {\n case NotificationTypes.ItemClosedWithoutBuyer:\n return (\n \n
\n \n \n );\n};\n\nconst truncate = (value: string | null | undefined, length: number) =>\n (value?.length ?? 0) > length\n ? value?.substring(0, length - 1) + '\\u2026'\n : value;\n\nexport const useNotificationsData = (skip: boolean = false) => {\n // By using the data from endpoints we can utilize SSR:d data, but then we\n // need to call the hook below anyway to get in-client interactivity like pagination.\n const {\n currentData: {\n page: latestPageMaybe,\n items: notifications = [],\n totalCount = 0\n } = {}\n } = endpoints.getNotificationsEndless.useQueryState({ page: 1 });\n const latestPage = latestPageMaybe ?? 1;\n const [page, setPage] = useResetState(latestPage);\n\n const { isLoading, isFetching } = useGetNotificationsEndlessQuery(\n { page },\n { skip }\n );\n const nextPage = useCallback(() => {\n setPage((p) => p + 1);\n }, [setPage]);\n\n const isAllItemsFetched =\n latestPage * NOTIFICATIONS_ENDLESS_PAGESIZE >= totalCount;\n\n return {\n notifications,\n isLoading,\n isFetching,\n isAllItemsFetched,\n page,\n nextPage\n };\n};\n","import { useCurrentLanguage, useTranslator } from 'tradera/lang/translate';\n\nexport const useTimeSinceShortFormat = (dateString: string) => {\n const { t } = useTranslator();\n const { language } = useCurrentLanguage();\n const date = new Date(dateString);\n const now = new Date();\n\n const secondsSinceDate = Math.round(\n (now.getTime() - date.getTime()) / 1000\n );\n if (secondsSinceDate < 45) return t('notificationsSideSheet_now');\n\n const minutesSinceDate = Math.round((secondsSinceDate - 15) / 60);\n if (minutesSinceDate < 45)\n return t('notificationsSideSheet_minutesShort', {\n count: minutesSinceDate\n });\n\n const hoursSinceDate = Math.round((minutesSinceDate - 15) / 60);\n if (hoursSinceDate < 24)\n return t('notificationsSideSheet_hoursShort', {\n count: hoursSinceDate\n });\n\n const daysSinceDate = Math.round((hoursSinceDate - 6) / 24);\n if (daysSinceDate <= 14)\n return t('notificationsSideSheet_daysShort', { count: daysSinceDate });\n\n return date.toLocaleDateString(language ?? 'sv-SE', {\n day: 'numeric',\n month: 'short'\n });\n};\n","import { useCallback, useEffect, useState } from 'react';\nimport Sticky from 'react-stickynode';\nimport { selectShowCurrencySelection } from 'tradera/state/multi-currency/selectors';\nimport { HOVER_MENUS } from './hover-menu/constants';\nimport { onWindowLoad } from './on-ready';\nimport { getGeolocation } from 'tradera/state/member/actions';\nimport { signIn } from 'tradera/state/ui/actions';\nimport {\n closeNewMessageModal,\n closeSearchForm,\n openSearchForm,\n closeCategoryDropdownMenu,\n closeProfileMenu,\n openProfileMenu,\n openReferralModal\n} from 'tradera/state/ui/reducer';\nimport TraderaLogo from '@tradera/blueprint/theme/logos/tradera_new.svg?jsx';\nimport TraderaAppLogo from '@tradera/blueprint/theme/logos/tradera-app-logo.svg?jsx';\nimport CartLink from 'tradera/components/site-header/cart-link';\nimport { DropdownMenu } from 'tradera/components/site-header/dropdown-menu';\nimport SignUpLink from 'tradera/components/site-header/sign-up-link';\nimport ALink from 'tradera/components/alink/alink';\nimport { Search } from 'tradera/components/search/search';\nimport PushNotificationModal from 'tradera/components/push-notification-modal/push-notification-modal';\nimport { LocalizationLink } from './localization-link';\nimport BuyingLink from './buying-link';\nimport { HowTraderaWorks } from './how-tradera-works';\nimport { NewListingLink } from './new-listing-link';\nimport { ProfileLink } from './profile-link';\nimport { SearchButton } from './search-button';\nimport { NewMessageModal } from 'tradera/components/messaging/messaging-new-message-modal';\nimport WishlistLink from 'tradera/components/site-header/wishlist-link';\nimport SellingLink from 'tradera/components/site-header/selling-link';\nimport { TraderaToastContainer } from 'tradera/components/toasts/tradera-toast-container';\nimport { showSuccessToast } from 'tradera/services/toasts';\nimport { CurrencyLink } from 'tradera/components/site-header/currency-link';\nimport { WishListSideSheet } from 'tradera/apps/tradera/components/wish-list-side-sheet/wish-list-side-sheet';\nimport { LocalizationRegionPicker } from './localization-region-picker';\nimport { LoaderLine } from 'tradera/components/loader/loader-line';\nimport { SaveSearchButton } from 'tradera/apps/tradera/components/discover/components/search-results/save-search/save-search-button';\nimport { localStore } from 'tradera/utils/storage';\nimport { STORAGE_KEYS } from 'tradera/constants/storage';\nimport { useAppDispatch, useAppSelector } from 'tradera/state/hooks';\nimport { useIsTablet } from 'tradera/hooks/use-is-tablet';\nimport useIsDesktop from 'tradera/hooks/use-is-desktop';\nimport { useUrlLocalizer } from 'tradera/lang/translate';\nimport useIsMobile from 'tradera/hooks/use-is-mobile';\nimport {\n getCartSummaryParams,\n useGetCartSummaryQuery\n} from 'tradera/state/services/cart-api';\nimport { useCookieUtil } from 'tradera/hooks/use-cookie-util';\nimport { CART_ID } from 'tradera/constants/cookies';\nimport { MODAL_STATE } from 'tradera/constants/ui';\nimport { useViewportWidthCookie } from 'tradera/apps/nextweb/hooks/use-viewport-width';\nimport { classNames } from 'tradera/utils/class-names';\nimport { GtmService } from 'tradera/services/google-tagmanager/google-tagmanager-service';\nimport { AppDownloadModal } from 'tradera/apps/tradera/components/app-download-modal/app-download-modal';\nimport { ProfileMenu } from '../profile-menu/profile-menu';\nimport { selectIsUnderage } from 'tradera/state/member/selectors';\nimport {\n removeHashFromUrl,\n shouldOpenReferralModal\n} from 'tradera/apps/tradera/components/vip/helpers/navigation-helper';\nimport { ReferralModal } from '../referral-modal/referral-modal';\nimport { useOnHashUpdated } from 'tradera/hooks/use-on-hash-updated';\nimport { NotificationsLink } from 'tradera/components/site-header/notifications-link';\nimport { NotificationsSideSheet } from 'tradera/apps/tradera/components/notifications-side-sheet/notifications-side-sheet';\nimport { HeaderInternationalIdentificationModal } from 'tradera/components/international-identification-modal/header-international-identification-modal';\n\ntype SiteHeaderProps = {\n isPageLoading: boolean | undefined;\n inSPA: boolean;\n};\n\nexport const SiteHeader = ({ isPageLoading, inSPA }: SiteHeaderProps) => {\n useViewportWidthCookie();\n\n const dispatch = useAppDispatch();\n\n const showSearchForm = useAppSelector((state) => state.ui.showSearchForm);\n const showHeaderSearch = useAppSelector(\n (state) => state.ui.showHeaderSearch\n );\n const newMessageModal = useAppSelector((state) => state.ui.newMessageModal);\n const isLoggedIn = useAppSelector((state) => state.member.isLoggedIn);\n const hasLoggedIn = useAppSelector((state) => state.member.hasLoggedIn);\n const isUnderage = useAppSelector(selectIsUnderage);\n const showCurrencySelection = useAppSelector((state) =>\n selectShowCurrencySelection(state)\n );\n const pageName = useAppSelector((state) => state.page.type);\n\n const isTablet = useIsTablet();\n const isDesktop = useIsDesktop();\n const isMobile = useIsMobile();\n const { toLocalizedUrl } = useUrlLocalizer();\n\n const [isSticky, setIsSticky] = useState(false);\n const [activeHoverMenu, setActiveHoverMenu] = useState\n \n {dateText}\n \n
\n \n
\n \n
\n