{"version":3,"sources":["webpack:///./React/components/PVWebstore/PVProductCategory/PVSubcategoryList/PVSubCategoryTile.js","webpack:///./React/components/PVWebstore/PVProductCategory/PVSubcategoryList/index.js"],"names":["PVSubCategoryTile","subcategory","categoryName","className","to","Name","ThumbnailImage","width","height","src","alt","DisplayName","onError","e","getFallBackImage","propTypes","PropTypes","shape","string","isRequired","PVSubCategoryList","match","apiGetSubCategories","category","dealerId","history","useHistory","isMounted","useRef","useState","isLoaded","setIsLoaded","Link","setLink","setDisplayName","useEffect","current","Subcategories","params","categoryHasData","isFetching","then","response","payload","catch","push","breadcrumbs","sortOrder","linkTarget","linkText","Fragment","heading","banner","BannerImage","categorypath","webDescription","WebDescription","showViewAllLink","viewAllLink","viewAllDisplayName","map","subcat","index","key","Id","ReactRouterPropTypes","receivedAt","number","bool","arrayOf","func","defaultProps","mapStateToProps","state","ownProps","selectOptions","parent","selectors","selectCategory","selectActiveDealerKey","mapDispatchToProps","dispatch","getSubcategories","connect"],"mappings":"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","file":"bundle.60.6d3c6bfb.js","sourcesContent":["import React from 'react';\nimport { Link } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport getFallBackImage from '../../../../helpers/getFallbackImage';\n\nconst PVSubCategoryTile = ({ subcategory, categoryName }) => {\n    return (\n        <div className=\"product-item style1 width-33 padding-0 col-md-3 col-sm-6 col-xs-6 equal-elem\">\n            <div className=\"product-outer3\">\n                <div className=\"product-inner3\">\n                    <div className=\"product-thumb\">\n                        <Link to={`/Shop/Category/${categoryName}/${subcategory.Name}`}>\n                            {subcategory.ThumbnailImage ? (\n                                <img\n                                    width={160} height={160}\n                                    src={subcategory.ThumbnailImage}\n                                    alt={subcategory.DisplayName}\n                                    onError={(e) =>\n                                        getFallBackImage(\n                                            e,\n                                            '/WebSupport/PV_React/WebStore/category-thumbs/imageNotAvailable.jpg'\n                                        )\n                                    }\n                                />\n                            ) : (\n                                ''\n                            )}\n                        </Link>\n                    </div>\n                    <div className=\"product-name pv-subcategory-product-name\">\n                        <Link to={`/Shop/Category/${categoryName}/${subcategory.Name}`}>\n                            {subcategory.DisplayName}\n                        </Link>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nPVSubCategoryTile.propTypes = {\n    subcategory: PropTypes.shape({\n        Name: PropTypes.string,\n        ThumbnailImage: PropTypes.string,\n        DisplayName: PropTypes.string,\n    }).isRequired,\n    categoryName: PropTypes.string.isRequired,\n};\n\nexport default PVSubCategoryTile;\n","import React, { useState, useEffect, useRef } from 'react';\nimport { Link, useHistory } from 'react-router-dom';\nimport ReactRouterPropTypes from 'react-router-prop-types';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport PVShopWrapper from '../../PVShopWrapper';\nimport PVSubCategoryTile from './PVSubCategoryTile';\nimport { getSubcategories } from '../../../../redux/products/category/actionsAsync';\nimport { selectors } from '../../../../redux/products/category';\nimport { selectActiveDealerKey } from '../../../../redux/userProfile/selectors';\n\nconst PVSubCategoryList = ({ match, apiGetSubCategories, category, dealerId }) => {\n\tconst history = useHistory();\n\tconst isMounted = useRef(null);\n\tconst categoryPath = '';\n\tconst [isLoaded, setIsLoaded] = useState(false);\n\tconst [Link,setLink]=useState([]);\n\tconst [DisplayName,setDisplayName]=useState('');\n\n\tuseEffect(() => {\n\t\tisMounted.current = true;\n\t\treturn () => {\n\t\t\tisMounted.current = false;\n\t\t};\n\t}, []);\n\n\tuseEffect(() => {\n\t\t if (!isLoaded ||  typeof category.Subcategories ==='undefined' ){\n \n\t\n\t\t\tconst { params } = match;\n\t\t\tconst categoryHasData = category && category.Name;\n\t\t\tif (!categoryHasData && !category.isFetching) {\n\t\t\t\tapiGetSubCategories(params.categoryName)\n\t\t\t\t\t.then((response) => {\n\t\t\t\t \n\t\t\t\t\t\tif (isMounted.current) {\n\t\t\t\t\t\tconst category= response.payload;\n\t\t\t\t\t\t//console.log(\" category =\"+JSON.stringify(category));\n\t\t\t    \t\t//console.log(\" categoryName=\"+JSON.stringify(category.categoryName));\n\t\t\t\t\t\t//console.log(\" Subcategories DisplayName=\"+JSON.stringify(category.Subcategories[0].DisplayName));\n\t\t\t\t\t\t setLink   (category.categoryName)\n\t\t\t\t\t\t setDisplayName (category.Subcategories[0].DisplayName)\n   \t\t\t\t\t\t setIsLoaded(true);\n\t\t\t\t\t\t\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t\t.catch(() => {\n\t\t\t\t\t\thistory.push('/Error/404');\n\t\t\t\t\t});\n\t\t\t} else if (categoryHasData) {\n\t\t  \n\t\t\t\tsetIsLoaded(true);\n\t\t\t}\n\t\t}\n\t}, [match, category, isLoaded]);\n\n\tuseEffect(() => {\n\t\tif (isMounted.current) {\n\t\t\tsetIsLoaded(false);\n\t\t\tconst { params } = match;\n\t\t\tapiGetSubCategories(params.categoryName)\n\t\t\t\t.then((response) => {\n\t\t\t\t   \n\t\t\t\t\tif (isMounted.current) {\n\t\t\t\t\t  const category= response.payload;\n\t\t\t\t\t\n\t\t\t\t\t  //console.log(\"category.categoryName\"+JSON.stringify(category.categoryName));\n\t\t\t\t\t  //console.log(\"category.Subcategories[0].Name\"+JSON.stringify(category.Subcategories[0].DisplayName));\n\t\t\t\t\t  setLink   (category.categoryName)\n\t\t\t\t\t  setDisplayName (category.Subcategories[0].DisplayName)\n \n   \n\t\t\t\t\t  setIsLoaded(true);\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t.catch(() => {\n\t\t\t\t\thistory.push('/Error/404');\n\t\t\t\t});\n\t\t}\n\t}, [dealerId]);\n\n\tconst breadcrumbs = [\n\t\t{\n\t\t\tsortOrder: 18,\n\t\t\tlinkTarget: '/',\n\t\t\tlinkText: 'Home',\n\t\t},\n\t\t{\n\t\t\tsortOrder: 19,\n\t\t\tlinkTarget: `/Shop/Category/${category.categoryName}`,\n\t\t\tlinkText: category.DisplayName,\n\t\t},\n\t];\n\n\treturn (\n\t\t<React.Fragment>\n\t\t\t{isLoaded ? (\n\t\t\t\t<PVShopWrapper\n\t\t\t\t\theading={category.DisplayName}\n\t\t\t\t\tbanner={category.BannerImage}\n\t\t\t\t\tbreadcrumbs={breadcrumbs}\n\t\t\t\t\tcategorypath={categoryPath}\n\t\t\t\t\twebDescription={category.WebDescription}\n\t\t\t\t\tshowViewAllLink={true}\n\t\t\t\t\tviewAllLink={Link  }\n\t\t\t\t\tviewAllDisplayName={DisplayName}\n\t\t\t\t>\n\t\t\t\t\t<div className=\"row\">\n\t\t\t\t\t\t<div className=\"col-xs-12\">\n\t\t\t\t\t\t\t<div className=\"products products-list\">\n\t\t\t\t\t\t\t\t{!category || !category.Subcategories\n\t\t\t\t\t\t\t\t\t? ''\n\t\t\t\t\t\t\t\t\t: category.Subcategories.map((subcat, index) => {\n\t\t\t\t\t\t\t\t\t\t  if (index > 0) {\n\t\t\t\t\t\t\t\t\t\t\t  return (\n\t\t\t\t\t\t\t\t\t\t\t\t  <PVSubCategoryTile\n\t\t\t\t\t\t\t\t\t\t\t\t\t  key={subcat.Id}\n\t\t\t\t\t\t\t\t\t\t\t\t\t  subcategory={subcat}\n\t\t\t\t\t\t\t\t\t\t\t\t\t  categoryName={category.Name}\n\t\t\t\t\t\t\t\t\t\t\t\t  />\n\t\t\t\t\t\t\t\t\t\t\t  );\n\t\t\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t\t\t  return null;\n\t\t\t\t\t\t\t\t\t  })}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</PVShopWrapper>\n\t\t\t) : (\n\t\t\t\t<div className=\"pv-spinner lg\" />\n\t\t\t)}\n\t\t</React.Fragment>\n\t);\n};\n\nPVSubCategoryList.propTypes = {\n\tmatch: ReactRouterPropTypes.match.isRequired,\n\tdealerId: PropTypes.string,\n\tcategory: PropTypes.shape({\n\t\treceivedAt: PropTypes.number,\n\t\tisFetching: PropTypes.bool,\n\t\tName: PropTypes.string,\n\t\tcategoryName: PropTypes.string,\n\t\tDisplayName: PropTypes.string,\n\t\tBannerImage: PropTypes.string,\n\t\tSubcategories: PropTypes.arrayOf(\n\t\t\tPropTypes.shape({\n\t\t\t\tName: PropTypes.string,\n\t\t\t\tThumbnailImage: PropTypes.string,\n\t\t\t\tDisplayName: PropTypes.string,\n\t\t\t})\n\t\t),\n\t}).isRequired,\n\tapiGetSubCategories: PropTypes.func.isRequired,\n};\n\nPVSubCategoryList.defaultProps = {\n\tdealerId: '',\n};\n\nconst mapStateToProps = (state, ownProps) => {\n\tconst { match } = ownProps;\n\tconst selectOptions = { parent: match.params.categoryName };\n\treturn {\n\t\tcategory: selectors.selectCategory(state, selectOptions),\n\t\tdealerId: selectActiveDealerKey(state),\n\t};\n};\nconst mapDispatchToProps = (dispatch) => {\n\treturn {\n\t\tapiGetSubCategories: (categoryName) => dispatch(getSubcategories(categoryName)),\n\t};\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(PVSubCategoryList);\n"],"sourceRoot":""}