{"version":3,"sources":["webpack:///./node_modules/@material-ui/core/esm/Card/Card.js","webpack:///./src/components/Products/Software/TocList-Software-InstarVision-WP.jsx","webpack:///./src/pages/Software/Windows/InstarVision/Windows_Phone/index.jsx","webpack:///./src/assets/images/TOC_Icons/QL-Box_iOS_InstarVision_DDNS.png","webpack:///./node_modules/@material-ui/core/esm/CardMedia/CardMedia.js","webpack:///./src/components/Products/Software/TocList-Software-InstarVision-WP-QR.jsx","webpack:///./src/assets/images/TOC_Icons/QL-Box_iOS_InstarVision_Recording.png","webpack:///./src/assets/images/Software/Qrcode_Microsoft-AppStore.png","webpack:///./src/assets/images/TOC_Icons/QL-Box_iOS_InstarVision_P2P.png","webpack:///./src/assets/images/TOC_Icons/QL-Box_iOS_InstarVision_Settings.png","webpack:///./src/assets/images/TOC_Icons/QL-Box_iOS_InstarVision_Multiview.png","webpack:///./node_modules/@material-ui/core/esm/CardActions/CardActions.js","webpack:///./node_modules/@material-ui/core/esm/CardContent/CardContent.js"],"names":["Card","props","ref","classes","className","_props$raised","raised","other","root","elevation","overflow","name","withStyles","card","display","marginBottom","cursor","details","flexDirection","content","flex","cover","minWidth","height","margin","onClick","navigate","role","tabIndex","onKeyDown","CardMedia","image","DDNS","title","CardContent","Typography","variant","color","P2P","Multiview","Recording","Settings","seodata","marginTop","WindowsPhone","Fragment","SEOHelmet","description","location","pathname","pills","pill","link","href","target","rel","previousTitle","previousLink","nextTitle","nextLink","module","exports","MEDIA_COMPONENTS","children","_props$component","component","Component","src","style","isMediaComponent","indexOf","composedStyle","backgroundImage","concat","media","img","undefined","backgroundSize","backgroundRepeat","backgroundPosition","width","objectFit","buttonstyle","background","presets","brand","veryLightGrey","boxShadow","maxWidth","QR","gutterBottom","size","CardActions","_props$disableSpacing","disableSpacing","spacing","alignItems","padding","marginLeft","paddingBottom"],"mappings":"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","file":"component---src-pages-software-windows-instar-vision-windows-phone-index-jsx-88a79c60470162f00a97.js","sourcesContent":["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 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\" ? void 0 : void 0;\nexport default withStyles(styles, {\n  name: 'MuiCard'\n})(Card);","import React from 'react'\nimport { navigate } from 'gatsby'\nimport PropTypes from 'prop-types'\n\nimport { withStyles } from '@material-ui/core/styles'\n\nimport Card from '@material-ui/core/Card'\nimport CardContent from '@material-ui/core/CardContent'\nimport CardMedia from '@material-ui/core/CardMedia'\nimport Typography from '@material-ui/core/Typography'\n\nimport DDNS from \"../../../assets/images/TOC_Icons/QL-Box_iOS_InstarVision_DDNS.png\"\nimport P2P from \"../../../assets/images/TOC_Icons/QL-Box_iOS_InstarVision_P2P.png\"\nimport Multiview from \"../../../assets/images/TOC_Icons/QL-Box_iOS_InstarVision_Multiview.png\"\nimport Recording from \"../../../assets/images/TOC_Icons/QL-Box_iOS_InstarVision_Recording.png\"\nimport Settings from \"../../../assets/images/TOC_Icons/QL-Box_iOS_InstarVision_Settings.png\"\n\nconst styles = {\n  card: {\n    display: 'flex',\n    marginBottom: 10,\n    cursor: 'pointer',\n  },\n  details: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  content: {\n    flex: '1 0 auto',\n  },\n  cover: {\n    minWidth: 75,\n    height: 75,\n    margin: '20px 10px 0 10px'\n  },\n}\n\nfunction TOCList(props) {\n  const { classes } = props;\n\n  return (\n    <div>\n      <div onClick={() => navigate('/Software/Windows/InstarVision/Windows_Phone/DDNS/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Software/Windows/InstarVision/Windows_Phone/DDNS/')}>\n        <Card className={classes.card}>\n          <CardMedia\n            className={classes.cover}\n            image={DDNS}\n            title=\"DDNS Remote Access\"\n          />\n          <div className={classes.details}>\n            <CardContent className={classes.content}>\n              <Typography variant=\"h6\">DDNS Remote Access</Typography>\n              <Typography variant=\"caption\" color=\"textSecondary\">\n                The DDNS Access gives you full access to all your cameras functions. As well as allowing you to access its web user interface through your browser ... more...\n              </Typography>\n            </CardContent>\n          </div>\n        </Card>\n      </div>\n      <div onClick={() => navigate('/Software/Windows/InstarVision/Windows_Phone/P2P/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Software/Windows/InstarVision/Windows_Phone/P2P/')}>\n        <Card className={classes.card}>\n          <CardMedia\n            className={classes.cover}\n            image={P2P}\n            title=\"P2P\"\n          />\n          <div className={classes.details}>\n            <CardContent className={classes.content}>\n              <Typography variant=\"h6\">P2P Remote Access</Typography>\n              <Typography variant=\"caption\" color=\"textSecondary\">\n                The P2P Access does not give you full access to all your cameras functions. But you don´t need to forward a port inside your router and P2P also works ... more...\n              </Typography>\n            </CardContent>\n          </div>\n        </Card>\n      </div>\n      <div onClick={() => navigate('/Software/Windows/InstarVision/Windows_Phone/Multiview/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Software/Windows/InstarVision/Windows_Phone/Multiview/')}>\n        <Card className={classes.card}>\n          <CardMedia\n            className={classes.cover}\n            image={Multiview}\n            title=\"Camera Multiview\"\n          />\n          <div className={classes.details}>\n            <CardContent className={classes.content}>\n              <Typography variant=\"h6\">Camera Multiview</Typography>\n              <Typography variant=\"caption\" color=\"textSecondary\">\n                Keep an eye on all your cameras in the Multiview Menu. Click on any camera to access their video live stream and control them via function buttons. more...\n              </Typography>\n            </CardContent>\n          </div>\n        </Card>\n      </div>\n      <div onClick={() => navigate('/Software/Windows/InstarVision/Windows_Phone/Recording/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Software/Windows/InstarVision/Windows_Phone/Recording/')}>\n        <Card className={classes.card}>\n          <CardMedia\n            className={classes.cover}\n            image={Recording}\n            title=\"Video Recording\"\n          />\n          <div className={classes.details}>\n            <CardContent className={classes.content}>\n              <Typography variant=\"h6\">Video Recording</Typography>\n              <Typography variant=\"caption\" color=\"textSecondary\">\n                Videos recorded to your smartphones memory and videos on your cameras internal SD Card can be accessed through the Recording Menu. more...\n              </Typography>\n            </CardContent>\n          </div>\n        </Card>\n      </div>\n      <div onClick={() => navigate('/Software/Windows/InstarVision/Windows_Phone/Settings/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Software/Windows/InstarVision/Windows_Phone/Settings/')}>\n        <Card className={classes.card}>\n          <CardMedia\n            className={classes.cover}\n            image={Settings}\n            title=\"General App Settings\"\n          />\n          <div className={classes.details}>\n            <CardContent className={classes.content}>\n              <Typography variant=\"h6\">General App Settings</Typography>\n              <Typography variant=\"caption\" color=\"textSecondary\">\n                Adjust your apps global Settings for your app and all your cameras, create Backups and access the in-App Help Section with explanations for all function buttons. more...\n              </Typography>\n            </CardContent>\n          </div>\n        </Card>\n      </div>\n    </div>\n  );\n}\n\nTOCList.propTypes = {\n  classes: PropTypes.object.isRequired,\n}\n\nexport default withStyles(styles)(TOCList)","import React from 'react'\n\nimport SEOHelmet from '../../../../../components/Layout/SEOHelmet'\nimport Footer from \"../../../../../components/Layout/footer\"\nimport BreadCrumbs from '../../../../../components/Layout/breadcrumbs/breadcrumbs'\nimport TocList from '../../../../../components/Products/Software/TocList-Software-InstarVision-WP'\nimport QRCode from '../../../../../components/Products/Software/TocList-Software-InstarVision-WP-QR'\n\nconst seodata = {\n  title: 'InstarVision for Windows Phone',\n  description: 'The Windows app InstarVision for your Windows Phone. Control your camera when you don´t have access to your PC.',\n  image: '/images/Search/P_SearchThumb_InstarVision_WP.png'\n};\n\n// export default (props) => (\n\nfunction WindowsPhone(props) {\n  return (\n          \n    <React.Fragment>\n      <SEOHelmet title={seodata.title} description={seodata.description} image={seodata.image} location={props.location.pathname} />\n      <h1 css={{ marginTop: 0 }}>InstarVision Surveillance Center</h1>\n\n      <BreadCrumbs\n        pills={\n          [\n            {\n              pill: \"Home\",\n              link: \"/fr/\"\n            },\n            {\n              pill: \"Software\",\n              link: \"/fr/Software/\"\n            },\n            {\n              pill: \"Windows\",\n              link: \"/fr/Software/Windows/\"\n            },\n            {\n              pill: \"Windows Phone\",\n              link: \"/fr/Software/Windows/InstarVision/Windows_Phone/\"\n            },\n          ]\n        } />\n\n        <h2>InstarVision pour Windows Phone</h2>\n        <p>Pour accéder à votre caméra IP avec notre App Windows Phone <em>InstarVision</em>, nous vous recommandons de télécharger d&apos;abord la nouvelle version dans le <a href=\"https://www.microsoft.com/de-de/store/p/instarvision/9nblggh10wtp\" target=\"_blank\" rel=\"noopener noreferrer\">Store Microsoft</a>. Utilisez le mot de recherche <em>Instar</em> pour trouver notre app.</p>\n        <h3>Vue d&apos;ensemble sur les menus d&apos;applications</h3>\n        <TocList />\n        <br/>\n        <br/>\n        <h3>Télécharger</h3>\n        <QRCode />\n        <br />\n        <br />\n      <Footer\n        previousTitle=\"Windows Software\"\n        previousLink=\"/fr/Software/Windows/\"\n        nextTitle=\"InstarVision (Metro)\"\n        nextLink=\"/fr/Software/Windows/InstarVision/Metro/\" />\n    </React.Fragment>\n  )\n}\n\nexport default WindowsPhone","module.exports = __webpack_public_path__ + \"static/QL-Box_iOS_InstarVision_DDNS-e9004a5a1d6904e2b75b7a4849d2f352.png\";","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 { chainPropTypes } from '@material-ui/utils';\nimport withStyles from '../styles/withStyles';\nexport var styles = {\n  /* Styles applied to the root element. */\n  root: {\n    display: 'block',\n    backgroundSize: 'cover',\n    backgroundRepeat: 'no-repeat',\n    backgroundPosition: 'center'\n  },\n\n  /* Styles applied to the root element if `component=\"video, audio, picture, iframe, or img\"`. */\n  media: {\n    width: '100%'\n  },\n\n  /* Styles applied to the root element if `component=\"picture or img\"`. */\n  img: {\n    // ⚠️ object-fit is not supported by IE 11.\n    objectFit: 'cover'\n  }\n};\nvar MEDIA_COMPONENTS = ['video', 'audio', 'picture', 'iframe', 'img'];\nvar CardMedia = /*#__PURE__*/React.forwardRef(function CardMedia(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 ? 'div' : _props$component,\n      image = props.image,\n      src = props.src,\n      style = props.style,\n      other = _objectWithoutProperties(props, [\"children\", \"classes\", \"className\", \"component\", \"image\", \"src\", \"style\"]);\n\n  var isMediaComponent = MEDIA_COMPONENTS.indexOf(Component) !== -1;\n  var composedStyle = !isMediaComponent && image ? _extends({\n    backgroundImage: \"url(\\\"\".concat(image, \"\\\")\")\n  }, style) : style;\n  return /*#__PURE__*/React.createElement(Component, _extends({\n    className: clsx(classes.root, className, isMediaComponent && classes.media, \"picture img\".indexOf(Component) !== -1 && classes.img),\n    ref: ref,\n    style: composedStyle,\n    src: isMediaComponent ? image || src : undefined\n  }, other), children);\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n  name: 'MuiCardMedia'\n})(CardMedia);","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { withStyles } from '@material-ui/core/styles'\n// import withRoot from '../../../utils/withRoot'\nimport Card from '@material-ui/core/Card'\nimport CardContent from '@material-ui/core/CardContent'\nimport CardMedia from '@material-ui/core/CardMedia'\nimport CardActions from '@material-ui/core/CardActions'\nimport Typography from '@material-ui/core/Typography'\nimport Button from '@material-ui/core/Button'\n\nimport presets from \"../../../utils/presets\"\n\nimport QR from '../../../assets/images/Software/Qrcode_Microsoft-AppStore.png'\n\nconst buttonstyle = {\n  background: presets.brand,\n  color: presets.veryLightGrey,\n  boxShadow: '0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12)'\n}\n\nconst styles = {\n  card: {\n    maxWidth: 345,\n  },\n  media: {\n    height: 300\n  },\n};\n\nfunction SimpleMediaCard(props) {\n  const { classes } = props;\n  return (\n    <div>\n      <Card className={classes.card}>\n        <CardMedia\n          className={classes.media}\n          image={QR}\n          title=\"Windows Store Link\"\n        />\n        <CardContent>\n          <Typography gutterBottom variant=\"h5\" component=\"h2\">\n            Windows Store Link\n          </Typography>\n          <Typography component=\"p\">\n            You can use a QR Reader to install our App. Or just click the image to be directed to the Microsoft Store.\n          </Typography>\n        </CardContent>\n        <CardActions>\n          <Button href=\"https://www.microsoft.com/de-de/store/p/instarvision/9nblggh10wtp\" target=\"_blank\" variant=\"contained\" size=\"small\" style={buttonstyle}>\n            Microsoft Store\n          </Button>\n          <Button href=\"https://www.microsoft.com/en-us/store/p/qr-code-reader/9wzdncrfj1s9\" target=\"_blank\" variant=\"contained\" size=\"small\" style={buttonstyle}>\n            QR Reader\n          </Button>\n        </CardActions>\n      </Card>\n    </div>\n  );\n}\n\nSimpleMediaCard.propTypes = {\n  classes: PropTypes.object.isRequired,\n}\n\n// export default withRoot(withStyles(styles)(SimpleMediaCard))\nexport default withStyles(styles)(SimpleMediaCard)","module.exports = __webpack_public_path__ + \"static/QL-Box_iOS_InstarVision_Recording-73ce9869d1861feb1d7fb440d927ba1d.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIAQMAAACXljzdAAAABlBMVEX///8AAABVwtN+AAAACXBIWXMAAA7EAAAOxAGVKw4bAAABy0lEQVRYw+2Xu63DMAxFKbhQqRG0ibWYARvQYtYmGkGlCkN8l8znxakTpkgEB7FxXBD38mei3/mqE5m5z7SWNlVaKyU8N1uCX3e8pbZQnypeImdMPNdOIQ95aSGaA5dPEJq4raJO/xBxkIZWxhv0NiIuQIMdQcjTkz8WRDMx5NKW6HPtzzn6fqJnDgcu0vDOx4DEnuAPHxS4ytODOlaEdyRJm/awoRqZC/tBpgTSEPw50BIi0hRCUWq2hLl6ZIXm6CQEt6Ykojh7auuOduQ3ub3F9lpCPLQENRPRHcp/IRiR2F2F+XJV5KO4YEwIPVEDCweEin6ne3hWpF8m4IxaYFzoT8mWRDFlYAtALfRVkpKMCUEPRLOgBhjQj3DrSFYkag8KmZEenBlCebYl0g9kCyjYAuBPdw/181IC3b10Gum98MTJBmhLMHVx5cJHvChyzwMrwhg3CbqQqgML/L0rGxEJaIRNAvJajTSbE4kN6mSWTQjbwLAluovhX2YwLMI47mRM9OujYQOBRZPGdvr+MSCyk19Hv0dXgD/ufQQrAOYP69Zxy0RTohocOn/KOTYLIi5cN2+o8/y1a0EuU3eZtR9IYZ5y1ID8zu/QHyw3DQsrOhkpAAAAAElFTkSuQmCC\"","module.exports = __webpack_public_path__ + \"static/QL-Box_iOS_InstarVision_P2P-7cba36d10534ed127f7fa57a1a5a84d7.png\";","module.exports = __webpack_public_path__ + \"static/QL-Box_iOS_InstarVision_Settings-882e8d21c6f802b4d743b00f1c01ca72.png\";","module.exports = __webpack_public_path__ + \"static/QL-Box_iOS_InstarVision_Multiview-04379ce1a023a366adb955754da0d2dd.png\";","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 withStyles from '../styles/withStyles';\nexport var styles = {\n  /* Styles applied to the root element. */\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    padding: 8\n  },\n\n  /* Styles applied to the root element if `disableSpacing={false}`. */\n  spacing: {\n    '& > :not(:first-child)': {\n      marginLeft: 8\n    }\n  }\n};\nvar CardActions = /*#__PURE__*/React.forwardRef(function CardActions(props, ref) {\n  var _props$disableSpacing = props.disableSpacing,\n      disableSpacing = _props$disableSpacing === void 0 ? false : _props$disableSpacing,\n      classes = props.classes,\n      className = props.className,\n      other = _objectWithoutProperties(props, [\"disableSpacing\", \"classes\", \"className\"]);\n\n  return /*#__PURE__*/React.createElement(\"div\", _extends({\n    className: clsx(classes.root, className, !disableSpacing && classes.spacing),\n    ref: ref\n  }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n  name: 'MuiCardActions'\n})(CardActions);","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 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\" ? void 0 : void 0;\nexport default withStyles(styles, {\n  name: 'MuiCardContent'\n})(CardContent);"],"sourceRoot":""}