{"version":3,"sources":["webpack:///./src/components/Modals/ModalVideo.js","webpack:///./src/pages/charging-instructions.js","webpack:///./src/images/play.svg","webpack:///./src/components/sublinks.js"],"names":["ModalVideo","props","Modal","show","onHide","handleclose","centered","size","className","Header","closeButton","Title","Body","class","title","src","id","allowscriptaccess","allow","Instrukcja","React","useState","modVideoShow","setModVideoShow","data","useStaticQuery","href","target","rel","AppleStore","alt","GooglePlay","customStyle","data-sal","data-sal-delay","data-sal-duration","data-sal-easing","Tag","fluid","fotka","childImageSharp","backgroundColor","onClick","IconPlay","module","exports","Sublinks","to"],"mappings":"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","file":"component---src-pages-charging-instructions-js-31adcc8422510fe60c2c.js","sourcesContent":["import React from 'react'\r\nimport {Modal} from \"react-bootstrap\"\r\n\r\n\r\nfunction ModalVideo(props) {\r\n    return (\r\n      <Modal\r\n        show={props.show}\r\n        onHide={() => props.handleclose()}\r\n        centered\r\n        size=\"lg\"\r\n      >\r\n        <div className=\"p-xl-4 p-xxl-5\">\r\n          <Modal.Header closeButton>\r\n            <Modal.Title>How to use ORLEN chargers</Modal.Title>\r\n          </Modal.Header>\r\n          <Modal.Body>\r\n            <div class=\"embed-responsive embed-responsive-16by9\">\r\n              <iframe\r\n                title=\"How to use ORLEN chargers\"\r\n                class=\"embed-responsive-item\"\r\n                src=\"https://video.orlen.pl/DlaKier/Orlen%20-%20animacja%20bez%20RFID%20-%20rekawiczki.mp4\"\r\n                id=\"video\"\r\n                allowscriptaccess=\"always\"\r\n                allow=\"autoplay\"\r\n              ></iframe>\r\n            </div>\r\n          </Modal.Body>\r\n        </div>\r\n      </Modal>\r\n    )\r\n}\r\n\r\nexport default ModalVideo\r\n","import React from \"react\"\r\nimport { graphql, useStaticQuery } from \"gatsby\"\r\nimport BackgroundImage from \"gatsby-background-image\"\r\nimport SEO from \"../components/seo\"\r\nimport Layout from \"../components/layout\"\r\nimport Sublinks from \"../components/sublinks\"\r\nimport Infolinia from \"../components/infolinia\"\r\nimport ModalVideo from \"../components/Modals/ModalVideo\"\r\nimport IconPlay from \"../images/play.svg\"\r\n\r\nimport AppleStore from \"../images/appstore.png\"\r\nimport GooglePlay from \"../images/googleplay.png\"\r\n\r\nimport '../sass/main.scss'\r\n\r\nconst query = graphql`\r\n  {\r\n    fotka: file(relativePath: { eq: \"movie-bg.jpg\" }) {\r\n      childImageSharp {\r\n        fluid(quality: 90) {\r\n          ...GatsbyImageSharpFluid\r\n        }\r\n      }\r\n    }\r\n  }\r\n`\r\n\r\nconst Instrukcja = () => {\r\n  const [modVideoShow, setModVideoShow] = React.useState(false)\r\n  const data = useStaticQuery(query)\r\n\r\n  return (\r\n    <Layout>\r\n      <SEO title=\"ORLEN | CHARGING INSTRUCTIONS\" />\r\n      <Sublinks />\r\n\r\n      <section className=\"sub-visual sub-visual-instrukcja\">\r\n        <div className=\"title text-center\">CHARGING INSTRUCTIONS</div>\r\n        <p className=\"font-xxl font-light text-center col-md-8\">\r\n          {/* Aby skorzystać z naszych ładowarek, zarejestruj / zaloguj się na\r\n          naszej stronie */}\r\n          To use our charger, register/log in to the&nbsp;\r\n          <span className=\"font-bold color-red\">ORLEN Charge</span> app on your\r\n          phone.\r\n        </p>\r\n        <p className=\"font-xl font-light text-center col-md-8\">\r\n          To use the possibility of ad hoc charging (without registration), please use the payment terminal*\r\n          <br/>\r\n          <span className=\"font-italic font-xs\">*Applies to charging stations equipped with a payment terminal</span>\r\n        </p>\r\n        {/* <div className=\"my-4\">\r\n          <a\r\n            href=\"https://orlencharge.orlen.pl/#/portal/locations\"\r\n            target=\"_blank\"\r\n            rel=\"noreferrer\"\r\n            className=\"btn btn-primary btn-rounded\"\r\n          >\r\n            <span className=\"icon-keylock mr-3 font-xl\"></span> Logowanie /\r\n            Rejestracja\r\n          </a>\r\n        </div>\r\n        <p className=\"font-xxl font-light text-center\">\r\n          lub w aplikacji{\" \"}\r\n          <span className=\"font-bold color-red\">ORLEN Charge</span>{\" \"}\r\n          w&nbsp;telefonie.\r\n        </p> */}\r\n\r\n        <div className=\"ramka my-4 my-md-5 py-4 px-2\">\r\n          <p className=\"font-light text-center\">\r\n            The ORLEN Charge app is available on the App Store and Google Play\r\n            for iOS and Android\r\n            <br />\r\n            <br />\r\n            <a\r\n              href=\"https://apps.apple.com/us/app/orlen-charge/id1478111353\"\r\n              target=\"_blank\"\r\n              rel=\"noreferrer\"\r\n              title=\"zainstaluj aplikację z App Store\"\r\n            >\r\n              <img src={AppleStore} alt=\"\" className=\"img-fluid\" />\r\n            </a>\r\n            <a\r\n              href=\"https://play.google.com/store/apps/details?id=pl.orlen.charge\"\r\n              target=\"_blank\"\r\n              rel=\"noreferrer\"\r\n              title=\"zainstaluj aplikację z Google Play\"\r\n            >\r\n              <img src={GooglePlay} alt=\"\" className=\"img-fluid\" />\r\n            </a>\r\n          </p>\r\n        </div>\r\n\r\n        <Infolinia customStyle=\"infolinia-black d-none d-md-flex js-infolinia\" />\r\n      </section>\r\n\r\n      <section className=\"charge-steps\">\r\n        <div className=\"container\">\r\n          <div className=\"row justify-content-center\">\r\n            <div\r\n              className=\"col-12 col-md-4 col-lg-3 text-center ie11animfix\"\r\n              data-sal=\"slide-up\"\r\n              data-sal-delay=\"500\"\r\n              data-sal-duration=\"600\"\r\n              data-sal-easing=\"ease\"\r\n            >\r\n              <div className=\"step-icon step-icon-1 mb-3 mb-xxl-5\">\r\n                <span className=\"icon-step-1\"></span>\r\n              </div>\r\n              <p>\r\n                <strong>Open the app</strong> on your phone and{\" \"}\r\n                <strong>find a charging station</strong>.\r\n              </p>\r\n            </div>\r\n            <div\r\n              className=\"col-12 col-md-4 col-lg-3 text-center ie11animfix\"\r\n              data-sal=\"slide-up\"\r\n              data-sal-delay=\"700\"\r\n              data-sal-duration=\"600\"\r\n              data-sal-easing=\"ease\"\r\n            >\r\n              <div className=\"step-icon step-icon-2 mb-3 mb-xxl-5\">\r\n                <span className=\"icon-step-4\"></span>\r\n              </div>\r\n              <p>\r\n                Before a charging session starts,{\" \"}\r\n                <strong>add your payment card details</strong> in the Payment\r\n                menu under the payment cards tab.\r\n              </p>\r\n            </div>\r\n            <div\r\n              className=\"col-12 col-md-4 col-lg-3 text-center ie11animfix\"\r\n              data-sal=\"slide-up\"\r\n              data-sal-delay=\"600\"\r\n              data-sal-duration=\"600\"\r\n              data-sal-easing=\"ease\"\r\n            >\r\n              <div className=\"step-icon step-icon-3 mb-3 mb-xxl-5\">\r\n                <span className=\"icon-step-2\"></span>\r\n              </div>\r\n              <p>\r\n                <strong>Connect the selected charging cable</strong> to the car.\r\n              </p>\r\n            </div>\r\n            <div\r\n              className=\"col-12 col-md-4 col-lg-3 text-center ie11animfix\"\r\n              data-sal=\"slide-up\"\r\n              data-sal-delay=\"700\"\r\n              data-sal-duration=\"600\"\r\n              data-sal-easing=\"ease\"\r\n            >\r\n              <div className=\"step-icon step-icon-4 mb-3 mb-xxl-5\">\r\n                <span className=\"icon-step-3\"></span>\r\n              </div>\r\n              <p>\r\n                <strong>Select the appropriate connector</strong> by tapping the\r\n                Charge button in the app.\r\n              </p>\r\n            </div>\r\n\r\n            <div\r\n              className=\"col-12 col-md-4 col-lg-4 text-center ie11animfix\"\r\n              data-sal=\"slide-up\"\r\n              data-sal-delay=\"800\"\r\n              data-sal-duration=\"600\"\r\n              data-sal-easing=\"ease\"\r\n            >\r\n              <div className=\"step-icon step-icon-5 mb-3 mb-xxl-5\">\r\n                <span className=\"icon-step-5\"></span>\r\n              </div>\r\n              <p>\r\n                <strong>\r\n                  In order to stop the charging session, press the Stop button\r\n                </strong>{\" \"}\r\n                in the app. The charger will release the plug in your vehicle.\r\n              </p>\r\n            </div>\r\n\r\n            <div\r\n              className=\"col-12 col-md-12 col-lg-4 text-center ie11animfix\"\r\n              data-sal=\"slide-up\"\r\n              data-sal-delay=\"700\"\r\n              data-sal-duration=\"600\"\r\n              data-sal-easing=\"ease\"\r\n            >\r\n              <div className=\"step-icon step-icon-6 mb-3 mb-xxl-5\">\r\n                <span className=\"icon-step-7\"></span>\r\n              </div>\r\n              <p>\r\n                The total cost will be calculated after the charging session is\r\n                completed.\r\n              </p>\r\n            </div>\r\n            <div\r\n              className=\"col-12 col-md-4 col-lg-4 text-center ie11animfix\"\r\n              data-sal=\"slide-up\"\r\n              data-sal-delay=\"900\"\r\n              data-sal-duration=\"600\"\r\n              data-sal-easing=\"ease\"\r\n            >\r\n              <div className=\"step-icon step-icon-7 mb-3 mb-xxl-5\">\r\n                <span className=\"icon-step-6\"></span>\r\n              </div>\r\n              <p>\r\n                Be considerate of other drivers –{\" \"}\r\n                <strong>leave the parking space</strong> as soon as you have\r\n                finished charging.\r\n              </p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      <BackgroundImage\r\n        Tag=\"section\"\r\n        className={`section-movie`}\r\n        fluid={data.fotka.childImageSharp.fluid}\r\n        backgroundColor={`#000`}\r\n      >\r\n        <div className=\"bg-overlay\"></div>\r\n        <div\r\n          className=\"col-10 col-md-6 text-center section-movie-text ie11animfix\"\r\n          data-sal=\"slide-up\"\r\n          data-sal-delay=\"500\"\r\n          data-sal-duration=\"600\"\r\n          data-sal-easing=\"ease\"\r\n        >\r\n          <h4>How to use ORLEN chargers?</h4>\r\n          <div className=\"mt-5\">\r\n            <button className=\"btn-play\" onClick={() => setModVideoShow(true)}>\r\n              <img src={IconPlay} alt=\"\" className=\"img-fluid\" />\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </BackgroundImage>\r\n      <ModalVideo\r\n        show={modVideoShow}\r\n        handleclose={() => setModVideoShow(false)}\r\n      />\r\n\r\n      <section className=\"charge-details\">\r\n        <div className=\"container\">\r\n          <div className=\"row justify-content-md-around\">\r\n            <div\r\n              className=\"col-12 col-md-4 col-xl-3 ie11animfix\"\r\n              data-sal=\"slide-up\"\r\n              data-sal-delay=\"500\"\r\n              data-sal-duration=\"600\"\r\n              data-sal-easing=\"ease\"\r\n            >\r\n              <figure>\r\n                <span className=\"icon-instrukcja-1\"></span>\r\n              </figure>\r\n              <p className=\"text-center\">\r\n                <strong>\r\n                  Check out full details and status of your charging session in\r\n                  the app or on the charger screen.\r\n                </strong>\r\n              </p>\r\n            </div>\r\n            <div\r\n              className=\"col-12 col-md-4 col-xl-3 ie11animfix\"\r\n              data-sal=\"slide-up\"\r\n              data-sal-delay=\"600\"\r\n              data-sal-duration=\"600\"\r\n              data-sal-easing=\"ease\"\r\n            >\r\n              <figure>\r\n                <span className=\"icon-instrukcja-2\"></span>\r\n              </figure>\r\n              <p className=\"text-center\">\r\n                Respect other drivers:\r\n                <br />\r\n                <strong>Never unplug another car</strong> while it’s charging.\r\n              </p>\r\n            </div>\r\n            <div\r\n              className=\"col-12 col-md-4 col-xl-3 ie11animfix\"\r\n              data-sal=\"slide-up\"\r\n              data-sal-delay=\"700\"\r\n              data-sal-duration=\"600\"\r\n              data-sal-easing=\"ease\"\r\n            >\r\n              <figure>\r\n                <span className=\"icon-instrukcja-3\"></span>\r\n              </figure>\r\n              <p className=\"text-center\">\r\n                Respect other drivers:\r\n                <br />\r\n                <strong>\r\n                  Don’t leave your car plugged in longer than necessary.\r\n                </strong>\r\n              </p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </section>\r\n    </Layout>\r\n  )\r\n}\r\nexport default Instrukcja\r\n\r\n\r\n\r\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDIiIGhlaWdodD0iMTQyIiB2aWV3Qm94PSIwIDAgMTQyIDE0MiI+DQogIDxnIGlkPSJHcm91cF8yNDYiIGRhdGEtbmFtZT0iR3JvdXAgMjQ2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTE5IC0xMDM5KSI+DQogICAgPGNpcmNsZSBpZD0iRWxsaXBzZV8xMCIgZGF0YS1uYW1lPSJFbGxpcHNlIDEwIiBjeD0iNzEiIGN5PSI3MSIgcj0iNzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkxOSAxMDM5KSIgZmlsbD0iI2ZmZiIvPg0KICAgIDxwYXRoIGlkPSJQYXRoXzEzOCIgZGF0YS1uYW1lPSJQYXRoIDEzOCIgZD0iTTM0MC4wNjUsMzMwLjU1NmwtMTguMzA3LDE4LjMwN2EyLjY4NiwyLjY4NiwwLDAsMS00LjU4Ni0xLjlWMzEwLjM1YTIuNjg2LDIuNjg2LDAsMCwxLDQuNTg2LTEuOWwxOC4zMDcsMTguMzA3QTIuNjg3LDIuNjg3LDAsMCwxLDM0MC4wNjUsMzMwLjU1NloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY2My4wMDIgNzgxLjU2MSkiIGZpbGw9IiM1ZTVlNWUiLz4NCiAgPC9nPg0KPC9zdmc+DQo=\"","import React from 'react'\r\nimport { Link } from \"gatsby\"\r\nimport { Container } from \"react-bootstrap\"\r\n\r\nfunction Sublinks() {\r\n  return (\r\n    <section className=\"sublinks\">\r\n      <Container>\r\n        <div className=\"row py-3\">\r\n          <div className=\"col-4 col-md-4 d-flex align-items-center justify-content-center\">\r\n            <Link\r\n              to=\"/our-chargers\"\r\n              title=\"Check out technical specifications.\"\r\n            >\r\n              <figure>\r\n                <span className=\"icon-icon-visual-1\"></span>\r\n              </figure>\r\n              <div className=\"title\">OUR CHARGERS</div>\r\n            </Link>\r\n          </div>\r\n\r\n          <div className=\"col-4 col-md-4 d-flex align-items-center justify-content-center\">\r\n            <Link to=\"/charging-instructions\" title=\"See how easy it is.\">\r\n              <figure>\r\n                <span className=\"icon-icon-visual-2\"></span>\r\n              </figure>\r\n              <div className=\"title\">CHARGING INSTRUCTIONS</div>\r\n            </Link>\r\n          </div>\r\n\r\n          <div className=\"col-4 col-md-4 d-flex align-items-center justify-content-center\">\r\n            <Link to=\"/terms-and-conditions\" title=\"Charging Terms & Conditions\">\r\n              <figure>\r\n                <span className=\"icon-icon-visual-3\"></span>\r\n              </figure>\r\n              <div className=\"title\">CHARGING TERMS AND CONDITIONS</div>\r\n            </Link>\r\n          </div>\r\n        </div>\r\n      </Container>\r\n    </section>\r\n  )\r\n}\r\n\r\nexport default Sublinks\r\n"],"sourceRoot":""}