{"version":3,"file":"static/js/SuccessStoriesHome.2b43ac281a54b2056436.js","mappings":"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","sources":["helpers/lazyloading.ts","components/SuccessStories/filterBarStyles.ts","components/SuccessStories/mobileFilterDrawerStyles.ts","components/SuccessStories/filterBarHelper.ts","components/SuccessStories/MobileFilterDrawer.tsx","components/SuccessStories/MobileFilterBar.tsx","components/SuccessStories/FilterBar.tsx","components/SuccessStories/StoryCards.tsx","pages/public/SuccessStoriesHome.tsx"],"sourcesContent":["export function getLazyLoadByIndex(index: number, noLazyLoadCount = 2): boolean {\n    return !(index <= noLazyLoadCount - 1);\n}\n","import { breakpoints } from '@web-for-marketing/react-ui';\n\nexport const filterBarStyles = {\n    filterContainer: {\n        flexWrap: 'nowrap',\n        '& > *': {\n            width: '100%',\n            marginLeft: '2rem',\n        },\n        '& > *:first-child': {\n            marginLeft: '0',\n        },\n        [`@media (max-width: ${breakpoints.md})`]: {\n            flexWrap: 'wrap',\n            '& > *': {\n                marginLeft: '0',\n                marginBottom: '2rem',\n            },\n            '& > *:last-child': {\n                marginLeft: '0',\n                marginBottom: '0',\n            },\n        },\n    } as const,\n    clearFilterStyles: {\n        background: 'none',\n        border: 'none',\n        cursor: 'pointer',\n    },\n    filterByContainer: {\n        marginBottom: '4rem',\n    },\n    resultContainer: {\n        marginTop: '10rem',\n    },\n    sortByText: {\n        marginRight: '1.3rem',\n    },\n    mobileFilterButton: {\n        [`@media (max-width: ${breakpoints.md})`]: {\n            width: 'auto',\n        },\n    },\n    industrySelect: {\n        minWidth: '40%',\n        [`@media (max-width: ${breakpoints.lg})`]: {\n            minWidth: 'unset',\n        },\n    },\n};\n","import { breakpoints, v2Colors } from '@web-for-marketing/react-ui';\n\nexport const mobileFilterDrawerStyles = {\n    sortByContainer: {\n        paddingTop: '3.2rem',\n        paddingBottom: 0,\n    },\n    filterDrawer: {\n        background: v2Colors.background.light,\n        width: '100%',\n    },\n    closeMenuIcon: {\n        padding: '1rem',\n        '& img': {\n            width: '2rem',\n        },\n    },\n    drawerGridContainer: {\n        borderBottom: '1px solid #C1C9D6',\n    },\n    filterBySelectContainer: {\n        marginBottom: '3.5rem',\n    },\n    sortBySelectContainer: {\n        marginBottom: '4.4rem',\n    },\n    resetFilterButton: {\n        [`@media (max-width: ${breakpoints.md})`]: {\n            marginLeft: '2rem',\n        },\n        [`@media (max-width: ${breakpoints.sm})`]: {\n            marginLeft: '0',\n            marginTop: '1rem',\n        },\n    },\n} as const;\n","import { SelectOption } from '@web-for-marketing/react-ui';\n\nexport const filterOptions = (\n    options: SelectOption<number>[],\n    filteredOptions: number[] | undefined\n): SelectOption<number>[] => {\n    return options.filter(\n        (option: SelectOption<number>) => option.value === -1 || filteredOptions?.includes(option.value)\n    );\n};\n","import React, { useState } from 'react';\nimport { IconButton, Drawer, Button, Stack } from '@mui/material';\nimport { CloseIcon } from '@icon/CloseIcon';\nimport { v2Colors } from '@web-for-marketing/react-ui';\nimport { Select, Text, Heading, SelectOption } from '@web-for-marketing/react-ui';\nimport { useTranslation } from '@stateManagement/TranslationContext';\nimport { getTranslation } from '@helpers/languageTranslations';\nimport { SuccessStoryFilter, FilterType } from '@models/successStory';\nimport { useStaticValues } from '@stateManagement/StaticValuesContext';\nimport { mobileFilterDrawerStyles as classes } from './mobileFilterDrawerStyles';\nimport { ClassNames } from '@emotion/react';\nimport { useAtom } from 'jotai';\nimport { selectedLanguageAtom } from '@atoms/appSettings';\nimport { getLanguageRouteAndPrefixByCodeAndRouteKey } from '@helpers/languages';\nimport { filterOptions } from './filterBarHelper';\nimport { SectionContainer } from '@components/SectionComponents/SectionContainer';\n\ninterface MobileFilterDrawerProps {\n    open: boolean;\n    setOpen: (value: boolean) => void;\n    resetFilter: () => void;\n}\n\nconst FilterSet = new Set<FilterType>(['industry', 'size', 'region', 'sortBy']);\n\nexport const MobileFilterDrawer = ({ open, setOpen, resetFilter }: MobileFilterDrawerProps): JSX.Element => {\n    const { selectedLanguageTranslation } = useTranslation();\n    const { successStories } = useStaticValues();\n    const [selectedLanguage] = useAtom(selectedLanguageAtom);\n    const [filters, setFilters] = useState<SuccessStoryFilter>(successStories.homePageData?.filters || {});\n    const options = successStories.homePageData?.filteredOptions;\n\n    const industryOptions: SelectOption<number>[] = filterOptions(\n        getTranslation(selectedLanguageTranslation, 'successStoriesHome', 'fleetIndustryFilterList'),\n        options?.fleetIndustryFilterOptions\n    );\n    const regionOptions: SelectOption<number>[] = filterOptions(\n        getTranslation(selectedLanguageTranslation, 'successStoriesHome', 'fleetRegionFilterList'),\n        options?.fleetRegionFilterOptions\n    );\n    const sizeOptions: SelectOption<number>[] = filterOptions(\n        getTranslation(selectedLanguageTranslation, 'successStoriesHome', 'fleetSizeFilterList'),\n        options?.fleetSizeFilterOptions\n    );\n    const sortByOptions: SelectOption<number>[] = getTranslation(\n        selectedLanguageTranslation,\n        'successStoriesHome',\n        'sortByFilterList'\n    );\n\n    const handleFilterSelection = (value: number, filterType: FilterType): void => {\n        setFilters({ ...filters, [filterType]: value });\n    };\n\n    const closeNav = (): void => {\n        open && setOpen(false);\n    };\n\n    const applyFilter = (): void => {\n        let filterString = '';\n        FilterSet.forEach((filter) => {\n            if (filter && filters[filter] !== null) {\n                filterString += `&${filter}=${filters[filter]}`;\n            }\n        });\n        filterString = filterString.substring(1);\n        closeNav();\n        window.location.href = `${getLanguageRouteAndPrefixByCodeAndRouteKey(\n            selectedLanguage,\n            'successStoriesHomeUrl'\n        )}?${filterString}`;\n    };\n\n    return (\n        <ClassNames>\n            {({ css }) => (\n                <Drawer open={open} onClose={closeNav} classes={{ paper: css(classes.filterDrawer) }}>\n                    <SectionContainer css={classes.drawerGridContainer}>\n                        <Stack direction='row' justifyContent='space-between' alignItems='center'>\n                            <Heading variant='h3' weight='regular'>\n                                {getTranslation(selectedLanguageTranslation, 'successStoriesHome', 'filters')}\n                            </Heading>\n                            <IconButton\n                                onClick={closeNav}\n                                css={classes.closeMenuIcon}\n                                aria-label='Close side menu'\n                                size='large'\n                            >\n                                <CloseIcon\n                                    css={{ height: '2rem', width: '2rem', color: v2Colors.core.slate }}\n                                    aria-hidden='true'\n                                />\n                            </IconButton>\n                        </Stack>\n                    </SectionContainer>\n                    <SectionContainer css={classes.sortByContainer}>\n                        <div css={classes.sortBySelectContainer}>\n                            <Text color='tertiary'>\n                                {getTranslation(selectedLanguageTranslation, 'successStoriesHome', 'sortBy')}:\n                            </Text>\n                            <Select\n                                hiddenLabel={true}\n                                label={getTranslation(selectedLanguageTranslation, 'successStoriesHome', 'sortBy')}\n                                id='sortBy'\n                                native={true}\n                                options={sortByOptions}\n                                value={filters?.sortBy ?? ''}\n                                onChange={(value) => handleFilterSelection(value, 'sortBy')}\n                            />\n                        </div>\n                        <div css={classes.filterBySelectContainer}>\n                            <Text color='tertiary'>\n                                {getTranslation(selectedLanguageTranslation, 'successStoriesHome', 'subHeader')}:\n                            </Text>\n                            <Select\n                                hiddenLabel={true}\n                                label={getTranslation(selectedLanguageTranslation, 'successStoriesHome', 'industry')}\n                                helperText={getTranslation(\n                                    selectedLanguageTranslation,\n                                    'successStoriesHome',\n                                    'industry'\n                                )}\n                                id='industry'\n                                native={true}\n                                options={industryOptions}\n                                value={filters?.industry ?? ''}\n                                onChange={(value) => handleFilterSelection(value, 'industry')}\n                                css={classes.filterBySelectContainer}\n                            />\n                            <Select\n                                hiddenLabel={true}\n                                label={getTranslation(selectedLanguageTranslation, 'successStoriesHome', 'fleetSize')}\n                                helperText={getTranslation(\n                                    selectedLanguageTranslation,\n                                    'successStoriesHome',\n                                    'fleetSize'\n                                )}\n                                id='fleetSize'\n                                native={true}\n                                options={sizeOptions}\n                                value={filters?.size ?? ''}\n                                onChange={(value) => handleFilterSelection(value, 'size')}\n                                css={classes.filterBySelectContainer}\n                            />\n                            <Select\n                                label={getTranslation(selectedLanguageTranslation, 'successStoriesHome', 'region')}\n                                helperText={getTranslation(selectedLanguageTranslation, 'successStoriesHome', 'region')}\n                                hiddenLabel={true}\n                                id='region'\n                                native={true}\n                                options={regionOptions}\n                                value={filters?.region ?? ''}\n                                onChange={(value) => handleFilterSelection(value, 'region')}\n                            />\n                        </div>\n                        <div css={{ display: 'flex', flexFlow: 'wrap' }}>\n                            <Button variant='contained' onClick={applyFilter}>\n                                {getTranslation(selectedLanguageTranslation, 'successStoriesHome', 'applyFilter')}\n                            </Button>\n                            <Button css={classes.resetFilterButton} variant='outlined' onClick={resetFilter}>\n                                {getTranslation(selectedLanguageTranslation, 'successStoriesHome', 'clearFilter')}\n                            </Button>\n                        </div>\n                    </SectionContainer>\n                </Drawer>\n            )}\n        </ClassNames>\n    );\n};\n","import React, { useState } from 'react';\nimport { filterBarStyles as classes } from './filterBarStyles';\nimport { getTranslation } from '@helpers/languageTranslations';\nimport { useTranslation } from '@stateManagement/TranslationContext';\nimport { useStaticValues } from '@stateManagement/StaticValuesContext';\nimport { Button } from '@web-for-marketing/react-ui';\nimport { MobileFilterDrawer } from './MobileFilterDrawer';\n\ninterface MobileFilterBarProps {\n    resetFilter: () => void;\n}\n\nexport const MobileFilterBar = ({ resetFilter }: MobileFilterBarProps): JSX.Element => {\n    const { selectedLanguageTranslation } = useTranslation();\n    const { successStories } = useStaticValues();\n    const [isMobileFilterDrawerOpen, setIsMobileFilterDrawerOpen] = useState(false);\n\n    const getFilterCount = (): number => {\n        let count = 3;\n        if (\n            !(\n                successStories.homePageData?.filters.industry !== -1 &&\n                successStories.homePageData?.filters.industry !== null\n            )\n        ) {\n            count--;\n        }\n        if (\n            !(\n                successStories.homePageData?.filters.region !== -1 &&\n                successStories.homePageData?.filters.region !== null\n            )\n        ) {\n            count--;\n        }\n        if (!(successStories.homePageData?.filters.size !== -1 && successStories.homePageData?.filters.size !== null)) {\n            count--;\n        }\n\n        return count;\n    };\n\n    const filterCount = getFilterCount();\n\n    return (\n        <>\n            <Button\n                size='medium'\n                focusRipple={false}\n                color='primary'\n                variant='outlined'\n                css={classes.mobileFilterButton}\n                onClick={() => setIsMobileFilterDrawerOpen(true)}\n            >\n                {getTranslation(selectedLanguageTranslation, 'successStoriesHome', 'filters')}&nbsp;\n                {filterCount ? `(${filterCount})` : ''}\n            </Button>\n            <MobileFilterDrawer\n                open={isMobileFilterDrawerOpen}\n                setOpen={setIsMobileFilterDrawerOpen}\n                resetFilter={resetFilter}\n            />\n        </>\n    );\n};\n","import React from 'react';\nimport { Grid } from '@mui/material';\nimport { filterBarStyles as classes } from './filterBarStyles';\nimport { getTranslation } from '@helpers/languageTranslations';\nimport { useTranslation } from '@stateManagement/TranslationContext';\nimport { FilterType, FleetFilter } from '@models/successStory';\nimport { useStaticValues } from '@stateManagement/StaticValuesContext';\nimport { useAtom } from 'jotai';\nimport { isMobileAtom, selectedLanguageAtom } from '@atoms/appSettings';\nimport { Heading, Select, SelectOption, Text } from '@web-for-marketing/react-ui';\nimport { ClassNames } from '@emotion/react';\nimport { v2Colors } from '@web-for-marketing/react-ui';\nimport { getLanguageRouteAndPrefixByCodeAndRouteKey } from '@helpers/languages';\nimport { MobileFilterBar } from './MobileFilterBar';\nimport { filterOptions } from './filterBarHelper';\n\nconst FilterSet = new Set<FilterType>(['industry', 'size', 'region', 'sortBy']);\ninterface FilterBarProps {\n    industryOptionsData: FleetFilter[];\n    regionOptionsData: FleetFilter[];\n    sizeOptionsData: FleetFilter[];\n    filtersData: FleetFilter[];\n}\n\nexport const FilterBar = ({\n    industryOptionsData,\n    regionOptionsData,\n    sizeOptionsData,\n    filtersData,\n}: FilterBarProps): JSX.Element => {\n    const { selectedLanguageTranslation } = useTranslation();\n    const { successStories } = useStaticValues();\n    const [isMobile] = useAtom(isMobileAtom);\n    const [selectedLanguage] = useAtom(selectedLanguageAtom);\n    const filters = successStories.homePageData?.filters;\n    const options = successStories.homePageData?.filteredOptions;\n    const successStoriesHomeTranslation = getTranslation(selectedLanguageTranslation, 'successStoriesHome');\n\n    const industryOptions: SelectOption<number>[] = filterOptions(\n        industryOptionsData,\n        options?.fleetIndustryFilterOptions\n    );\n    const regionOptions: SelectOption<number>[] = filterOptions(regionOptionsData, options?.fleetRegionFilterOptions);\n    const sizeOptions: SelectOption<number>[] = filterOptions(sizeOptionsData, options?.fleetSizeFilterOptions);\n    const sortByOptions: SelectOption<number>[] = filtersData;\n\n    const handleFilterSelection = (value: number, filterType: FilterType): void => {\n        let filterString = '';\n        FilterSet.forEach((filter) => {\n            if (filterType === filter) {\n                filterString += `&${filterType}=${value}`;\n            } else {\n                if (filters && filters[filter] !== null) {\n                    filterString += `&${filter}=${filters[filter]}`;\n                }\n            }\n        });\n        filterString = filterString.substring(1);\n        window.location.href = `${getLanguageRouteAndPrefixByCodeAndRouteKey(\n            selectedLanguage,\n            'successStoriesHomeUrl'\n        )}?${filterString}`;\n    };\n\n    const resetFilter = (): void => {\n        window.location.href = `${getLanguageRouteAndPrefixByCodeAndRouteKey(\n            selectedLanguage,\n            'successStoriesHomeUrl'\n        )}`;\n    };\n\n    return (\n        <ClassNames>\n            {({ css }) => (\n                <>\n                    {!isMobile ? (\n                        <>\n                            <Grid container css={classes.filterByContainer}>\n                                <Grid item xs={12} md={7}>\n                                    <Heading variant='h2' color='primary'>\n                                        {successStoriesHomeTranslation.subHeader}\n                                    </Heading>\n                                </Grid>\n                            </Grid>\n                            <Grid container justifyContent='space-between'>\n                                <Grid item xs={12} md={8}>\n                                    <Grid container classes={{ container: css(classes.filterContainer) }}>\n                                        <Select\n                                            css={classes.industrySelect}\n                                            color={filters?.industry ? v2Colors.core.innovation : undefined}\n                                            label={successStoriesHomeTranslation.industry}\n                                            shrinkLabel={true}\n                                            id='industry'\n                                            options={industryOptions}\n                                            value={filters?.industry ?? ''}\n                                            onChange={(value) => handleFilterSelection(value, 'industry')}\n                                        />\n                                        <Select\n                                            label={successStoriesHomeTranslation.fleetSize}\n                                            color={filters?.size ? v2Colors.core.innovation : undefined}\n                                            shrinkLabel={true}\n                                            id='fleetSize'\n                                            options={sizeOptions}\n                                            value={filters?.size ?? ''}\n                                            onChange={(value) => handleFilterSelection(value, 'size')}\n                                        />\n                                        <Select\n                                            label={successStoriesHomeTranslation.region}\n                                            color={filters?.region ? v2Colors.core.innovation : undefined}\n                                            shrinkLabel={true}\n                                            id='region'\n                                            options={regionOptions}\n                                            value={filters?.region ?? ''}\n                                            onChange={(value) => handleFilterSelection(value, 'region')}\n                                        />\n                                        <Grid container alignItems='center' wrap='nowrap'>\n                                            <Text\n                                                variant='body2'\n                                                color='secondary'\n                                                component='button'\n                                                onClick={resetFilter}\n                                                css={classes.clearFilterStyles}\n                                            >\n                                                {successStoriesHomeTranslation.clearFilter}\n                                            </Text>\n                                        </Grid>\n                                    </Grid>\n                                </Grid>\n                                <Grid container item xs={12} md={4} justifyContent='flex-end' alignItems='center'>\n                                    <Grid item xs={2} md='auto' css={classes.sortByText}>\n                                        <Text color='tertiary'>{successStoriesHomeTranslation.sortBy}:</Text>\n                                    </Grid>\n                                    <Grid item xs={10} md={4}>\n                                        <Select\n                                            label={successStoriesHomeTranslation.sortBy}\n                                            color={filters?.sortBy ? v2Colors.core.innovation : undefined}\n                                            shrinkLabel={true}\n                                            id='sortBy'\n                                            options={sortByOptions}\n                                            value={filters?.sortBy ?? ''}\n                                            onChange={(value) => handleFilterSelection(value, 'sortBy')}\n                                        />\n                                    </Grid>\n                                </Grid>\n                            </Grid>\n                            <Grid container css={classes.resultContainer}>\n                                <Grid item xs={12} md={7}>\n                                    <Text color='primary'>\n                                        {successStories.homePageData?.allStories?.totalRecordCount}&nbsp;\n                                        {successStoriesHomeTranslation.results}\n                                    </Text>\n                                </Grid>\n                            </Grid>\n                        </>\n                    ) : (\n                        <MobileFilterBar resetFilter={resetFilter} />\n                    )}\n                </>\n            )}\n        </ClassNames>\n    );\n};\n","import React from 'react';\nimport { languageRouteTypes } from '../../helpers/languageRoutes';\nimport { getLanguageRouteAndPrefixByCodeAndRouteKey } from '@helpers/languages';\nimport { useAtom } from 'jotai';\nimport { selectedLanguageAtom } from '@atoms/appSettings';\nimport { useTranslation } from '@stateManagement/TranslationContext';\nimport { getTranslation } from '@helpers/languageTranslations';\nimport { Card } from '../Cards/Card';\nimport { cardTypes } from '../../helpers/ObjectTypeModels/Card';\nimport { LazyLoadContainer } from '@web-for-marketing/react-ui';\nimport { getLazyLoadByIndex } from '@helpers/lazyloading';\nimport { SuccessStory, FleetFilter } from '@models/successStory';\nimport { Text } from '@web-for-marketing/react-ui';\nimport CardPlaceholder from '@images/WhitePapers/thumbnail-preserving-privacy-and-security-in-the-connected-vehicle-whitepaper@2x.jpg';\nimport { PlayIcon } from '@icon/PlayIcon';\nimport { Grid2 } from '@mui/material';\n\ninterface StoryCardProps {\n    cards: SuccessStory[];\n    lazyLoad: boolean;\n    notLazyLoadThreshold: number;\n    industryOptions?: FleetFilter[];\n    regionOptions?: FleetFilter[];\n    sizeOptions?: FleetFilter[];\n    fleetSizeName?: string;\n}\n\nconst getFilterOptionContentByValue = (\n    filterOptions: FleetFilter[] | undefined,\n    filterValue: number,\n    suffix: string | undefined = undefined\n): string => {\n    if (!filterOptions) {\n        return '';\n    }\n\n    const filterOption = filterOptions.find((option) => option.value === filterValue);\n\n    if (!filterOption) {\n        return '';\n    }\n\n    return suffix ? `${filterOption.content} ${suffix}` : filterOption.content;\n};\n\nexport function StoryCards({\n    cards,\n    lazyLoad,\n    notLazyLoadThreshold,\n    industryOptions,\n    regionOptions,\n    sizeOptions,\n    fleetSizeName,\n}: StoryCardProps): JSX.Element {\n    const [selectedLanguage] = useAtom(selectedLanguageAtom);\n    const { selectedLanguageTranslation } = useTranslation();\n    const readMoreText = getTranslation(selectedLanguageTranslation, 'readMore');\n\n    return cards && cards.length ? (\n        <LazyLoadContainer component={Grid2} lazyload={lazyLoad} spacing={7} alignItems='stretch' container>\n            {cards.map((storyCard, index: number) => {\n                const {\n                    fleetIndustryFilter = -1,\n                    fleetRegionFilter = -1,\n                    fleetSizeFilter = -1,\n                } = storyCard.clientProfile;\n\n                const cardContent = {\n                    tags: [\n                        { name: getFilterOptionContentByValue(industryOptions, fleetIndustryFilter) },\n                        { name: getFilterOptionContentByValue(regionOptions, fleetRegionFilter) },\n                        { name: getFilterOptionContentByValue(sizeOptions, fleetSizeFilter, fleetSizeName) },\n                    ],\n                    title: storyCard.title,\n                    body: storyCard.description,\n                    linkText: readMoreText,\n                    ariaLabel: `${storyCard.title}. ${readMoreText}`,\n                    image: {\n                        imagePath: storyCard.cardImageUrl || storyCard.imageUrl || CardPlaceholder,\n                        mobilePath: storyCard.mobileCardImageUrl || storyCard.mobileImageUrl || CardPlaceholder,\n                        imageAlt: storyCard.cardImageAlt,\n                        mobileAlt: storyCard.mobileCardImageAlt || '',\n                        lazyLoad: lazyLoad && getLazyLoadByIndex(index, notLazyLoadThreshold),\n                        overlayIcon:\n                            storyCard.successStoryVideos && storyCard.successStoryVideos.length > 0\n                                ? PlayIcon\n                                : undefined,\n                    },\n                };\n\n                return (\n                    <Grid2 key={index} size={{ xs: 12, md: 6, lg: 4 }}>\n                        <Card\n                            card={{\n                                ...cardTypes.EXTRA_FEATURE_CARD,\n                                content: cardContent,\n                            }}\n                            href={`${getLanguageRouteAndPrefixByCodeAndRouteKey(\n                                selectedLanguage,\n                                languageRouteTypes.CASE_STUDY\n                            )}${storyCard.slug}`}\n                            data-testid={`storyCard${index}`}\n                            noHover\n                        />\n                    </Grid2>\n                );\n            })}\n        </LazyLoadContainer>\n    ) : (\n        <Text color='tertiary' component='h4'>\n            {getTranslation(selectedLanguageTranslation, 'noStoriesFound')}\n        </Text>\n    );\n}\n","import React from 'react';\nimport { Stack } from '@mui/material';\nimport { CallToActionBanner } from '@components/SectionComponents';\nimport { FilterBar } from '@components/SuccessStories/FilterBar';\nimport { StoryCards } from '@components/SuccessStories/StoryCards';\nimport { PageHelmet } from '@components/PageHelmet';\nimport { useAtom } from 'jotai';\nimport { isMobileAtom } from '@atoms/appSettings';\nimport { useTranslation } from '@stateManagement/TranslationContext';\nimport { getTranslation } from '@helpers/languageTranslations';\nimport { useStaticValues } from '@stateManagement/StaticValuesContext';\nimport { selectedLanguageAtom } from '@atoms/appSettings';\nimport { breakpoints, containerWidth, Pagination, PaginationItem } from '@web-for-marketing/react-ui';\nimport { FilterType, SuccessStoryFilter } from '@models/successStory';\nimport { getLanguageRouteAndPrefixByCodeAndRouteKey } from '@helpers/languages';\nimport { LanguageCode } from '@models/languageCode';\nimport HeroImage from '@images/SuccessStories/success-stories-landing-page-hero-image@2x.jpg';\nimport { SectionContainer } from '@components/SectionComponents/SectionContainer';\n\nconst classes = {\n    topStoryCards: {\n        marginTop: '3rem',\n    },\n    pagination: {\n        width: '100%',\n        marginTop: '9rem',\n        [`@media (max-width: ${breakpoints.md})`]: {\n            marginTop: '5rem',\n        },\n    },\n};\n\nconst constructQueryString = (filters: SuccessStoryFilter): string => {\n    const FilterSet = new Set<FilterType>(['industry', 'size', 'region', 'sortBy']);\n    let filterString = '';\n    FilterSet.forEach((filter) => {\n        if (filter && filters[filter] !== null) {\n            filterString += `&${filter}=${filters[filter]}`;\n        }\n    });\n\n    return filterString ? `?${filterString}` : '';\n};\n\nexport default function SuccessStoriesHome(): JSX.Element {\n    const { selectedLanguageTranslation } = useTranslation();\n    const [isMobile] = useAtom(isMobileAtom);\n    const { successStories } = useStaticValues();\n    const [selectedLanguage] = useAtom(selectedLanguageAtom);\n\n    const successStoriesHomeTranslation = getTranslation(selectedLanguageTranslation, 'successStoriesHome');\n    const industryOptions = successStoriesHomeTranslation.fleetIndustryFilterList;\n    const regionOptions = successStoriesHomeTranslation.fleetRegionFilterList;\n    const sizeOptions = successStoriesHomeTranslation.fleetSizeFilterList;\n    const sortByFilters = successStoriesHomeTranslation.sortByFilterList;\n    const fleetSizeName = successStoriesHomeTranslation.fleets;\n\n    const getPageUrl = (page: number, filters: SuccessStoryFilter): string => {\n        const urlPrefix = getLanguageRouteAndPrefixByCodeAndRouteKey(selectedLanguage, 'successStoriesHomeUrl');\n        return `${urlPrefix}${page}${constructQueryString(filters)}`;\n    };\n\n    const successStoriesData = successStories.homePageData;\n\n    return (\n        <div>\n            <PageHelmet seo={successStoriesHomeTranslation.seo} />\n            <CallToActionBanner\n                headerBanner={true}\n                imagePath={HeroImage}\n                title={successStoriesHomeTranslation.header}\n                description={\n                    selectedLanguage === LanguageCode.en ? successStoriesHomeTranslation.bannerDescription : undefined\n                }\n                align='flex-start'\n                customProps={{\n                    customGradient:\n                        'linear-gradient(-90deg, rgb(1, 23, 41, 0) 0%, rgba(1, 23, 41, 0.4) 54%, rgba(1, 23, 41, 0.5) 100%),',\n                }}\n            />\n            <SectionContainer maxWidth={containerWidth.lg}>\n                <FilterBar\n                    industryOptionsData={industryOptions}\n                    regionOptionsData={regionOptions}\n                    sizeOptionsData={sizeOptions}\n                    filtersData={sortByFilters}\n                />\n                <div css={classes.topStoryCards}>\n                    <StoryCards\n                        cards={successStoriesData?.allStories?.pageRecords || []}\n                        lazyLoad={true}\n                        notLazyLoadThreshold={isMobile ? 2 : 6}\n                        industryOptions={industryOptions}\n                        regionOptions={regionOptions}\n                        sizeOptions={sizeOptions}\n                        fleetSizeName={fleetSizeName}\n                    />\n                </div>\n                {successStoriesData &&\n                successStoriesData.allStories &&\n                successStoriesData.allStories.totalRecordCount > successStoriesData.allStories.maxRecordsPerPage ? (\n                        <Stack alignItems='center' css={classes.pagination}>\n                            <Pagination\n                                currentPage={successStoriesData.allStories.currentPage}\n                                totalRecordCount={successStoriesData.allStories.totalRecordCount}\n                                maxRecordsPerPage={successStoriesData.allStories.maxRecordsPerPage}\n                                renderItem={(item) => (\n                                // eslint-disable-next-line jsx-a11y/anchor-has-content\n                                    <PaginationItem\n                                        component='a'\n                                        href={getPageUrl(item.page, successStoriesData.filters)}\n                                        {...item}\n                                    />\n                                )}\n                            />\n                        </Stack>\n                    ) : null}\n            </SectionContainer>\n        </div>\n    );\n}\n"],"names":["getLazyLoadByIndex","index","noLazyLoadCount","filterBarStyles","filterContainer","flexWrap","width","marginLeft","breakpoints","md","marginBottom","clearFilterStyles","background","border","cursor","filterByContainer","resultContainer","marginTop","sortByText","marginRight","mobileFilterButton","industrySelect","minWidth","lg","mobileFilterDrawerStyles","sortByContainer","paddingTop","paddingBottom","filterDrawer","v2Colors","light","closeMenuIcon","padding","drawerGridContainer","borderBottom","filterBySelectContainer","sortBySelectContainer","resetFilterButton","sm","filterOptions","options","filteredOptions","filter","option","value","includes","FilterSet","Set","_ref","name","styles","MobileFilterDrawer","open","setOpen","resetFilter","selectedLanguageTranslation","useTranslation","successStories","useStaticValues","selectedLanguage","useAtom","selectedLanguageAtom","filters","setFilters","useState","homePageData","industryOptions","getTranslation","fleetIndustryFilterOptions","regionOptions","fleetRegionFilterOptions","sizeOptions","fleetSizeFilterOptions","sortByOptions","handleFilterSelection","filterType","closeNav","applyFilter","filterString","forEach","substring","window","location","href","getLanguageRouteAndPrefixByCodeAndRouteKey","_jsx","ClassNames","children","css","_jsxs","Drawer","onClose","classes","paper","SectionContainer","Stack","direction","justifyContent","alignItems","Heading","variant","weight","IconButton","onClick","size","CloseIcon","_css","height","color","core","slate","Text","Select","hiddenLabel","label","id","native","sortBy","onChange","helperText","industry","region","Button","MobileFilterBar","isMobileFilterDrawerOpen","setIsMobileFilterDrawerOpen","filterCount","getFilterCount","count","_Fragment","focusRipple","FilterBar","industryOptionsData","regionOptionsData","sizeOptionsData","filtersData","isMobile","isMobileAtom","successStoriesHomeTranslation","Grid","container","item","xs","subHeader","innovation","undefined","shrinkLabel","fleetSize","wrap","component","clearFilter","allStories","totalRecordCount","results","getFilterOptionContentByValue","filterValue","suffix","filterOption","find","content","StoryCards","cards","lazyLoad","notLazyLoadThreshold","fleetSizeName","readMoreText","length","LazyLoadContainer","Grid2","lazyload","spacing","map","storyCard","fleetIndustryFilter","fleetRegionFilter","fleetSizeFilter","clientProfile","cardContent","tags","title","body","description","linkText","ariaLabel","image","imagePath","cardImageUrl","imageUrl","CardPlaceholder","mobilePath","mobileCardImageUrl","mobileImageUrl","imageAlt","cardImageAlt","mobileAlt","mobileCardImageAlt","overlayIcon","successStoryVideos","PlayIcon","Card","card","cardTypes","EXTRA_FEATURE_CARD","languageRouteTypes","CASE_STUDY","slug","noHover","topStoryCards","pagination","constructQueryString","SuccessStoriesHome","fleetIndustryFilterList","fleetRegionFilterList","fleetSizeFilterList","sortByFilters","sortByFilterList","fleets","successStoriesData","PageHelmet","seo","CallToActionBanner","headerBanner","HeroImage","header","LanguageCode","en","bannerDescription","align","customProps","customGradient","maxWidth","containerWidth","pageRecords","maxRecordsPerPage","Pagination","currentPage","renderItem","PaginationItem","page","getPageUrl"],"sourceRoot":""}