{"version":3,"sources":["components/Skeletons/SkeletonText.js","../node_modules/@material-ui/core/esm/Divider/Divider.js","../node_modules/@material-ui/core/esm/Card/Card.js","../node_modules/@material-ui/core/esm/CardContent/CardContent.js","../node_modules/@material-ui/lab/esm/Skeleton/Skeleton.js","components/CategoryBadge/CategoryBadge.js","components/FeaturedCategories/FeaturedCategory/FeaturedCategoryHeader.js","components/Skeletons/SkeletonRect.js","components/FeaturedCategories/FeaturedCategory/FeaturedCategoryContents/FeaturedCategoryContent.js","components/FeaturedCategories/FeaturedCategory/FeaturedCategoryContents/FeaturedCategoryContents.js","components/FeaturedCategories/FeaturedCategory/FeaturedCategory.js","components/FeaturedCategories/FeaturedAdvertisement.js","components/FeaturedCategories/FeaturedCategories.js"],"names":["SkeletonText","width","height","variant","animation","Divider","React","props","ref","_props$absolute","absolute","classes","className","_props$component","component","Component","_props$flexItem","flexItem","_props$light","light","_props$orientation","orientation","_props$role","role","undefined","_props$variant","other","_objectWithoutProperties","_extends","clsx","root","vertical","withStyles","theme","margin","border","flexShrink","backgroundColor","palette","divider","position","bottom","left","inset","marginLeft","alpha","middle","spacing","marginRight","alignSelf","name","Card","_props$raised","raised","Paper","elevation","overflow","CardContent","padding","paddingBottom","Skeleton","_props$animation","hasChildren","Boolean","children","withChildren","fitContent","heightAuto","style","display","text","primary","type","marginTop","marginBottom","transformOrigin","transform","borderRadius","shape","content","rect","circle","pulse","opacity","wave","background","concat","action","hover","right","top","visibility","maxWidth","CategoryBadge","slug","Link","to","size","colors","lightBlue","color","textDecoration","boxShadow","textTransform","fontSize","FeaturedCategoryHeader","Grid","container","justify","alignItems","item","Typography","SkeletonRect","useStyles","makeStyles","link","image","backgroundSize","backgroundPositionX","backgroundPositionY","backgroundRepeat","titleAndAuthor","paddingLeft","FeaturedCategoryContent","direction","xs","backgroundImage","thumbnailSizeImageUrl","title","author","shortenFullName","FeaturedCategoryContents","contents","map","c","key","id","FeaturedCategory","category","sm","lg","cursor","FeaturedAdvertisement","advertisement","advertisementService","useAdvertisementService","useCancelToken","token","cancelToken","useEffect","src","imageUrl","onClick","Update","window","open","targetUrl","initialCategoriesState","FeaturedCategories","useState","categories","setCategories","advertisements","setAdvertisements","categoriesService","useCategoriesService","GetFeaturedCategories","then","r","featuredCategoryContents","length","i","adsRender","filter","a","priority"],"mappings":"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","file":"static/js/28.38b03851.chunk.js","sourcesContent":["import React from \"react\";\nimport Skeleton from \"@material-ui/lab/Skeleton\";\n\nfunction SkeletonText({ width, height }) {\n  return (\n    <Skeleton\n      variant=\"text\"\n      width={width ? width : \"100%\"}\n      height={height ? height : 35}\n      animation={false}\n    />\n  );\n}\n\nexport default SkeletonText;\n","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 { alpha } from '../styles/colorManipulator';\nexport var styles = function styles(theme) {\n  return {\n    /* Styles applied to the root element. */\n    root: {\n      height: 1,\n      margin: 0,\n      // Reset browser default style.\n      border: 'none',\n      flexShrink: 0,\n      backgroundColor: theme.palette.divider\n    },\n\n    /* Styles applied to the root element if `absolute={true}`. */\n    absolute: {\n      position: 'absolute',\n      bottom: 0,\n      left: 0,\n      width: '100%'\n    },\n\n    /* Styles applied to the root element if `variant=\"inset\"`. */\n    inset: {\n      marginLeft: 72\n    },\n\n    /* Styles applied to the root element if `light={true}`. */\n    light: {\n      backgroundColor: alpha(theme.palette.divider, 0.08)\n    },\n\n    /* Styles applied to the root element if `variant=\"middle\"`. */\n    middle: {\n      marginLeft: theme.spacing(2),\n      marginRight: theme.spacing(2)\n    },\n\n    /* Styles applied to the root element if `orientation=\"vertical\"`. */\n    vertical: {\n      height: '100%',\n      width: 1\n    },\n\n    /* Styles applied to the root element if `flexItem={true}`. */\n    flexItem: {\n      alignSelf: 'stretch',\n      height: 'auto'\n    }\n  };\n};\nvar Divider = /*#__PURE__*/React.forwardRef(function Divider(props, ref) {\n  var _props$absolute = props.absolute,\n      absolute = _props$absolute === void 0 ? false : _props$absolute,\n      classes = props.classes,\n      className = props.className,\n      _props$component = props.component,\n      Component = _props$component === void 0 ? 'hr' : _props$component,\n      _props$flexItem = props.flexItem,\n      flexItem = _props$flexItem === void 0 ? false : _props$flexItem,\n      _props$light = props.light,\n      light = _props$light === void 0 ? false : _props$light,\n      _props$orientation = props.orientation,\n      orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,\n      _props$role = props.role,\n      role = _props$role === void 0 ? Component !== 'hr' ? 'separator' : undefined : _props$role,\n      _props$variant = props.variant,\n      variant = _props$variant === void 0 ? 'fullWidth' : _props$variant,\n      other = _objectWithoutProperties(props, [\"absolute\", \"classes\", \"className\", \"component\", \"flexItem\", \"light\", \"orientation\", \"role\", \"variant\"]);\n\n  return /*#__PURE__*/React.createElement(Component, _extends({\n    className: clsx(classes.root, className, variant !== 'fullWidth' && classes[variant], absolute && classes.absolute, flexItem && classes.flexItem, light && classes.light, orientation === 'vertical' && classes.vertical),\n    role: role,\n    ref: ref\n  }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? Divider.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   * Absolutely position the element.\n   */\n  absolute: PropTypes.bool,\n\n  /**\n   * @ignore\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   * If `true`, a vertical divider will have the correct height when used in flex container.\n   * (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)\n   */\n  flexItem: PropTypes.bool,\n\n  /**\n   * If `true`, the divider will have a lighter color.\n   */\n  light: PropTypes.bool,\n\n  /**\n   * The divider orientation.\n   */\n  orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n\n  /**\n   * @ignore\n   */\n  role: PropTypes.string,\n\n  /**\n   * The variant to use.\n   */\n  variant: PropTypes.oneOf(['fullWidth', 'inset', 'middle'])\n} : void 0;\nexport default withStyles(styles, {\n  name: 'MuiDivider'\n})(Divider);","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 Paper from '../Paper';\nimport withStyles from '../styles/withStyles';\nexport var styles = {\n  /* Styles applied to the root element. */\n  root: {\n    overflow: 'hidden'\n  }\n};\nvar Card = /*#__PURE__*/React.forwardRef(function Card(props, ref) {\n  var classes = props.classes,\n      className = props.className,\n      _props$raised = props.raised,\n      raised = _props$raised === void 0 ? false : _props$raised,\n      other = _objectWithoutProperties(props, [\"classes\", \"className\", \"raised\"]);\n\n  return /*#__PURE__*/React.createElement(Paper, _extends({\n    className: clsx(classes.root, className),\n    elevation: raised ? 8 : 1,\n    ref: ref\n  }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? Card.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 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,\n\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n\n  /**\n   * If `true`, the card will use raised styling.\n   */\n  raised: PropTypes.bool\n} : void 0;\nexport default withStyles(styles, {\n  name: 'MuiCard'\n})(Card);","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';\nexport var styles = {\n  /* Styles applied to the root element. */\n  root: {\n    padding: 16,\n    '&:last-child': {\n      paddingBottom: 24\n    }\n  }\n};\nvar CardContent = /*#__PURE__*/React.forwardRef(function CardContent(props, ref) {\n  var classes = props.classes,\n      className = props.className,\n      _props$component = props.component,\n      Component = _props$component === void 0 ? 'div' : _props$component,\n      other = _objectWithoutProperties(props, [\"classes\", \"className\", \"component\"]);\n\n  return /*#__PURE__*/React.createElement(Component, _extends({\n    className: clsx(classes.root, className),\n    ref: ref\n  }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? CardContent.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 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,\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} : void 0;\nexport default withStyles(styles, {\n  name: 'MuiCardContent'\n})(CardContent);","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport { alpha, withStyles } from '@material-ui/core/styles';\nexport var styles = function styles(theme) {\n  return {\n    /* Styles applied to the root element. */\n    root: {\n      display: 'block',\n      // Create a \"on paper\" color with sufficient contrast retaining the color\n      backgroundColor: alpha(theme.palette.text.primary, theme.palette.type === 'light' ? 0.11 : 0.13),\n      height: '1.2em'\n    },\n\n    /* Styles applied to the root element if `variant=\"text\"`. */\n    text: {\n      marginTop: 0,\n      marginBottom: 0,\n      height: 'auto',\n      transformOrigin: '0 60%',\n      transform: 'scale(1, 0.60)',\n      borderRadius: theme.shape.borderRadius,\n      '&:empty:before': {\n        content: '\"\\\\00a0\"'\n      }\n    },\n\n    /* Styles applied to the root element if `variant=\"rect\"`. */\n    rect: {},\n\n    /* Styles applied to the root element if `variant=\"circle\"`. */\n    circle: {\n      borderRadius: '50%'\n    },\n\n    /* Styles applied to the root element if `animation=\"pulse\"`. */\n    pulse: {\n      animation: '$pulse 1.5s ease-in-out 0.5s infinite'\n    },\n    '@keyframes pulse': {\n      '0%': {\n        opacity: 1\n      },\n      '50%': {\n        opacity: 0.4\n      },\n      '100%': {\n        opacity: 1\n      }\n    },\n\n    /* Styles applied to the root element if `animation=\"wave\"`. */\n    wave: {\n      position: 'relative',\n      overflow: 'hidden',\n      '&::after': {\n        animation: '$wave 1.6s linear 0.5s infinite',\n        background: \"linear-gradient(90deg, transparent, \".concat(theme.palette.action.hover, \", transparent)\"),\n        content: '\"\"',\n        position: 'absolute',\n        transform: 'translateX(-100%)',\n        // Avoid flash during server-side hydration\n        bottom: 0,\n        left: 0,\n        right: 0,\n        top: 0\n      }\n    },\n    '@keyframes wave': {\n      '0%': {\n        transform: 'translateX(-100%)'\n      },\n      '60%': {\n        // +0.5s of delay between each loop\n        transform: 'translateX(100%)'\n      },\n      '100%': {\n        transform: 'translateX(100%)'\n      }\n    },\n\n    /* Styles applied when the component is passed children. */\n    withChildren: {\n      '& > *': {\n        visibility: 'hidden'\n      }\n    },\n\n    /* Styles applied when the component is passed children and no width. */\n    fitContent: {\n      maxWidth: 'fit-content'\n    },\n\n    /* Styles applied when the component is passed children and no height. */\n    heightAuto: {\n      height: 'auto'\n    }\n  };\n};\nvar Skeleton = /*#__PURE__*/React.forwardRef(function Skeleton(props, ref) {\n  var _props$animation = props.animation,\n      animation = _props$animation === void 0 ? 'pulse' : _props$animation,\n      classes = props.classes,\n      className = props.className,\n      _props$component = props.component,\n      Component = _props$component === void 0 ? 'span' : _props$component,\n      height = props.height,\n      _props$variant = props.variant,\n      variant = _props$variant === void 0 ? 'text' : _props$variant,\n      width = props.width,\n      other = _objectWithoutProperties(props, [\"animation\", \"classes\", \"className\", \"component\", \"height\", \"variant\", \"width\"]);\n\n  var hasChildren = Boolean(other.children);\n  return /*#__PURE__*/React.createElement(Component, _extends({\n    ref: ref,\n    className: clsx(classes.root, classes[variant], className, hasChildren && [classes.withChildren, !width && classes.fitContent, !height && classes.heightAuto], animation !== false && classes[animation])\n  }, other, {\n    style: _extends({\n      width: width,\n      height: height\n    }, other.style)\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Skeleton.propTypes = {\n  /**\n   * The animation.\n   * If `false` the animation effect is disabled.\n   */\n  animation: PropTypes.oneOf(['pulse', 'wave', false]),\n\n  /**\n   * Optional children to infer width and height from.\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 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   * Height of the skeleton.\n   * Useful when you don't want to adapt the skeleton to a text element but for instance a card.\n   */\n  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n  /**\n   * The type of content that will be rendered.\n   */\n  variant: PropTypes.oneOf(['text', 'rect', 'circle']),\n\n  /**\n   * Width of the skeleton.\n   * Useful when the skeleton is inside an inline element with no width of its own.\n   */\n  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n} : void 0;\nexport default withStyles(styles, {\n  name: 'MuiSkeleton'\n})(Skeleton);","import React from \"react\";\nimport Button from \"@material-ui/core/Button\";\nimport { Typography } from \"@material-ui/core\";\nimport { colors } from \"../../utility/Themes/colors\";\nimport { Link } from \"react-router-dom\";\n\nfunction CategoryBadge({ slug, children }) {\n  return (\n    <Button\n      component={Link}\n      to={slug}\n      variant=\"contained\"\n      size=\"small\"\n      style={{\n        borderRadius: \"0.3rem\",\n        backgroundColor: colors.lightBlue,\n        color: \"white\",\n        textDecoration: \"none\",\n        boxShadow: \"none\"\n      }}\n    >\n      <Typography variant=\"body2\" style={{ textTransform: \"none\", fontSize: \"0.8rem\" }}>\n        <b>{children}</b>\n      </Typography>\n    </Button>\n  );\n}\n\nexport default CategoryBadge;\n","import React from \"react\";\nimport Grid from \"@material-ui/core/Grid\";\nimport CategoryBadge from \"../../CategoryBadge/CategoryBadge\";\nimport Typography from \"@material-ui/core/Typography\";\nimport CardContent from \"@material-ui/core/CardContent\";\nimport SkeletonText from \"../../Skeletons/SkeletonText\";\n\nfunction FeaturedCategoryHeader({ slug, name }) {\n  return (\n    <CardContent>\n      <Grid container justify=\"space-between\" alignItems=\"center\">\n        <Grid item>\n          {name ? <CategoryBadge slug={slug}>{name}</CategoryBadge> : <SkeletonText width={120} />}\n        </Grid>\n        <Grid item>\n          {name ? (\n            <Typography variant=\"subtitle2\">Öne Çıkanlar</Typography>\n          ) : (\n            <SkeletonText width={80} />\n          )}\n        </Grid>\n      </Grid>\n    </CardContent>\n  );\n}\n\nexport default FeaturedCategoryHeader;\n","import React from \"react\";\nimport Skeleton from \"@material-ui/lab/Skeleton\";\n\nfunction SkeletonRect({ width, height, children }) {\n  return (\n    <Skeleton\n      variant=\"rect\"\n      width={width ? width : \"100%\"}\n      height={height ? height : 35}\n      animation={false}\n    >\n      {children}\n    </Skeleton>\n  );\n}\n\nexport default SkeletonRect;\n","import React from \"react\";\nimport Grid from \"@material-ui/core/Grid\";\nimport { makeStyles } from \"@material-ui/core\";\nimport Typography from \"@material-ui/core/Typography\";\nimport { Link } from \"react-router-dom\";\nimport SkeletonText from \"../../../Skeletons/SkeletonText\";\nimport SkeletonRect from \"../../../Skeletons/SkeletonRect\";\n\nconst useStyles = makeStyles({\n  link: {\n    textDecoration: \"none\"\n  },\n\n  image: {\n    height: \"4rem\",\n    backgroundSize: \"cover\",\n    backgroundPositionX: \"center\",\n    backgroundPositionY: \"top\",\n    backgroundRepeat: \"no-repeat\"\n  },\n\n  titleAndAuthor: {\n    paddingLeft: \"1rem\"\n  }\n});\n\nfunction FeaturedCategoryContent({ content }) {\n  const classes = useStyles();\n\n  return (\n    <Grid container direction=\"row\" spacing={0} alignItems=\"flex-start\">\n      {content.slug ? (\n        <Grid\n          component={Link}\n          to={content.slug}\n          item\n          xs={3}\n          className={classes.image}\n          style={{ backgroundImage: `url(${content.thumbnailSizeImageUrl})` }}\n        />\n      ) : (\n        <Grid item xs={3}>\n          <SkeletonRect height={60} />\n        </Grid>\n      )}\n      <Grid item xs={9} className={classes.titleAndAuthor}>\n        <Grid container direction=\"column\">\n          {content.slug ? (\n            <Typography\n              color=\"primary\"\n              component={Link}\n              to={content.slug}\n              variant=\"body2\"\n              className={classes.link}\n            >\n              <b>{content.title}</b>\n            </Typography>\n          ) : (\n            <SkeletonText height={25} />\n          )}\n          {content.author ? (\n            <Typography\n              color=\"primary\"\n              component={Link}\n              to={content.author.slug}\n              variant=\"body2\"\n              className={classes.link}\n            >\n              {content.author.shortenFullName}\n            </Typography>\n          ) : (\n            <SkeletonText width=\"30%\" height={25} />\n          )}\n        </Grid>\n      </Grid>\n    </Grid>\n  );\n}\n\nexport default FeaturedCategoryContent;\n","import React from \"react\";\nimport Grid from \"@material-ui/core/Grid\";\nimport CardContent from \"@material-ui/core/CardContent\";\nimport FeaturedCategoryContent from \"./FeaturedCategoryContent\";\n\nfunction FeaturedCategoryContents({ contents }) {\n  return (\n    <CardContent>\n      <Grid container spacing={2}>\n        {contents.map(c => (\n          <Grid item xs={12} key={c.id}>\n            <FeaturedCategoryContent content={c} />\n          </Grid>\n        ))}\n      </Grid>\n    </CardContent>\n  );\n}\n\nexport default FeaturedCategoryContents;\n","import React from \"react\";\nimport Card from \"@material-ui/core/Card\";\nimport FeaturedCategoryHeader from \"./FeaturedCategoryHeader\";\nimport FeaturedCategoryContents from \"./FeaturedCategoryContents/FeaturedCategoryContents\";\nimport Divider from \"@material-ui/core/Divider\";\nimport Grid from \"@material-ui/core/Grid\";\nimport { makeStyles } from \"@material-ui/core\";\n\nconst useStyles = makeStyles({\n  container: {\n    width: \"100%\"\n  }\n});\n\nfunction FeaturedCategory({ category, contents }) {\n  const classes = useStyles();\n\n  return (\n    <Grid item sm={6} lg={12} className={classes.container}>\n      <Card variant=\"outlined\">\n        <FeaturedCategoryHeader name={category.name} slug={category.slug} />\n        <Divider variant=\"fullWidth\" />\n        <FeaturedCategoryContents contents={contents} />\n      </Card>\n    </Grid>\n  );\n}\n\nexport default FeaturedCategory;\n","import React, { useEffect } from \"react\";\nimport Grid from \"@material-ui/core/Grid\";\nimport { makeStyles } from \"@material-ui/core\";\nimport { useAdvertisementService } from \"../../services/AdvertisementService\";\nimport { useCancelToken } from \"../../services/AxiosService\";\n\nconst useStyles = makeStyles({\n  container: {\n    width: \"100%\"\n  },\n\n  image: {\n    width: \"100%\",\n    \"&:hover\": {\n      cursor: \"pointer\"\n    }\n  }\n});\n\nfunction FeaturedAdvertisement({ advertisement }) {\n  const classes = useStyles();\n\n  const advertisementService = useAdvertisementService();\n  const [token, cancelToken] = useCancelToken();\n\n  useEffect(() => {\n    return function cleanup() {\n      cancelToken();\n    };\n  }, []);\n\n  function handleAdClick() {\n    advertisementService.Update(token, advertisement.id);\n    window.open(advertisement.targetUrl);\n  }\n\n  return (\n    <Grid item sm={6} lg={12} className={classes.container}>\n      <img src={advertisement.imageUrl} className={classes.image} onClick={handleAdClick} />\n    </Grid>\n  );\n}\n\nexport default FeaturedAdvertisement;\n","import React, { Fragment, useEffect, useState } from \"react\";\nimport Grid from \"@material-ui/core/Grid\";\nimport { useCategoriesService } from \"../../services/CategoriesService\";\nimport FeaturedCategory from \"./FeaturedCategory/FeaturedCategory\";\nimport { useCancelToken } from \"../../services/AxiosService\";\nimport FeaturedAdvertisement from \"./FeaturedAdvertisement\";\n\nconst initialCategoriesState = [\n  {\n    category: {\n      id: 1\n    },\n    contents: [\n      {\n        id: 1\n      },\n      {\n        id: 2\n      },\n      {\n        id: 3\n      },\n      {\n        id: 4\n      },\n      {\n        id: 5\n      }\n    ]\n  },\n  {\n    category: {\n      id: 2\n    },\n    contents: [\n      {\n        id: 1\n      },\n      {\n        id: 2\n      },\n      {\n        id: 3\n      },\n      {\n        id: 4\n      },\n      {\n        id: 5\n      }\n    ]\n  },\n  {\n    category: {\n      id: 3\n    },\n    contents: [\n      {\n        id: 1\n      },\n      {\n        id: 2\n      },\n      {\n        id: 3\n      },\n      {\n        id: 4\n      },\n      {\n        id: 5\n      }\n    ]\n  },\n  {\n    category: {\n      id: 4\n    },\n    contents: [\n      {\n        id: 1\n      },\n      {\n        id: 2\n      },\n      {\n        id: 3\n      },\n      {\n        id: 4\n      },\n      {\n        id: 5\n      }\n    ]\n  }\n];\n\nfunction FeaturedCategories() {\n  const [categories, setCategories] = useState(initialCategoriesState);\n  const [advertisements, setAdvertisements] = useState(null);\n  const categoriesService = useCategoriesService();\n  const [token, cancelToken] = useCancelToken();\n\n  useEffect(() => {\n    categoriesService.GetFeaturedCategories(token).then(r => {\n      setCategories(r.featuredCategoryContents);\n      setAdvertisements(r.advertisements);\n    });\n\n    return function cleanup() {\n      cancelToken();\n    };\n  }, []);\n\n  return (\n    <Grid container direction=\"row\" spacing={2}>\n      {categories &&\n        categories.length > 0 &&\n        categories.map((c, i) => {\n          let adsRender;\n\n          if (advertisements && advertisements.length > 0) {\n            adsRender = advertisements\n              .filter(a => a.priority === i)\n              .map(a => <FeaturedAdvertisement key={a.id} advertisement={a} />);\n          }\n\n          return (\n            <Fragment key={c.category.id}>\n              {adsRender}\n              <FeaturedCategory category={c.category} contents={c.contents} />\n            </Fragment>\n          );\n        })}\n      {advertisements &&\n        advertisements.length > 0 &&\n        advertisements\n          .filter(a => a.priority >= categories.length)\n          .map(a => <FeaturedAdvertisement key={a.id} advertisement={a} />)}\n    </Grid>\n  );\n}\n\nexport default FeaturedCategories;\n"],"sourceRoot":""}