{"version":3,"sources":["../node_modules/@material-ui/core/esm/Divider/Divider.js","components/InterestingContents/InterestingContents.js"],"names":["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","variant","other","_objectWithoutProperties","_extends","clsx","root","vertical","withStyles","theme","height","margin","border","flexShrink","backgroundColor","palette","divider","position","bottom","left","width","inset","marginLeft","alpha","middle","spacing","marginRight","alignSelf","name","TimelineContent","lazy","InterestingAdvertisement","InterestingContentSmall","InterestingContents","useState","contents","setContents","advertisements","setAdvertisements","contentsService","useContentsService","useCancelToken","token","cancelToken","useTheme","isWidthMediumDown","useMediaQuery","breakpoints","down","useEffect","GetInterestingContents","then","r","timelineContents","contentsAndAdvertisementsRender","map","content","index","adsRender","contentsRender","contentCountToSkip","length","filter","a","priority","fallback","key","id","advertisement","item","xs","sm","lg","mdDown","container","direction","style","paddingTop","paddingBottom"],"mappings":"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","file":"static/js/42.1be8c977.chunk.js","sourcesContent":["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 React, { Fragment, lazy, Suspense, useEffect, useState } from \"react\";\nimport Grid from \"@material-ui/core/Grid\";\nimport { useContentsService } from \"../../services/ContentsService\";\nimport Typography from \"@material-ui/core/Typography\";\nimport Divider from \"@material-ui/core/Divider\";\nimport { useCancelToken } from \"../../services/AxiosService\";\nimport Hidden from \"@material-ui/core/Hidden\";\nimport { useMediaQuery, useTheme } from \"@material-ui/core\";\nconst TimelineContent = lazy(() => import(\"../Timeline/TimelineContent\"));\nconst InterestingAdvertisement = lazy(() => import(\"./InterestingAdvertisement\"));\nconst InterestingContentSmall = lazy(() => import(\"./InterestingContentSmall\"));\n\nfunction InterestingContents() {\n  const [contents, setContents] = useState(null);\n  const [advertisements, setAdvertisements] = useState(null);\n  const contentsService = useContentsService();\n  const [token, cancelToken] = useCancelToken();\n\n  const theme = useTheme();\n  const isWidthMediumDown = useMediaQuery(theme.breakpoints.down(\"md\"));\n\n  useEffect(() => {\n    contentsService.GetInterestingContents(token).then(r => {\n      setContents(r.timelineContents);\n      setAdvertisements(r.advertisements);\n    });\n\n    return function cleanup() {\n      cancelToken();\n    };\n  }, []);\n\n  const contentsAndAdvertisementsRender =\n    contents &&\n    contents.map((content, index) => {\n      let contentCountToSkip = isWidthMediumDown ? 2 : 9;\n      let adsRender;\n\n      if (advertisements && advertisements.length > 0) {\n        adsRender = advertisements\n          .filter(a => a.priority * contentCountToSkip === index)\n          .map(a => (\n            <Suspense fallback={<div />}>\n              <InterestingAdvertisement key={a.id} advertisement={a} />\n            </Suspense>\n          ));\n      }\n\n      let contentsRender;\n      if (index < 3 || (index > 8 && index < 12))\n        contentsRender = (\n          <Grid item xs={12} sm={6} lg={4} key={content.id}>\n            <Suspense fallback={<div />}>\n              <TimelineContent content={content} />\n            </Suspense>\n          </Grid>\n        );\n      else\n        contentsRender = (\n          <Hidden mdDown key={content.id}>\n            <Grid item xs={12} lg={4}>\n              <Suspense fallback={<div />}>\n                <InterestingContentSmall content={content} />\n              </Suspense>\n            </Grid>\n          </Hidden>\n        );\n\n      return (\n        <Fragment key={content.id}>\n          {adsRender}\n          {contentsRender}\n        </Fragment>\n      );\n    });\n\n  return (\n    <>\n      <Grid\n        container\n        direction=\"column\"\n        spacing={2}\n        style={{ paddingTop: \"4rem\", paddingBottom: \"1rem\" }}\n      >\n        <Grid item>\n          <Typography variant=\"h5\">İLGİNİZİ ÇEKEBİLİR</Typography>\n        </Grid>\n        <Grid item>\n          <Divider variant=\"fullWidth\" />\n        </Grid>\n      </Grid>\n      <Grid container spacing={2}>\n        {contentsAndAdvertisementsRender}\n      </Grid>\n    </>\n  );\n}\n\nexport default InterestingContents;\n"],"sourceRoot":""}