{"version":3,"sources":["webpack:///./React/components/PVWebstore/PVProductCategory/Shared/PVListingToolbar.js","webpack:///./React/components/PVWebstore/PVProductCategory/PVProductList/index.js","webpack:///./React/redux/menus/functions.js"],"names":["PVListingToolbar","props","titleProduct","sortOptions","pagingOptions","layoutOptions","className","use","onChange","e","changeFunc","target","value","opts","map","option","key","id","display","htmlFor","fieldName","name","defaultValue","selectedVal","find","x","type","title","onClick","propTypes","PropTypes","string","shape","arrayOf","number","func","bool","label","diplay","oneOf","defaultProps","getPosition","pageSize","displayPage","PVListingProduct","loadable","fallback","PVProductList","match","products","apiGetCategory","category","categoryIsReady","getLeftMenu","isCategoryDataInvalid","dealerKey","history","useHistory","isMounted","useRef","useState","leftMenu","setLeftMenu","setDisplayPage","numProducts","setNumProducts","activeProducts","setActiveProducts","displaySliceId","setDisplaySliceId","showPage","setShowPage","showLoading","setShowLoading","params","TotalProducts","ParentName","Name","WebDescription","useEffect","current","getDisplaySlice","n","page","section","position","take","length","slice","breadcrumbs","sortOrder","linkTarget","linkText","categoryName","replace","items","subcategory","notBlanks","filter","ItemID","Fragment","heading","menu","categorypath","newNumber","Number","sectionLength","getDisplayLength","product","currentPage","totalRecords","handleClick","p","window","scrollTo","Math","max","setCurrentPage","object","ReactRouterPropTypes","isRequired","mapStateToProps","state","ownProps","selectorOptions","parent","selectors","selectSubcategory","selectSubcategoryReady","selectSubcategoryProducts","selectCategorySliceInvalid","selectActiveDealerKey","mapDispatchToProps","dispatch","parentCategory","api","getProductsForCategory","getShopMenu","connect","_dispatch","getState"],"mappings":"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","file":"bundle.39.2694f20f.js","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst PVListingToolbar = (props) => {\n    const { titleProduct, sortOptions, pagingOptions, layoutOptions } = props;\n    return (\n        <div className=\"toolbar-products\">\n            <h4 className=\"title-product\">{titleProduct}</h4>\n            <div className=\"toolbar-option\">\n                {sortOptions && sortOptions.use ? (\n                    <div className=\"toolbar-sort\">\n                        <select\n                            className=\"chosen-select sorter-options form-control\"\n                            onChange={(e) => sortOptions.changeFunc(e.target.value)}\n                        >\n                            {sortOptions && sortOptions.use\n                                ? sortOptions.opts.map((option) => {\n                                      return (\n                                          <option key={option.id} value={option.value}>\n                                              {option.display}\n                                          </option>\n                                      );\n                                  })\n                                : ''}\n                        </select>\n                    </div>\n                ) : (\n                    ''\n                )}\n                {pagingOptions && pagingOptions.use ? (\n                    <div className=\"toolbar-per form-inline\">\n                        <label htmlFor={pagingOptions.fieldName}>\n                            Show &nbsp;\n                            <select\n                                name={pagingOptions.fieldName}\n                                className=\"chosen-per sorter-options form-control\"\n                                defaultValue={\n                                    pagingOptions.selectedVal &&\n                                    pagingOptions.opts.find(\n                                        (x) => x.value === pagingOptions.selectedVal\n                                    )\n                                        ? pagingOptions.opts.find(\n                                              (x) => x.value === pagingOptions.selectedVal\n                                          ).value\n                                        : pagingOptions.opts[0]\n                                }\n                                onChange={(e) => pagingOptions.changeFunc(e.target.value)}\n                            >\n                                {pagingOptions.opts.map((option) => {\n                                    return (\n                                        <option key={option.id} value={option.value}>\n                                            {option.display}\n                                        </option>\n                                    );\n                                })}\n                            </select>\n                            &nbsp;per&nbsp;page\n                        </label>\n                    </div>\n                ) : (\n                    ''\n                )}\n                {layoutOptions && layoutOptions.use ? (\n                    <div className=\"layouts\">\n                        <button\n                            type=\"button\"\n                            className={`layouts-layout layout-grid ${\n                                layoutOptions.selectedVal === 'grid' ? 'active' : ''\n                            }`}\n                            title=\"Grid\"\n                            onClick={() => layoutOptions.changeFunc('grid')}\n                        >\n                            <i className=\"flaticon-squares\" />\n                            <span>Grid</span>\n                        </button>\n                        <button\n                            type=\"button\"\n                            title=\"List\"\n                            className={`layouts-layout layout-list ${\n                                layoutOptions.selectedVal === 'list' ? 'active' : ''\n                            }`}\n                            onClick={() => layoutOptions.changeFunc('list')}\n                        >\n                            <i className=\"flaticon-interface\" />\n                            <span>List</span>\n                        </button>\n                    </div>\n                ) : (\n                    ''\n                )}\n            </div>\n        </div>\n    );\n};\n\nPVListingToolbar.propTypes = {\n    titleProduct: PropTypes.string,\n    sortOptions: PropTypes.shape({\n        opts: PropTypes.arrayOf(\n            PropTypes.shape({\n                id: PropTypes.number,\n                display: PropTypes.string,\n                value: PropTypes.string,\n            })\n        ),\n        selectedVal: PropTypes.string,\n        changeFunc: PropTypes.func,\n        use: PropTypes.bool,\n        label: PropTypes.string,\n    }),\n    pagingOptions: PropTypes.shape({\n        opts: PropTypes.arrayOf(\n            PropTypes.shape({\n                id: PropTypes.number,\n                diplay: PropTypes.string,\n                value: PropTypes.number,\n            })\n        ),\n        selectedVal: PropTypes.number,\n        changeFunc: PropTypes.func,\n        use: PropTypes.bool,\n        label: PropTypes.string,\n        fieldName: PropTypes.string,\n    }),\n    layoutOptions: PropTypes.shape({\n        selectedVal: PropTypes.oneOf(['grid', 'list']),\n        changeFunc: PropTypes.func,\n        use: PropTypes.bool,\n    }),\n};\nPVListingToolbar.defaultProps = {\n    titleProduct: '',\n    sortOptions: {},\n    pagingOptions: {\n        opts: [\n            { id: 0, value: 5, display: '5' },\n            { id: 1, value: 10, display: '10' },\n            { id: 2, value: 20, display: '20' },\n            { id: 3, value: 50, display: '50' },\n            { id: 4, value: 100, display: '100' },\n            { id: 5, value: 0, display: 'All' },\n        ],\n        selectedVal: 10,\n        changeFunc: () => {},\n        use: true,\n        fieldName: 'productPaging',\n    },\n    layoutOptions: {},\n};\n\nexport default PVListingToolbar;\n","import React, { useEffect, useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { useHistory } from 'react-router-dom';\nimport ReactRouterPropTypes from 'react-router-prop-types';\nimport { connect } from 'react-redux';\nimport loadable from '@loadable/component';\nimport { api, selectors } from '../../../../redux/products/category';\nimport PVShopWrapper from '../../PVShopWrapper';\nimport getShopMenu from '../../../../redux/menus/functions';\nimport PVPaging from '../../../Shared/PVPaging';\nimport PVListingToolbar from '../Shared/PVListingToolbar';\nimport '../Shared/style.css';\nimport { selectActiveDealerKey } from '../../../../redux/userProfile/selectors';\n\nconst getPosition = (pageSize, displayPage) => pageSize * (displayPage - 1);\nconst categoryPath = '';\nconst PVListingProduct = loadable(() => import('../Shared/PVListingProduct'), {\n    fallback: <div className=\"pv-spinner sm\" />,\n});\nconst PVProductList = (props) => {\n    const {\n        match,\n        products,\n        apiGetCategory,\n        category,\n        categoryIsReady,\n        getLeftMenu,\n        isCategoryDataInvalid,\n        dealerKey,\n    } = props;\n    const history = useHistory();\n    const isMounted = useRef(null);\n\n    const [leftMenu, setLeftMenu] = useState([]);\n    const [displayPage, setDisplayPage] = useState(1);\n    const [numProducts, setNumProducts] = useState(10);\n    const [activeProducts, setActiveProducts] = useState([]);\n    const [displaySliceId, setDisplaySliceId] = useState(0);\n    const [showPage, setShowPage] = useState(false);\n    const [showLoading, setShowLoading] = useState(true);\n\n    const params = match.params || {};\n    const { TotalProducts, Name, ParentName, WebDescription } = category;\n\n    useEffect(() => {\n        isMounted.current = true;\n        return () => {\n            isMounted.current = false;\n        };\n    }, []);\n\n    const getDisplaySlice = (n, page) => {\n        let section = [...products];\n        const position = getPosition(n, page);\n        let take = n;\n        if (page > 1 && page * n >= TotalProducts) {\n            take = products.length - position;\n        }\n        section = section.slice(position, take + position);\n        return section;\n    };\n\n    const getDisplayLength = (n, page) => {\n        const len = (products.length % n) * page === 0 ? n : (products.length % n) * page;\n        return len;\n    };\n\n    const breadcrumbs = [\n        {\n            sortOrder: 18,\n            linkTarget: '/',\n            linkText: 'Home',\n        },\n        {\n            sortOrder: 19,\n            linkTarget: `/Shop/Category/${category.categoryName}`,\n            linkText: category.ParentName,\n        },\n        {\n            sortOrder: 20,\n            linkTarget: '#',\n            linkText: category.Name,\n        },\n    ];\n\n    useEffect(() => {\n        /* Effect to show proper page status */\n        if (categoryIsReady && category.Name && isMounted.current) {\n            setShowLoading(false);\n            setShowPage(true);\n        }\n        if (categoryIsReady && !category.Name) {\n            history.replace('/Error/404');\n        }\n        if (!categoryIsReady && isMounted.current) {\n            setShowLoading(true);\n            setShowPage(false);\n        }\n    }, [categoryIsReady]);\n\n    useEffect(() => {\n        if (ParentName && isMounted.current) {\n            /*Effect to get menus in redux once we know the display name*/\n            const items = getLeftMenu(ParentName);\n            setLeftMenu(items);\n        }\n    }, [ParentName]);\n\n    useEffect(() => {\n        /*Effect to retrieve products on display page on first visits)*/\n        /*And to reset vars when changing routes*/\n        //if (\n        //    !products ||\n        //    ((products.length === 0 || products.length < TotalProducts) && displayPage === 1)\n        //) {\n        if (isMounted.current) {\n            setActiveProducts([]);\n            setDisplaySliceId(1);\n            setDisplayPage(1);\n            apiGetCategory(match.params.categoryName, match.params.subcategory, numProducts, 0);\n        }\n        //}\n    }, [match, dealerKey]);\n\n    useEffect(() => {\n        /*Effect to retrieve products on page change*/\n        const productsLen = products.length || 0;\n        if ((productsLen < TotalProducts && displayPage !== 1) || isCategoryDataInvalid) {\n            if (isCategoryDataInvalid && displayPage !== 1) {\n                apiGetCategory(params.categoryName, params.subcategory, numProducts, 0);\n            }\n            apiGetCategory(params.categoryName, params.subcategory, numProducts, displayPage - 1);\n        }\n    }, [displayPage]);\n\n    useEffect(() => {\n        const section = getDisplaySlice(numProducts, displayPage);\n        const notBlanks = section.filter((x) => ((x || {}).ItemID || '').length > 0);\n        if (notBlanks.length > 0 && isMounted.current) {\n            setActiveProducts(notBlanks || []);\n            setDisplaySliceId(displayPage);\n        }\n    }, [TotalProducts, displayPage, displaySliceId, products, match]);\n\n    const setCurrentPage = (p) => {\n        window.scrollTo(0, 0);\n        if (isMounted.current) {\n            setDisplayPage(Math.max(p, 0));\n        }\n    };\n\n    const changePaging = (n) => {\n        if (n !== numProducts && isMounted.current) {\n            const newNumber = n === '0' ? TotalProducts - 1 : Number(n);\n            setNumProducts(newNumber);\n            setDisplayPage(1);\n            const section = getDisplaySlice(newNumber, displayPage);\n            const sectionLength = getDisplayLength(newNumber, displayPage);\n            const notBlanks = section.filter((x) => ((x || {}).ItemID || '').length > 0);\n            if (notBlanks.length !== sectionLength) {\n                apiGetCategory(params.categoryName, params.subcategory, Number(n), displayPage - 1);\n            } else if (isMounted.current) {\n                setActiveProducts(notBlanks || []);\n                setDisplaySliceId(displayPage);\n            }\n        }\n    };\n\n    return (\n        <React.Fragment>\n            {showPage && (\n                <PVShopWrapper\n                    heading={ParentName}\n                    menu={leftMenu}\n                    breadcrumbs={breadcrumbs}\n                    categorypath={categoryPath}\n                >\n                    <h4 className=\"pv-product-category-web-description\">\n                        {WebDescription}\n                    </h4>\n                    <PVListingToolbar\n                        pagingOptions={{\n                            opts: [\n                                { id: 0, value: 10, display: '10' },\n                                { id: 1, value: 20, display: '20' },\n                                { id: 2, value: 50, display: '50' },\n                                { id: 3, value: 100, display: '100' },\n                            ],\n                            label: 'Show',\n                            selectedVal: numProducts,\n                            use: true,\n                            fieldName: 'productPaging',\n                            changeFunc: changePaging,\n                        }}\n                    />\n\n                    <div className=\"products products-list\">\n                        {isCategoryDataInvalid\n                            ? 'reloading to get dealer-specific data ...'\n                            : activeProducts.map((product) => {\n                                  return (\n                                      <PVListingProduct key={product.ItemID} product={product} />\n                                  );\n                              })}\n                        <PVPaging\n                            currentPage={displayPage}\n                            pageSize={numProducts}\n                            totalRecords={TotalProducts || 0}\n                            handleClick={(p) => setCurrentPage(p)}\n                        />\n                    </div>\n                </PVShopWrapper>\n            )}\n            {showLoading && <div className=\"pv-spinner lg\" />}\n        </React.Fragment>\n    );\n};\n\nPVProductList.propTypes = {\n    /* eslint-disable  react/forbid-prop-types */\n    products: PropTypes.arrayOf(PropTypes.object),\n    category: PropTypes.object,\n    /* eslint-enable  react/forbid-prop-types */\n    categoryIsReady: PropTypes.bool,\n    match: ReactRouterPropTypes.match.isRequired,\n    isCategoryDataInvalid: PropTypes.bool.isRequired,\n    dealerKey: PropTypes.string.isRequired,\n    getLeftMenu: PropTypes.func.isRequired,\n    apiGetCategory: PropTypes.func.isRequired,\n};\n\nPVProductList.defaultProps = {\n    products: [],\n    category: {},\n    categoryIsReady: false,\n};\n\nconst mapStateToProps = (state, ownProps) => {\n    const params = ownProps.match.params || {};\n    const selectorOptions = { parent: params.categoryName, subcategory: params.subcategory };\n    return {\n        category: selectors.selectSubcategory(state, selectorOptions),\n        categoryIsReady: selectors.selectSubcategoryReady(state, selectorOptions),\n        products: selectors.selectSubcategoryProducts(state, selectorOptions),\n        isCategoryDataInvalid: selectors.selectCategorySliceInvalid(state),\n        dealerKey: selectActiveDealerKey(state),\n    };\n};\nconst mapDispatchToProps = (dispatch) => {\n    return {\n        /* eslint-disable  no-unused-vars */\n        apiGetCategory: (parentCategory, subcategory, numProducts, page) => {\n            /* eslint-enable  no-unused-vars */\n            dispatch(api.getProductsForCategory(parentCategory, subcategory, 600, 0));\n        },\n        getLeftMenu: (categoryName) => dispatch(getShopMenu(categoryName)),\n    };\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(PVProductList);\n","import * as selectors from './selectors';\n\nconst getShopMenu = (categoryName) => {\n    return (_dispatch, getState) => {\n        const items = selectors.selectShopCategoryMenu(getState(), categoryName);\n        return items;\n    };\n};\n\nexport default getShopMenu;\n"],"sourceRoot":""}