{"version":3,"file":"static/js/6107.91506ef1.chunk.js","mappings":"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","sources":["../node_modules/@mui/icons-material/esm/ArrowForward.js","pageComponents/_common/Carousel.js","pageComponents/ProductCategories/uiComponents/CategorySearch.js","pageComponents/ProductCategories/categoriesPage.js","pageComponents/ProductCategories/uiComponents/RootCategories.js","pageComponents/ProductCategories/uiComponents/category.js","pageComponents/_common/BreadCrumbs.js","pageComponents/_common/richSearchSchemas/breadcrumbSchema.js"],"sourcesContent":["import createSvgIcon from './utils/createSvgIcon';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n  d: \"m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\n}), 'ArrowForward');","import { useRef } from 'react'\nimport { scrollHorizontal } from './helpers/generalHelperFunctions'\nimport { ChevronLeft, ChevronRight } from '@mui/icons-material'\nimport React from 'react'\nimport styled from 'styled-components'\n\nconst LeftScrollControl = styled.div`\n\tposition: absolute;\n\tleft: 10px;\n\theight: 160px;\n\tdisplay: flex;\n\talign-items: center;\n\tbackground-color: #e6e6e6;\n\tborder-radius: 5px;\n\tcursor: pointer;\n\topacity: .5;\n\ttransition: opacity 250ms ease-out;\n`\n\nconst RightScrollControl = styled.div`\n\tposition: absolute;\n\tright: 10px;\n\theight: 160px;\n\tdisplay: flex;\n\talign-items: center;\n\tbackground-color: #e6e6e6;\n\tborder-radius: 5px;\n\tcursor: pointer;\n\topacity: .5;\n\ttransition: opacity 250ms ease-out;\n`\n\nconst DivRow = styled.div`\n\tdisplay: flex;\n\tflex-wrap: nowrap;\n\twidth: 100%;\n\tpadding: 0 15px;\n\toverflow-x: auto;\n\t&:hover ${RightScrollControl} {\n\t\topacity: 1;\n\t}\n\t&:hover ${LeftScrollControl} {\n\t\topacity: 1;\n\t}\n`\n\nexport default function Carousel({ children, scrollDeltaOverride, ...props }) {\n    const carouselRef = useRef(null)\n\t\n    const scrollLeft = () => {\n        const carouselScrollDelta = scrollDeltaOverride || window.innerWidth * .65\n        scrollHorizontal(carouselRef.current, -carouselScrollDelta, 500)\n    }\n\t\n    const scrollRight = () => {\n        const carouselScrollDelta = scrollDeltaOverride || window.innerWidth * .65\n        scrollHorizontal(carouselRef.current, carouselScrollDelta, 500)\n    }\n\t\n    return (\n        <DivRow ref={carouselRef} {...props}>\n            {children}\n\t\t\t\n            <LeftScrollControl onClick={scrollLeft}>\n                <ChevronLeft size=\"large\"/>\n            </LeftScrollControl>\n\t\t\t\n            <RightScrollControl onClick={scrollRight}>\n                <ChevronRight size=\"large\"/>\n            </RightScrollControl>\n        </DivRow>\n    )\n}","import Category from './category'\nimport React, { useEffect, useState } from 'react'\nimport Loader from 'pageComponents/_common/loader'\nimport { useLazyQuery } from '@apollo/client'\nimport { CATEGORY_SEARCH } from '../../../setup/providerGQL'\nimport { Link, useNavigate } from 'react-router-dom'\nimport styled from 'styled-components'\nimport { cleanSearchState, useDidUpdateEffect } from '../../_common/helpers/generalHelperFunctions'\nimport AppBarPlugin from '../../SearchResults/plugins/AppBarPlugin'\nimport BreadCrumbs from 'pageComponents/_common/BreadCrumbs'\nimport SearchContainer from '../../SearchResults/uiComponents/SearchContainer'\nimport DrawerPlugin from '../../SearchResults/plugins/DrawerPlugin'\nimport BrandsPlugin from '../../SearchResults/plugins/BrandsPlugin'\nimport AvailabilityPlugin from 'pageComponents/SearchResults/plugins/AvailabilityPlugin'\nimport AttributesPlugin from '../../SearchResults/plugins/AttributesPlugin'\nimport SortPlugin from '../../SearchResults/plugins/SortPlugin'\nimport SearchTermsPlugin from '../../SearchResults/plugins/SearchTermsPlugin'\nimport { useSearchState } from '../../SearchResults/hooks'\nimport ResultSummaryPlugin from '../../SearchResults/plugins/ResultSummaryPlugin'\nimport { ArrowForward } from '@mui/icons-material'\nimport Carousel from '../../_common/Carousel'\nimport { Helmet } from 'react-helmet'\nimport { breadcrumbSchema } from '../../_common/richSearchSchemas/breadcrumbSchema'\nimport { zonedTimeToUtc, format as dateFormat } from 'date-fns-tz'\nimport PaginationLink from 'pageComponents/_common/PaginationLink'\n\nconst DivRow = styled.div`\n\tdisplay: flex;\n\tflex-wrap: wrap;\n    width: 100%;\n    margin-top: 20px;\n`\n\nconst DivCol = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex-wrap: wrap;\n    width: 100%;\n`\nconst BorderContainer = styled.div`\n  margin: 20px auto 40px;\n  display: flex;\n  flex-direction: column;\n  width: ${props => {\n        const categoryName = props.children[0].props.children\n        const approximateLetterWidth = 22 //This makes sure the h1 doesn't overflow off the page for mobile users\n        if (!categoryName) {\n            return 'max-content'\n        } else if (categoryName.length * approximateLetterWidth > window.innerWidth) {\n            return 'min-content'\n        } else {\n            return 'max-content'\n        }\n    }};\n`\n\nconst H1 = styled.h1`\n\ttext-transform: uppercase;\n\tfont-size: 32px;\n\tletter-spacing: 2px;\n`\n\nconst ShortBorder = styled.div`\n  margin: 0 auto;\n  border-bottom: 3px solid #B51F2B;\n  width: 75%;\n`\n\nconst RESULT_SIZE = 24\n\nexport default function CategorySearch({ categoryUrlSlug, urlPage }) {\n\n    const [categorySearch, setCategorySearch] = useState(null)\n    const [resultPage, setResultPage] = useState(1)\n    const [lastSearchPayload, setLastSearchPayload] = useState({})\n\n    const [searchState, setSearchState, { setBrands, setAttributes, setSortType, setSearchTerms, setAvailability }] = useSearchState()\n    const handleSetSearchState = newSearchData => setSearchState({ ...searchState, ...newSearchData })\n    const { results, totalResults, searchTerms, sortType, brands, attributes, isSynced, availability } = searchState\n\n    const categoryName = categorySearch?.category?.name\n    const seoHtml = categorySearch?.category?.seoHtml\n    const navigate = useNavigate()\n\n    useEffect(() => {\n        performCategorySearch()\n    }, [resultPage])\n\n    useDidUpdateEffect(() => {\n        if (resultPage !== 1) {\n            setResultPage(1)\n        } else {\n            performCategorySearch()\n        }\n    }, [categoryUrlSlug, sortType, searchTerms])\n\n    useEffect(() => {\n        if (urlPage !== resultPage) {\n            setResultPage(urlPage)\n        }\n    }, [urlPage])\n\n    useDidUpdateEffect(() => {\n        if (!isSynced) {\n            if (resultPage !== 1) {\n                setResultPage(1)\n            } else {\n                performCategorySearch()\n            }\n        }\n    }, [brands, attributes, availability.inStockOnly])\n\n    const performCategorySearch = () => {\n        handleSetSearchState({ isSearching: true })\n        const payload = {\n            searchParams: {\n                categorySlug: categoryUrlSlug,\n                innerSearchTerms: searchTerms,\n                searchType: 'web',\n                resultSize: RESULT_SIZE,\n                resultPage,\n                sortType,\n                brands,\n                attributes,\n                availability\n            }\n        }\n        setLastSearchPayload(payload)\n        return categorySearchApiCall({ variables: payload })\n    }\n\n    const [categorySearchApiCall, { variables }] = useLazyQuery(CATEGORY_SEARCH, {\n        fetchPolicy: 'no-cache',\n        onCompleted: ({ categorySearch }) => {\n            setCategorySearch(categorySearch)\n            if (categorySearch.category?.hasBeenRedirected === true) {\n                //redirect from an old category\n                navigate(`/categories/${categorySearch.category.urlSlug}/1`)\n            }\n            if (variables.searchParams === lastSearchPayload.searchParams) {\n                const newSearchState = cleanSearchState({ searchState: categorySearch })\n                const { result: results, searchTotalCount: totalResults } = categorySearch\n                handleSetSearchState({ ...newSearchState, isSynced: true, isSearching: false, results, totalResults })\n            }\n        }\n    })\n\n    const categoryList = (categorySearch?.category?.children || []).map(({ urlSlug, name, imageUrl }) => (\n        <Category\n            key={urlSlug}\n            size={results ? 'small' : 'normal'}\n            text={name}\n            linkTo={`/categories/${urlSlug}/1`}\n            Image={<img src={imageUrl} alt={name} title={name} />}\n        />\n    ))\n\n    const breadCrumbTrail = categorySearch?.category?.breadCrumbs?.breadcrumbTrail\n    //Create the canonical for this page (only displayed if the category isn't redirected)\n    const canonUrl = `https://www.airlinehyd.com/categories/${categorySearch?.category?.urlSlug}/${resultPage}`;\n    const nextUrl = resultPage !== Math.ceil(totalResults / 24) ?\n        `https://www.airlinehyd.com/categories/${categorySearch?.category?.urlSlug}/${resultPage + 1}` :\n        null\n    const prevUrl = resultPage !== 1 ?\n        `https://www.airlinehyd.com/categories/${categorySearch?.category?.urlSlug}/${resultPage - 1}` :\n        null\n\n\n    return !categorySearch\n        ? (<Loader />)\n        : (<DivCol>\n            <Helmet>\n                <title>{categoryName || ''} | Airline Hydraulics</title>\n                <meta name=\"description\" content={seoHtml ? seoHtml.replace(/<[^>]+>/g, '') : categoryName} />\n                <meta httpEquiv=\"last-modified\" content={dateFormat(zonedTimeToUtc(categorySearch?.category?.lastModifiedDate || new Date(), ''), 'EEE, dd LLL yyyy HH:mm:ss') + ' GMT'} />\n                {categorySearch.category?.hasBeenRedirected === false && !!prevUrl && <link rel=\"prev\" href={prevUrl} />}\n                {categorySearch.category?.hasBeenRedirected === false && !!nextUrl && <link rel=\"next\" href={nextUrl} />}\n                {categorySearch.category?.hasBeenRedirected === false && <link rel=\"canonical\" href={canonUrl} />}\n                {breadcrumbSchema([\n                    {\n                        name: 'Categories',\n                        item: process.env.REACT_APP_SITE_URL + '/categories'\n                    },\n                    ...(breadCrumbTrail || []).map(({ urlSlug, name }) => ({\n                        name,\n                        item: process.env.REACT_APP_SITE_URL + '/categories/' + urlSlug\n                    }))\n                ])}\n            </Helmet>\n\n            <BorderContainer>\n                <H1>{categoryName}</H1>\n                <ShortBorder />\n            </BorderContainer>\n\n            <BreadCrumbs breadCrumbTrail={breadCrumbTrail} />\n\n            {seoHtml && <div style={{ padding: '20px 10px' }} dangerouslySetInnerHTML={{ __html: seoHtml }} />}\n\n            {results && categoryList.length ? (\n                <Carousel>\n                    <Category size='small' text=\"More Categories\" Image={<ArrowForward style={{ marginTop: 50 }} />} />\n                    {categoryList}\n                </Carousel>\n            ) : (\n                <DivRow style={{ justifyContent: 'center' }}>\n                    {categoryList}\n                </DivRow>\n            )}\n\n            {results && (\n                <SearchContainer\n                    searchState={searchState}\n                >\n                    <AppBarPlugin\n                        title={categoryName}\n                    />\n                    <DrawerPlugin>\n                        <AvailabilityPlugin {...{\n                            availability: searchState.availability,\n                            setAvailability,\n                        }} />\n                        <BrandsPlugin\n                            brands={brands}\n                            setBrands={setBrands}\n                        />\n                        <AttributesPlugin\n                            attributes={attributes}\n                            setAttributes={setAttributes}\n                        />\n                    </DrawerPlugin>\n                    <ResultSummaryPlugin\n                        searchTerm={categoryName}\n                    />\n                    <SortPlugin\n                        sortType={sortType}\n                        setSortType={setSortType}\n                    />\n                    <SearchTermsPlugin\n                        searchTerms={searchTerms.join(',')}\n                        setSearchTerms={setSearchTerms}\n                    />\n                    <PaginationLink\n                        page={resultPage}\n                        pageSize={RESULT_SIZE}\n                        total={totalResults}\n                    />\n                </SearchContainer>\n            )}\n\n            {!results && !categorySearch?.category?.children.length && (\n                <EmptyCategory />\n            )}\n        </DivCol>)\n}\n\nconst EmptyCategory = () => (\n    <>\n        <h2>This category is currently empty</h2>\n        <p>Let us help: <a href=\"/pages/contact/contact-us\">Customer Service</a></p>\n        <p>Or call one of our reps <a href=\"tel:8009997378\">(800) 999-7378</a></p>\n        <DivRow><Link to=\"/categories\">Back to all categories</Link></DivRow>\n    </>\n)\n","import React from 'react'\nimport styled from 'styled-components'\nimport { useParams } from 'react-router'\nimport CategorySearch from './uiComponents/CategorySearch'\nimport RootCategories from './uiComponents/RootCategories'\nimport Helmet from 'react-helmet'\n\nexport const CategoryContainer = styled.div`\n\tdisplay: flex;\n\tflex-wrap: wrap;\n    justify-content: center;\n    margin-bottom: 50px;\n`\n\nexport default function CategoriesPage() {\n    const params = useParams()\n    return (\n        <CategoryContainer>\n            <Helmet>\n                <title>Categories | Airline Hydraulics</title>\n            </Helmet>\n            {params.categoryUrlSlug && (\n                <CategorySearch categoryUrlSlug={params.categoryUrlSlug} urlPage={parseInt(params.urlPage) || 1} />\n            )}\n            {!params.categoryUrlSlug && <RootCategories />}\n        </CategoryContainer>\n    )\n}","import Category from './category'\nimport React, { useState } from 'react'\nimport styled from 'styled-components'\nimport { useQuery } from '@apollo/client'\nimport { GET_ROOT_CATEGORIES_PAGE } from '../../../setup/providerGQL'\nimport Loader from '../../_common/loader'\n\nconst DivRow = styled.div`\n\tdisplay: flex;\n    width: 100%;\n    justify-content: center;\n`\nconst AllCategoriesTitle = styled.h2`\n    margin-top: 20px;\n    font-size: 1.5rem;\n    text-transform: uppercase;\n`\nexport default function RootCategories() {\n    const [categories, setCategories] = useState(null)\n\n    const { loading } = useQuery(GET_ROOT_CATEGORIES_PAGE, {\n        onCompleted: data => setCategories(data.getAllRootCategories)\n    })\n\n    return loading || !categories ? (\n        <Loader />\n    ) : (\n        <>\n            {/* <DivRow><AllCategoriesTitle>All Categories</AllCategoriesTitle></DivRow> */}\n            {(categories || []).map(({ urlSlug, name, imageUrl }) => (\n                <Category key={urlSlug} text={name} linkTo={`/categories/${urlSlug}/1`} Image={<img src={imageUrl} alt={name} title={name}/>}/>\n            ))}\n        </>\n    )\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { Link } from 'react-router-dom'\n\nconst CategoryBlock = styled.div`\n  display: flex;\n  flex-direction: ${props => props.size === 'small' ? 'column' : 'row'};\n  align-items: center;\n  justify-content: ${props => props.size === 'small' ? 'center' : 'center'};\n  width: ${props => props.size === 'small' ? '200px' : '350px'};\n  height: ${props => props.size === 'small' ? 'auto' : '160px'};\n  cursor: pointer;\n  border: ${props => props.size === 'small' ? '' : `3px solid ${props.theme.backgroundColor}`};\n  transition: 0.2s;\n  &:hover {\n\ttransform: translate(0, -4px);\t\n  }\n  padding: 3px;\n  margin: 7px;\n  font-family: ${props => props.theme.GeneralFontName};\n  font-size: 16px;\n  color: black;\n  border-radius: 5px;\n  img {\n      margin: 0 8px;\n      max-width: ${props => props.size === 'small' ? '100px' : '120px'};\n      width: ${props => props.size === 'small' ? '100%' : '100%'};\n\n  }\n  section {\n      display: block;\n      text-align: center;\n      width: ${props => props.size === 'small' ? 'auto' : '200px'};\n  }\n  @media (max-width: 355px) {\n    width: min-content;\n    height: auto;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n`\n\nconst H3 = styled.h3`\n  font-size: 20px;\n  text-align: center;\n  padding: 0 20px;\n`\n\nexport default function Category ({ size, text, linkTo, Image, theme }) {\n    return (\n        <Link to={linkTo || '#'}>\n            <CategoryBlock {...{ theme, size }}>\n                {Image}\n                <H3>{text}</H3>\n            </CategoryBlock>\n        </Link>\n    )\n}","import React from 'react'\nimport { Link } from 'react-router-dom'\nimport styled from 'styled-components'\n\nconst DivRow = styled.ol`\n\tdisplay: flex;\n\tflex-wrap: wrap;\n    width: 100%;\n    li {\n        list-style: none;\n    }\n`\n\nexport default function BreadCrumbs(props) {\n    const { breadCrumbTrail } = props;\n\n    return (\n        <DivRow itemScope itemType=\"https://schema.org/BreadcrumbList\" style={{ paddingLeft: 15 }}>\n\t\t\t&raquo; \n            <li itemProp=\"itemListElement\" \n                itemScope\n                itemType=\"https://schema.org/ListItem\">\n                    <Link \n                        itemScope \n                        itemType=\"https://schema.org/WebPage\"\n                        itemProp=\"item\" itemID=\"/categories/\"\n                        style={{ fontWeight: '600' }} \n                        to=\"/categories\">\n                            <span itemProp=\"name\">All Categories</span>\n                    </Link>\n                    <meta itemProp=\"position\" content=\"1\" />\n            </li>\n            {(breadCrumbTrail || []).map(({ urlSlug, name }, idx) => (\n                <React.Fragment key={urlSlug}>\n                    <span style={{ margin: '0 3px' }}>&nbsp;&raquo;</span>\n                    <li itemProp=\"itemListElement\" \n                        itemScope\n                        itemType=\"https://schema.org/ListItem\" >\n                        <Link \n                        itemScope \n                        itemType=\"https://schema.org/WebPage\"\n                        itemProp=\"item\" \n                        itemID={`/categories/${urlSlug}/1`} \n                        style={{ fontWeight: '600' }} \n                        to={`/categories/${urlSlug}/1`}> \n                            <span itemProp=\"name\">{name}</span>\n                        </Link>\n                        <meta itemProp=\"position\" content={idx+2} />\n                    </li>\n                </React.Fragment>\n            ))}\n        </DivRow>\n    )\n}","import React from 'react'\n\nexport function breadcrumbSchema(elements) {\n    return (\n        <script type=\"application/ld+json\">\n            {JSON.stringify({\n                '@context': 'https://schema.org',\n                '@type': 'BreadcrumbList',\n                itemListElement: elements.map((el, idx) => ({\n                    '@type': 'ListItem',\n                    position: idx+1,\n                    name: el.name,\n                    item: el.item\n                }))\n            }\n            )}\n        </script>\n    )\n}"],"names":["createSvgIcon","_jsx","d","LeftScrollControl","styled","div","withConfig","displayName","componentId","RightScrollControl","DivRow","Carousel","_ref","children","scrollDeltaOverride","props","_objectWithoutProperties","_excluded","carouselRef","useRef","React","_extends","ref","onClick","scrollLeft","carouselScrollDelta","window","innerWidth","scrollHorizontal","current","ChevronLeft","size","scrollRight","ChevronRight","DivCol","BorderContainer","categoryName","length","H1","h1","ShortBorder","RESULT_SIZE","CategorySearch","_categorySearch$categ","_categorySearch$categ2","_categorySearch$categ4","_categorySearch$categ5","_categorySearch$categ6","_categorySearch$categ7","_categorySearch$categ8","_categorySearch$categ9","_categorySearch$categ10","_categorySearch$categ11","_categorySearch$categ12","_categorySearch$categ13","_categorySearch$categ14","categoryUrlSlug","urlPage","_useState","useState","_useState2","_slicedToArray","categorySearch","setCategorySearch","_useState3","_useState4","resultPage","setResultPage","_useState5","_useState6","lastSearchPayload","setLastSearchPayload","_useSearchState","useSearchState","_useSearchState2","searchState","setSearchState","_useSearchState2$","setBrands","setAttributes","setSortType","setSearchTerms","setAvailability","handleSetSearchState","newSearchData","results","totalResults","searchTerms","sortType","brands","attributes","isSynced","availability","category","name","seoHtml","navigate","useNavigate","useEffect","performCategorySearch","useDidUpdateEffect","inStockOnly","isSearching","payload","searchParams","categorySlug","innerSearchTerms","searchType","resultSize","categorySearchApiCall","variables","_useLazyQuery","useLazyQuery","CATEGORY_SEARCH","fetchPolicy","onCompleted","_ref2","_categorySearch$categ3","hasBeenRedirected","urlSlug","newSearchState","cleanSearchState","result","searchTotalCount","_useLazyQuery2","categoryList","map","_ref3","imageUrl","Category","key","text","linkTo","Image","src","alt","title","breadCrumbTrail","breadCrumbs","breadcrumbTrail","canonUrl","nextUrl","Math","ceil","prevUrl","Helmet","content","replace","httpEquiv","dateFormat","zonedTimeToUtc","lastModifiedDate","Date","rel","href","breadcrumbSchema","item","process","_ref4","BreadCrumbs","style","padding","dangerouslySetInnerHTML","__html","ArrowForward","marginTop","justifyContent","SearchContainer","AppBarPlugin","DrawerPlugin","AvailabilityPlugin","BrandsPlugin","AttributesPlugin","ResultSummaryPlugin","searchTerm","SortPlugin","SearchTermsPlugin","join","PaginationLink","page","pageSize","total","EmptyCategory","Loader","Link","to","CategoryContainer","CategoriesPage","params","useParams","parseInt","RootCategories","h2","categories","setCategories","useQuery","GET_ROOT_CATEGORIES_PAGE","data","getAllRootCategories","loading","CategoryBlock","theme","backgroundColor","GeneralFontName","H3","h3","ol","itemScope","itemType","paddingLeft","itemProp","itemID","fontWeight","idx","margin","elements","type","JSON","stringify","itemListElement","el","position"],"sourceRoot":""}