{"version":3,"sources":["assets/master-builders-logo.png","../node_modules/@material-ui/core/esm/Typography/Typography.js","../node_modules/@material-ui/core/esm/internal/svg-icons/MoreHoriz.js","../node_modules/@material-ui/core/esm/Breadcrumbs/BreadcrumbCollapsed.js","../node_modules/@material-ui/core/esm/Breadcrumbs/Breadcrumbs.js","screens/ProductsByKeyword.js"],"names":["defaultVariantMapping","h1","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","Typography","React","props","ref","_props$align","align","classes","className","_props$color","color","component","_props$display","display","_props$gutterBottom","gutterBottom","_props$noWrap","noWrap","_props$paragraph","paragraph","_props$variant","variant","_props$variantMapping","variantMapping","other","_objectWithoutProperties","Component","_extends","clsx","root","concat","capitalize","withStyles","theme","margin","typography","caption","button","overline","srOnly","position","height","width","overflow","alignLeft","textAlign","alignCenter","alignRight","alignJustify","textOverflow","whiteSpace","marginBottom","colorInherit","colorPrimary","palette","primary","main","colorSecondary","secondary","colorTextPrimary","text","colorTextSecondary","colorError","error","displayInline","displayBlock","name","createSvgIcon","d","marginLeft","spacing","marginRight","backgroundColor","grey","borderRadius","cursor","boxShadow","shadows","emphasize","icon","ButtonBase","focusRipple","MoreHorizIcon","Breadcrumbs","children","_props$component","_props$expandText","expandText","_props$itemsAfterColl","itemsAfterCollapse","_props$itemsBeforeCol","itemsBeforeCollapse","_props$maxItems","maxItems","_props$separator","separator","_React$useState","expanded","setExpanded","allItems","toArray","filter","child","map","index","li","key","ol","items","reduce","acc","current","length","push","insertSeparators","_toConsumableArray","slice","BreadcrumbCollapsed","onClick","event","focusable","currentTarget","parentNode","querySelector","focus","renderItemsBeforeAndAfter","flexWrap","alignItems","padding","listStyle","userSelect","useStyles","makeStyles","backdrop","zIndex","drawer","Products","location","useLocation","dispatch","useDispatch","useSelector","state","searchProducts","searchedproducts","isSearching","isLoaded","useState","keyword","setKeyword","productList","setProductList","dataLoaded","setDataLoaded","pageMetaDescription","useEffect","pathname","pathKeyWord","getPathParameter","searchProductByKeyword","charSet","pascalCase","content","property","rel","href","aria-label","to","open","container","product","item","xs","sm","md","lg","xl","exact","src","masterBuilderLogo","alt","tagline","description","id"],"mappings":"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","file":"static/js/8.ee06e484.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/master-builders-logo.0d4703f5.png\";","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nimport capitalize from '../utils/capitalize';\nexport var styles = function styles(theme) {\n  return {\n    /* Styles applied to the root element. */\n    root: {\n      margin: 0\n    },\n\n    /* Styles applied to the root element if `variant=\"body2\"`. */\n    body2: theme.typography.body2,\n\n    /* Styles applied to the root element if `variant=\"body1\"`. */\n    body1: theme.typography.body1,\n\n    /* Styles applied to the root element if `variant=\"caption\"`. */\n    caption: theme.typography.caption,\n\n    /* Styles applied to the root element if `variant=\"button\"`. */\n    button: theme.typography.button,\n\n    /* Styles applied to the root element if `variant=\"h1\"`. */\n    h1: theme.typography.h1,\n\n    /* Styles applied to the root element if `variant=\"h2\"`. */\n    h2: theme.typography.h2,\n\n    /* Styles applied to the root element if `variant=\"h3\"`. */\n    h3: theme.typography.h3,\n\n    /* Styles applied to the root element if `variant=\"h4\"`. */\n    h4: theme.typography.h4,\n\n    /* Styles applied to the root element if `variant=\"h5\"`. */\n    h5: theme.typography.h5,\n\n    /* Styles applied to the root element if `variant=\"h6\"`. */\n    h6: theme.typography.h6,\n\n    /* Styles applied to the root element if `variant=\"subtitle1\"`. */\n    subtitle1: theme.typography.subtitle1,\n\n    /* Styles applied to the root element if `variant=\"subtitle2\"`. */\n    subtitle2: theme.typography.subtitle2,\n\n    /* Styles applied to the root element if `variant=\"overline\"`. */\n    overline: theme.typography.overline,\n\n    /* Styles applied to the root element if `variant=\"srOnly\"`. Only accessible to screen readers. */\n    srOnly: {\n      position: 'absolute',\n      height: 1,\n      width: 1,\n      overflow: 'hidden'\n    },\n\n    /* Styles applied to the root element if `align=\"left\"`. */\n    alignLeft: {\n      textAlign: 'left'\n    },\n\n    /* Styles applied to the root element if `align=\"center\"`. */\n    alignCenter: {\n      textAlign: 'center'\n    },\n\n    /* Styles applied to the root element if `align=\"right\"`. */\n    alignRight: {\n      textAlign: 'right'\n    },\n\n    /* Styles applied to the root element if `align=\"justify\"`. */\n    alignJustify: {\n      textAlign: 'justify'\n    },\n\n    /* Styles applied to the root element if `nowrap={true}`. */\n    noWrap: {\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap'\n    },\n\n    /* Styles applied to the root element if `gutterBottom={true}`. */\n    gutterBottom: {\n      marginBottom: '0.35em'\n    },\n\n    /* Styles applied to the root element if `paragraph={true}`. */\n    paragraph: {\n      marginBottom: 16\n    },\n\n    /* Styles applied to the root element if `color=\"inherit\"`. */\n    colorInherit: {\n      color: 'inherit'\n    },\n\n    /* Styles applied to the root element if `color=\"primary\"`. */\n    colorPrimary: {\n      color: theme.palette.primary.main\n    },\n\n    /* Styles applied to the root element if `color=\"secondary\"`. */\n    colorSecondary: {\n      color: theme.palette.secondary.main\n    },\n\n    /* Styles applied to the root element if `color=\"textPrimary\"`. */\n    colorTextPrimary: {\n      color: theme.palette.text.primary\n    },\n\n    /* Styles applied to the root element if `color=\"textSecondary\"`. */\n    colorTextSecondary: {\n      color: theme.palette.text.secondary\n    },\n\n    /* Styles applied to the root element if `color=\"error\"`. */\n    colorError: {\n      color: theme.palette.error.main\n    },\n\n    /* Styles applied to the root element if `display=\"inline\"`. */\n    displayInline: {\n      display: 'inline'\n    },\n\n    /* Styles applied to the root element if `display=\"block\"`. */\n    displayBlock: {\n      display: 'block'\n    }\n  };\n};\nvar defaultVariantMapping = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  h6: 'h6',\n  subtitle1: 'h6',\n  subtitle2: 'h6',\n  body1: 'p',\n  body2: 'p'\n};\nvar Typography = /*#__PURE__*/React.forwardRef(function Typography(props, ref) {\n  var _props$align = props.align,\n      align = _props$align === void 0 ? 'inherit' : _props$align,\n      classes = props.classes,\n      className = props.className,\n      _props$color = props.color,\n      color = _props$color === void 0 ? 'initial' : _props$color,\n      component = props.component,\n      _props$display = props.display,\n      display = _props$display === void 0 ? 'initial' : _props$display,\n      _props$gutterBottom = props.gutterBottom,\n      gutterBottom = _props$gutterBottom === void 0 ? false : _props$gutterBottom,\n      _props$noWrap = props.noWrap,\n      noWrap = _props$noWrap === void 0 ? false : _props$noWrap,\n      _props$paragraph = props.paragraph,\n      paragraph = _props$paragraph === void 0 ? false : _props$paragraph,\n      _props$variant = props.variant,\n      variant = _props$variant === void 0 ? 'body1' : _props$variant,\n      _props$variantMapping = props.variantMapping,\n      variantMapping = _props$variantMapping === void 0 ? defaultVariantMapping : _props$variantMapping,\n      other = _objectWithoutProperties(props, [\"align\", \"classes\", \"className\", \"color\", \"component\", \"display\", \"gutterBottom\", \"noWrap\", \"paragraph\", \"variant\", \"variantMapping\"]);\n\n  var Component = component || (paragraph ? 'p' : variantMapping[variant] || defaultVariantMapping[variant]) || 'span';\n  return /*#__PURE__*/React.createElement(Component, _extends({\n    className: clsx(classes.root, className, variant !== 'inherit' && classes[variant], color !== 'initial' && classes[\"color\".concat(capitalize(color))], noWrap && classes.noWrap, gutterBottom && classes.gutterBottom, paragraph && classes.paragraph, align !== 'inherit' && classes[\"align\".concat(capitalize(align))], display !== 'initial' && classes[\"display\".concat(capitalize(display))]),\n    ref: ref\n  }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? Typography.propTypes = {\n  /**\n   * Set the text-align on the component.\n   */\n  align: PropTypes.oneOf(['inherit', 'left', 'center', 'right', 'justify']),\n\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n\n  /**\n   * Override or extend the styles applied to the component.\n   * See [CSS API](#css) below for more details.\n   */\n  classes: PropTypes.object.isRequired,\n\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n\n  /**\n   * The color of the component. It supports those theme colors that make sense for this component.\n   */\n  color: PropTypes.oneOf(['initial', 'inherit', 'primary', 'secondary', 'textPrimary', 'textSecondary', 'error']),\n\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   * Overrides the behavior of the `variantMapping` prop.\n   */\n  component: PropTypes\n  /* @typescript-to-proptypes-ignore */\n  .elementType,\n\n  /**\n   * Controls the display type\n   */\n  display: PropTypes.oneOf(['initial', 'block', 'inline']),\n\n  /**\n   * If `true`, the text will have a bottom margin.\n   */\n  gutterBottom: PropTypes.bool,\n\n  /**\n   * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n   *\n   * Note that text overflow can only happen with block or inline-block level elements\n   * (the element needs to have a width in order to overflow).\n   */\n  noWrap: PropTypes.bool,\n\n  /**\n   * If `true`, the text will have a bottom margin.\n   */\n  paragraph: PropTypes.bool,\n\n  /**\n   * Applies the theme typography styles.\n   */\n  variant: PropTypes.oneOf(['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'caption', 'button', 'overline', 'srOnly', 'inherit']),\n\n  /**\n   * The component maps the variant prop to a range of different HTML element types.\n   * For instance, subtitle1 to `<h6>`.\n   * If you wish to change that mapping, you can provide your own.\n   * Alternatively, you can use the `component` prop.\n   */\n  variantMapping: PropTypes.object\n} : void 0;\nexport default withStyles(styles, {\n  name: 'MuiTypography'\n})(Typography);","import * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n/**\n * @ignore - internal component.\n */\n\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\"\n}), 'MoreHoriz');","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport withStyles from '../styles/withStyles';\nimport { emphasize } from '../styles/colorManipulator';\nimport MoreHorizIcon from '../internal/svg-icons/MoreHoriz';\nimport ButtonBase from '../ButtonBase';\n\nvar styles = function styles(theme) {\n  return {\n    root: {\n      display: 'flex',\n      marginLeft: theme.spacing(0.5),\n      marginRight: theme.spacing(0.5),\n      backgroundColor: theme.palette.grey[100],\n      color: theme.palette.grey[700],\n      borderRadius: 2,\n      cursor: 'pointer',\n      '&:hover, &:focus': {\n        backgroundColor: theme.palette.grey[200]\n      },\n      '&:active': {\n        boxShadow: theme.shadows[0],\n        backgroundColor: emphasize(theme.palette.grey[200], 0.12)\n      }\n    },\n    icon: {\n      width: 24,\n      height: 16\n    }\n  };\n};\n/**\n * @ignore - internal component.\n */\n\n\nfunction BreadcrumbCollapsed(props) {\n  var classes = props.classes,\n      other = _objectWithoutProperties(props, [\"classes\"]);\n\n  return /*#__PURE__*/React.createElement(ButtonBase, _extends({\n    component: \"li\",\n    className: classes.root,\n    focusRipple: true\n  }, other), /*#__PURE__*/React.createElement(MoreHorizIcon, {\n    className: classes.icon\n  }));\n}\n\nprocess.env.NODE_ENV !== \"production\" ? BreadcrumbCollapsed.propTypes = {\n  /**\n   * @ignore\n   */\n  classes: PropTypes.object.isRequired\n} : void 0;\nexport default withStyles(styles, {\n  name: 'PrivateBreadcrumbCollapsed'\n})(BreadcrumbCollapsed);","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport { isFragment } from 'react-is';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nimport Typography from '../Typography';\nimport BreadcrumbCollapsed from './BreadcrumbCollapsed';\nexport var styles = {\n  /* Styles applied to the root element. */\n  root: {},\n\n  /* Styles applied to the ol element. */\n  ol: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    alignItems: 'center',\n    padding: 0,\n    margin: 0,\n    listStyle: 'none'\n  },\n\n  /* Styles applied to the li element. */\n  li: {},\n\n  /* Styles applied to the separator element. */\n  separator: {\n    display: 'flex',\n    userSelect: 'none',\n    marginLeft: 8,\n    marginRight: 8\n  }\n};\n\nfunction insertSeparators(items, className, separator) {\n  return items.reduce(function (acc, current, index) {\n    if (index < items.length - 1) {\n      acc = acc.concat(current, /*#__PURE__*/React.createElement(\"li\", {\n        \"aria-hidden\": true,\n        key: \"separator-\".concat(index),\n        className: className\n      }, separator));\n    } else {\n      acc.push(current);\n    }\n\n    return acc;\n  }, []);\n}\n\nvar Breadcrumbs = /*#__PURE__*/React.forwardRef(function Breadcrumbs(props, ref) {\n  var children = props.children,\n      classes = props.classes,\n      className = props.className,\n      _props$component = props.component,\n      Component = _props$component === void 0 ? 'nav' : _props$component,\n      _props$expandText = props.expandText,\n      expandText = _props$expandText === void 0 ? 'Show path' : _props$expandText,\n      _props$itemsAfterColl = props.itemsAfterCollapse,\n      itemsAfterCollapse = _props$itemsAfterColl === void 0 ? 1 : _props$itemsAfterColl,\n      _props$itemsBeforeCol = props.itemsBeforeCollapse,\n      itemsBeforeCollapse = _props$itemsBeforeCol === void 0 ? 1 : _props$itemsBeforeCol,\n      _props$maxItems = props.maxItems,\n      maxItems = _props$maxItems === void 0 ? 8 : _props$maxItems,\n      _props$separator = props.separator,\n      separator = _props$separator === void 0 ? '/' : _props$separator,\n      other = _objectWithoutProperties(props, [\"children\", \"classes\", \"className\", \"component\", \"expandText\", \"itemsAfterCollapse\", \"itemsBeforeCollapse\", \"maxItems\", \"separator\"]);\n\n  var _React$useState = React.useState(false),\n      expanded = _React$useState[0],\n      setExpanded = _React$useState[1];\n\n  var renderItemsBeforeAndAfter = function renderItemsBeforeAndAfter(allItems) {\n    var handleClickExpand = function handleClickExpand(event) {\n      setExpanded(true); // The clicked element received the focus but gets removed from the DOM.\n      // Let's keep the focus in the component after expanding.\n\n      var focusable = event.currentTarget.parentNode.querySelector('a[href],button,[tabindex]');\n\n      if (focusable) {\n        focusable.focus();\n      }\n    }; // This defends against someone passing weird input, to ensure that if all\n    // items would be shown anyway, we just show all items without the EllipsisItem\n\n\n    if (itemsBeforeCollapse + itemsAfterCollapse >= allItems.length) {\n      if (process.env.NODE_ENV !== 'production') {\n        console.error(['Material-UI: You have provided an invalid combination of props to the Breadcrumbs.', \"itemsAfterCollapse={\".concat(itemsAfterCollapse, \"} + itemsBeforeCollapse={\").concat(itemsBeforeCollapse, \"} >= maxItems={\").concat(maxItems, \"}\")].join('\\n'));\n      }\n\n      return allItems;\n    }\n\n    return [].concat(_toConsumableArray(allItems.slice(0, itemsBeforeCollapse)), [/*#__PURE__*/React.createElement(BreadcrumbCollapsed, {\n      \"aria-label\": expandText,\n      key: \"ellipsis\",\n      onClick: handleClickExpand\n    })], _toConsumableArray(allItems.slice(allItems.length - itemsAfterCollapse, allItems.length)));\n  };\n\n  var allItems = React.Children.toArray(children).filter(function (child) {\n    if (process.env.NODE_ENV !== 'production') {\n      if (isFragment(child)) {\n        console.error([\"Material-UI: The Breadcrumbs component doesn't accept a Fragment as a child.\", 'Consider providing an array instead.'].join('\\n'));\n      }\n    }\n\n    return /*#__PURE__*/React.isValidElement(child);\n  }).map(function (child, index) {\n    return /*#__PURE__*/React.createElement(\"li\", {\n      className: classes.li,\n      key: \"child-\".concat(index)\n    }, child);\n  });\n  return /*#__PURE__*/React.createElement(Typography, _extends({\n    ref: ref,\n    component: Component,\n    color: \"textSecondary\",\n    className: clsx(classes.root, className)\n  }, other), /*#__PURE__*/React.createElement(\"ol\", {\n    className: classes.ol\n  }, insertSeparators(expanded || maxItems && allItems.length <= maxItems ? allItems : renderItemsBeforeAndAfter(allItems), classes.separator, separator)));\n});\nprocess.env.NODE_ENV !== \"production\" ? Breadcrumbs.propTypes = {\n  // ----------------------------- Warning --------------------------------\n  // | These PropTypes are generated from the TypeScript type definitions |\n  // |     To update them edit the d.ts file and run \"yarn proptypes\"     |\n  // ----------------------------------------------------------------------\n\n  /**\n   * The breadcrumb children.\n   */\n  children: PropTypes.node,\n\n  /**\n   * Override or extend the styles applied to the component.\n   * See [CSS API](#css) below for more details.\n   */\n  classes: PropTypes.object,\n\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes\n  /* @typescript-to-proptypes-ignore */\n  .elementType,\n\n  /**\n   * Override the default label for the expand button.\n   *\n   * For localization purposes, you can use the provided [translations](/guides/localization/).\n   */\n  expandText: PropTypes.string,\n\n  /**\n   * If max items is exceeded, the number of items to show after the ellipsis.\n   */\n  itemsAfterCollapse: PropTypes.number,\n\n  /**\n   * If max items is exceeded, the number of items to show before the ellipsis.\n   */\n  itemsBeforeCollapse: PropTypes.number,\n\n  /**\n   * Specifies the maximum number of breadcrumbs to display. When there are more\n   * than the maximum number, only the first `itemsBeforeCollapse` and last `itemsAfterCollapse`\n   * will be shown, with an ellipsis in between.\n   */\n  maxItems: PropTypes.number,\n\n  /**\n   * Custom separator node.\n   */\n  separator: PropTypes.node\n} : void 0;\nexport default withStyles(styles, {\n  name: 'MuiBreadcrumbs'\n})(Breadcrumbs);","import React, { useEffect, useState } from 'react';\nimport { useLocation } from 'react-router';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { NavLink } from 'react-router-dom';\nimport { Helmet } from 'react-helmet';\n\nimport { WindMillLoading } from 'react-loadingg';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Backdrop from '@material-ui/core/Backdrop';\nimport Grid from '@material-ui/core/Grid';\nimport Breadcrumbs from '@material-ui/core/Breadcrumbs';\n\nimport { getPathParameter, pascalCase } from '../utils';\nimport { searchProductByKeyword } from '../actions/searchProductAction';\nimport masterBuilderLogo from '../assets/master-builders-logo.png';\n\nimport '../styles/products.scss';\n\nconst useStyles = makeStyles((theme) => ({\n  backdrop: {\n    zIndex: theme.zIndex.drawer + 1,\n    color: '#fff',\n  },\n}));\n\nconst Products = () => {\n  const location = useLocation();\n  const dispatch = useDispatch();\n  const classes = useStyles();\n\n  const { searchedproducts, isSearching, isLoaded } = useSelector(\n    (state) => state.searchProducts\n  );\n\n  const [keyword, setKeyword] = useState('');\n  const [productList, setProductList] = useState([]);\n  const [dataLoaded, setDataLoaded] = useState(false);\n\n  const pageMetaDescription = keyword + ' Construction Chemical Product';\n\n  useEffect(() => {\n    const { pathname } = location;\n    const pathKeyWord = getPathParameter(pathname, 2);\n    setKeyword(pathKeyWord);\n\n    if (pathKeyWord && !isSearching) {\n      dispatch(searchProductByKeyword(pathKeyWord, true));\n    }\n  }, [dispatch, location]);\n\n  useEffect(() => {\n    if (keyword && searchedproducts.length > 0 && isLoaded && !isSearching) {\n      setProductList(searchedproducts);\n      setDataLoaded(true);\n    } else if (isLoaded && !isSearching) {\n      setProductList(searchedproducts);\n      setDataLoaded(true);\n    }\n  }, [searchedproducts, isSearching, isLoaded]);\n\n  const renderProducts = () => {\n    return productList.map((product, index) => (\n      <Grid\n        item\n        xs={12}\n        sm={6}\n        md={3}\n        lg={2}\n        xl={2}\n        key={index}\n        className=\"product-grid-item\"\n      >\n        <NavLink\n          key={product.id}\n          className=\"product-item\"\n          to={{\n            pathname: `/products/${product.name}`,\n            state: { product },\n          }}\n          exact={true}\n        >\n          <div className=\"image-container\">\n            <img src={masterBuilderLogo} alt={product.tagline} />\n          </div>\n          <div className=\"description-container\">\n            <h2 className=\"title\">{product.name}</h2>\n            <p>{product.description}</p>\n          </div>\n        </NavLink>\n      </Grid>\n    ));\n  };\n\n  return (\n    <div className=\"products-page\">\n      <Helmet>\n        <meta charSet=\"utf-8\" />\n        <title>{pascalCase(keyword)}</title>\n        <meta name=\"description\" content={pascalCase(pageMetaDescription)} />\n        <meta name=\"keywords\" content={pascalCase(keyword)} />\n        <meta property=\"og:title\" content={pascalCase(keyword)} />\n        <meta\n          property=\"og:description\"\n          content={pascalCase(pageMetaDescription)}\n        />\n        {/* <link\n          rel=\"canonical\"\n          href={`http://revaintl.com/keyword/${keyword}/`}\n        /> */}\n        <link rel=\"canonical\" href=\"http://revaintl.com/\" />\n        <meta\n          property=\"og:url\"\n          content={`http://revaintl.com/keyword/${keyword}/`}\n        />\n        <meta property=\"og:site_name\" content=\"Reva International\" />\n        <meta\n          property=\"article:publisher\"\n          content=\"https://www.facebook.com/RevaInternationalME\"\n        />\n        <meta name=\"twitter:card\" content=\"summary_large_image\" />\n        <meta\n          name=\"twitter:description\"\n          content={pascalCase(pageMetaDescription)}\n        />\n        <meta name=\"twitter:title\" content={pascalCase(keyword)} />\n      </Helmet>\n\n      {searchedproducts.length === 0 && dataLoaded ? (\n        <span className=\"no-data-found\">No Products Found</span>\n      ) : null}\n      <Breadcrumbs aria-label=\"breadcrumb\" className=\"breadcrumbs\">\n        <NavLink to=\"/home\">\n          <h1 className=\"breadcrumb-category\">{pascalCase(keyword)}</h1>\n        </NavLink>\n\n        <span color=\"textPrimary\">Products</span>\n      </Breadcrumbs>\n\n      <Backdrop open={isSearching} className={classes.backdrop}>\n        <WindMillLoading color=\"#ef7f1b\" />\n      </Backdrop>\n\n      <Grid container spacing={8} className=\"products-grid-container\">\n        {renderProducts()}\n      </Grid>\n    </div>\n  );\n};\n\nexport default Products;\n"],"sourceRoot":""}