{
  "version": 3,
  "sources": ["../javascripts/components/filters/sort-options-modal.tsx", "../javascripts/components/filters/sort-option.tsx", "../javascripts/components/filters/type-filter-bar.tsx"],
  "sourcesContent": ["import React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { SortOption } from '../../@types/ElasticSearchResponse';\nimport { Form, FormGroup } from '../../styled-components/components/Form';\nimport Modal from '../../styled-components/components/Modal';\nimport SortOptionComponent from './sort-option';\n\ninterface SortOptionsModalProps {\n  sortOptions: SortOption[];\n  onClose: () => void;\n  onApplySort: (query: string) => void;\n}\n\nconst SortOptionsModal = ({ sortOptions, onClose, onApplySort }: SortOptionsModalProps) => {\n  const { t } = useTranslation(['common', 'search']);\n  const [options, setOptions] = useState<SortOption[]>([]);\n\n  useEffect(() => {\n    if (sortOptions.length) setOptions(sortOptions);\n  }, [sortOptions]);\n\n  return (\n    <Modal heading={t('Sort', { ns: 'common' })} onClose={onClose}>\n      <Form>\n        {options.map((sortOption) => (\n          <FormGroup key={sortOption.query}>\n            <SortOptionComponent\n              sortOption={sortOption}\n              onClick={onApplySort}\n              disabled={!sortOptions.length}\n            />\n          </FormGroup>\n        ))}\n      </Form>\n    </Modal>\n  );\n};\n\nexport default SortOptionsModal;\n", "import React from 'react';\nimport type { SortOption as SortOptionModel } from '../../@types/ElasticSearchResponse';\nimport InputRadio from '../../styled-components/components/InputRadio';\nimport { getOptionDisplayName } from './type-filter-bar';\n\ninterface SortOptionProps {\n  sortOption: SortOptionModel;\n  disabled?: boolean;\n  onClick: (query: string) => void;\n}\n\nconst SortOption = ({ sortOption, disabled, onClick }: SortOptionProps) => (\n  <InputRadio\n    disabled={disabled}\n    checked={sortOption.selected}\n    onChange={() => onClick(sortOption.query)}\n    id={sortOption.query}\n    title={getOptionDisplayName(sortOption.displayName)}\n  >\n    {getOptionDisplayName(sortOption.displayName)}\n  </InputRadio>\n);\n\nexport default SortOption;\n", "import React, { useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useSelector } from 'react-redux';\n\nimport i18next from 'i18next';\nimport type { SortOption } from '../../@types/ElasticSearchResponse';\nimport type QueryFilter from '../../helpers/query-filter';\nimport { getMarket } from '../../i18n';\nimport { getQueryFilter } from '../../utils/reselectors';\nimport SortOptionsModal from './sort-options-modal';\n\nexport const getOptionDisplayName = (displayName: string) => {\n  switch (displayName) {\n    case 'Pris l\u00E4gst':\n      return i18next.t('sort.priceAsc', { ns: 'search' });\n    case 'Pris h\u00F6gst':\n      return i18next.t('sort.priceDesc', { ns: 'search' });\n    case '\u00C5rsmodell nyast':\n      return i18next.t('sort.modelYearAsc', { ns: 'search' });\n    case '\u00C5rsmodell \u00E4ldst':\n      return i18next.t('sort.modelYearDesc', { ns: 'search' });\n    case 'Miltal l\u00E4gst':\n      return i18next.t('sort.mileageAsc', { ns: 'search' });\n    case 'Miltal h\u00F6gst':\n      return i18next.t('sort.mileageDesc', { ns: 'search' });\n    case 'Senaste':\n      return i18next.t('sort.latest', { ns: 'search' });\n    default:\n      return displayName;\n  }\n};\n\ninterface TypeFilterBarProps {\n  queryFilter?: QueryFilter;\n  sortOptions?: SortOption[];\n  disableCurrentIndicator?: boolean;\n  onApplySort: (query: string) => void;\n  onRequestSearch: (queryFilter: QueryFilter) => void;\n}\n\nconst TypeFilterBar = ({\n  queryFilter: _queryFilter,\n  sortOptions,\n  disableCurrentIndicator,\n  onApplySort,\n  onRequestSearch,\n}: TypeFilterBarProps) => {\n  const { t } = useTranslation(['common', 'search']);\n  const queryFilter = _queryFilter || useSelector(getQueryFilter);\n\n  const [state, setState] = useState({ sortModal: false, subscribeModal: false });\n  const onToggleOptions = () => setState({ ...state, sortModal: !state.sortModal });\n\n  const marketCode = getMarket().marketCode;\n  const showAuction = marketCode === 'SE';\n  const showBusinessLeasing = marketCode === 'SE';\n\n  const AdTypes = [\n    {\n      displayName: t('All', { ns: 'common' }),\n      isActive: (queryFilter: QueryFilter) =>\n        !queryFilter.has('sellerType') &&\n        !queryFilter.has('isAuctionItem') &&\n        !queryFilter.has('leasing') &&\n        !queryFilter.has('businessLeasing'),\n      getQueryFilter: (queryFilter: QueryFilter) =>\n        queryFilter\n          .remove('sellerType')\n          .remove('isAuctionItem')\n          .remove('businessLeasing')\n          .remove('leasing'),\n    },\n    {\n      displayName: t('Private leasing', { ns: 'search' }),\n      isActive: (queryFilter: QueryFilter) => queryFilter.contains('leasing', 'true'),\n      getQueryFilter: (queryFilter: QueryFilter) =>\n        queryFilter\n          .remove('sellerType')\n          .remove('isAuctionItem')\n          .remove('businessLeasing')\n          .remove('leasing')\n          .add('leasing', 'true'),\n    },\n  ];\n\n  if (showAuction) {\n    AdTypes.push({\n      displayName: t('Auction', { ns: 'search' }),\n      isActive: (queryFilter: QueryFilter) => queryFilter.contains('isAuctionItem', 'true'),\n      getQueryFilter: (queryFilter: QueryFilter) => {\n        if (queryFilter.has('isAuctionItem')) {\n          return queryFilter\n            .remove('sellerType')\n            .remove('isAuctionItem')\n            .remove('leasing')\n            .remove('businessLeasing');\n        }\n        return queryFilter\n          .remove('sellerType')\n          .remove('leasing')\n          .remove('businessLeasing')\n          .add('isAuctionItem', 'true');\n      },\n    });\n  }\n\n  if (showBusinessLeasing) {\n    AdTypes.push({\n      displayName: t('Business leasing', { ns: 'search' }),\n      isActive: (queryFilter: QueryFilter) => queryFilter.contains('businessLeasing', 'true'),\n      getQueryFilter: (queryFilter: QueryFilter) =>\n        queryFilter\n          .remove('sellerType')\n          .remove('isAuctionItem')\n          .remove('leasing')\n          .remove('businessLeasing')\n          .add('businessLeasing', 'true'),\n    });\n  }\n\n  const sortDisplayName = useMemo(() => {\n    const activeSortOption = sortOptions?.find((sortOption) => sortOption.selected) || undefined;\n    const activeSortOptionDisplayName = getOptionDisplayName(\n      activeSortOption?.displayName || t('Sort', { ns: 'common' }),\n    );\n\n    return activeSortOptionDisplayName;\n  }, [sortOptions]);\n\n  return (\n    <section className=\"page-section page-section-thin\">\n      {state.sortModal && sortOptions && (\n        <SortOptionsModal\n          onClose={onToggleOptions}\n          sortOptions={sortOptions}\n          onApplySort={onApplySort}\n        />\n      )}\n      <div className=\"hidden-md\" />\n      <div data-am-columnrow=\"\">\n        <div className=\"column\">\n          <div data-wx-togglelist=\"\">\n            <div className=\"toggle-list-overflow\">\n              <ul className=\"toggle-list\">\n                {AdTypes.map((adType) => (\n                  <li key={adType.displayName} className=\"toggle-list-item\">\n                    <button\n                      type=\"button\"\n                      className={`toggle-list-action${\n                        adType.isActive(queryFilter) && !disableCurrentIndicator ? ' is-active' : ''\n                      }`}\n                      onClick={() => onRequestSearch(adType.getQueryFilter(queryFilter))}\n                      title={adType.displayName}\n                    >\n                      {adType.displayName}\n                    </button>\n                  </li>\n                ))}\n              </ul>\n            </div>\n          </div>\n        </div>\n        <div className=\"column minimal\">\n          <button\n            type=\"button\"\n            data-wx-inlinebutton=\"\"\n            onClick={onToggleOptions}\n            title={t('Sort', { ns: 'common' })}\n          >\n            <div className=\"inline-button-icon\">\n              <i className=\"icon-sort no-margin\" />\n            </div>\n            <div className=\"inline-button-text\">{sortDisplayName}</div>\n          </button>\n        </div>\n      </div>\n    </section>\n  );\n};\n\nexport default TypeFilterBar;\n"],
  "mappings": "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",
  "names": ["import_react", "import_react", "import_react", "getOptionDisplayName", "displayName", "instance", "TypeFilterBar", "_queryFilter", "sortOptions", "disableCurrentIndicator", "onApplySort", "onRequestSearch", "t", "useTranslation", "queryFilter", "useSelector", "getQueryFilter", "state", "setState", "onToggleOptions", "marketCode", "getMarket", "showAuction", "showBusinessLeasing", "AdTypes", "sortDisplayName", "activeSortOption", "sortOption", "React", "sort_options_modal_default", "adType", "type_filter_bar_default", "SortOption", "sortOption", "disabled", "onClick", "React", "InputRadio_default", "getOptionDisplayName", "sort_option_default", "SortOptionsModal", "sortOptions", "onClose", "onApplySort", "t", "useTranslation", "options", "setOptions", "React", "Modal_default", "Form", "sortOption", "FormGroup", "sort_option_default", "sort_options_modal_default"]
}