{"version":3,"file":"dist/build-client/static/js/Pages-CategoryPage-CategoryPage.6b92e17c.chunk.js","mappings":"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","sources":["Atoms/BrandCard/BrandCard.tsx","Organisms/BrandCardSection/BrandCardSection.tsx","Pages/CategoryPage/FitmentRibbon.tsx","Pages/CategoryPage/MyBikesModal.tsx","Pages/CategoryPage/SmallCategoryHero.tsx","Pages/CategoryPage/CategoryPage.tsx"],"sourcesContent":["import { CSS } from '@stitches/react';\r\nimport KexLink from 'Kex/KexLink';\r\nimport ImageModel from 'Models/Assets/ImageModel.interface';\r\nimport LinkModel from 'Models/Link/LinkModel.interface';\r\nimport { styled } from 'stitches.config';\r\n\r\ntype PropType = {\r\n  css?: CSS;\r\n  backgroundColor: 'primary' | 'secondary';\r\n  image: ImageModel;\r\n  link: LinkModel;\r\n};\r\n\r\nfunction BrandCard({\r\n  css,\r\n  backgroundColor = 'primary',\r\n  image,\r\n  link,\r\n}: PropType) {\r\n  return (\r\n    <StyledKexLink\r\n      css={css}\r\n      backgroundColor={backgroundColor}\r\n      href={link?.href}\r\n      underlined={false}\r\n    >\r\n      {image && <BrandCardImage src={image.src} alt={link.text} />}\r\n    </StyledKexLink>\r\n  );\r\n}\r\n\r\nexport default BrandCard;\r\n\r\nconst StyledKexLink = styled(KexLink, {\r\n  width: '416px',\r\n  height: '64px',\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  justifyContent: 'center',\r\n  position: 'relative',\r\n  objectFit: 'cover',\r\n  marginBottom: 0,\r\n  '@mediaMinLarge': {\r\n    height: '80px',\r\n  },\r\n\r\n  variants: {\r\n    backgroundColor: {\r\n      primary: {\r\n        backgroundColor: '$brandCardPrimaryBackgroundColor',\r\n        '&:hover': {\r\n          backgroundColor: '$brandCardPrimaryHoverBackgroundColor',\r\n        },\r\n      },\r\n      secondary: {\r\n        backgroundColor: '$brandCardSecondaryBackgroundColor',\r\n        '&:hover': {\r\n          backgroundColor: '$brandCardSecondaryHoverBackgroundColor',\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  defaultVariants: {\r\n    backgroundColor: 'primary',\r\n  },\r\n});\r\n\r\nconst BrandCardImage = styled('img', {\r\n  width: '88px',\r\n  objectFit: 'cover',\r\n  '@mediaMinLarge': {\r\n    width: '150px',\r\n  },\r\n});\r\n","import BrandCard from 'Atoms/BrandCard/BrandCard';\r\nimport ContentContainer from 'Molecules/ContentContainer/ContentContainer';\r\nimport useMedia from 'Shared/Hooks/useMedia';\r\nimport { styled } from 'stitches.config';\r\nimport { mediaQueryTypes } from 'Theme/Settings/mediaQueries';\r\nimport BrandCardBlockModel from '../../Models/Blocks/BrandCardBlock/BrandCardBlockModel.interface';\r\n\r\ntype PropTypes = {\r\n  brandCards: BrandCardBlockModel[];\r\n  backgroundColor?: 'primary' | 'secondary';\r\n};\r\n\r\nfunction BrandCardSection({\r\n  brandCards,\r\n  backgroundColor = 'primary',\r\n}: PropTypes) {\r\n  const isDesktop = useMedia(mediaQueryTypes.mediaMinLarge);\r\n\r\n  return (\r\n    <ContentContainer>\r\n      <Container>\r\n        {brandCards.map((brand, index) => {\r\n          const mobileImgPreset = `${brand.image?.src}?preset=brandcard-mobile`;\r\n          const desktopImgPreset = `${brand.image?.src}?preset=brandcard-desktop`;\r\n          const brandImage = isDesktop ? desktopImgPreset : mobileImgPreset;\r\n\r\n          return (\r\n            <BrandCard\r\n              key={index}\r\n              image={{ ...brand.image, src: brandImage }}\r\n              link={brand.link}\r\n              backgroundColor={backgroundColor}\r\n            />\r\n          );\r\n        })}\r\n      </Container>\r\n    </ContentContainer>\r\n  );\r\n}\r\n\r\nconst Container = styled('div', {\r\n  display: 'flex',\r\n  columnGap: '16px',\r\n  '@mediaMinLarge': {\r\n    columnGap: '32px',\r\n  },\r\n});\r\n\r\nexport default BrandCardSection;\r\n","import ContentContainer from 'Molecules/ContentContainer/ContentContainer';\r\nimport { useUserStateData } from 'Shared/Providers/UserContextProvider';\r\nimport { styled } from 'stitches.config';\r\nimport { useTranslationData } from 'Shared/Providers/TranslationProvider';\r\nimport { CloseIcon } from 'Atoms/Icons';\r\nimport { useFilterData } from '../../Organisms/FilterComponent/FilterProvider';\r\nimport { useEffect } from 'react';\r\nimport sizes from 'Theme/Settings/sizes';\r\n\r\nimport { useStickyHeaderData } from 'Shared/Providers/StickyHeaderProvider';\r\nimport { animation, timings } from 'Theme/Settings/animation';\r\n\r\ntype PropType = {\r\n  name: string;\r\n  clearModel: () => void;\r\n  onClick: () => void;\r\n};\r\n\r\nconst FitmentRibbon = ({ name, clearModel, onClick }: PropType) => {\r\n  const {\r\n    user: { primaryBike },\r\n  } = useUserStateData();\r\n\r\n  const {\r\n    motorcycleModelFinderLabels: { showingProductFitment },\r\n  } = useTranslationData();\r\n  const { shouldAnimateSticky } = useStickyHeaderData();\r\n  const [{ selectedModel }] = useFilterData();\r\n\r\n  useEffect(() => {\r\n    if (!primaryBike && !name && selectedModel) {\r\n      clearModel();\r\n    }\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, []);\r\n\r\n  if (!selectedModel) {\r\n    return <></>;\r\n  }\r\n\r\n  return (\r\n    <FitmentContainer sticky={shouldAnimateSticky}>\r\n      <ContentContainer>\r\n        <FitmentWrapper>\r\n          <div>\r\n            {showingProductFitment}:{' '}\r\n            <FitmentBike onClick={onClick}>\r\n              {name || primaryBike?.name}\r\n            </FitmentBike>\r\n          </div>\r\n          <CloseButton onClick={clearModel}>\r\n            <CloseIcon\r\n              color=\"secondaryDark\"\r\n              size=\"s\"\r\n              fillColor=\"secondaryDark\"\r\n            />\r\n          </CloseButton>\r\n        </FitmentWrapper>\r\n      </ContentContainer>\r\n    </FitmentContainer>\r\n  );\r\n};\r\n\r\nconst FitmentContainer = styled('div', {\r\n  top: 0,\r\n  zIndex: '$Ribbon',\r\n  backgroundColor: '$primaryLight2',\r\n  fs: 6,\r\n  lineHeight: '$lh133',\r\n  color: '$primary6',\r\n  position: 'sticky',\r\n  transition: `all ${timings.oneFifth} ${animation.timingFn}`,\r\n  py: 2,\r\n  variants: {\r\n    sticky: {\r\n      true: {\r\n        top: sizes.mobileHeaderHeight,\r\n        '@mediaMinLarge': { top: sizes.desktopHeaderHeight },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nconst FitmentWrapper = styled('div', {\r\n  display: 'flex',\r\n  justifyContent: 'space-between',\r\n});\r\n\r\nconst FitmentBike = styled('span', {\r\n  cursor: 'pointer',\r\n  textDecoration: 'underline',\r\n});\r\nconst CloseButton = styled('button', {});\r\n\r\nexport default FitmentRibbon;\r\n","import { H2 } from 'Atoms/Typography/Headings/Heading';\r\nimport Modal from 'Organisms/Modal/Modal';\r\nimport { useEffect, useState } from 'react';\r\nimport { useTranslationData } from 'Shared/Providers/TranslationProvider';\r\nimport { styled } from 'stitches.config';\r\nimport SingleOptionCard from 'Organisms/SingleOptionCard/SingleOptionCard';\r\nimport MyGarageBikeModel from 'Models/MyGarage/MyGarageBikeModel.interface';\r\nimport Button from 'Atoms/Buttons/Button';\r\nimport { GetBikes, SetPrimaryBike } from 'Shared/MyGarage/MyGarage';\r\nimport { MotorcycleIcon } from 'Atoms/Icons';\r\nimport { useUserStateData } from 'Shared/Providers/UserContextProvider';\r\nimport { useFilterData } from 'Organisms/FilterComponent/FilterProvider';\r\nimport { useAppSettingsData } from 'Shared/Providers/AppSettingsProvider';\r\nimport KexLink from 'Kex/KexLink';\r\n\r\ntype PropTypes = {\r\n  showModal: boolean;\r\n  setShowModal: (arg: boolean) => void;\r\n};\r\n\r\nconst MyBikesModal = ({ showModal, setShowModal }: PropTypes) => {\r\n  const {\r\n    user: { primaryBike },\r\n  } = useUserStateData();\r\n\r\n  const {\r\n    staticPages: { accountPage },\r\n  } = useAppSettingsData();\r\n\r\n  const [bikes, setBikes] = useState<MyGarageBikeModel[]>([]);\r\n\r\n  const [, dispatch] = useFilterData();\r\n  const [selected, setSelected] = useState<string>(primaryBike?.id);\r\n\r\n  const { motorcycleModelFinderLabels, myGarageLabels } = useTranslationData();\r\n\r\n  async function fetchBikes() {\r\n    const res = await GetBikes();\r\n\r\n    setBikes(res.models);\r\n  }\r\n\r\n  useEffect(() => {\r\n    let hasMounted = true;\r\n\r\n    if (hasMounted) {\r\n      fetchBikes();\r\n    }\r\n\r\n    return () => {\r\n      hasMounted = false;\r\n    };\r\n  }, []);\r\n\r\n  const hasBikes = bikes.length > 0;\r\n\r\n  return (\r\n    <>\r\n      <Modal\r\n        showModal={showModal}\r\n        toggle={() => setShowModal(!showModal)}\r\n        noPadding\r\n      >\r\n        <ModalContent>\r\n          <H2 css={{ mb: 8 }}>{motorcycleModelFinderLabels.selectYourBike}</H2>\r\n\r\n          {bikes?.map((item, bikeIndex) => {\r\n            return (\r\n              <BikeItem key={item.modelId + bikeIndex}>\r\n                <SingleOptionCard\r\n                  content={\r\n                    <BikeContent>\r\n                      <MotorcycleIcon fillColor=\"primary\" size=\"m\" />\r\n                      <BikeInnerContent>\r\n                        <BikeName>{item.name}</BikeName>\r\n                      </BikeInnerContent>\r\n                    </BikeContent>\r\n                  }\r\n                  isActive={item.id === selected}\r\n                  onClick={() => setSelected(item.id)}\r\n                  //onClick={async () => setPrimaryBike(item.id)}\r\n                />\r\n              </BikeItem>\r\n            );\r\n          })}\r\n\r\n          {!hasBikes && (\r\n            <>\r\n              {myGarageLabels.noBikesAdded}{' '}\r\n              <KexLink\r\n                href={accountPage}\r\n                css={{ textDecoration: 'underline' }}\r\n                underlined={false}\r\n              >\r\n                {' '}\r\n                {myGarageLabels.myPages}\r\n              </KexLink>\r\n              {/* Du har inga hojar tillagda. Du kan lägga till din hoj i\r\n              <KexLink href={accountPage} css={{ textDecoration: 'underline' }}>\r\n                {' '}\r\n                mina sidor.\r\n              </KexLink> */}\r\n            </>\r\n          )}\r\n        </ModalContent>\r\n\r\n        {hasBikes && (\r\n          <ModalCTA>\r\n            <Button\r\n              onClick={() => {\r\n                dispatch({ type: 'setSelectedModel', value: '' });\r\n                setShowModal(false);\r\n              }}\r\n              type=\"tertiary\"\r\n              fullWidth\r\n            >\r\n              {motorcycleModelFinderLabels.unselect}\r\n            </Button>\r\n            <Button\r\n              onClick={async () => {\r\n                if (!selected) {\r\n                  return;\r\n                }\r\n\r\n                const res = await SetPrimaryBike(selected);\r\n\r\n                dispatch({\r\n                  type: 'setSelectedModel',\r\n                  value: res.bike.modelId,\r\n                });\r\n\r\n                setShowModal(false);\r\n              }}\r\n              type=\"secondary\"\r\n              fullWidth\r\n            >\r\n              {motorcycleModelFinderLabels.showParts}\r\n            </Button>\r\n          </ModalCTA>\r\n        )}\r\n      </Modal>\r\n    </>\r\n  );\r\n};\r\n\r\nconst BikeItem = styled('div', {\r\n  mb: 4,\r\n});\r\n\r\nconst BikeContent = styled('div', {\r\n  backgroundColor: '$primary4',\r\n  display: 'flex',\r\n  gap: 16,\r\n  width: '100%',\r\n  p: 4,\r\n  minHeight: 88,\r\n});\r\n\r\nconst BikeInnerContent = styled('div', {\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  alignItems: 'flex-start',\r\n});\r\n\r\nconst BikeName = styled('span', {\r\n  fontFamily: '$fontSecondary600',\r\n  fs: 10,\r\n  lineHeight: '$lh12',\r\n  textAlign: 'left',\r\n});\r\n\r\nconst ModalCTA = styled('div', {\r\n  display: 'flex',\r\n  gap: 16,\r\n  p: 4,\r\n  position: 'absolute',\r\n  bottom: 0,\r\n  right: 0,\r\n  left: 0,\r\n  backgroundColor: '$primary4',\r\n  '@mediaMinLarge': {\r\n    px: 6,\r\n    py: 8,\r\n  },\r\n});\r\n\r\nconst ModalContent = styled('div', {\r\n  px: 8,\r\n  height: '85vh',\r\n  overflowY: 'auto',\r\n  scrollbarWidth: 'none',\r\n  '&::-webkit-scrollbar': {\r\n    WebkitAppearance: 'none',\r\n    display: 'none',\r\n  },\r\n  '&::scrollbar': {\r\n    display: 'none',\r\n  },\r\n});\r\n\r\nexport default MyBikesModal;\r\n","import { H1 } from 'Atoms/Typography/Headings/Heading';\r\nimport ImageModel from 'Models/Assets/ImageModel.interface';\r\nimport { applyEditModeAttr } from 'Shared/Common/Helpers';\r\nimport useMedia from 'Shared/Hooks/useMedia';\r\nimport { styled } from 'stitches.config';\r\nimport { mediaQueryTypes } from 'Theme/Settings/mediaQueries';\r\nimport ContentContainer from 'Molecules/ContentContainer/ContentContainer';\r\nimport Paragraph from 'Atoms/Typography/Paragraph/Paragraph';\r\n\r\ntype HeroModuleType = {\r\n  image: ImageModel;\r\n  inEditMode?: boolean;\r\n  header?: string;\r\n  overlay?: boolean;\r\n  pageIntroText?: string;\r\n};\r\n\r\nfunction SmallCategoryHero({\r\n  header,\r\n  inEditMode,\r\n  image,\r\n  overlay = false,\r\n  pageIntroText,\r\n}: HeroModuleType) {\r\n  const isMobile = useMedia(mediaQueryTypes.mediaMaxMedium);\r\n\r\n  return (\r\n    <>\r\n      {image && (\r\n        <ImageContainer\r\n          css={{\r\n            backgroundImage: isMobile\r\n              ? `url(${image.mobileSrc})`\r\n              : `url(${image.src})`,\r\n          }}\r\n          overlay={overlay}\r\n        />\r\n      )}\r\n      <ContentContainer width=\"content\">\r\n        <TextContainer noImage={!image}>\r\n          <H1\r\n            {...applyEditModeAttr(inEditMode ? 'HeroHeader' : '')}\r\n            color={'tertiary'}\r\n            css={{ m: 0 }}\r\n          >\r\n            {header}\r\n          </H1>\r\n          <ParagraphWrapper>\r\n            <Paragraph size={isMobile ? 's' : 'l'}>{pageIntroText}</Paragraph>\r\n          </ParagraphWrapper>\r\n        </TextContainer>\r\n      </ContentContainer>\r\n    </>\r\n  );\r\n}\r\n\r\nconst ImageContainer = styled('div', {\r\n  position: 'relative',\r\n  display: 'flex',\r\n  backgroundRepeat: 'no-repeat',\r\n  backgroundSize: 'cover',\r\n  color: '$heroTextPrimary',\r\n  h: 54,\r\n  '@mediaMinLarge': {\r\n    h: 75,\r\n  },\r\n  variants: {\r\n    overlay: {\r\n      true: {\r\n        '&:before': {\r\n          position: 'absolute',\r\n          content: '\"\"',\r\n          top: 0,\r\n          right: 0,\r\n          bottom: 0,\r\n          left: 0,\r\n          backgroundColor: '$colors$backgroundPrimary',\r\n          opacity: 0.4,\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nconst ParagraphWrapper = styled('div', {\r\n  mt: 4,\r\n});\r\n\r\nconst TextContainer = styled('div', {\r\n  position: 'relative',\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  w: '100%',\r\n  justifyContent: 'end',\r\n  my: 12,\r\n  h: '100%',\r\n  '@mediaMinLarge': {\r\n    mx: 0,\r\n    maxW: 187,\r\n    mb: 4,\r\n    mt: 12,\r\n  },\r\n  variants: {\r\n    noImage: {\r\n      true: {\r\n        '@mediaMinLarge': {\r\n          mt: 30,\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nexport default SmallCategoryHero;\r\n","import { ProductType } from 'Enums/ProductType.enum';\r\nimport CategoryPageModel from 'Models/Pages/CategoryPage/CategoryPageModel.interface';\r\nimport ProductCardModel from 'Models/ProductCard/ProductCardModel.interface';\r\nimport Breadcrumb from 'Molecules/Breadcrumb/Breadcrumb';\r\nimport ContentContainer from 'Molecules/ContentContainer/ContentContainer';\r\nimport LoadMoreContainer from 'Molecules/LoadMoreContainer/LoadMoreContainer';\r\nimport BrandCardSection from 'Organisms/BrandCardSection/BrandCardSection';\r\nimport ProductCard from 'Organisms/ProductCard/ProductCard';\r\nimport FilterBar from 'Organisms/FilterComponent/FilterBar';\r\n\r\nimport { useQueryCategoryItems } from 'Pages/SearchPage/Search';\r\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\r\nimport {\r\n  canUseDOM,\r\n  getBikeForLoggedOutUser,\r\n  isEmpty,\r\n  setBikeForLoggedOutUser,\r\n} from 'Shared/Common/Helpers';\r\nimport useCurrentPage from 'Shared/Hooks/useCurrentPage';\r\nimport useMedia from 'Shared/Hooks/useMedia';\r\nimport { useTranslationData } from 'Shared/Providers/TranslationProvider';\r\nimport { styled } from 'stitches.config';\r\nimport { mediaQueryTypes } from 'Theme/Settings/mediaQueries';\r\nimport FitmentRibbon from './FitmentRibbon';\r\nimport {\r\n  FilterProvider,\r\n  useFilterData,\r\n} from '../../Organisms/FilterComponent/FilterProvider';\r\nimport Button from 'Atoms/Buttons/Button';\r\nimport AddMotorcycleModal, {\r\n  SelectedType,\r\n} from 'Organisms/Modal/AddMotorcycleModal';\r\nimport MyBikesModal from './MyBikesModal';\r\nimport { useUserStateData } from 'Shared/Providers/UserContextProvider';\r\nimport { useKexLoadingCircle } from '../../Kex/KexLoadingCircle';\r\nimport SmallCategoryHero from './SmallCategoryHero';\r\nconst API_URL = 'GetCategoryItems';\r\n\r\nfunction CategoryPageWrapper() {\r\n  if (!canUseDOM()) {\r\n    return <></>;\r\n  }\r\n\r\n  return (\r\n    <FilterProvider\r\n      urlSearchString={window?.location.search || ''}\r\n      noQuery={true}\r\n    >\r\n      <CategoryPage />\r\n    </FilterProvider>\r\n  );\r\n}\r\n\r\nconst CATEGORY_LOADING = 'CategoryPage[Initial Loading]';\r\n\r\nfunction CategoryPage() {\r\n  const { categoryLabels, motorcycleModelFinderLabels } = useTranslationData();\r\n\r\n  const page = useCurrentPage();\r\n\r\n  const {\r\n    user: { authenticated },\r\n  } = useUserStateData();\r\n\r\n  const [{ selectedModel, queryParams }, dispatch] = useFilterData();\r\n\r\n  const {\r\n    pageHeading,\r\n    pageIntroText,\r\n    heroImage,\r\n    inEditMode,\r\n    heroDarkOverlay,\r\n    brandCards,\r\n    isSpareParts,\r\n    isMotorcycles,\r\n    isAccessories,\r\n    pageTitle,\r\n  } = useCurrentPage<CategoryPageModel>();\r\n\r\n  const [showBikeSelector, setShowBikeSelector] = useState<boolean>(false);\r\n  const [showExistingBikes, setShowExistingBikes] = useState<boolean>(false);\r\n  const [loadingState, loadingDispatch] = useKexLoadingCircle();\r\n\r\n  const [selectedBikeName, setSelectedBikeName] = useState<string>(() => {\r\n    if (authenticated) {\r\n      return '';\r\n    }\r\n\r\n    const selected = getBikeForLoggedOutUser();\r\n    if (!selected) {\r\n      return '';\r\n    }\r\n    return `${selected.brand} ${selected.modelName} ${selected.year}`;\r\n  });\r\n  const stateLoading = !!loadingState.has(CATEGORY_LOADING);\r\n\r\n  const pagePath = page.breadcrumb[page.breadcrumb.length - 1]?.href || '';\r\n  // skip the effect on did mount\r\n  const didMountRef = useRef(false);\r\n  useEffect(() => {\r\n    if (!didMountRef.current) {\r\n      didMountRef.current = true;\r\n    } else {\r\n      dispatch({ type: 'onChangeCategory' });\r\n    }\r\n  }, [dispatch, pagePath]);\r\n\r\n  // clean up\r\n  useEffect(() => {\r\n    return () => {\r\n      loadingDispatch({\r\n        type: 'remove',\r\n        from: CATEGORY_LOADING,\r\n      });\r\n    };\r\n  }, [loadingDispatch]);\r\n\r\n  const { facets, sorters, isLoading, result, paginate, loadingMore } =\r\n    useQueryCategoryItems(API_URL, queryParams, pagePath);\r\n\r\n  useEffect(() => {\r\n    if (isLoading && !stateLoading) {\r\n      loadingDispatch({\r\n        type: 'add',\r\n        from: CATEGORY_LOADING,\r\n      });\r\n    } else if (!isLoading && stateLoading) {\r\n      loadingDispatch({\r\n        type: 'remove',\r\n        from: CATEGORY_LOADING,\r\n      });\r\n    }\r\n  }, [isLoading, stateLoading, loadingDispatch]);\r\n\r\n  useEffect(\r\n    () => facets && sorters && dispatch({ type: 'setFacets', facets, sorters }),\r\n    [facets, sorters, dispatch]\r\n  );\r\n\r\n  const loadedPercentage = useMemo(() => {\r\n    if (!result?.productSearchResult) {\r\n      return 0;\r\n    }\r\n\r\n    return (\r\n      (result.productSearchResult.items.length /\r\n        result.productSearchResult.availableItems) *\r\n      100\r\n    );\r\n  }, [result?.productSearchResult]);\r\n\r\n  const counterText = useMemo(() => {\r\n    return result?.productSearchResult\r\n      ? categoryLabels.counter\r\n          .replace('{0}', result.productSearchResult?.items.length.toString())\r\n          .replace('{1}', result.productSearchResult?.availableItems.toString())\r\n      : '';\r\n  }, [result?.productSearchResult, categoryLabels.counter]);\r\n\r\n  const setSelectedBike = (selected: SelectedType) => {\r\n    setSelectedBikeName(\r\n      `${selected.brand} ${selected.modelName} ${selected.year}`\r\n    );\r\n\r\n    setBikeForLoggedOutUser(selected);\r\n\r\n    dispatch({\r\n      type: 'setSelectedModel',\r\n      value: selected.model,\r\n    });\r\n  };\r\n\r\n  const productType =\r\n    !isEmpty(result?.productSearchResult?.items) &&\r\n    result?.productSearchResult?.items[0].productType;\r\n\r\n  const clearModel = useCallback(() => {\r\n    dispatch({ type: 'setSelectedModel', value: '' });\r\n  }, [dispatch]);\r\n\r\n  return (\r\n    <>\r\n      <FitmentRibbon\r\n        name={selectedBikeName}\r\n        clearModel={clearModel}\r\n        onClick={() =>\r\n          authenticated ? setShowExistingBikes(true) : setShowBikeSelector(true)\r\n        }\r\n      />\r\n\r\n      <SmallCategoryHero\r\n        header={pageHeading}\r\n        pageIntroText={pageIntroText}\r\n        inEditMode={inEditMode}\r\n        image={heroImage}\r\n        overlay={heroDarkOverlay}\r\n      />\r\n\r\n      <ContentContainer>\r\n        <Breadcrumb />\r\n      </ContentContainer>\r\n\r\n      {!isEmpty(brandCards) && (\r\n        <BrandCardSectionWrapper>\r\n          <BrandCardSection\r\n            brandCards={brandCards}\r\n            backgroundColor=\"secondary\"\r\n          />\r\n        </BrandCardSectionWrapper>\r\n      )}\r\n\r\n      <ContentContainer css={{ pb: 6 }}>\r\n        {(isSpareParts || isAccessories) && (\r\n          <>\r\n            <Button\r\n              type=\"secondary\"\r\n              icon={{ type: 'Add', color: 'secondaryDark', size: 'm' }}\r\n              css={{ minWidth: 251, my: 12 }}\r\n              onClick={() =>\r\n                authenticated\r\n                  ? setShowExistingBikes(true)\r\n                  : setShowBikeSelector(true)\r\n              }\r\n            >\r\n              {motorcycleModelFinderLabels.selectYourBike}\r\n            </Button>\r\n            {authenticated ? (\r\n              <MyBikesModal\r\n                showModal={showExistingBikes}\r\n                setShowModal={setShowExistingBikes}\r\n              />\r\n            ) : (\r\n              <AddMotorcycleModal\r\n                showModal={showBikeSelector}\r\n                setShowModal={setShowBikeSelector}\r\n                handleAdd={setSelectedBike}\r\n                buttonText={motorcycleModelFinderLabels.showParts}\r\n              />\r\n            )}\r\n          </>\r\n        )}\r\n\r\n        {!!facets && !!result && (\r\n          <FilterBar\r\n            results={{\r\n              facets: facets,\r\n              productResults: result.productSearchResult,\r\n            }}\r\n            counterText={counterText}\r\n            includesMotorcycles={isMotorcycles}\r\n            pageTitle={pageTitle}\r\n          />\r\n        )}\r\n      </ContentContainer>\r\n      <ProductResults>\r\n        <ContentContainer>\r\n          {!isLoading ? (\r\n            <>\r\n              {productType === ProductType.MOTORCYCLES && (\r\n                <MCStyledGrid>\r\n                  {result?.productSearchResult?.items.map(\r\n                    (product: ProductCardModel, index: number) => (\r\n                      <MCProductCardWrapper key={index}>\r\n                        <ProductCard item={product} />\r\n                      </MCProductCardWrapper>\r\n                    )\r\n                  )}\r\n                </MCStyledGrid>\r\n              )}\r\n              {productType !== ProductType.MOTORCYCLES && (\r\n                <NonMCStyledGrid>\r\n                  {result?.productSearchResult?.items.map((product, index) => (\r\n                    <NonMCProductCardWrapper key={index}>\r\n                      <ProductCard\r\n                        item={product}\r\n                        selectedModel={selectedModel}\r\n                      />\r\n                    </NonMCProductCardWrapper>\r\n                  ))}\r\n                </NonMCStyledGrid>\r\n              )}\r\n            </>\r\n          ) : (\r\n            <Padding />\r\n          )}\r\n        </ContentContainer>\r\n\r\n        <LoadMoreContainerWrapper>\r\n          {!isLoading && !!result && (\r\n            <LoadMoreContainer\r\n              loaded={loadedPercentage}\r\n              counterText={counterText}\r\n              loadMore={categoryLabels.loadMore}\r\n              disabled={\r\n                result.productSearchResult?.items.length ===\r\n                result.productSearchResult?.availableItems\r\n              }\r\n              onClick={() => {\r\n                paginate();\r\n\r\n                dispatch({\r\n                  type: 'setLoadedItems',\r\n                  value: (\r\n                    result.productSearchResult.items.length + 24\r\n                  ).toString(),\r\n                });\r\n              }}\r\n              isLoading={loadingMore}\r\n            />\r\n          )}\r\n        </LoadMoreContainerWrapper>\r\n      </ProductResults>\r\n    </>\r\n  );\r\n}\r\n\r\nconst MCStyledGrid = styled('div', {\r\n  display: 'grid',\r\n  gridTemplateColumns: '1fr',\r\n  gap: '16px',\r\n  maxWidth: 'auto',\r\n  '@media(min-width: 768px)': {\r\n    gridTemplateColumns: '1fr 1fr',\r\n    gap: '32px',\r\n  },\r\n  '@mediaMinLarge': {\r\n    gridTemplateColumns: '1fr 1fr 1fr 1fr',\r\n    gap: '32px',\r\n  },\r\n});\r\n\r\nconst MCProductCardWrapper = styled('div', {\r\n  minWidth: '220px',\r\n});\r\n\r\nconst NonMCStyledGrid = styled('div', {\r\n  display: 'grid',\r\n  gridTemplateColumns: '1fr 1fr',\r\n  gap: '16px',\r\n  maxWidth: 'auto',\r\n  '@media(min-width: 768px)': {\r\n    gridTemplateColumns: '1fr 1fr 1fr',\r\n    gap: '32px',\r\n  },\r\n  '@mediaMinLarge': {\r\n    gridTemplateColumns: '1fr 1fr 1fr 1fr',\r\n    gap: '32px',\r\n  },\r\n});\r\n\r\nconst NonMCProductCardWrapper = styled('div', {\r\n  minWidth: '140px',\r\n});\r\n\r\nconst Padding = styled('div', {\r\n  height: '400px',\r\n});\r\n\r\nconst BrandCardSectionWrapper = styled('div', {\r\n  pt: 8,\r\n  pb: 4,\r\n  '@mediaMinLarge': {\r\n    pt: 12,\r\n  },\r\n});\r\n\r\nconst LoadMoreContainerWrapper = styled('div', {\r\n  marginTop: '48px',\r\n});\r\n\r\nconst ProductResults = styled('div', {\r\n  backgroundColor: '$primary5',\r\n  pt: 12,\r\n});\r\n\r\nexport default CategoryPageWrapper;\r\n"],"names":["css","backgroundColor","image","link","StyledKexLink","href","underlined","BrandCardImage","src","alt","text","styled","KexLink","width","height","display","alignItems","justifyContent","position","objectFit","marginBottom","variants","primary","secondary","defaultVariants","Container","columnGap","brandCards","isDesktop","useMedia","mediaQueryTypes","ContentContainer","map","brand","index","mobileImgPreset","desktopImgPreset","brandImage","FitmentContainer","top","zIndex","fs","lineHeight","color","transition","timings","animation","py","sticky","true","sizes","FitmentWrapper","FitmentBike","cursor","textDecoration","CloseButton","name","clearModel","onClick","primaryBike","useUserStateData","user","showingProductFitment","useTranslationData","motorcycleModelFinderLabels","shouldAnimateSticky","useStickyHeaderData","useFilterData","selectedModel","useEffect","size","fillColor","BikeItem","mb","BikeContent","gap","p","minHeight","BikeInnerContent","flexDirection","BikeName","fontFamily","textAlign","ModalCTA","bottom","right","left","px","ModalContent","overflowY","scrollbarWidth","WebkitAppearance","showModal","setShowModal","accountPage","useAppSettingsData","staticPages","useState","bikes","setBikes","dispatch","id","selected","setSelected","myGarageLabels","GetBikes","res","models","hasMounted","fetchBikes","hasBikes","length","Modal","toggle","noPadding","H2","selectYourBike","item","bikeIndex","SingleOptionCard","content","isActive","modelId","noBikesAdded","myPages","Button","type","value","fullWidth","unselect","SetPrimaryBike","bike","showParts","ImageContainer","backgroundRepeat","backgroundSize","h","overlay","opacity","ParagraphWrapper","mt","TextContainer","w","my","mx","maxW","noImage","header","inEditMode","pageIntroText","isMobile","backgroundImage","mobileSrc","H1","applyEditModeAttr","m","Paragraph","CATEGORY_LOADING","CategoryPage","categoryLabels","page","useCurrentPage","authenticated","queryParams","pageHeading","heroImage","heroDarkOverlay","isSpareParts","isMotorcycles","isAccessories","pageTitle","showBikeSelector","setShowBikeSelector","showExistingBikes","setShowExistingBikes","useKexLoadingCircle","loadingState","loadingDispatch","getBikeForLoggedOutUser","modelName","year","selectedBikeName","setSelectedBikeName","stateLoading","has","pagePath","breadcrumb","didMountRef","useRef","current","from","useQueryCategoryItems","facets","sorters","isLoading","result","paginate","loadingMore","loadedPercentage","useMemo","productSearchResult","items","availableItems","counterText","counter","replace","toString","productType","isEmpty","useCallback","Breadcrumb","BrandCardSectionWrapper","BrandCardSection","pb","icon","minWidth","AddMotorcycleModal","handleAdd","setBikeForLoggedOutUser","model","buttonText","FilterBar","results","productResults","includesMotorcycles","ProductResults","Padding","ProductType","MCStyledGrid","product","MCProductCardWrapper","ProductCard","NonMCStyledGrid","NonMCProductCardWrapper","LoadMoreContainerWrapper","LoadMoreContainer","loaded","loadMore","disabled","gridTemplateColumns","maxWidth","pt","marginTop","canUseDOM","FilterProvider","urlSearchString","window","location","search","noQuery"],"sourceRoot":""}