{"version":3,"file":"component---src-pages-mode-of-use-js-6f1dd524305a9b6ecfca.js","mappings":"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","sources":["webpack://baja-tu-seguro/./node_modules/react-bootstrap/esm/AccordionContext.js","webpack://baja-tu-seguro/./node_modules/react-bootstrap/esm/AccordionToggle.js","webpack://baja-tu-seguro/./node_modules/react-bootstrap/esm/AccordionCollapse.js","webpack://baja-tu-seguro/./node_modules/react-bootstrap/esm/Accordion.js","webpack://baja-tu-seguro/./src/assets/images/mobile/CEL.png","webpack://baja-tu-seguro/./src/assets/videos/mode-of-use/poster.jpg","webpack://baja-tu-seguro/./src/assets/videos/mode-of-use/registro_de_datos.mp4","webpack://baja-tu-seguro/./src/assets/videos/mode-of-use/adminstrar_polizas.mp4","webpack://baja-tu-seguro/./src/assets/videos/mode-of-use/anadir_una_poliza.mp4","webpack://baja-tu-seguro/./src/assets/videos/mode-of-use/compartir_polizas.mp4","webpack://baja-tu-seguro/./src/assets/videos/mode-of-use/cotizar_polizas.mp4","webpack://baja-tu-seguro/./src/assets/videos/mode-of-use/reportar_siniestro_de_auto.mp4","webpack://baja-tu-seguro/./src/components/pages/mode-of-use/VideoTabs.jsx","webpack://baja-tu-seguro/./src/pages/mode-of-use.js","webpack://baja-tu-seguro/./src/assets/images/circle.png","webpack://baja-tu-seguro/./node_modules/@babel/runtime/helpers/esm/objectDestructuringEmpty.js"],"sourcesContent":["import React from 'react';\nvar context = /*#__PURE__*/React.createContext(null);\ncontext.displayName = 'AccordionContext';\nexport default context;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nvar _excluded = [\"as\", \"children\", \"eventKey\", \"onClick\"];\nimport React, { useContext } from 'react';\nimport SelectableContext from './SelectableContext';\nimport AccordionContext from './AccordionContext';\nexport function useAccordionToggle(eventKey, onClick) {\n var contextEventKey = useContext(AccordionContext);\n var onSelect = useContext(SelectableContext);\n return function (e) {\n /*\n Compare the event key in context with the given event key.\n If they are the same, then collapse the component.\n */\n var eventKeyPassed = eventKey === contextEventKey ? null : eventKey;\n if (onSelect) onSelect(eventKeyPassed, e);\n if (onClick) onClick(e);\n };\n}\nvar AccordionToggle = /*#__PURE__*/React.forwardRef(function (_ref, ref) {\n var _ref$as = _ref.as,\n Component = _ref$as === void 0 ? 'button' : _ref$as,\n children = _ref.children,\n eventKey = _ref.eventKey,\n onClick = _ref.onClick,\n props = _objectWithoutPropertiesLoose(_ref, _excluded);\n\n var accordionOnClick = useAccordionToggle(eventKey, onClick);\n\n if (Component === 'button') {\n props.type = 'button';\n }\n\n return /*#__PURE__*/React.createElement(Component, _extends({\n ref: ref,\n onClick: accordionOnClick\n }, props), children);\n});\nexport default AccordionToggle;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nvar _excluded = [\"children\", \"eventKey\"];\nimport React, { useContext } from 'react';\nimport Collapse from './Collapse';\nimport AccordionContext from './AccordionContext';\nimport SelectableContext from './SelectableContext';\nvar AccordionCollapse = /*#__PURE__*/React.forwardRef(function (_ref, ref) {\n var children = _ref.children,\n eventKey = _ref.eventKey,\n props = _objectWithoutPropertiesLoose(_ref, _excluded);\n\n var contextEventKey = useContext(AccordionContext); // Empty SelectableContext is to prevent elements in the collapse\n // from collapsing the accordion when clicked.\n\n return /*#__PURE__*/React.createElement(SelectableContext.Provider, {\n value: null\n }, /*#__PURE__*/React.createElement(Collapse, _extends({\n ref: ref,\n in: contextEventKey === eventKey\n }, props), /*#__PURE__*/React.createElement(\"div\", null, React.Children.only(children))));\n});\nAccordionCollapse.displayName = 'AccordionCollapse';\nexport default AccordionCollapse;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nvar _excluded = [\"as\", \"activeKey\", \"bsPrefix\", \"children\", \"className\", \"onSelect\"];\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useUncontrolled } from 'uncontrollable';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport AccordionToggle from './AccordionToggle';\nimport SelectableContext from './SelectableContext';\nimport AccordionCollapse from './AccordionCollapse';\nimport AccordionContext from './AccordionContext';\nvar Accordion = /*#__PURE__*/React.forwardRef(function (props, ref) {\n var _useUncontrolled = useUncontrolled(props, {\n activeKey: 'onSelect'\n }),\n _useUncontrolled$as = _useUncontrolled.as,\n Component = _useUncontrolled$as === void 0 ? 'div' : _useUncontrolled$as,\n activeKey = _useUncontrolled.activeKey,\n bsPrefix = _useUncontrolled.bsPrefix,\n children = _useUncontrolled.children,\n className = _useUncontrolled.className,\n onSelect = _useUncontrolled.onSelect,\n controlledProps = _objectWithoutPropertiesLoose(_useUncontrolled, _excluded);\n\n var finalClassName = classNames(className, useBootstrapPrefix(bsPrefix, 'accordion'));\n return /*#__PURE__*/React.createElement(AccordionContext.Provider, {\n value: activeKey || null\n }, /*#__PURE__*/React.createElement(SelectableContext.Provider, {\n value: onSelect || null\n }, /*#__PURE__*/React.createElement(Component, _extends({\n ref: ref\n }, controlledProps, {\n className: finalClassName\n }), children)));\n});\nAccordion.displayName = 'Accordion';\nAccordion.Toggle = AccordionToggle;\nAccordion.Collapse = AccordionCollapse;\nexport default Accordion;","export default __webpack_public_path__ + \"static/CEL-0dd50f3834a93f71049b4718915a9cb6.png\";","export default __webpack_public_path__ + \"static/poster-b39105bad6fe914ee0c964dfcbccf045.jpg\";","export default __webpack_public_path__ + \"static/registro_de_datos-d6258ffe72c2b5a6acdaff45cfced17a.mp4\";","export default __webpack_public_path__ + \"static/adminstrar_polizas-7aa8f6f9b2dcdfb1cdd6728a5c0bc34e.mp4\";","export default __webpack_public_path__ + \"static/anadir_una_poliza-f550b51dac6d98355ca6f513f3653e7d.mp4\";","export default __webpack_public_path__ + \"static/compartir_polizas-7fe39344b8176a981cfca260be325b46.mp4\";","export default __webpack_public_path__ + \"static/cotizar_polizas-46aa3cfa77ce7fbb727b19660f94a6e1.mp4\";","export default __webpack_public_path__ + \"static/reportar_siniestro_de_auto-e73b02816c859e880d72fb807569f805.mp4\";","import React, { useState } from \"react\";\nimport styled from \"styled-components\";\n\nimport { Accordion } from \"react-bootstrap\";\n\nimport circle from \"../../../assets/images/circle.png\";\nimport MOB_BG from \"../../../assets/images/mobile/CEL.png\";\nimport POSTER from \"../../../assets/videos/mode-of-use/poster.jpg\";\n\nimport REGISTRO_DE_DATOS from \"../../../assets/videos/mode-of-use/registro_de_datos.mp4\";\nimport ADMINISTRAR from \"../../../assets/videos/mode-of-use/adminstrar_polizas.mp4\";\nimport ANADIR from \"../../../assets/videos/mode-of-use/anadir_una_poliza.mp4\";\nimport COMPARTIR from \"../../../assets/videos/mode-of-use/compartir_polizas.mp4\";\nimport COTIZAR from \"../../../assets/videos/mode-of-use/cotizar_polizas.mp4\";\nimport REPORTAR_SINIESTRO from \"../../../assets/videos/mode-of-use/reportar_siniestro_de_auto.mp4\";\n\nconst SectionWrapper = styled.section`\n\tpadding: 6%;\n\tmin-height: 830px;\n\tposition: relative;\n\n\t.main-title {\n\t\tcolor: #5268c2;\n\t\tfont-size: 4.5em;\n\t\tfont-weight: 700;\n\t\ttext-align: left;\n\t\tmargin-bottom: 0px !important;\n\t\t@media only screen and (max-width: 700px) {\n\t\t\tfont-size: 3em;\n\t\t}\n\t}\n\t.main-subtitle {\n\t\tfont-size: 4em !important;\n\t\tcolor: #5268c2;\n\t\tmargin-bottom: 20px !important;\n\t\t@media only screen and (max-width: 700px) {\n\t\t\tfont-size: 2em !important;\n\t\t}\n\t}\n\t.accordion {\n\t\tposition: relative;\n\t\tmargin-bottom: 30px;\n\t\tmargin-left: 60px;\n\t\tbutton {\n\t\t\tcolor: #bdc5e2;\n\t\t\tfont-size: 22px;\n\t\t\tfont-weight: 800;\n\t\t\tbackground: transparent;\n\t\t\tborder: none;\n\t\t\tpadding: 0;\n\t\t}\n\n\t\t.subtitle {\n\t\t\ttext-align: left;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tfont-size: 20px;\n\t\t\tcolor: ##444444;\n\t\t\tfont-weight: 500;\n\t\t}\n\n\t\t.desc {\n\t\t\tcolor: #858585;\n\t\t\tfont-size: 18px;\n\t\t\tmax-width: 800px;\n\t\t}\n\n\t\t.mark {\n\t\t\tposition: absolute;\n\t\t\tleft: -55px;\n\t\t\theight: 12px;\n\t\t\ttop: 12px;\n\t\t\twidth: 43px;\n\t\t\tbackground: #3cdbc0;\n\t\t}\n\t}\n\t.active {\n\t\tbutton {\n\t\t\tcolor: #5268c2;\n\t\t}\n\t}\n\t.mobile-container {\n\t\tposition: relative;\n\t\twidth: 400px;\n\t\theight: 800px;\n\t\tfilter: drop-shadow(0 0 35px #5268c2);\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: block;\n\t\t\tbackground: url(\"${MOB_BG}\") no-repeat transparent;\n\t\t\twidth: 100%;\n\t\t\theight: inherit;\n\t\t\tbackground-size: 400px;\n\t\t\tleft: 0px;\n\t\t\ttop: 0px;\n\t\t\tposition: absolute;\n\t\t\tz-index: 1;\n\t\t}\n\t\tvideo {\n\t\t\tbackground: black;\n\t\t\tposition: absolute;\n\t\t\tcursor: pointer;\n\t\t\tborder-radius: 20px;\n\t\t\ttop: 38px;\n\t\t\tleft: 42px;\n\t\t\tz-index: 0;\n\t\t\theight: 685px;\n\t\t\twidth: 315px;\n\t\t}\n\t}\n\t.circle-img1 {\n\t\tposition: absolute;\n\t\twidth: 250px;\n\t\ttop: -60px;\n\t\tleft: 0%;\n\t\tz-index: -3;\n\t}\n\t.circle-img2 {\n\t\tposition: absolute;\n\t\twidth: 350px;\n\t\tbottom: -60px;\n\t\tright: 0%;\n\t\tz-index: -3;\n\t}\n`;\n\nconst ModeOfUse_Tabs = [\n\t{\n\t\tid: \"registro_de_datos\",\n\t\ttitle: \"Registro de datos\",\n\t\tdesc: \"Te llevamos de una manera simple a como registrar los datos de un usuario en nuestra app a través de Facebook, Gmail o tu cuenta de correo.\",\n\t},\n\t{\n\t\tid: \"administrar_polizas\",\n\t\ttitle: \"Administrar pólizas\",\n\t\tdesc: \"Te sorprenderás como te enseñamos a administrar todo tu portafolio de seguros (pólizas) en nuestra app.\",\n\t},\n\t{\n\t\tid: \"anadir_una_poliza\",\n\t\ttitle: \"Añadir una póliza\",\n\t\turi: true,\n\t\turi_text: \"Bajatuseguro.com!\",\n\t\tdesc: \"No dejes fuera de nuestro sistema ninguna de tus pólizas aun no contratadas con nosotros. ¡Vive la experiencia\",\n\t},\n\t{\n\t\tid: \"compartir_polizas\",\n\t\ttitle: \"Compartir pólizas\",\n\t\tdesc: \"Vive tranquilo, sin la preocupación de tener que estar sacando copia a tu póliza, hemos pensado en todo y nuestro sistema te permite compartir tus pólizas con tus seres queridos o equipo de trabajo.\",\n\t},\n\t{\n\t\tid: \"reportar_siniestro_de_auto\",\n\t\ttitle: \"Reportar siniestro de auto\",\n\t\tdesc: \"No estás solo y sabemos que tu peor estrés es reportar un siniestro, nosotros lo hemos hecho fácil y además estamos contigo en todo el proceso.\",\n\t},\n];\n\nconst VideoTabs = () => {\n\tconst [selected, setSelected] = useState(\"registro_de_datos\");\n\n\treturn (\n\t\t\n\t\t\t